@primer/primitives 9.0.2 → 9.0.3-rc.d00d3c69

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 (7) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +4 -4
  2. package/dist/docs/functional/themes/dark-colorblind.json +4 -4
  3. package/dist/figma/themes/dark-colorblind.json +33 -33
  4. package/dist/internalCss/dark-colorblind.css +4 -4
  5. package/dist/styleLint/functional/themes/dark-colorblind.json +4 -4
  6. package/package.json +1 -1
  7. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +6 -0
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -264,11 +264,11 @@
264
264
  --button-outline-borderColor-hover: #3d444d;
265
265
  --button-outline-borderColor-selected: #3d444d;
266
266
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
267
- --button-danger-fgColor-rest: #fa5e55;
267
+ --button-danger-fgColor-rest: #e6713e;
268
268
  --button-danger-fgColor-hover: #ffffff;
269
269
  --button-danger-fgColor-active: #ffffff;
270
270
  --button-danger-fgColor-disabled: #db6d2880;
271
- --button-danger-iconColor-rest: #fa5e55;
271
+ --button-danger-iconColor-rest: #e6713e;
272
272
  --button-danger-iconColor-hover: #ffffff;
273
273
  --button-danger-bgColor-rest: #212830;
274
274
  --button-danger-bgColor-hover: #9b4215;
@@ -833,11 +833,11 @@
833
833
  --button-outline-borderColor-hover: #3d444d;
834
834
  --button-outline-borderColor-selected: #3d444d;
835
835
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
836
- --button-danger-fgColor-rest: #fa5e55;
836
+ --button-danger-fgColor-rest: #e6713e;
837
837
  --button-danger-fgColor-hover: #ffffff;
838
838
  --button-danger-fgColor-active: #ffffff;
839
839
  --button-danger-fgColor-disabled: #db6d2880;
840
- --button-danger-iconColor-rest: #fa5e55;
840
+ --button-danger-iconColor-rest: #e6713e;
841
841
  --button-danger-iconColor-hover: #ffffff;
842
842
  --button-danger-bgColor-rest: #212830;
843
843
  --button-danger-bgColor-hover: #9b4215;
package/dist/docs/functional/themes/dark-colorblind.json CHANGED
@@ -7701,7 +7701,7 @@
7701
7701
  "path": ["button", "outline", "shadow", "selected"]
7702
7702
  },
7703
7703
  "button-danger-fgColor-rest": {
7704
- "value": "#fa5e55",
7704
+ "value": "#e6713e",
7705
7705
  "$type": "color",
7706
7706
  "$extensions": {
7707
7707
  "org.primer.figma": {
@@ -7715,10 +7715,10 @@
7715
7715
  "color": "#ff7b72",
7716
7716
  "weight": 0.3
7717
7717
  },
7718
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7718
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
7719
7719
  "isSource": true,
7720
7720
  "original": {
7721
- "value": "{base.color.red.4}",
7721
+ "value": "{fgColor.danger}",
7722
7722
  "$type": "color",
7723
7723
  "$extensions": {
7724
7724
  "org.primer.figma": {
@@ -7827,7 +7827,7 @@
7827
7827
  "path": ["button", "danger", "fgColor", "disabled"]
7828
7828
  },
7829
7829
  "button-danger-iconColor-rest": {
7830
- "value": "#fa5e55",
7830
+ "value": "#e6713e",
7831
7831
  "$type": "color",
7832
7832
  "$extensions": {
7833
7833
  "org.primer.figma": {
package/dist/figma/themes/dark-colorblind.json CHANGED
@@ -3975,23 +3975,6 @@
3975
3975
  "group": "component (internal)",
3976
3976
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3977
3977
  },
3978
- {
3979
- "name": "button/danger/fgColor/rest",
3980
- "value": {
3981
- "r": 0.9803921568627451,
3982
- "g": 0.3686274509803922,
3983
- "b": 0.3333333333333333,
3984
- "a": 1
3985
- },
3986
- "type": "COLOR",
3987
- "isMix": true,
3988
- "refId": "mode/button/danger/fgColor/rest",
3989
- "reference": "base/color/dark/base/color/red/4",
3990
- "collection": "mode",
3991
- "mode": "dark colorblind",
3992
- "group": "component (internal)",
3993
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3994
- },
3995
3978
  {
3996
3979
  "name": "button/outline/shadow/selected/offsetX",
3997
3980
  "value": 0,
@@ -7755,22 +7738,6 @@
7755
7738
  "group": "component (internal)",
7756
7739
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
7757
7740
  },
7758
- {
7759
- "name": "button/danger/iconColor/rest",
7760
- "value": {
7761
- "r": 0.9803921568627451,
7762
- "g": 0.3686274509803922,
7763
- "b": 0.3333333333333333,
7764
- "a": 1
7765
- },
7766
- "type": "COLOR",
7767
- "refId": "mode/button/danger/iconColor/rest",
7768
- "reference": "mode/button/danger/fgColor/rest",
7769
- "collection": "mode",
7770
- "mode": "dark colorblind",
7771
- "group": "component (internal)",
7772
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
7773
- },
7774
7741
  {
7775
7742
  "name": "button/danger/fgColor/disabled",
7776
7743
  "value": {
@@ -7820,6 +7787,23 @@
7820
7787
  "group": "component (internal)",
7821
7788
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
7822
7789
  },
7790
+ {
7791
+ "name": "button/danger/fgColor/rest",
7792
+ "value": {
7793
+ "r": 0.9019607843137255,
7794
+ "g": 0.44313725490196076,
7795
+ "b": 0.24313725490196078,
7796
+ "a": 1
7797
+ },
7798
+ "type": "COLOR",
7799
+ "isMix": true,
7800
+ "refId": "mode/button/danger/fgColor/rest",
7801
+ "reference": "mode/fgColor/danger",
7802
+ "collection": "mode",
7803
+ "mode": "dark colorblind",
7804
+ "group": "component (internal)",
7805
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
7806
+ },
7823
7807
  {
7824
7808
  "name": "button/outline/bgColor/hover",
7825
7809
  "value": {
@@ -9050,6 +9034,22 @@
9050
9034
  "group": "component (internal)",
9051
9035
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
9052
9036
  },
9037
+ {
9038
+ "name": "button/danger/iconColor/rest",
9039
+ "value": {
9040
+ "r": 0.9019607843137255,
9041
+ "g": 0.44313725490196076,
9042
+ "b": 0.24313725490196078,
9043
+ "a": 1
9044
+ },
9045
+ "type": "COLOR",
9046
+ "refId": "mode/button/danger/iconColor/rest",
9047
+ "reference": "mode/button/danger/fgColor/rest",
9048
+ "collection": "mode",
9049
+ "mode": "dark colorblind",
9050
+ "group": "component (internal)",
9051
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
9052
+ },
9053
9053
  {
9054
9054
  "name": "button/outline/bgColor/disabled",
9055
9055
  "value": {
package/dist/internalCss/dark-colorblind.css CHANGED
@@ -554,11 +554,11 @@
554
554
  --button-outline-borderColor-hover: #3d444d;
555
555
  --button-outline-borderColor-selected: #3d444d;
556
556
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
557
- --button-danger-fgColor-rest: #fa5e55;
557
+ --button-danger-fgColor-rest: #e6713e;
558
558
  --button-danger-fgColor-hover: #ffffff;
559
559
  --button-danger-fgColor-active: #ffffff;
560
560
  --button-danger-fgColor-disabled: #db6d2880;
561
- --button-danger-iconColor-rest: #fa5e55;
561
+ --button-danger-iconColor-rest: #e6713e;
562
562
  --button-danger-iconColor-hover: #ffffff;
563
563
  --button-danger-bgColor-rest: #212830;
564
564
  --button-danger-bgColor-hover: #9b4215;
@@ -1413,11 +1413,11 @@
1413
1413
  --button-outline-borderColor-hover: #3d444d;
1414
1414
  --button-outline-borderColor-selected: #3d444d;
1415
1415
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
1416
- --button-danger-fgColor-rest: #fa5e55;
1416
+ --button-danger-fgColor-rest: #e6713e;
1417
1417
  --button-danger-fgColor-hover: #ffffff;
1418
1418
  --button-danger-fgColor-active: #ffffff;
1419
1419
  --button-danger-fgColor-disabled: #db6d2880;
1420
- --button-danger-iconColor-rest: #fa5e55;
1420
+ --button-danger-iconColor-rest: #e6713e;
1421
1421
  --button-danger-iconColor-hover: #ffffff;
1422
1422
  --button-danger-bgColor-rest: #212830;
1423
1423
  --button-danger-bgColor-hover: #9b4215;
package/dist/styleLint/functional/themes/dark-colorblind.json CHANGED
@@ -7701,7 +7701,7 @@
7701
7701
  "path": ["button", "outline", "shadow", "selected"]
7702
7702
  },
7703
7703
  "button-danger-fgColor-rest": {
7704
- "value": "#fa5e55",
7704
+ "value": "#e6713e",
7705
7705
  "$type": "color",
7706
7706
  "$extensions": {
7707
7707
  "org.primer.figma": {
@@ -7715,10 +7715,10 @@
7715
7715
  "color": "#ff7b72",
7716
7716
  "weight": 0.3
7717
7717
  },
7718
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7718
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
7719
7719
  "isSource": true,
7720
7720
  "original": {
7721
- "value": "{base.color.red.4}",
7721
+ "value": "{fgColor.danger}",
7722
7722
  "$type": "color",
7723
7723
  "$extensions": {
7724
7724
  "org.primer.figma": {
@@ -7827,7 +7827,7 @@
7827
7827
  "path": ["button", "danger", "fgColor", "disabled"]
7828
7828
  },
7829
7829
  "button-danger-iconColor-rest": {
7830
- "value": "#fa5e55",
7830
+ "value": "#e6713e",
7831
7831
  "$type": "color",
7832
7832
  "$extensions": {
7833
7833
  "org.primer.figma": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "9.0.2",
3
+ "version": "9.0.3-rc.d00d3c69",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "engines": {
6
6
  "node": ">=18.18.0 <18.19.0"
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -163,6 +163,12 @@
163
163
  },
164
164
  },
165
165
  danger: {
166
+ fgColor: {
167
+ rest: {
168
+ $value: '{fgColor.danger}',
169
+ $type: 'color',
170
+ },
171
+ },
166
172
  bgColor: {
167
173
  hover: {
168
174
  $value: '{base.color.orange.6}',