@primer/primitives 7.11.14-rc.127cf00 → 7.11.14-rc.2cc3695

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 (95) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/size/border.css +1 -1
  3. package/tokens-next-private/css/functional/themes/light-colorblind.css +16 -16
  4. package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -12
  5. package/tokens-next-private/css/functional/themes/light-tritanopia.css +16 -16
  6. package/tokens-next-private/css/functional/themes/light.css +16 -16
  7. package/tokens-next-private/docs/functional/size/border.json +2 -2
  8. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +6 -6
  9. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +6 -6
  10. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4 -4
  11. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +6 -6
  12. package/tokens-next-private/docs/functional/themes/dark.json +6 -6
  13. package/tokens-next-private/docs/functional/themes/light-colorblind.json +13 -13
  14. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +10 -10
  15. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +13 -13
  16. package/tokens-next-private/docs/functional/themes/light.json +13 -13
  17. package/tokens-next-private/fallbacks/color-fallbacks.json +2 -2
  18. package/tokens-next-private/fallbacks/functional/size/border.json +1 -1
  19. package/tokens-next-private/js/functional/size/border.js +1 -1
  20. package/tokens-next-private/js/functional/themes/light-colorblind.js +8 -8
  21. package/tokens-next-private/js/functional/themes/light-high-contrast.js +6 -6
  22. package/tokens-next-private/js/functional/themes/light-tritanopia.js +8 -8
  23. package/tokens-next-private/js/functional/themes/light.js +8 -8
  24. package/tokens-next-private/json/functional/size/border.json +1 -1
  25. package/tokens-next-private/json/functional/themes/light-colorblind.json +8 -8
  26. package/tokens-next-private/json/functional/themes/light-high-contrast.json +6 -6
  27. package/tokens-next-private/json/functional/themes/light-tritanopia.json +8 -8
  28. package/tokens-next-private/json/functional/themes/light.json +8 -8
  29. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  30. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +8 -8
  31. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -6
  32. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +8 -8
  33. package/tokens-next-private/scss/functional/themes/light.scss +8 -8
  34. package/tokens-next-private/ts/functional/size/border.ts +1 -1
  35. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +8 -8
  36. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +6 -6
  37. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +8 -8
  38. package/tokens-next-private/ts/functional/themes/light.ts +8 -8
  39. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  40. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  41. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +1 -1
  42. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  43. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  44. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  45. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  46. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  47. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  48. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  49. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  50. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  51. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  54. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  55. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  56. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  57. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  58. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  59. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  60. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  61. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  63. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  64. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  65. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  66. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  67. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  68. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  69. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  72. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  73. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  74. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  75. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  76. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  77. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  78. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  80. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.11.14-rc.127cf00",
3
+ "version": "7.11.14-rc.2cc3695",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
package/tokens-next-private/css/functional/size/border.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --borderRadius-small: 3px;
9
9
  --borderRadius-medium: 6px;
10
10
  --borderRadius-large: 12px;
11
- --borderRadius-full: 100vh;
11
+ --borderRadius-full: 9999px;
12
12
  --outline-focus-offset: -0.125rem;
13
13
  --outline-focus-width: 0.125rem;
14
14
  }
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #bc4c00;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #be4e02;
74
74
  --control-danger-fgColor-hover: #be4e02;
75
75
  --control-danger-bgColor-hover: #fff1e5;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
123
123
  --button-invisible-fgColor-rest: #0969da;
124
124
  --button-invisible-fgColor-hover: #0969da;
125
125
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #d0d7de33;
128
128
  --button-invisible-bgColor-active: #d0d7de66;
129
129
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
+ --button-invisible-borderColor-hover: #ffffff00;
132
132
  --button-outline-fgColor-rest: #0969da;
133
133
  --button-outline-fgColor-hover: #ffffff;
134
134
  --button-outline-fgColor-active: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #bc4c00;
461
461
  --control-borderColor-warning: #bf8700;
462
462
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #d0d7de33;
465
465
  --control-transparent-bgColor-active: #d0d7de66;
466
466
  --control-transparent-bgColor-disabled: #f6f8fa;
467
467
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
+ --control-transparent-borderColor-hover: #ffffff00;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #be4e02;
472
472
  --control-danger-fgColor-hover: #be4e02;
473
473
  --control-danger-bgColor-hover: #fff1e5;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #8c959f;
489
489
  --controlTrack-fgColor-rest: #636c76;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #8c959f;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
521
521
  --button-invisible-fgColor-rest: #0969da;
522
522
  --button-invisible-fgColor-hover: #0969da;
523
523
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #d0d7de33;
526
526
  --button-invisible-bgColor-active: #d0d7de66;
527
527
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
+ --button-invisible-borderColor-hover: #ffffff00;
530
530
  --button-outline-fgColor-rest: #0969da;
531
531
  --button-outline-fgColor-hover: #ffffff;
532
532
  --button-outline-fgColor-active: #ffffff;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #a0111f;
63
63
  --control-borderColor-warning: #744500;
64
64
  --control-iconColor-rest: #0e1116;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #e7ecf0;
67
67
  --control-transparent-bgColor-active: #ced5dc;
68
68
  --control-transparent-bgColor-disabled: #e7ecf0;
69
69
  --control-transparent-bgColor-selected: #ced5dc;
70
- --control-transparent-borderColor-rest: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
71
  --control-transparent-borderColor-hover: #20252c;
72
- --control-transparent-borderColor-active: #00000000;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #8a071e;
74
74
  --control-danger-fgColor-hover: #ffffff;
75
75
  --control-danger-bgColor-hover: #a0111f;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #88929d;
91
91
  --controlTrack-fgColor-rest: #010409;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #88929d;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #e7ecf0;
@@ -123,11 +123,11 @@
123
123
  --button-invisible-fgColor-rest: #023b95;
124
124
  --button-invisible-fgColor-hover: #023b95;
125
125
  --button-invisible-fgColor-disabled: #88929d;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #e7ecf0;
128
128
  --button-invisible-bgColor-active: #ced5dc;
129
129
  --button-invisible-bgColor-disabled: #e7ecf0;
130
- --button-invisible-borderColor-rest: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
131
  --button-invisible-borderColor-hover: #20252c;
132
132
  --button-outline-fgColor-rest: #023b95;
133
133
  --button-outline-fgColor-hover: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #a0111f;
461
461
  --control-borderColor-warning: #744500;
462
462
  --control-iconColor-rest: #0e1116;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #e7ecf0;
465
465
  --control-transparent-bgColor-active: #ced5dc;
466
466
  --control-transparent-bgColor-disabled: #e7ecf0;
467
467
  --control-transparent-bgColor-selected: #ced5dc;
468
- --control-transparent-borderColor-rest: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
469
  --control-transparent-borderColor-hover: #20252c;
470
- --control-transparent-borderColor-active: #00000000;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #8a071e;
472
472
  --control-danger-fgColor-hover: #ffffff;
473
473
  --control-danger-bgColor-hover: #a0111f;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #88929d;
489
489
  --controlTrack-fgColor-rest: #010409;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #88929d;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #e7ecf0;
@@ -521,11 +521,11 @@
521
521
  --button-invisible-fgColor-rest: #023b95;
522
522
  --button-invisible-fgColor-hover: #023b95;
523
523
  --button-invisible-fgColor-disabled: #88929d;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #e7ecf0;
526
526
  --button-invisible-bgColor-active: #ced5dc;
527
527
  --button-invisible-bgColor-disabled: #e7ecf0;
528
- --button-invisible-borderColor-rest: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
529
  --button-invisible-borderColor-hover: #20252c;
530
530
  --button-outline-fgColor-rest: #023b95;
531
531
  --button-outline-fgColor-hover: #ffffff;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #cf222e;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #d1242f;
74
74
  --control-danger-fgColor-hover: #d1242f;
75
75
  --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
123
123
  --button-invisible-fgColor-rest: #0969da;
124
124
  --button-invisible-fgColor-hover: #0969da;
125
125
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #d0d7de33;
128
128
  --button-invisible-bgColor-active: #d0d7de66;
129
129
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
+ --button-invisible-borderColor-hover: #ffffff00;
132
132
  --button-outline-fgColor-rest: #0969da;
133
133
  --button-outline-fgColor-hover: #ffffff;
134
134
  --button-outline-fgColor-active: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #cf222e;
461
461
  --control-borderColor-warning: #bf8700;
462
462
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #d0d7de33;
465
465
  --control-transparent-bgColor-active: #d0d7de66;
466
466
  --control-transparent-bgColor-disabled: #f6f8fa;
467
467
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
+ --control-transparent-borderColor-hover: #ffffff00;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #d1242f;
472
472
  --control-danger-fgColor-hover: #d1242f;
473
473
  --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #8c959f;
489
489
  --controlTrack-fgColor-rest: #636c76;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #8c959f;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
521
521
  --button-invisible-fgColor-rest: #0969da;
522
522
  --button-invisible-fgColor-hover: #0969da;
523
523
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #d0d7de33;
526
526
  --button-invisible-bgColor-active: #d0d7de66;
527
527
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
+ --button-invisible-borderColor-hover: #ffffff00;
530
530
  --button-outline-fgColor-rest: #0969da;
531
531
  --button-outline-fgColor-hover: #ffffff;
532
532
  --button-outline-fgColor-active: #ffffff;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #cf222e;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #d1242f;
74
74
  --control-danger-fgColor-hover: #d1242f;
75
75
  --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
123
123
  --button-invisible-fgColor-rest: #0969da;
124
124
  --button-invisible-fgColor-hover: #0969da;
125
125
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #d0d7de33;
128
128
  --button-invisible-bgColor-active: #d0d7de66;
129
129
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
+ --button-invisible-borderColor-hover: #ffffff00;
132
132
  --button-outline-fgColor-rest: #0969da;
133
133
  --button-outline-fgColor-hover: #ffffff;
134
134
  --button-outline-fgColor-active: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #cf222e;
461
461
  --control-borderColor-warning: #bf8700;
462
462
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #d0d7de33;
465
465
  --control-transparent-bgColor-active: #d0d7de66;
466
466
  --control-transparent-bgColor-disabled: #f6f8fa;
467
467
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
+ --control-transparent-borderColor-hover: #ffffff00;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #d1242f;
472
472
  --control-danger-fgColor-hover: #d1242f;
473
473
  --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #8c959f;
489
489
  --controlTrack-fgColor-rest: #636c76;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #8c959f;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
521
521
  --button-invisible-fgColor-rest: #0969da;
522
522
  --button-invisible-fgColor-hover: #0969da;
523
523
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #d0d7de33;
526
526
  --button-invisible-bgColor-active: #d0d7de66;
527
527
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
+ --button-invisible-borderColor-hover: #ffffff00;
530
530
  --button-outline-fgColor-rest: #0969da;
531
531
  --button-outline-fgColor-hover: #ffffff;
532
532
  --button-outline-fgColor-active: #ffffff;
package/tokens-next-private/docs/functional/size/border.json CHANGED
@@ -101,11 +101,11 @@
101
101
  "path": ["borderRadius", "large"]
102
102
  },
103
103
  "borderRadius-full": {
104
- "value": "100vh",
104
+ "value": "9999px",
105
105
  "filePath": "src/tokens/functional/size/border.json",
106
106
  "isSource": true,
107
107
  "original": {
108
- "value": "100vh"
108
+ "value": "9999px"
109
109
  },
110
110
  "name": "borderRadius-full",
111
111
  "attributes": {},
package/tokens-next-private/docs/functional/themes/dark-colorblind.json CHANGED
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
952
952
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
953
953
  "isSource": true,
954
954
  "original": {
955
- "value": "transparent",
955
+ "value": "{base.color.transparent}",
956
956
  "$type": "color"
957
957
  },
958
958
  "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
965
965
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "transparent",
968
+ "value": "{base.color.transparent}",
969
969
  "$type": "color"
970
970
  },
971
971
  "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
1288
1288
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1289
1289
  "isSource": true,
1290
1290
  "original": {
1291
- "value": "transparent",
1291
+ "value": "{base.color.transparent}",
1292
1292
  "$type": "color"
1293
1293
  },
1294
1294
  "name": "controlTrack-borderColor-rest",
package/tokens-next-private/docs/functional/themes/dark-dimmed.json CHANGED
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
952
952
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
953
953
  "isSource": true,
954
954
  "original": {
955
- "value": "transparent",
955
+ "value": "{base.color.transparent}",
956
956
  "$type": "color"
957
957
  },
958
958
  "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
965
965
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "transparent",
968
+ "value": "{base.color.transparent}",
969
969
  "$type": "color"
970
970
  },
971
971
  "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
1288
1288
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1289
1289
  "isSource": true,
1290
1290
  "original": {
1291
- "value": "transparent",
1291
+ "value": "{base.color.transparent}",
1292
1292
  "$type": "color"
1293
1293
  },
1294
1294
  "name": "controlTrack-borderColor-rest",
package/tokens-next-private/docs/functional/themes/dark-high-contrast.json CHANGED
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -1296,7 +1296,7 @@
1296
1296
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1297
1297
  "isSource": true,
1298
1298
  "original": {
1299
- "value": "transparent",
1299
+ "value": "{base.color.transparent}",
1300
1300
  "$type": "color"
1301
1301
  },
1302
1302
  "name": "controlTrack-borderColor-rest",
package/tokens-next-private/docs/functional/themes/dark-tritanopia.json CHANGED
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
952
952
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
953
953
  "isSource": true,
954
954
  "original": {
955
- "value": "transparent",
955
+ "value": "{base.color.transparent}",
956
956
  "$type": "color"
957
957
  },
958
958
  "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
965
965
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "transparent",
968
+ "value": "{base.color.transparent}",
969
969
  "$type": "color"
970
970
  },
971
971
  "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
1288
1288
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1289
1289
  "isSource": true,
1290
1290
  "original": {
1291
- "value": "transparent",
1291
+ "value": "{base.color.transparent}",
1292
1292
  "$type": "color"
1293
1293
  },
1294
1294
  "name": "controlTrack-borderColor-rest",
package/tokens-next-private/docs/functional/themes/dark.json CHANGED
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
952
952
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
953
953
  "isSource": true,
954
954
  "original": {
955
- "value": "transparent",
955
+ "value": "{base.color.transparent}",
956
956
  "$type": "color"
957
957
  },
958
958
  "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
965
965
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "transparent",
968
+ "value": "{base.color.transparent}",
969
969
  "$type": "color"
970
970
  },
971
971
  "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
1288
1288
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1289
1289
  "isSource": true,
1290
1290
  "original": {
1291
- "value": "transparent",
1291
+ "value": "{base.color.transparent}",
1292
1292
  "$type": "color"
1293
1293
  },
1294
1294
  "name": "controlTrack-borderColor-rest",