@primer/primitives 7.11.8-rc.fa82fd1 → 7.11.8
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/package.json +2 -2
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +6 -8
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +6 -8
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +8 -10
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +6 -8
- package/tokens-next-private/css/functional/themes/dark.css +6 -8
- package/tokens-next-private/css/functional/themes/light-colorblind.css +8 -10
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -14
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +8 -10
- package/tokens-next-private/css/functional/themes/light.css +8 -10
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +37 -40
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +37 -40
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +41 -44
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +37 -40
- package/tokens-next-private/docs/functional/themes/dark.json +37 -40
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +41 -42
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +49 -50
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +41 -42
- package/tokens-next-private/docs/functional/themes/light.json +41 -42
- package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +7 -6
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +7 -6
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +8 -7
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +7 -6
- package/tokens-next-private/js/functional/themes/dark.js +7 -6
- package/tokens-next-private/js/functional/themes/light-colorblind.js +8 -7
- package/tokens-next-private/js/functional/themes/light-high-contrast.js +10 -9
- package/tokens-next-private/js/functional/themes/light-tritanopia.js +8 -7
- package/tokens-next-private/js/functional/themes/light.js +8 -7
- package/tokens-next-private/json/functional/themes/dark-colorblind.json +8 -7
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +8 -7
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +9 -8
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +8 -7
- package/tokens-next-private/json/functional/themes/dark.json +8 -7
- package/tokens-next-private/json/functional/themes/light-colorblind.json +9 -8
- package/tokens-next-private/json/functional/themes/light-high-contrast.json +11 -10
- package/tokens-next-private/json/functional/themes/light-tritanopia.json +9 -8
- package/tokens-next-private/json/functional/themes/light.json +9 -8
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +3 -4
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +3 -4
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +4 -5
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +3 -4
- package/tokens-next-private/scss/functional/themes/dark.scss +3 -4
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +4 -5
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -7
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +4 -5
- package/tokens-next-private/scss/functional/themes/light.scss +4 -5
- package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +7 -6
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +7 -6
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +8 -7
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +7 -6
- package/tokens-next-private/ts/functional/themes/dark.ts +7 -6
- package/tokens-next-private/ts/functional/themes/light-colorblind.ts +8 -7
- package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +10 -9
- package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +8 -7
- package/tokens-next-private/ts/functional/themes/light.ts +8 -7
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +6 -5
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -181,8 +181,8 @@
|
|
|
181
181
|
},
|
|
182
182
|
"borderColor": {
|
|
183
183
|
"rest": "#409eff",
|
|
184
|
-
"hover": "#
|
|
185
|
-
"active": "#
|
|
184
|
+
"hover": "#4aa3ff",
|
|
185
|
+
"active": "#54a8ff",
|
|
186
186
|
"disabled": "#7a828e"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -333,6 +333,11 @@
|
|
|
333
333
|
"rest": "#525964"
|
|
334
334
|
}
|
|
335
335
|
},
|
|
336
|
+
"invisible": {
|
|
337
|
+
"bgColor": {
|
|
338
|
+
"rest": "#525964"
|
|
339
|
+
}
|
|
340
|
+
},
|
|
336
341
|
"primary": {
|
|
337
342
|
"bgColor": {
|
|
338
343
|
"rest": "#01040926"
|
|
@@ -413,11 +418,7 @@
|
|
|
413
418
|
"onEmphasis": "#0a0c10",
|
|
414
419
|
"disabled": "#7a828e",
|
|
415
420
|
"link": {
|
|
416
|
-
"rest": "#409eff"
|
|
417
|
-
"inverse": {
|
|
418
|
-
"rest": "#409eff"
|
|
419
|
-
},
|
|
420
|
-
"control": "#939ca8"
|
|
421
|
+
"rest": "#409eff"
|
|
421
422
|
},
|
|
422
423
|
"accent": "#409eff",
|
|
423
424
|
"success": "#26cd4d",
|
|
@@ -481,7 +482,7 @@
|
|
|
481
482
|
"emphasis": "#7a828e",
|
|
482
483
|
"disabled": "#7a828e",
|
|
483
484
|
"neutral": {
|
|
484
|
-
"muted": "#
|
|
485
|
+
"muted": "#9ea7b3",
|
|
485
486
|
"emphasis": "#9ea7b3"
|
|
486
487
|
},
|
|
487
488
|
"accent": {
|
|
@@ -181,8 +181,8 @@
|
|
|
181
181
|
},
|
|
182
182
|
"borderColor": {
|
|
183
183
|
"rest": "#1f6feb",
|
|
184
|
-
"hover": "#
|
|
185
|
-
"active": "#
|
|
184
|
+
"hover": "#2a7aef",
|
|
185
|
+
"active": "#3685f3",
|
|
186
186
|
"disabled": "#484f58"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -333,6 +333,11 @@
|
|
|
333
333
|
"rest": "#30363d"
|
|
334
334
|
}
|
|
335
335
|
},
|
|
336
|
+
"invisible": {
|
|
337
|
+
"bgColor": {
|
|
338
|
+
"rest": "#30363d"
|
|
339
|
+
}
|
|
340
|
+
},
|
|
336
341
|
"primary": {
|
|
337
342
|
"bgColor": {
|
|
338
343
|
"rest": "#04260f33"
|
|
@@ -413,11 +418,7 @@
|
|
|
413
418
|
"onEmphasis": "#ffffff",
|
|
414
419
|
"disabled": "#484f58",
|
|
415
420
|
"link": {
|
|
416
|
-
"rest": "#2f81f7"
|
|
417
|
-
"inverse": {
|
|
418
|
-
"rest": "#1f6feb"
|
|
419
|
-
},
|
|
420
|
-
"control": "#636a75"
|
|
421
|
+
"rest": "#2f81f7"
|
|
421
422
|
},
|
|
422
423
|
"accent": "#2f81f7",
|
|
423
424
|
"success": "#58a6ff",
|
|
@@ -181,8 +181,8 @@
|
|
|
181
181
|
},
|
|
182
182
|
"borderColor": {
|
|
183
183
|
"rest": "#1f6feb",
|
|
184
|
-
"hover": "#
|
|
185
|
-
"active": "#
|
|
184
|
+
"hover": "#2a7aef",
|
|
185
|
+
"active": "#3685f3",
|
|
186
186
|
"disabled": "#484f58"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -333,6 +333,11 @@
|
|
|
333
333
|
"rest": "#30363d"
|
|
334
334
|
}
|
|
335
335
|
},
|
|
336
|
+
"invisible": {
|
|
337
|
+
"bgColor": {
|
|
338
|
+
"rest": "#30363d"
|
|
339
|
+
}
|
|
340
|
+
},
|
|
336
341
|
"primary": {
|
|
337
342
|
"bgColor": {
|
|
338
343
|
"rest": "#04260f33"
|
|
@@ -413,11 +418,7 @@
|
|
|
413
418
|
"onEmphasis": "#ffffff",
|
|
414
419
|
"disabled": "#484f58",
|
|
415
420
|
"link": {
|
|
416
|
-
"rest": "#2f81f7"
|
|
417
|
-
"inverse": {
|
|
418
|
-
"rest": "#1f6feb"
|
|
419
|
-
},
|
|
420
|
-
"control": "#636a75"
|
|
421
|
+
"rest": "#2f81f7"
|
|
421
422
|
},
|
|
422
423
|
"accent": "#2f81f7",
|
|
423
424
|
"success": "#3fb950",
|
|
@@ -181,8 +181,8 @@
|
|
|
181
181
|
},
|
|
182
182
|
"borderColor": {
|
|
183
183
|
"rest": "#0969da",
|
|
184
|
-
"hover": "#
|
|
185
|
-
"active": "#
|
|
184
|
+
"hover": "#0860ca",
|
|
185
|
+
"active": "#0757ba",
|
|
186
186
|
"disabled": "#8c959f"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -330,7 +330,12 @@
|
|
|
330
330
|
"buttonCounter": {
|
|
331
331
|
"default": {
|
|
332
332
|
"bgColor": {
|
|
333
|
-
"rest": "#
|
|
333
|
+
"rest": "#eaeef2"
|
|
334
|
+
}
|
|
335
|
+
},
|
|
336
|
+
"invisible": {
|
|
337
|
+
"bgColor": {
|
|
338
|
+
"rest": "#eaeef2"
|
|
334
339
|
}
|
|
335
340
|
},
|
|
336
341
|
"primary": {
|
|
@@ -414,11 +419,7 @@
|
|
|
414
419
|
"onEmphasis": "#ffffff",
|
|
415
420
|
"disabled": "#8c959f",
|
|
416
421
|
"link": {
|
|
417
|
-
"rest": "#0969da"
|
|
418
|
-
"inverse": {
|
|
419
|
-
"rest": "#54aeff"
|
|
420
|
-
},
|
|
421
|
-
"control": "#868f99"
|
|
422
|
+
"rest": "#0969da"
|
|
422
423
|
},
|
|
423
424
|
"accent": "#0969da",
|
|
424
425
|
"success": "#0969da",
|
|
@@ -181,8 +181,8 @@
|
|
|
181
181
|
},
|
|
182
182
|
"borderColor": {
|
|
183
183
|
"rest": "#0349b4",
|
|
184
|
-
"hover": "#
|
|
185
|
-
"active": "#
|
|
184
|
+
"hover": "#0344a8",
|
|
185
|
+
"active": "#033f9d",
|
|
186
186
|
"disabled": "#88929d"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -330,7 +330,12 @@
|
|
|
330
330
|
"buttonCounter": {
|
|
331
331
|
"default": {
|
|
332
332
|
"bgColor": {
|
|
333
|
-
"rest": "#
|
|
333
|
+
"rest": "#66707b33"
|
|
334
|
+
}
|
|
335
|
+
},
|
|
336
|
+
"invisible": {
|
|
337
|
+
"bgColor": {
|
|
338
|
+
"rest": "#66707b33"
|
|
334
339
|
}
|
|
335
340
|
},
|
|
336
341
|
"primary": {
|
|
@@ -402,7 +407,7 @@
|
|
|
402
407
|
"underlineNav": {
|
|
403
408
|
"borderColor": {
|
|
404
409
|
"active": "#cd3425",
|
|
405
|
-
"hover": "#
|
|
410
|
+
"hover": "#88929d"
|
|
406
411
|
},
|
|
407
412
|
"iconColor": {
|
|
408
413
|
"rest": "#0e1116"
|
|
@@ -414,11 +419,7 @@
|
|
|
414
419
|
"onEmphasis": "#ffffff",
|
|
415
420
|
"disabled": "#88929d",
|
|
416
421
|
"link": {
|
|
417
|
-
"rest": "#023b95"
|
|
418
|
-
"inverse": {
|
|
419
|
-
"rest": "#368cf9"
|
|
420
|
-
},
|
|
421
|
-
"control": "#818b96"
|
|
422
|
+
"rest": "#023b95"
|
|
422
423
|
},
|
|
423
424
|
"accent": "#023b95",
|
|
424
425
|
"success": "#055d20",
|
|
@@ -482,7 +483,7 @@
|
|
|
482
483
|
"emphasis": "#66707b",
|
|
483
484
|
"disabled": "#20252c",
|
|
484
485
|
"neutral": {
|
|
485
|
-
"muted": "#
|
|
486
|
+
"muted": "#88929d",
|
|
486
487
|
"emphasis": "#66707b"
|
|
487
488
|
},
|
|
488
489
|
"accent": {
|
|
@@ -181,8 +181,8 @@
|
|
|
181
181
|
},
|
|
182
182
|
"borderColor": {
|
|
183
183
|
"rest": "#0969da",
|
|
184
|
-
"hover": "#
|
|
185
|
-
"active": "#
|
|
184
|
+
"hover": "#0860ca",
|
|
185
|
+
"active": "#0757ba",
|
|
186
186
|
"disabled": "#8c959f"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -330,7 +330,12 @@
|
|
|
330
330
|
"buttonCounter": {
|
|
331
331
|
"default": {
|
|
332
332
|
"bgColor": {
|
|
333
|
-
"rest": "#
|
|
333
|
+
"rest": "#eaeef2"
|
|
334
|
+
}
|
|
335
|
+
},
|
|
336
|
+
"invisible": {
|
|
337
|
+
"bgColor": {
|
|
338
|
+
"rest": "#eaeef2"
|
|
334
339
|
}
|
|
335
340
|
},
|
|
336
341
|
"primary": {
|
|
@@ -414,11 +419,7 @@
|
|
|
414
419
|
"onEmphasis": "#ffffff",
|
|
415
420
|
"disabled": "#8c959f",
|
|
416
421
|
"link": {
|
|
417
|
-
"rest": "#0969da"
|
|
418
|
-
"inverse": {
|
|
419
|
-
"rest": "#54aeff"
|
|
420
|
-
},
|
|
421
|
-
"control": "#868f99"
|
|
422
|
+
"rest": "#0969da"
|
|
422
423
|
},
|
|
423
424
|
"accent": "#0969da",
|
|
424
425
|
"success": "#0969da",
|
|
@@ -181,8 +181,8 @@
|
|
|
181
181
|
},
|
|
182
182
|
"borderColor": {
|
|
183
183
|
"rest": "#0969da",
|
|
184
|
-
"hover": "#
|
|
185
|
-
"active": "#
|
|
184
|
+
"hover": "#0860ca",
|
|
185
|
+
"active": "#0757ba",
|
|
186
186
|
"disabled": "#8c959f"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
@@ -330,7 +330,12 @@
|
|
|
330
330
|
"buttonCounter": {
|
|
331
331
|
"default": {
|
|
332
332
|
"bgColor": {
|
|
333
|
-
"rest": "#
|
|
333
|
+
"rest": "#eaeef2"
|
|
334
|
+
}
|
|
335
|
+
},
|
|
336
|
+
"invisible": {
|
|
337
|
+
"bgColor": {
|
|
338
|
+
"rest": "#eaeef2"
|
|
334
339
|
}
|
|
335
340
|
},
|
|
336
341
|
"primary": {
|
|
@@ -414,11 +419,7 @@
|
|
|
414
419
|
"onEmphasis": "#ffffff",
|
|
415
420
|
"disabled": "#8c959f",
|
|
416
421
|
"link": {
|
|
417
|
-
"rest": "#0969da"
|
|
418
|
-
"inverse": {
|
|
419
|
-
"rest": "#54aeff"
|
|
420
|
-
},
|
|
421
|
-
"control": "#868f99"
|
|
422
|
+
"rest": "#0969da"
|
|
422
423
|
},
|
|
423
424
|
"accent": "#0969da",
|
|
424
425
|
"success": "#1a7f37",
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #ffffff;
|
|
82
82
|
--control-checked-fgColor-disabled: #010409;
|
|
83
83
|
--control-checked-borderColor-rest: #1f6feb;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #2a7aef;
|
|
85
|
+
--control-checked-borderColor-active: #3685f3;
|
|
86
86
|
--control-checked-borderColor-disabled: #484f58;
|
|
87
87
|
--controlTrack-bgColor-rest: #21262d;
|
|
88
88
|
--controlTrack-bgColor-hover: #292e36;
|
|
@@ -155,6 +155,7 @@
|
|
|
155
155
|
--button-danger-borderColor-active: #b5531d;
|
|
156
156
|
--button-danger-shadow-selected: 0px 0px 0px 0px #000000;
|
|
157
157
|
--buttonCounter-default-bgColor-rest: #30363d;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #30363d;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #04260f33;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
@@ -185,8 +186,6 @@
|
|
|
185
186
|
--fgColor-onEmphasis: #ffffff;
|
|
186
187
|
--fgColor-disabled: #484f58;
|
|
187
188
|
--fgColor-link-rest: #2f81f7;
|
|
188
|
-
--fgColor-link-inverse-rest: #1f6feb;
|
|
189
|
-
--fgColor-link-control: #636a75;
|
|
190
189
|
--fgColor-accent: #2f81f7;
|
|
191
190
|
--fgColor-success: #58a6ff;
|
|
192
191
|
--fgColor-attention: #d29922;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #cdd9e5;
|
|
82
82
|
--control-checked-fgColor-disabled: #1c2128;
|
|
83
83
|
--control-checked-borderColor-rest: #316dca;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #3876d3;
|
|
85
|
+
--control-checked-borderColor-active: #3f7fdb;
|
|
86
86
|
--control-checked-borderColor-disabled: #545d68;
|
|
87
87
|
--controlTrack-bgColor-rest: #373e47;
|
|
88
88
|
--controlTrack-bgColor-hover: #3d444e;
|
|
@@ -155,6 +155,7 @@
|
|
|
155
155
|
--button-danger-borderColor-active: #c33d38;
|
|
156
156
|
--button-danger-shadow-selected: 0px 0px 0px 0px #000000;
|
|
157
157
|
--buttonCounter-default-bgColor-rest: #444c56;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #444c56;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #11341733;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #0f2d5c33;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #0f2d5c33;
|
|
@@ -185,8 +186,6 @@
|
|
|
185
186
|
--fgColor-onEmphasis: #cdd9e5;
|
|
186
187
|
--fgColor-disabled: #545d68;
|
|
187
188
|
--fgColor-link-rest: #3b7cdb;
|
|
188
|
-
--fgColor-link-inverse-rest: #316dca;
|
|
189
|
-
--fgColor-link-control: #5e6975;
|
|
190
189
|
--fgColor-accent: #3b7cdb;
|
|
191
190
|
--fgColor-success: #57ab5a;
|
|
192
191
|
--fgColor-attention: #c69026;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #0a0c10;
|
|
82
82
|
--control-checked-fgColor-disabled: #010409;
|
|
83
83
|
--control-checked-borderColor-rest: #409eff;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #4aa3ff;
|
|
85
|
+
--control-checked-borderColor-active: #54a8ff;
|
|
86
86
|
--control-checked-borderColor-disabled: #7a828e;
|
|
87
87
|
--controlTrack-bgColor-rest: #272b33;
|
|
88
88
|
--controlTrack-bgColor-hover: #383c45;
|
|
@@ -155,6 +155,7 @@
|
|
|
155
155
|
--button-danger-borderColor-active: #ff5353;
|
|
156
156
|
--button-danger-shadow-selected: 0px 0px 0px 0px #000000;
|
|
157
157
|
--buttonCounter-default-bgColor-rest: #525964;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #525964;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #01040926;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #194fb133;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #194fb133;
|
|
@@ -185,8 +186,6 @@
|
|
|
185
186
|
--fgColor-onEmphasis: #0a0c10;
|
|
186
187
|
--fgColor-disabled: #7a828e;
|
|
187
188
|
--fgColor-link-rest: #409eff;
|
|
188
|
-
--fgColor-link-inverse-rest: #409eff;
|
|
189
|
-
--fgColor-link-control: #939ca8;
|
|
190
189
|
--fgColor-accent: #409eff;
|
|
191
190
|
--fgColor-success: #26cd4d;
|
|
192
191
|
--fgColor-attention: #f0b72f;
|
|
@@ -224,7 +223,7 @@
|
|
|
224
223
|
--borderColor-muted: #7a828e;
|
|
225
224
|
--borderColor-emphasis: #7a828e;
|
|
226
225
|
--borderColor-disabled: #7a828e;
|
|
227
|
-
--borderColor-neutral-muted: #
|
|
226
|
+
--borderColor-neutral-muted: #9ea7b3;
|
|
228
227
|
--borderColor-neutral-emphasis: #9ea7b3;
|
|
229
228
|
--borderColor-accent-muted: #409eff;
|
|
230
229
|
--borderColor-accent-emphasis: #409eff;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #ffffff;
|
|
82
82
|
--control-checked-fgColor-disabled: #010409;
|
|
83
83
|
--control-checked-borderColor-rest: #1f6feb;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #2a7aef;
|
|
85
|
+
--control-checked-borderColor-active: #3685f3;
|
|
86
86
|
--control-checked-borderColor-disabled: #484f58;
|
|
87
87
|
--controlTrack-bgColor-rest: #21262d;
|
|
88
88
|
--controlTrack-bgColor-hover: #292e36;
|
|
@@ -155,6 +155,7 @@
|
|
|
155
155
|
--button-danger-borderColor-active: #d03533;
|
|
156
156
|
--button-danger-shadow-selected: 0px 0px 0px 0px #000000;
|
|
157
157
|
--buttonCounter-default-bgColor-rest: #30363d;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #30363d;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #04260f33;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
@@ -185,8 +186,6 @@
|
|
|
185
186
|
--fgColor-onEmphasis: #ffffff;
|
|
186
187
|
--fgColor-disabled: #484f58;
|
|
187
188
|
--fgColor-link-rest: #2f81f7;
|
|
188
|
-
--fgColor-link-inverse-rest: #1f6feb;
|
|
189
|
-
--fgColor-link-control: #636a75;
|
|
190
189
|
--fgColor-accent: #2f81f7;
|
|
191
190
|
--fgColor-success: #58a6ff;
|
|
192
191
|
--fgColor-attention: #d29922;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #ffffff;
|
|
82
82
|
--control-checked-fgColor-disabled: #010409;
|
|
83
83
|
--control-checked-borderColor-rest: #1f6feb;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #2a7aef;
|
|
85
|
+
--control-checked-borderColor-active: #3685f3;
|
|
86
86
|
--control-checked-borderColor-disabled: #484f58;
|
|
87
87
|
--controlTrack-bgColor-rest: #21262d;
|
|
88
88
|
--controlTrack-bgColor-hover: #292e36;
|
|
@@ -155,6 +155,7 @@
|
|
|
155
155
|
--button-danger-borderColor-active: #d03533;
|
|
156
156
|
--button-danger-shadow-selected: 0px 0px 0px 0px #000000;
|
|
157
157
|
--buttonCounter-default-bgColor-rest: #30363d;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #30363d;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #04260f33;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #051d4d33;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #051d4d33;
|
|
@@ -185,8 +186,6 @@
|
|
|
185
186
|
--fgColor-onEmphasis: #ffffff;
|
|
186
187
|
--fgColor-disabled: #484f58;
|
|
187
188
|
--fgColor-link-rest: #2f81f7;
|
|
188
|
-
--fgColor-link-inverse-rest: #1f6feb;
|
|
189
|
-
--fgColor-link-control: #636a75;
|
|
190
189
|
--fgColor-accent: #2f81f7;
|
|
191
190
|
--fgColor-success: #3fb950;
|
|
192
191
|
--fgColor-attention: #d29922;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #ffffff;
|
|
82
82
|
--control-checked-fgColor-disabled: #ffffff;
|
|
83
83
|
--control-checked-borderColor-rest: #0969da;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #0860ca;
|
|
85
|
+
--control-checked-borderColor-active: #0757ba;
|
|
86
86
|
--control-checked-borderColor-disabled: #8c959f;
|
|
87
87
|
--controlTrack-bgColor-rest: #eaeef2;
|
|
88
88
|
--controlTrack-bgColor-hover: #dee3e8;
|
|
@@ -154,7 +154,8 @@
|
|
|
154
154
|
--button-danger-borderColor-hover: #d0d7de;
|
|
155
155
|
--button-danger-borderColor-active: #d0d7de;
|
|
156
156
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
|
|
157
|
-
--buttonCounter-default-bgColor-rest: #
|
|
157
|
+
--buttonCounter-default-bgColor-rest: #eaeef2;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #eaeef2;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #0969da1a;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -186,8 +187,6 @@
|
|
|
186
187
|
--fgColor-onEmphasis: #ffffff;
|
|
187
188
|
--fgColor-disabled: #8c959f;
|
|
188
189
|
--fgColor-link-rest: #0969da;
|
|
189
|
-
--fgColor-link-inverse-rest: #54aeff;
|
|
190
|
-
--fgColor-link-control: #868f99;
|
|
191
190
|
--fgColor-accent: #0969da;
|
|
192
191
|
--fgColor-success: #0969da;
|
|
193
192
|
--fgColor-attention: #9a6700;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #ffffff;
|
|
82
82
|
--control-checked-fgColor-disabled: #ffffff;
|
|
83
83
|
--control-checked-borderColor-rest: #0349b4;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #0344a8;
|
|
85
|
+
--control-checked-borderColor-active: #033f9d;
|
|
86
86
|
--control-checked-borderColor-disabled: #88929d;
|
|
87
87
|
--controlTrack-bgColor-rest: #acb6c0;
|
|
88
88
|
--controlTrack-bgColor-hover: #9ea8b2;
|
|
@@ -154,7 +154,8 @@
|
|
|
154
154
|
--button-danger-borderColor-hover: #20252c;
|
|
155
155
|
--button-danger-borderColor-active: #20252c;
|
|
156
156
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
|
|
157
|
-
--buttonCounter-default-bgColor-rest: #
|
|
157
|
+
--buttonCounter-default-bgColor-rest: #66707b33;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #66707b33;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #00230b33;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #0349b41a;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -179,15 +180,13 @@
|
|
|
179
180
|
--timelineBadge-bgColor: #e7ecf0;
|
|
180
181
|
--treeViewItem-leadingVisual-bgColor-rest: #368cf9;
|
|
181
182
|
--underlineNav-borderColor-active: #cd3425;
|
|
182
|
-
--underlineNav-borderColor-hover: #
|
|
183
|
+
--underlineNav-borderColor-hover: #88929d;
|
|
183
184
|
--underlineNav-iconColor-rest: #0e1116;
|
|
184
185
|
--fgColor-default: #010409;
|
|
185
186
|
--fgColor-muted: #0e1116;
|
|
186
187
|
--fgColor-onEmphasis: #ffffff;
|
|
187
188
|
--fgColor-disabled: #88929d;
|
|
188
189
|
--fgColor-link-rest: #023b95;
|
|
189
|
-
--fgColor-link-inverse-rest: #368cf9;
|
|
190
|
-
--fgColor-link-control: #818b96;
|
|
191
190
|
--fgColor-accent: #023b95;
|
|
192
191
|
--fgColor-success: #055d20;
|
|
193
192
|
--fgColor-attention: #744500;
|
|
@@ -225,7 +224,7 @@
|
|
|
225
224
|
--borderColor-muted: #88929d;
|
|
226
225
|
--borderColor-emphasis: #66707b;
|
|
227
226
|
--borderColor-disabled: #20252c;
|
|
228
|
-
--borderColor-neutral-muted: #
|
|
227
|
+
--borderColor-neutral-muted: #88929d;
|
|
229
228
|
--borderColor-neutral-emphasis: #66707b;
|
|
230
229
|
--borderColor-accent-muted: #368cf9;
|
|
231
230
|
--borderColor-accent-emphasis: #0349b4;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #ffffff;
|
|
82
82
|
--control-checked-fgColor-disabled: #ffffff;
|
|
83
83
|
--control-checked-borderColor-rest: #0969da;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #0860ca;
|
|
85
|
+
--control-checked-borderColor-active: #0757ba;
|
|
86
86
|
--control-checked-borderColor-disabled: #8c959f;
|
|
87
87
|
--controlTrack-bgColor-rest: #eaeef2;
|
|
88
88
|
--controlTrack-bgColor-hover: #dee3e8;
|
|
@@ -154,7 +154,8 @@
|
|
|
154
154
|
--button-danger-borderColor-hover: #d0d7de;
|
|
155
155
|
--button-danger-borderColor-active: #d0d7de;
|
|
156
156
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
157
|
-
--buttonCounter-default-bgColor-rest: #
|
|
157
|
+
--buttonCounter-default-bgColor-rest: #eaeef2;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #eaeef2;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #0969da1a;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -186,8 +187,6 @@
|
|
|
186
187
|
--fgColor-onEmphasis: #ffffff;
|
|
187
188
|
--fgColor-disabled: #8c959f;
|
|
188
189
|
--fgColor-link-rest: #0969da;
|
|
189
|
-
--fgColor-link-inverse-rest: #54aeff;
|
|
190
|
-
--fgColor-link-control: #868f99;
|
|
191
190
|
--fgColor-accent: #0969da;
|
|
192
191
|
--fgColor-success: #0969da;
|
|
193
192
|
--fgColor-attention: #9a6700;
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
--control-checked-fgColor-rest: #ffffff;
|
|
82
82
|
--control-checked-fgColor-disabled: #ffffff;
|
|
83
83
|
--control-checked-borderColor-rest: #0969da;
|
|
84
|
-
--control-checked-borderColor-hover: #
|
|
85
|
-
--control-checked-borderColor-active: #
|
|
84
|
+
--control-checked-borderColor-hover: #0860ca;
|
|
85
|
+
--control-checked-borderColor-active: #0757ba;
|
|
86
86
|
--control-checked-borderColor-disabled: #8c959f;
|
|
87
87
|
--controlTrack-bgColor-rest: #eaeef2;
|
|
88
88
|
--controlTrack-bgColor-hover: #dee3e8;
|
|
@@ -154,7 +154,8 @@
|
|
|
154
154
|
--button-danger-borderColor-hover: #d0d7de;
|
|
155
155
|
--button-danger-borderColor-active: #d0d7de;
|
|
156
156
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
157
|
-
--buttonCounter-default-bgColor-rest: #
|
|
157
|
+
--buttonCounter-default-bgColor-rest: #eaeef2;
|
|
158
|
+
--buttonCounter-invisible-bgColor-rest: #eaeef2;
|
|
158
159
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
159
160
|
--buttonCounter-outline-bgColor-rest: #0969da1a;
|
|
160
161
|
--buttonCounter-outline-bgColor-hover: #ffffff33;
|
|
@@ -186,8 +187,6 @@
|
|
|
186
187
|
--fgColor-onEmphasis: #ffffff;
|
|
187
188
|
--fgColor-disabled: #8c959f;
|
|
188
189
|
--fgColor-link-rest: #0969da;
|
|
189
|
-
--fgColor-link-inverse-rest: #54aeff;
|
|
190
|
-
--fgColor-link-control: #868f99;
|
|
191
190
|
--fgColor-accent: #0969da;
|
|
192
191
|
--fgColor-success: #1a7f37;
|
|
193
192
|
--fgColor-attention: #9a6700;
|
|
@@ -181,8 +181,8 @@ export default {
|
|
|
181
181
|
},
|
|
182
182
|
borderColor: {
|
|
183
183
|
rest: "#1f6feb",
|
|
184
|
-
hover: "#
|
|
185
|
-
active: "#
|
|
184
|
+
hover: "#2a7aef",
|
|
185
|
+
active: "#3685f3",
|
|
186
186
|
disabled: "#484f58",
|
|
187
187
|
},
|
|
188
188
|
},
|
|
@@ -333,6 +333,11 @@ export default {
|
|
|
333
333
|
rest: "#30363d",
|
|
334
334
|
},
|
|
335
335
|
},
|
|
336
|
+
invisible: {
|
|
337
|
+
bgColor: {
|
|
338
|
+
rest: "#30363d",
|
|
339
|
+
},
|
|
340
|
+
},
|
|
336
341
|
primary: {
|
|
337
342
|
bgColor: {
|
|
338
343
|
rest: "#04260f33",
|
|
@@ -414,10 +419,6 @@ export default {
|
|
|
414
419
|
disabled: "#484f58",
|
|
415
420
|
link: {
|
|
416
421
|
rest: "#2f81f7",
|
|
417
|
-
inverse: {
|
|
418
|
-
rest: "#1f6feb",
|
|
419
|
-
},
|
|
420
|
-
control: "#636a75",
|
|
421
422
|
},
|
|
422
423
|
accent: "#2f81f7",
|
|
423
424
|
success: "#58a6ff",
|
|
@@ -181,8 +181,8 @@ export default {
|
|
|
181
181
|
},
|
|
182
182
|
borderColor: {
|
|
183
183
|
rest: "#316dca",
|
|
184
|
-
hover: "#
|
|
185
|
-
active: "#
|
|
184
|
+
hover: "#3876d3",
|
|
185
|
+
active: "#3f7fdb",
|
|
186
186
|
disabled: "#545d68",
|
|
187
187
|
},
|
|
188
188
|
},
|
|
@@ -333,6 +333,11 @@ export default {
|
|
|
333
333
|
rest: "#444c56",
|
|
334
334
|
},
|
|
335
335
|
},
|
|
336
|
+
invisible: {
|
|
337
|
+
bgColor: {
|
|
338
|
+
rest: "#444c56",
|
|
339
|
+
},
|
|
340
|
+
},
|
|
336
341
|
primary: {
|
|
337
342
|
bgColor: {
|
|
338
343
|
rest: "#11341733",
|
|
@@ -414,10 +419,6 @@ export default {
|
|
|
414
419
|
disabled: "#545d68",
|
|
415
420
|
link: {
|
|
416
421
|
rest: "#3b7cdb",
|
|
417
|
-
inverse: {
|
|
418
|
-
rest: "#316dca",
|
|
419
|
-
},
|
|
420
|
-
control: "#5e6975",
|
|
421
422
|
},
|
|
422
423
|
accent: "#3b7cdb",
|
|
423
424
|
success: "#57ab5a",
|