@jablonowski/dsb-tokens 1.0.5 → 1.0.6
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/dist/css/variables.css +3 -3
- package/dist/js/tokens.js +16 -16
- package/dist/json/tokens.json +16 -16
- package/dist/scss/_variables.scss +3 -3
- package/dist/ts/tokens.ts +16 -16
- package/package.json +1 -1
- package/tokens/tokens.json +3 -3
package/dist/css/variables.css
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--ds-color-options-neutral-450: #bbbbbb;
|
|
16
16
|
--ds-color-options-neutral-500: #aaaaaa;
|
|
17
17
|
--ds-color-options-neutral-550: #999999;
|
|
18
|
-
--ds-color-options-neutral-600: #
|
|
18
|
+
--ds-color-options-neutral-600: #6f6f6f;
|
|
19
19
|
--ds-color-options-neutral-650: #666666;
|
|
20
20
|
--ds-color-options-neutral-700: #555555;
|
|
21
21
|
--ds-color-options-neutral-800: #333333;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
--ds-color-options-red-600: #c5221f;
|
|
29
29
|
--ds-color-options-red-700: #b0261e;
|
|
30
30
|
--ds-color-options-green-50: #e6f4ea;
|
|
31
|
-
--ds-color-options-green-700: #
|
|
31
|
+
--ds-color-options-green-700: #1a7c3c;
|
|
32
32
|
--ds-color-options-yellow-50: #fef3cd;
|
|
33
33
|
--ds-color-options-yellow-700: #92600a;
|
|
34
34
|
--ds-color-options-blue-50: #e8f0fe;
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
--ds-decisions-color-text-secondary: var(--ds-color-options-neutral-700);
|
|
69
69
|
--ds-decisions-color-text-muted: var(--ds-color-options-neutral-650);
|
|
70
70
|
--ds-decisions-color-text-subtle: var(--ds-color-options-neutral-600);
|
|
71
|
-
--ds-decisions-color-text-placeholder: var(--ds-color-options-neutral-
|
|
71
|
+
--ds-decisions-color-text-placeholder: var(--ds-color-options-neutral-600);
|
|
72
72
|
--ds-decisions-color-text-disabled: var(--ds-color-options-neutral-550);
|
|
73
73
|
--ds-decisions-color-text-inverse: var(--ds-color-options-neutral-0);
|
|
74
74
|
--ds-decisions-color-surface-base: var(--ds-color-options-neutral-0);
|
package/dist/js/tokens.js
CHANGED
|
@@ -14,7 +14,7 @@ export const ColorOptionsNeutral400 = "#c0c0c0";
|
|
|
14
14
|
export const ColorOptionsNeutral450 = "#bbbbbb";
|
|
15
15
|
export const ColorOptionsNeutral500 = "#aaaaaa";
|
|
16
16
|
export const ColorOptionsNeutral550 = "#999999";
|
|
17
|
-
export const ColorOptionsNeutral600 = "#
|
|
17
|
+
export const ColorOptionsNeutral600 = "#6f6f6f";
|
|
18
18
|
export const ColorOptionsNeutral650 = "#666666";
|
|
19
19
|
export const ColorOptionsNeutral700 = "#555555";
|
|
20
20
|
export const ColorOptionsNeutral800 = "#333333";
|
|
@@ -27,7 +27,7 @@ export const ColorOptionsRed500 = "#d93025";
|
|
|
27
27
|
export const ColorOptionsRed600 = "#c5221f";
|
|
28
28
|
export const ColorOptionsRed700 = "#b0261e";
|
|
29
29
|
export const ColorOptionsGreen50 = "#e6f4ea";
|
|
30
|
-
export const ColorOptionsGreen700 = "#
|
|
30
|
+
export const ColorOptionsGreen700 = "#1a7c3c";
|
|
31
31
|
export const ColorOptionsYellow50 = "#fef3cd";
|
|
32
32
|
export const ColorOptionsYellow700 = "#92600a";
|
|
33
33
|
export const ColorOptionsBlue50 = "#e8f0fe";
|
|
@@ -66,8 +66,8 @@ export const DecisionsColorTextPrimary = "#6D28D9";
|
|
|
66
66
|
export const DecisionsColorTextBody = "#333333";
|
|
67
67
|
export const DecisionsColorTextSecondary = "#555555";
|
|
68
68
|
export const DecisionsColorTextMuted = "#666666";
|
|
69
|
-
export const DecisionsColorTextSubtle = "#
|
|
70
|
-
export const DecisionsColorTextPlaceholder = "#
|
|
69
|
+
export const DecisionsColorTextSubtle = "#6f6f6f";
|
|
70
|
+
export const DecisionsColorTextPlaceholder = "#6f6f6f";
|
|
71
71
|
export const DecisionsColorTextDisabled = "#999999";
|
|
72
72
|
export const DecisionsColorTextInverse = "#ffffff";
|
|
73
73
|
export const DecisionsColorSurfaceBase = "#ffffff";
|
|
@@ -88,7 +88,7 @@ export const DecisionsColorFeedbackErrorIconHover = "#b0261e";
|
|
|
88
88
|
export const DecisionsColorFeedbackErrorSurface = "#fce8e6";
|
|
89
89
|
export const DecisionsColorFeedbackErrorSurfaceHover = "#fef2f2";
|
|
90
90
|
export const DecisionsColorFeedbackErrorBorder = "#f0a9a4";
|
|
91
|
-
export const DecisionsColorFeedbackSuccessText = "#
|
|
91
|
+
export const DecisionsColorFeedbackSuccessText = "#1a7c3c";
|
|
92
92
|
export const DecisionsColorFeedbackSuccessSurface = "#e6f4ea";
|
|
93
93
|
export const DecisionsColorFeedbackWarningText = "#92600a";
|
|
94
94
|
export const DecisionsColorFeedbackWarningSurface = "#fef3cd";
|
|
@@ -135,7 +135,7 @@ export const ComponentButtonBorderWidth = "1.5px";
|
|
|
135
135
|
export const ComponentButtonDisabledOpacity = "0.41999998688697815";
|
|
136
136
|
export const ComponentInputBackground = "#ffffff";
|
|
137
137
|
export const ComponentInputText = "#6D28D9";
|
|
138
|
-
export const ComponentInputPlaceholder = "#
|
|
138
|
+
export const ComponentInputPlaceholder = "#6f6f6f";
|
|
139
139
|
export const ComponentInputBorder = "#d4d4d4";
|
|
140
140
|
export const ComponentInputBorderFocus = "#6D28D9";
|
|
141
141
|
export const ComponentInputDisabledBackground = "#f5f5f5";
|
|
@@ -154,7 +154,7 @@ export const ComponentRadioDotColor = "#6D28D9";
|
|
|
154
154
|
export const ComponentRadioErrorBorder = "#d93025";
|
|
155
155
|
export const ComponentDropdownBackground = "#ffffff";
|
|
156
156
|
export const ComponentDropdownText = "#6D28D9";
|
|
157
|
-
export const ComponentDropdownPlaceholder = "#
|
|
157
|
+
export const ComponentDropdownPlaceholder = "#6f6f6f";
|
|
158
158
|
export const ComponentDropdownBorder = "#d4d4d4";
|
|
159
159
|
export const ComponentDropdownMenuOptionHover = "#f5f5f5";
|
|
160
160
|
export const ComponentDropdownMenuOptionSelected = "#f0f0f0";
|
|
@@ -165,7 +165,7 @@ export const ComponentTagDefaultText = "#555555";
|
|
|
165
165
|
export const ComponentTagPrimaryBackground = "#6D28D9";
|
|
166
166
|
export const ComponentTagPrimaryText = "#ffffff";
|
|
167
167
|
export const ComponentTagSuccessBackground = "#e6f4ea";
|
|
168
|
-
export const ComponentTagSuccessText = "#
|
|
168
|
+
export const ComponentTagSuccessText = "#1a7c3c";
|
|
169
169
|
export const ComponentTagWarningBackground = "#fef3cd";
|
|
170
170
|
export const ComponentTagWarningText = "#92600a";
|
|
171
171
|
export const ComponentTagDangerBackground = "#fce8e6";
|
|
@@ -180,26 +180,26 @@ export const ComponentModalBackdrop = "rgba(0, 0, 0, 0.4)";
|
|
|
180
180
|
export const ComponentModalTitleText = "#6D28D9";
|
|
181
181
|
export const ComponentModalTitleFontSize = "16px";
|
|
182
182
|
export const ComponentModalBodyText = "#333333";
|
|
183
|
-
export const ComponentModalCloseButtonText = "#
|
|
183
|
+
export const ComponentModalCloseButtonText = "#6f6f6f";
|
|
184
184
|
export const ComponentModalCloseButtonBackgroundHover = "#f0f0f0";
|
|
185
185
|
export const ComponentModalBorderRadius = "10px";
|
|
186
186
|
export const ComponentTableBackground = "#ffffff";
|
|
187
187
|
export const ComponentTableBorder = "#ebebeb";
|
|
188
188
|
export const ComponentTableHeaderBackground = "#fafafa";
|
|
189
|
-
export const ComponentTableHeaderText = "#
|
|
189
|
+
export const ComponentTableHeaderText = "#6f6f6f";
|
|
190
190
|
export const ComponentTableCellText = "#333333";
|
|
191
191
|
export const ComponentTableCellBorder = "#f0f0f0";
|
|
192
192
|
export const ComponentTableRowHoverBackground = "#f7f7f7";
|
|
193
|
-
export const ComponentTableEmptyText = "#
|
|
193
|
+
export const ComponentTableEmptyText = "#6f6f6f";
|
|
194
194
|
export const ComponentTableBorderRadius = "8px";
|
|
195
195
|
export const ComponentListBorder = "#ebebeb";
|
|
196
196
|
export const ComponentListDivider = "#f0f0f0";
|
|
197
197
|
export const ComponentListItemText = "#6D28D9";
|
|
198
198
|
export const ComponentListItemDescription = "#666666";
|
|
199
|
-
export const ComponentListItemMeta = "#
|
|
199
|
+
export const ComponentListItemMeta = "#6f6f6f";
|
|
200
200
|
export const ComponentListIndicatorDefault = "#d4d4d4";
|
|
201
201
|
export const ComponentListIndicatorInfo = "#1a56db";
|
|
202
|
-
export const ComponentListIndicatorSuccess = "#
|
|
202
|
+
export const ComponentListIndicatorSuccess = "#1a7c3c";
|
|
203
203
|
export const ComponentListIndicatorWarning = "#92600a";
|
|
204
204
|
export const ComponentListIndicatorError = "#c5221f";
|
|
205
205
|
export const ComponentListBorderRadius = "8px";
|
|
@@ -208,7 +208,7 @@ export const ComponentAccordionTitleText = "#6D28D9";
|
|
|
208
208
|
export const ComponentAccordionTitleFontSize = "14px";
|
|
209
209
|
export const ComponentAccordionTitleFontWeight = "500";
|
|
210
210
|
export const ComponentAccordionBodyText = "#555555";
|
|
211
|
-
export const ComponentAccordionChevronColor = "#
|
|
211
|
+
export const ComponentAccordionChevronColor = "#6f6f6f";
|
|
212
212
|
export const ComponentBreadcrumbsLinkText = "#666666";
|
|
213
213
|
export const ComponentBreadcrumbsLinkTextHover = "#6D28D9";
|
|
214
214
|
export const ComponentBreadcrumbsLinkFontSize = "13px";
|
|
@@ -228,8 +228,8 @@ export const ComponentFooterBorder = "#ebebeb";
|
|
|
228
228
|
export const ComponentFooterBrandText = "#6D28D9";
|
|
229
229
|
export const ComponentFooterBrandFontSize = "15px";
|
|
230
230
|
export const ComponentFooterBrandFontWeight = "600";
|
|
231
|
-
export const ComponentFooterTaglineText = "#
|
|
231
|
+
export const ComponentFooterTaglineText = "#6f6f6f";
|
|
232
232
|
export const ComponentFooterColumnHeadingText = "#6D28D9";
|
|
233
233
|
export const ComponentFooterColumnLinkText = "#666666";
|
|
234
234
|
export const ComponentFooterDivider = "#f0f0f0";
|
|
235
|
-
export const ComponentFooterCopyrightText = "#
|
|
235
|
+
export const ComponentFooterCopyrightText = "#6f6f6f";
|
package/dist/json/tokens.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"450": "#bbbbbb",
|
|
15
15
|
"500": "#aaaaaa",
|
|
16
16
|
"550": "#999999",
|
|
17
|
-
"600": "#
|
|
17
|
+
"600": "#6f6f6f",
|
|
18
18
|
"650": "#666666",
|
|
19
19
|
"700": "#555555",
|
|
20
20
|
"800": "#333333",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"green": {
|
|
33
33
|
"50": "#e6f4ea",
|
|
34
|
-
"700": "#
|
|
34
|
+
"700": "#1a7c3c"
|
|
35
35
|
},
|
|
36
36
|
"yellow": {
|
|
37
37
|
"50": "#fef3cd",
|
|
@@ -118,8 +118,8 @@
|
|
|
118
118
|
"body": "#333333",
|
|
119
119
|
"secondary": "#555555",
|
|
120
120
|
"muted": "#666666",
|
|
121
|
-
"subtle": "#
|
|
122
|
-
"placeholder": "#
|
|
121
|
+
"subtle": "#6f6f6f",
|
|
122
|
+
"placeholder": "#6f6f6f",
|
|
123
123
|
"disabled": "#999999",
|
|
124
124
|
"inverse": "#ffffff"
|
|
125
125
|
},
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
"border": "#f0a9a4"
|
|
152
152
|
},
|
|
153
153
|
"success": {
|
|
154
|
-
"text": "#
|
|
154
|
+
"text": "#1a7c3c",
|
|
155
155
|
"surface": "#e6f4ea"
|
|
156
156
|
},
|
|
157
157
|
"warning": {
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
"input": {
|
|
243
243
|
"background": "#ffffff",
|
|
244
244
|
"text": "#6D28D9",
|
|
245
|
-
"placeholder": "#
|
|
245
|
+
"placeholder": "#6f6f6f",
|
|
246
246
|
"border": "#d4d4d4",
|
|
247
247
|
"borderFocus": "#6D28D9",
|
|
248
248
|
"disabled": {
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
"dropdown": {
|
|
278
278
|
"background": "#ffffff",
|
|
279
279
|
"text": "#6D28D9",
|
|
280
|
-
"placeholder": "#
|
|
280
|
+
"placeholder": "#6f6f6f",
|
|
281
281
|
"border": "#d4d4d4",
|
|
282
282
|
"menu": {
|
|
283
283
|
"optionHover": "#f5f5f5",
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
},
|
|
298
298
|
"success": {
|
|
299
299
|
"background": "#e6f4ea",
|
|
300
|
-
"text": "#
|
|
300
|
+
"text": "#1a7c3c"
|
|
301
301
|
},
|
|
302
302
|
"warning": {
|
|
303
303
|
"background": "#fef3cd",
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
"text": "#333333"
|
|
329
329
|
},
|
|
330
330
|
"closeButton": {
|
|
331
|
-
"text": "#
|
|
331
|
+
"text": "#6f6f6f",
|
|
332
332
|
"backgroundHover": "#f0f0f0"
|
|
333
333
|
},
|
|
334
334
|
"borderRadius": "10px"
|
|
@@ -338,7 +338,7 @@
|
|
|
338
338
|
"border": "#ebebeb",
|
|
339
339
|
"header": {
|
|
340
340
|
"background": "#fafafa",
|
|
341
|
-
"text": "#
|
|
341
|
+
"text": "#6f6f6f"
|
|
342
342
|
},
|
|
343
343
|
"cell": {
|
|
344
344
|
"text": "#333333",
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
"hoverBackground": "#f7f7f7"
|
|
349
349
|
},
|
|
350
350
|
"empty": {
|
|
351
|
-
"text": "#
|
|
351
|
+
"text": "#6f6f6f"
|
|
352
352
|
},
|
|
353
353
|
"borderRadius": "8px"
|
|
354
354
|
},
|
|
@@ -358,12 +358,12 @@
|
|
|
358
358
|
"item": {
|
|
359
359
|
"text": "#6D28D9",
|
|
360
360
|
"description": "#666666",
|
|
361
|
-
"meta": "#
|
|
361
|
+
"meta": "#6f6f6f"
|
|
362
362
|
},
|
|
363
363
|
"indicator": {
|
|
364
364
|
"default": "#d4d4d4",
|
|
365
365
|
"info": "#1a56db",
|
|
366
|
-
"success": "#
|
|
366
|
+
"success": "#1a7c3c",
|
|
367
367
|
"warning": "#92600a",
|
|
368
368
|
"error": "#c5221f"
|
|
369
369
|
},
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
"text": "#555555"
|
|
381
381
|
},
|
|
382
382
|
"chevron": {
|
|
383
|
-
"color": "#
|
|
383
|
+
"color": "#6f6f6f"
|
|
384
384
|
}
|
|
385
385
|
},
|
|
386
386
|
"breadcrumbs": {
|
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
"fontWeight": "600"
|
|
421
421
|
},
|
|
422
422
|
"tagline": {
|
|
423
|
-
"text": "#
|
|
423
|
+
"text": "#6f6f6f"
|
|
424
424
|
},
|
|
425
425
|
"column": {
|
|
426
426
|
"heading": {
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
},
|
|
433
433
|
"divider": "#f0f0f0",
|
|
434
434
|
"copyright": {
|
|
435
|
-
"text": "#
|
|
435
|
+
"text": "#6f6f6f"
|
|
436
436
|
}
|
|
437
437
|
}
|
|
438
438
|
}
|
|
@@ -13,7 +13,7 @@ $color-options-neutral-400: #c0c0c0;
|
|
|
13
13
|
$color-options-neutral-450: #bbbbbb;
|
|
14
14
|
$color-options-neutral-500: #aaaaaa;
|
|
15
15
|
$color-options-neutral-550: #999999;
|
|
16
|
-
$color-options-neutral-600: #
|
|
16
|
+
$color-options-neutral-600: #6f6f6f;
|
|
17
17
|
$color-options-neutral-650: #666666;
|
|
18
18
|
$color-options-neutral-700: #555555;
|
|
19
19
|
$color-options-neutral-800: #333333;
|
|
@@ -26,7 +26,7 @@ $color-options-red-500: #d93025;
|
|
|
26
26
|
$color-options-red-600: #c5221f;
|
|
27
27
|
$color-options-red-700: #b0261e;
|
|
28
28
|
$color-options-green-50: #e6f4ea;
|
|
29
|
-
$color-options-green-700: #
|
|
29
|
+
$color-options-green-700: #1a7c3c;
|
|
30
30
|
$color-options-yellow-50: #fef3cd;
|
|
31
31
|
$color-options-yellow-700: #92600a;
|
|
32
32
|
$color-options-blue-50: #e8f0fe;
|
|
@@ -66,7 +66,7 @@ $decisions-color-text-body: $color-options-neutral-800;
|
|
|
66
66
|
$decisions-color-text-secondary: $color-options-neutral-700;
|
|
67
67
|
$decisions-color-text-muted: $color-options-neutral-650;
|
|
68
68
|
$decisions-color-text-subtle: $color-options-neutral-600;
|
|
69
|
-
$decisions-color-text-placeholder: $color-options-neutral-
|
|
69
|
+
$decisions-color-text-placeholder: $color-options-neutral-600;
|
|
70
70
|
$decisions-color-text-disabled: $color-options-neutral-550;
|
|
71
71
|
$decisions-color-text-inverse: $color-options-neutral-0;
|
|
72
72
|
$decisions-color-surface-base: $color-options-neutral-0;
|
package/dist/ts/tokens.ts
CHANGED
|
@@ -14,7 +14,7 @@ export const ColorOptionsNeutral400 = "#c0c0c0";
|
|
|
14
14
|
export const ColorOptionsNeutral450 = "#bbbbbb";
|
|
15
15
|
export const ColorOptionsNeutral500 = "#aaaaaa";
|
|
16
16
|
export const ColorOptionsNeutral550 = "#999999";
|
|
17
|
-
export const ColorOptionsNeutral600 = "#
|
|
17
|
+
export const ColorOptionsNeutral600 = "#6f6f6f";
|
|
18
18
|
export const ColorOptionsNeutral650 = "#666666";
|
|
19
19
|
export const ColorOptionsNeutral700 = "#555555";
|
|
20
20
|
export const ColorOptionsNeutral800 = "#333333";
|
|
@@ -27,7 +27,7 @@ export const ColorOptionsRed500 = "#d93025";
|
|
|
27
27
|
export const ColorOptionsRed600 = "#c5221f";
|
|
28
28
|
export const ColorOptionsRed700 = "#b0261e";
|
|
29
29
|
export const ColorOptionsGreen50 = "#e6f4ea";
|
|
30
|
-
export const ColorOptionsGreen700 = "#
|
|
30
|
+
export const ColorOptionsGreen700 = "#1a7c3c";
|
|
31
31
|
export const ColorOptionsYellow50 = "#fef3cd";
|
|
32
32
|
export const ColorOptionsYellow700 = "#92600a";
|
|
33
33
|
export const ColorOptionsBlue50 = "#e8f0fe";
|
|
@@ -66,8 +66,8 @@ export const DecisionsColorTextPrimary = "#6D28D9";
|
|
|
66
66
|
export const DecisionsColorTextBody = "#333333";
|
|
67
67
|
export const DecisionsColorTextSecondary = "#555555";
|
|
68
68
|
export const DecisionsColorTextMuted = "#666666";
|
|
69
|
-
export const DecisionsColorTextSubtle = "#
|
|
70
|
-
export const DecisionsColorTextPlaceholder = "#
|
|
69
|
+
export const DecisionsColorTextSubtle = "#6f6f6f";
|
|
70
|
+
export const DecisionsColorTextPlaceholder = "#6f6f6f";
|
|
71
71
|
export const DecisionsColorTextDisabled = "#999999";
|
|
72
72
|
export const DecisionsColorTextInverse = "#ffffff";
|
|
73
73
|
export const DecisionsColorSurfaceBase = "#ffffff";
|
|
@@ -88,7 +88,7 @@ export const DecisionsColorFeedbackErrorIconHover = "#b0261e";
|
|
|
88
88
|
export const DecisionsColorFeedbackErrorSurface = "#fce8e6";
|
|
89
89
|
export const DecisionsColorFeedbackErrorSurfaceHover = "#fef2f2";
|
|
90
90
|
export const DecisionsColorFeedbackErrorBorder = "#f0a9a4";
|
|
91
|
-
export const DecisionsColorFeedbackSuccessText = "#
|
|
91
|
+
export const DecisionsColorFeedbackSuccessText = "#1a7c3c";
|
|
92
92
|
export const DecisionsColorFeedbackSuccessSurface = "#e6f4ea";
|
|
93
93
|
export const DecisionsColorFeedbackWarningText = "#92600a";
|
|
94
94
|
export const DecisionsColorFeedbackWarningSurface = "#fef3cd";
|
|
@@ -135,7 +135,7 @@ export const ComponentButtonBorderWidth = "1.5px";
|
|
|
135
135
|
export const ComponentButtonDisabledOpacity = "0.41999998688697815";
|
|
136
136
|
export const ComponentInputBackground = "#ffffff";
|
|
137
137
|
export const ComponentInputText = "#6D28D9";
|
|
138
|
-
export const ComponentInputPlaceholder = "#
|
|
138
|
+
export const ComponentInputPlaceholder = "#6f6f6f";
|
|
139
139
|
export const ComponentInputBorder = "#d4d4d4";
|
|
140
140
|
export const ComponentInputBorderFocus = "#6D28D9";
|
|
141
141
|
export const ComponentInputDisabledBackground = "#f5f5f5";
|
|
@@ -154,7 +154,7 @@ export const ComponentRadioDotColor = "#6D28D9";
|
|
|
154
154
|
export const ComponentRadioErrorBorder = "#d93025";
|
|
155
155
|
export const ComponentDropdownBackground = "#ffffff";
|
|
156
156
|
export const ComponentDropdownText = "#6D28D9";
|
|
157
|
-
export const ComponentDropdownPlaceholder = "#
|
|
157
|
+
export const ComponentDropdownPlaceholder = "#6f6f6f";
|
|
158
158
|
export const ComponentDropdownBorder = "#d4d4d4";
|
|
159
159
|
export const ComponentDropdownMenuOptionHover = "#f5f5f5";
|
|
160
160
|
export const ComponentDropdownMenuOptionSelected = "#f0f0f0";
|
|
@@ -165,7 +165,7 @@ export const ComponentTagDefaultText = "#555555";
|
|
|
165
165
|
export const ComponentTagPrimaryBackground = "#6D28D9";
|
|
166
166
|
export const ComponentTagPrimaryText = "#ffffff";
|
|
167
167
|
export const ComponentTagSuccessBackground = "#e6f4ea";
|
|
168
|
-
export const ComponentTagSuccessText = "#
|
|
168
|
+
export const ComponentTagSuccessText = "#1a7c3c";
|
|
169
169
|
export const ComponentTagWarningBackground = "#fef3cd";
|
|
170
170
|
export const ComponentTagWarningText = "#92600a";
|
|
171
171
|
export const ComponentTagDangerBackground = "#fce8e6";
|
|
@@ -180,26 +180,26 @@ export const ComponentModalBackdrop = "rgba(0, 0, 0, 0.4)";
|
|
|
180
180
|
export const ComponentModalTitleText = "#6D28D9";
|
|
181
181
|
export const ComponentModalTitleFontSize = "16px";
|
|
182
182
|
export const ComponentModalBodyText = "#333333";
|
|
183
|
-
export const ComponentModalCloseButtonText = "#
|
|
183
|
+
export const ComponentModalCloseButtonText = "#6f6f6f";
|
|
184
184
|
export const ComponentModalCloseButtonBackgroundHover = "#f0f0f0";
|
|
185
185
|
export const ComponentModalBorderRadius = "10px";
|
|
186
186
|
export const ComponentTableBackground = "#ffffff";
|
|
187
187
|
export const ComponentTableBorder = "#ebebeb";
|
|
188
188
|
export const ComponentTableHeaderBackground = "#fafafa";
|
|
189
|
-
export const ComponentTableHeaderText = "#
|
|
189
|
+
export const ComponentTableHeaderText = "#6f6f6f";
|
|
190
190
|
export const ComponentTableCellText = "#333333";
|
|
191
191
|
export const ComponentTableCellBorder = "#f0f0f0";
|
|
192
192
|
export const ComponentTableRowHoverBackground = "#f7f7f7";
|
|
193
|
-
export const ComponentTableEmptyText = "#
|
|
193
|
+
export const ComponentTableEmptyText = "#6f6f6f";
|
|
194
194
|
export const ComponentTableBorderRadius = "8px";
|
|
195
195
|
export const ComponentListBorder = "#ebebeb";
|
|
196
196
|
export const ComponentListDivider = "#f0f0f0";
|
|
197
197
|
export const ComponentListItemText = "#6D28D9";
|
|
198
198
|
export const ComponentListItemDescription = "#666666";
|
|
199
|
-
export const ComponentListItemMeta = "#
|
|
199
|
+
export const ComponentListItemMeta = "#6f6f6f";
|
|
200
200
|
export const ComponentListIndicatorDefault = "#d4d4d4";
|
|
201
201
|
export const ComponentListIndicatorInfo = "#1a56db";
|
|
202
|
-
export const ComponentListIndicatorSuccess = "#
|
|
202
|
+
export const ComponentListIndicatorSuccess = "#1a7c3c";
|
|
203
203
|
export const ComponentListIndicatorWarning = "#92600a";
|
|
204
204
|
export const ComponentListIndicatorError = "#c5221f";
|
|
205
205
|
export const ComponentListBorderRadius = "8px";
|
|
@@ -208,7 +208,7 @@ export const ComponentAccordionTitleText = "#6D28D9";
|
|
|
208
208
|
export const ComponentAccordionTitleFontSize = "14px";
|
|
209
209
|
export const ComponentAccordionTitleFontWeight = "500";
|
|
210
210
|
export const ComponentAccordionBodyText = "#555555";
|
|
211
|
-
export const ComponentAccordionChevronColor = "#
|
|
211
|
+
export const ComponentAccordionChevronColor = "#6f6f6f";
|
|
212
212
|
export const ComponentBreadcrumbsLinkText = "#666666";
|
|
213
213
|
export const ComponentBreadcrumbsLinkTextHover = "#6D28D9";
|
|
214
214
|
export const ComponentBreadcrumbsLinkFontSize = "13px";
|
|
@@ -228,8 +228,8 @@ export const ComponentFooterBorder = "#ebebeb";
|
|
|
228
228
|
export const ComponentFooterBrandText = "#6D28D9";
|
|
229
229
|
export const ComponentFooterBrandFontSize = "15px";
|
|
230
230
|
export const ComponentFooterBrandFontWeight = "600";
|
|
231
|
-
export const ComponentFooterTaglineText = "#
|
|
231
|
+
export const ComponentFooterTaglineText = "#6f6f6f";
|
|
232
232
|
export const ComponentFooterColumnHeadingText = "#6D28D9";
|
|
233
233
|
export const ComponentFooterColumnLinkText = "#666666";
|
|
234
234
|
export const ComponentFooterDivider = "#f0f0f0";
|
|
235
|
-
export const ComponentFooterCopyrightText = "#
|
|
235
|
+
export const ComponentFooterCopyrightText = "#6f6f6f";
|
package/package.json
CHANGED
package/tokens/tokens.json
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"value": "#999999"
|
|
40
40
|
},
|
|
41
41
|
"600": {
|
|
42
|
-
"value": "#
|
|
42
|
+
"value": "#6f6f6f"
|
|
43
43
|
},
|
|
44
44
|
"650": {
|
|
45
45
|
"value": "#666666"
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"value": "#e6f4ea"
|
|
83
83
|
},
|
|
84
84
|
"700": {
|
|
85
|
-
"value": "#
|
|
85
|
+
"value": "#1a7c3c"
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
88
|
"yellow": {
|
|
@@ -250,7 +250,7 @@
|
|
|
250
250
|
"value": "{color.options.neutral.600}"
|
|
251
251
|
},
|
|
252
252
|
"placeholder": {
|
|
253
|
-
"value": "{color.options.neutral.
|
|
253
|
+
"value": "{color.options.neutral.600}"
|
|
254
254
|
},
|
|
255
255
|
"disabled": {
|
|
256
256
|
"value": "{color.options.neutral.550}"
|