@primer/primitives 9.0.0 → 9.0.1
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 -4
- package/dist/css/functional/themes/dark-dimmed.css +4 -4
- package/dist/css/functional/themes/dark-high-contrast.css +4 -4
- package/dist/css/functional/themes/dark-tritanopia.css +4 -4
- package/dist/css/functional/themes/dark.css +4 -4
- package/dist/css/functional/themes/light-colorblind.css +4 -4
- package/dist/css/functional/themes/light-high-contrast.css +2 -2
- package/dist/css/functional/themes/light-tritanopia.css +4 -4
- package/dist/css/functional/themes/light.css +4 -4
- package/dist/docs/functional/themes/dark-colorblind.json +4 -4
- package/dist/docs/functional/themes/dark-dimmed.json +4 -4
- package/dist/docs/functional/themes/dark-high-contrast.json +4 -4
- package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
- package/dist/docs/functional/themes/dark.json +4 -4
- package/dist/docs/functional/themes/light-colorblind.json +4 -4
- package/dist/docs/functional/themes/light-high-contrast.json +2 -2
- package/dist/docs/functional/themes/light-tritanopia.json +4 -4
- package/dist/docs/functional/themes/light.json +4 -4
- package/dist/figma/themes/dark-colorblind.json +32 -32
- package/dist/figma/themes/dark-dimmed.json +32 -32
- package/dist/figma/themes/dark-high-contrast.json +32 -32
- package/dist/figma/themes/dark-tritanopia.json +32 -32
- package/dist/figma/themes/dark.json +32 -32
- package/dist/figma/themes/light-colorblind.json +8 -8
- package/dist/figma/themes/light-high-contrast.json +4 -4
- package/dist/figma/themes/light-tritanopia.json +8 -8
- package/dist/figma/themes/light.json +8 -8
- package/dist/internalCss/dark-colorblind.css +4 -4
- package/dist/internalCss/dark-dimmed.css +4 -4
- package/dist/internalCss/dark-high-contrast.css +4 -4
- package/dist/internalCss/dark-tritanopia.css +4 -4
- package/dist/internalCss/dark.css +4 -4
- package/dist/internalCss/light-colorblind.css +4 -4
- package/dist/internalCss/light-high-contrast.css +2 -2
- package/dist/internalCss/light-tritanopia.css +4 -4
- package/dist/internalCss/light.css +4 -4
- package/dist/styleLint/functional/themes/dark-colorblind.json +4 -4
- package/dist/styleLint/functional/themes/dark-dimmed.json +4 -4
- package/dist/styleLint/functional/themes/dark-high-contrast.json +4 -4
- package/dist/styleLint/functional/themes/dark-tritanopia.json +4 -4
- package/dist/styleLint/functional/themes/dark.json +4 -4
- package/dist/styleLint/functional/themes/light-colorblind.json +4 -4
- package/dist/styleLint/functional/themes/light-high-contrast.json +2 -2
- package/dist/styleLint/functional/themes/light-tritanopia.json +4 -4
- package/dist/styleLint/functional/themes/light.json +4 -4
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/patterns-dark.json5 +2 -2
- package/src/tokens/functional/color/light/patterns-light.json5 +2 -2
|
@@ -6995,7 +6995,7 @@
|
|
|
6995
6995
|
"path": ["button", "primary", "shadow", "selected"]
|
|
6996
6996
|
},
|
|
6997
6997
|
"button-invisible-fgColor-rest": {
|
|
6998
|
-
"value": "#
|
|
6998
|
+
"value": "#f0f6fc",
|
|
6999
6999
|
"$type": "color",
|
|
7000
7000
|
"$extensions": {
|
|
7001
7001
|
"org.primer.figma": {
|
|
@@ -7008,7 +7008,7 @@
|
|
|
7008
7008
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7009
7009
|
"isSource": true,
|
|
7010
7010
|
"original": {
|
|
7011
|
-
"value": "{fgColor.
|
|
7011
|
+
"value": "{control.fgColor.rest}",
|
|
7012
7012
|
"$type": "color",
|
|
7013
7013
|
"$extensions": {
|
|
7014
7014
|
"org.primer.figma": {
|
|
@@ -7024,7 +7024,7 @@
|
|
|
7024
7024
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7025
7025
|
},
|
|
7026
7026
|
"button-invisible-fgColor-hover": {
|
|
7027
|
-
"value": "#
|
|
7027
|
+
"value": "#f0f6fc",
|
|
7028
7028
|
"$type": "color",
|
|
7029
7029
|
"$extensions": {
|
|
7030
7030
|
"org.primer.figma": {
|
|
@@ -7037,7 +7037,7 @@
|
|
|
7037
7037
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7038
7038
|
"isSource": true,
|
|
7039
7039
|
"original": {
|
|
7040
|
-
"value": "{fgColor.
|
|
7040
|
+
"value": "{control.fgColor.rest}",
|
|
7041
7041
|
"$type": "color",
|
|
7042
7042
|
"$extensions": {
|
|
7043
7043
|
"org.primer.figma": {
|
|
@@ -7001,7 +7001,7 @@
|
|
|
7001
7001
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7002
7002
|
},
|
|
7003
7003
|
"button-invisible-fgColor-rest": {
|
|
7004
|
-
"value": "#
|
|
7004
|
+
"value": "#d1d7e0",
|
|
7005
7005
|
"$type": "color",
|
|
7006
7006
|
"$extensions": {
|
|
7007
7007
|
"org.primer.figma": {
|
|
@@ -7014,7 +7014,7 @@
|
|
|
7014
7014
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7015
7015
|
"isSource": true,
|
|
7016
7016
|
"original": {
|
|
7017
|
-
"value": "{fgColor.
|
|
7017
|
+
"value": "{control.fgColor.rest}",
|
|
7018
7018
|
"$type": "color",
|
|
7019
7019
|
"$extensions": {
|
|
7020
7020
|
"org.primer.figma": {
|
|
@@ -7030,7 +7030,7 @@
|
|
|
7030
7030
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7031
7031
|
},
|
|
7032
7032
|
"button-invisible-fgColor-hover": {
|
|
7033
|
-
"value": "#
|
|
7033
|
+
"value": "#d1d7e0",
|
|
7034
7034
|
"$type": "color",
|
|
7035
7035
|
"$extensions": {
|
|
7036
7036
|
"org.primer.figma": {
|
|
@@ -7043,7 +7043,7 @@
|
|
|
7043
7043
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7044
7044
|
"isSource": true,
|
|
7045
7045
|
"original": {
|
|
7046
|
-
"value": "{fgColor.
|
|
7046
|
+
"value": "{control.fgColor.rest}",
|
|
7047
7047
|
"$type": "color",
|
|
7048
7048
|
"$extensions": {
|
|
7049
7049
|
"org.primer.figma": {
|
|
@@ -7025,7 +7025,7 @@
|
|
|
7025
7025
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7026
7026
|
},
|
|
7027
7027
|
"button-invisible-fgColor-rest": {
|
|
7028
|
-
"value": "#
|
|
7028
|
+
"value": "#ffffff",
|
|
7029
7029
|
"$type": "color",
|
|
7030
7030
|
"$extensions": {
|
|
7031
7031
|
"org.primer.figma": {
|
|
@@ -7038,7 +7038,7 @@
|
|
|
7038
7038
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7039
7039
|
"isSource": true,
|
|
7040
7040
|
"original": {
|
|
7041
|
-
"value": "{fgColor.
|
|
7041
|
+
"value": "{control.fgColor.rest}",
|
|
7042
7042
|
"$type": "color",
|
|
7043
7043
|
"$extensions": {
|
|
7044
7044
|
"org.primer.figma": {
|
|
@@ -7054,7 +7054,7 @@
|
|
|
7054
7054
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7055
7055
|
},
|
|
7056
7056
|
"button-invisible-fgColor-hover": {
|
|
7057
|
-
"value": "#
|
|
7057
|
+
"value": "#ffffff",
|
|
7058
7058
|
"$type": "color",
|
|
7059
7059
|
"$extensions": {
|
|
7060
7060
|
"org.primer.figma": {
|
|
@@ -7067,7 +7067,7 @@
|
|
|
7067
7067
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7068
7068
|
"isSource": true,
|
|
7069
7069
|
"original": {
|
|
7070
|
-
"value": "{fgColor.
|
|
7070
|
+
"value": "{control.fgColor.rest}",
|
|
7071
7071
|
"$type": "color",
|
|
7072
7072
|
"$extensions": {
|
|
7073
7073
|
"org.primer.figma": {
|
|
@@ -7001,7 +7001,7 @@
|
|
|
7001
7001
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7002
7002
|
},
|
|
7003
7003
|
"button-invisible-fgColor-rest": {
|
|
7004
|
-
"value": "#
|
|
7004
|
+
"value": "#f0f6fc",
|
|
7005
7005
|
"$type": "color",
|
|
7006
7006
|
"$extensions": {
|
|
7007
7007
|
"org.primer.figma": {
|
|
@@ -7014,7 +7014,7 @@
|
|
|
7014
7014
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7015
7015
|
"isSource": true,
|
|
7016
7016
|
"original": {
|
|
7017
|
-
"value": "{fgColor.
|
|
7017
|
+
"value": "{control.fgColor.rest}",
|
|
7018
7018
|
"$type": "color",
|
|
7019
7019
|
"$extensions": {
|
|
7020
7020
|
"org.primer.figma": {
|
|
@@ -7030,7 +7030,7 @@
|
|
|
7030
7030
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7031
7031
|
},
|
|
7032
7032
|
"button-invisible-fgColor-hover": {
|
|
7033
|
-
"value": "#
|
|
7033
|
+
"value": "#f0f6fc",
|
|
7034
7034
|
"$type": "color",
|
|
7035
7035
|
"$extensions": {
|
|
7036
7036
|
"org.primer.figma": {
|
|
@@ -7043,7 +7043,7 @@
|
|
|
7043
7043
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7044
7044
|
"isSource": true,
|
|
7045
7045
|
"original": {
|
|
7046
|
-
"value": "{fgColor.
|
|
7046
|
+
"value": "{control.fgColor.rest}",
|
|
7047
7047
|
"$type": "color",
|
|
7048
7048
|
"$extensions": {
|
|
7049
7049
|
"org.primer.figma": {
|
|
@@ -7001,7 +7001,7 @@
|
|
|
7001
7001
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7002
7002
|
},
|
|
7003
7003
|
"button-invisible-fgColor-rest": {
|
|
7004
|
-
"value": "#
|
|
7004
|
+
"value": "#f0f6fc",
|
|
7005
7005
|
"$type": "color",
|
|
7006
7006
|
"$extensions": {
|
|
7007
7007
|
"org.primer.figma": {
|
|
@@ -7014,7 +7014,7 @@
|
|
|
7014
7014
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7015
7015
|
"isSource": true,
|
|
7016
7016
|
"original": {
|
|
7017
|
-
"value": "{fgColor.
|
|
7017
|
+
"value": "{control.fgColor.rest}",
|
|
7018
7018
|
"$type": "color",
|
|
7019
7019
|
"$extensions": {
|
|
7020
7020
|
"org.primer.figma": {
|
|
@@ -7030,7 +7030,7 @@
|
|
|
7030
7030
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7031
7031
|
},
|
|
7032
7032
|
"button-invisible-fgColor-hover": {
|
|
7033
|
-
"value": "#
|
|
7033
|
+
"value": "#f0f6fc",
|
|
7034
7034
|
"$type": "color",
|
|
7035
7035
|
"$extensions": {
|
|
7036
7036
|
"org.primer.figma": {
|
|
@@ -7043,7 +7043,7 @@
|
|
|
7043
7043
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7044
7044
|
"isSource": true,
|
|
7045
7045
|
"original": {
|
|
7046
|
-
"value": "{fgColor.
|
|
7046
|
+
"value": "{control.fgColor.rest}",
|
|
7047
7047
|
"$type": "color",
|
|
7048
7048
|
"$extensions": {
|
|
7049
7049
|
"org.primer.figma": {
|
|
@@ -6981,7 +6981,7 @@
|
|
|
6981
6981
|
"path": ["button", "primary", "shadow", "selected"]
|
|
6982
6982
|
},
|
|
6983
6983
|
"button-invisible-fgColor-rest": {
|
|
6984
|
-
"value": "#
|
|
6984
|
+
"value": "#25292e",
|
|
6985
6985
|
"$type": "color",
|
|
6986
6986
|
"$extensions": {
|
|
6987
6987
|
"org.primer.figma": {
|
|
@@ -6994,7 +6994,7 @@
|
|
|
6994
6994
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6995
6995
|
"isSource": true,
|
|
6996
6996
|
"original": {
|
|
6997
|
-
"value": "{fgColor.
|
|
6997
|
+
"value": "{control.fgColor.rest}",
|
|
6998
6998
|
"$type": "color",
|
|
6999
6999
|
"$extensions": {
|
|
7000
7000
|
"org.primer.figma": {
|
|
@@ -7010,7 +7010,7 @@
|
|
|
7010
7010
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7011
7011
|
},
|
|
7012
7012
|
"button-invisible-fgColor-hover": {
|
|
7013
|
-
"value": "#
|
|
7013
|
+
"value": "#25292e",
|
|
7014
7014
|
"$type": "color",
|
|
7015
7015
|
"$extensions": {
|
|
7016
7016
|
"org.primer.figma": {
|
|
@@ -7023,7 +7023,7 @@
|
|
|
7023
7023
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7024
7024
|
"isSource": true,
|
|
7025
7025
|
"original": {
|
|
7026
|
-
"value": "{fgColor.
|
|
7026
|
+
"value": "{control.fgColor.rest}",
|
|
7027
7027
|
"$type": "color",
|
|
7028
7028
|
"$extensions": {
|
|
7029
7029
|
"org.primer.figma": {
|
|
@@ -6999,7 +6999,7 @@
|
|
|
6999
6999
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7000
7000
|
},
|
|
7001
7001
|
"button-invisible-fgColor-rest": {
|
|
7002
|
-
"value": "#
|
|
7002
|
+
"value": "#25292e",
|
|
7003
7003
|
"$type": "color",
|
|
7004
7004
|
"$extensions": {
|
|
7005
7005
|
"org.primer.figma": {
|
|
@@ -7012,7 +7012,7 @@
|
|
|
7012
7012
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7013
7013
|
"isSource": true,
|
|
7014
7014
|
"original": {
|
|
7015
|
-
"value": "{fgColor.
|
|
7015
|
+
"value": "{control.fgColor.rest}",
|
|
7016
7016
|
"$type": "color",
|
|
7017
7017
|
"$extensions": {
|
|
7018
7018
|
"org.primer.figma": {
|
|
@@ -6977,7 +6977,7 @@
|
|
|
6977
6977
|
"path": ["button", "primary", "shadow", "selected"]
|
|
6978
6978
|
},
|
|
6979
6979
|
"button-invisible-fgColor-rest": {
|
|
6980
|
-
"value": "#
|
|
6980
|
+
"value": "#25292e",
|
|
6981
6981
|
"$type": "color",
|
|
6982
6982
|
"$extensions": {
|
|
6983
6983
|
"org.primer.figma": {
|
|
@@ -6990,7 +6990,7 @@
|
|
|
6990
6990
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6991
6991
|
"isSource": true,
|
|
6992
6992
|
"original": {
|
|
6993
|
-
"value": "{fgColor.
|
|
6993
|
+
"value": "{control.fgColor.rest}",
|
|
6994
6994
|
"$type": "color",
|
|
6995
6995
|
"$extensions": {
|
|
6996
6996
|
"org.primer.figma": {
|
|
@@ -7006,7 +7006,7 @@
|
|
|
7006
7006
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7007
7007
|
},
|
|
7008
7008
|
"button-invisible-fgColor-hover": {
|
|
7009
|
-
"value": "#
|
|
7009
|
+
"value": "#25292e",
|
|
7010
7010
|
"$type": "color",
|
|
7011
7011
|
"$extensions": {
|
|
7012
7012
|
"org.primer.figma": {
|
|
@@ -7019,7 +7019,7 @@
|
|
|
7019
7019
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7020
7020
|
"isSource": true,
|
|
7021
7021
|
"original": {
|
|
7022
|
-
"value": "{fgColor.
|
|
7022
|
+
"value": "{control.fgColor.rest}",
|
|
7023
7023
|
"$type": "color",
|
|
7024
7024
|
"$extensions": {
|
|
7025
7025
|
"org.primer.figma": {
|
|
@@ -6977,7 +6977,7 @@
|
|
|
6977
6977
|
"path": ["button", "primary", "shadow", "selected"]
|
|
6978
6978
|
},
|
|
6979
6979
|
"button-invisible-fgColor-rest": {
|
|
6980
|
-
"value": "#
|
|
6980
|
+
"value": "#25292e",
|
|
6981
6981
|
"$type": "color",
|
|
6982
6982
|
"$extensions": {
|
|
6983
6983
|
"org.primer.figma": {
|
|
@@ -6990,7 +6990,7 @@
|
|
|
6990
6990
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6991
6991
|
"isSource": true,
|
|
6992
6992
|
"original": {
|
|
6993
|
-
"value": "{fgColor.
|
|
6993
|
+
"value": "{control.fgColor.rest}",
|
|
6994
6994
|
"$type": "color",
|
|
6995
6995
|
"$extensions": {
|
|
6996
6996
|
"org.primer.figma": {
|
|
@@ -7006,7 +7006,7 @@
|
|
|
7006
7006
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7007
7007
|
},
|
|
7008
7008
|
"button-invisible-fgColor-hover": {
|
|
7009
|
-
"value": "#
|
|
7009
|
+
"value": "#25292e",
|
|
7010
7010
|
"$type": "color",
|
|
7011
7011
|
"$extensions": {
|
|
7012
7012
|
"org.primer.figma": {
|
|
@@ -7019,7 +7019,7 @@
|
|
|
7019
7019
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7020
7020
|
"isSource": true,
|
|
7021
7021
|
"original": {
|
|
7022
|
-
"value": "{fgColor.
|
|
7022
|
+
"value": "{control.fgColor.rest}",
|
|
7023
7023
|
"$type": "color",
|
|
7024
7024
|
"$extensions": {
|
|
7025
7025
|
"org.primer.figma": {
|
package/package.json
CHANGED
|
@@ -1064,7 +1064,7 @@
|
|
|
1064
1064
|
invisible: {
|
|
1065
1065
|
fgColor: {
|
|
1066
1066
|
rest: {
|
|
1067
|
-
$value: '{fgColor.
|
|
1067
|
+
$value: '{control.fgColor.rest}',
|
|
1068
1068
|
$type: 'color',
|
|
1069
1069
|
$extensions: {
|
|
1070
1070
|
'org.primer.figma': {
|
|
@@ -1076,7 +1076,7 @@
|
|
|
1076
1076
|
},
|
|
1077
1077
|
},
|
|
1078
1078
|
hover: {
|
|
1079
|
-
$value: '{fgColor.
|
|
1079
|
+
$value: '{control.fgColor.rest}',
|
|
1080
1080
|
$type: 'color',
|
|
1081
1081
|
$extensions: {
|
|
1082
1082
|
'org.primer.figma': {
|
|
@@ -1056,7 +1056,7 @@
|
|
|
1056
1056
|
invisible: {
|
|
1057
1057
|
fgColor: {
|
|
1058
1058
|
rest: {
|
|
1059
|
-
$value: '{fgColor.
|
|
1059
|
+
$value: '{control.fgColor.rest}',
|
|
1060
1060
|
$type: 'color',
|
|
1061
1061
|
$extensions: {
|
|
1062
1062
|
'org.primer.figma': {
|
|
@@ -1068,7 +1068,7 @@
|
|
|
1068
1068
|
},
|
|
1069
1069
|
},
|
|
1070
1070
|
hover: {
|
|
1071
|
-
$value: '{fgColor.
|
|
1071
|
+
$value: '{control.fgColor.rest}',
|
|
1072
1072
|
$type: 'color',
|
|
1073
1073
|
$extensions: {
|
|
1074
1074
|
'org.primer.figma': {
|