@primer/primitives 7.11.8-rc.fa82fd1 → 7.11.8

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 (113) hide show
  1. package/package.json +2 -2
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +6 -8
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +6 -8
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +8 -10
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +6 -8
  6. package/tokens-next-private/css/functional/themes/dark.css +6 -8
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +8 -10
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -14
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +8 -10
  10. package/tokens-next-private/css/functional/themes/light.css +8 -10
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +37 -40
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +37 -40
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +41 -44
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +37 -40
  15. package/tokens-next-private/docs/functional/themes/dark.json +37 -40
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +41 -42
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +49 -50
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +41 -42
  19. package/tokens-next-private/docs/functional/themes/light.json +41 -42
  20. package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
  21. package/tokens-next-private/js/functional/themes/dark-colorblind.js +7 -6
  22. package/tokens-next-private/js/functional/themes/dark-dimmed.js +7 -6
  23. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +8 -7
  24. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +7 -6
  25. package/tokens-next-private/js/functional/themes/dark.js +7 -6
  26. package/tokens-next-private/js/functional/themes/light-colorblind.js +8 -7
  27. package/tokens-next-private/js/functional/themes/light-high-contrast.js +10 -9
  28. package/tokens-next-private/js/functional/themes/light-tritanopia.js +8 -7
  29. package/tokens-next-private/js/functional/themes/light.js +8 -7
  30. package/tokens-next-private/json/functional/themes/dark-colorblind.json +8 -7
  31. package/tokens-next-private/json/functional/themes/dark-dimmed.json +8 -7
  32. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +9 -8
  33. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +8 -7
  34. package/tokens-next-private/json/functional/themes/dark.json +8 -7
  35. package/tokens-next-private/json/functional/themes/light-colorblind.json +9 -8
  36. package/tokens-next-private/json/functional/themes/light-high-contrast.json +11 -10
  37. package/tokens-next-private/json/functional/themes/light-tritanopia.json +9 -8
  38. package/tokens-next-private/json/functional/themes/light.json +9 -8
  39. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +3 -4
  40. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +3 -4
  41. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +4 -5
  42. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +3 -4
  43. package/tokens-next-private/scss/functional/themes/dark.scss +3 -4
  44. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +4 -5
  45. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -7
  46. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +4 -5
  47. package/tokens-next-private/scss/functional/themes/light.scss +4 -5
  48. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +7 -6
  49. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +7 -6
  50. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +8 -7
  51. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +7 -6
  52. package/tokens-next-private/ts/functional/themes/dark.ts +7 -6
  53. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +8 -7
  54. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +10 -9
  55. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +8 -7
  56. package/tokens-next-private/ts/functional/themes/light.ts +8 -7
  57. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  58. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  59. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +6 -5
  60. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  61. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  62. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  68. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  77. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  79. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  86. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  95. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  97. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  99. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  113. 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.8-rc.fa82fd1",
3
+ "version": "7.11.8",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -28,7 +28,7 @@
28
28
  "homepage": "https://github.com/primer/primitives#readme",
29
29
  "scripts": {
30
30
  "build": "ts-node ./scripts/build.ts && tsc --project tsconfig.build.json",
31
- "build:next": "ts-node -r tsconfig-paths/register ./scripts/buildTokens.ts",
31
+ "build:next": "ts-node -r tsconfig-paths/register ./scripts/buildTokens.ts && ts-node ./scripts/buildFallbacks.ts",
32
32
  "build:tokens": "node -e \"require('./build')._init()\"",
33
33
  "build:new-tokens": "npm run build:tokens && npm run build:next",
34
34
  "tokenJson:check": "ts-node scripts/diffThemes.ts && ts-node scripts/diffTokenProps.ts",
package/tokens-next-private/css/functional/themes/dark-colorblind.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #1f6feb;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #2a7aef;
85
+ --control-checked-borderColor-active: #3685f3;
86
86
  --control-checked-borderColor-disabled: #484f58;
87
87
  --controlTrack-bgColor-rest: #21262d;
88
88
  --controlTrack-bgColor-hover: #292e36;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #b5531d;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #30363d;
158
+ --buttonCounter-invisible-bgColor-rest: #30363d;
158
159
  --buttonCounter-primary-bgColor-rest: #04260f33;
159
160
  --buttonCounter-outline-bgColor-rest: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #ffffff;
186
187
  --fgColor-disabled: #484f58;
187
188
  --fgColor-link-rest: #2f81f7;
188
- --fgColor-link-inverse-rest: #1f6feb;
189
- --fgColor-link-control: #636a75;
190
189
  --fgColor-accent: #2f81f7;
191
190
  --fgColor-success: #58a6ff;
192
191
  --fgColor-attention: #d29922;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #ffffff;
479
478
  --control-checked-fgColor-disabled: #010409;
480
479
  --control-checked-borderColor-rest: #1f6feb;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #2a7aef;
481
+ --control-checked-borderColor-active: #3685f3;
483
482
  --control-checked-borderColor-disabled: #484f58;
484
483
  --controlTrack-bgColor-rest: #21262d;
485
484
  --controlTrack-bgColor-hover: #292e36;
@@ -552,6 +551,7 @@
552
551
  --button-danger-borderColor-active: #b5531d;
553
552
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
554
553
  --buttonCounter-default-bgColor-rest: #30363d;
554
+ --buttonCounter-invisible-bgColor-rest: #30363d;
555
555
  --buttonCounter-primary-bgColor-rest: #04260f33;
556
556
  --buttonCounter-outline-bgColor-rest: #051d4d33;
557
557
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -582,8 +582,6 @@
582
582
  --fgColor-onEmphasis: #ffffff;
583
583
  --fgColor-disabled: #484f58;
584
584
  --fgColor-link-rest: #2f81f7;
585
- --fgColor-link-inverse-rest: #1f6feb;
586
- --fgColor-link-control: #636a75;
587
585
  --fgColor-accent: #2f81f7;
588
586
  --fgColor-success: #58a6ff;
589
587
  --fgColor-attention: #d29922;
package/tokens-next-private/css/functional/themes/dark-dimmed.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #cdd9e5;
82
82
  --control-checked-fgColor-disabled: #1c2128;
83
83
  --control-checked-borderColor-rest: #316dca;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #3876d3;
85
+ --control-checked-borderColor-active: #3f7fdb;
86
86
  --control-checked-borderColor-disabled: #545d68;
87
87
  --controlTrack-bgColor-rest: #373e47;
88
88
  --controlTrack-bgColor-hover: #3d444e;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #c33d38;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #444c56;
158
+ --buttonCounter-invisible-bgColor-rest: #444c56;
158
159
  --buttonCounter-primary-bgColor-rest: #11341733;
159
160
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
160
161
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #cdd9e5;
186
187
  --fgColor-disabled: #545d68;
187
188
  --fgColor-link-rest: #3b7cdb;
188
- --fgColor-link-inverse-rest: #316dca;
189
- --fgColor-link-control: #5e6975;
190
189
  --fgColor-accent: #3b7cdb;
191
190
  --fgColor-success: #57ab5a;
192
191
  --fgColor-attention: #c69026;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #cdd9e5;
479
478
  --control-checked-fgColor-disabled: #1c2128;
480
479
  --control-checked-borderColor-rest: #316dca;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #3876d3;
481
+ --control-checked-borderColor-active: #3f7fdb;
483
482
  --control-checked-borderColor-disabled: #545d68;
484
483
  --controlTrack-bgColor-rest: #373e47;
485
484
  --controlTrack-bgColor-hover: #3d444e;
@@ -552,6 +551,7 @@
552
551
  --button-danger-borderColor-active: #c33d38;
553
552
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
554
553
  --buttonCounter-default-bgColor-rest: #444c56;
554
+ --buttonCounter-invisible-bgColor-rest: #444c56;
555
555
  --buttonCounter-primary-bgColor-rest: #11341733;
556
556
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
557
557
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -582,8 +582,6 @@
582
582
  --fgColor-onEmphasis: #cdd9e5;
583
583
  --fgColor-disabled: #545d68;
584
584
  --fgColor-link-rest: #3b7cdb;
585
- --fgColor-link-inverse-rest: #316dca;
586
- --fgColor-link-control: #5e6975;
587
585
  --fgColor-accent: #3b7cdb;
588
586
  --fgColor-success: #57ab5a;
589
587
  --fgColor-attention: #c69026;
package/tokens-next-private/css/functional/themes/dark-high-contrast.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #0a0c10;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #409eff;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #4aa3ff;
85
+ --control-checked-borderColor-active: #54a8ff;
86
86
  --control-checked-borderColor-disabled: #7a828e;
87
87
  --controlTrack-bgColor-rest: #272b33;
88
88
  --controlTrack-bgColor-hover: #383c45;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #ff5353;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #525964;
158
+ --buttonCounter-invisible-bgColor-rest: #525964;
158
159
  --buttonCounter-primary-bgColor-rest: #01040926;
159
160
  --buttonCounter-outline-bgColor-rest: #194fb133;
160
161
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #0a0c10;
186
187
  --fgColor-disabled: #7a828e;
187
188
  --fgColor-link-rest: #409eff;
188
- --fgColor-link-inverse-rest: #409eff;
189
- --fgColor-link-control: #939ca8;
190
189
  --fgColor-accent: #409eff;
191
190
  --fgColor-success: #26cd4d;
192
191
  --fgColor-attention: #f0b72f;
@@ -224,7 +223,7 @@
224
223
  --borderColor-muted: #7a828e;
225
224
  --borderColor-emphasis: #7a828e;
226
225
  --borderColor-disabled: #7a828e;
227
- --borderColor-neutral-muted: #9ea7b366;
226
+ --borderColor-neutral-muted: #9ea7b3;
228
227
  --borderColor-neutral-emphasis: #9ea7b3;
229
228
  --borderColor-accent-muted: #409eff;
230
229
  --borderColor-accent-emphasis: #409eff;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #0a0c10;
479
478
  --control-checked-fgColor-disabled: #010409;
480
479
  --control-checked-borderColor-rest: #409eff;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #4aa3ff;
481
+ --control-checked-borderColor-active: #54a8ff;
483
482
  --control-checked-borderColor-disabled: #7a828e;
484
483
  --controlTrack-bgColor-rest: #272b33;
485
484
  --controlTrack-bgColor-hover: #383c45;
@@ -552,6 +551,7 @@
552
551
  --button-danger-borderColor-active: #ff5353;
553
552
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
554
553
  --buttonCounter-default-bgColor-rest: #525964;
554
+ --buttonCounter-invisible-bgColor-rest: #525964;
555
555
  --buttonCounter-primary-bgColor-rest: #01040926;
556
556
  --buttonCounter-outline-bgColor-rest: #194fb133;
557
557
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -582,8 +582,6 @@
582
582
  --fgColor-onEmphasis: #0a0c10;
583
583
  --fgColor-disabled: #7a828e;
584
584
  --fgColor-link-rest: #409eff;
585
- --fgColor-link-inverse-rest: #409eff;
586
- --fgColor-link-control: #939ca8;
587
585
  --fgColor-accent: #409eff;
588
586
  --fgColor-success: #26cd4d;
589
587
  --fgColor-attention: #f0b72f;
@@ -621,7 +619,7 @@
621
619
  --borderColor-muted: #7a828e;
622
620
  --borderColor-emphasis: #7a828e;
623
621
  --borderColor-disabled: #7a828e;
624
- --borderColor-neutral-muted: #9ea7b366;
622
+ --borderColor-neutral-muted: #9ea7b3;
625
623
  --borderColor-neutral-emphasis: #9ea7b3;
626
624
  --borderColor-accent-muted: #409eff;
627
625
  --borderColor-accent-emphasis: #409eff;
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #1f6feb;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #2a7aef;
85
+ --control-checked-borderColor-active: #3685f3;
86
86
  --control-checked-borderColor-disabled: #484f58;
87
87
  --controlTrack-bgColor-rest: #21262d;
88
88
  --controlTrack-bgColor-hover: #292e36;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #d03533;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #30363d;
158
+ --buttonCounter-invisible-bgColor-rest: #30363d;
158
159
  --buttonCounter-primary-bgColor-rest: #04260f33;
159
160
  --buttonCounter-outline-bgColor-rest: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #ffffff;
186
187
  --fgColor-disabled: #484f58;
187
188
  --fgColor-link-rest: #2f81f7;
188
- --fgColor-link-inverse-rest: #1f6feb;
189
- --fgColor-link-control: #636a75;
190
189
  --fgColor-accent: #2f81f7;
191
190
  --fgColor-success: #58a6ff;
192
191
  --fgColor-attention: #d29922;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #ffffff;
479
478
  --control-checked-fgColor-disabled: #010409;
480
479
  --control-checked-borderColor-rest: #1f6feb;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #2a7aef;
481
+ --control-checked-borderColor-active: #3685f3;
483
482
  --control-checked-borderColor-disabled: #484f58;
484
483
  --controlTrack-bgColor-rest: #21262d;
485
484
  --controlTrack-bgColor-hover: #292e36;
@@ -552,6 +551,7 @@
552
551
  --button-danger-borderColor-active: #d03533;
553
552
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
554
553
  --buttonCounter-default-bgColor-rest: #30363d;
554
+ --buttonCounter-invisible-bgColor-rest: #30363d;
555
555
  --buttonCounter-primary-bgColor-rest: #04260f33;
556
556
  --buttonCounter-outline-bgColor-rest: #051d4d33;
557
557
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -582,8 +582,6 @@
582
582
  --fgColor-onEmphasis: #ffffff;
583
583
  --fgColor-disabled: #484f58;
584
584
  --fgColor-link-rest: #2f81f7;
585
- --fgColor-link-inverse-rest: #1f6feb;
586
- --fgColor-link-control: #636a75;
587
585
  --fgColor-accent: #2f81f7;
588
586
  --fgColor-success: #58a6ff;
589
587
  --fgColor-attention: #d29922;
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #1f6feb;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #2a7aef;
85
+ --control-checked-borderColor-active: #3685f3;
86
86
  --control-checked-borderColor-disabled: #484f58;
87
87
  --controlTrack-bgColor-rest: #21262d;
88
88
  --controlTrack-bgColor-hover: #292e36;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #d03533;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #30363d;
158
+ --buttonCounter-invisible-bgColor-rest: #30363d;
158
159
  --buttonCounter-primary-bgColor-rest: #04260f33;
159
160
  --buttonCounter-outline-bgColor-rest: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #ffffff;
186
187
  --fgColor-disabled: #484f58;
187
188
  --fgColor-link-rest: #2f81f7;
188
- --fgColor-link-inverse-rest: #1f6feb;
189
- --fgColor-link-control: #636a75;
190
189
  --fgColor-accent: #2f81f7;
191
190
  --fgColor-success: #3fb950;
192
191
  --fgColor-attention: #d29922;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #ffffff;
479
478
  --control-checked-fgColor-disabled: #010409;
480
479
  --control-checked-borderColor-rest: #1f6feb;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #2a7aef;
481
+ --control-checked-borderColor-active: #3685f3;
483
482
  --control-checked-borderColor-disabled: #484f58;
484
483
  --controlTrack-bgColor-rest: #21262d;
485
484
  --controlTrack-bgColor-hover: #292e36;
@@ -552,6 +551,7 @@
552
551
  --button-danger-borderColor-active: #d03533;
553
552
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
554
553
  --buttonCounter-default-bgColor-rest: #30363d;
554
+ --buttonCounter-invisible-bgColor-rest: #30363d;
555
555
  --buttonCounter-primary-bgColor-rest: #04260f33;
556
556
  --buttonCounter-outline-bgColor-rest: #051d4d33;
557
557
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -582,8 +582,6 @@
582
582
  --fgColor-onEmphasis: #ffffff;
583
583
  --fgColor-disabled: #484f58;
584
584
  --fgColor-link-rest: #2f81f7;
585
- --fgColor-link-inverse-rest: #1f6feb;
586
- --fgColor-link-control: #636a75;
587
585
  --fgColor-accent: #2f81f7;
588
586
  --fgColor-success: #3fb950;
589
587
  --fgColor-attention: #d29922;
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0969da;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0860ca;
85
+ --control-checked-borderColor-active: #0757ba;
86
86
  --control-checked-borderColor-disabled: #8c959f;
87
87
  --controlTrack-bgColor-rest: #eaeef2;
88
88
  --controlTrack-bgColor-hover: #dee3e8;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #d0d7de;
155
155
  --button-danger-borderColor-active: #d0d7de;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
157
- --buttonCounter-default-bgColor-rest: #eaeef280;
157
+ --buttonCounter-default-bgColor-rest: #eaeef2;
158
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
158
159
  --buttonCounter-primary-bgColor-rest: #002d1133;
159
160
  --buttonCounter-outline-bgColor-rest: #0969da1a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -186,8 +187,6 @@
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #8c959f;
188
189
  --fgColor-link-rest: #0969da;
189
- --fgColor-link-inverse-rest: #54aeff;
190
- --fgColor-link-control: #868f99;
191
190
  --fgColor-accent: #0969da;
192
191
  --fgColor-success: #0969da;
193
192
  --fgColor-attention: #9a6700;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #ffffff;
479
478
  --control-checked-fgColor-disabled: #ffffff;
480
479
  --control-checked-borderColor-rest: #0969da;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #0860ca;
481
+ --control-checked-borderColor-active: #0757ba;
483
482
  --control-checked-borderColor-disabled: #8c959f;
484
483
  --controlTrack-bgColor-rest: #eaeef2;
485
484
  --controlTrack-bgColor-hover: #dee3e8;
@@ -551,7 +550,8 @@
551
550
  --button-danger-borderColor-hover: #d0d7de;
552
551
  --button-danger-borderColor-active: #d0d7de;
553
552
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
554
- --buttonCounter-default-bgColor-rest: #eaeef280;
553
+ --buttonCounter-default-bgColor-rest: #eaeef2;
554
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
555
555
  --buttonCounter-primary-bgColor-rest: #002d1133;
556
556
  --buttonCounter-outline-bgColor-rest: #0969da1a;
557
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -583,8 +583,6 @@
583
583
  --fgColor-onEmphasis: #ffffff;
584
584
  --fgColor-disabled: #8c959f;
585
585
  --fgColor-link-rest: #0969da;
586
- --fgColor-link-inverse-rest: #54aeff;
587
- --fgColor-link-control: #868f99;
588
586
  --fgColor-accent: #0969da;
589
587
  --fgColor-success: #0969da;
590
588
  --fgColor-attention: #9a6700;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0349b4;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0344a8;
85
+ --control-checked-borderColor-active: #033f9d;
86
86
  --control-checked-borderColor-disabled: #88929d;
87
87
  --controlTrack-bgColor-rest: #acb6c0;
88
88
  --controlTrack-bgColor-hover: #9ea8b2;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #20252c;
155
155
  --button-danger-borderColor-active: #20252c;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
157
- --buttonCounter-default-bgColor-rest: #e7ecf0;
157
+ --buttonCounter-default-bgColor-rest: #66707b33;
158
+ --buttonCounter-invisible-bgColor-rest: #66707b33;
158
159
  --buttonCounter-primary-bgColor-rest: #00230b33;
159
160
  --buttonCounter-outline-bgColor-rest: #0349b41a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -179,15 +180,13 @@
179
180
  --timelineBadge-bgColor: #e7ecf0;
180
181
  --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
181
182
  --underlineNav-borderColor-active: #cd3425;
182
- --underlineNav-borderColor-hover: #acb6c033;
183
+ --underlineNav-borderColor-hover: #88929d;
183
184
  --underlineNav-iconColor-rest: #0e1116;
184
185
  --fgColor-default: #010409;
185
186
  --fgColor-muted: #0e1116;
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #88929d;
188
189
  --fgColor-link-rest: #023b95;
189
- --fgColor-link-inverse-rest: #368cf9;
190
- --fgColor-link-control: #818b96;
191
190
  --fgColor-accent: #023b95;
192
191
  --fgColor-success: #055d20;
193
192
  --fgColor-attention: #744500;
@@ -225,7 +224,7 @@
225
224
  --borderColor-muted: #88929d;
226
225
  --borderColor-emphasis: #66707b;
227
226
  --borderColor-disabled: #20252c;
228
- --borderColor-neutral-muted: #acb6c033;
227
+ --borderColor-neutral-muted: #88929d;
229
228
  --borderColor-neutral-emphasis: #66707b;
230
229
  --borderColor-accent-muted: #368cf9;
231
230
  --borderColor-accent-emphasis: #0349b4;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #ffffff;
479
478
  --control-checked-fgColor-disabled: #ffffff;
480
479
  --control-checked-borderColor-rest: #0349b4;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #0344a8;
481
+ --control-checked-borderColor-active: #033f9d;
483
482
  --control-checked-borderColor-disabled: #88929d;
484
483
  --controlTrack-bgColor-rest: #acb6c0;
485
484
  --controlTrack-bgColor-hover: #9ea8b2;
@@ -551,7 +550,8 @@
551
550
  --button-danger-borderColor-hover: #20252c;
552
551
  --button-danger-borderColor-active: #20252c;
553
552
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
554
- --buttonCounter-default-bgColor-rest: #e7ecf0;
553
+ --buttonCounter-default-bgColor-rest: #66707b33;
554
+ --buttonCounter-invisible-bgColor-rest: #66707b33;
555
555
  --buttonCounter-primary-bgColor-rest: #00230b33;
556
556
  --buttonCounter-outline-bgColor-rest: #0349b41a;
557
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -576,15 +576,13 @@
576
576
  --timelineBadge-bgColor: #e7ecf0;
577
577
  --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
578
578
  --underlineNav-borderColor-active: #cd3425;
579
- --underlineNav-borderColor-hover: #acb6c033;
579
+ --underlineNav-borderColor-hover: #88929d;
580
580
  --underlineNav-iconColor-rest: #0e1116;
581
581
  --fgColor-default: #010409;
582
582
  --fgColor-muted: #0e1116;
583
583
  --fgColor-onEmphasis: #ffffff;
584
584
  --fgColor-disabled: #88929d;
585
585
  --fgColor-link-rest: #023b95;
586
- --fgColor-link-inverse-rest: #368cf9;
587
- --fgColor-link-control: #818b96;
588
586
  --fgColor-accent: #023b95;
589
587
  --fgColor-success: #055d20;
590
588
  --fgColor-attention: #744500;
@@ -622,7 +620,7 @@
622
620
  --borderColor-muted: #88929d;
623
621
  --borderColor-emphasis: #66707b;
624
622
  --borderColor-disabled: #20252c;
625
- --borderColor-neutral-muted: #acb6c033;
623
+ --borderColor-neutral-muted: #88929d;
626
624
  --borderColor-neutral-emphasis: #66707b;
627
625
  --borderColor-accent-muted: #368cf9;
628
626
  --borderColor-accent-emphasis: #0349b4;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0969da;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0860ca;
85
+ --control-checked-borderColor-active: #0757ba;
86
86
  --control-checked-borderColor-disabled: #8c959f;
87
87
  --controlTrack-bgColor-rest: #eaeef2;
88
88
  --controlTrack-bgColor-hover: #dee3e8;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #d0d7de;
155
155
  --button-danger-borderColor-active: #d0d7de;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
157
- --buttonCounter-default-bgColor-rest: #eaeef280;
157
+ --buttonCounter-default-bgColor-rest: #eaeef2;
158
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
158
159
  --buttonCounter-primary-bgColor-rest: #002d1133;
159
160
  --buttonCounter-outline-bgColor-rest: #0969da1a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -186,8 +187,6 @@
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #8c959f;
188
189
  --fgColor-link-rest: #0969da;
189
- --fgColor-link-inverse-rest: #54aeff;
190
- --fgColor-link-control: #868f99;
191
190
  --fgColor-accent: #0969da;
192
191
  --fgColor-success: #0969da;
193
192
  --fgColor-attention: #9a6700;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #ffffff;
479
478
  --control-checked-fgColor-disabled: #ffffff;
480
479
  --control-checked-borderColor-rest: #0969da;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #0860ca;
481
+ --control-checked-borderColor-active: #0757ba;
483
482
  --control-checked-borderColor-disabled: #8c959f;
484
483
  --controlTrack-bgColor-rest: #eaeef2;
485
484
  --controlTrack-bgColor-hover: #dee3e8;
@@ -551,7 +550,8 @@
551
550
  --button-danger-borderColor-hover: #d0d7de;
552
551
  --button-danger-borderColor-active: #d0d7de;
553
552
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
554
- --buttonCounter-default-bgColor-rest: #eaeef280;
553
+ --buttonCounter-default-bgColor-rest: #eaeef2;
554
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
555
555
  --buttonCounter-primary-bgColor-rest: #002d1133;
556
556
  --buttonCounter-outline-bgColor-rest: #0969da1a;
557
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -583,8 +583,6 @@
583
583
  --fgColor-onEmphasis: #ffffff;
584
584
  --fgColor-disabled: #8c959f;
585
585
  --fgColor-link-rest: #0969da;
586
- --fgColor-link-inverse-rest: #54aeff;
587
- --fgColor-link-control: #868f99;
588
586
  --fgColor-accent: #0969da;
589
587
  --fgColor-success: #0969da;
590
588
  --fgColor-attention: #9a6700;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0969da;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0860ca;
85
+ --control-checked-borderColor-active: #0757ba;
86
86
  --control-checked-borderColor-disabled: #8c959f;
87
87
  --controlTrack-bgColor-rest: #eaeef2;
88
88
  --controlTrack-bgColor-hover: #dee3e8;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #d0d7de;
155
155
  --button-danger-borderColor-active: #d0d7de;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
157
- --buttonCounter-default-bgColor-rest: #eaeef280;
157
+ --buttonCounter-default-bgColor-rest: #eaeef2;
158
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
158
159
  --buttonCounter-primary-bgColor-rest: #002d1133;
159
160
  --buttonCounter-outline-bgColor-rest: #0969da1a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -186,8 +187,6 @@
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #8c959f;
188
189
  --fgColor-link-rest: #0969da;
189
- --fgColor-link-inverse-rest: #54aeff;
190
- --fgColor-link-control: #868f99;
191
190
  --fgColor-accent: #0969da;
192
191
  --fgColor-success: #1a7f37;
193
192
  --fgColor-attention: #9a6700;
@@ -478,8 +477,8 @@
478
477
  --control-checked-fgColor-rest: #ffffff;
479
478
  --control-checked-fgColor-disabled: #ffffff;
480
479
  --control-checked-borderColor-rest: #0969da;
481
- --control-checked-borderColor-hover: #00000000;
482
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #0860ca;
481
+ --control-checked-borderColor-active: #0757ba;
483
482
  --control-checked-borderColor-disabled: #8c959f;
484
483
  --controlTrack-bgColor-rest: #eaeef2;
485
484
  --controlTrack-bgColor-hover: #dee3e8;
@@ -551,7 +550,8 @@
551
550
  --button-danger-borderColor-hover: #d0d7de;
552
551
  --button-danger-borderColor-active: #d0d7de;
553
552
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
554
- --buttonCounter-default-bgColor-rest: #eaeef280;
553
+ --buttonCounter-default-bgColor-rest: #eaeef2;
554
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
555
555
  --buttonCounter-primary-bgColor-rest: #002d1133;
556
556
  --buttonCounter-outline-bgColor-rest: #0969da1a;
557
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -583,8 +583,6 @@
583
583
  --fgColor-onEmphasis: #ffffff;
584
584
  --fgColor-disabled: #8c959f;
585
585
  --fgColor-link-rest: #0969da;
586
- --fgColor-link-inverse-rest: #54aeff;
587
- --fgColor-link-control: #868f99;
588
586
  --fgColor-accent: #0969da;
589
587
  --fgColor-success: #1a7f37;
590
588
  --fgColor-attention: #9a6700;