@primer/primitives 7.13.0 → 7.13.1-rc.4461d84

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 (92) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +10 -10
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +10 -10
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +10 -10
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +10 -10
  6. package/tokens-next-private/css/functional/themes/dark.css +10 -10
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +10 -10
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +10 -10
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +10 -10
  10. package/tokens-next-private/css/functional/themes/light.css +10 -10
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +46 -34
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +45 -33
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +47 -33
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +45 -33
  15. package/tokens-next-private/docs/functional/themes/dark.json +45 -33
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +43 -31
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +45 -31
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +43 -31
  19. package/tokens-next-private/docs/functional/themes/light.json +43 -31
  20. package/tokens-next-private/figma/themes/dark.json +90 -72
  21. package/tokens-next-private/figma/themes/light.json +60 -42
  22. package/tokens-next-private/scss/base/size/size.scss +17 -21
  23. package/tokens-next-private/scss/base/typography/typography.scss +4 -8
  24. package/tokens-next-private/scss/functional/size/border.scss +12 -16
  25. package/tokens-next-private/scss/functional/size/breakpoints.scss +6 -10
  26. package/tokens-next-private/scss/functional/size/size-coarse.scss +3 -7
  27. package/tokens-next-private/scss/functional/size/size-fine.scss +3 -7
  28. package/tokens-next-private/scss/functional/size/size.scss +67 -71
  29. package/tokens-next-private/scss/functional/size/viewport.scss +6 -19
  30. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +413 -417
  31. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +413 -417
  32. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +413 -417
  33. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +413 -417
  34. package/tokens-next-private/scss/functional/themes/dark.scss +413 -417
  35. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +413 -417
  36. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +413 -417
  37. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +413 -417
  38. package/tokens-next-private/scss/functional/themes/light.scss +413 -417
  39. package/tokens-next-private/scss/functional/typography/typography.scss +45 -49
  40. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  41. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  45. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  46. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  47. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  48. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  54. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  55. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  56. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  57. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  58. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  63. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  64. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  65. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  66. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  72. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  73. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  74. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  75. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  77. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  92. 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.13.0",
3
+ "version": "7.13.1-rc.4461d84",
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
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #30363d;
111
111
  --button-default-borderColor-disabled: #161b22;
112
112
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
113
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
114
113
  --button-primary-fgColor-rest: #ffffff;
115
114
  --button-primary-fgColor-disabled: #ffffff80;
116
115
  --button-primary-iconColor-rest: #ffffff;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #1158c7;
121
120
  --button-primary-borderColor-rest: #f0f6fc1a;
122
121
  --button-primary-borderColor-hover: #f0f6fc1a;
122
+ --button-primary-borderColor-active: #f0f6fc1a;
123
123
  --button-primary-borderColor-disabled: #1158c7;
124
124
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
125
125
  --button-invisible-fgColor-rest: #2f81f7;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #30363d;
141
141
  --button-outline-bgColor-active: #0d419d;
142
142
  --button-outline-bgColor-disabled: #0d1117;
143
- --button-outline-borderColor-hover: #30363d66;
144
- --button-outline-borderColor-selected: #30363d66;
143
+ --button-outline-borderColor-hover: #f0f6fc1a;
144
+ --button-outline-borderColor-selected: #f0f6fc1a;
145
145
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
146
146
  --button-danger-fgColor-rest: #db6d28;
147
147
  --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #b5531d;
155
155
  --button-danger-bgColor-disabled: #161b22;
156
156
  --button-danger-borderColor-rest: #30363d;
157
- --button-danger-borderColor-hover: #9b4215;
158
- --button-danger-borderColor-active: #b5531d;
157
+ --button-danger-borderColor-hover: #f0f6fc1a;
158
+ --button-danger-borderColor-active: #f0f6fc1a;
159
159
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
160
  --buttonCounter-default-bgColor-rest: #30363d;
161
161
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #30363d;
527
527
  --button-default-borderColor-disabled: #161b22;
528
528
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
529
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
530
529
  --button-primary-fgColor-rest: #ffffff;
531
530
  --button-primary-fgColor-disabled: #ffffff80;
532
531
  --button-primary-iconColor-rest: #ffffff;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #1158c7;
537
536
  --button-primary-borderColor-rest: #f0f6fc1a;
538
537
  --button-primary-borderColor-hover: #f0f6fc1a;
538
+ --button-primary-borderColor-active: #f0f6fc1a;
539
539
  --button-primary-borderColor-disabled: #1158c7;
540
540
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
541
541
  --button-invisible-fgColor-rest: #2f81f7;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #30363d;
557
557
  --button-outline-bgColor-active: #0d419d;
558
558
  --button-outline-bgColor-disabled: #0d1117;
559
- --button-outline-borderColor-hover: #30363d66;
560
- --button-outline-borderColor-selected: #30363d66;
559
+ --button-outline-borderColor-hover: #f0f6fc1a;
560
+ --button-outline-borderColor-selected: #f0f6fc1a;
561
561
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
562
562
  --button-danger-fgColor-rest: #db6d28;
563
563
  --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #b5531d;
571
571
  --button-danger-bgColor-disabled: #161b22;
572
572
  --button-danger-borderColor-rest: #30363d;
573
- --button-danger-borderColor-hover: #9b4215;
574
- --button-danger-borderColor-active: #b5531d;
573
+ --button-danger-borderColor-hover: #f0f6fc1a;
574
+ --button-danger-borderColor-active: #f0f6fc1a;
575
575
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
576
576
  --buttonCounter-default-bgColor-rest: #30363d;
577
577
  --buttonCounter-invisible-bgColor-rest: #30363d;
package/tokens-next-private/css/functional/themes/dark-dimmed.css CHANGED
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #444c56;
111
111
  --button-default-borderColor-disabled: #2d333b;
112
112
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
113
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
114
113
  --button-primary-fgColor-rest: #cdd9e5;
115
114
  --button-primary-fgColor-disabled: #cdd9e580;
116
115
  --button-primary-iconColor-rest: #cdd9e5;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #50a254;
121
120
  --button-primary-borderColor-rest: #cdd9e51a;
122
121
  --button-primary-borderColor-hover: #cdd9e51a;
122
+ --button-primary-borderColor-active: #cdd9e51a;
123
123
  --button-primary-borderColor-disabled: #50a254;
124
124
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
125
125
  --button-invisible-fgColor-rest: #3b7cdb;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #444c56;
141
141
  --button-outline-bgColor-active: #1b4b91;
142
142
  --button-outline-bgColor-disabled: #22272e;
143
- --button-outline-borderColor-hover: #444c5666;
144
- --button-outline-borderColor-selected: #444c5666;
143
+ --button-outline-borderColor-hover: #cdd9e51a;
144
+ --button-outline-borderColor-selected: #cdd9e51a;
145
145
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
146
146
  --button-danger-fgColor-rest: #e5534b;
147
147
  --button-danger-fgColor-hover: #cdd9e5;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #c33d38;
155
155
  --button-danger-bgColor-disabled: #2d333b;
156
156
  --button-danger-borderColor-rest: #444c56;
157
- --button-danger-borderColor-hover: #ad2e2c;
158
- --button-danger-borderColor-active: #c33d38;
157
+ --button-danger-borderColor-hover: #cdd9e51a;
158
+ --button-danger-borderColor-active: #cdd9e51a;
159
159
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
160
  --buttonCounter-default-bgColor-rest: #444c56;
161
161
  --buttonCounter-invisible-bgColor-rest: #444c56;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #444c56;
527
527
  --button-default-borderColor-disabled: #2d333b;
528
528
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
529
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
530
529
  --button-primary-fgColor-rest: #cdd9e5;
531
530
  --button-primary-fgColor-disabled: #cdd9e580;
532
531
  --button-primary-iconColor-rest: #cdd9e5;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #50a254;
537
536
  --button-primary-borderColor-rest: #cdd9e51a;
538
537
  --button-primary-borderColor-hover: #cdd9e51a;
538
+ --button-primary-borderColor-active: #cdd9e51a;
539
539
  --button-primary-borderColor-disabled: #50a254;
540
540
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
541
541
  --button-invisible-fgColor-rest: #3b7cdb;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #444c56;
557
557
  --button-outline-bgColor-active: #1b4b91;
558
558
  --button-outline-bgColor-disabled: #22272e;
559
- --button-outline-borderColor-hover: #444c5666;
560
- --button-outline-borderColor-selected: #444c5666;
559
+ --button-outline-borderColor-hover: #cdd9e51a;
560
+ --button-outline-borderColor-selected: #cdd9e51a;
561
561
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
562
562
  --button-danger-fgColor-rest: #e5534b;
563
563
  --button-danger-fgColor-hover: #cdd9e5;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #c33d38;
571
571
  --button-danger-bgColor-disabled: #2d333b;
572
572
  --button-danger-borderColor-rest: #444c56;
573
- --button-danger-borderColor-hover: #ad2e2c;
574
- --button-danger-borderColor-active: #c33d38;
573
+ --button-danger-borderColor-hover: #cdd9e51a;
574
+ --button-danger-borderColor-active: #cdd9e51a;
575
575
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
576
576
  --buttonCounter-default-bgColor-rest: #444c56;
577
577
  --buttonCounter-invisible-bgColor-rest: #444c56;
package/tokens-next-private/css/functional/themes/dark-high-contrast.css CHANGED
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #7a828e;
111
111
  --button-default-borderColor-disabled: #272b33;
112
112
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
113
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
114
113
  --button-primary-fgColor-rest: #0a0c10;
115
114
  --button-primary-fgColor-disabled: #0a0c1080;
116
115
  --button-primary-iconColor-rest: #0a0c10;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #6bdc84;
121
120
  --button-primary-borderColor-rest: #4ae168;
122
121
  --button-primary-borderColor-hover: #4ae168;
122
+ --button-primary-borderColor-active: #4ae168;
123
123
  --button-primary-borderColor-disabled: #4ae16866;
124
124
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
125
125
  --button-invisible-fgColor-rest: #409eff;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #525964;
141
141
  --button-outline-bgColor-active: #2672f3;
142
142
  --button-outline-bgColor-disabled: #0a0c10;
143
- --button-outline-borderColor-hover: #7a828e;
144
- --button-outline-borderColor-selected: #7a828e;
143
+ --button-outline-borderColor-hover: #ffffff1a;
144
+ --button-outline-borderColor-selected: #ffffff1a;
145
145
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
146
146
  --button-danger-fgColor-rest: #ff6a69;
147
147
  --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #ff5353;
155
155
  --button-danger-bgColor-disabled: #272b33;
156
156
  --button-danger-borderColor-rest: #7a828e;
157
- --button-danger-borderColor-hover: #ff4445;
158
- --button-danger-borderColor-active: #ff5353;
157
+ --button-danger-borderColor-hover: #ffffff1a;
158
+ --button-danger-borderColor-active: #ffffff1a;
159
159
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
160
  --buttonCounter-default-bgColor-rest: #525964;
161
161
  --buttonCounter-invisible-bgColor-rest: #525964;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #7a828e;
527
527
  --button-default-borderColor-disabled: #272b33;
528
528
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
529
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
530
529
  --button-primary-fgColor-rest: #0a0c10;
531
530
  --button-primary-fgColor-disabled: #0a0c1080;
532
531
  --button-primary-iconColor-rest: #0a0c10;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #6bdc84;
537
536
  --button-primary-borderColor-rest: #4ae168;
538
537
  --button-primary-borderColor-hover: #4ae168;
538
+ --button-primary-borderColor-active: #4ae168;
539
539
  --button-primary-borderColor-disabled: #4ae16866;
540
540
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
541
541
  --button-invisible-fgColor-rest: #409eff;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #525964;
557
557
  --button-outline-bgColor-active: #2672f3;
558
558
  --button-outline-bgColor-disabled: #0a0c10;
559
- --button-outline-borderColor-hover: #7a828e;
560
- --button-outline-borderColor-selected: #7a828e;
559
+ --button-outline-borderColor-hover: #ffffff1a;
560
+ --button-outline-borderColor-selected: #ffffff1a;
561
561
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
562
562
  --button-danger-fgColor-rest: #ff6a69;
563
563
  --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #ff5353;
571
571
  --button-danger-bgColor-disabled: #272b33;
572
572
  --button-danger-borderColor-rest: #7a828e;
573
- --button-danger-borderColor-hover: #ff4445;
574
- --button-danger-borderColor-active: #ff5353;
573
+ --button-danger-borderColor-hover: #ffffff1a;
574
+ --button-danger-borderColor-active: #ffffff1a;
575
575
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
576
576
  --buttonCounter-default-bgColor-rest: #525964;
577
577
  --buttonCounter-invisible-bgColor-rest: #525964;
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #30363d;
111
111
  --button-default-borderColor-disabled: #161b22;
112
112
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
113
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
114
113
  --button-primary-fgColor-rest: #ffffff;
115
114
  --button-primary-fgColor-disabled: #ffffff80;
116
115
  --button-primary-iconColor-rest: #ffffff;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #5fabfe;
121
120
  --button-primary-borderColor-rest: #f0f6fc1a;
122
121
  --button-primary-borderColor-hover: #f0f6fc1a;
122
+ --button-primary-borderColor-active: #f0f6fc1a;
123
123
  --button-primary-borderColor-disabled: #5fabfe;
124
124
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
125
125
  --button-invisible-fgColor-rest: #2f81f7;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #30363d;
141
141
  --button-outline-bgColor-active: #0d419d;
142
142
  --button-outline-bgColor-disabled: #0d1117;
143
- --button-outline-borderColor-hover: #30363d66;
144
- --button-outline-borderColor-selected: #30363d66;
143
+ --button-outline-borderColor-hover: #f0f6fc1a;
144
+ --button-outline-borderColor-selected: #f0f6fc1a;
145
145
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
146
146
  --button-danger-fgColor-rest: #f85149;
147
147
  --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #d03533;
155
155
  --button-danger-bgColor-disabled: #161b22;
156
156
  --button-danger-borderColor-rest: #30363d;
157
- --button-danger-borderColor-hover: #b62324;
158
- --button-danger-borderColor-active: #d03533;
157
+ --button-danger-borderColor-hover: #f0f6fc1a;
158
+ --button-danger-borderColor-active: #f0f6fc1a;
159
159
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
160
  --buttonCounter-default-bgColor-rest: #30363d;
161
161
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #30363d;
527
527
  --button-default-borderColor-disabled: #161b22;
528
528
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
529
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
530
529
  --button-primary-fgColor-rest: #ffffff;
531
530
  --button-primary-fgColor-disabled: #ffffff80;
532
531
  --button-primary-iconColor-rest: #ffffff;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #5fabfe;
537
536
  --button-primary-borderColor-rest: #f0f6fc1a;
538
537
  --button-primary-borderColor-hover: #f0f6fc1a;
538
+ --button-primary-borderColor-active: #f0f6fc1a;
539
539
  --button-primary-borderColor-disabled: #5fabfe;
540
540
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
541
541
  --button-invisible-fgColor-rest: #2f81f7;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #30363d;
557
557
  --button-outline-bgColor-active: #0d419d;
558
558
  --button-outline-bgColor-disabled: #0d1117;
559
- --button-outline-borderColor-hover: #30363d66;
560
- --button-outline-borderColor-selected: #30363d66;
559
+ --button-outline-borderColor-hover: #f0f6fc1a;
560
+ --button-outline-borderColor-selected: #f0f6fc1a;
561
561
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
562
562
  --button-danger-fgColor-rest: #f85149;
563
563
  --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #d03533;
571
571
  --button-danger-bgColor-disabled: #161b22;
572
572
  --button-danger-borderColor-rest: #30363d;
573
- --button-danger-borderColor-hover: #b62324;
574
- --button-danger-borderColor-active: #d03533;
573
+ --button-danger-borderColor-hover: #f0f6fc1a;
574
+ --button-danger-borderColor-active: #f0f6fc1a;
575
575
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
576
576
  --buttonCounter-default-bgColor-rest: #30363d;
577
577
  --buttonCounter-invisible-bgColor-rest: #30363d;
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #30363d;
111
111
  --button-default-borderColor-disabled: #161b22;
112
112
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
113
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
114
113
  --button-primary-fgColor-rest: #ffffff;
115
114
  --button-primary-fgColor-disabled: #ffffff80;
116
115
  --button-primary-iconColor-rest: #ffffff;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #46bf57;
121
120
  --button-primary-borderColor-rest: #f0f6fc1a;
122
121
  --button-primary-borderColor-hover: #f0f6fc1a;
122
+ --button-primary-borderColor-active: #f0f6fc1a;
123
123
  --button-primary-borderColor-disabled: #46bf57;
124
124
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
125
125
  --button-invisible-fgColor-rest: #2f81f7;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #30363d;
141
141
  --button-outline-bgColor-active: #0d419d;
142
142
  --button-outline-bgColor-disabled: #0d1117;
143
- --button-outline-borderColor-hover: #30363d66;
144
- --button-outline-borderColor-selected: #30363d66;
143
+ --button-outline-borderColor-hover: #f0f6fc1a;
144
+ --button-outline-borderColor-selected: #f0f6fc1a;
145
145
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
146
146
  --button-danger-fgColor-rest: #f85149;
147
147
  --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #d03533;
155
155
  --button-danger-bgColor-disabled: #161b22;
156
156
  --button-danger-borderColor-rest: #30363d;
157
- --button-danger-borderColor-hover: #b62324;
158
- --button-danger-borderColor-active: #d03533;
157
+ --button-danger-borderColor-hover: #f0f6fc1a;
158
+ --button-danger-borderColor-active: #f0f6fc1a;
159
159
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
160
160
  --buttonCounter-default-bgColor-rest: #30363d;
161
161
  --buttonCounter-invisible-bgColor-rest: #30363d;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #30363d;
527
527
  --button-default-borderColor-disabled: #161b22;
528
528
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
529
- --button-default-shadow-inset: 0px 0px 0px 0px #000000;
530
529
  --button-primary-fgColor-rest: #ffffff;
531
530
  --button-primary-fgColor-disabled: #ffffff80;
532
531
  --button-primary-iconColor-rest: #ffffff;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #46bf57;
537
536
  --button-primary-borderColor-rest: #f0f6fc1a;
538
537
  --button-primary-borderColor-hover: #f0f6fc1a;
538
+ --button-primary-borderColor-active: #f0f6fc1a;
539
539
  --button-primary-borderColor-disabled: #46bf57;
540
540
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
541
541
  --button-invisible-fgColor-rest: #2f81f7;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #30363d;
557
557
  --button-outline-bgColor-active: #0d419d;
558
558
  --button-outline-bgColor-disabled: #0d1117;
559
- --button-outline-borderColor-hover: #30363d66;
560
- --button-outline-borderColor-selected: #30363d66;
559
+ --button-outline-borderColor-hover: #f0f6fc1a;
560
+ --button-outline-borderColor-selected: #f0f6fc1a;
561
561
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
562
562
  --button-danger-fgColor-rest: #f85149;
563
563
  --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #d03533;
571
571
  --button-danger-bgColor-disabled: #161b22;
572
572
  --button-danger-borderColor-rest: #30363d;
573
- --button-danger-borderColor-hover: #b62324;
574
- --button-danger-borderColor-active: #d03533;
573
+ --button-danger-borderColor-hover: #f0f6fc1a;
574
+ --button-danger-borderColor-active: #f0f6fc1a;
575
575
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
576
576
  --buttonCounter-default-bgColor-rest: #30363d;
577
577
  --buttonCounter-invisible-bgColor-rest: #30363d;
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #d0d7de;
111
111
  --button-default-borderColor-disabled: #f6f8fa;
112
112
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
113
- --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
114
113
  --button-primary-fgColor-rest: #ffffff;
115
114
  --button-primary-fgColor-disabled: #ffffffcc;
116
115
  --button-primary-iconColor-rest: #ffffffcc;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #92caff;
121
120
  --button-primary-borderColor-rest: #1f232826;
122
121
  --button-primary-borderColor-hover: #1f232826;
122
+ --button-primary-borderColor-active: #1f232826;
123
123
  --button-primary-borderColor-disabled: #92caff;
124
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
125
125
  --button-invisible-fgColor-rest: #0969da;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #0969da;
141
141
  --button-outline-bgColor-active: #0757ba;
142
142
  --button-outline-bgColor-disabled: #f6f8fa;
143
- --button-outline-borderColor-hover: #d0d7de;
144
- --button-outline-borderColor-active: #d0d7de;
143
+ --button-outline-borderColor-hover: #1f232826;
144
+ --button-outline-borderColor-active: #1f232826;
145
145
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
146
146
  --button-danger-fgColor-rest: #be4e02;
147
147
  --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #7e2f00;
155
155
  --button-danger-bgColor-disabled: #f6f8fa;
156
156
  --button-danger-borderColor-rest: #d0d7de;
157
- --button-danger-borderColor-hover: #d0d7de;
158
- --button-danger-borderColor-active: #d0d7de;
157
+ --button-danger-borderColor-hover: #1f232826;
158
+ --button-danger-borderColor-active: #1f232826;
159
159
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
160
160
  --buttonCounter-default-bgColor-rest: #eaeef2;
161
161
  --buttonCounter-invisible-bgColor-rest: #eaeef2;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #d0d7de;
527
527
  --button-default-borderColor-disabled: #f6f8fa;
528
528
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
529
- --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
530
529
  --button-primary-fgColor-rest: #ffffff;
531
530
  --button-primary-fgColor-disabled: #ffffffcc;
532
531
  --button-primary-iconColor-rest: #ffffffcc;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #92caff;
537
536
  --button-primary-borderColor-rest: #1f232826;
538
537
  --button-primary-borderColor-hover: #1f232826;
538
+ --button-primary-borderColor-active: #1f232826;
539
539
  --button-primary-borderColor-disabled: #92caff;
540
540
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
541
541
  --button-invisible-fgColor-rest: #0969da;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #0969da;
557
557
  --button-outline-bgColor-active: #0757ba;
558
558
  --button-outline-bgColor-disabled: #f6f8fa;
559
- --button-outline-borderColor-hover: #d0d7de;
560
- --button-outline-borderColor-active: #d0d7de;
559
+ --button-outline-borderColor-hover: #1f232826;
560
+ --button-outline-borderColor-active: #1f232826;
561
561
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
562
562
  --button-danger-fgColor-rest: #be4e02;
563
563
  --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #7e2f00;
571
571
  --button-danger-bgColor-disabled: #f6f8fa;
572
572
  --button-danger-borderColor-rest: #d0d7de;
573
- --button-danger-borderColor-hover: #d0d7de;
574
- --button-danger-borderColor-active: #d0d7de;
573
+ --button-danger-borderColor-hover: #1f232826;
574
+ --button-danger-borderColor-active: #1f232826;
575
575
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
576
576
  --buttonCounter-default-bgColor-rest: #eaeef2;
577
577
  --buttonCounter-invisible-bgColor-rest: #eaeef2;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #20252c;
111
111
  --button-default-borderColor-disabled: #e7ecf0;
112
112
  --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
113
- --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
114
113
  --button-primary-fgColor-rest: #ffffff;
115
114
  --button-primary-fgColor-disabled: #ffffffcc;
116
115
  --button-primary-iconColor-rest: #ffffffcc;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #85cb97;
121
120
  --button-primary-borderColor-rest: #013d14;
122
121
  --button-primary-borderColor-hover: #013d14;
122
+ --button-primary-borderColor-active: #013d14;
123
123
  --button-primary-borderColor-disabled: #85cb97;
124
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
125
125
  --button-invisible-fgColor-rest: #023b95;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #0349b4;
141
141
  --button-outline-bgColor-active: #033f9d;
142
142
  --button-outline-bgColor-disabled: #ffffff;
143
- --button-outline-borderColor-hover: #20252c;
144
- --button-outline-borderColor-active: #20252c;
143
+ --button-outline-borderColor-hover: #01040926;
144
+ --button-outline-borderColor-active: #01040926;
145
145
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
146
146
  --button-danger-fgColor-rest: #8a071e;
147
147
  --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #74041a;
155
155
  --button-danger-bgColor-disabled: #e7ecf0;
156
156
  --button-danger-borderColor-rest: #20252c;
157
- --button-danger-borderColor-hover: #20252c;
158
- --button-danger-borderColor-active: #20252c;
157
+ --button-danger-borderColor-hover: #01040926;
158
+ --button-danger-borderColor-active: #01040926;
159
159
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
160
160
  --buttonCounter-default-bgColor-rest: #66707b33;
161
161
  --buttonCounter-invisible-bgColor-rest: #66707b33;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #20252c;
527
527
  --button-default-borderColor-disabled: #e7ecf0;
528
528
  --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
529
- --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
530
529
  --button-primary-fgColor-rest: #ffffff;
531
530
  --button-primary-fgColor-disabled: #ffffffcc;
532
531
  --button-primary-iconColor-rest: #ffffffcc;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #85cb97;
537
536
  --button-primary-borderColor-rest: #013d14;
538
537
  --button-primary-borderColor-hover: #013d14;
538
+ --button-primary-borderColor-active: #013d14;
539
539
  --button-primary-borderColor-disabled: #85cb97;
540
540
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
541
541
  --button-invisible-fgColor-rest: #023b95;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #0349b4;
557
557
  --button-outline-bgColor-active: #033f9d;
558
558
  --button-outline-bgColor-disabled: #ffffff;
559
- --button-outline-borderColor-hover: #20252c;
560
- --button-outline-borderColor-active: #20252c;
559
+ --button-outline-borderColor-hover: #01040926;
560
+ --button-outline-borderColor-active: #01040926;
561
561
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
562
562
  --button-danger-fgColor-rest: #8a071e;
563
563
  --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #74041a;
571
571
  --button-danger-bgColor-disabled: #e7ecf0;
572
572
  --button-danger-borderColor-rest: #20252c;
573
- --button-danger-borderColor-hover: #20252c;
574
- --button-danger-borderColor-active: #20252c;
573
+ --button-danger-borderColor-hover: #01040926;
574
+ --button-danger-borderColor-active: #01040926;
575
575
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
576
576
  --buttonCounter-default-bgColor-rest: #66707b33;
577
577
  --buttonCounter-invisible-bgColor-rest: #66707b33;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -110,7 +110,6 @@
110
110
  --button-default-borderColor-active: #d0d7de;
111
111
  --button-default-borderColor-disabled: #f6f8fa;
112
112
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
113
- --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
114
113
  --button-primary-fgColor-rest: #ffffff;
115
114
  --button-primary-fgColor-disabled: #ffffffcc;
116
115
  --button-primary-iconColor-rest: #ffffffcc;
@@ -120,6 +119,7 @@
120
119
  --button-primary-bgColor-disabled: #92caff;
121
120
  --button-primary-borderColor-rest: #1f232826;
122
121
  --button-primary-borderColor-hover: #1f232826;
122
+ --button-primary-borderColor-active: #1f232826;
123
123
  --button-primary-borderColor-disabled: #92caff;
124
124
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
125
125
  --button-invisible-fgColor-rest: #0969da;
@@ -140,8 +140,8 @@
140
140
  --button-outline-bgColor-hover: #0969da;
141
141
  --button-outline-bgColor-active: #0757ba;
142
142
  --button-outline-bgColor-disabled: #f6f8fa;
143
- --button-outline-borderColor-hover: #d0d7de;
144
- --button-outline-borderColor-active: #d0d7de;
143
+ --button-outline-borderColor-hover: #1f232826;
144
+ --button-outline-borderColor-active: #1f232826;
145
145
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
146
146
  --button-danger-fgColor-rest: #d1242f;
147
147
  --button-danger-fgColor-hover: #ffffff;
@@ -154,8 +154,8 @@
154
154
  --button-danger-bgColor-active: #8b0820;
155
155
  --button-danger-bgColor-disabled: #f6f8fa;
156
156
  --button-danger-borderColor-rest: #d0d7de;
157
- --button-danger-borderColor-hover: #d0d7de;
158
- --button-danger-borderColor-active: #d0d7de;
157
+ --button-danger-borderColor-hover: #1f232826;
158
+ --button-danger-borderColor-active: #1f232826;
159
159
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
160
160
  --buttonCounter-default-bgColor-rest: #eaeef2;
161
161
  --buttonCounter-invisible-bgColor-rest: #eaeef2;
@@ -526,7 +526,6 @@
526
526
  --button-default-borderColor-active: #d0d7de;
527
527
  --button-default-borderColor-disabled: #f6f8fa;
528
528
  --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
529
- --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
530
529
  --button-primary-fgColor-rest: #ffffff;
531
530
  --button-primary-fgColor-disabled: #ffffffcc;
532
531
  --button-primary-iconColor-rest: #ffffffcc;
@@ -536,6 +535,7 @@
536
535
  --button-primary-bgColor-disabled: #92caff;
537
536
  --button-primary-borderColor-rest: #1f232826;
538
537
  --button-primary-borderColor-hover: #1f232826;
538
+ --button-primary-borderColor-active: #1f232826;
539
539
  --button-primary-borderColor-disabled: #92caff;
540
540
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
541
541
  --button-invisible-fgColor-rest: #0969da;
@@ -556,8 +556,8 @@
556
556
  --button-outline-bgColor-hover: #0969da;
557
557
  --button-outline-bgColor-active: #0757ba;
558
558
  --button-outline-bgColor-disabled: #f6f8fa;
559
- --button-outline-borderColor-hover: #d0d7de;
560
- --button-outline-borderColor-active: #d0d7de;
559
+ --button-outline-borderColor-hover: #1f232826;
560
+ --button-outline-borderColor-active: #1f232826;
561
561
  --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
562
562
  --button-danger-fgColor-rest: #d1242f;
563
563
  --button-danger-fgColor-hover: #ffffff;
@@ -570,8 +570,8 @@
570
570
  --button-danger-bgColor-active: #8b0820;
571
571
  --button-danger-bgColor-disabled: #f6f8fa;
572
572
  --button-danger-borderColor-rest: #d0d7de;
573
- --button-danger-borderColor-hover: #d0d7de;
574
- --button-danger-borderColor-active: #d0d7de;
573
+ --button-danger-borderColor-hover: #1f232826;
574
+ --button-danger-borderColor-active: #1f232826;
575
575
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
576
576
  --buttonCounter-default-bgColor-rest: #eaeef2;
577
577
  --buttonCounter-invisible-bgColor-rest: #eaeef2;