UNPKG

chayns-components

Version:

A set of beautiful React components for developing chayns® applications.

de.tobit.software

TobitSoftware/chayns-components

125 lines (121 loc) • 9.02 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
"use strict"; exports.__esModule = true; exports.BACKGROUND_COLOR_YELLOW_4 = exports.BACKGROUND_COLOR_YELLOW_3 = exports.BACKGROUND_COLOR_YELLOW_2 = exports.BACKGROUND_COLOR_YELLOW_1 = exports.BACKGROUND_COLOR_TEXT = exports.BACKGROUND_COLOR_RED_4 = exports.BACKGROUND_COLOR_RED_3 = exports.BACKGROUND_COLOR_RED_2 = exports.BACKGROUND_COLOR_RED_1 = exports.BACKGROUND_COLOR_PRIMARY = exports.BACKGROUND_COLOR_HEADLINE = exports.BACKGROUND_COLOR_HEADER_BAR = exports.BACKGROUND_COLOR_GREEN_4 = exports.BACKGROUND_COLOR_GREEN_3 = exports.BACKGROUND_COLOR_GREEN_2 = exports.BACKGROUND_COLOR_GREEN_1 = exports.BACKGROUND_COLOR_CW_BACKGROUND = exports.BACKGROUND_COLOR_309 = exports.BACKGROUND_COLOR_308 = exports.BACKGROUND_COLOR_307 = exports.BACKGROUND_COLOR_306 = exports.BACKGROUND_COLOR_305 = exports.BACKGROUND_COLOR_304 = exports.BACKGROUND_COLOR_303 = exports.BACKGROUND_COLOR_302 = exports.BACKGROUND_COLOR_301 = exports.BACKGROUND_COLOR_300 = exports.BACKGROUND_COLOR_209 = exports.BACKGROUND_COLOR_208 = exports.BACKGROUND_COLOR_207 = exports.BACKGROUND_COLOR_206 = exports.BACKGROUND_COLOR_205 = exports.BACKGROUND_COLOR_204 = exports.BACKGROUND_COLOR_203 = exports.BACKGROUND_COLOR_202 = exports.BACKGROUND_COLOR_201 = exports.BACKGROUND_COLOR_200 = exports.BACKGROUND_COLOR_109 = exports.BACKGROUND_COLOR_108 = exports.BACKGROUND_COLOR_107 = exports.BACKGROUND_COLOR_106 = exports.BACKGROUND_COLOR_105 = exports.BACKGROUND_COLOR_104 = exports.BACKGROUND_COLOR_103 = exports.BACKGROUND_COLOR_102 = exports.BACKGROUND_COLOR_101 = exports.BACKGROUND_COLOR_100 = exports.BACKGROUND_COLOR_009 = exports.BACKGROUND_COLOR_008 = exports.BACKGROUND_COLOR_007 = exports.BACKGROUND_COLOR_006 = exports.BACKGROUND_COLOR_005 = exports.BACKGROUND_COLOR_004 = exports.BACKGROUND_COLOR_003 = exports.BACKGROUND_COLOR_002 = exports.BACKGROUND_COLOR_001 = exports.BACKGROUND_COLOR_000 = void 0; const BACKGROUND_COLOR_PREFIX = 'chayns__background-color'; // main BACKGROUND_COLOR palettes const BACKGROUND_COLOR_000 = `${BACKGROUND_COLOR_PREFIX}--000`; exports.BACKGROUND_COLOR_000 = BACKGROUND_COLOR_000; const BACKGROUND_COLOR_001 = `${BACKGROUND_COLOR_PREFIX}--001`; exports.BACKGROUND_COLOR_001 = BACKGROUND_COLOR_001; const BACKGROUND_COLOR_002 = `${BACKGROUND_COLOR_PREFIX}--002`; exports.BACKGROUND_COLOR_002 = BACKGROUND_COLOR_002; const BACKGROUND_COLOR_003 = `${BACKGROUND_COLOR_PREFIX}--003`; exports.BACKGROUND_COLOR_003 = BACKGROUND_COLOR_003; const BACKGROUND_COLOR_004 = `${BACKGROUND_COLOR_PREFIX}--004`; exports.BACKGROUND_COLOR_004 = BACKGROUND_COLOR_004; const BACKGROUND_COLOR_005 = `${BACKGROUND_COLOR_PREFIX}--005`; exports.BACKGROUND_COLOR_005 = BACKGROUND_COLOR_005; const BACKGROUND_COLOR_006 = `${BACKGROUND_COLOR_PREFIX}--006`; exports.BACKGROUND_COLOR_006 = BACKGROUND_COLOR_006; const BACKGROUND_COLOR_007 = `${BACKGROUND_COLOR_PREFIX}--007`; exports.BACKGROUND_COLOR_007 = BACKGROUND_COLOR_007; const BACKGROUND_COLOR_008 = `${BACKGROUND_COLOR_PREFIX}--008`; exports.BACKGROUND_COLOR_008 = BACKGROUND_COLOR_008; const BACKGROUND_COLOR_009 = `${BACKGROUND_COLOR_PREFIX}--009`; exports.BACKGROUND_COLOR_009 = BACKGROUND_COLOR_009; const BACKGROUND_COLOR_100 = `${BACKGROUND_COLOR_PREFIX}--100`; exports.BACKGROUND_COLOR_100 = BACKGROUND_COLOR_100; const BACKGROUND_COLOR_101 = `${BACKGROUND_COLOR_PREFIX}--101`; exports.BACKGROUND_COLOR_101 = BACKGROUND_COLOR_101; const BACKGROUND_COLOR_102 = `${BACKGROUND_COLOR_PREFIX}--102`; exports.BACKGROUND_COLOR_102 = BACKGROUND_COLOR_102; const BACKGROUND_COLOR_103 = `${BACKGROUND_COLOR_PREFIX}--103`; exports.BACKGROUND_COLOR_103 = BACKGROUND_COLOR_103; const BACKGROUND_COLOR_104 = `${BACKGROUND_COLOR_PREFIX}--104`; exports.BACKGROUND_COLOR_104 = BACKGROUND_COLOR_104; const BACKGROUND_COLOR_105 = `${BACKGROUND_COLOR_PREFIX}--105`; exports.BACKGROUND_COLOR_105 = BACKGROUND_COLOR_105; const BACKGROUND_COLOR_106 = `${BACKGROUND_COLOR_PREFIX}--106`; exports.BACKGROUND_COLOR_106 = BACKGROUND_COLOR_106; const BACKGROUND_COLOR_107 = `${BACKGROUND_COLOR_PREFIX}--107`; exports.BACKGROUND_COLOR_107 = BACKGROUND_COLOR_107; const BACKGROUND_COLOR_108 = `${BACKGROUND_COLOR_PREFIX}--108`; exports.BACKGROUND_COLOR_108 = BACKGROUND_COLOR_108; const BACKGROUND_COLOR_109 = `${BACKGROUND_COLOR_PREFIX}--109`; exports.BACKGROUND_COLOR_109 = BACKGROUND_COLOR_109; const BACKGROUND_COLOR_200 = `${BACKGROUND_COLOR_PREFIX}--200`; exports.BACKGROUND_COLOR_200 = BACKGROUND_COLOR_200; const BACKGROUND_COLOR_201 = `${BACKGROUND_COLOR_PREFIX}--201`; exports.BACKGROUND_COLOR_201 = BACKGROUND_COLOR_201; const BACKGROUND_COLOR_202 = `${BACKGROUND_COLOR_PREFIX}--202`; exports.BACKGROUND_COLOR_202 = BACKGROUND_COLOR_202; const BACKGROUND_COLOR_203 = `${BACKGROUND_COLOR_PREFIX}--203`; exports.BACKGROUND_COLOR_203 = BACKGROUND_COLOR_203; const BACKGROUND_COLOR_204 = `${BACKGROUND_COLOR_PREFIX}--204`; exports.BACKGROUND_COLOR_204 = BACKGROUND_COLOR_204; const BACKGROUND_COLOR_205 = `${BACKGROUND_COLOR_PREFIX}--205`; exports.BACKGROUND_COLOR_205 = BACKGROUND_COLOR_205; const BACKGROUND_COLOR_206 = `${BACKGROUND_COLOR_PREFIX}--206`; exports.BACKGROUND_COLOR_206 = BACKGROUND_COLOR_206; const BACKGROUND_COLOR_207 = `${BACKGROUND_COLOR_PREFIX}--207`; exports.BACKGROUND_COLOR_207 = BACKGROUND_COLOR_207; const BACKGROUND_COLOR_208 = `${BACKGROUND_COLOR_PREFIX}--208`; exports.BACKGROUND_COLOR_208 = BACKGROUND_COLOR_208; const BACKGROUND_COLOR_209 = `${BACKGROUND_COLOR_PREFIX}--209`; exports.BACKGROUND_COLOR_209 = BACKGROUND_COLOR_209; const BACKGROUND_COLOR_300 = `${BACKGROUND_COLOR_PREFIX}--300`; exports.BACKGROUND_COLOR_300 = BACKGROUND_COLOR_300; const BACKGROUND_COLOR_301 = `${BACKGROUND_COLOR_PREFIX}--301`; exports.BACKGROUND_COLOR_301 = BACKGROUND_COLOR_301; const BACKGROUND_COLOR_302 = `${BACKGROUND_COLOR_PREFIX}--302`; exports.BACKGROUND_COLOR_302 = BACKGROUND_COLOR_302; const BACKGROUND_COLOR_303 = `${BACKGROUND_COLOR_PREFIX}--303`; exports.BACKGROUND_COLOR_303 = BACKGROUND_COLOR_303; const BACKGROUND_COLOR_304 = `${BACKGROUND_COLOR_PREFIX}--304`; exports.BACKGROUND_COLOR_304 = BACKGROUND_COLOR_304; const BACKGROUND_COLOR_305 = `${BACKGROUND_COLOR_PREFIX}--305`; exports.BACKGROUND_COLOR_305 = BACKGROUND_COLOR_305; const BACKGROUND_COLOR_306 = `${BACKGROUND_COLOR_PREFIX}--306`; exports.BACKGROUND_COLOR_306 = BACKGROUND_COLOR_306; const BACKGROUND_COLOR_307 = `${BACKGROUND_COLOR_PREFIX}--307`; exports.BACKGROUND_COLOR_307 = BACKGROUND_COLOR_307; const BACKGROUND_COLOR_308 = `${BACKGROUND_COLOR_PREFIX}--308`; exports.BACKGROUND_COLOR_308 = BACKGROUND_COLOR_308; const BACKGROUND_COLOR_309 = `${BACKGROUND_COLOR_PREFIX}--309`; exports.BACKGROUND_COLOR_309 = BACKGROUND_COLOR_309; const BACKGROUND_COLOR_PRIMARY = `${BACKGROUND_COLOR_PREFIX}--primary`; exports.BACKGROUND_COLOR_PRIMARY = BACKGROUND_COLOR_PRIMARY; const BACKGROUND_COLOR_HEADLINE = `${BACKGROUND_COLOR_PREFIX}--headline`; exports.BACKGROUND_COLOR_HEADLINE = BACKGROUND_COLOR_HEADLINE; const BACKGROUND_COLOR_TEXT = `${BACKGROUND_COLOR_PREFIX}--text`; exports.BACKGROUND_COLOR_TEXT = BACKGROUND_COLOR_TEXT; const BACKGROUND_COLOR_HEADER_BAR = `${BACKGROUND_COLOR_PREFIX}--header-bar`; exports.BACKGROUND_COLOR_HEADER_BAR = BACKGROUND_COLOR_HEADER_BAR; const BACKGROUND_COLOR_CW_BACKGROUND = `${BACKGROUND_COLOR_PREFIX}--cw-background`; // special BACKGROUND_COLOR palettes exports.BACKGROUND_COLOR_CW_BACKGROUND = BACKGROUND_COLOR_CW_BACKGROUND; const BACKGROUND_COLOR_YELLOW_1 = `${BACKGROUND_COLOR_PREFIX}--yellow-1`; exports.BACKGROUND_COLOR_YELLOW_1 = BACKGROUND_COLOR_YELLOW_1; const BACKGROUND_COLOR_YELLOW_2 = `${BACKGROUND_COLOR_PREFIX}--yellow-2`; exports.BACKGROUND_COLOR_YELLOW_2 = BACKGROUND_COLOR_YELLOW_2; const BACKGROUND_COLOR_YELLOW_3 = `${BACKGROUND_COLOR_PREFIX}--yellow-3`; exports.BACKGROUND_COLOR_YELLOW_3 = BACKGROUND_COLOR_YELLOW_3; const BACKGROUND_COLOR_YELLOW_4 = `${BACKGROUND_COLOR_PREFIX}--yellow-4`; exports.BACKGROUND_COLOR_YELLOW_4 = BACKGROUND_COLOR_YELLOW_4; const BACKGROUND_COLOR_RED_1 = `${BACKGROUND_COLOR_PREFIX}--red-1`; exports.BACKGROUND_COLOR_RED_1 = BACKGROUND_COLOR_RED_1; const BACKGROUND_COLOR_RED_2 = `${BACKGROUND_COLOR_PREFIX}--red-2`; exports.BACKGROUND_COLOR_RED_2 = BACKGROUND_COLOR_RED_2; const BACKGROUND_COLOR_RED_3 = `${BACKGROUND_COLOR_PREFIX}--red-3`; exports.BACKGROUND_COLOR_RED_3 = BACKGROUND_COLOR_RED_3; const BACKGROUND_COLOR_RED_4 = `${BACKGROUND_COLOR_PREFIX}--red-4`; exports.BACKGROUND_COLOR_RED_4 = BACKGROUND_COLOR_RED_4; const BACKGROUND_COLOR_GREEN_1 = `${BACKGROUND_COLOR_PREFIX}--green-1`; exports.BACKGROUND_COLOR_GREEN_1 = BACKGROUND_COLOR_GREEN_1; const BACKGROUND_COLOR_GREEN_2 = `${BACKGROUND_COLOR_PREFIX}--green-2`; exports.BACKGROUND_COLOR_GREEN_2 = BACKGROUND_COLOR_GREEN_2; const BACKGROUND_COLOR_GREEN_3 = `${BACKGROUND_COLOR_PREFIX}--green-3`; exports.BACKGROUND_COLOR_GREEN_3 = BACKGROUND_COLOR_GREEN_3; const BACKGROUND_COLOR_GREEN_4 = `${BACKGROUND_COLOR_PREFIX}--green-4`; exports.BACKGROUND_COLOR_GREEN_4 = BACKGROUND_COLOR_GREEN_4; //# sourceMappingURL=background-colors.js.map