@bethinkpl/design-system 34.0.9 → 34.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/styles/settings/colors/_raw-bodywork.json +1 -1
- package/lib/styles/settings/colors/_raw-bodywork.scss +0 -2
- package/lib/styles/settings/colors/_raw-wnl.json +1 -1
- package/lib/styles/settings/colors/_raw-wnl.scss +4 -6
- package/lib/styles/settings/colors/_raw.json +1 -1
- package/lib/styles/settings/colors/_raw.scss +84 -64
- package/lib/styles/settings/colors/_tokens-bodywork-variables.scss +22 -8
- package/lib/styles/settings/colors/_tokens-bodywork.json +1 -1
- package/lib/styles/settings/colors/_tokens-bodywork.scss +15 -1
- package/lib/styles/settings/colors/_tokens-variables.scss +89 -60
- package/lib/styles/settings/colors/_tokens-wnl-variables.scss +15 -1
- package/lib/styles/settings/colors/_tokens-wnl.json +1 -1
- package/lib/styles/settings/colors/_tokens-wnl.scss +15 -1
- package/lib/styles/settings/colors/_tokens.json +1 -1
- package/lib/styles/settings/colors/_tokens.scss +29 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"
|
|
1
|
+
{"theme":[{"id":"_raw-bodywork.scss_theme-50","label":"theme-50","value":"#ECF2F5"},{"id":"_raw-bodywork.scss_theme-100","label":"theme-100","value":"#DCE7ED"},{"id":"_raw-bodywork.scss_theme-200","label":"theme-200","value":"#B6CDD7"},{"id":"_raw-bodywork.scss_theme-300","label":"theme-300","value":"#81B2C8"},{"id":"_raw-bodywork.scss_theme-400","label":"theme-400","value":"#3D8BAF"},{"id":"_raw-bodywork.scss_theme-500","label":"theme-500","value":"#1F7095"},{"id":"_raw-bodywork.scss_theme-600","label":"theme-600","value":"#0E5D81"},{"id":"_raw-bodywork.scss_theme-700","label":"theme-700","value":"#004C6E"},{"id":"_raw-bodywork.scss_theme-800","label":"theme-800","value":"#0A425B"},{"id":"_raw-bodywork.scss_theme-900","label":"theme-900","value":"#183340"}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"
|
|
1
|
+
{"theme":[{"id":"_raw-wnl.scss_theme-50","label":"theme-50","value":"#E8F6F6"},{"id":"_raw-wnl.scss_theme-100","label":"theme-100","value":"#D5EEEF"},{"id":"_raw-wnl.scss_theme-200","label":"theme-200","value":"#A6DCDE"},{"id":"_raw-wnl.scss_theme-300","label":"theme-300","value":"#5BBDC1"},{"id":"_raw-wnl.scss_theme-400","label":"theme-400","value":"#0D9EA4"},{"id":"_raw-wnl.scss_theme-500","label":"theme-500","value":"#078F96"},{"id":"_raw-wnl.scss_theme-600","label":"theme-600","value":"#087E85"},{"id":"_raw-wnl.scss_theme-700","label":"theme-700","value":"#096B75"},{"id":"_raw-wnl.scss_theme-800","label":"theme-800","value":"#095D68"},{"id":"_raw-wnl.scss_theme-900","label":"theme-900","value":"#0A4C58"}]}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
.-ds-theme-wnl {
|
|
2
|
-
--raw-white: #fff;
|
|
3
|
-
--raw-white-rgb: 255, 255, 255;
|
|
4
2
|
--theme-50: #e8f6f6;
|
|
5
3
|
--theme-50-rgb: 232, 246, 246;
|
|
6
4
|
--theme-100: #d5eeef;
|
|
@@ -13,10 +11,10 @@
|
|
|
13
11
|
--theme-400-rgb: 13, 158, 164;
|
|
14
12
|
--theme-500: #078f96;
|
|
15
13
|
--theme-500-rgb: 7, 143, 150;
|
|
16
|
-
--theme-600: #
|
|
17
|
-
--theme-600-rgb: 8,
|
|
18
|
-
--theme-700: #
|
|
19
|
-
--theme-700-rgb: 9,
|
|
14
|
+
--theme-600: #087e85;
|
|
15
|
+
--theme-600-rgb: 8, 126, 133;
|
|
16
|
+
--theme-700: #096b75;
|
|
17
|
+
--theme-700-rgb: 9, 107, 117;
|
|
20
18
|
--theme-800: #095d68;
|
|
21
19
|
--theme-800-rgb: 9, 93, 104;
|
|
22
20
|
--theme-900: #0a4c58;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"default":[{"id":"_raw.scss_black","label":"black","value":"#0C1726"},{"id":"_raw.scss_white","label":"white","value":"#FFF"}],"gray":[{"id":"_raw.scss_gray-50","label":"gray-50","value":"#F7F7F9"},{"id":"_raw.scss_gray-100","label":"gray-100","value":"#F1F2F6"},{"id":"_raw.scss_gray-200","label":"gray-200","value":"#E5E7ED"},{"id":"_raw.scss_gray-300","label":"gray-300","value":"#C6CBD7"},{"id":"_raw.scss_gray-400","label":"gray-400","value":"#A8AFC0"},{"id":"_raw.scss_gray-500","label":"gray-500","value":"#8992A7"},{"id":"_raw.scss_gray-600","label":"gray-600","value":"#767F95"},{"id":"_raw.scss_gray-700","label":"gray-700","value":"#636C84"},{"id":"_raw.scss_gray-800","label":"gray-800","value":"#4A5269"},{"id":"_raw.scss_gray-900","label":"gray-900","value":"#343C50"}],"green":[{"id":"_raw.scss_green-50","label":"green-50","value":"#E9F7F0"},{"id":"_raw.scss_green-100","label":"green-100","value":"#D7F0E4"},{"id":"_raw.scss_green-200","label":"green-200","value":"#A2DCC1"},{"id":"_raw.scss_green-300","label":"green-300","value":"#5FC594"},{"id":"_raw.scss_green-400","label":"green-400","value":"#18A85F"},{"id":"_raw.scss_green-500","label":"green-500","value":"#16995A"},{"id":"_raw.scss_green-600","label":"green-600","value":"#158753"},{"id":"_raw.scss_green-700","label":"green-700","value":"#14744B"},{"id":"_raw.scss_green-800","label":"green-800","value":"#126344"},{"id":"_raw.scss_green-900","label":"green-900","value":"#11513D"}],"gold":[{"id":"_raw.scss_gold-50","label":"gold-50","value":"#FFF4E2"},{"id":"_raw.scss_gold-100","label":"gold-100","value":"#FFEAC5"},{"id":"_raw.scss_gold-200","label":"gold-200","value":"#FFD690"},{"id":"_raw.scss_gold-300","label":"gold-300","value":"#FBC358"},{"id":"_raw.scss_gold-400","label":"gold-400","value":"#
|
|
1
|
+
{"default":[{"id":"_raw.scss_black","label":"black","value":"#0C1726"},{"id":"_raw.scss_white","label":"white","value":"#FFF"}],"gray":[{"id":"_raw.scss_gray-50","label":"gray-50","value":"#F7F7F9"},{"id":"_raw.scss_gray-100","label":"gray-100","value":"#F1F2F6"},{"id":"_raw.scss_gray-200","label":"gray-200","value":"#E5E7ED"},{"id":"_raw.scss_gray-300","label":"gray-300","value":"#C6CBD7"},{"id":"_raw.scss_gray-400","label":"gray-400","value":"#A8AFC0"},{"id":"_raw.scss_gray-500","label":"gray-500","value":"#8992A7"},{"id":"_raw.scss_gray-600","label":"gray-600","value":"#767F95"},{"id":"_raw.scss_gray-700","label":"gray-700","value":"#636C84"},{"id":"_raw.scss_gray-800","label":"gray-800","value":"#4A5269"},{"id":"_raw.scss_gray-900","label":"gray-900","value":"#343C50"}],"green":[{"id":"_raw.scss_green-50","label":"green-50","value":"#E9F7F0"},{"id":"_raw.scss_green-100","label":"green-100","value":"#D7F0E4"},{"id":"_raw.scss_green-200","label":"green-200","value":"#A2DCC1"},{"id":"_raw.scss_green-300","label":"green-300","value":"#5FC594"},{"id":"_raw.scss_green-400","label":"green-400","value":"#18A85F"},{"id":"_raw.scss_green-500","label":"green-500","value":"#16995A"},{"id":"_raw.scss_green-600","label":"green-600","value":"#158753"},{"id":"_raw.scss_green-700","label":"green-700","value":"#14744B"},{"id":"_raw.scss_green-800","label":"green-800","value":"#126344"},{"id":"_raw.scss_green-900","label":"green-900","value":"#11513D"}],"gold":[{"id":"_raw.scss_gold-50","label":"gold-50","value":"#FFF4E2"},{"id":"_raw.scss_gold-100","label":"gold-100","value":"#FFEAC5"},{"id":"_raw.scss_gold-200","label":"gold-200","value":"#FFD690"},{"id":"_raw.scss_gold-300","label":"gold-300","value":"#FBC358"},{"id":"_raw.scss_gold-400","label":"gold-400","value":"#F5AE25"},{"id":"_raw.scss_gold-500","label":"gold-500","value":"#EB960E"},{"id":"_raw.scss_gold-600","label":"gold-600","value":"#E08504"},{"id":"_raw.scss_gold-700","label":"gold-700","value":"#BD6D06"},{"id":"_raw.scss_gold-800","label":"gold-800","value":"#995B0F"},{"id":"_raw.scss_gold-900","label":"gold-900","value":"#7D4A0A"}],"orange":[{"id":"_raw.scss_orange-50","label":"orange-50","value":"#FDEFEC"},{"id":"_raw.scss_orange-100","label":"orange-100","value":"#FBE1DC"},{"id":"_raw.scss_orange-200","label":"orange-200","value":"#F6BCB0"},{"id":"_raw.scss_orange-300","label":"orange-300","value":"#EF8772"},{"id":"_raw.scss_orange-400","label":"orange-400","value":"#E85335"},{"id":"_raw.scss_orange-500","label":"orange-500","value":"#E43C1A"},{"id":"_raw.scss_orange-600","label":"orange-600","value":"#D43718"},{"id":"_raw.scss_orange-700","label":"orange-700","value":"#BA3115"},{"id":"_raw.scss_orange-800","label":"orange-800","value":"#A02A12"},{"id":"_raw.scss_orange-900","label":"orange-900","value":"#85230F"}],"red":[{"id":"_raw.scss_red-50","label":"red-50","value":"#FCEEF0"},{"id":"_raw.scss_red-100","label":"red-100","value":"#FAE3E5"},{"id":"_raw.scss_red-200","label":"red-200","value":"#F4BDC1"},{"id":"_raw.scss_red-300","label":"red-300","value":"#EC868E"},{"id":"_raw.scss_red-400","label":"red-400","value":"#E24956"},{"id":"_raw.scss_red-500","label":"red-500","value":"#DD2A3A"},{"id":"_raw.scss_red-600","label":"red-600","value":"#CA1E2E"},{"id":"_raw.scss_red-700","label":"red-700","value":"#B41E2D"},{"id":"_raw.scss_red-800","label":"red-800","value":"#9F1D2C"},{"id":"_raw.scss_red-900","label":"red-900","value":"#831C2B"}],"blue":[{"id":"_raw.scss_blue-50","label":"blue-50","value":"#E6F4FA"},{"id":"_raw.scss_blue-100","label":"blue-100","value":"#CDE8F5"},{"id":"_raw.scss_blue-200","label":"blue-200","value":"#9FD4EC"},{"id":"_raw.scss_blue-300","label":"blue-300","value":"#62ADD5"},{"id":"_raw.scss_blue-400","label":"blue-400","value":"#308BBF"},{"id":"_raw.scss_blue-500","label":"blue-500","value":"#1779B5"},{"id":"_raw.scss_blue-600","label":"blue-600","value":"#0C6CA8"},{"id":"_raw.scss_blue-700","label":"blue-700","value":"#0C6095"},{"id":"_raw.scss_blue-800","label":"blue-800","value":"#0C5685"},{"id":"_raw.scss_blue-900","label":"blue-900","value":"#0C4870"}],"violet":[{"id":"_raw.scss_violet-50","label":"violet-50","value":"#F4F1F8"},{"id":"_raw.scss_violet-100","label":"violet-100","value":"#E6DEEE"},{"id":"_raw.scss_violet-200","label":"violet-200","value":"#CEBFDE"},{"id":"_raw.scss_violet-300","label":"violet-300","value":"#AF97C8"},{"id":"_raw.scss_violet-400","label":"violet-400","value":"#9271B5"},{"id":"_raw.scss_violet-500","label":"violet-500","value":"#7E57A7"},{"id":"_raw.scss_violet-600","label":"violet-600","value":"#72499B"},{"id":"_raw.scss_violet-700","label":"violet-700","value":"#643D8C"},{"id":"_raw.scss_violet-800","label":"violet-800","value":"#56367B"},{"id":"_raw.scss_violet-900","label":"violet-900","value":"#472F6B"}],"indigo":[{"id":"_raw.scss_indigo-50","label":"indigo-50","value":"#F0F1FD"},{"id":"_raw.scss_indigo-100","label":"indigo-100","value":"#E4E5FB"},{"id":"_raw.scss_indigo-200","label":"indigo-200","value":"#BFC2F5"},{"id":"_raw.scss_indigo-300","label":"indigo-300","value":"#989DEE"},{"id":"_raw.scss_indigo-400","label":"indigo-400","value":"#6F77E3"},{"id":"_raw.scss_indigo-500","label":"indigo-500","value":"#6169CF"},{"id":"_raw.scss_indigo-600","label":"indigo-600","value":"#575EBD"},{"id":"_raw.scss_indigo-700","label":"indigo-700","value":"#4C55A6"},{"id":"_raw.scss_indigo-800","label":"indigo-800","value":"#424B90"},{"id":"_raw.scss_indigo-900","label":"indigo-900","value":"#363E73"}],"olive":[{"id":"_raw.scss_olive-50","label":"olive-50","value":"#EEF6E3"},{"id":"_raw.scss_olive-100","label":"olive-100","value":"#E0EED1"},{"id":"_raw.scss_olive-200","label":"olive-200","value":"#C7E1AB"},{"id":"_raw.scss_olive-300","label":"olive-300","value":"#A5CF76"},{"id":"_raw.scss_olive-400","label":"olive-400","value":"#8ABD4D"},{"id":"_raw.scss_olive-500","label":"olive-500","value":"#72AD34"},{"id":"_raw.scss_olive-600","label":"olive-600","value":"#5F972F"},{"id":"_raw.scss_olive-700","label":"olive-700","value":"#4D7E26"},{"id":"_raw.scss_olive-800","label":"olive-800","value":"#35571B"},{"id":"_raw.scss_olive-900","label":"olive-900","value":"#263F13"}],"pink":[{"id":"_raw.scss_pink-50","label":"pink-50","value":"#FDF2F4"},{"id":"_raw.scss_pink-100","label":"pink-100","value":"#FBE5E8"},{"id":"_raw.scss_pink-200","label":"pink-200","value":"#F7CAD1"},{"id":"_raw.scss_pink-300","label":"pink-300","value":"#F2A6B2"},{"id":"_raw.scss_pink-400","label":"pink-400","value":"#EB7A8B"},{"id":"_raw.scss_pink-500","label":"pink-500","value":"#E55268"},{"id":"_raw.scss_pink-600","label":"pink-600","value":"#C83745"},{"id":"_raw.scss_pink-700","label":"pink-700","value":"#9C2B36"},{"id":"_raw.scss_pink-800","label":"pink-800","value":"#59181E"},{"id":"_raw.scss_pink-900","label":"pink-900","value":"#380F13"}],"yellow":[{"id":"_raw.scss_yellow-50","label":"yellow-50","value":"#FFFAE3"},{"id":"_raw.scss_yellow-100","label":"yellow-100","value":"#FFF5C4"},{"id":"_raw.scss_yellow-200","label":"yellow-200","value":"#FEEC93"},{"id":"_raw.scss_yellow-300","label":"yellow-300","value":"#FEE56D"},{"id":"_raw.scss_yellow-400","label":"yellow-400","value":"#FDDE44"},{"id":"_raw.scss_yellow-500","label":"yellow-500","value":"#FAD000"},{"id":"_raw.scss_yellow-600","label":"yellow-600","value":"#EDBE00"},{"id":"_raw.scss_yellow-700","label":"yellow-700","value":"#CC9C00"},{"id":"_raw.scss_yellow-800","label":"yellow-800","value":"#A37800"},{"id":"_raw.scss_yellow-900","label":"yellow-900","value":"#7D5A00"}],"theme":[{"id":"_raw.scss_theme-50","label":"theme-50","value":"#E8F6F6"},{"id":"_raw.scss_theme-100","label":"theme-100","value":"#D5EEEF"},{"id":"_raw.scss_theme-200","label":"theme-200","value":"#A6DCDE"},{"id":"_raw.scss_theme-300","label":"theme-300","value":"#5BBDC1"},{"id":"_raw.scss_theme-400","label":"theme-400","value":"#0D9EA4"},{"id":"_raw.scss_theme-500","label":"theme-500","value":"#078F96"},{"id":"_raw.scss_theme-600","label":"theme-600","value":"#087E85"},{"id":"_raw.scss_theme-700","label":"theme-700","value":"#096B75"},{"id":"_raw.scss_theme-800","label":"theme-800","value":"#095D68"},{"id":"_raw.scss_theme-900","label":"theme-900","value":"#0A4C58"}]}
|
|
@@ -51,38 +51,18 @@
|
|
|
51
51
|
--raw-gold-200-rgb: 255, 214, 144;
|
|
52
52
|
--raw-gold-300: #fbc358;
|
|
53
53
|
--raw-gold-300-rgb: 251, 195, 88;
|
|
54
|
-
--raw-gold-400: #
|
|
55
|
-
--raw-gold-400-rgb:
|
|
56
|
-
--raw-gold-500: #
|
|
57
|
-
--raw-gold-500-rgb:
|
|
58
|
-
--raw-gold-600: #
|
|
59
|
-
--raw-gold-600-rgb:
|
|
60
|
-
--raw-gold-700: #
|
|
61
|
-
--raw-gold-700-rgb:
|
|
62
|
-
--raw-gold-800: #
|
|
63
|
-
--raw-gold-800-rgb:
|
|
64
|
-
--raw-gold-900: #
|
|
65
|
-
--raw-gold-900-rgb:
|
|
66
|
-
--raw-olive-50: #eef6e3;
|
|
67
|
-
--raw-olive-50-rgb: 238, 246, 227;
|
|
68
|
-
--raw-olive-100: #e0eed1;
|
|
69
|
-
--raw-olive-100-rgb: 224, 238, 209;
|
|
70
|
-
--raw-olive-200: #c7e1ab;
|
|
71
|
-
--raw-olive-200-rgb: 199, 225, 171;
|
|
72
|
-
--raw-olive-300: #a5cf76;
|
|
73
|
-
--raw-olive-300-rgb: 165, 207, 118;
|
|
74
|
-
--raw-olive-400: #8abd4d;
|
|
75
|
-
--raw-olive-400-rgb: 138, 189, 77;
|
|
76
|
-
--raw-olive-500: #72ad34;
|
|
77
|
-
--raw-olive-500-rgb: 114, 173, 52;
|
|
78
|
-
--raw-olive-600: #5f972f;
|
|
79
|
-
--raw-olive-600-rgb: 95, 151, 47;
|
|
80
|
-
--raw-olive-700: #4d7e26;
|
|
81
|
-
--raw-olive-700-rgb: 77, 126, 38;
|
|
82
|
-
--raw-olive-800: #35571b;
|
|
83
|
-
--raw-olive-800-rgb: 53, 87, 27;
|
|
84
|
-
--raw-olive-900: #263f13;
|
|
85
|
-
--raw-olive-900-rgb: 38, 63, 19;
|
|
54
|
+
--raw-gold-400: #f5ae25;
|
|
55
|
+
--raw-gold-400-rgb: 245, 174, 37;
|
|
56
|
+
--raw-gold-500: #eb960e;
|
|
57
|
+
--raw-gold-500-rgb: 235, 150, 14;
|
|
58
|
+
--raw-gold-600: #e08504;
|
|
59
|
+
--raw-gold-600-rgb: 224, 133, 4;
|
|
60
|
+
--raw-gold-700: #bd6d06;
|
|
61
|
+
--raw-gold-700-rgb: 189, 109, 6;
|
|
62
|
+
--raw-gold-800: #995b0f;
|
|
63
|
+
--raw-gold-800-rgb: 153, 91, 15;
|
|
64
|
+
--raw-gold-900: #7d4a0a;
|
|
65
|
+
--raw-gold-900-rgb: 125, 74, 10;
|
|
86
66
|
--raw-orange-50: #fdefec;
|
|
87
67
|
--raw-orange-50-rgb: 253, 239, 236;
|
|
88
68
|
--raw-orange-100: #fbe1dc;
|
|
@@ -171,38 +151,58 @@
|
|
|
171
151
|
--raw-indigo-200-rgb: 191, 194, 245;
|
|
172
152
|
--raw-indigo-300: #989dee;
|
|
173
153
|
--raw-indigo-300-rgb: 152, 157, 238;
|
|
174
|
-
--raw-indigo-400: #
|
|
175
|
-
--raw-indigo-400-rgb:
|
|
176
|
-
--raw-indigo-500: #
|
|
177
|
-
--raw-indigo-500-rgb:
|
|
178
|
-
--raw-indigo-600: #
|
|
179
|
-
--raw-indigo-600-rgb:
|
|
180
|
-
--raw-indigo-700: #
|
|
181
|
-
--raw-indigo-700-rgb:
|
|
182
|
-
--raw-indigo-800: #
|
|
183
|
-
--raw-indigo-800-rgb:
|
|
184
|
-
--raw-indigo-900: #
|
|
185
|
-
--raw-indigo-900-rgb:
|
|
186
|
-
--
|
|
187
|
-
--
|
|
188
|
-
--
|
|
189
|
-
--
|
|
190
|
-
--
|
|
191
|
-
--
|
|
192
|
-
--
|
|
193
|
-
--
|
|
194
|
-
--
|
|
195
|
-
--
|
|
196
|
-
--
|
|
197
|
-
--
|
|
198
|
-
--
|
|
199
|
-
--
|
|
200
|
-
--
|
|
201
|
-
--
|
|
202
|
-
--
|
|
203
|
-
--
|
|
204
|
-
--
|
|
205
|
-
--
|
|
154
|
+
--raw-indigo-400: #6f77e3;
|
|
155
|
+
--raw-indigo-400-rgb: 111, 119, 227;
|
|
156
|
+
--raw-indigo-500: #6169cf;
|
|
157
|
+
--raw-indigo-500-rgb: 97, 105, 207;
|
|
158
|
+
--raw-indigo-600: #575ebd;
|
|
159
|
+
--raw-indigo-600-rgb: 87, 94, 189;
|
|
160
|
+
--raw-indigo-700: #4c55a6;
|
|
161
|
+
--raw-indigo-700-rgb: 76, 85, 166;
|
|
162
|
+
--raw-indigo-800: #424b90;
|
|
163
|
+
--raw-indigo-800-rgb: 66, 75, 144;
|
|
164
|
+
--raw-indigo-900: #363e73;
|
|
165
|
+
--raw-indigo-900-rgb: 54, 62, 115;
|
|
166
|
+
--raw-olive-50: #eef6e3;
|
|
167
|
+
--raw-olive-50-rgb: 238, 246, 227;
|
|
168
|
+
--raw-olive-100: #e0eed1;
|
|
169
|
+
--raw-olive-100-rgb: 224, 238, 209;
|
|
170
|
+
--raw-olive-200: #c7e1ab;
|
|
171
|
+
--raw-olive-200-rgb: 199, 225, 171;
|
|
172
|
+
--raw-olive-300: #a5cf76;
|
|
173
|
+
--raw-olive-300-rgb: 165, 207, 118;
|
|
174
|
+
--raw-olive-400: #8abd4d;
|
|
175
|
+
--raw-olive-400-rgb: 138, 189, 77;
|
|
176
|
+
--raw-olive-500: #72ad34;
|
|
177
|
+
--raw-olive-500-rgb: 114, 173, 52;
|
|
178
|
+
--raw-olive-600: #5f972f;
|
|
179
|
+
--raw-olive-600-rgb: 95, 151, 47;
|
|
180
|
+
--raw-olive-700: #4d7e26;
|
|
181
|
+
--raw-olive-700-rgb: 77, 126, 38;
|
|
182
|
+
--raw-olive-800: #35571b;
|
|
183
|
+
--raw-olive-800-rgb: 53, 87, 27;
|
|
184
|
+
--raw-olive-900: #263f13;
|
|
185
|
+
--raw-olive-900-rgb: 38, 63, 19;
|
|
186
|
+
--raw-pink-50: #fdf2f4;
|
|
187
|
+
--raw-pink-50-rgb: 253, 242, 244;
|
|
188
|
+
--raw-pink-100: #fbe5e8;
|
|
189
|
+
--raw-pink-100-rgb: 251, 229, 232;
|
|
190
|
+
--raw-pink-200: #f7cad1;
|
|
191
|
+
--raw-pink-200-rgb: 247, 202, 209;
|
|
192
|
+
--raw-pink-300: #f2a6b2;
|
|
193
|
+
--raw-pink-300-rgb: 242, 166, 178;
|
|
194
|
+
--raw-pink-400: #eb7a8b;
|
|
195
|
+
--raw-pink-400-rgb: 235, 122, 139;
|
|
196
|
+
--raw-pink-500: #e55268;
|
|
197
|
+
--raw-pink-500-rgb: 229, 82, 104;
|
|
198
|
+
--raw-pink-600: #c83745;
|
|
199
|
+
--raw-pink-600-rgb: 200, 55, 69;
|
|
200
|
+
--raw-pink-700: #9c2b36;
|
|
201
|
+
--raw-pink-700-rgb: 156, 43, 54;
|
|
202
|
+
--raw-pink-800: #59181e;
|
|
203
|
+
--raw-pink-800-rgb: 89, 24, 30;
|
|
204
|
+
--raw-pink-900: #380f13;
|
|
205
|
+
--raw-pink-900-rgb: 56, 15, 19;
|
|
206
206
|
--raw-yellow-50: #fffae3;
|
|
207
207
|
--raw-yellow-50-rgb: 255, 250, 227;
|
|
208
208
|
--raw-yellow-100: #fff5c4;
|
|
@@ -223,4 +223,24 @@
|
|
|
223
223
|
--raw-yellow-800-rgb: 163, 120, 0;
|
|
224
224
|
--raw-yellow-900: #7d5a00;
|
|
225
225
|
--raw-yellow-900-rgb: 125, 90, 0;
|
|
226
|
+
--theme-50: #e8f6f6;
|
|
227
|
+
--theme-50-rgb: 232, 246, 246;
|
|
228
|
+
--theme-100: #d5eeef;
|
|
229
|
+
--theme-100-rgb: 213, 238, 239;
|
|
230
|
+
--theme-200: #a6dcde;
|
|
231
|
+
--theme-200-rgb: 166, 220, 222;
|
|
232
|
+
--theme-300: #5bbdc1;
|
|
233
|
+
--theme-300-rgb: 91, 189, 193;
|
|
234
|
+
--theme-400: #0d9ea4;
|
|
235
|
+
--theme-400-rgb: 13, 158, 164;
|
|
236
|
+
--theme-500: #078f96;
|
|
237
|
+
--theme-500-rgb: 7, 143, 150;
|
|
238
|
+
--theme-600: #087e85;
|
|
239
|
+
--theme-600-rgb: 8, 126, 133;
|
|
240
|
+
--theme-700: #096b75;
|
|
241
|
+
--theme-700-rgb: 9, 107, 117;
|
|
242
|
+
--theme-800: #095d68;
|
|
243
|
+
--theme-800-rgb: 9, 93, 104;
|
|
244
|
+
--theme-900: #0a4c58;
|
|
245
|
+
--theme-900-rgb: 10, 76, 88;
|
|
226
246
|
}
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
.-ds-theme-bodywork {
|
|
2
|
-
--color-primary-text: var(--theme-700);
|
|
3
|
-
--color-primary-text-hovered: var(--theme-900);
|
|
4
|
-
--color-primary-text-focused: var(--theme-900);
|
|
5
|
-
--color-primary-text-disabled: var(--theme-
|
|
2
|
+
--color-primary-text-strong: var(--theme-700);
|
|
3
|
+
--color-primary-text-strong-hovered: var(--theme-900);
|
|
4
|
+
--color-primary-text-strong-focused: var(--theme-900);
|
|
5
|
+
--color-primary-text-strong-disabled: var(--theme-200);
|
|
6
|
+
--color-primary-text: var(--theme-600);
|
|
7
|
+
--color-primary-text-hovered: var(--theme-800);
|
|
8
|
+
--color-primary-text-focused: var(--theme-800);
|
|
9
|
+
--color-primary-text-disabled: var(--theme-200);
|
|
6
10
|
--color-primary-icon: var(--theme-500);
|
|
7
11
|
--color-primary-icon-hovered: var(--theme-700);
|
|
8
12
|
--color-primary-icon-focused: var(--theme-700);
|
|
@@ -15,16 +19,21 @@
|
|
|
15
19
|
--color-primary-data: var(--theme-400);
|
|
16
20
|
--color-primary-data-weak: var(--theme-300);
|
|
17
21
|
--color-primary-data-ghost: var(--theme-200);
|
|
18
|
-
--color-primary-background-strong: var(--theme-
|
|
19
|
-
--color-primary-background-strong-hovered: var(--theme-
|
|
20
|
-
--color-primary-background-strong-focused: var(--theme-
|
|
22
|
+
--color-primary-background-strong: var(--theme-500);
|
|
23
|
+
--color-primary-background-strong-hovered: var(--theme-600);
|
|
24
|
+
--color-primary-background-strong-focused: var(--theme-600);
|
|
25
|
+
--color-primary-background-strong-pressed: var(--theme-700);
|
|
21
26
|
--color-primary-background-strong-disabled: var(--theme-200);
|
|
22
27
|
--color-primary-background-medium: var(--theme-100);
|
|
28
|
+
--color-primary-background-medium-hovered: var(--theme-200);
|
|
29
|
+
--color-primary-background-medium-focused: var(--theme-200);
|
|
30
|
+
--color-primary-background-medium-pressed: var(--theme-300);
|
|
31
|
+
--color-primary-background-medium-disabled: var(--theme-50);
|
|
23
32
|
--color-primary-background: var(--theme-50);
|
|
24
33
|
--color-primary-background-hovered: var(--theme-100);
|
|
25
34
|
--color-primary-background-focused: var(--theme-100);
|
|
35
|
+
--color-primary-background-pressed: var(--theme-200);
|
|
26
36
|
--color-primary-background-disabled: var(--theme-50);
|
|
27
|
-
--color-primary-background-weak: var(--raw-white);
|
|
28
37
|
--color-primary-background-weak-hovered: var(--theme-100);
|
|
29
38
|
--color-primary-background-weak-focused: var(--theme-100);
|
|
30
39
|
--color-primary-background-weak-pressed: var(--theme-200);
|
|
@@ -33,9 +42,14 @@
|
|
|
33
42
|
--color-primary-background-ghost-focused: rgba(var(--theme-500-rgb), 0.12);
|
|
34
43
|
--color-primary-background-ghost-pressed: rgba(var(--theme-500-rgb), 0.18);
|
|
35
44
|
--color-primary-background-ghost-disabled: rgba(var(--theme-500-rgb), 0);
|
|
45
|
+
--color-primary-overlay: rgba(var(--theme-100-rgb), 0.8);
|
|
36
46
|
--color-primary-border: var(--theme-500);
|
|
37
47
|
--color-primary-border-hovered: var(--theme-700);
|
|
38
48
|
--color-primary-border-focused: var(--theme-700);
|
|
39
49
|
--color-primary-border-disabled: var(--theme-200);
|
|
50
|
+
--color-primary-border-weak: var(--theme-100);
|
|
51
|
+
--color-primary-border-weak-hovered: var(--theme-300);
|
|
52
|
+
--color-primary-border-weak-focused: var(--theme-300);
|
|
53
|
+
--color-primary-border-weak-disabled: var(--theme-100);
|
|
40
54
|
--color-primary-ripple: rgba(var(--theme-500-rgb), 0.12);
|
|
41
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"text":[{"id":"_tokens-bodywork.scss_color-primary-text","label":"color-primary-text","value":"var(--theme-700)"},{"id":"_tokens-bodywork.scss_color-primary-text-hovered","label":"color-primary-text-hovered","value":"var(--theme-900)"},{"id":"_tokens-bodywork.scss_color-primary-text-focused","label":"color-primary-text-focused","value":"var(--theme-900)"},{"id":"_tokens-bodywork.scss_color-primary-text-disabled","label":"color-primary-text-disabled","value":"var(--theme-
|
|
1
|
+
{"text":[{"id":"_tokens-bodywork.scss_color-primary-text-strong","label":"color-primary-text-strong","value":"var(--theme-700)"},{"id":"_tokens-bodywork.scss_color-primary-text-strong-hovered","label":"color-primary-text-strong-hovered","value":"var(--theme-900)"},{"id":"_tokens-bodywork.scss_color-primary-text-strong-focused","label":"color-primary-text-strong-focused","value":"var(--theme-900)"},{"id":"_tokens-bodywork.scss_color-primary-text-strong-disabled","label":"color-primary-text-strong-disabled","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-text","label":"color-primary-text","value":"var(--theme-600)"},{"id":"_tokens-bodywork.scss_color-primary-text-hovered","label":"color-primary-text-hovered","value":"var(--theme-800)"},{"id":"_tokens-bodywork.scss_color-primary-text-focused","label":"color-primary-text-focused","value":"var(--theme-800)"},{"id":"_tokens-bodywork.scss_color-primary-text-disabled","label":"color-primary-text-disabled","value":"var(--theme-200)"}],"icon":[{"id":"_tokens-bodywork.scss_color-primary-icon","label":"color-primary-icon","value":"var(--theme-500)"},{"id":"_tokens-bodywork.scss_color-primary-icon-hovered","label":"color-primary-icon-hovered","value":"var(--theme-700)"},{"id":"_tokens-bodywork.scss_color-primary-icon-focused","label":"color-primary-icon-focused","value":"var(--theme-700)"},{"id":"_tokens-bodywork.scss_color-primary-icon-disabled","label":"color-primary-icon-disabled","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-icon-weak","label":"color-primary-icon-weak","value":"var(--theme-300)"},{"id":"_tokens-bodywork.scss_color-primary-icon-weak-hovered","label":"color-primary-icon-weak-hovered","value":"var(--theme-500)"},{"id":"_tokens-bodywork.scss_color-primary-icon-weak-focused","label":"color-primary-icon-weak-focused","value":"var(--theme-500)"},{"id":"_tokens-bodywork.scss_color-primary-icon-weak-disabled","label":"color-primary-icon-weak-disabled","value":"var(--theme-100)"}],"data":[{"id":"_tokens-bodywork.scss_color-primary-data-medium","label":"color-primary-data-medium","value":"var(--theme-600)"},{"id":"_tokens-bodywork.scss_color-primary-data","label":"color-primary-data","value":"var(--theme-400)"},{"id":"_tokens-bodywork.scss_color-primary-data-weak","label":"color-primary-data-weak","value":"var(--theme-300)"},{"id":"_tokens-bodywork.scss_color-primary-data-ghost","label":"color-primary-data-ghost","value":"var(--theme-200)"}],"background":[{"id":"_tokens-bodywork.scss_color-primary-background-strong","label":"color-primary-background-strong","value":"var(--theme-500)"},{"id":"_tokens-bodywork.scss_color-primary-background-strong-hovered","label":"color-primary-background-strong-hovered","value":"var(--theme-600)"},{"id":"_tokens-bodywork.scss_color-primary-background-strong-focused","label":"color-primary-background-strong-focused","value":"var(--theme-600)"},{"id":"_tokens-bodywork.scss_color-primary-background-strong-pressed","label":"color-primary-background-strong-pressed","value":"var(--theme-700)"},{"id":"_tokens-bodywork.scss_color-primary-background-strong-disabled","label":"color-primary-background-strong-disabled","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-background-medium","label":"color-primary-background-medium","value":"var(--theme-100)"},{"id":"_tokens-bodywork.scss_color-primary-background-medium-hovered","label":"color-primary-background-medium-hovered","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-background-medium-focused","label":"color-primary-background-medium-focused","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-background-medium-pressed","label":"color-primary-background-medium-pressed","value":"var(--theme-300)"},{"id":"_tokens-bodywork.scss_color-primary-background-medium-disabled","label":"color-primary-background-medium-disabled","value":"var(--theme-50)"},{"id":"_tokens-bodywork.scss_color-primary-background","label":"color-primary-background","value":"var(--theme-50)"},{"id":"_tokens-bodywork.scss_color-primary-background-hovered","label":"color-primary-background-hovered","value":"var(--theme-100)"},{"id":"_tokens-bodywork.scss_color-primary-background-focused","label":"color-primary-background-focused","value":"var(--theme-100)"},{"id":"_tokens-bodywork.scss_color-primary-background-pressed","label":"color-primary-background-pressed","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-background-disabled","label":"color-primary-background-disabled","value":"var(--theme-50)"},{"id":"_tokens-bodywork.scss_color-primary-background-weak-hovered","label":"color-primary-background-weak-hovered","value":"var(--theme-100)"},{"id":"_tokens-bodywork.scss_color-primary-background-weak-focused","label":"color-primary-background-weak-focused","value":"var(--theme-100)"},{"id":"_tokens-bodywork.scss_color-primary-background-weak-pressed","label":"color-primary-background-weak-pressed","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-background-ghost","label":"color-primary-background-ghost","value":"rgba(var(--theme-500-rgb), 0)"},{"id":"_tokens-bodywork.scss_color-primary-background-ghost-hovered","label":"color-primary-background-ghost-hovered","value":"rgba(var(--theme-500-rgb), 0.12)"},{"id":"_tokens-bodywork.scss_color-primary-background-ghost-focused","label":"color-primary-background-ghost-focused","value":"rgba(var(--theme-500-rgb), 0.12)"},{"id":"_tokens-bodywork.scss_color-primary-background-ghost-pressed","label":"color-primary-background-ghost-pressed","value":"rgba(var(--theme-500-rgb), 0.18)"},{"id":"_tokens-bodywork.scss_color-primary-background-ghost-disabled","label":"color-primary-background-ghost-disabled","value":"rgba(var(--theme-500-rgb), 0)"}],"overlay":[{"id":"_tokens-bodywork.scss_color-primary-overlay","label":"color-primary-overlay","value":"rgba(var(--theme-100-rgb), 0.8)"}],"border":[{"id":"_tokens-bodywork.scss_color-primary-border","label":"color-primary-border","value":"var(--theme-500)"},{"id":"_tokens-bodywork.scss_color-primary-border-hovered","label":"color-primary-border-hovered","value":"var(--theme-700)"},{"id":"_tokens-bodywork.scss_color-primary-border-focused","label":"color-primary-border-focused","value":"var(--theme-700)"},{"id":"_tokens-bodywork.scss_color-primary-border-disabled","label":"color-primary-border-disabled","value":"var(--theme-200)"},{"id":"_tokens-bodywork.scss_color-primary-border-weak","label":"color-primary-border-weak","value":"var(--theme-100)"},{"id":"_tokens-bodywork.scss_color-primary-border-weak-hovered","label":"color-primary-border-weak-hovered","value":"var(--theme-300)"},{"id":"_tokens-bodywork.scss_color-primary-border-weak-focused","label":"color-primary-border-weak-focused","value":"var(--theme-300)"},{"id":"_tokens-bodywork.scss_color-primary-border-weak-disabled","label":"color-primary-border-weak-disabled","value":"var(--theme-100)"}],"ripple":[{"id":"_tokens-bodywork.scss_color-primary-ripple","label":"color-primary-ripple","value":"rgba(var(--theme-500-rgb), 0.12)"}]}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
$color-primary-text-strong: var(--color-primary-text-strong);
|
|
2
|
+
$color-primary-text-strong-hovered: var(--color-primary-text-strong-hovered);
|
|
3
|
+
$color-primary-text-strong-focused: var(--color-primary-text-strong-focused);
|
|
4
|
+
$color-primary-text-strong-disabled: var(--color-primary-text-strong-disabled);
|
|
1
5
|
$color-primary-text: var(--color-primary-text);
|
|
2
6
|
$color-primary-text-hovered: var(--color-primary-text-hovered);
|
|
3
7
|
$color-primary-text-focused: var(--color-primary-text-focused);
|
|
@@ -17,13 +21,18 @@ $color-primary-data-ghost: var(--color-primary-data-ghost);
|
|
|
17
21
|
$color-primary-background-strong: var(--color-primary-background-strong);
|
|
18
22
|
$color-primary-background-strong-hovered: var(--color-primary-background-strong-hovered);
|
|
19
23
|
$color-primary-background-strong-focused: var(--color-primary-background-strong-focused);
|
|
24
|
+
$color-primary-background-strong-pressed: var(--color-primary-background-strong-pressed);
|
|
20
25
|
$color-primary-background-strong-disabled: var(--color-primary-background-strong-disabled);
|
|
21
26
|
$color-primary-background-medium: var(--color-primary-background-medium);
|
|
27
|
+
$color-primary-background-medium-hovered: var(--color-primary-background-medium-hovered);
|
|
28
|
+
$color-primary-background-medium-focused: var(--color-primary-background-medium-focused);
|
|
29
|
+
$color-primary-background-medium-pressed: var(--color-primary-background-medium-pressed);
|
|
30
|
+
$color-primary-background-medium-disabled: var(--color-primary-background-medium-disabled);
|
|
22
31
|
$color-primary-background: var(--color-primary-background);
|
|
23
32
|
$color-primary-background-hovered: var(--color-primary-background-hovered);
|
|
24
33
|
$color-primary-background-focused: var(--color-primary-background-focused);
|
|
34
|
+
$color-primary-background-pressed: var(--color-primary-background-pressed);
|
|
25
35
|
$color-primary-background-disabled: var(--color-primary-background-disabled);
|
|
26
|
-
$color-primary-background-weak: var(--color-primary-background-weak);
|
|
27
36
|
$color-primary-background-weak-hovered: var(--color-primary-background-weak-hovered);
|
|
28
37
|
$color-primary-background-weak-focused: var(--color-primary-background-weak-focused);
|
|
29
38
|
$color-primary-background-weak-pressed: var(--color-primary-background-weak-pressed);
|
|
@@ -32,8 +41,13 @@ $color-primary-background-ghost-hovered: var(--color-primary-background-ghost-ho
|
|
|
32
41
|
$color-primary-background-ghost-focused: var(--color-primary-background-ghost-focused);
|
|
33
42
|
$color-primary-background-ghost-pressed: var(--color-primary-background-ghost-pressed);
|
|
34
43
|
$color-primary-background-ghost-disabled: var(--color-primary-background-ghost-disabled);
|
|
44
|
+
$color-primary-overlay: var(--color-primary-overlay);
|
|
35
45
|
$color-primary-border: var(--color-primary-border);
|
|
36
46
|
$color-primary-border-hovered: var(--color-primary-border-hovered);
|
|
37
47
|
$color-primary-border-focused: var(--color-primary-border-focused);
|
|
38
48
|
$color-primary-border-disabled: var(--color-primary-border-disabled);
|
|
49
|
+
$color-primary-border-weak: var(--color-primary-border-weak);
|
|
50
|
+
$color-primary-border-weak-hovered: var(--color-primary-border-weak-hovered);
|
|
51
|
+
$color-primary-border-weak-focused: var(--color-primary-border-weak-focused);
|
|
52
|
+
$color-primary-border-weak-disabled: var(--color-primary-border-weak-disabled);
|
|
39
53
|
$color-primary-ripple: var(--color-primary-ripple);
|