| 1 | import React from 'react';
|
| 2 | import { ColorItem, ColorPalette } from './ColorPalette';
|
| 3 | export default {
|
| 4 | title: 'Docs/ColorPalette',
|
| 5 | component: ColorPalette
|
| 6 | };
|
| 7 | export var defaultStyle = function defaultStyle() {
|
| 8 | return React.createElement(ColorPalette, null, React.createElement(ColorItem, {
|
| 9 | title: "theme.color.greyscale",
|
| 10 | subtitle: "Some of the greys",
|
| 11 | colors: ['#FFFFFF', '#F8F8F8', '#F3F3F3']
|
| 12 | }), React.createElement(ColorItem, {
|
| 13 | title: "theme.color.primary",
|
| 14 | subtitle: "Coral",
|
| 15 | colors: ['#FF4785']
|
| 16 | }), React.createElement(ColorItem, {
|
| 17 | title: "theme.color.secondary",
|
| 18 | subtitle: "Ocean",
|
| 19 | colors: ['#1EA7FD']
|
| 20 | }), React.createElement(ColorItem, {
|
| 21 | title: "theme.color.positive",
|
| 22 | subtitle: "Green",
|
| 23 | colors: ['rgba(102,191,60,1)', 'rgba(102,191,60,.8)', 'rgba(102,191,60,.6)', 'rgba(102,191,60,.3)']
|
| 24 | }), React.createElement(ColorItem, {
|
| 25 | title: "gradient",
|
| 26 | subtitle: "Grayscale",
|
| 27 | colors: ['linear-gradient(to right,white,black)']
|
| 28 | }));
|
| 29 | };
|
| 30 | defaultStyle.displayName = "defaultStyle";
|
| 31 | export var NamedColors = function NamedColors() {
|
| 32 | return React.createElement(ColorPalette, null, React.createElement(ColorItem, {
|
| 33 | title: "theme.color.greyscale",
|
| 34 | subtitle: "Some of the greys",
|
| 35 | colors: {
|
| 36 | White: '#FFFFFF',
|
| 37 | Alabaster: '#F8F8F8',
|
| 38 | Concrete: '#F3F3F3'
|
| 39 | }
|
| 40 | }), React.createElement(ColorItem, {
|
| 41 | title: "theme.color.primary",
|
| 42 | subtitle: "Coral",
|
| 43 | colors: {
|
| 44 | WildWatermelon: '#FF4785'
|
| 45 | }
|
| 46 | }), React.createElement(ColorItem, {
|
| 47 | title: "theme.color.secondary",
|
| 48 | subtitle: "Ocean",
|
| 49 | colors: {
|
| 50 | DodgerBlue: '#1EA7FD'
|
| 51 | }
|
| 52 | }), React.createElement(ColorItem, {
|
| 53 | title: "theme.color.positive",
|
| 54 | subtitle: "Green",
|
| 55 | colors: {
|
| 56 | Apple: 'rgba(102,191,60,1)',
|
| 57 | Apple80: 'rgba(102,191,60,.8)',
|
| 58 | Apple60: 'rgba(102,191,60,.6)',
|
| 59 | Apple30: 'rgba(102,191,60,.3)'
|
| 60 | }
|
| 61 | }), React.createElement(ColorItem, {
|
| 62 | title: "gradient",
|
| 63 | subtitle: "Grayscale",
|
| 64 | colors: {
|
| 65 | Gradient: 'linear-gradient(to right,white,black)'
|
| 66 | }
|
| 67 | }));
|
| 68 | };
|
| 69 | NamedColors.displayName = "NamedColors"; |
| \ | No newline at end of file |