@primer/primitives 10.3.4 → 10.4.0-rc.06084fce

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.
Files changed (108) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/base/motion/motion.css +1 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +38 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +38 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +38 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +38 -2
  8. package/dist/css/functional/themes/dark.css +38 -2
  9. package/dist/css/functional/themes/light-colorblind.css +38 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +38 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +38 -2
  12. package/dist/css/functional/themes/light.css +38 -2
  13. package/dist/css/primitives.css +1 -6
  14. package/dist/docs/base/motion/motion.json +14 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +12028 -1436
  16. package/dist/docs/functional/themes/dark-dimmed.json +12218 -1392
  17. package/dist/docs/functional/themes/dark-high-contrast.json +13308 -1584
  18. package/dist/docs/functional/themes/dark-tritanopia.json +11899 -1409
  19. package/dist/docs/functional/themes/dark.json +11584 -1314
  20. package/dist/docs/functional/themes/light-colorblind.json +11961 -1411
  21. package/dist/docs/functional/themes/light-high-contrast.json +14994 -3384
  22. package/dist/docs/functional/themes/light-tritanopia.json +11815 -1367
  23. package/dist/docs/functional/themes/light.json +11541 -1245
  24. package/dist/fallbacks/base/motion/motion.json +1 -0
  25. package/dist/figma/figma.json +1 -10
  26. package/dist/figma/themes/dark-colorblind.json +5096 -4524
  27. package/dist/figma/themes/dark-dimmed.json +5142 -4406
  28. package/dist/figma/themes/dark-high-contrast.json +5762 -3913
  29. package/dist/figma/themes/dark-tritanopia.json +4933 -4491
  30. package/dist/figma/themes/dark.json +5476 -5299
  31. package/dist/figma/themes/light-colorblind.json +5076 -4467
  32. package/dist/figma/themes/light-high-contrast.json +5707 -3916
  33. package/dist/figma/themes/light-tritanopia.json +4983 -4501
  34. package/dist/figma/themes/light.json +4795 -4502
  35. package/dist/internalCss/dark-colorblind.css +38 -2
  36. package/dist/internalCss/dark-dimmed.css +38 -2
  37. package/dist/internalCss/dark-high-contrast.css +38 -2
  38. package/dist/internalCss/dark-tritanopia.css +38 -2
  39. package/dist/internalCss/dark.css +38 -2
  40. package/dist/internalCss/light-colorblind.css +38 -2
  41. package/dist/internalCss/light-high-contrast.css +38 -2
  42. package/dist/internalCss/light-tritanopia.css +38 -2
  43. package/dist/internalCss/light.css +38 -2
  44. package/dist/styleLint/base/motion/motion.json +14 -0
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +12028 -1436
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +12217 -1391
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +13295 -1571
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +11897 -1407
  49. package/dist/styleLint/functional/themes/dark.json +11567 -1297
  50. package/dist/styleLint/functional/themes/light-colorblind.json +11922 -1372
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +15008 -3398
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +11816 -1368
  53. package/dist/styleLint/functional/themes/light.json +11542 -1246
  54. package/package.json +1 -1
  55. package/src/tokens/base/motion/timing.json5 +4 -0
  56. package/src/tokens/component/avatar.json5 +33 -0
  57. package/src/tokens/component/button.json5 +1714 -0
  58. package/src/tokens/component/card.json5 +18 -0
  59. package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
  60. package/src/tokens/component/contribution.json5 +344 -0
  61. package/src/tokens/component/counter.json5 +43 -0
  62. package/src/tokens/component/header.json5 +3 -0
  63. package/src/tokens/component/label.json5 +1942 -0
  64. package/src/tokens/component/menu.json5 +24 -0
  65. package/src/tokens/component/overlay.json5 +1 -1
  66. package/src/tokens/component/selectMenu.json5 +38 -0
  67. package/src/tokens/component/sideNav.json5 +22 -0
  68. package/src/tokens/component/tooltip.json5 +32 -0
  69. package/src/tokens/component/treeView.json5 +24 -0
  70. package/src/tokens/component/underlineNav.json5 +56 -0
  71. package/src/tokens/functional/color/bgColor.json5 +24 -20
  72. package/src/tokens/functional/color/control.json5 +1087 -0
  73. package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
  74. package/src/tokens/functional/color/display.json5 +2170 -0
  75. package/src/tokens/functional/color/focus.json5 +15 -0
  76. package/src/tokens/functional/color/selection.json5 +22 -0
  77. package/src/tokens/functional/color/{light/syntax-light.json5 → syntax.json5} +187 -0
  78. package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
  79. package/dist/css/functional/motion/motion.css +0 -6
  80. package/dist/docs/functional/motion/motion.json +0 -66
  81. package/dist/fallbacks/functional/motion/motion.json +0 -6
  82. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  83. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  84. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  85. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  86. package/dist/figma/shadows/dark.json +0 -1152
  87. package/dist/figma/shadows/light-colorblind.json +0 -1052
  88. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  89. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  90. package/dist/figma/shadows/light.json +0 -1052
  91. package/dist/styleLint/functional/motion/motion.json +0 -66
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
  93. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  94. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -223
  95. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -658
  96. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -159
  97. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -107
  98. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2676
  99. package/src/tokens/functional/color/dark/syntax-dark.json5 +0 -559
  100. package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
  101. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  102. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -601
  103. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -159
  104. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -97
  105. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2671
  106. package/src/tokens/functional/motion/loading.json5 +0 -17
  107. package/src/tokens/functional/motion/patterns.json5 +0 -35
  108. package/src/tokens/functional/shadow/dark.json5 +0 -369
package/dist/build/schemas/shadowToken.js CHANGED
@@ -17,6 +17,10 @@ export const shadowValue = z
17
17
  inset: z.boolean().optional(),
18
18
  })
19
19
  .strict();
20
+ const baseShadowToken = baseToken.extend({
21
+ $value: z.union([shadowValue, referenceValue, z.array(shadowValue)]),
22
+ });
23
+ const override = z.union([referenceValue, baseShadowToken]).optional();
20
24
  export const shadowToken = baseToken
21
25
  .extend({
22
26
  $value: z.union([shadowValue, z.array(shadowValue), referenceValue]),
@@ -40,6 +44,29 @@ export const shadowToken = baseToken
40
44
  group: z.string().optional(),
41
45
  })
42
46
  .strict(),
47
+ 'org.primer.overrides': z
48
+ .object({
49
+ light: override,
50
+ 'light-tritanopia': override,
51
+ 'light-protanopia-deuteranopia': override,
52
+ 'light-high-contrast': override,
53
+ dark: override,
54
+ 'dark-tritanopia': override,
55
+ 'dark-protanopia-deuteranopia': override,
56
+ 'dark-high-contrast': override,
57
+ 'dark-dimmed': override,
58
+ }, {
59
+ errorMap: e => {
60
+ if (e.code === 'unrecognized_keys') {
61
+ return {
62
+ message: `Unrecognized key: "${e.keys.join(', ')}", must be one of: light, light-tritanopia, light-protanopia-deuteranopia, light-high-contrast, dark, dark-tritanopia, dark-protanopia-deuteranopia, dark-high-contrast, dark-dimmed`,
63
+ };
64
+ }
65
+ return { message: `Error: ${e.code}` };
66
+ },
67
+ })
68
+ .strict()
69
+ .optional(),
43
70
  })
44
71
  .optional(),
45
72
  })
package/dist/css/base/motion/motion.css CHANGED
@@ -5,6 +5,7 @@
5
5
  --base-duration-200: 200ms;
6
6
  --base-duration-300: 300ms;
7
7
  --base-duration-400: 400ms;
8
+ --base-duration-50: 50ms;
8
9
  --base-duration-500: 500ms;
9
10
  --base-duration-600: 600ms;
10
11
  --base-duration-700: 700ms;
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -135,6 +135,24 @@
135
135
  --color-prettylights-syntax-string-regexp: #a5d6ff;
136
136
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
137
137
  --color-prettylights-syntax-variable: #ffa657;
138
+ --contribution-default-bgColor-0: #151b23;
139
+ --contribution-default-bgColor-1: #033a16;
140
+ --contribution-default-bgColor-2: #196c2e;
141
+ --contribution-default-bgColor-3: #2ea043;
142
+ --contribution-default-bgColor-4: #56d364;
143
+ --contribution-default-borderColor-0: #ffffff0d;
144
+ --contribution-default-borderColor-1: #ffffff0d;
145
+ --contribution-default-borderColor-2: #ffffff0d;
146
+ --contribution-default-borderColor-3: #ffffff0d;
147
+ --contribution-default-borderColor-4: #ffffff0d;
148
+ --contribution-halloween-bgColor-1: #fac68f;
149
+ --contribution-halloween-bgColor-2: #c46212;
150
+ --contribution-halloween-bgColor-3: #984b10;
151
+ --contribution-halloween-bgColor-4: #e3d04f;
152
+ --contribution-winter-bgColor-1: #0c2d6b;
153
+ --contribution-winter-bgColor-2: #1158c7;
154
+ --contribution-winter-bgColor-3: #58a6ff;
155
+ --contribution-winter-bgColor-4: #cae8ff;
138
156
  --control-bgColor-active: #2a313c;
139
157
  --control-bgColor-hover: #262c36;
140
158
  --control-bgColor-rest: #212830;
@@ -603,7 +621,7 @@
603
621
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
604
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
605
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
606
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
607
625
  }
608
626
  @media (prefers-color-scheme: dark) {
609
627
  [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
@@ -741,6 +759,24 @@
741
759
  --color-prettylights-syntax-string-regexp: #a5d6ff;
742
760
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
743
761
  --color-prettylights-syntax-variable: #ffa657;
762
+ --contribution-default-bgColor-0: #151b23;
763
+ --contribution-default-bgColor-1: #033a16;
764
+ --contribution-default-bgColor-2: #196c2e;
765
+ --contribution-default-bgColor-3: #2ea043;
766
+ --contribution-default-bgColor-4: #56d364;
767
+ --contribution-default-borderColor-0: #ffffff0d;
768
+ --contribution-default-borderColor-1: #ffffff0d;
769
+ --contribution-default-borderColor-2: #ffffff0d;
770
+ --contribution-default-borderColor-3: #ffffff0d;
771
+ --contribution-default-borderColor-4: #ffffff0d;
772
+ --contribution-halloween-bgColor-1: #fac68f;
773
+ --contribution-halloween-bgColor-2: #c46212;
774
+ --contribution-halloween-bgColor-3: #984b10;
775
+ --contribution-halloween-bgColor-4: #e3d04f;
776
+ --contribution-winter-bgColor-1: #0c2d6b;
777
+ --contribution-winter-bgColor-2: #1158c7;
778
+ --contribution-winter-bgColor-3: #58a6ff;
779
+ --contribution-winter-bgColor-4: #cae8ff;
744
780
  --control-bgColor-active: #2a313c;
745
781
  --control-bgColor-hover: #262c36;
746
782
  --control-bgColor-rest: #212830;
@@ -1209,6 +1245,6 @@
1209
1245
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1210
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1211
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1212
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1213
1249
  }
1214
1250
  }
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -144,6 +144,24 @@
144
144
  --color-prettylights-syntax-string-regexp: #8ddb8c;
145
145
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
146
146
  --color-prettylights-syntax-variable: #f69d50;
147
+ --contribution-default-bgColor-0: #2a313c;
148
+ --contribution-default-bgColor-1: #1b4721;
149
+ --contribution-default-bgColor-2: #2b6a30;
150
+ --contribution-default-bgColor-3: #46954a;
151
+ --contribution-default-bgColor-4: #6bc46d;
152
+ --contribution-default-borderColor-0: #cdd9e50d;
153
+ --contribution-default-borderColor-1: #cdd9e50d;
154
+ --contribution-default-borderColor-2: #cdd9e50d;
155
+ --contribution-default-borderColor-3: #cdd9e50d;
156
+ --contribution-default-borderColor-4: #cdd9e50d;
157
+ --contribution-halloween-bgColor-1: #fac68f;
158
+ --contribution-halloween-bgColor-2: #c46212;
159
+ --contribution-halloween-bgColor-3: #984b10;
160
+ --contribution-halloween-bgColor-4: #e3d04f;
161
+ --contribution-winter-bgColor-1: #143d79;
162
+ --contribution-winter-bgColor-2: #255ab2;
163
+ --contribution-winter-bgColor-3: #539bf5;
164
+ --contribution-winter-bgColor-4: #c6e6ff;
147
165
  --control-bgColor-active: #3d444d;
148
166
  --control-bgColor-hover: #2f3742;
149
167
  --control-bgColor-rest: #2a313c;
@@ -603,7 +621,7 @@
603
621
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
604
622
  --focus-outline: 2px solid #316dca;
605
623
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
606
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
607
625
  }
608
626
  @media (prefers-color-scheme: dark) {
609
627
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
@@ -750,6 +768,24 @@
750
768
  --color-prettylights-syntax-string-regexp: #8ddb8c;
751
769
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
752
770
  --color-prettylights-syntax-variable: #f69d50;
771
+ --contribution-default-bgColor-0: #2a313c;
772
+ --contribution-default-bgColor-1: #1b4721;
773
+ --contribution-default-bgColor-2: #2b6a30;
774
+ --contribution-default-bgColor-3: #46954a;
775
+ --contribution-default-bgColor-4: #6bc46d;
776
+ --contribution-default-borderColor-0: #cdd9e50d;
777
+ --contribution-default-borderColor-1: #cdd9e50d;
778
+ --contribution-default-borderColor-2: #cdd9e50d;
779
+ --contribution-default-borderColor-3: #cdd9e50d;
780
+ --contribution-default-borderColor-4: #cdd9e50d;
781
+ --contribution-halloween-bgColor-1: #fac68f;
782
+ --contribution-halloween-bgColor-2: #c46212;
783
+ --contribution-halloween-bgColor-3: #984b10;
784
+ --contribution-halloween-bgColor-4: #e3d04f;
785
+ --contribution-winter-bgColor-1: #143d79;
786
+ --contribution-winter-bgColor-2: #255ab2;
787
+ --contribution-winter-bgColor-3: #539bf5;
788
+ --contribution-winter-bgColor-4: #c6e6ff;
753
789
  --control-bgColor-active: #3d444d;
754
790
  --control-bgColor-hover: #2f3742;
755
791
  --control-bgColor-rest: #2a313c;
@@ -1209,6 +1245,6 @@
1209
1245
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1210
1246
  --focus-outline: 2px solid #316dca;
1211
1247
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1212
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1213
1249
  }
1214
1250
  }
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -140,6 +140,24 @@
140
140
  --color-prettylights-syntax-string-regexp: #72f088;
141
141
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
142
142
  --color-prettylights-syntax-variable: #ffb757;
143
+ --contribution-default-bgColor-0: #212830;
144
+ --contribution-default-bgColor-1: #007728;
145
+ --contribution-default-bgColor-2: #02a232;
146
+ --contribution-default-bgColor-3: #0ac740;
147
+ --contribution-default-bgColor-4: #4ae168;
148
+ --contribution-default-borderColor-0: #ffffff;
149
+ --contribution-default-borderColor-1: #ffffff;
150
+ --contribution-default-borderColor-2: #ffffff;
151
+ --contribution-default-borderColor-3: #ffffff;
152
+ --contribution-default-borderColor-4: #ffffff;
153
+ --contribution-halloween-bgColor-1: #fac68f;
154
+ --contribution-halloween-bgColor-2: #c46212;
155
+ --contribution-halloween-bgColor-3: #984b10;
156
+ --contribution-halloween-bgColor-4: #e3d04f;
157
+ --contribution-winter-bgColor-1: #1e60d5;
158
+ --contribution-winter-bgColor-2: #318bf8;
159
+ --contribution-winter-bgColor-3: #71b7ff;
160
+ --contribution-winter-bgColor-4: #caeaff;
143
161
  --control-bgColor-active: #2f3742;
144
162
  --control-bgColor-hover: #2a313c;
145
163
  --control-bgColor-rest: #262c36;
@@ -603,7 +621,7 @@
603
621
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
604
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
605
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
606
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
607
625
  }
608
626
  @media (prefers-color-scheme: dark) {
609
627
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -746,6 +764,24 @@
746
764
  --color-prettylights-syntax-string-regexp: #72f088;
747
765
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
748
766
  --color-prettylights-syntax-variable: #ffb757;
767
+ --contribution-default-bgColor-0: #212830;
768
+ --contribution-default-bgColor-1: #007728;
769
+ --contribution-default-bgColor-2: #02a232;
770
+ --contribution-default-bgColor-3: #0ac740;
771
+ --contribution-default-bgColor-4: #4ae168;
772
+ --contribution-default-borderColor-0: #ffffff;
773
+ --contribution-default-borderColor-1: #ffffff;
774
+ --contribution-default-borderColor-2: #ffffff;
775
+ --contribution-default-borderColor-3: #ffffff;
776
+ --contribution-default-borderColor-4: #ffffff;
777
+ --contribution-halloween-bgColor-1: #fac68f;
778
+ --contribution-halloween-bgColor-2: #c46212;
779
+ --contribution-halloween-bgColor-3: #984b10;
780
+ --contribution-halloween-bgColor-4: #e3d04f;
781
+ --contribution-winter-bgColor-1: #1e60d5;
782
+ --contribution-winter-bgColor-2: #318bf8;
783
+ --contribution-winter-bgColor-3: #71b7ff;
784
+ --contribution-winter-bgColor-4: #caeaff;
749
785
  --control-bgColor-active: #2f3742;
750
786
  --control-bgColor-hover: #2a313c;
751
787
  --control-bgColor-rest: #262c36;
@@ -1209,6 +1245,6 @@
1209
1245
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1210
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1211
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1212
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1213
1249
  }
1214
1250
  }
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -138,6 +138,24 @@
138
138
  --color-prettylights-syntax-string-regexp: #a5d6ff;
139
139
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
140
140
  --color-prettylights-syntax-variable: #ffa198;
141
+ --contribution-default-bgColor-0: #151b23;
142
+ --contribution-default-bgColor-1: #033a16;
143
+ --contribution-default-bgColor-2: #196c2e;
144
+ --contribution-default-bgColor-3: #2ea043;
145
+ --contribution-default-bgColor-4: #56d364;
146
+ --contribution-default-borderColor-0: #ffffff0d;
147
+ --contribution-default-borderColor-1: #ffffff0d;
148
+ --contribution-default-borderColor-2: #ffffff0d;
149
+ --contribution-default-borderColor-3: #ffffff0d;
150
+ --contribution-default-borderColor-4: #ffffff0d;
151
+ --contribution-halloween-bgColor-1: #fac68f;
152
+ --contribution-halloween-bgColor-2: #c46212;
153
+ --contribution-halloween-bgColor-3: #984b10;
154
+ --contribution-halloween-bgColor-4: #e3d04f;
155
+ --contribution-winter-bgColor-1: #0c2d6b;
156
+ --contribution-winter-bgColor-2: #1158c7;
157
+ --contribution-winter-bgColor-3: #58a6ff;
158
+ --contribution-winter-bgColor-4: #cae8ff;
141
159
  --control-bgColor-active: #2a313c;
142
160
  --control-bgColor-hover: #262c36;
143
161
  --control-bgColor-rest: #212830;
@@ -603,7 +621,7 @@
603
621
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
604
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
605
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
606
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
607
625
  }
608
626
  @media (prefers-color-scheme: dark) {
609
627
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -744,6 +762,24 @@
744
762
  --color-prettylights-syntax-string-regexp: #a5d6ff;
745
763
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
746
764
  --color-prettylights-syntax-variable: #ffa198;
765
+ --contribution-default-bgColor-0: #151b23;
766
+ --contribution-default-bgColor-1: #033a16;
767
+ --contribution-default-bgColor-2: #196c2e;
768
+ --contribution-default-bgColor-3: #2ea043;
769
+ --contribution-default-bgColor-4: #56d364;
770
+ --contribution-default-borderColor-0: #ffffff0d;
771
+ --contribution-default-borderColor-1: #ffffff0d;
772
+ --contribution-default-borderColor-2: #ffffff0d;
773
+ --contribution-default-borderColor-3: #ffffff0d;
774
+ --contribution-default-borderColor-4: #ffffff0d;
775
+ --contribution-halloween-bgColor-1: #fac68f;
776
+ --contribution-halloween-bgColor-2: #c46212;
777
+ --contribution-halloween-bgColor-3: #984b10;
778
+ --contribution-halloween-bgColor-4: #e3d04f;
779
+ --contribution-winter-bgColor-1: #0c2d6b;
780
+ --contribution-winter-bgColor-2: #1158c7;
781
+ --contribution-winter-bgColor-3: #58a6ff;
782
+ --contribution-winter-bgColor-4: #cae8ff;
747
783
  --control-bgColor-active: #2a313c;
748
784
  --control-bgColor-hover: #262c36;
749
785
  --control-bgColor-rest: #212830;
@@ -1209,6 +1245,6 @@
1209
1245
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1210
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1211
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1212
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1213
1249
  }
1214
1250
  }
package/dist/css/functional/themes/dark.css CHANGED
@@ -132,6 +132,24 @@
132
132
  --color-prettylights-syntax-string-regexp: #7ee787;
133
133
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
134
134
  --color-prettylights-syntax-variable: #ffa657;
135
+ --contribution-default-bgColor-0: #151b23;
136
+ --contribution-default-bgColor-1: #033a16;
137
+ --contribution-default-bgColor-2: #196c2e;
138
+ --contribution-default-bgColor-3: #2ea043;
139
+ --contribution-default-bgColor-4: #56d364;
140
+ --contribution-default-borderColor-0: #ffffff0d;
141
+ --contribution-default-borderColor-1: #ffffff0d;
142
+ --contribution-default-borderColor-2: #ffffff0d;
143
+ --contribution-default-borderColor-3: #ffffff0d;
144
+ --contribution-default-borderColor-4: #ffffff0d;
145
+ --contribution-halloween-bgColor-1: #fac68f;
146
+ --contribution-halloween-bgColor-2: #c46212;
147
+ --contribution-halloween-bgColor-3: #984b10;
148
+ --contribution-halloween-bgColor-4: #e3d04f;
149
+ --contribution-winter-bgColor-1: #0c2d6b;
150
+ --contribution-winter-bgColor-2: #1158c7;
151
+ --contribution-winter-bgColor-3: #58a6ff;
152
+ --contribution-winter-bgColor-4: #cae8ff;
135
153
  --control-bgColor-active: #2a313c;
136
154
  --control-bgColor-hover: #262c36;
137
155
  --control-bgColor-rest: #212830;
@@ -603,7 +621,7 @@
603
621
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
604
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
605
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
606
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
607
625
  }
608
626
  @media (prefers-color-scheme: dark) {
609
627
  [data-color-mode="auto"][data-dark-theme="dark"],
@@ -738,6 +756,24 @@
738
756
  --color-prettylights-syntax-string-regexp: #7ee787;
739
757
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
740
758
  --color-prettylights-syntax-variable: #ffa657;
759
+ --contribution-default-bgColor-0: #151b23;
760
+ --contribution-default-bgColor-1: #033a16;
761
+ --contribution-default-bgColor-2: #196c2e;
762
+ --contribution-default-bgColor-3: #2ea043;
763
+ --contribution-default-bgColor-4: #56d364;
764
+ --contribution-default-borderColor-0: #ffffff0d;
765
+ --contribution-default-borderColor-1: #ffffff0d;
766
+ --contribution-default-borderColor-2: #ffffff0d;
767
+ --contribution-default-borderColor-3: #ffffff0d;
768
+ --contribution-default-borderColor-4: #ffffff0d;
769
+ --contribution-halloween-bgColor-1: #fac68f;
770
+ --contribution-halloween-bgColor-2: #c46212;
771
+ --contribution-halloween-bgColor-3: #984b10;
772
+ --contribution-halloween-bgColor-4: #e3d04f;
773
+ --contribution-winter-bgColor-1: #0c2d6b;
774
+ --contribution-winter-bgColor-2: #1158c7;
775
+ --contribution-winter-bgColor-3: #58a6ff;
776
+ --contribution-winter-bgColor-4: #cae8ff;
741
777
  --control-bgColor-active: #2a313c;
742
778
  --control-bgColor-hover: #262c36;
743
779
  --control-bgColor-rest: #212830;
@@ -1209,6 +1245,6 @@
1209
1245
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1210
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1211
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1212
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1213
1249
  }
1214
1250
  }
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -119,6 +119,24 @@
119
119
  --color-prettylights-syntax-string-regexp: #0550ae;
120
120
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
121
121
  --color-prettylights-syntax-variable: #953800;
122
+ --contribution-default-bgColor-0: #eff2f5;
123
+ --contribution-default-bgColor-1: #aceebb;
124
+ --contribution-default-bgColor-2: #4ac26b;
125
+ --contribution-default-bgColor-3: #2da44e;
126
+ --contribution-default-bgColor-4: #116329;
127
+ --contribution-default-borderColor-0: #1f23280d;
128
+ --contribution-default-borderColor-1: #1f23280d;
129
+ --contribution-default-borderColor-2: #1f23280d;
130
+ --contribution-default-borderColor-3: #1f23280d;
131
+ --contribution-default-borderColor-4: #1f23280d;
132
+ --contribution-halloween-bgColor-1: #f0db3d;
133
+ --contribution-halloween-bgColor-2: #ffd642;
134
+ --contribution-halloween-bgColor-3: #f68c41;
135
+ --contribution-halloween-bgColor-4: #1f2328;
136
+ --contribution-winter-bgColor-1: #b6e3ff;
137
+ --contribution-winter-bgColor-2: #54aeff;
138
+ --contribution-winter-bgColor-3: #0969da;
139
+ --contribution-winter-bgColor-4: #0a3069;
122
140
  --control-bgColor-active: #e6eaef;
123
141
  --control-bgColor-hover: #eff2f5;
124
142
  --control-bgColor-rest: #f6f8fa;
@@ -556,7 +574,6 @@
556
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
557
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
558
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
559
- --button-default-borderColor-hover: var(--control-borderColor-rest);
560
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
561
578
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
562
579
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -598,6 +615,7 @@
598
615
  --underlineNav-borderColor-hover: var(--borderColor-muted);
599
616
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
600
617
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
618
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
601
619
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
602
620
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
603
621
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -725,6 +743,24 @@
725
743
  --color-prettylights-syntax-string-regexp: #0550ae;
726
744
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
727
745
  --color-prettylights-syntax-variable: #953800;
746
+ --contribution-default-bgColor-0: #eff2f5;
747
+ --contribution-default-bgColor-1: #aceebb;
748
+ --contribution-default-bgColor-2: #4ac26b;
749
+ --contribution-default-bgColor-3: #2da44e;
750
+ --contribution-default-bgColor-4: #116329;
751
+ --contribution-default-borderColor-0: #1f23280d;
752
+ --contribution-default-borderColor-1: #1f23280d;
753
+ --contribution-default-borderColor-2: #1f23280d;
754
+ --contribution-default-borderColor-3: #1f23280d;
755
+ --contribution-default-borderColor-4: #1f23280d;
756
+ --contribution-halloween-bgColor-1: #f0db3d;
757
+ --contribution-halloween-bgColor-2: #ffd642;
758
+ --contribution-halloween-bgColor-3: #f68c41;
759
+ --contribution-halloween-bgColor-4: #1f2328;
760
+ --contribution-winter-bgColor-1: #b6e3ff;
761
+ --contribution-winter-bgColor-2: #54aeff;
762
+ --contribution-winter-bgColor-3: #0969da;
763
+ --contribution-winter-bgColor-4: #0a3069;
728
764
  --control-bgColor-active: #e6eaef;
729
765
  --control-bgColor-hover: #eff2f5;
730
766
  --control-bgColor-rest: #f6f8fa;
@@ -1162,7 +1198,6 @@
1162
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1163
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1164
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1165
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1166
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1167
1202
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1168
1203
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1204,6 +1239,7 @@
1204
1239
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1205
1240
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1206
1241
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1242
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1207
1243
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1208
1244
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1209
1245
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -125,6 +125,24 @@
125
125
  --color-prettylights-syntax-string-regexp: #024c1a;
126
126
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
127
127
  --color-prettylights-syntax-variable: #702c00;
128
+ --contribution-default-bgColor-0: #e6eaef;
129
+ --contribution-default-bgColor-1: #82e596;
130
+ --contribution-default-bgColor-2: #26a148;
131
+ --contribution-default-bgColor-3: #117f32;
132
+ --contribution-default-bgColor-4: #024c1a;
133
+ --contribution-default-borderColor-0: #010409;
134
+ --contribution-default-borderColor-1: #010409;
135
+ --contribution-default-borderColor-2: #010409;
136
+ --contribution-default-borderColor-3: #010409;
137
+ --contribution-default-borderColor-4: #010409;
138
+ --contribution-halloween-bgColor-1: #f0db3d;
139
+ --contribution-halloween-bgColor-2: #ffd642;
140
+ --contribution-halloween-bgColor-3: #f68c41;
141
+ --contribution-halloween-bgColor-4: #010409;
142
+ --contribution-winter-bgColor-1: #9cd7ff;
143
+ --contribution-winter-bgColor-2: #368cf9;
144
+ --contribution-winter-bgColor-3: #0349b4;
145
+ --contribution-winter-bgColor-4: #032563;
128
146
  --control-bgColor-active: #d1d9e0;
129
147
  --control-bgColor-hover: #dae0e7;
130
148
  --control-bgColor-rest: #e0e6eb;
@@ -556,7 +574,6 @@
556
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
557
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
558
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
559
- --button-default-borderColor-hover: var(--control-borderColor-rest);
560
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
561
578
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
562
579
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -603,6 +620,7 @@
603
620
  --tooltip-fgColor: var(--fgColor-onEmphasis);
604
621
  --underlineNav-borderColor-hover: var(--borderColor-muted);
605
622
  --border-neutral-muted: 0.0625rem solid #454c54;
623
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
606
624
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
607
625
  }
608
626
  @media (prefers-color-scheme: dark) {
@@ -731,6 +749,24 @@
731
749
  --color-prettylights-syntax-string-regexp: #024c1a;
732
750
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
733
751
  --color-prettylights-syntax-variable: #702c00;
752
+ --contribution-default-bgColor-0: #e6eaef;
753
+ --contribution-default-bgColor-1: #82e596;
754
+ --contribution-default-bgColor-2: #26a148;
755
+ --contribution-default-bgColor-3: #117f32;
756
+ --contribution-default-bgColor-4: #024c1a;
757
+ --contribution-default-borderColor-0: #010409;
758
+ --contribution-default-borderColor-1: #010409;
759
+ --contribution-default-borderColor-2: #010409;
760
+ --contribution-default-borderColor-3: #010409;
761
+ --contribution-default-borderColor-4: #010409;
762
+ --contribution-halloween-bgColor-1: #f0db3d;
763
+ --contribution-halloween-bgColor-2: #ffd642;
764
+ --contribution-halloween-bgColor-3: #f68c41;
765
+ --contribution-halloween-bgColor-4: #010409;
766
+ --contribution-winter-bgColor-1: #9cd7ff;
767
+ --contribution-winter-bgColor-2: #368cf9;
768
+ --contribution-winter-bgColor-3: #0349b4;
769
+ --contribution-winter-bgColor-4: #032563;
734
770
  --control-bgColor-active: #d1d9e0;
735
771
  --control-bgColor-hover: #dae0e7;
736
772
  --control-bgColor-rest: #e0e6eb;
@@ -1162,7 +1198,6 @@
1162
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1163
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1164
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1165
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1166
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1167
1202
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1168
1203
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1209,6 +1244,7 @@
1209
1244
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1210
1245
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1211
1246
  --border-neutral-muted: 0.0625rem solid #454c54;
1247
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1212
1248
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1213
1249
  }
1214
1250
  }
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -124,6 +124,24 @@
124
124
  --color-prettylights-syntax-string-regexp: #0550ae;
125
125
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
126
126
  --color-prettylights-syntax-variable: #a40e26;
127
+ --contribution-default-bgColor-0: #eff2f5;
128
+ --contribution-default-bgColor-1: #aceebb;
129
+ --contribution-default-bgColor-2: #4ac26b;
130
+ --contribution-default-bgColor-3: #2da44e;
131
+ --contribution-default-bgColor-4: #116329;
132
+ --contribution-default-borderColor-0: #1f23280d;
133
+ --contribution-default-borderColor-1: #1f23280d;
134
+ --contribution-default-borderColor-2: #1f23280d;
135
+ --contribution-default-borderColor-3: #1f23280d;
136
+ --contribution-default-borderColor-4: #1f23280d;
137
+ --contribution-halloween-bgColor-1: #f0db3d;
138
+ --contribution-halloween-bgColor-2: #ffd642;
139
+ --contribution-halloween-bgColor-3: #f68c41;
140
+ --contribution-halloween-bgColor-4: #1f2328;
141
+ --contribution-winter-bgColor-1: #b6e3ff;
142
+ --contribution-winter-bgColor-2: #54aeff;
143
+ --contribution-winter-bgColor-3: #0969da;
144
+ --contribution-winter-bgColor-4: #0a3069;
127
145
  --control-bgColor-active: #e6eaef;
128
146
  --control-bgColor-hover: #eff2f5;
129
147
  --control-bgColor-rest: #f6f8fa;
@@ -556,7 +574,6 @@
556
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
557
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
558
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
559
- --button-default-borderColor-hover: var(--control-borderColor-rest);
560
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
561
578
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
562
579
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -598,6 +615,7 @@
598
615
  --underlineNav-borderColor-hover: var(--borderColor-muted);
599
616
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
600
617
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
618
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
601
619
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
602
620
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
603
621
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -730,6 +748,24 @@
730
748
  --color-prettylights-syntax-string-regexp: #0550ae;
731
749
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
732
750
  --color-prettylights-syntax-variable: #a40e26;
751
+ --contribution-default-bgColor-0: #eff2f5;
752
+ --contribution-default-bgColor-1: #aceebb;
753
+ --contribution-default-bgColor-2: #4ac26b;
754
+ --contribution-default-bgColor-3: #2da44e;
755
+ --contribution-default-bgColor-4: #116329;
756
+ --contribution-default-borderColor-0: #1f23280d;
757
+ --contribution-default-borderColor-1: #1f23280d;
758
+ --contribution-default-borderColor-2: #1f23280d;
759
+ --contribution-default-borderColor-3: #1f23280d;
760
+ --contribution-default-borderColor-4: #1f23280d;
761
+ --contribution-halloween-bgColor-1: #f0db3d;
762
+ --contribution-halloween-bgColor-2: #ffd642;
763
+ --contribution-halloween-bgColor-3: #f68c41;
764
+ --contribution-halloween-bgColor-4: #1f2328;
765
+ --contribution-winter-bgColor-1: #b6e3ff;
766
+ --contribution-winter-bgColor-2: #54aeff;
767
+ --contribution-winter-bgColor-3: #0969da;
768
+ --contribution-winter-bgColor-4: #0a3069;
733
769
  --control-bgColor-active: #e6eaef;
734
770
  --control-bgColor-hover: #eff2f5;
735
771
  --control-bgColor-rest: #f6f8fa;
@@ -1162,7 +1198,6 @@
1162
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1163
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1164
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1165
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1166
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1167
1202
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1168
1203
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1204,6 +1239,7 @@
1204
1239
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1205
1240
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1206
1241
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1242
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1207
1243
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1208
1244
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1209
1245
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;