@primer/primitives 7.15.11-rc.f758d573 → 7.15.12

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 (136) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +6 -4
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -8
  3. package/dist/css/functional/themes/dark-high-contrast.css +6 -4
  4. package/dist/css/functional/themes/dark-tritanopia.css +6 -4
  5. package/dist/css/functional/themes/dark.css +6 -4
  6. package/dist/css/functional/themes/light-colorblind.css +6 -4
  7. package/dist/css/functional/themes/light-high-contrast.css +8 -6
  8. package/dist/css/functional/themes/light-tritanopia.css +6 -4
  9. package/dist/css/functional/themes/light.css +6 -4
  10. package/dist/docs/functional/themes/dark-colorblind.json +52 -8
  11. package/dist/docs/functional/themes/dark-dimmed.json +54 -10
  12. package/dist/docs/functional/themes/dark-high-contrast.json +50 -6
  13. package/dist/docs/functional/themes/dark-tritanopia.json +52 -8
  14. package/dist/docs/functional/themes/dark.json +52 -8
  15. package/dist/docs/functional/themes/light-colorblind.json +38 -8
  16. package/dist/docs/functional/themes/light-high-contrast.json +41 -11
  17. package/dist/docs/functional/themes/light-tritanopia.json +38 -8
  18. package/dist/docs/functional/themes/light.json +38 -8
  19. package/dist/figma/shadows/dark-colorblind.json +100 -0
  20. package/dist/figma/shadows/dark-dimmed.json +100 -0
  21. package/dist/figma/shadows/dark-high-contrast.json +100 -0
  22. package/dist/figma/shadows/dark-tritanopia.json +100 -0
  23. package/dist/figma/shadows/dark.json +100 -0
  24. package/dist/figma/themes/dark-colorblind.json +106 -6
  25. package/dist/figma/themes/dark-dimmed.json +112 -12
  26. package/dist/figma/themes/dark-high-contrast.json +104 -4
  27. package/dist/figma/themes/dark-tritanopia.json +106 -6
  28. package/dist/figma/themes/dark.json +106 -6
  29. package/dist/figma/themes/light-colorblind.json +6 -6
  30. package/dist/figma/themes/light-high-contrast.json +11 -11
  31. package/dist/figma/themes/light-tritanopia.json +6 -6
  32. package/dist/figma/themes/light.json +6 -6
  33. package/dist/scss/functional/themes/dark-colorblind.scss +3 -2
  34. package/dist/scss/functional/themes/dark-dimmed.scss +5 -4
  35. package/dist/scss/functional/themes/dark-high-contrast.scss +3 -2
  36. package/dist/scss/functional/themes/dark-tritanopia.scss +3 -2
  37. package/dist/scss/functional/themes/dark.scss +3 -2
  38. package/dist/scss/functional/themes/light-colorblind.scss +3 -2
  39. package/dist/scss/functional/themes/light-high-contrast.scss +4 -3
  40. package/dist/scss/functional/themes/light-tritanopia.scss +3 -2
  41. package/dist/scss/functional/themes/light.scss +3 -2
  42. package/package.json +1 -1
  43. package/tokens-next-private/css/functional/themes/dark-colorblind.css +6 -4
  44. package/tokens-next-private/css/functional/themes/dark-dimmed.css +10 -8
  45. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +6 -4
  46. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +6 -4
  47. package/tokens-next-private/css/functional/themes/dark.css +6 -4
  48. package/tokens-next-private/css/functional/themes/light-colorblind.css +6 -4
  49. package/tokens-next-private/css/functional/themes/light-high-contrast.css +8 -6
  50. package/tokens-next-private/css/functional/themes/light-tritanopia.css +6 -4
  51. package/tokens-next-private/css/functional/themes/light.css +6 -4
  52. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +52 -8
  53. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +54 -10
  54. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +50 -6
  55. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +52 -8
  56. package/tokens-next-private/docs/functional/themes/dark.json +52 -8
  57. package/tokens-next-private/docs/functional/themes/light-colorblind.json +38 -8
  58. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +41 -11
  59. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +38 -8
  60. package/tokens-next-private/docs/functional/themes/light.json +38 -8
  61. package/tokens-next-private/figma/shadows/dark-colorblind.json +100 -0
  62. package/tokens-next-private/figma/shadows/dark-dimmed.json +100 -0
  63. package/tokens-next-private/figma/shadows/dark-high-contrast.json +100 -0
  64. package/tokens-next-private/figma/shadows/dark-tritanopia.json +100 -0
  65. package/tokens-next-private/figma/shadows/dark.json +100 -0
  66. package/tokens-next-private/figma/themes/dark-colorblind.json +106 -6
  67. package/tokens-next-private/figma/themes/dark-dimmed.json +112 -12
  68. package/tokens-next-private/figma/themes/dark-high-contrast.json +104 -4
  69. package/tokens-next-private/figma/themes/dark-tritanopia.json +106 -6
  70. package/tokens-next-private/figma/themes/dark.json +106 -6
  71. package/tokens-next-private/figma/themes/light-colorblind.json +6 -6
  72. package/tokens-next-private/figma/themes/light-high-contrast.json +11 -11
  73. package/tokens-next-private/figma/themes/light-tritanopia.json +6 -6
  74. package/tokens-next-private/figma/themes/light.json +6 -6
  75. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +3 -2
  76. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +5 -4
  77. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +3 -2
  78. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +3 -2
  79. package/tokens-next-private/scss/functional/themes/dark.scss +3 -2
  80. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +3 -2
  81. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +4 -3
  82. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +3 -2
  83. package/tokens-next-private/scss/functional/themes/light.scss +3 -2
  84. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  85. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  86. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  87. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  88. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  89. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  90. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  91. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  92. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  93. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  94. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  95. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  96. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  98. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  99. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  100. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  101. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  102. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  103. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  104. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  105. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  108. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  109. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  110. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  111. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  112. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  113. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  114. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  115. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  116. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  117. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  118. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  119. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  121. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  127. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/dist/figma/themes/light-high-contrast.json CHANGED
@@ -2380,7 +2380,7 @@
2380
2380
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2381
2381
  },
2382
2382
  {
2383
- "name": "button/inactive/bgColor/rest",
2383
+ "name": "button/inactive/bgColor",
2384
2384
  "value": {
2385
2385
  "r": 0.9058823529411765,
2386
2386
  "g": 0.9254901960784314,
@@ -2388,7 +2388,7 @@
2388
2388
  "a": 1
2389
2389
  },
2390
2390
  "type": "COLOR",
2391
- "refId": "mode/button/inactive/bgColor/rest",
2391
+ "refId": "mode/button/inactive/bgColor",
2392
2392
  "reference": "base/color/light-high-contrast/base/color/gray/1",
2393
2393
  "collection": "mode",
2394
2394
  "mode": "light high contrast",
@@ -2396,7 +2396,7 @@
2396
2396
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2397
2397
  },
2398
2398
  {
2399
- "name": "button/inactive/fgColor/rest",
2399
+ "name": "button/inactive/fgColor",
2400
2400
  "value": {
2401
2401
  "r": 0.29411764705882354,
2402
2402
  "g": 0.3254901960784314,
@@ -2404,7 +2404,7 @@
2404
2404
  "a": 1
2405
2405
  },
2406
2406
  "type": "COLOR",
2407
- "refId": "mode/button/inactive/fgColor/rest",
2407
+ "refId": "mode/button/inactive/fgColor",
2408
2408
  "reference": "base/color/light-high-contrast/base/color/gray/6",
2409
2409
  "collection": "mode",
2410
2410
  "mode": "light high contrast",
@@ -2903,7 +2903,7 @@
2903
2903
  "type": "COLOR",
2904
2904
  "alpha": 0.8,
2905
2905
  "refId": "mode/button/primary/iconColor/rest",
2906
- "reference": "base/color/light/base/color/white",
2906
+ "reference": "mode/fgColor/white",
2907
2907
  "collection": "mode",
2908
2908
  "mode": "light high contrast",
2909
2909
  "group": "component (internal)",
@@ -2936,7 +2936,7 @@
2936
2936
  },
2937
2937
  "type": "COLOR",
2938
2938
  "refId": "mode/button/primary/fgColor/rest",
2939
- "reference": "base/color/light/base/color/white",
2939
+ "reference": "mode/fgColor/white",
2940
2940
  "collection": "mode",
2941
2941
  "mode": "light high contrast",
2942
2942
  "group": "component (internal)",
@@ -4121,10 +4121,10 @@
4121
4121
  "r": 0.5333333333333333,
4122
4122
  "g": 0.5725490196078431,
4123
4123
  "b": 0.615686274509804,
4124
- "a": 0.5
4124
+ "a": null
4125
4125
  },
4126
4126
  "type": "COLOR",
4127
- "alpha": 0.5,
4127
+ "alpha": null,
4128
4128
  "refId": "mode/overlay/borderColor",
4129
4129
  "reference": "mode/borderColor/muted",
4130
4130
  "collection": "mode",
@@ -5520,7 +5520,7 @@
5520
5520
  "r": 0.5333333333333333,
5521
5521
  "g": 0.5725490196078431,
5522
5522
  "b": 0.615686274509804,
5523
- "a": 0.5
5523
+ "a": null
5524
5524
  },
5525
5525
  "type": "COLOR",
5526
5526
  "scopes": ["EFFECT_COLOR"],
@@ -5620,7 +5620,7 @@
5620
5620
  "r": 0.5333333333333333,
5621
5621
  "g": 0.5725490196078431,
5622
5622
  "b": 0.615686274509804,
5623
- "a": 0.5
5623
+ "a": null
5624
5624
  },
5625
5625
  "type": "COLOR",
5626
5626
  "scopes": ["EFFECT_COLOR"],
@@ -5720,7 +5720,7 @@
5720
5720
  "r": 0.5333333333333333,
5721
5721
  "g": 0.5725490196078431,
5722
5722
  "b": 0.615686274509804,
5723
- "a": 0.5
5723
+ "a": null
5724
5724
  },
5725
5725
  "type": "COLOR",
5726
5726
  "scopes": ["EFFECT_COLOR"],
package/dist/figma/themes/light-tritanopia.json CHANGED
@@ -2477,7 +2477,7 @@
2477
2477
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2478
2478
  },
2479
2479
  {
2480
- "name": "button/inactive/bgColor/rest",
2480
+ "name": "button/inactive/bgColor",
2481
2481
  "value": {
2482
2482
  "r": 0.9176470588235294,
2483
2483
  "g": 0.9333333333333333,
@@ -2485,7 +2485,7 @@
2485
2485
  "a": 1
2486
2486
  },
2487
2487
  "type": "COLOR",
2488
- "refId": "mode/button/inactive/bgColor/rest",
2488
+ "refId": "mode/button/inactive/bgColor",
2489
2489
  "reference": "base/color/light/base/color/gray/1",
2490
2490
  "collection": "mode",
2491
2491
  "mode": "light tritanopia",
@@ -2493,7 +2493,7 @@
2493
2493
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2494
2494
  },
2495
2495
  {
2496
- "name": "button/inactive/fgColor/rest",
2496
+ "name": "button/inactive/fgColor",
2497
2497
  "value": {
2498
2498
  "r": 0.3411764705882353,
2499
2499
  "g": 0.3764705882352941,
@@ -2501,7 +2501,7 @@
2501
2501
  "a": 1
2502
2502
  },
2503
2503
  "type": "COLOR",
2504
- "refId": "mode/button/inactive/fgColor/rest",
2504
+ "refId": "mode/button/inactive/fgColor",
2505
2505
  "reference": "base/color/light/base/color/gray/6",
2506
2506
  "collection": "mode",
2507
2507
  "mode": "light tritanopia",
@@ -2866,7 +2866,7 @@
2866
2866
  "type": "COLOR",
2867
2867
  "alpha": 0.8,
2868
2868
  "refId": "mode/button/primary/iconColor/rest",
2869
- "reference": "base/color/light/base/color/white",
2869
+ "reference": "mode/fgColor/white",
2870
2870
  "collection": "mode",
2871
2871
  "mode": "light tritanopia",
2872
2872
  "group": "component (internal)",
@@ -2899,7 +2899,7 @@
2899
2899
  },
2900
2900
  "type": "COLOR",
2901
2901
  "refId": "mode/button/primary/fgColor/rest",
2902
- "reference": "base/color/light/base/color/white",
2902
+ "reference": "mode/fgColor/white",
2903
2903
  "collection": "mode",
2904
2904
  "mode": "light tritanopia",
2905
2905
  "group": "component (internal)",
package/dist/figma/themes/light.json CHANGED
@@ -2362,7 +2362,7 @@
2362
2362
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2363
2363
  },
2364
2364
  {
2365
- "name": "button/inactive/bgColor/rest",
2365
+ "name": "button/inactive/bgColor",
2366
2366
  "value": {
2367
2367
  "r": 0.9176470588235294,
2368
2368
  "g": 0.9333333333333333,
@@ -2370,7 +2370,7 @@
2370
2370
  "a": 1
2371
2371
  },
2372
2372
  "type": "COLOR",
2373
- "refId": "mode/button/inactive/bgColor/rest",
2373
+ "refId": "mode/button/inactive/bgColor",
2374
2374
  "reference": "base/color/light/base/color/gray/1",
2375
2375
  "collection": "mode",
2376
2376
  "mode": "light",
@@ -2378,7 +2378,7 @@
2378
2378
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2379
2379
  },
2380
2380
  {
2381
- "name": "button/inactive/fgColor/rest",
2381
+ "name": "button/inactive/fgColor",
2382
2382
  "value": {
2383
2383
  "r": 0.3411764705882353,
2384
2384
  "g": 0.3764705882352941,
@@ -2386,7 +2386,7 @@
2386
2386
  "a": 1
2387
2387
  },
2388
2388
  "type": "COLOR",
2389
- "refId": "mode/button/inactive/fgColor/rest",
2389
+ "refId": "mode/button/inactive/fgColor",
2390
2390
  "reference": "base/color/light/base/color/gray/6",
2391
2391
  "collection": "mode",
2392
2392
  "mode": "light",
@@ -2751,7 +2751,7 @@
2751
2751
  "type": "COLOR",
2752
2752
  "alpha": 0.8,
2753
2753
  "refId": "mode/button/primary/iconColor/rest",
2754
- "reference": "base/color/light/base/color/white",
2754
+ "reference": "mode/fgColor/white",
2755
2755
  "collection": "mode",
2756
2756
  "mode": "light",
2757
2757
  "group": "component (internal)",
@@ -2784,7 +2784,7 @@
2784
2784
  },
2785
2785
  "type": "COLOR",
2786
2786
  "refId": "mode/button/primary/fgColor/rest",
2787
- "reference": "base/color/light/base/color/white",
2787
+ "reference": "mode/fgColor/white",
2788
2788
  "collection": "mode",
2789
2789
  "mode": "light",
2790
2790
  "group": "component (internal)",
package/dist/scss/functional/themes/dark-colorblind.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #30363d;
167
167
  $button-danger-borderColor-hover: #f0f6fc1a;
168
168
  $button-danger-borderColor-active: #f0f6fc1a;
169
169
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
170
- $button-inactive-fgColor-rest: #8b949e;
171
- $button-inactive-bgColor-rest: #21262d;
170
+ $button-inactive-fgColor: #8b949e;
171
+ $button-inactive-bgColor: #21262d;
172
172
  $buttonCounter-default-bgColor-rest: #30363d;
173
173
  $buttonCounter-invisible-bgColor-rest: #30363d;
174
174
  $buttonCounter-primary-bgColor-rest: #04260f33;
@@ -415,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0p
415
415
  $shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
416
416
  $shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
417
417
  $shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
418
+ $shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
418
419
  $outline-focus: #1f6feb solid 2px;
package/dist/scss/functional/themes/dark-dimmed.scss CHANGED
@@ -117,9 +117,9 @@ $button-default-borderColor-hover: #444c56;
117
117
  $button-default-borderColor-active: #444c56;
118
118
  $button-default-borderColor-disabled: #373e47b3;
119
119
  $button-default-shadow-resting: 0px 0px 0px 0px #000000;
120
- $button-primary-fgColor-rest: #cdd9e5;
120
+ $button-primary-fgColor-rest: #ffffff;
121
121
  $button-primary-fgColor-disabled: #cdd9e5cc;
122
- $button-primary-iconColor-rest: #cdd9e5;
122
+ $button-primary-iconColor-rest: #ffffff;
123
123
  $button-primary-bgColor-rest: #347d39;
124
124
  $button-primary-bgColor-hover: #3b8640;
125
125
  $button-primary-bgColor-active: #428f46;
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #444c56;
167
167
  $button-danger-borderColor-hover: #cdd9e51a;
168
168
  $button-danger-borderColor-active: #cdd9e51a;
169
169
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
170
- $button-inactive-fgColor-rest: #768390;
171
- $button-inactive-bgColor-rest: #373e47;
170
+ $button-inactive-fgColor: #768390;
171
+ $button-inactive-bgColor: #373e47;
172
172
  $buttonCounter-default-bgColor-rest: #444c56;
173
173
  $buttonCounter-invisible-bgColor-rest: #444c56;
174
174
  $buttonCounter-primary-bgColor-rest: #11341733;
@@ -415,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0p
415
415
  $shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
416
416
  $shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
417
417
  $shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
418
+ $shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
418
419
  $outline-focus: #316dca solid 2px;
package/dist/scss/functional/themes/dark-high-contrast.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #7a828e;
167
167
  $button-danger-borderColor-hover: #ffffff1a;
168
168
  $button-danger-borderColor-active: #ffffff1a;
169
169
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
170
- $button-inactive-fgColor-rest: #bdc4cc;
171
- $button-inactive-bgColor-rest: #3d424d;
170
+ $button-inactive-fgColor: #bdc4cc;
171
+ $button-inactive-bgColor: #3d424d;
172
172
  $buttonCounter-default-bgColor-rest: #525964;
173
173
  $buttonCounter-invisible-bgColor-rest: #525964;
174
174
  $buttonCounter-primary-bgColor-rest: #01040926;
@@ -415,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0p
415
415
  $shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
416
416
  $shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
417
417
  $shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
418
+ $shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
418
419
  $outline-focus: #409eff solid 2px;
package/dist/scss/functional/themes/dark-tritanopia.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #30363d;
167
167
  $button-danger-borderColor-hover: #f0f6fc1a;
168
168
  $button-danger-borderColor-active: #f0f6fc1a;
169
169
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
170
- $button-inactive-fgColor-rest: #8b949e;
171
- $button-inactive-bgColor-rest: #21262d;
170
+ $button-inactive-fgColor: #8b949e;
171
+ $button-inactive-bgColor: #21262d;
172
172
  $buttonCounter-default-bgColor-rest: #30363d;
173
173
  $buttonCounter-invisible-bgColor-rest: #30363d;
174
174
  $buttonCounter-primary-bgColor-rest: #04260f33;
@@ -415,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0p
415
415
  $shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
416
416
  $shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
417
417
  $shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
418
+ $shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
418
419
  $outline-focus: #1f6feb solid 2px;
package/dist/scss/functional/themes/dark.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #30363d;
167
167
  $button-danger-borderColor-hover: #f0f6fc1a;
168
168
  $button-danger-borderColor-active: #f0f6fc1a;
169
169
  $button-danger-shadow-selected: 0px 0px 0px 0px #000000;
170
- $button-inactive-fgColor-rest: #8b949e;
171
- $button-inactive-bgColor-rest: #21262d;
170
+ $button-inactive-fgColor: #8b949e;
171
+ $button-inactive-bgColor: #21262d;
172
172
  $buttonCounter-default-bgColor-rest: #30363d;
173
173
  $buttonCounter-invisible-bgColor-rest: #30363d;
174
174
  $buttonCounter-primary-bgColor-rest: #04260f33;
@@ -415,4 +415,5 @@ $shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0p
415
415
  $shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
416
416
  $shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
417
417
  $shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
418
+ $shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
418
419
  $outline-focus: #1f6feb solid 2px;
package/dist/scss/functional/themes/light-colorblind.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #d0d7de;
167
167
  $button-danger-borderColor-hover: #1f232826;
168
168
  $button-danger-borderColor-active: #1f232826;
169
169
  $button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
170
- $button-inactive-fgColor-rest: #57606a;
171
- $button-inactive-bgColor-rest: #eaeef2;
170
+ $button-inactive-fgColor: #57606a;
171
+ $button-inactive-bgColor: #eaeef2;
172
172
  $buttonCounter-default-bgColor-rest: #afb8c133;
173
173
  $buttonCounter-invisible-bgColor-rest: #afb8c133;
174
174
  $buttonCounter-primary-bgColor-rest: #002d1133;
@@ -416,3 +416,4 @@ $shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a,
416
416
  $shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
417
417
  $shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
418
418
  $shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
419
+ $shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
package/dist/scss/functional/themes/light-high-contrast.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #20252c;
167
167
  $button-danger-borderColor-hover: #01040926;
168
168
  $button-danger-borderColor-active: #01040926;
169
169
  $button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
170
- $button-inactive-fgColor-rest: #4b535d;
171
- $button-inactive-bgColor-rest: #e7ecf0;
170
+ $button-inactive-fgColor: #4b535d;
171
+ $button-inactive-bgColor: #e7ecf0;
172
172
  $buttonCounter-default-bgColor-rest: #66707b33;
173
173
  $buttonCounter-invisible-bgColor-rest: #66707b33;
174
174
  $buttonCounter-primary-bgColor-rest: #00230b33;
@@ -188,7 +188,7 @@ $focus-outlineColor: #0349b4;
188
188
  $focus-outline: #0349b4 solid 2px;
189
189
  $menu-bgColor-active: #ffffff00;
190
190
  $overlay-bgColor: #ffffff;
191
- $overlay-borderColor: #88929d80;
191
+ $overlay-borderColor: #88929d;
192
192
  $overlay-backdrop-bgColor: #88929d33;
193
193
  $selectMenu-borderColor: #ffffff00;
194
194
  $selectMenu-bgColor-active: #9cd7ff;
@@ -416,3 +416,4 @@ $shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a,
416
416
  $shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
417
417
  $shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
418
418
  $shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;
419
+ $shadow-floating-legacy: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
package/dist/scss/functional/themes/light-tritanopia.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #d0d7de;
167
167
  $button-danger-borderColor-hover: #1f232826;
168
168
  $button-danger-borderColor-active: #1f232826;
169
169
  $button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
170
- $button-inactive-fgColor-rest: #57606a;
171
- $button-inactive-bgColor-rest: #eaeef2;
170
+ $button-inactive-fgColor: #57606a;
171
+ $button-inactive-bgColor: #eaeef2;
172
172
  $buttonCounter-default-bgColor-rest: #afb8c133;
173
173
  $buttonCounter-invisible-bgColor-rest: #afb8c133;
174
174
  $buttonCounter-primary-bgColor-rest: #002d1133;
@@ -416,3 +416,4 @@ $shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a,
416
416
  $shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
417
417
  $shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
418
418
  $shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
419
+ $shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
package/dist/scss/functional/themes/light.scss CHANGED
@@ -167,8 +167,8 @@ $button-danger-borderColor-rest: #d0d7de;
167
167
  $button-danger-borderColor-hover: #1f232826;
168
168
  $button-danger-borderColor-active: #1f232826;
169
169
  $button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
170
- $button-inactive-fgColor-rest: #57606a;
171
- $button-inactive-bgColor-rest: #eaeef2;
170
+ $button-inactive-fgColor: #57606a;
171
+ $button-inactive-bgColor: #eaeef2;
172
172
  $buttonCounter-default-bgColor-rest: #afb8c133;
173
173
  $buttonCounter-invisible-bgColor-rest: #afb8c133;
174
174
  $buttonCounter-primary-bgColor-rest: #002d1133;
@@ -416,3 +416,4 @@ $shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a,
416
416
  $shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
417
417
  $shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
418
418
  $shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
419
+ $shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.15.11-rc.f758d573",
3
+ "version": "7.15.12",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
package/tokens-next-private/css/functional/themes/dark-colorblind.css CHANGED
@@ -171,8 +171,8 @@
171
171
  --button-danger-borderColor-hover: #f0f6fc1a;
172
172
  --button-danger-borderColor-active: #f0f6fc1a;
173
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
174
- --button-inactive-fgColor-rest: #8b949e;
175
- --button-inactive-bgColor-rest: #21262d;
174
+ --button-inactive-fgColor: #8b949e;
175
+ --button-inactive-bgColor: #21262d;
176
176
  --buttonCounter-default-bgColor-rest: #30363d;
177
177
  --buttonCounter-invisible-bgColor-rest: #30363d;
178
178
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -419,6 +419,7 @@
419
419
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
420
420
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
421
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
422
423
  --outline-focus: #1f6feb solid 2px;
423
424
  }
424
425
  @media (prefers-color-scheme: dark) {
@@ -593,8 +594,8 @@
593
594
  --button-danger-borderColor-hover: #f0f6fc1a;
594
595
  --button-danger-borderColor-active: #f0f6fc1a;
595
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
596
- --button-inactive-fgColor-rest: #8b949e;
597
- --button-inactive-bgColor-rest: #21262d;
597
+ --button-inactive-fgColor: #8b949e;
598
+ --button-inactive-bgColor: #21262d;
598
599
  --buttonCounter-default-bgColor-rest: #30363d;
599
600
  --buttonCounter-invisible-bgColor-rest: #30363d;
600
601
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -841,6 +842,7 @@
841
842
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
842
843
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
843
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
844
846
  --outline-focus: #1f6feb solid 2px;
845
847
  }
846
848
  }
package/tokens-next-private/css/functional/themes/dark-dimmed.css CHANGED
@@ -121,9 +121,9 @@
121
121
  --button-default-borderColor-active: #444c56;
122
122
  --button-default-borderColor-disabled: #373e47b3;
123
123
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
124
- --button-primary-fgColor-rest: #cdd9e5;
124
+ --button-primary-fgColor-rest: #ffffff;
125
125
  --button-primary-fgColor-disabled: #cdd9e5cc;
126
- --button-primary-iconColor-rest: #cdd9e5;
126
+ --button-primary-iconColor-rest: #ffffff;
127
127
  --button-primary-bgColor-rest: #347d39;
128
128
  --button-primary-bgColor-hover: #3b8640;
129
129
  --button-primary-bgColor-active: #428f46;
@@ -171,8 +171,8 @@
171
171
  --button-danger-borderColor-hover: #cdd9e51a;
172
172
  --button-danger-borderColor-active: #cdd9e51a;
173
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
174
- --button-inactive-fgColor-rest: #768390;
175
- --button-inactive-bgColor-rest: #373e47;
174
+ --button-inactive-fgColor: #768390;
175
+ --button-inactive-bgColor: #373e47;
176
176
  --buttonCounter-default-bgColor-rest: #444c56;
177
177
  --buttonCounter-invisible-bgColor-rest: #444c56;
178
178
  --buttonCounter-primary-bgColor-rest: #11341733;
@@ -419,6 +419,7 @@
419
419
  --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
420
420
  --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
421
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
422
423
  --outline-focus: #316dca solid 2px;
423
424
  }
424
425
  @media (prefers-color-scheme: dark) {
@@ -543,9 +544,9 @@
543
544
  --button-default-borderColor-active: #444c56;
544
545
  --button-default-borderColor-disabled: #373e47b3;
545
546
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
546
- --button-primary-fgColor-rest: #cdd9e5;
547
+ --button-primary-fgColor-rest: #ffffff;
547
548
  --button-primary-fgColor-disabled: #cdd9e5cc;
548
- --button-primary-iconColor-rest: #cdd9e5;
549
+ --button-primary-iconColor-rest: #ffffff;
549
550
  --button-primary-bgColor-rest: #347d39;
550
551
  --button-primary-bgColor-hover: #3b8640;
551
552
  --button-primary-bgColor-active: #428f46;
@@ -593,8 +594,8 @@
593
594
  --button-danger-borderColor-hover: #cdd9e51a;
594
595
  --button-danger-borderColor-active: #cdd9e51a;
595
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
596
- --button-inactive-fgColor-rest: #768390;
597
- --button-inactive-bgColor-rest: #373e47;
597
+ --button-inactive-fgColor: #768390;
598
+ --button-inactive-bgColor: #373e47;
598
599
  --buttonCounter-default-bgColor-rest: #444c56;
599
600
  --buttonCounter-invisible-bgColor-rest: #444c56;
600
601
  --buttonCounter-primary-bgColor-rest: #11341733;
@@ -841,6 +842,7 @@
841
842
  --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866;
842
843
  --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128;
843
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
844
846
  --outline-focus: #316dca solid 2px;
845
847
  }
846
848
  }
package/tokens-next-private/css/functional/themes/dark-high-contrast.css CHANGED
@@ -171,8 +171,8 @@
171
171
  --button-danger-borderColor-hover: #ffffff1a;
172
172
  --button-danger-borderColor-active: #ffffff1a;
173
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
174
- --button-inactive-fgColor-rest: #bdc4cc;
175
- --button-inactive-bgColor-rest: #3d424d;
174
+ --button-inactive-fgColor: #bdc4cc;
175
+ --button-inactive-bgColor: #3d424d;
176
176
  --buttonCounter-default-bgColor-rest: #525964;
177
177
  --buttonCounter-invisible-bgColor-rest: #525964;
178
178
  --buttonCounter-primary-bgColor-rest: #01040926;
@@ -419,6 +419,7 @@
419
419
  --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
420
420
  --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
421
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
422
423
  --outline-focus: #409eff solid 2px;
423
424
  }
424
425
  @media (prefers-color-scheme: dark) {
@@ -593,8 +594,8 @@
593
594
  --button-danger-borderColor-hover: #ffffff1a;
594
595
  --button-danger-borderColor-active: #ffffff1a;
595
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
596
- --button-inactive-fgColor-rest: #bdc4cc;
597
- --button-inactive-bgColor-rest: #3d424d;
597
+ --button-inactive-fgColor: #bdc4cc;
598
+ --button-inactive-bgColor: #3d424d;
598
599
  --buttonCounter-default-bgColor-rest: #525964;
599
600
  --buttonCounter-invisible-bgColor-rest: #525964;
600
601
  --buttonCounter-primary-bgColor-rest: #01040926;
@@ -841,6 +842,7 @@
841
842
  --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
842
843
  --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409;
843
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
844
846
  --outline-focus: #409eff solid 2px;
845
847
  }
846
848
  }
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -171,8 +171,8 @@
171
171
  --button-danger-borderColor-hover: #f0f6fc1a;
172
172
  --button-danger-borderColor-active: #f0f6fc1a;
173
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
174
- --button-inactive-fgColor-rest: #8b949e;
175
- --button-inactive-bgColor-rest: #21262d;
174
+ --button-inactive-fgColor: #8b949e;
175
+ --button-inactive-bgColor: #21262d;
176
176
  --buttonCounter-default-bgColor-rest: #30363d;
177
177
  --buttonCounter-invisible-bgColor-rest: #30363d;
178
178
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -419,6 +419,7 @@
419
419
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
420
420
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
421
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
422
423
  --outline-focus: #1f6feb solid 2px;
423
424
  }
424
425
  @media (prefers-color-scheme: dark) {
@@ -593,8 +594,8 @@
593
594
  --button-danger-borderColor-hover: #f0f6fc1a;
594
595
  --button-danger-borderColor-active: #f0f6fc1a;
595
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
596
- --button-inactive-fgColor-rest: #8b949e;
597
- --button-inactive-bgColor-rest: #21262d;
597
+ --button-inactive-fgColor: #8b949e;
598
+ --button-inactive-bgColor: #21262d;
598
599
  --buttonCounter-default-bgColor-rest: #30363d;
599
600
  --buttonCounter-invisible-bgColor-rest: #30363d;
600
601
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -841,6 +842,7 @@
841
842
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
842
843
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
843
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
844
846
  --outline-focus: #1f6feb solid 2px;
845
847
  }
846
848
  }
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -171,8 +171,8 @@
171
171
  --button-danger-borderColor-hover: #f0f6fc1a;
172
172
  --button-danger-borderColor-active: #f0f6fc1a;
173
173
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
174
- --button-inactive-fgColor-rest: #8b949e;
175
- --button-inactive-bgColor-rest: #21262d;
174
+ --button-inactive-fgColor: #8b949e;
175
+ --button-inactive-bgColor: #21262d;
176
176
  --buttonCounter-default-bgColor-rest: #30363d;
177
177
  --buttonCounter-invisible-bgColor-rest: #30363d;
178
178
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -419,6 +419,7 @@
419
419
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
420
420
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
421
421
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
422
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
422
423
  --outline-focus: #1f6feb solid 2px;
423
424
  }
424
425
  @media (prefers-color-scheme: dark) {
@@ -593,8 +594,8 @@
593
594
  --button-danger-borderColor-hover: #f0f6fc1a;
594
595
  --button-danger-borderColor-active: #f0f6fc1a;
595
596
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
596
- --button-inactive-fgColor-rest: #8b949e;
597
- --button-inactive-bgColor-rest: #21262d;
597
+ --button-inactive-fgColor: #8b949e;
598
+ --button-inactive-bgColor: #21262d;
598
599
  --buttonCounter-default-bgColor-rest: #30363d;
599
600
  --buttonCounter-invisible-bgColor-rest: #30363d;
600
601
  --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -841,6 +842,7 @@
841
842
  --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
842
843
  --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409;
843
844
  --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409;
845
+ --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
844
846
  --outline-focus: #1f6feb solid 2px;
845
847
  }
846
848
  }
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -171,8 +171,8 @@
171
171
  --button-danger-borderColor-hover: #1f232826;
172
172
  --button-danger-borderColor-active: #1f232826;
173
173
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
174
- --button-inactive-fgColor-rest: #57606a;
175
- --button-inactive-bgColor-rest: #eaeef2;
174
+ --button-inactive-fgColor: #57606a;
175
+ --button-inactive-bgColor: #eaeef2;
176
176
  --buttonCounter-default-bgColor-rest: #afb8c133;
177
177
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
178
178
  --buttonCounter-primary-bgColor-rest: #002d1133;
@@ -420,6 +420,7 @@
420
420
  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
421
421
  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
422
422
  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
423
+ --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
423
424
  }
424
425
  @media (prefers-color-scheme: dark) {
425
426
  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
@@ -593,8 +594,8 @@
593
594
  --button-danger-borderColor-hover: #1f232826;
594
595
  --button-danger-borderColor-active: #1f232826;
595
596
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
596
- --button-inactive-fgColor-rest: #57606a;
597
- --button-inactive-bgColor-rest: #eaeef2;
597
+ --button-inactive-fgColor: #57606a;
598
+ --button-inactive-bgColor: #eaeef2;
598
599
  --buttonCounter-default-bgColor-rest: #afb8c133;
599
600
  --buttonCounter-invisible-bgColor-rest: #afb8c133;
600
601
  --buttonCounter-primary-bgColor-rest: #002d1133;
@@ -842,5 +843,6 @@
842
843
  --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
843
844
  --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
844
845
  --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
846
+ --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
845
847
  }
846
848
  }