@primer/primitives 7.15.1 → 7.15.2-rc.af2d867
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/js/colors/light.js +1 -1
- package/dist/js/colors/light_colorblind.js +1 -1
- package/dist/js/colors/light_high_contrast.js +1 -1
- package/dist/js/colors/light_tritanopia.js +1 -1
- package/dist/json/colors/light.json +1 -1
- package/dist/json/colors/light_colorblind.json +1 -1
- package/dist/json/colors/light_high_contrast.json +1 -1
- package/dist/json/colors/light_tritanopia.json +1 -1
- package/dist/scss/colors/_light.scss +1 -1
- package/dist/scss/colors/_light_colorblind.scss +1 -1
- package/dist/scss/colors/_light_high_contrast.scss +1 -1
- package/dist/scss/colors/_light_tritanopia.scss +1 -1
- package/dist/ts/colors/light.ts +1 -1
- package/dist/ts/colors/light_colorblind.ts +1 -1
- package/dist/ts/colors/light_high_contrast.ts +1 -1
- package/dist/ts/colors/light_tritanopia.ts +1 -1
- package/package.json +1 -1
- package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
- package/tokens-next-private/css/functional/themes/light.css +2 -2
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +2 -2
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +2 -2
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +2 -2
- package/tokens-next-private/docs/functional/themes/light.json +2 -2
- package/tokens-next-private/figma/themes/light.json +4 -4
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light.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
package/dist/js/colors/light.js
CHANGED
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
--color-btn-danger-counter-fg: #a40e26;
|
|
256
256
|
--color-btn-danger-hover-counter-fg: #ffffff;
|
|
257
257
|
--color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
|
|
258
|
-
--color-btn-inactive-bg: #
|
|
258
|
+
--color-btn-inactive-bg: #eaeef2;
|
|
259
259
|
--color-btn-inactive-text: #656d76;
|
|
260
260
|
--color-underlinenav-icon: #6e7781;
|
|
261
261
|
--color-underlinenav-border-hover: rgba(175,184,193,0.2);
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
--color-btn-danger-counter-fg: #8a4600;
|
|
256
256
|
--color-btn-danger-hover-counter-fg: #ffffff;
|
|
257
257
|
--color-btn-danger-disabled-counter-fg: rgba(179,89,0,0.5);
|
|
258
|
-
--color-btn-inactive-bg: #
|
|
258
|
+
--color-btn-inactive-bg: #eaeef2;
|
|
259
259
|
--color-btn-inactive-text: #57606a;
|
|
260
260
|
--color-underlinenav-icon: #6e7781;
|
|
261
261
|
--color-underlinenav-border-hover: rgba(175,184,193,0.2);
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
--color-btn-danger-counter-fg: #86061d;
|
|
256
256
|
--color-btn-danger-hover-counter-fg: #ffffff;
|
|
257
257
|
--color-btn-danger-disabled-counter-fg: rgba(160,17,31,0.5);
|
|
258
|
-
--color-btn-inactive-bg: #
|
|
258
|
+
--color-btn-inactive-bg: #e7ecf0;
|
|
259
259
|
--color-btn-inactive-text: #0e1116;
|
|
260
260
|
--color-underlinenav-icon: #66707b;
|
|
261
261
|
--color-underlinenav-border-hover: rgba(172,182,192,0.2);
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
--color-btn-danger-counter-fg: #a40e26;
|
|
256
256
|
--color-btn-danger-hover-counter-fg: #ffffff;
|
|
257
257
|
--color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5);
|
|
258
|
-
--color-btn-inactive-bg: #
|
|
258
|
+
--color-btn-inactive-bg: #eaeef2;
|
|
259
259
|
--color-btn-inactive-text: #57606a;
|
|
260
260
|
--color-underlinenav-icon: #6e7781;
|
|
261
261
|
--color-underlinenav-border-hover: rgba(175,184,193,0.2);
|
package/dist/ts/colors/light.ts
CHANGED
package/package.json
CHANGED
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
--button-danger-borderColor-active: #1f232826;
|
|
161
161
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
|
|
162
162
|
--button-inactive-fgColor-rest: #636c76;
|
|
163
|
-
--button-inactive-bgColor-rest: #
|
|
163
|
+
--button-inactive-bgColor-rest: #eaeef2;
|
|
164
164
|
--buttonCounter-default-bgColor-rest: #afb8c133;
|
|
165
165
|
--buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
166
166
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -580,7 +580,7 @@
|
|
|
580
580
|
--button-danger-borderColor-active: #1f232826;
|
|
581
581
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
|
|
582
582
|
--button-inactive-fgColor-rest: #636c76;
|
|
583
|
-
--button-inactive-bgColor-rest: #
|
|
583
|
+
--button-inactive-bgColor-rest: #eaeef2;
|
|
584
584
|
--buttonCounter-default-bgColor-rest: #afb8c133;
|
|
585
585
|
--buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
586
586
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
--button-danger-borderColor-active: #01040926;
|
|
161
161
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
|
|
162
162
|
--button-inactive-fgColor-rest: #0e1116;
|
|
163
|
-
--button-inactive-bgColor-rest: #
|
|
163
|
+
--button-inactive-bgColor-rest: #e7ecf0;
|
|
164
164
|
--buttonCounter-default-bgColor-rest: #66707b33;
|
|
165
165
|
--buttonCounter-invisible-bgColor-rest: #66707b33;
|
|
166
166
|
--buttonCounter-primary-bgColor-rest: #00230b33;
|
|
@@ -580,7 +580,7 @@
|
|
|
580
580
|
--button-danger-borderColor-active: #01040926;
|
|
581
581
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
|
|
582
582
|
--button-inactive-fgColor-rest: #0e1116;
|
|
583
|
-
--button-inactive-bgColor-rest: #
|
|
583
|
+
--button-inactive-bgColor-rest: #e7ecf0;
|
|
584
584
|
--buttonCounter-default-bgColor-rest: #66707b33;
|
|
585
585
|
--buttonCounter-invisible-bgColor-rest: #66707b33;
|
|
586
586
|
--buttonCounter-primary-bgColor-rest: #00230b33;
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
--button-danger-borderColor-active: #1f232826;
|
|
161
161
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
162
162
|
--button-inactive-fgColor-rest: #636c76;
|
|
163
|
-
--button-inactive-bgColor-rest: #
|
|
163
|
+
--button-inactive-bgColor-rest: #eaeef2;
|
|
164
164
|
--buttonCounter-default-bgColor-rest: #afb8c133;
|
|
165
165
|
--buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
166
166
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -580,7 +580,7 @@
|
|
|
580
580
|
--button-danger-borderColor-active: #1f232826;
|
|
581
581
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
582
582
|
--button-inactive-fgColor-rest: #636c76;
|
|
583
|
-
--button-inactive-bgColor-rest: #
|
|
583
|
+
--button-inactive-bgColor-rest: #eaeef2;
|
|
584
584
|
--buttonCounter-default-bgColor-rest: #afb8c133;
|
|
585
585
|
--buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
586
586
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
--button-danger-borderColor-active: #1f232826;
|
|
161
161
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
162
162
|
--button-inactive-fgColor-rest: #636c76;
|
|
163
|
-
--button-inactive-bgColor-rest: #
|
|
163
|
+
--button-inactive-bgColor-rest: #eaeef2;
|
|
164
164
|
--buttonCounter-default-bgColor-rest: #afb8c133;
|
|
165
165
|
--buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
166
166
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -580,7 +580,7 @@
|
|
|
580
580
|
--button-danger-borderColor-active: #1f232826;
|
|
581
581
|
--button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
582
582
|
--button-inactive-fgColor-rest: #636c76;
|
|
583
|
-
--button-inactive-bgColor-rest: #
|
|
583
|
+
--button-inactive-bgColor-rest: #eaeef2;
|
|
584
584
|
--buttonCounter-default-bgColor-rest: #afb8c133;
|
|
585
585
|
--buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
586
586
|
--buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -4745,7 +4745,7 @@
|
|
|
4745
4745
|
"path": ["button", "inactive", "fgColor", "rest"]
|
|
4746
4746
|
},
|
|
4747
4747
|
"button-inactive-bgColor-rest": {
|
|
4748
|
-
"value": "#
|
|
4748
|
+
"value": "#eaeef2",
|
|
4749
4749
|
"$type": "color",
|
|
4750
4750
|
"$extensions": {
|
|
4751
4751
|
"org.primer.figma": {
|
|
@@ -4758,7 +4758,7 @@
|
|
|
4758
4758
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4759
4759
|
"isSource": true,
|
|
4760
4760
|
"original": {
|
|
4761
|
-
"value": "{base.color.gray.
|
|
4761
|
+
"value": "{base.color.gray.1}",
|
|
4762
4762
|
"$type": "color",
|
|
4763
4763
|
"$extensions": {
|
|
4764
4764
|
"org.primer.figma": {
|
|
@@ -4761,7 +4761,7 @@
|
|
|
4761
4761
|
"path": ["button", "inactive", "fgColor", "rest"]
|
|
4762
4762
|
},
|
|
4763
4763
|
"button-inactive-bgColor-rest": {
|
|
4764
|
-
"value": "#
|
|
4764
|
+
"value": "#e7ecf0",
|
|
4765
4765
|
"$type": "color",
|
|
4766
4766
|
"$extensions": {
|
|
4767
4767
|
"org.primer.figma": {
|
|
@@ -4774,7 +4774,7 @@
|
|
|
4774
4774
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4775
4775
|
"isSource": true,
|
|
4776
4776
|
"original": {
|
|
4777
|
-
"value": "{base.color.gray.
|
|
4777
|
+
"value": "{base.color.gray.1}",
|
|
4778
4778
|
"$type": "color",
|
|
4779
4779
|
"$extensions": {
|
|
4780
4780
|
"org.primer.figma": {
|
|
@@ -4741,7 +4741,7 @@
|
|
|
4741
4741
|
"path": ["button", "inactive", "fgColor", "rest"]
|
|
4742
4742
|
},
|
|
4743
4743
|
"button-inactive-bgColor-rest": {
|
|
4744
|
-
"value": "#
|
|
4744
|
+
"value": "#eaeef2",
|
|
4745
4745
|
"$type": "color",
|
|
4746
4746
|
"$extensions": {
|
|
4747
4747
|
"org.primer.figma": {
|
|
@@ -4754,7 +4754,7 @@
|
|
|
4754
4754
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4755
4755
|
"isSource": true,
|
|
4756
4756
|
"original": {
|
|
4757
|
-
"value": "{base.color.gray.
|
|
4757
|
+
"value": "{base.color.gray.1}",
|
|
4758
4758
|
"$type": "color",
|
|
4759
4759
|
"$extensions": {
|
|
4760
4760
|
"org.primer.figma": {
|
|
@@ -4741,7 +4741,7 @@
|
|
|
4741
4741
|
"path": ["button", "inactive", "fgColor", "rest"]
|
|
4742
4742
|
},
|
|
4743
4743
|
"button-inactive-bgColor-rest": {
|
|
4744
|
-
"value": "#
|
|
4744
|
+
"value": "#eaeef2",
|
|
4745
4745
|
"$type": "color",
|
|
4746
4746
|
"$extensions": {
|
|
4747
4747
|
"org.primer.figma": {
|
|
@@ -4754,7 +4754,7 @@
|
|
|
4754
4754
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4755
4755
|
"isSource": true,
|
|
4756
4756
|
"original": {
|
|
4757
|
-
"value": "{base.color.gray.
|
|
4757
|
+
"value": "{base.color.gray.1}",
|
|
4758
4758
|
"$type": "color",
|
|
4759
4759
|
"$extensions": {
|
|
4760
4760
|
"org.primer.figma": {
|
|
@@ -2098,14 +2098,14 @@
|
|
|
2098
2098
|
{
|
|
2099
2099
|
"name": "button/inactive/bgColor/rest",
|
|
2100
2100
|
"value": {
|
|
2101
|
-
"r": 0.
|
|
2102
|
-
"g": 0.
|
|
2103
|
-
"b": 0.
|
|
2101
|
+
"r": 0.9176470588235294,
|
|
2102
|
+
"g": 0.9333333333333333,
|
|
2103
|
+
"b": 0.9490196078431372,
|
|
2104
2104
|
"a": 1
|
|
2105
2105
|
},
|
|
2106
2106
|
"type": "COLOR",
|
|
2107
2107
|
"refId": "mode/button/inactive/bgColor/rest",
|
|
2108
|
-
"reference": "base/color/light/base/color/gray/
|
|
2108
|
+
"reference": "base/color/light/base/color/gray/1",
|
|
2109
2109
|
"collection": "mode",
|
|
2110
2110
|
"mode": "light",
|
|
2111
2111
|
"group": "component (internal)",
|
|
@@ -158,7 +158,7 @@ $button-danger-borderColor-hover: #1f232826;
|
|
|
158
158
|
$button-danger-borderColor-active: #1f232826;
|
|
159
159
|
$button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
|
|
160
160
|
$button-inactive-fgColor-rest: #636c76;
|
|
161
|
-
$button-inactive-bgColor-rest: #
|
|
161
|
+
$button-inactive-bgColor-rest: #eaeef2;
|
|
162
162
|
$buttonCounter-default-bgColor-rest: #afb8c133;
|
|
163
163
|
$buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
164
164
|
$buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -158,7 +158,7 @@ $button-danger-borderColor-hover: #01040926;
|
|
|
158
158
|
$button-danger-borderColor-active: #01040926;
|
|
159
159
|
$button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
|
|
160
160
|
$button-inactive-fgColor-rest: #0e1116;
|
|
161
|
-
$button-inactive-bgColor-rest: #
|
|
161
|
+
$button-inactive-bgColor-rest: #e7ecf0;
|
|
162
162
|
$buttonCounter-default-bgColor-rest: #66707b33;
|
|
163
163
|
$buttonCounter-invisible-bgColor-rest: #66707b33;
|
|
164
164
|
$buttonCounter-primary-bgColor-rest: #00230b33;
|
|
@@ -158,7 +158,7 @@ $button-danger-borderColor-hover: #1f232826;
|
|
|
158
158
|
$button-danger-borderColor-active: #1f232826;
|
|
159
159
|
$button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
160
160
|
$button-inactive-fgColor-rest: #636c76;
|
|
161
|
-
$button-inactive-bgColor-rest: #
|
|
161
|
+
$button-inactive-bgColor-rest: #eaeef2;
|
|
162
162
|
$buttonCounter-default-bgColor-rest: #afb8c133;
|
|
163
163
|
$buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
164
164
|
$buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -158,7 +158,7 @@ $button-danger-borderColor-hover: #1f232826;
|
|
|
158
158
|
$button-danger-borderColor-active: #1f232826;
|
|
159
159
|
$button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
|
|
160
160
|
$button-inactive-fgColor-rest: #636c76;
|
|
161
|
-
$button-inactive-bgColor-rest: #
|
|
161
|
+
$button-inactive-bgColor-rest: #eaeef2;
|
|
162
162
|
$buttonCounter-default-bgColor-rest: #afb8c133;
|
|
163
163
|
$buttonCounter-invisible-bgColor-rest: #afb8c133;
|
|
164
164
|
$buttonCounter-primary-bgColor-rest: #002d1133;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 16 Nov 2023 15:21:20 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'";
|