@primer/primitives 10.4.0-rc.ea0a5a9d → 10.4.0-rc.fd8ac4c9

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 (83) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +0 -1992
  2. package/dist/build/schemas/shadowToken.js +0 -27
  3. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  4. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  7. package/dist/css/functional/themes/dark.css +2 -2
  8. package/dist/css/functional/themes/light-colorblind.css +2 -2
  9. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  10. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  11. package/dist/css/functional/themes/light.css +2 -2
  12. package/dist/docs/functional/themes/dark-colorblind.json +510 -9390
  13. package/dist/docs/functional/themes/dark-dimmed.json +633 -9809
  14. package/dist/docs/functional/themes/dark-high-contrast.json +4339 -14493
  15. package/dist/docs/functional/themes/dark-tritanopia.json +537 -9389
  16. package/dist/docs/functional/themes/dark.json +452 -9206
  17. package/dist/docs/functional/themes/light-colorblind.json +470 -9320
  18. package/dist/docs/functional/themes/light-high-contrast.json +3990 -14072
  19. package/dist/docs/functional/themes/light-tritanopia.json +470 -9292
  20. package/dist/docs/functional/themes/light.json +425 -9205
  21. package/dist/figma/figma.json +10 -1
  22. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  23. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  24. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  25. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  26. package/dist/figma/shadows/dark.json +1152 -0
  27. package/dist/figma/shadows/light-colorblind.json +1052 -0
  28. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  29. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  30. package/dist/figma/shadows/light.json +1052 -0
  31. package/dist/figma/themes/dark-colorblind.json +5047 -5070
  32. package/dist/figma/themes/dark-dimmed.json +4705 -5059
  33. package/dist/figma/themes/dark-high-contrast.json +4565 -6057
  34. package/dist/figma/themes/dark-tritanopia.json +5056 -5045
  35. package/dist/figma/themes/dark.json +4945 -4829
  36. package/dist/figma/themes/light-colorblind.json +4959 -5035
  37. package/dist/figma/themes/light-high-contrast.json +4601 -6084
  38. package/dist/figma/themes/light-tritanopia.json +4979 -5024
  39. package/dist/figma/themes/light.json +5223 -5223
  40. package/dist/internalCss/dark-colorblind.css +2 -2
  41. package/dist/internalCss/dark-dimmed.css +2 -2
  42. package/dist/internalCss/dark-high-contrast.css +2 -2
  43. package/dist/internalCss/dark-tritanopia.css +2 -2
  44. package/dist/internalCss/dark.css +2 -2
  45. package/dist/internalCss/light-colorblind.css +2 -2
  46. package/dist/internalCss/light-high-contrast.css +2 -2
  47. package/dist/internalCss/light-tritanopia.css +2 -2
  48. package/dist/internalCss/light.css +2 -2
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +510 -9390
  50. package/dist/styleLint/functional/themes/dark-dimmed.json +672 -9848
  51. package/dist/styleLint/functional/themes/dark-high-contrast.json +4339 -14493
  52. package/dist/styleLint/functional/themes/dark-tritanopia.json +537 -9389
  53. package/dist/styleLint/functional/themes/dark.json +452 -9206
  54. package/dist/styleLint/functional/themes/light-colorblind.json +470 -9320
  55. package/dist/styleLint/functional/themes/light-high-contrast.json +771 -10853
  56. package/dist/styleLint/functional/themes/light-tritanopia.json +470 -9292
  57. package/dist/styleLint/functional/themes/light.json +425 -9205
  58. package/package.json +1 -1
  59. package/src/tokens/component/avatar.json5 +0 -33
  60. package/src/tokens/component/header.json5 +0 -3
  61. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  62. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +199 -0
  63. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +618 -0
  64. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +65 -0
  65. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +47 -0
  66. package/src/tokens/functional/color/dark/patterns-dark.json5 +2589 -0
  67. package/src/tokens/functional/color/light/display-light.json5 +1163 -0
  68. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +581 -0
  69. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +69 -0
  70. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +41 -0
  71. package/src/tokens/functional/color/light/patterns-light.json5 +2583 -0
  72. package/src/tokens/functional/shadow/dark.json5 +369 -0
  73. package/src/tokens/functional/shadow/{shadow.json5 → light.json5} +120 -202
  74. package/src/tokens/component/button.json5 +0 -1714
  75. package/src/tokens/component/label.json5 +0 -1942
  76. package/src/tokens/component/menu.json5 +0 -24
  77. package/src/tokens/component/selectMenu.json5 +0 -38
  78. package/src/tokens/component/sideNav.json5 +0 -22
  79. package/src/tokens/component/treeView.json5 +0 -24
  80. package/src/tokens/component/underlineNav.json5 +0 -56
  81. package/src/tokens/functional/color/control.json5 +0 -1087
  82. package/src/tokens/functional/color/display.json5 +0 -2170
  83. package/src/tokens/functional/color/selection.json5 +0 -22
@@ -17,10 +17,6 @@ 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();
24
20
  export const shadowToken = baseToken
25
21
  .extend({
26
22
  $value: z.union([shadowValue, z.array(shadowValue), referenceValue]),
@@ -44,29 +40,6 @@ export const shadowToken = baseToken
44
40
  group: z.string().optional(),
45
41
  })
46
42
  .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(),
70
43
  })
71
44
  .optional(),
72
45
  })
@@ -621,7 +621,7 @@
621
621
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
622
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
623
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
624
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
625
625
  }
626
626
  @media (prefers-color-scheme: dark) {
627
627
  [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
@@ -1245,6 +1245,6 @@
1245
1245
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1246
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1247
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1248
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
@@ -621,7 +621,7 @@
621
621
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
622
622
  --focus-outline: 2px solid #316dca;
623
623
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
624
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
625
625
  }
626
626
  @media (prefers-color-scheme: dark) {
627
627
  [data-color-mode="auto"][data-dark-theme="dark_dimmed"],
@@ -1245,6 +1245,6 @@
1245
1245
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1246
1246
  --focus-outline: 2px solid #316dca;
1247
1247
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1248
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
@@ -621,7 +621,7 @@
621
621
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
622
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
623
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
624
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
625
625
  }
626
626
  @media (prefers-color-scheme: dark) {
627
627
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -1245,6 +1245,6 @@
1245
1245
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1246
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1247
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1248
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
@@ -621,7 +621,7 @@
621
621
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
622
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
623
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
624
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
625
625
  }
626
626
  @media (prefers-color-scheme: dark) {
627
627
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -1245,6 +1245,6 @@
1245
1245
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1246
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1247
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1248
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
@@ -621,7 +621,7 @@
621
621
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
622
622
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
623
623
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
624
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
625
625
  }
626
626
  @media (prefers-color-scheme: dark) {
627
627
  [data-color-mode="auto"][data-dark-theme="dark"],
@@ -1245,6 +1245,6 @@
1245
1245
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1246
1246
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1247
1247
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1248
- --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
@@ -574,6 +574,7 @@
574
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
575
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
576
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
577
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
577
578
  --button-default-borderColor-rest: var(--control-borderColor-rest);
578
579
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
579
580
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -615,7 +616,6 @@
615
616
  --underlineNav-borderColor-hover: var(--borderColor-muted);
616
617
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
617
618
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
618
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
619
619
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
620
620
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
621
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;
@@ -1198,6 +1198,7 @@
1198
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1199
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1200
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1201
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
1201
1202
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1202
1203
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1203
1204
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1239,7 +1240,6 @@
1239
1240
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1240
1241
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1241
1242
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1242
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1243
1243
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1244
1244
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1245
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;
@@ -574,6 +574,7 @@
574
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
575
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
576
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
577
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
577
578
  --button-default-borderColor-rest: var(--control-borderColor-rest);
578
579
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
579
580
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -620,7 +621,6 @@
620
621
  --tooltip-fgColor: var(--fgColor-onEmphasis);
621
622
  --underlineNav-borderColor-hover: var(--borderColor-muted);
622
623
  --border-neutral-muted: 0.0625rem solid #454c54;
623
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
624
624
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
625
625
  }
626
626
  @media (prefers-color-scheme: dark) {
@@ -1198,6 +1198,7 @@
1198
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1199
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1200
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1201
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
1201
1202
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1202
1203
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1203
1204
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1244,7 +1245,6 @@
1244
1245
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1245
1246
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1246
1247
  --border-neutral-muted: 0.0625rem solid #454c54;
1247
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1248
1248
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1249
1249
  }
1250
1250
  }
@@ -574,6 +574,7 @@
574
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
575
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
576
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
577
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
577
578
  --button-default-borderColor-rest: var(--control-borderColor-rest);
578
579
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
579
580
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -615,7 +616,6 @@
615
616
  --underlineNav-borderColor-hover: var(--borderColor-muted);
616
617
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
617
618
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
618
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
619
619
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
620
620
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
621
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;
@@ -1198,6 +1198,7 @@
1198
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1199
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1200
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1201
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
1201
1202
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1202
1203
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1203
1204
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1239,7 +1240,6 @@
1239
1240
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1240
1241
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1241
1242
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1242
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1243
1243
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1244
1244
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1245
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;
@@ -574,6 +574,7 @@
574
574
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
575
575
  --button-default-borderColor-active: var(--control-borderColor-rest);
576
576
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
577
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
577
578
  --button-default-borderColor-rest: var(--control-borderColor-rest);
578
579
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
579
580
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -615,7 +616,6 @@
615
616
  --underlineNav-borderColor-hover: var(--borderColor-muted);
616
617
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
617
618
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
618
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
619
619
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
620
620
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
621
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;
@@ -1198,6 +1198,7 @@
1198
1198
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1199
1199
  --button-default-borderColor-active: var(--control-borderColor-rest);
1200
1200
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1201
+ --button-default-borderColor-hover: var(--control-borderColor-rest);
1201
1202
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1202
1203
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1203
1204
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1239,7 +1240,6 @@
1239
1240
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1240
1241
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1241
1242
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1242
- --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1243
1243
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1244
1244
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1245
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;