@primer/primitives 7.15.10-rc.5df07d1c → 7.15.10
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-high-contrast.css +2 -2
- package/dist/docs/functional/themes/dark-high-contrast.json +5 -5
- package/dist/figma/themes/dark-high-contrast.json +16 -16
- package/dist/scss/functional/themes/dark-high-contrast.scss +1 -1
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +5 -5
- package/tokens-next-private/figma/themes/dark-high-contrast.json +16 -16
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -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
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
--button-outline-borderColor-hover: #ffffff1a;
|
|
158
158
|
--button-outline-borderColor-selected: #ffffff1a;
|
|
159
159
|
--button-outline-shadow-selected: 0px 0px 0px 0px #000000;
|
|
160
|
-
--button-danger-fgColor-rest: #
|
|
160
|
+
--button-danger-fgColor-rest: #ff9492;
|
|
161
161
|
--button-danger-fgColor-hover: #ffffff;
|
|
162
162
|
--button-danger-fgColor-active: #ffffff;
|
|
163
163
|
--button-danger-fgColor-disabled: #ff808080;
|
|
@@ -578,7 +578,7 @@
|
|
|
578
578
|
--button-outline-borderColor-hover: #ffffff1a;
|
|
579
579
|
--button-outline-borderColor-selected: #ffffff1a;
|
|
580
580
|
--button-outline-shadow-selected: 0px 0px 0px 0px #000000;
|
|
581
|
-
--button-danger-fgColor-rest: #
|
|
581
|
+
--button-danger-fgColor-rest: #ff9492;
|
|
582
582
|
--button-danger-fgColor-hover: #ffffff;
|
|
583
583
|
--button-danger-fgColor-active: #ffffff;
|
|
584
584
|
--button-danger-fgColor-disabled: #ff808080;
|
|
@@ -4684,25 +4684,25 @@
|
|
|
4684
4684
|
"path": ["button", "outline", "shadow", "selected"]
|
|
4685
4685
|
},
|
|
4686
4686
|
"button-danger-fgColor-rest": {
|
|
4687
|
-
"value": "#
|
|
4687
|
+
"value": "#ff9492",
|
|
4688
4688
|
"$type": "color",
|
|
4689
4689
|
"$extensions": {
|
|
4690
4690
|
"org.primer.figma": {
|
|
4691
4691
|
"collection": "mode",
|
|
4692
|
-
"mode": "
|
|
4692
|
+
"mode": "light",
|
|
4693
4693
|
"group": "component (internal)",
|
|
4694
4694
|
"scopes": ["fgColor"]
|
|
4695
4695
|
}
|
|
4696
4696
|
},
|
|
4697
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
4697
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4698
4698
|
"isSource": true,
|
|
4699
4699
|
"original": {
|
|
4700
|
-
"value": "{
|
|
4700
|
+
"value": "{base.color.red.3}",
|
|
4701
4701
|
"$type": "color",
|
|
4702
4702
|
"$extensions": {
|
|
4703
4703
|
"org.primer.figma": {
|
|
4704
4704
|
"collection": "mode",
|
|
4705
|
-
"mode": "
|
|
4705
|
+
"mode": "light",
|
|
4706
4706
|
"group": "component (internal)",
|
|
4707
4707
|
"scopes": ["fgColor"]
|
|
4708
4708
|
}
|
|
@@ -2639,6 +2639,22 @@
|
|
|
2639
2639
|
"group": "component (internal)",
|
|
2640
2640
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
2641
2641
|
},
|
|
2642
|
+
{
|
|
2643
|
+
"name": "button/danger/fgColor/rest",
|
|
2644
|
+
"value": {
|
|
2645
|
+
"r": 1,
|
|
2646
|
+
"g": 0.5803921568627451,
|
|
2647
|
+
"b": 0.5725490196078431,
|
|
2648
|
+
"a": 1
|
|
2649
|
+
},
|
|
2650
|
+
"type": "COLOR",
|
|
2651
|
+
"refId": "mode/button/danger/fgColor/rest",
|
|
2652
|
+
"reference": "base/color/dark-high-contrast/base/color/red/3",
|
|
2653
|
+
"collection": "mode",
|
|
2654
|
+
"mode": "dark high contrast",
|
|
2655
|
+
"group": "component (internal)",
|
|
2656
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
2657
|
+
},
|
|
2642
2658
|
{
|
|
2643
2659
|
"name": "button/outline/shadow/selected/offsetX",
|
|
2644
2660
|
"value": 0,
|
|
@@ -4395,22 +4411,6 @@
|
|
|
4395
4411
|
"group": "component (internal)",
|
|
4396
4412
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4397
4413
|
},
|
|
4398
|
-
{
|
|
4399
|
-
"name": "button/danger/fgColor/rest",
|
|
4400
|
-
"value": {
|
|
4401
|
-
"r": 1,
|
|
4402
|
-
"g": 0.5019607843137255,
|
|
4403
|
-
"b": 0.5019607843137255,
|
|
4404
|
-
"a": 1
|
|
4405
|
-
},
|
|
4406
|
-
"type": "COLOR",
|
|
4407
|
-
"refId": "mode/button/danger/fgColor/rest",
|
|
4408
|
-
"reference": "mode/fgColor/danger",
|
|
4409
|
-
"collection": "mode",
|
|
4410
|
-
"mode": "dark high contrast",
|
|
4411
|
-
"group": "component (internal)",
|
|
4412
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4413
|
-
},
|
|
4414
4414
|
{
|
|
4415
4415
|
"name": "button/outline/borderColor/selected",
|
|
4416
4416
|
"value": {
|
|
@@ -153,7 +153,7 @@ $button-outline-bgColor-disabled: #0a0c10;
|
|
|
153
153
|
$button-outline-borderColor-hover: #ffffff1a;
|
|
154
154
|
$button-outline-borderColor-selected: #ffffff1a;
|
|
155
155
|
$button-outline-shadow-selected: 0px 0px 0px 0px #000000;
|
|
156
|
-
$button-danger-fgColor-rest: #
|
|
156
|
+
$button-danger-fgColor-rest: #ff9492;
|
|
157
157
|
$button-danger-fgColor-hover: #ffffff;
|
|
158
158
|
$button-danger-fgColor-active: #ffffff;
|
|
159
159
|
$button-danger-fgColor-disabled: #ff808080;
|
package/package.json
CHANGED
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
--button-outline-borderColor-hover: #ffffff1a;
|
|
158
158
|
--button-outline-borderColor-selected: #ffffff1a;
|
|
159
159
|
--button-outline-shadow-selected: 0px 0px 0px 0px #000000;
|
|
160
|
-
--button-danger-fgColor-rest: #
|
|
160
|
+
--button-danger-fgColor-rest: #ff9492;
|
|
161
161
|
--button-danger-fgColor-hover: #ffffff;
|
|
162
162
|
--button-danger-fgColor-active: #ffffff;
|
|
163
163
|
--button-danger-fgColor-disabled: #ff808080;
|
|
@@ -578,7 +578,7 @@
|
|
|
578
578
|
--button-outline-borderColor-hover: #ffffff1a;
|
|
579
579
|
--button-outline-borderColor-selected: #ffffff1a;
|
|
580
580
|
--button-outline-shadow-selected: 0px 0px 0px 0px #000000;
|
|
581
|
-
--button-danger-fgColor-rest: #
|
|
581
|
+
--button-danger-fgColor-rest: #ff9492;
|
|
582
582
|
--button-danger-fgColor-hover: #ffffff;
|
|
583
583
|
--button-danger-fgColor-active: #ffffff;
|
|
584
584
|
--button-danger-fgColor-disabled: #ff808080;
|
|
@@ -4684,25 +4684,25 @@
|
|
|
4684
4684
|
"path": ["button", "outline", "shadow", "selected"]
|
|
4685
4685
|
},
|
|
4686
4686
|
"button-danger-fgColor-rest": {
|
|
4687
|
-
"value": "#
|
|
4687
|
+
"value": "#ff9492",
|
|
4688
4688
|
"$type": "color",
|
|
4689
4689
|
"$extensions": {
|
|
4690
4690
|
"org.primer.figma": {
|
|
4691
4691
|
"collection": "mode",
|
|
4692
|
-
"mode": "
|
|
4692
|
+
"mode": "light",
|
|
4693
4693
|
"group": "component (internal)",
|
|
4694
4694
|
"scopes": ["fgColor"]
|
|
4695
4695
|
}
|
|
4696
4696
|
},
|
|
4697
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
4697
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4698
4698
|
"isSource": true,
|
|
4699
4699
|
"original": {
|
|
4700
|
-
"value": "{
|
|
4700
|
+
"value": "{base.color.red.3}",
|
|
4701
4701
|
"$type": "color",
|
|
4702
4702
|
"$extensions": {
|
|
4703
4703
|
"org.primer.figma": {
|
|
4704
4704
|
"collection": "mode",
|
|
4705
|
-
"mode": "
|
|
4705
|
+
"mode": "light",
|
|
4706
4706
|
"group": "component (internal)",
|
|
4707
4707
|
"scopes": ["fgColor"]
|
|
4708
4708
|
}
|
|
@@ -2639,6 +2639,22 @@
|
|
|
2639
2639
|
"group": "component (internal)",
|
|
2640
2640
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
2641
2641
|
},
|
|
2642
|
+
{
|
|
2643
|
+
"name": "button/danger/fgColor/rest",
|
|
2644
|
+
"value": {
|
|
2645
|
+
"r": 1,
|
|
2646
|
+
"g": 0.5803921568627451,
|
|
2647
|
+
"b": 0.5725490196078431,
|
|
2648
|
+
"a": 1
|
|
2649
|
+
},
|
|
2650
|
+
"type": "COLOR",
|
|
2651
|
+
"refId": "mode/button/danger/fgColor/rest",
|
|
2652
|
+
"reference": "base/color/dark-high-contrast/base/color/red/3",
|
|
2653
|
+
"collection": "mode",
|
|
2654
|
+
"mode": "dark high contrast",
|
|
2655
|
+
"group": "component (internal)",
|
|
2656
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
2657
|
+
},
|
|
2642
2658
|
{
|
|
2643
2659
|
"name": "button/outline/shadow/selected/offsetX",
|
|
2644
2660
|
"value": 0,
|
|
@@ -4395,22 +4411,6 @@
|
|
|
4395
4411
|
"group": "component (internal)",
|
|
4396
4412
|
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4397
4413
|
},
|
|
4398
|
-
{
|
|
4399
|
-
"name": "button/danger/fgColor/rest",
|
|
4400
|
-
"value": {
|
|
4401
|
-
"r": 1,
|
|
4402
|
-
"g": 0.5019607843137255,
|
|
4403
|
-
"b": 0.5019607843137255,
|
|
4404
|
-
"a": 1
|
|
4405
|
-
},
|
|
4406
|
-
"type": "COLOR",
|
|
4407
|
-
"refId": "mode/button/danger/fgColor/rest",
|
|
4408
|
-
"reference": "mode/fgColor/danger",
|
|
4409
|
-
"collection": "mode",
|
|
4410
|
-
"mode": "dark high contrast",
|
|
4411
|
-
"group": "component (internal)",
|
|
4412
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"]
|
|
4413
|
-
},
|
|
4414
4414
|
{
|
|
4415
4415
|
"name": "button/outline/borderColor/selected",
|
|
4416
4416
|
"value": {
|
|
@@ -153,7 +153,7 @@ $button-outline-bgColor-disabled: #0a0c10;
|
|
|
153
153
|
$button-outline-borderColor-hover: #ffffff1a;
|
|
154
154
|
$button-outline-borderColor-selected: #ffffff1a;
|
|
155
155
|
$button-outline-shadow-selected: 0px 0px 0px 0px #000000;
|
|
156
|
-
$button-danger-fgColor-rest: #
|
|
156
|
+
$button-danger-fgColor-rest: #ff9492;
|
|
157
157
|
$button-danger-fgColor-hover: #ffffff;
|
|
158
158
|
$button-danger-fgColor-active: #ffffff;
|
|
159
159
|
$button-danger-fgColor-disabled: #ff808080;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu, 07 Mar 2024 17:
|
|
3
|
+
* Generated on Thu, 07 Mar 2024 17:31:56 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
|