@primer/primitives 10.4.0-rc.e41ed5ed → 10.4.0-rc.eab36abe

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 (96) 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 +2 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  8. package/dist/css/functional/themes/dark.css +2 -2
  9. package/dist/css/functional/themes/light-colorblind.css +2 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  12. package/dist/css/functional/themes/light.css +2 -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 +9685 -465
  16. package/dist/docs/functional/themes/dark-dimmed.json +9811 -547
  17. package/dist/docs/functional/themes/dark-high-contrast.json +10869 -627
  18. package/dist/docs/functional/themes/dark-tritanopia.json +9577 -475
  19. package/dist/docs/functional/themes/dark.json +9311 -469
  20. package/dist/docs/functional/themes/light-colorblind.json +9630 -458
  21. package/dist/docs/functional/themes/light-high-contrast.json +10860 -690
  22. package/dist/docs/functional/themes/light-tritanopia.json +9543 -489
  23. package/dist/docs/functional/themes/light.json +9307 -439
  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 +5060 -4813
  27. package/dist/figma/themes/dark-dimmed.json +5049 -4695
  28. package/dist/figma/themes/dark-high-contrast.json +6050 -4558
  29. package/dist/figma/themes/dark-tritanopia.json +5065 -4932
  30. package/dist/figma/themes/dark.json +4775 -4891
  31. package/dist/figma/themes/light-colorblind.json +5026 -4742
  32. package/dist/figma/themes/light-high-contrast.json +6075 -4592
  33. package/dist/figma/themes/light-tritanopia.json +5084 -4911
  34. package/dist/figma/themes/light.json +5230 -5230
  35. package/dist/internalCss/dark-colorblind.css +2 -2
  36. package/dist/internalCss/dark-dimmed.css +2 -2
  37. package/dist/internalCss/dark-high-contrast.css +2 -2
  38. package/dist/internalCss/dark-tritanopia.css +2 -2
  39. package/dist/internalCss/dark.css +2 -2
  40. package/dist/internalCss/light-colorblind.css +2 -2
  41. package/dist/internalCss/light-high-contrast.css +2 -2
  42. package/dist/internalCss/light-tritanopia.css +2 -2
  43. package/dist/internalCss/light.css +2 -2
  44. package/dist/styleLint/base/motion/motion.json +14 -0
  45. package/dist/styleLint/functional/themes/dark-colorblind.json +9685 -465
  46. package/dist/styleLint/functional/themes/dark-dimmed.json +9811 -547
  47. package/dist/styleLint/functional/themes/dark-high-contrast.json +10869 -627
  48. package/dist/styleLint/functional/themes/dark-tritanopia.json +9577 -475
  49. package/dist/styleLint/functional/themes/dark.json +9311 -469
  50. package/dist/styleLint/functional/themes/light-colorblind.json +9630 -458
  51. package/dist/styleLint/functional/themes/light-high-contrast.json +10853 -683
  52. package/dist/styleLint/functional/themes/light-tritanopia.json +9543 -489
  53. package/dist/styleLint/functional/themes/light.json +9307 -439
  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/header.json5 +3 -0
  59. package/src/tokens/component/label.json5 +1942 -0
  60. package/src/tokens/component/menu.json5 +24 -0
  61. package/src/tokens/component/selectMenu.json5 +38 -0
  62. package/src/tokens/component/sideNav.json5 +22 -0
  63. package/src/tokens/component/treeView.json5 +24 -0
  64. package/src/tokens/component/underlineNav.json5 +56 -0
  65. package/src/tokens/functional/color/control.json5 +1087 -0
  66. package/src/tokens/functional/color/display.json5 +2170 -0
  67. package/src/tokens/functional/color/selection.json5 +22 -0
  68. package/src/tokens/functional/color/syntax.json5 +256 -210
  69. package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
  70. package/dist/css/functional/motion/motion.css +0 -6
  71. package/dist/docs/functional/motion/motion.json +0 -66
  72. package/dist/fallbacks/functional/motion/motion.json +0 -6
  73. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  74. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  75. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  76. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  77. package/dist/figma/shadows/dark.json +0 -1152
  78. package/dist/figma/shadows/light-colorblind.json +0 -1052
  79. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  80. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  81. package/dist/figma/shadows/light.json +0 -1052
  82. package/dist/styleLint/functional/motion/motion.json +0 -66
  83. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  84. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  85. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  86. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -145
  87. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -97
  88. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  89. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  90. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  91. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -145
  92. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -87
  93. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  94. package/src/tokens/functional/motion/loading.json5 +0 -17
  95. package/src/tokens/functional/motion/patterns.json5 +0 -35
  96. 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
@@ -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-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: 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-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -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-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: 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-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -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-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: 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-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -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-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: 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-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
package/dist/css/functional/themes/dark.css CHANGED
@@ -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-selected: var(--button-outline-borderColor-hover);
624
+ --button-outline-borderColor-active: 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-selected: var(--button-outline-borderColor-hover);
1248
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1249
1249
  }
1250
1250
  }
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -574,7 +574,6 @@
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);
578
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
579
578
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
580
579
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -616,6 +615,7 @@
616
615
  --underlineNav-borderColor-hover: var(--borderColor-muted);
617
616
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
618
617
  --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,7 +1198,6 @@
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);
1202
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1203
1202
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1204
1203
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1240,6 +1239,7 @@
1240
1239
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1241
1240
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1242
1241
  --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;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -574,7 +574,6 @@
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);
578
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
579
578
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
580
579
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -621,6 +620,7 @@
621
620
  --tooltip-fgColor: var(--fgColor-onEmphasis);
622
621
  --underlineNav-borderColor-hover: var(--borderColor-muted);
623
622
  --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,7 +1198,6 @@
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);
1202
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1203
1202
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1204
1203
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1245,6 +1244,7 @@
1245
1244
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1246
1245
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1247
1246
  --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
  }
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -574,7 +574,6 @@
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);
578
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
579
578
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
580
579
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -616,6 +615,7 @@
616
615
  --underlineNav-borderColor-hover: var(--borderColor-muted);
617
616
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
618
617
  --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,7 +1198,6 @@
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);
1202
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1203
1202
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1204
1203
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1240,6 +1239,7 @@
1240
1239
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1241
1240
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1242
1241
  --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;
package/dist/css/functional/themes/light.css CHANGED
@@ -574,7 +574,6 @@
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);
578
577
  --button-default-borderColor-rest: var(--control-borderColor-rest);
579
578
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
580
579
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -616,6 +615,7 @@
616
615
  --underlineNav-borderColor-hover: var(--borderColor-muted);
617
616
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
618
617
  --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,7 +1198,6 @@
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);
1202
1201
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1203
1202
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1204
1203
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1240,6 +1239,7 @@
1240
1239
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1241
1240
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1242
1241
  --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;
package/dist/css/primitives.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;
@@ -42,12 +43,6 @@
42
43
  --base-text-weight-normal: 400;
43
44
  --base-text-weight-semibold: 600;
44
45
  }
45
- :root {
46
- --motion-loading-delay-default: var(--base-duration-1000); /* The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. */
47
- --motion-skeletonLoader-shimmer-duration-scale: var(--base-duration-1000); /* The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) */
48
- --motion-spinner-duration-rotation: var(--base-duration-1000); /* The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation */
49
- --motion-spinner-easing-rotation: var(--base-easing-linear); /* The easing curve for the "Spinner" loading indicator rotation */
50
- }
51
46
  :root {
52
47
  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
53
48
  --borderRadius-large: 0.75rem;
package/dist/docs/base/motion/motion.json CHANGED
@@ -83,6 +83,20 @@
83
83
  "value": "400ms",
84
84
  "type": "duration"
85
85
  },
86
+ "base-duration-50": {
87
+ "filePath": "src/tokens/base/motion/timing.json5",
88
+ "isSource": true,
89
+ "original": {
90
+ "$value": "50ms",
91
+ "$type": "duration"
92
+ },
93
+ "name": "base-duration-50",
94
+ "attributes": {},
95
+ "path": ["base", "duration", "50"],
96
+ "key": "{base.duration.50}",
97
+ "value": "50ms",
98
+ "type": "duration"
99
+ },
86
100
  "base-duration-500": {
87
101
  "filePath": "src/tokens/base/motion/timing.json5",
88
102
  "isSource": true,