@primer/primitives 8.2.4-rc.a3f65a09 → 8.2.4-rc.acc4193a

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 (32) hide show
  1. package/README.md +17 -18
  2. package/dist/css/functional/size/border.css +1 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +170 -170
  4. package/dist/css/functional/themes/light-high-contrast.css +114 -114
  5. package/dist/css/primitives.css +1 -0
  6. package/dist/docs/functional/size/border.json +31 -0
  7. package/dist/docs/functional/themes/dark-high-contrast.json +216 -216
  8. package/dist/docs/functional/themes/light-high-contrast.json +171 -171
  9. package/dist/fallbacks/functional/size/border.json +1 -0
  10. package/dist/figma/dimension/dimension.json +14 -0
  11. package/dist/figma/themes/dark-high-contrast.json +297 -297
  12. package/dist/figma/themes/light-high-contrast.json +218 -218
  13. package/dist/internalCss/dark-high-contrast.css +170 -170
  14. package/dist/internalCss/light-high-contrast.css +114 -114
  15. package/dist/styleLint/functional/size/border.json +31 -0
  16. package/dist/styleLint/functional/themes/dark-high-contrast.json +216 -216
  17. package/dist/styleLint/functional/themes/light-high-contrast.json +171 -171
  18. package/package.json +28 -28
  19. package/src/formats/cssAdvanced.ts +3 -3
  20. package/src/formats/cssCustomMedia.ts +2 -2
  21. package/src/formats/javascriptCommonJs.ts +2 -2
  22. package/src/formats/javascriptEsm.ts +2 -2
  23. package/src/formats/jsonFigma.ts +2 -2
  24. package/src/formats/jsonNestedPrefixed.ts +2 -2
  25. package/src/formats/jsonOneDimensional.ts +2 -2
  26. package/src/formats/jsonPostCssFallback.ts +2 -2
  27. package/src/formats/typescriptExportDefinition.ts +2 -2
  28. package/src/schemas/designToken.ts +1 -1
  29. package/src/schemas/validTokenType.ts +1 -1
  30. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +383 -2
  31. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +344 -0
  32. package/src/tokens/functional/size/border.json +13 -0
package/README.md CHANGED
@@ -27,7 +27,7 @@ Data is served from the `dist/` folder:
27
27
 
28
28
  All available imports:
29
29
 
30
- ```
30
+ ```css
31
31
  /* size/typography */
32
32
  @import '@primer/primitives/dist/css/base/size/size.css';
33
33
  @import '@primer/primitives/dist/css/base/typography/typography.css';
@@ -70,13 +70,13 @@ In the individual files, e.g. `light.high-contrast.json5` you can now add tokens
70
70
  You can create color tokens that inherit a color but have a different alpha value by adding the `alpha` property.
71
71
  **Note:** The original alpha value will be replaced by your value. If you add `alpha: 0.4` to a color, it doesn't matter if the color you reference has no `alpha` or `alpha: 0.7`, the new token will always have newly the defined value of `alpha: 0.4`.
72
72
 
73
- ```js
73
+ ```json5
74
74
  {
75
75
  muted: {
76
76
  $value: '{base.color.blue.3}',
77
77
  alpha: 0.4, // the opacity value of the color === 40% opaque
78
78
  $type: 'color',
79
- }
79
+ },
80
80
  }
81
81
  ```
82
82
 
@@ -88,17 +88,17 @@ The `mix` proeprty mixes the color it gets into the main color from the `$value`
88
88
 
89
89
  A `mix` proprty must always have a `color` and a `weight` child. `color` can be a `hex` value or a reference to a valid color. The `weight` property must receive a value between `0.0` and `1`.
90
90
 
91
- ```js
91
+ ```json5
92
92
  {
93
93
  control: {
94
- $value: '{base.color.gray.4}', // main color
95
- $type: 'color',
96
- mix: {
97
- color: '{base.color.gray.5}', // color to mix into the main color
98
- weight: 0.2, // amount of the mix color that is added === 20% of gray.5 is mix into gray.4
94
+ $value: '{base.color.gray.4}', // main color
95
+ $type: 'color',
96
+ mix: {
97
+ color: '{base.color.gray.5}', // color to mix into the main color
98
+ weight: 0.2, // amount of the mix color that is added === 20% of gray.5 is mix into gray.4
99
+ },
99
100
  },
100
101
  }
101
- }
102
102
  ```
103
103
 
104
104
  #### Extensions property
@@ -113,7 +113,7 @@ For our Figma export we use the following meta data:
113
113
 
114
114
  Code example
115
115
 
116
- ```js
116
+ ```json5
117
117
  bgColor: {
118
118
  $value: '{borderColor.accent.muted}',
119
119
  $type: 'color',
@@ -133,18 +133,18 @@ Token names have to be in camelCase or kebab-case and may only include letters,
133
133
  The only acception is the `@`-hack. This is used when you want to have a default value and sub-values, e.g. `bgColor.accent` and `bgColor.accent.muted`.
134
134
  In this case you can create the follwing structure. The `@` will be removed from the name and act as the default value.
135
135
 
136
- ```js
136
+ ```json5
137
137
  {
138
138
  bgColor: {
139
139
  accent: {
140
- "@": {
140
+ '@': {
141
141
  // values for accent (default)
142
142
  },
143
- "muted": {
143
+ muted: {
144
144
  // values for accent-muted
145
- }
146
- }
147
- }
145
+ },
146
+ },
147
+ },
148
148
  }
149
149
  ```
150
150
 
@@ -155,4 +155,3 @@ In this case you can create the follwing structure. The `@` will be removed from
155
155
  [primer]: https://github.com/primer/primer
156
156
  [npm]: https://www.npmjs.com/
157
157
  [install-npm]: https://docs.npmjs.com/getting-started/installing-node
158
- [scss]: https://sass-lang.com/
package/dist/css/functional/size/border.css CHANGED
@@ -9,6 +9,7 @@
9
9
  --borderRadius-medium: 0.375rem;
10
10
  --borderRadius-large: 0.75rem;
11
11
  --borderRadius-full: 624.9375rem;
12
+ --borderRadius-default: 0.375rem;
12
13
  --outline-focus-offset: -0.125rem;
13
14
  --outline-focus-width: 0.125rem;
14
15
  }
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #f0f3f6;
26
26
  --codeMirror-cursor-fgColor: #fbfcfd;
27
27
  --codeMirror-selection-bgColor: #5cacff66;
28
- --codeMirror-activeline-bgColor: #7a828e66;
28
+ --codeMirror-activeline-bgColor: #7a828e1a;
29
29
  --codeMirror-matchingBracket-fgColor: #fbfcfd;
30
30
  --codeMirror-lines-bgColor: #0a0c10;
31
31
  --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -63,100 +63,100 @@
63
63
  --data-gray-color: #576270;
64
64
  --data-gray-color-muted: #1c1c1c;
65
65
  --display-blue-bgColor-muted: #001a47;
66
- --display-blue-bgColor-emphasis: #005bd1;
67
- --display-blue-fgColor: #4da0ff;
66
+ --display-blue-bgColor-emphasis: #4da0ff;
67
+ --display-blue-fgColor: #85c2ff;
68
68
  --display-blue-borderColor-muted: #002766;
69
- --display-blue-borderColor-emphasis: #0576ff;
69
+ --display-blue-borderColor-emphasis: #4da0ff;
70
70
  --display-green-bgColor-muted: #122117;
71
- --display-green-bgColor-emphasis: #2f6f37;
72
- --display-green-fgColor: #41b445;
71
+ --display-green-bgColor-emphasis: #41b445;
72
+ --display-green-fgColor: #75d36f;
73
73
  --display-green-borderColor-muted: #182f1f;
74
- --display-green-borderColor-emphasis: #388f3f;
74
+ --display-green-borderColor-emphasis: #41b445;
75
75
  --display-orange-bgColor-muted: #311708;
76
- --display-orange-bgColor-emphasis: #984b10;
77
- --display-orange-fgColor: #ed8326;
76
+ --display-orange-bgColor-emphasis: #ed8326;
77
+ --display-orange-fgColor: #f6b06a;
78
78
  --display-orange-borderColor-muted: #43200a;
79
- --display-orange-borderColor-emphasis: #c46212;
79
+ --display-orange-borderColor-emphasis: #ed8326;
80
80
  --display-purple-bgColor-muted: #211047;
81
- --display-purple-bgColor-emphasis: #7730e8;
82
- --display-purple-fgColor: #b687f7;
81
+ --display-purple-bgColor-emphasis: #b687f7;
82
+ --display-purple-fgColor: #d2affd;
83
83
  --display-purple-borderColor-muted: #31146b;
84
- --display-purple-borderColor-emphasis: #975bf1;
84
+ --display-purple-borderColor-emphasis: #b687f7;
85
85
  --display-plum-bgColor-muted: #2a0e3f;
86
- --display-plum-bgColor-emphasis: #9518d8;
87
- --display-plum-fgColor: #d07ef7;
86
+ --display-plum-bgColor-emphasis: #d07ef7;
87
+ --display-plum-fgColor: #e4a5fd;
88
88
  --display-plum-borderColor-muted: #40125e;
89
- --display-plum-borderColor-emphasis: #b643ef;
89
+ --display-plum-borderColor-emphasis: #d07ef7;
90
90
  --display-red-bgColor-muted: #3c0614;
91
- --display-red-bgColor-emphasis: #c31328;
92
- --display-red-fgColor: #f27d83;
91
+ --display-red-bgColor-emphasis: #f27d83;
92
+ --display-red-fgColor: #f7adab;
93
93
  --display-red-borderColor-muted: #58091a;
94
- --display-red-borderColor-emphasis: #eb3342;
94
+ --display-red-borderColor-emphasis: #f27d83;
95
95
  --display-coral-bgColor-muted: #3c0614;
96
- --display-coral-bgColor-emphasis: #c31328;
97
- --display-coral-fgColor: #f27d83;
96
+ --display-coral-bgColor-emphasis: #f7794b;
97
+ --display-coral-fgColor: #fdaa86;
98
98
  --display-coral-borderColor-muted: #58091a;
99
- --display-coral-borderColor-emphasis: #eb3342;
99
+ --display-coral-borderColor-emphasis: #f7794b;
100
100
  --display-yellow-bgColor-muted: #2e1a00;
101
- --display-yellow-bgColor-emphasis: #895906;
102
- --display-yellow-fgColor: #d3910d;
101
+ --display-yellow-bgColor-emphasis: #d3910d;
102
+ --display-yellow-fgColor: #edb431;
103
103
  --display-yellow-borderColor-muted: #3d2401;
104
- --display-yellow-borderColor-emphasis: #aa7109;
104
+ --display-yellow-borderColor-emphasis: #d3910d;
105
105
  --display-gray-bgColor-muted: #1c1c1c;
106
- --display-gray-bgColor-emphasis: #576270;
107
- --display-gray-fgColor: #92a1b5;
106
+ --display-gray-bgColor-emphasis: #92a1b5;
107
+ --display-gray-fgColor: #b3c0d1;
108
108
  --display-gray-borderColor-muted: #2a2b2d;
109
- --display-gray-borderColor-emphasis: #6e7f96;
109
+ --display-gray-borderColor-emphasis: #92a1b5;
110
110
  --display-auburn-bgColor-muted: #271817;
111
- --display-auburn-bgColor-emphasis: #87534f;
112
- --display-auburn-fgColor: #bf9592;
111
+ --display-auburn-bgColor-emphasis: #bf9592;
112
+ --display-auburn-fgColor: #d4b7b5;
113
113
  --display-auburn-borderColor-muted: #3a2422;
114
- --display-auburn-borderColor-emphasis: #a86f6b;
114
+ --display-auburn-borderColor-emphasis: #bf9592;
115
115
  --display-brown-bgColor-muted: #241c14;
116
- --display-brown-bgColor-emphasis: #755e3e;
117
- --display-brown-fgColor: #b69a6d;
116
+ --display-brown-bgColor-emphasis: #b69a6d;
117
+ --display-brown-fgColor: #cdbb98;
118
118
  --display-brown-borderColor-muted: #342a1d;
119
- --display-brown-borderColor-emphasis: #94774c;
119
+ --display-brown-borderColor-emphasis: #b69a6d;
120
120
  --display-lemon-bgColor-muted: #291d00;
121
- --display-lemon-bgColor-emphasis: #786008;
122
- --display-lemon-fgColor: #ba9b12;
121
+ --display-lemon-bgColor-emphasis: #ba9b12;
122
+ --display-lemon-fgColor: #d7bc1d;
123
123
  --display-lemon-borderColor-muted: #372901;
124
- --display-lemon-borderColor-emphasis: #977b0c;
124
+ --display-lemon-borderColor-emphasis: #ba9b12;
125
125
  --display-olive-bgColor-muted: #171e0b;
126
- --display-olive-bgColor-emphasis: #5e681d;
127
- --display-olive-fgColor: #a2a626;
126
+ --display-olive-bgColor-emphasis: #a2a626;
127
+ --display-olive-fgColor: #cbc025;
128
128
  --display-olive-borderColor-muted: #252d10;
129
- --display-olive-borderColor-emphasis: #7a8321;
129
+ --display-olive-borderColor-emphasis: #a2a626;
130
130
  --display-lime-bgColor-muted: #141f0f;
131
- --display-lime-bgColor-emphasis: #496c28;
132
- --display-lime-fgColor: #7dae37;
131
+ --display-lime-bgColor-emphasis: #7dae37;
132
+ --display-lime-fgColor: #9fcc3e;
133
133
  --display-lime-borderColor-muted: #1f3116;
134
- --display-lime-borderColor-emphasis: #5f892f;
134
+ --display-lime-borderColor-emphasis: #7dae37;
135
135
  --display-pine-bgColor-muted: #082119;
136
- --display-pine-bgColor-emphasis: #14714c;
137
- --display-pine-fgColor: #1bb673;
136
+ --display-pine-bgColor-emphasis: #1bb673;
137
+ --display-pine-fgColor: #1bda81;
138
138
  --display-pine-borderColor-muted: #0b3224;
139
- --display-pine-borderColor-emphasis: #18915e;
139
+ --display-pine-borderColor-emphasis: #1bb673;
140
140
  --display-teal-bgColor-muted: #041f25;
141
- --display-teal-bgColor-emphasis: #106c70;
142
- --display-teal-fgColor: #1cb0ab;
141
+ --display-teal-bgColor-emphasis: #1cb0ab;
142
+ --display-teal-fgColor: #24d6c4;
143
143
  --display-teal-borderColor-muted: #073036;
144
- --display-teal-borderColor-emphasis: #158a8a;
144
+ --display-teal-borderColor-emphasis: #1cb0ab;
145
145
  --display-cyan-bgColor-muted: #001f29;
146
- --display-cyan-bgColor-emphasis: #036a8c;
147
- --display-cyan-fgColor: #07ace4;
146
+ --display-cyan-bgColor-emphasis: #07ace4;
147
+ --display-cyan-fgColor: #45cbf7;
148
148
  --display-cyan-borderColor-muted: #002e3d;
149
- --display-cyan-borderColor-emphasis: #0587b3;
149
+ --display-cyan-borderColor-emphasis: #07ace4;
150
150
  --display-indigo-bgColor-muted: #1b183f;
151
- --display-indigo-bgColor-emphasis: #514ed4;
152
- --display-indigo-fgColor: #9899ec;
151
+ --display-indigo-bgColor-emphasis: #9899ec;
152
+ --display-indigo-fgColor: #b7baf6;
153
153
  --display-indigo-borderColor-muted: #25215f;
154
- --display-indigo-borderColor-emphasis: #7070e1;
154
+ --display-indigo-borderColor-emphasis: #9899ec;
155
155
  --display-pink-bgColor-muted: #2d1524;
156
- --display-pink-bgColor-emphasis: #ac2f74;
157
- --display-pink-fgColor: #e57bb2;
156
+ --display-pink-bgColor-emphasis: #e57bb2;
157
+ --display-pink-fgColor: #f4a9cd;
158
158
  --display-pink-borderColor-muted: #451c35;
159
- --display-pink-borderColor-emphasis: #d34591;
159
+ --display-pink-borderColor-emphasis: #e57bb2;
160
160
  --avatar-bgColor: #ffffff1a;
161
161
  --avatar-borderColor: #ffffffe6;
162
162
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -188,17 +188,17 @@
188
188
  --control-transparent-borderColor-active: #9ea7b3;
189
189
  --control-danger-fgColor-rest: #ff9492;
190
190
  --control-danger-fgColor-hover: #0a0c10;
191
- --control-danger-bgColor-hover: #ff6a69;
192
- --control-danger-bgColor-active: #f65052;
193
- --control-checked-bgColor-rest: #409eff;
194
- --control-checked-bgColor-hover: #4aa3ff;
195
- --control-checked-bgColor-active: #54a8ff;
191
+ --control-danger-bgColor-hover: #ff8080;
192
+ --control-danger-bgColor-active: #f65e60;
193
+ --control-checked-bgColor-rest: #5cacff;
194
+ --control-checked-bgColor-hover: #60aeff;
195
+ --control-checked-bgColor-active: #64b0ff;
196
196
  --control-checked-bgColor-disabled: #9ea7b3;
197
197
  --control-checked-fgColor-rest: #0a0c10;
198
198
  --control-checked-fgColor-disabled: #010409;
199
- --control-checked-borderColor-rest: #409eff;
200
- --control-checked-borderColor-hover: #4aa3ff;
201
- --control-checked-borderColor-active: #54a8ff;
199
+ --control-checked-borderColor-rest: #5cacff;
200
+ --control-checked-borderColor-hover: #60aeff;
201
+ --control-checked-borderColor-active: #64b0ff;
202
202
  --control-checked-borderColor-disabled: #9ea7b3;
203
203
  --controlTrack-bgColor-rest: #3d424d;
204
204
  --controlTrack-bgColor-hover: #494f5a;
@@ -213,7 +213,7 @@
213
213
  --controlKnob-bgColor-checked: #ffffff;
214
214
  --controlKnob-borderColor-rest: #9ea7b3;
215
215
  --controlKnob-borderColor-disabled: #3d424db3;
216
- --controlKnob-borderColor-checked: #409eff;
216
+ --controlKnob-borderColor-checked: #5cacff;
217
217
  --counter-borderColor: #00000000;
218
218
  --button-default-fgColor-rest: #f0f3f6;
219
219
  --button-default-bgColor-rest: #3d424d;
@@ -229,9 +229,9 @@
229
229
  --button-primary-fgColor-rest: #0a0c10;
230
230
  --button-primary-fgColor-disabled: #0a0c1080;
231
231
  --button-primary-iconColor-rest: #0a0c10;
232
- --button-primary-bgColor-rest: #09b43a;
233
- --button-primary-bgColor-hover: #0fbb3f;
234
- --button-primary-bgColor-active: #15c243;
232
+ --button-primary-bgColor-rest: #0ac740;
233
+ --button-primary-bgColor-hover: #10ca43;
234
+ --button-primary-bgColor-active: #16cd47;
235
235
  --button-primary-bgColor-disabled: #048f2f;
236
236
  --button-primary-borderColor-rest: #4ae168;
237
237
  --button-primary-borderColor-hover: #4ae168;
@@ -284,12 +284,12 @@
284
284
  --buttonCounter-primary-bgColor-rest: #01040926;
285
285
  --buttonCounter-outline-bgColor-rest: #194fb133;
286
286
  --buttonCounter-outline-bgColor-hover: #194fb133;
287
- --buttonCounter-outline-bgColor-disabled: #409eff0d;
287
+ --buttonCounter-outline-bgColor-disabled: #5cacff0d;
288
288
  --buttonCounter-outline-fgColor-rest: #5cacff;
289
289
  --buttonCounter-outline-fgColor-hover: #71b7ff;
290
290
  --buttonCounter-outline-fgColor-disabled: #73b8ff80;
291
291
  --buttonCounter-danger-bgColor-hover: #01040926;
292
- --buttonCounter-danger-bgColor-disabled: #ff6a690d;
292
+ --buttonCounter-danger-bgColor-disabled: #ff80800d;
293
293
  --buttonCounter-danger-bgColor-rest: #01040926;
294
294
  --buttonCounter-danger-fgColor-rest: #ff9492;
295
295
  --buttonCounter-danger-fgColor-hover: #ffffff;
@@ -312,7 +312,7 @@
312
312
  --underlineNav-borderColor-active: #ff967d;
313
313
  --underlineNav-borderColor-hover: #bdc4cc;
314
314
  --underlineNav-iconColor-rest: #f0f3f6;
315
- --selection-bgColor: #409effb3;
315
+ --selection-bgColor: #5cacffb3;
316
316
  --card-bgColor: #191c22;
317
317
  --label-green-bgColor-rest: #122117;
318
318
  --label-green-bgColor-hover: #182f1f;
@@ -435,7 +435,7 @@
435
435
  --fgColor-black: #010409;
436
436
  --fgColor-disabled: #9ea7b3;
437
437
  --fgColor-link: #73b8ff;
438
- --fgColor-neutral: #f0f3f6;
438
+ --fgColor-neutral: #bdc4cc;
439
439
  --fgColor-accent: #73b8ff;
440
440
  --fgColor-success: #28d751;
441
441
  --fgColor-open: #28d751;
@@ -455,28 +455,28 @@
455
455
  --bgColor-black: #010409;
456
456
  --bgColor-disabled: #3d424db3;
457
457
  --bgColor-transparent: #00000000;
458
- --bgColor-neutral-muted: #7a828e66;
458
+ --bgColor-neutral-muted: #7a828e1a;
459
459
  --bgColor-neutral-emphasis: #9ea7b3;
460
460
  --bgColor-accent-muted: #409eff1a;
461
- --bgColor-accent-emphasis: #409eff;
461
+ --bgColor-accent-emphasis: #5cacff;
462
462
  --bgColor-success-muted: #0ac74024;
463
- --bgColor-success-emphasis: #09b43a;
463
+ --bgColor-success-emphasis: #0ac740;
464
464
  --bgColor-open-muted: #0ac74024;
465
- --bgColor-open-emphasis: #09b43a;
465
+ --bgColor-open-emphasis: #0ac740;
466
466
  --bgColor-attention-muted: #edaa2726;
467
- --bgColor-attention-emphasis: #e09b13;
467
+ --bgColor-attention-emphasis: #edaa27;
468
468
  --bgColor-severe-muted: #f48b2516;
469
- --bgColor-severe-emphasis: #e7811d;
469
+ --bgColor-severe-emphasis: #f48b25;
470
470
  --bgColor-danger-muted: #ff808017;
471
- --bgColor-danger-emphasis: #ff6a69;
471
+ --bgColor-danger-emphasis: #ff8080;
472
472
  --bgColor-closed-muted: #ff808017;
473
- --bgColor-closed-emphasis: #ff6a69;
473
+ --bgColor-closed-emphasis: #ff8080;
474
474
  --bgColor-done-muted: #b87fff17;
475
- --bgColor-done-emphasis: #b87fff;
475
+ --bgColor-done-emphasis: #bf8fff;
476
476
  --bgColor-upsell-muted: #b87fff17;
477
- --bgColor-upsell-emphasis: #b87fff;
477
+ --bgColor-upsell-emphasis: #bf8fff;
478
478
  --bgColor-sponsors-muted: #ef6eb117;
479
- --bgColor-sponsors-emphasis: #ef6eb1;
479
+ --bgColor-sponsors-emphasis: #f87cbd;
480
480
  --borderColor-default: #7a828e;
481
481
  --borderColor-muted: #7a828e;
482
482
  --borderColor-emphasis: #9ea7b3;
@@ -589,7 +589,7 @@
589
589
  --codeMirror-lineNumber-fgColor: #f0f3f6;
590
590
  --codeMirror-cursor-fgColor: #fbfcfd;
591
591
  --codeMirror-selection-bgColor: #5cacff66;
592
- --codeMirror-activeline-bgColor: #7a828e66;
592
+ --codeMirror-activeline-bgColor: #7a828e1a;
593
593
  --codeMirror-matchingBracket-fgColor: #fbfcfd;
594
594
  --codeMirror-lines-bgColor: #0a0c10;
595
595
  --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -627,100 +627,100 @@
627
627
  --data-gray-color: #576270;
628
628
  --data-gray-color-muted: #1c1c1c;
629
629
  --display-blue-bgColor-muted: #001a47;
630
- --display-blue-bgColor-emphasis: #005bd1;
631
- --display-blue-fgColor: #4da0ff;
630
+ --display-blue-bgColor-emphasis: #4da0ff;
631
+ --display-blue-fgColor: #85c2ff;
632
632
  --display-blue-borderColor-muted: #002766;
633
- --display-blue-borderColor-emphasis: #0576ff;
633
+ --display-blue-borderColor-emphasis: #4da0ff;
634
634
  --display-green-bgColor-muted: #122117;
635
- --display-green-bgColor-emphasis: #2f6f37;
636
- --display-green-fgColor: #41b445;
635
+ --display-green-bgColor-emphasis: #41b445;
636
+ --display-green-fgColor: #75d36f;
637
637
  --display-green-borderColor-muted: #182f1f;
638
- --display-green-borderColor-emphasis: #388f3f;
638
+ --display-green-borderColor-emphasis: #41b445;
639
639
  --display-orange-bgColor-muted: #311708;
640
- --display-orange-bgColor-emphasis: #984b10;
641
- --display-orange-fgColor: #ed8326;
640
+ --display-orange-bgColor-emphasis: #ed8326;
641
+ --display-orange-fgColor: #f6b06a;
642
642
  --display-orange-borderColor-muted: #43200a;
643
- --display-orange-borderColor-emphasis: #c46212;
643
+ --display-orange-borderColor-emphasis: #ed8326;
644
644
  --display-purple-bgColor-muted: #211047;
645
- --display-purple-bgColor-emphasis: #7730e8;
646
- --display-purple-fgColor: #b687f7;
645
+ --display-purple-bgColor-emphasis: #b687f7;
646
+ --display-purple-fgColor: #d2affd;
647
647
  --display-purple-borderColor-muted: #31146b;
648
- --display-purple-borderColor-emphasis: #975bf1;
648
+ --display-purple-borderColor-emphasis: #b687f7;
649
649
  --display-plum-bgColor-muted: #2a0e3f;
650
- --display-plum-bgColor-emphasis: #9518d8;
651
- --display-plum-fgColor: #d07ef7;
650
+ --display-plum-bgColor-emphasis: #d07ef7;
651
+ --display-plum-fgColor: #e4a5fd;
652
652
  --display-plum-borderColor-muted: #40125e;
653
- --display-plum-borderColor-emphasis: #b643ef;
653
+ --display-plum-borderColor-emphasis: #d07ef7;
654
654
  --display-red-bgColor-muted: #3c0614;
655
- --display-red-bgColor-emphasis: #c31328;
656
- --display-red-fgColor: #f27d83;
655
+ --display-red-bgColor-emphasis: #f27d83;
656
+ --display-red-fgColor: #f7adab;
657
657
  --display-red-borderColor-muted: #58091a;
658
- --display-red-borderColor-emphasis: #eb3342;
658
+ --display-red-borderColor-emphasis: #f27d83;
659
659
  --display-coral-bgColor-muted: #3c0614;
660
- --display-coral-bgColor-emphasis: #c31328;
661
- --display-coral-fgColor: #f27d83;
660
+ --display-coral-bgColor-emphasis: #f7794b;
661
+ --display-coral-fgColor: #fdaa86;
662
662
  --display-coral-borderColor-muted: #58091a;
663
- --display-coral-borderColor-emphasis: #eb3342;
663
+ --display-coral-borderColor-emphasis: #f7794b;
664
664
  --display-yellow-bgColor-muted: #2e1a00;
665
- --display-yellow-bgColor-emphasis: #895906;
666
- --display-yellow-fgColor: #d3910d;
665
+ --display-yellow-bgColor-emphasis: #d3910d;
666
+ --display-yellow-fgColor: #edb431;
667
667
  --display-yellow-borderColor-muted: #3d2401;
668
- --display-yellow-borderColor-emphasis: #aa7109;
668
+ --display-yellow-borderColor-emphasis: #d3910d;
669
669
  --display-gray-bgColor-muted: #1c1c1c;
670
- --display-gray-bgColor-emphasis: #576270;
671
- --display-gray-fgColor: #92a1b5;
670
+ --display-gray-bgColor-emphasis: #92a1b5;
671
+ --display-gray-fgColor: #b3c0d1;
672
672
  --display-gray-borderColor-muted: #2a2b2d;
673
- --display-gray-borderColor-emphasis: #6e7f96;
673
+ --display-gray-borderColor-emphasis: #92a1b5;
674
674
  --display-auburn-bgColor-muted: #271817;
675
- --display-auburn-bgColor-emphasis: #87534f;
676
- --display-auburn-fgColor: #bf9592;
675
+ --display-auburn-bgColor-emphasis: #bf9592;
676
+ --display-auburn-fgColor: #d4b7b5;
677
677
  --display-auburn-borderColor-muted: #3a2422;
678
- --display-auburn-borderColor-emphasis: #a86f6b;
678
+ --display-auburn-borderColor-emphasis: #bf9592;
679
679
  --display-brown-bgColor-muted: #241c14;
680
- --display-brown-bgColor-emphasis: #755e3e;
681
- --display-brown-fgColor: #b69a6d;
680
+ --display-brown-bgColor-emphasis: #b69a6d;
681
+ --display-brown-fgColor: #cdbb98;
682
682
  --display-brown-borderColor-muted: #342a1d;
683
- --display-brown-borderColor-emphasis: #94774c;
683
+ --display-brown-borderColor-emphasis: #b69a6d;
684
684
  --display-lemon-bgColor-muted: #291d00;
685
- --display-lemon-bgColor-emphasis: #786008;
686
- --display-lemon-fgColor: #ba9b12;
685
+ --display-lemon-bgColor-emphasis: #ba9b12;
686
+ --display-lemon-fgColor: #d7bc1d;
687
687
  --display-lemon-borderColor-muted: #372901;
688
- --display-lemon-borderColor-emphasis: #977b0c;
688
+ --display-lemon-borderColor-emphasis: #ba9b12;
689
689
  --display-olive-bgColor-muted: #171e0b;
690
- --display-olive-bgColor-emphasis: #5e681d;
691
- --display-olive-fgColor: #a2a626;
690
+ --display-olive-bgColor-emphasis: #a2a626;
691
+ --display-olive-fgColor: #cbc025;
692
692
  --display-olive-borderColor-muted: #252d10;
693
- --display-olive-borderColor-emphasis: #7a8321;
693
+ --display-olive-borderColor-emphasis: #a2a626;
694
694
  --display-lime-bgColor-muted: #141f0f;
695
- --display-lime-bgColor-emphasis: #496c28;
696
- --display-lime-fgColor: #7dae37;
695
+ --display-lime-bgColor-emphasis: #7dae37;
696
+ --display-lime-fgColor: #9fcc3e;
697
697
  --display-lime-borderColor-muted: #1f3116;
698
- --display-lime-borderColor-emphasis: #5f892f;
698
+ --display-lime-borderColor-emphasis: #7dae37;
699
699
  --display-pine-bgColor-muted: #082119;
700
- --display-pine-bgColor-emphasis: #14714c;
701
- --display-pine-fgColor: #1bb673;
700
+ --display-pine-bgColor-emphasis: #1bb673;
701
+ --display-pine-fgColor: #1bda81;
702
702
  --display-pine-borderColor-muted: #0b3224;
703
- --display-pine-borderColor-emphasis: #18915e;
703
+ --display-pine-borderColor-emphasis: #1bb673;
704
704
  --display-teal-bgColor-muted: #041f25;
705
- --display-teal-bgColor-emphasis: #106c70;
706
- --display-teal-fgColor: #1cb0ab;
705
+ --display-teal-bgColor-emphasis: #1cb0ab;
706
+ --display-teal-fgColor: #24d6c4;
707
707
  --display-teal-borderColor-muted: #073036;
708
- --display-teal-borderColor-emphasis: #158a8a;
708
+ --display-teal-borderColor-emphasis: #1cb0ab;
709
709
  --display-cyan-bgColor-muted: #001f29;
710
- --display-cyan-bgColor-emphasis: #036a8c;
711
- --display-cyan-fgColor: #07ace4;
710
+ --display-cyan-bgColor-emphasis: #07ace4;
711
+ --display-cyan-fgColor: #45cbf7;
712
712
  --display-cyan-borderColor-muted: #002e3d;
713
- --display-cyan-borderColor-emphasis: #0587b3;
713
+ --display-cyan-borderColor-emphasis: #07ace4;
714
714
  --display-indigo-bgColor-muted: #1b183f;
715
- --display-indigo-bgColor-emphasis: #514ed4;
716
- --display-indigo-fgColor: #9899ec;
715
+ --display-indigo-bgColor-emphasis: #9899ec;
716
+ --display-indigo-fgColor: #b7baf6;
717
717
  --display-indigo-borderColor-muted: #25215f;
718
- --display-indigo-borderColor-emphasis: #7070e1;
718
+ --display-indigo-borderColor-emphasis: #9899ec;
719
719
  --display-pink-bgColor-muted: #2d1524;
720
- --display-pink-bgColor-emphasis: #ac2f74;
721
- --display-pink-fgColor: #e57bb2;
720
+ --display-pink-bgColor-emphasis: #e57bb2;
721
+ --display-pink-fgColor: #f4a9cd;
722
722
  --display-pink-borderColor-muted: #451c35;
723
- --display-pink-borderColor-emphasis: #d34591;
723
+ --display-pink-borderColor-emphasis: #e57bb2;
724
724
  --avatar-bgColor: #ffffff1a;
725
725
  --avatar-borderColor: #ffffffe6;
726
726
  --avatar-shadow: 0px 0px 0px 2px #0a0c10;
@@ -752,17 +752,17 @@
752
752
  --control-transparent-borderColor-active: #9ea7b3;
753
753
  --control-danger-fgColor-rest: #ff9492;
754
754
  --control-danger-fgColor-hover: #0a0c10;
755
- --control-danger-bgColor-hover: #ff6a69;
756
- --control-danger-bgColor-active: #f65052;
757
- --control-checked-bgColor-rest: #409eff;
758
- --control-checked-bgColor-hover: #4aa3ff;
759
- --control-checked-bgColor-active: #54a8ff;
755
+ --control-danger-bgColor-hover: #ff8080;
756
+ --control-danger-bgColor-active: #f65e60;
757
+ --control-checked-bgColor-rest: #5cacff;
758
+ --control-checked-bgColor-hover: #60aeff;
759
+ --control-checked-bgColor-active: #64b0ff;
760
760
  --control-checked-bgColor-disabled: #9ea7b3;
761
761
  --control-checked-fgColor-rest: #0a0c10;
762
762
  --control-checked-fgColor-disabled: #010409;
763
- --control-checked-borderColor-rest: #409eff;
764
- --control-checked-borderColor-hover: #4aa3ff;
765
- --control-checked-borderColor-active: #54a8ff;
763
+ --control-checked-borderColor-rest: #5cacff;
764
+ --control-checked-borderColor-hover: #60aeff;
765
+ --control-checked-borderColor-active: #64b0ff;
766
766
  --control-checked-borderColor-disabled: #9ea7b3;
767
767
  --controlTrack-bgColor-rest: #3d424d;
768
768
  --controlTrack-bgColor-hover: #494f5a;
@@ -777,7 +777,7 @@
777
777
  --controlKnob-bgColor-checked: #ffffff;
778
778
  --controlKnob-borderColor-rest: #9ea7b3;
779
779
  --controlKnob-borderColor-disabled: #3d424db3;
780
- --controlKnob-borderColor-checked: #409eff;
780
+ --controlKnob-borderColor-checked: #5cacff;
781
781
  --counter-borderColor: #00000000;
782
782
  --button-default-fgColor-rest: #f0f3f6;
783
783
  --button-default-bgColor-rest: #3d424d;
@@ -793,9 +793,9 @@
793
793
  --button-primary-fgColor-rest: #0a0c10;
794
794
  --button-primary-fgColor-disabled: #0a0c1080;
795
795
  --button-primary-iconColor-rest: #0a0c10;
796
- --button-primary-bgColor-rest: #09b43a;
797
- --button-primary-bgColor-hover: #0fbb3f;
798
- --button-primary-bgColor-active: #15c243;
796
+ --button-primary-bgColor-rest: #0ac740;
797
+ --button-primary-bgColor-hover: #10ca43;
798
+ --button-primary-bgColor-active: #16cd47;
799
799
  --button-primary-bgColor-disabled: #048f2f;
800
800
  --button-primary-borderColor-rest: #4ae168;
801
801
  --button-primary-borderColor-hover: #4ae168;
@@ -848,12 +848,12 @@
848
848
  --buttonCounter-primary-bgColor-rest: #01040926;
849
849
  --buttonCounter-outline-bgColor-rest: #194fb133;
850
850
  --buttonCounter-outline-bgColor-hover: #194fb133;
851
- --buttonCounter-outline-bgColor-disabled: #409eff0d;
851
+ --buttonCounter-outline-bgColor-disabled: #5cacff0d;
852
852
  --buttonCounter-outline-fgColor-rest: #5cacff;
853
853
  --buttonCounter-outline-fgColor-hover: #71b7ff;
854
854
  --buttonCounter-outline-fgColor-disabled: #73b8ff80;
855
855
  --buttonCounter-danger-bgColor-hover: #01040926;
856
- --buttonCounter-danger-bgColor-disabled: #ff6a690d;
856
+ --buttonCounter-danger-bgColor-disabled: #ff80800d;
857
857
  --buttonCounter-danger-bgColor-rest: #01040926;
858
858
  --buttonCounter-danger-fgColor-rest: #ff9492;
859
859
  --buttonCounter-danger-fgColor-hover: #ffffff;
@@ -876,7 +876,7 @@
876
876
  --underlineNav-borderColor-active: #ff967d;
877
877
  --underlineNav-borderColor-hover: #bdc4cc;
878
878
  --underlineNav-iconColor-rest: #f0f3f6;
879
- --selection-bgColor: #409effb3;
879
+ --selection-bgColor: #5cacffb3;
880
880
  --card-bgColor: #191c22;
881
881
  --label-green-bgColor-rest: #122117;
882
882
  --label-green-bgColor-hover: #182f1f;
@@ -999,7 +999,7 @@
999
999
  --fgColor-black: #010409;
1000
1000
  --fgColor-disabled: #9ea7b3;
1001
1001
  --fgColor-link: #73b8ff;
1002
- --fgColor-neutral: #f0f3f6;
1002
+ --fgColor-neutral: #bdc4cc;
1003
1003
  --fgColor-accent: #73b8ff;
1004
1004
  --fgColor-success: #28d751;
1005
1005
  --fgColor-open: #28d751;
@@ -1019,28 +1019,28 @@
1019
1019
  --bgColor-black: #010409;
1020
1020
  --bgColor-disabled: #3d424db3;
1021
1021
  --bgColor-transparent: #00000000;
1022
- --bgColor-neutral-muted: #7a828e66;
1022
+ --bgColor-neutral-muted: #7a828e1a;
1023
1023
  --bgColor-neutral-emphasis: #9ea7b3;
1024
1024
  --bgColor-accent-muted: #409eff1a;
1025
- --bgColor-accent-emphasis: #409eff;
1025
+ --bgColor-accent-emphasis: #5cacff;
1026
1026
  --bgColor-success-muted: #0ac74024;
1027
- --bgColor-success-emphasis: #09b43a;
1027
+ --bgColor-success-emphasis: #0ac740;
1028
1028
  --bgColor-open-muted: #0ac74024;
1029
- --bgColor-open-emphasis: #09b43a;
1029
+ --bgColor-open-emphasis: #0ac740;
1030
1030
  --bgColor-attention-muted: #edaa2726;
1031
- --bgColor-attention-emphasis: #e09b13;
1031
+ --bgColor-attention-emphasis: #edaa27;
1032
1032
  --bgColor-severe-muted: #f48b2516;
1033
- --bgColor-severe-emphasis: #e7811d;
1033
+ --bgColor-severe-emphasis: #f48b25;
1034
1034
  --bgColor-danger-muted: #ff808017;
1035
- --bgColor-danger-emphasis: #ff6a69;
1035
+ --bgColor-danger-emphasis: #ff8080;
1036
1036
  --bgColor-closed-muted: #ff808017;
1037
- --bgColor-closed-emphasis: #ff6a69;
1037
+ --bgColor-closed-emphasis: #ff8080;
1038
1038
  --bgColor-done-muted: #b87fff17;
1039
- --bgColor-done-emphasis: #b87fff;
1039
+ --bgColor-done-emphasis: #bf8fff;
1040
1040
  --bgColor-upsell-muted: #b87fff17;
1041
- --bgColor-upsell-emphasis: #b87fff;
1041
+ --bgColor-upsell-emphasis: #bf8fff;
1042
1042
  --bgColor-sponsors-muted: #ef6eb117;
1043
- --bgColor-sponsors-emphasis: #ef6eb1;
1043
+ --bgColor-sponsors-emphasis: #f87cbd;
1044
1044
  --borderColor-default: #7a828e;
1045
1045
  --borderColor-muted: #7a828e;
1046
1046
  --borderColor-emphasis: #9ea7b3;