@primer/primitives 7.15.10 → 7.15.11-rc.a06d518f
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.
- package/dist/css/functional/themes/dark-colorblind.css +4 -2
- package/dist/css/functional/themes/dark-dimmed.css +4 -2
- package/dist/css/functional/themes/dark-high-contrast.css +4 -2
- package/dist/css/functional/themes/dark-tritanopia.css +4 -2
- package/dist/css/functional/themes/dark.css +4 -2
- package/dist/css/functional/themes/light-colorblind.css +4 -2
- package/dist/css/functional/themes/light-high-contrast.css +4 -2
- package/dist/css/functional/themes/light-tritanopia.css +4 -2
- package/dist/css/functional/themes/light.css +4 -2
- package/dist/docs/functional/themes/dark-colorblind.json +33 -4
- package/dist/docs/functional/themes/dark-dimmed.json +33 -4
- package/dist/docs/functional/themes/dark-high-contrast.json +33 -4
- package/dist/docs/functional/themes/dark-tritanopia.json +33 -4
- package/dist/docs/functional/themes/dark.json +33 -4
- package/dist/docs/functional/themes/light-colorblind.json +33 -4
- package/dist/docs/functional/themes/light-high-contrast.json +33 -4
- package/dist/docs/functional/themes/light-tritanopia.json +33 -4
- package/dist/docs/functional/themes/light.json +33 -4
- package/dist/figma/themes/dark-colorblind.json +32 -17
- package/dist/figma/themes/dark-dimmed.json +32 -17
- package/dist/figma/themes/dark-high-contrast.json +32 -17
- package/dist/figma/themes/dark-tritanopia.json +32 -17
- package/dist/figma/themes/dark.json +32 -17
- package/dist/figma/themes/light-colorblind.json +32 -17
- package/dist/figma/themes/light-high-contrast.json +32 -17
- package/dist/figma/themes/light-tritanopia.json +32 -17
- package/dist/figma/themes/light.json +32 -17
- package/dist/scss/functional/themes/dark-colorblind.scss +2 -1
- package/dist/scss/functional/themes/dark-dimmed.scss +2 -1
- package/dist/scss/functional/themes/dark-high-contrast.scss +2 -1
- package/dist/scss/functional/themes/dark-tritanopia.scss +2 -1
- package/dist/scss/functional/themes/dark.scss +2 -1
- package/dist/scss/functional/themes/light-colorblind.scss +2 -1
- package/dist/scss/functional/themes/light-high-contrast.scss +2 -1
- package/dist/scss/functional/themes/light-tritanopia.scss +2 -1
- package/dist/scss/functional/themes/light.scss +2 -1
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -2
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -2
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +4 -2
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -2
- package/tokens-next-private/css/functional/themes/dark.css +4 -2
- package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -2
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +4 -2
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -2
- package/tokens-next-private/css/functional/themes/light.css +4 -2
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +33 -4
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +33 -4
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +33 -4
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +33 -4
- package/tokens-next-private/docs/functional/themes/dark.json +33 -4
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +33 -4
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +33 -4
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +33 -4
- package/tokens-next-private/docs/functional/themes/light.json +33 -4
- package/tokens-next-private/figma/themes/dark-colorblind.json +32 -17
- package/tokens-next-private/figma/themes/dark-dimmed.json +32 -17
- package/tokens-next-private/figma/themes/dark-high-contrast.json +32 -17
- package/tokens-next-private/figma/themes/dark-tritanopia.json +32 -17
- package/tokens-next-private/figma/themes/dark.json +32 -17
- package/tokens-next-private/figma/themes/light-colorblind.json +32 -17
- package/tokens-next-private/figma/themes/light-high-contrast.json +32 -17
- package/tokens-next-private/figma/themes/light-tritanopia.json +32 -17
- package/tokens-next-private/figma/themes/light.json +32 -17
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -1
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -1
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +2 -1
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -1
- package/tokens-next-private/scss/functional/themes/dark.scss +2 -1
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -1
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +2 -1
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -1
- package/tokens-next-private/scss/functional/themes/light.scss +2 -1
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -29,6 +29,21 @@
|
|
|
29
29
|
"group": "syntax",
|
|
30
30
|
"scopes": ["ALL_SCOPES"]
|
|
31
31
|
},
|
|
32
|
+
{
|
|
33
|
+
"name": "fgColor/white",
|
|
34
|
+
"value": {
|
|
35
|
+
"r": 1,
|
|
36
|
+
"g": 1,
|
|
37
|
+
"b": 1,
|
|
38
|
+
"a": 1
|
|
39
|
+
},
|
|
40
|
+
"type": "COLOR",
|
|
41
|
+
"refId": "mode/fgColor/white",
|
|
42
|
+
"collection": "mode",
|
|
43
|
+
"mode": "light tritanopia",
|
|
44
|
+
"group": "semantic",
|
|
45
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
46
|
+
},
|
|
32
47
|
{
|
|
33
48
|
"name": "shadow/resting/medium/offsetX",
|
|
34
49
|
"value": 0,
|
|
@@ -3985,6 +4000,23 @@
|
|
|
3985
4000
|
"web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
|
|
3986
4001
|
}
|
|
3987
4002
|
},
|
|
4003
|
+
{
|
|
4004
|
+
"name": "selection/bgColor",
|
|
4005
|
+
"value": {
|
|
4006
|
+
"r": 0.03529411764705882,
|
|
4007
|
+
"g": 0.4117647058823529,
|
|
4008
|
+
"b": 0.8549019607843137,
|
|
4009
|
+
"a": 0.2
|
|
4010
|
+
},
|
|
4011
|
+
"type": "COLOR",
|
|
4012
|
+
"alpha": 0.2,
|
|
4013
|
+
"refId": "mode/selection/bgColor",
|
|
4014
|
+
"reference": "mode/bgColor/accent-emphasis",
|
|
4015
|
+
"collection": "mode",
|
|
4016
|
+
"mode": "light tritanopia",
|
|
4017
|
+
"group": "component",
|
|
4018
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4019
|
+
},
|
|
3988
4020
|
{
|
|
3989
4021
|
"name": "underlineNav/iconColor/rest",
|
|
3990
4022
|
"value": {
|
|
@@ -5457,23 +5489,6 @@
|
|
|
5457
5489
|
"group": "component",
|
|
5458
5490
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5459
5491
|
},
|
|
5460
|
-
{
|
|
5461
|
-
"name": "selection/bgColor",
|
|
5462
|
-
"value": {
|
|
5463
|
-
"r": 0.03529411764705882,
|
|
5464
|
-
"g": 0.4117647058823529,
|
|
5465
|
-
"b": 0.8549019607843137,
|
|
5466
|
-
"a": 0.1
|
|
5467
|
-
},
|
|
5468
|
-
"type": "COLOR",
|
|
5469
|
-
"alpha": 0.1,
|
|
5470
|
-
"refId": "mode/selection/bgColor",
|
|
5471
|
-
"reference": "mode/fgColor/link",
|
|
5472
|
-
"collection": "mode",
|
|
5473
|
-
"mode": "light tritanopia",
|
|
5474
|
-
"group": "component",
|
|
5475
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5476
|
-
},
|
|
5477
5492
|
{
|
|
5478
5493
|
"name": "overlay/borderColor",
|
|
5479
5494
|
"value": {
|
|
@@ -29,6 +29,21 @@
|
|
|
29
29
|
"group": "syntax",
|
|
30
30
|
"scopes": ["ALL_SCOPES"]
|
|
31
31
|
},
|
|
32
|
+
{
|
|
33
|
+
"name": "fgColor/white",
|
|
34
|
+
"value": {
|
|
35
|
+
"r": 1,
|
|
36
|
+
"g": 1,
|
|
37
|
+
"b": 1,
|
|
38
|
+
"a": 1
|
|
39
|
+
},
|
|
40
|
+
"type": "COLOR",
|
|
41
|
+
"refId": "mode/fgColor/white",
|
|
42
|
+
"collection": "mode",
|
|
43
|
+
"mode": "light",
|
|
44
|
+
"group": "semantic",
|
|
45
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
46
|
+
},
|
|
32
47
|
{
|
|
33
48
|
"name": "shadow/resting/medium/offsetX",
|
|
34
49
|
"value": 0,
|
|
@@ -3984,6 +3999,23 @@
|
|
|
3984
3999
|
"web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
|
|
3985
4000
|
}
|
|
3986
4001
|
},
|
|
4002
|
+
{
|
|
4003
|
+
"name": "selection/bgColor",
|
|
4004
|
+
"value": {
|
|
4005
|
+
"r": 0.03529411764705882,
|
|
4006
|
+
"g": 0.4117647058823529,
|
|
4007
|
+
"b": 0.8549019607843137,
|
|
4008
|
+
"a": 0.2
|
|
4009
|
+
},
|
|
4010
|
+
"type": "COLOR",
|
|
4011
|
+
"alpha": 0.2,
|
|
4012
|
+
"refId": "mode/selection/bgColor",
|
|
4013
|
+
"reference": "mode/bgColor/accent-emphasis",
|
|
4014
|
+
"collection": "mode",
|
|
4015
|
+
"mode": "light",
|
|
4016
|
+
"group": "component",
|
|
4017
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
4018
|
+
},
|
|
3987
4019
|
{
|
|
3988
4020
|
"name": "underlineNav/iconColor/rest",
|
|
3989
4021
|
"value": {
|
|
@@ -5456,23 +5488,6 @@
|
|
|
5456
5488
|
"group": "component",
|
|
5457
5489
|
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5458
5490
|
},
|
|
5459
|
-
{
|
|
5460
|
-
"name": "selection/bgColor",
|
|
5461
|
-
"value": {
|
|
5462
|
-
"r": 0.03529411764705882,
|
|
5463
|
-
"g": 0.4117647058823529,
|
|
5464
|
-
"b": 0.8549019607843137,
|
|
5465
|
-
"a": 0.1
|
|
5466
|
-
},
|
|
5467
|
-
"type": "COLOR",
|
|
5468
|
-
"alpha": 0.1,
|
|
5469
|
-
"refId": "mode/selection/bgColor",
|
|
5470
|
-
"reference": "mode/fgColor/link",
|
|
5471
|
-
"collection": "mode",
|
|
5472
|
-
"mode": "light",
|
|
5473
|
-
"group": "component",
|
|
5474
|
-
"scopes": ["FRAME_FILL", "SHAPE_FILL"]
|
|
5475
|
-
},
|
|
5476
5491
|
{
|
|
5477
5492
|
"name": "overlay/borderColor",
|
|
5478
5493
|
"value": {
|
|
@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
|
|
|
198
198
|
$underlineNav-borderColor-active: #f78166;
|
|
199
199
|
$underlineNav-borderColor-hover: #6e768166;
|
|
200
200
|
$underlineNav-iconColor-rest: #848d97;
|
|
201
|
-
$selection-bgColor: #
|
|
201
|
+
$selection-bgColor: #1f6febb3;
|
|
202
202
|
$fgColor-default: #e6edf3;
|
|
203
203
|
$fgColor-muted: #848d97;
|
|
204
204
|
$fgColor-onEmphasis: #ffffff;
|
|
205
|
+
$fgColor-white: #ffffff;
|
|
205
206
|
$fgColor-disabled: #6e7681;
|
|
206
207
|
$fgColor-link: #4493f8;
|
|
207
208
|
$fgColor-neutral: #6e7681;
|
|
@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #717e8b;
|
|
|
198
198
|
$underlineNav-borderColor-active: #ec775c;
|
|
199
199
|
$underlineNav-borderColor-hover: #636e7b66;
|
|
200
200
|
$underlineNav-iconColor-rest: #717e8b;
|
|
201
|
-
$selection-bgColor: #
|
|
201
|
+
$selection-bgColor: #316dcab3;
|
|
202
202
|
$fgColor-default: #c5d1de;
|
|
203
203
|
$fgColor-muted: #717e8b;
|
|
204
204
|
$fgColor-onEmphasis: #cdd9e5;
|
|
205
|
+
$fgColor-white: #ffffff;
|
|
205
206
|
$fgColor-disabled: #636e7b;
|
|
206
207
|
$fgColor-link: #478be6;
|
|
207
208
|
$fgColor-neutral: #636e7b;
|
|
@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #f0f3f6;
|
|
|
198
198
|
$underlineNav-borderColor-active: #ff967d;
|
|
199
199
|
$underlineNav-borderColor-hover: #bdc4cc;
|
|
200
200
|
$underlineNav-iconColor-rest: #f0f3f6;
|
|
201
|
-
$selection-bgColor: #
|
|
201
|
+
$selection-bgColor: #409effb3;
|
|
202
202
|
$fgColor-default: #fbfcfd;
|
|
203
203
|
$fgColor-muted: #f0f3f6;
|
|
204
204
|
$fgColor-onEmphasis: #0a0c10;
|
|
205
|
+
$fgColor-white: #ffffff;
|
|
205
206
|
$fgColor-disabled: #9ea7b3;
|
|
206
207
|
$fgColor-link: #60aeff;
|
|
207
208
|
$fgColor-neutral: #9ea7b3;
|
|
@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
|
|
|
198
198
|
$underlineNav-borderColor-active: #f78166;
|
|
199
199
|
$underlineNav-borderColor-hover: #6e768166;
|
|
200
200
|
$underlineNav-iconColor-rest: #848d97;
|
|
201
|
-
$selection-bgColor: #
|
|
201
|
+
$selection-bgColor: #1f6febb3;
|
|
202
202
|
$fgColor-default: #e6edf3;
|
|
203
203
|
$fgColor-muted: #848d97;
|
|
204
204
|
$fgColor-onEmphasis: #ffffff;
|
|
205
|
+
$fgColor-white: #ffffff;
|
|
205
206
|
$fgColor-disabled: #6e7681;
|
|
206
207
|
$fgColor-link: #4493f8;
|
|
207
208
|
$fgColor-neutral: #6e7681;
|
|
@@ -198,10 +198,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #848d97;
|
|
|
198
198
|
$underlineNav-borderColor-active: #f78166;
|
|
199
199
|
$underlineNav-borderColor-hover: #6e768166;
|
|
200
200
|
$underlineNav-iconColor-rest: #848d97;
|
|
201
|
-
$selection-bgColor: #
|
|
201
|
+
$selection-bgColor: #1f6febb3;
|
|
202
202
|
$fgColor-default: #e6edf3;
|
|
203
203
|
$fgColor-muted: #848d97;
|
|
204
204
|
$fgColor-onEmphasis: #ffffff;
|
|
205
|
+
$fgColor-white: #ffffff;
|
|
205
206
|
$fgColor-disabled: #6e7681;
|
|
206
207
|
$fgColor-link: #4493f8;
|
|
207
208
|
$fgColor-neutral: #6e7681;
|
|
@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
|
199
199
|
$underlineNav-borderColor-active: #fd8c73;
|
|
200
200
|
$underlineNav-borderColor-hover: #afb8c133;
|
|
201
201
|
$underlineNav-iconColor-rest: #636c76;
|
|
202
|
-
$selection-bgColor: #
|
|
202
|
+
$selection-bgColor: #0969da33;
|
|
203
203
|
$fgColor-default: #1f2328;
|
|
204
204
|
$fgColor-muted: #636c76;
|
|
205
205
|
$fgColor-onEmphasis: #ffffff;
|
|
206
|
+
$fgColor-white: #ffffff;
|
|
206
207
|
$fgColor-disabled: #8c959f;
|
|
207
208
|
$fgColor-link: #0969da;
|
|
208
209
|
$fgColor-neutral: #6e7781;
|
|
@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #368cf9;
|
|
|
199
199
|
$underlineNav-borderColor-active: #cd3425;
|
|
200
200
|
$underlineNav-borderColor-hover: #88929d;
|
|
201
201
|
$underlineNav-iconColor-rest: #0e1116;
|
|
202
|
-
$selection-bgColor: #
|
|
202
|
+
$selection-bgColor: #0349b433;
|
|
203
203
|
$fgColor-default: #010409;
|
|
204
204
|
$fgColor-muted: #0e1116;
|
|
205
205
|
$fgColor-onEmphasis: #ffffff;
|
|
206
|
+
$fgColor-white: #ffffff;
|
|
206
207
|
$fgColor-disabled: #66707b;
|
|
207
208
|
$fgColor-link: #023b95;
|
|
208
209
|
$fgColor-neutral: #66707b;
|
|
@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
|
199
199
|
$underlineNav-borderColor-active: #fd8c73;
|
|
200
200
|
$underlineNav-borderColor-hover: #afb8c133;
|
|
201
201
|
$underlineNav-iconColor-rest: #636c76;
|
|
202
|
-
$selection-bgColor: #
|
|
202
|
+
$selection-bgColor: #0969da33;
|
|
203
203
|
$fgColor-default: #1f2328;
|
|
204
204
|
$fgColor-muted: #636c76;
|
|
205
205
|
$fgColor-onEmphasis: #ffffff;
|
|
206
|
+
$fgColor-white: #ffffff;
|
|
206
207
|
$fgColor-disabled: #8c959f;
|
|
207
208
|
$fgColor-link: #0969da;
|
|
208
209
|
$fgColor-neutral: #6e7781;
|
|
@@ -199,10 +199,11 @@ $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
|
|
|
199
199
|
$underlineNav-borderColor-active: #fd8c73;
|
|
200
200
|
$underlineNav-borderColor-hover: #afb8c133;
|
|
201
201
|
$underlineNav-iconColor-rest: #636c76;
|
|
202
|
-
$selection-bgColor: #
|
|
202
|
+
$selection-bgColor: #0969da33;
|
|
203
203
|
$fgColor-default: #1f2328;
|
|
204
204
|
$fgColor-muted: #636c76;
|
|
205
205
|
$fgColor-onEmphasis: #ffffff;
|
|
206
|
+
$fgColor-white: #ffffff;
|
|
206
207
|
$fgColor-disabled: #8c959f;
|
|
207
208
|
$fgColor-link: #0969da;
|
|
208
209
|
$fgColor-neutral: #6e7781;
|
package/package.json
CHANGED
|
@@ -202,10 +202,11 @@
|
|
|
202
202
|
--underlineNav-borderColor-active: #f78166;
|
|
203
203
|
--underlineNav-borderColor-hover: #6e768166;
|
|
204
204
|
--underlineNav-iconColor-rest: #848d97;
|
|
205
|
-
--selection-bgColor: #
|
|
205
|
+
--selection-bgColor: #1f6febb3;
|
|
206
206
|
--fgColor-default: #e6edf3;
|
|
207
207
|
--fgColor-muted: #848d97;
|
|
208
208
|
--fgColor-onEmphasis: #ffffff;
|
|
209
|
+
--fgColor-white: #ffffff;
|
|
209
210
|
--fgColor-disabled: #6e7681;
|
|
210
211
|
--fgColor-link: #4493f8;
|
|
211
212
|
--fgColor-neutral: #6e7681;
|
|
@@ -623,10 +624,11 @@
|
|
|
623
624
|
--underlineNav-borderColor-active: #f78166;
|
|
624
625
|
--underlineNav-borderColor-hover: #6e768166;
|
|
625
626
|
--underlineNav-iconColor-rest: #848d97;
|
|
626
|
-
--selection-bgColor: #
|
|
627
|
+
--selection-bgColor: #1f6febb3;
|
|
627
628
|
--fgColor-default: #e6edf3;
|
|
628
629
|
--fgColor-muted: #848d97;
|
|
629
630
|
--fgColor-onEmphasis: #ffffff;
|
|
631
|
+
--fgColor-white: #ffffff;
|
|
630
632
|
--fgColor-disabled: #6e7681;
|
|
631
633
|
--fgColor-link: #4493f8;
|
|
632
634
|
--fgColor-neutral: #6e7681;
|
|
@@ -202,10 +202,11 @@
|
|
|
202
202
|
--underlineNav-borderColor-active: #ec775c;
|
|
203
203
|
--underlineNav-borderColor-hover: #636e7b66;
|
|
204
204
|
--underlineNav-iconColor-rest: #717e8b;
|
|
205
|
-
--selection-bgColor: #
|
|
205
|
+
--selection-bgColor: #316dcab3;
|
|
206
206
|
--fgColor-default: #c5d1de;
|
|
207
207
|
--fgColor-muted: #717e8b;
|
|
208
208
|
--fgColor-onEmphasis: #cdd9e5;
|
|
209
|
+
--fgColor-white: #ffffff;
|
|
209
210
|
--fgColor-disabled: #636e7b;
|
|
210
211
|
--fgColor-link: #478be6;
|
|
211
212
|
--fgColor-neutral: #636e7b;
|
|
@@ -623,10 +624,11 @@
|
|
|
623
624
|
--underlineNav-borderColor-active: #ec775c;
|
|
624
625
|
--underlineNav-borderColor-hover: #636e7b66;
|
|
625
626
|
--underlineNav-iconColor-rest: #717e8b;
|
|
626
|
-
--selection-bgColor: #
|
|
627
|
+
--selection-bgColor: #316dcab3;
|
|
627
628
|
--fgColor-default: #c5d1de;
|
|
628
629
|
--fgColor-muted: #717e8b;
|
|
629
630
|
--fgColor-onEmphasis: #cdd9e5;
|
|
631
|
+
--fgColor-white: #ffffff;
|
|
630
632
|
--fgColor-disabled: #636e7b;
|
|
631
633
|
--fgColor-link: #478be6;
|
|
632
634
|
--fgColor-neutral: #636e7b;
|
|
@@ -202,10 +202,11 @@
|
|
|
202
202
|
--underlineNav-borderColor-active: #ff967d;
|
|
203
203
|
--underlineNav-borderColor-hover: #bdc4cc;
|
|
204
204
|
--underlineNav-iconColor-rest: #f0f3f6;
|
|
205
|
-
--selection-bgColor: #
|
|
205
|
+
--selection-bgColor: #409effb3;
|
|
206
206
|
--fgColor-default: #fbfcfd;
|
|
207
207
|
--fgColor-muted: #f0f3f6;
|
|
208
208
|
--fgColor-onEmphasis: #0a0c10;
|
|
209
|
+
--fgColor-white: #ffffff;
|
|
209
210
|
--fgColor-disabled: #9ea7b3;
|
|
210
211
|
--fgColor-link: #60aeff;
|
|
211
212
|
--fgColor-neutral: #9ea7b3;
|
|
@@ -623,10 +624,11 @@
|
|
|
623
624
|
--underlineNav-borderColor-active: #ff967d;
|
|
624
625
|
--underlineNav-borderColor-hover: #bdc4cc;
|
|
625
626
|
--underlineNav-iconColor-rest: #f0f3f6;
|
|
626
|
-
--selection-bgColor: #
|
|
627
|
+
--selection-bgColor: #409effb3;
|
|
627
628
|
--fgColor-default: #fbfcfd;
|
|
628
629
|
--fgColor-muted: #f0f3f6;
|
|
629
630
|
--fgColor-onEmphasis: #0a0c10;
|
|
631
|
+
--fgColor-white: #ffffff;
|
|
630
632
|
--fgColor-disabled: #9ea7b3;
|
|
631
633
|
--fgColor-link: #60aeff;
|
|
632
634
|
--fgColor-neutral: #9ea7b3;
|
|
@@ -202,10 +202,11 @@
|
|
|
202
202
|
--underlineNav-borderColor-active: #f78166;
|
|
203
203
|
--underlineNav-borderColor-hover: #6e768166;
|
|
204
204
|
--underlineNav-iconColor-rest: #848d97;
|
|
205
|
-
--selection-bgColor: #
|
|
205
|
+
--selection-bgColor: #1f6febb3;
|
|
206
206
|
--fgColor-default: #e6edf3;
|
|
207
207
|
--fgColor-muted: #848d97;
|
|
208
208
|
--fgColor-onEmphasis: #ffffff;
|
|
209
|
+
--fgColor-white: #ffffff;
|
|
209
210
|
--fgColor-disabled: #6e7681;
|
|
210
211
|
--fgColor-link: #4493f8;
|
|
211
212
|
--fgColor-neutral: #6e7681;
|
|
@@ -623,10 +624,11 @@
|
|
|
623
624
|
--underlineNav-borderColor-active: #f78166;
|
|
624
625
|
--underlineNav-borderColor-hover: #6e768166;
|
|
625
626
|
--underlineNav-iconColor-rest: #848d97;
|
|
626
|
-
--selection-bgColor: #
|
|
627
|
+
--selection-bgColor: #1f6febb3;
|
|
627
628
|
--fgColor-default: #e6edf3;
|
|
628
629
|
--fgColor-muted: #848d97;
|
|
629
630
|
--fgColor-onEmphasis: #ffffff;
|
|
631
|
+
--fgColor-white: #ffffff;
|
|
630
632
|
--fgColor-disabled: #6e7681;
|
|
631
633
|
--fgColor-link: #4493f8;
|
|
632
634
|
--fgColor-neutral: #6e7681;
|
|
@@ -202,10 +202,11 @@
|
|
|
202
202
|
--underlineNav-borderColor-active: #f78166;
|
|
203
203
|
--underlineNav-borderColor-hover: #6e768166;
|
|
204
204
|
--underlineNav-iconColor-rest: #848d97;
|
|
205
|
-
--selection-bgColor: #
|
|
205
|
+
--selection-bgColor: #1f6febb3;
|
|
206
206
|
--fgColor-default: #e6edf3;
|
|
207
207
|
--fgColor-muted: #848d97;
|
|
208
208
|
--fgColor-onEmphasis: #ffffff;
|
|
209
|
+
--fgColor-white: #ffffff;
|
|
209
210
|
--fgColor-disabled: #6e7681;
|
|
210
211
|
--fgColor-link: #4493f8;
|
|
211
212
|
--fgColor-neutral: #6e7681;
|
|
@@ -623,10 +624,11 @@
|
|
|
623
624
|
--underlineNav-borderColor-active: #f78166;
|
|
624
625
|
--underlineNav-borderColor-hover: #6e768166;
|
|
625
626
|
--underlineNav-iconColor-rest: #848d97;
|
|
626
|
-
--selection-bgColor: #
|
|
627
|
+
--selection-bgColor: #1f6febb3;
|
|
627
628
|
--fgColor-default: #e6edf3;
|
|
628
629
|
--fgColor-muted: #848d97;
|
|
629
630
|
--fgColor-onEmphasis: #ffffff;
|
|
631
|
+
--fgColor-white: #ffffff;
|
|
630
632
|
--fgColor-disabled: #6e7681;
|
|
631
633
|
--fgColor-link: #4493f8;
|
|
632
634
|
--fgColor-neutral: #6e7681;
|
|
@@ -203,10 +203,11 @@
|
|
|
203
203
|
--underlineNav-borderColor-active: #fd8c73;
|
|
204
204
|
--underlineNav-borderColor-hover: #afb8c133;
|
|
205
205
|
--underlineNav-iconColor-rest: #636c76;
|
|
206
|
-
--selection-bgColor: #
|
|
206
|
+
--selection-bgColor: #0969da33;
|
|
207
207
|
--fgColor-default: #1f2328;
|
|
208
208
|
--fgColor-muted: #636c76;
|
|
209
209
|
--fgColor-onEmphasis: #ffffff;
|
|
210
|
+
--fgColor-white: #ffffff;
|
|
210
211
|
--fgColor-disabled: #8c959f;
|
|
211
212
|
--fgColor-link: #0969da;
|
|
212
213
|
--fgColor-neutral: #6e7781;
|
|
@@ -624,10 +625,11 @@
|
|
|
624
625
|
--underlineNav-borderColor-active: #fd8c73;
|
|
625
626
|
--underlineNav-borderColor-hover: #afb8c133;
|
|
626
627
|
--underlineNav-iconColor-rest: #636c76;
|
|
627
|
-
--selection-bgColor: #
|
|
628
|
+
--selection-bgColor: #0969da33;
|
|
628
629
|
--fgColor-default: #1f2328;
|
|
629
630
|
--fgColor-muted: #636c76;
|
|
630
631
|
--fgColor-onEmphasis: #ffffff;
|
|
632
|
+
--fgColor-white: #ffffff;
|
|
631
633
|
--fgColor-disabled: #8c959f;
|
|
632
634
|
--fgColor-link: #0969da;
|
|
633
635
|
--fgColor-neutral: #6e7781;
|
|
@@ -203,10 +203,11 @@
|
|
|
203
203
|
--underlineNav-borderColor-active: #cd3425;
|
|
204
204
|
--underlineNav-borderColor-hover: #88929d;
|
|
205
205
|
--underlineNav-iconColor-rest: #0e1116;
|
|
206
|
-
--selection-bgColor: #
|
|
206
|
+
--selection-bgColor: #0349b433;
|
|
207
207
|
--fgColor-default: #010409;
|
|
208
208
|
--fgColor-muted: #0e1116;
|
|
209
209
|
--fgColor-onEmphasis: #ffffff;
|
|
210
|
+
--fgColor-white: #ffffff;
|
|
210
211
|
--fgColor-disabled: #66707b;
|
|
211
212
|
--fgColor-link: #023b95;
|
|
212
213
|
--fgColor-neutral: #66707b;
|
|
@@ -624,10 +625,11 @@
|
|
|
624
625
|
--underlineNav-borderColor-active: #cd3425;
|
|
625
626
|
--underlineNav-borderColor-hover: #88929d;
|
|
626
627
|
--underlineNav-iconColor-rest: #0e1116;
|
|
627
|
-
--selection-bgColor: #
|
|
628
|
+
--selection-bgColor: #0349b433;
|
|
628
629
|
--fgColor-default: #010409;
|
|
629
630
|
--fgColor-muted: #0e1116;
|
|
630
631
|
--fgColor-onEmphasis: #ffffff;
|
|
632
|
+
--fgColor-white: #ffffff;
|
|
631
633
|
--fgColor-disabled: #66707b;
|
|
632
634
|
--fgColor-link: #023b95;
|
|
633
635
|
--fgColor-neutral: #66707b;
|
|
@@ -203,10 +203,11 @@
|
|
|
203
203
|
--underlineNav-borderColor-active: #fd8c73;
|
|
204
204
|
--underlineNav-borderColor-hover: #afb8c133;
|
|
205
205
|
--underlineNav-iconColor-rest: #636c76;
|
|
206
|
-
--selection-bgColor: #
|
|
206
|
+
--selection-bgColor: #0969da33;
|
|
207
207
|
--fgColor-default: #1f2328;
|
|
208
208
|
--fgColor-muted: #636c76;
|
|
209
209
|
--fgColor-onEmphasis: #ffffff;
|
|
210
|
+
--fgColor-white: #ffffff;
|
|
210
211
|
--fgColor-disabled: #8c959f;
|
|
211
212
|
--fgColor-link: #0969da;
|
|
212
213
|
--fgColor-neutral: #6e7781;
|
|
@@ -624,10 +625,11 @@
|
|
|
624
625
|
--underlineNav-borderColor-active: #fd8c73;
|
|
625
626
|
--underlineNav-borderColor-hover: #afb8c133;
|
|
626
627
|
--underlineNav-iconColor-rest: #636c76;
|
|
627
|
-
--selection-bgColor: #
|
|
628
|
+
--selection-bgColor: #0969da33;
|
|
628
629
|
--fgColor-default: #1f2328;
|
|
629
630
|
--fgColor-muted: #636c76;
|
|
630
631
|
--fgColor-onEmphasis: #ffffff;
|
|
632
|
+
--fgColor-white: #ffffff;
|
|
631
633
|
--fgColor-disabled: #8c959f;
|
|
632
634
|
--fgColor-link: #0969da;
|
|
633
635
|
--fgColor-neutral: #6e7781;
|
|
@@ -203,10 +203,11 @@
|
|
|
203
203
|
--underlineNav-borderColor-active: #fd8c73;
|
|
204
204
|
--underlineNav-borderColor-hover: #afb8c133;
|
|
205
205
|
--underlineNav-iconColor-rest: #636c76;
|
|
206
|
-
--selection-bgColor: #
|
|
206
|
+
--selection-bgColor: #0969da33;
|
|
207
207
|
--fgColor-default: #1f2328;
|
|
208
208
|
--fgColor-muted: #636c76;
|
|
209
209
|
--fgColor-onEmphasis: #ffffff;
|
|
210
|
+
--fgColor-white: #ffffff;
|
|
210
211
|
--fgColor-disabled: #8c959f;
|
|
211
212
|
--fgColor-link: #0969da;
|
|
212
213
|
--fgColor-neutral: #6e7781;
|
|
@@ -624,10 +625,11 @@
|
|
|
624
625
|
--underlineNav-borderColor-active: #fd8c73;
|
|
625
626
|
--underlineNav-borderColor-hover: #afb8c133;
|
|
626
627
|
--underlineNav-iconColor-rest: #636c76;
|
|
627
|
-
--selection-bgColor: #
|
|
628
|
+
--selection-bgColor: #0969da33;
|
|
628
629
|
--fgColor-default: #1f2328;
|
|
629
630
|
--fgColor-muted: #636c76;
|
|
630
631
|
--fgColor-onEmphasis: #ffffff;
|
|
632
|
+
--fgColor-white: #ffffff;
|
|
631
633
|
--fgColor-disabled: #8c959f;
|
|
632
634
|
--fgColor-link: #0969da;
|
|
633
635
|
--fgColor-neutral: #6e7781;
|
|
@@ -5985,7 +5985,7 @@
|
|
|
5985
5985
|
"path": ["underlineNav", "iconColor", "rest"]
|
|
5986
5986
|
},
|
|
5987
5987
|
"selection-bgColor": {
|
|
5988
|
-
"value": "#
|
|
5988
|
+
"value": "#1f6febb3",
|
|
5989
5989
|
"$type": "color",
|
|
5990
5990
|
"$extensions": {
|
|
5991
5991
|
"org.primer.figma": {
|
|
@@ -5995,11 +5995,11 @@
|
|
|
5995
5995
|
"scopes": ["bgColor"]
|
|
5996
5996
|
}
|
|
5997
5997
|
},
|
|
5998
|
-
"alpha": 0.
|
|
5998
|
+
"alpha": 0.7,
|
|
5999
5999
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6000
6000
|
"isSource": true,
|
|
6001
6001
|
"original": {
|
|
6002
|
-
"value": "{
|
|
6002
|
+
"value": "{bgColor.accent.emphasis}",
|
|
6003
6003
|
"$type": "color",
|
|
6004
6004
|
"$extensions": {
|
|
6005
6005
|
"org.primer.figma": {
|
|
@@ -6009,7 +6009,7 @@
|
|
|
6009
6009
|
"scopes": ["bgColor"]
|
|
6010
6010
|
}
|
|
6011
6011
|
},
|
|
6012
|
-
"alpha": 0.
|
|
6012
|
+
"alpha": 0.7
|
|
6013
6013
|
},
|
|
6014
6014
|
"name": "selection-bgColor",
|
|
6015
6015
|
"attributes": {},
|
|
@@ -6136,6 +6136,35 @@
|
|
|
6136
6136
|
"attributes": {},
|
|
6137
6137
|
"path": ["fgColor", "onEmphasis"]
|
|
6138
6138
|
},
|
|
6139
|
+
"fgColor-white": {
|
|
6140
|
+
"value": "#ffffff",
|
|
6141
|
+
"$type": "color",
|
|
6142
|
+
"$extensions": {
|
|
6143
|
+
"org.primer.figma": {
|
|
6144
|
+
"collection": "mode",
|
|
6145
|
+
"mode": "light",
|
|
6146
|
+
"group": "semantic",
|
|
6147
|
+
"scopes": ["fgColor"]
|
|
6148
|
+
}
|
|
6149
|
+
},
|
|
6150
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6151
|
+
"isSource": true,
|
|
6152
|
+
"original": {
|
|
6153
|
+
"value": "#ffffff",
|
|
6154
|
+
"$type": "color",
|
|
6155
|
+
"$extensions": {
|
|
6156
|
+
"org.primer.figma": {
|
|
6157
|
+
"collection": "mode",
|
|
6158
|
+
"mode": "light",
|
|
6159
|
+
"group": "semantic",
|
|
6160
|
+
"scopes": ["fgColor"]
|
|
6161
|
+
}
|
|
6162
|
+
}
|
|
6163
|
+
},
|
|
6164
|
+
"name": "fgColor-white",
|
|
6165
|
+
"attributes": {},
|
|
6166
|
+
"path": ["fgColor", "white"]
|
|
6167
|
+
},
|
|
6139
6168
|
"fgColor-disabled": {
|
|
6140
6169
|
"value": "#6e7681",
|
|
6141
6170
|
"$type": "color",
|
|
@@ -5991,7 +5991,7 @@
|
|
|
5991
5991
|
"path": ["underlineNav", "iconColor", "rest"]
|
|
5992
5992
|
},
|
|
5993
5993
|
"selection-bgColor": {
|
|
5994
|
-
"value": "#
|
|
5994
|
+
"value": "#316dcab3",
|
|
5995
5995
|
"$type": "color",
|
|
5996
5996
|
"$extensions": {
|
|
5997
5997
|
"org.primer.figma": {
|
|
@@ -6001,11 +6001,11 @@
|
|
|
6001
6001
|
"scopes": ["bgColor"]
|
|
6002
6002
|
}
|
|
6003
6003
|
},
|
|
6004
|
-
"alpha": 0.
|
|
6004
|
+
"alpha": 0.7,
|
|
6005
6005
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6006
6006
|
"isSource": true,
|
|
6007
6007
|
"original": {
|
|
6008
|
-
"value": "{
|
|
6008
|
+
"value": "{bgColor.accent.emphasis}",
|
|
6009
6009
|
"$type": "color",
|
|
6010
6010
|
"$extensions": {
|
|
6011
6011
|
"org.primer.figma": {
|
|
@@ -6015,7 +6015,7 @@
|
|
|
6015
6015
|
"scopes": ["bgColor"]
|
|
6016
6016
|
}
|
|
6017
6017
|
},
|
|
6018
|
-
"alpha": 0.
|
|
6018
|
+
"alpha": 0.7
|
|
6019
6019
|
},
|
|
6020
6020
|
"name": "selection-bgColor",
|
|
6021
6021
|
"attributes": {},
|
|
@@ -6142,6 +6142,35 @@
|
|
|
6142
6142
|
"attributes": {},
|
|
6143
6143
|
"path": ["fgColor", "onEmphasis"]
|
|
6144
6144
|
},
|
|
6145
|
+
"fgColor-white": {
|
|
6146
|
+
"value": "#ffffff",
|
|
6147
|
+
"$type": "color",
|
|
6148
|
+
"$extensions": {
|
|
6149
|
+
"org.primer.figma": {
|
|
6150
|
+
"collection": "mode",
|
|
6151
|
+
"mode": "light",
|
|
6152
|
+
"group": "semantic",
|
|
6153
|
+
"scopes": ["fgColor"]
|
|
6154
|
+
}
|
|
6155
|
+
},
|
|
6156
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
6157
|
+
"isSource": true,
|
|
6158
|
+
"original": {
|
|
6159
|
+
"value": "#ffffff",
|
|
6160
|
+
"$type": "color",
|
|
6161
|
+
"$extensions": {
|
|
6162
|
+
"org.primer.figma": {
|
|
6163
|
+
"collection": "mode",
|
|
6164
|
+
"mode": "light",
|
|
6165
|
+
"group": "semantic",
|
|
6166
|
+
"scopes": ["fgColor"]
|
|
6167
|
+
}
|
|
6168
|
+
}
|
|
6169
|
+
},
|
|
6170
|
+
"name": "fgColor-white",
|
|
6171
|
+
"attributes": {},
|
|
6172
|
+
"path": ["fgColor", "white"]
|
|
6173
|
+
},
|
|
6145
6174
|
"fgColor-disabled": {
|
|
6146
6175
|
"value": "#636e7b",
|
|
6147
6176
|
"$type": "color",
|