@primer/primitives 10.0.0-rc.367a0502 → 10.0.0-rc.fd912e08

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 (80) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +4 -4
  2. package/dist/css/functional/themes/dark-high-contrast.css +20 -20
  3. package/dist/css/functional/themes/light-high-contrast.css +14 -14
  4. package/dist/css/functional/typography/typography.css +20 -20
  5. package/dist/css/primitives.css +20 -20
  6. package/dist/docs/base/size/size.json +76 -76
  7. package/dist/docs/base/typography/typography.json +16 -16
  8. package/dist/docs/functional/motion/motion.json +18 -18
  9. package/dist/docs/functional/size/border.json +56 -56
  10. package/dist/docs/functional/size/breakpoints.json +24 -24
  11. package/dist/docs/functional/size/size-coarse.json +12 -12
  12. package/dist/docs/functional/size/size-fine.json +12 -12
  13. package/dist/docs/functional/size/size.json +264 -264
  14. package/dist/docs/functional/size/viewport.json +24 -24
  15. package/dist/docs/functional/themes/dark-colorblind.json +2310 -3186
  16. package/dist/docs/functional/themes/dark-dimmed.json +2300 -2794
  17. package/dist/docs/functional/themes/dark-high-contrast.json +2520 -5038
  18. package/dist/docs/functional/themes/dark-tritanopia.json +2351 -3003
  19. package/dist/docs/functional/themes/dark.json +2270 -2270
  20. package/dist/docs/functional/themes/light-colorblind.json +2298 -3124
  21. package/dist/docs/functional/themes/light-high-contrast.json +2419 -4645
  22. package/dist/docs/functional/themes/light-tritanopia.json +2330 -2990
  23. package/dist/docs/functional/themes/light.json +2260 -2260
  24. package/dist/docs/functional/typography/typography.json +206 -206
  25. package/dist/figma/dimension/dimension.json +489 -489
  26. package/dist/figma/figma.json +11 -3
  27. package/dist/figma/scales/dark-dimmed.json +38 -38
  28. package/dist/figma/scales/dark-high-constrast.json +38 -38
  29. package/dist/figma/scales/dark.json +35 -35
  30. package/dist/figma/scales/light-high-constrast.json +40 -40
  31. package/dist/figma/scales/light.json +40 -40
  32. package/dist/figma/shadows/dark-colorblind.json +280 -280
  33. package/dist/figma/shadows/dark-dimmed.json +280 -280
  34. package/dist/figma/shadows/dark-high-contrast.json +280 -280
  35. package/dist/figma/shadows/dark-tritanopia.json +280 -280
  36. package/dist/figma/shadows/dark.json +280 -280
  37. package/dist/figma/shadows/light-colorblind.json +281 -281
  38. package/dist/figma/shadows/light-high-contrast.json +281 -281
  39. package/dist/figma/shadows/light-tritanopia.json +281 -281
  40. package/dist/figma/shadows/light.json +281 -281
  41. package/dist/figma/themes/dark-colorblind.json +4991 -5854
  42. package/dist/figma/themes/dark-dimmed.json +5314 -5799
  43. package/dist/figma/themes/dark-high-contrast.json +4210 -6679
  44. package/dist/figma/themes/dark-tritanopia.json +5165 -5817
  45. package/dist/figma/themes/dark.json +5534 -5537
  46. package/dist/figma/themes/light-colorblind.json +4857 -5669
  47. package/dist/figma/themes/light-high-contrast.json +4198 -6372
  48. package/dist/figma/themes/light-tritanopia.json +4901 -5529
  49. package/dist/figma/themes/light.json +5349 -5349
  50. package/dist/figma/typography/typography.json +112 -156
  51. package/dist/internalCss/dark-colorblind.css +4 -4
  52. package/dist/internalCss/dark-high-contrast.css +20 -20
  53. package/dist/internalCss/light-high-contrast.css +14 -14
  54. package/dist/styleLint/base/size/size.json +38 -38
  55. package/dist/styleLint/base/typography/typography.json +8 -8
  56. package/dist/styleLint/functional/motion/motion.json +12 -12
  57. package/dist/styleLint/functional/size/border.json +30 -30
  58. package/dist/styleLint/functional/size/breakpoints.json +12 -12
  59. package/dist/styleLint/functional/size/size-coarse.json +6 -6
  60. package/dist/styleLint/functional/size/size-fine.json +6 -6
  61. package/dist/styleLint/functional/size/size.json +132 -132
  62. package/dist/styleLint/functional/size/viewport.json +12 -12
  63. package/dist/styleLint/functional/themes/dark-colorblind.json +1171 -2047
  64. package/dist/styleLint/functional/themes/dark-dimmed.json +1160 -1654
  65. package/dist/styleLint/functional/themes/dark-high-contrast.json +1307 -3825
  66. package/dist/styleLint/functional/themes/dark-tritanopia.json +1232 -1884
  67. package/dist/styleLint/functional/themes/dark.json +1140 -1140
  68. package/dist/styleLint/functional/themes/light-colorblind.json +1198 -2024
  69. package/dist/styleLint/functional/themes/light-high-contrast.json +1270 -3496
  70. package/dist/styleLint/functional/themes/light-tritanopia.json +1205 -1865
  71. package/dist/styleLint/functional/themes/light.json +1130 -1130
  72. package/dist/styleLint/functional/typography/typography.json +114 -114
  73. package/package.json +10 -3
  74. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +4 -4
  75. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +6 -0
  76. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +21 -3
  77. package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
  78. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -1
  79. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +4 -1
  80. package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.0.0-rc.367a0502",
3
+ "version": "10.0.0-rc.fd912e08",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
@@ -46,7 +46,6 @@
46
46
  },
47
47
  "prettier": "@github/prettier-config",
48
48
  "dependencies": {
49
- "prettier": "3.3",
50
49
  "@prettier/sync": "^0.5.2"
51
50
  },
52
51
  "devDependencies": {
@@ -62,6 +61,7 @@
62
61
  "color-blend": "^4.0.0",
63
62
  "color2k": "^2.0.3",
64
63
  "console-table-printer": "^2.12.1",
64
+ "esbuild": "^0.23.1",
65
65
  "eslint": "^8.57.0",
66
66
  "eslint-config-prettier": "^9.1.0",
67
67
  "eslint-import-resolver-typescript": "3.6",
@@ -74,11 +74,18 @@
74
74
  "eslint-plugin-storybook": "^0.8.0",
75
75
  "json5": "^2.2.1",
76
76
  "markdown-table-ts": "^1.0.3",
77
- "style-dictionary": "^3.9.2",
77
+ "prettier": "^3.3.3",
78
+ "style-dictionary": "^4.0.1",
78
79
  "tsx": "^4.19.0",
79
80
  "typescript": "5.5",
80
81
  "vitest": "^2.0.3",
81
82
  "zod": "3.23",
82
83
  "zod-validation-error": "3.3"
84
+ },
85
+ "peerDependencies": {
86
+ "style-dictionary": "^4.0.1"
87
+ },
88
+ "optionalDependencies": {
89
+ "@rollup/rollup-linux-x64-gnu": "^4.22.0"
83
90
  }
84
91
  }
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 CHANGED
@@ -14,7 +14,7 @@
14
14
  $type: 'color',
15
15
  },
16
16
  disabled: {
17
- $value: '{base.color.neutral.9}',
17
+ $value: '{base.color.neutral.8}',
18
18
  $type: 'color',
19
19
  },
20
20
  neutral: {
@@ -194,7 +194,7 @@
194
194
  },
195
195
  upsell: {
196
196
  muted: {
197
- $value: '{borderColor.done.muted}',
197
+ $value: '{borderColor.done.muted}',
198
198
  $type: 'color',
199
199
  alpha: 1,
200
200
  },
@@ -468,7 +468,7 @@
468
468
  active: {
469
469
  $value: '{bgColor.danger.emphasis}',
470
470
  $type: 'color',
471
- mix: null
471
+ mix: null,
472
472
  },
473
473
  },
474
474
  },
@@ -938,5 +938,5 @@
938
938
  $type: 'color',
939
939
  alpha: 1,
940
940
  },
941
- }
941
+ },
942
942
  }
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -60,6 +60,9 @@
60
60
  muted: {
61
61
  $value: '{bgColor.neutral.muted}',
62
62
  $type: 'color',
63
+ $extensions: {
64
+ alpha: 0.1,
65
+ },
63
66
  },
64
67
  emphasis: {
65
68
  $value: '{bgColor.neutral.emphasis}',
@@ -83,6 +86,9 @@
83
86
  muted: {
84
87
  $value: '{borderColor.muted}',
85
88
  $type: 'color',
89
+ $extensions: {
90
+ alpha: 0.4,
91
+ },
86
92
  },
87
93
  emphasis: {
88
94
  $value: '{borderColor.emphasis}',
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 CHANGED
@@ -73,7 +73,9 @@
73
73
  muted: {
74
74
  $value: '{base.color.blue.4}',
75
75
  $type: 'color',
76
- alpha: 0.4,
76
+ $extensions: {
77
+ alpha: 0.4,
78
+ },
77
79
  },
78
80
  emphasis: {
79
81
  $value: '{base.color.blue.5}',
@@ -84,7 +86,9 @@
84
86
  muted: {
85
87
  $value: '{base.color.red.4}',
86
88
  $type: 'color',
87
- alpha: 0.4,
89
+ $extensions: {
90
+ alpha: 0.4,
91
+ },
88
92
  },
89
93
  emphasis: {
90
94
  $value: '{base.color.red.5}',
@@ -95,7 +99,9 @@
95
99
  muted: {
96
100
  $value: '{base.color.red.4}',
97
101
  $type: 'color',
98
- alpha: 0.4,
102
+ $extensions: {
103
+ alpha: 0.4,
104
+ },
99
105
  },
100
106
  emphasis: {
101
107
  $value: '{base.color.red.5}',
@@ -106,6 +112,9 @@
106
112
  muted: {
107
113
  $value: '{borderColor.default}',
108
114
  $type: 'color',
115
+ $extensions: {
116
+ alpha: 0.4,
117
+ },
109
118
  },
110
119
  emphasis: {
111
120
  $value: '{borderColor.emphasis}',
@@ -119,14 +128,23 @@
119
128
  num: {
120
129
  $value: '{base.color.blue.3}',
121
130
  $type: 'color',
131
+ $extensions: {
132
+ alpha: 0.3,
133
+ },
122
134
  },
123
135
  line: {
124
136
  $value: '{base.color.blue.4}',
125
137
  $type: 'color',
138
+ $extensions: {
139
+ alpha: 0.15,
140
+ },
126
141
  },
127
142
  word: {
128
143
  $value: '{base.color.blue.4}',
129
144
  $type: 'color',
145
+ $extensions: {
146
+ alpha: 0.4,
147
+ },
130
148
  },
131
149
  },
132
150
  },
package/src/tokens/functional/color/dark/primitives-dark.json5 CHANGED
@@ -85,6 +85,7 @@
85
85
  $value: '{base.color.neutral.8}',
86
86
  $type: 'color',
87
87
  $extensions: {
88
+ alpha: 0.6,
88
89
  'org.primer.figma': {
89
90
  collection: 'mode',
90
91
  mode: 'dark',
@@ -92,7 +93,6 @@
92
93
  scopes: ['fgColor'],
93
94
  },
94
95
  },
95
- alpha: 0.6,
96
96
  },
97
97
  link: {
98
98
  $value: '{fgColor.accent}',
@@ -597,6 +597,7 @@
597
597
  $value: '{base.color.red.4}',
598
598
  $type: 'color',
599
599
  $extensions: {
600
+ alpha: 0.1,
600
601
  'org.primer.figma': {
601
602
  collection: 'mode',
602
603
  mode: 'dark',
@@ -607,7 +608,6 @@
607
608
  },
608
609
  },
609
610
  },
610
- alpha: 0.1,
611
611
  },
612
612
  emphasis: {
613
613
  $value: '{base.color.red.5}',
@@ -630,6 +630,7 @@
630
630
  $value: '{bgColor.danger.muted}',
631
631
  $type: 'color',
632
632
  $extensions: {
633
+ alpha: 0.1,
633
634
  'org.primer.figma': {
634
635
  collection: 'mode',
635
636
  mode: 'dark',
@@ -640,7 +641,6 @@
640
641
  },
641
642
  },
642
643
  },
643
- alpha: 0.1,
644
644
  },
645
645
  emphasis: {
646
646
  $value: '{bgColor.danger.emphasis}',
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 CHANGED
@@ -35,7 +35,7 @@
35
35
  emphasis: {
36
36
  $value: '{base.color.blue.5}',
37
37
  $type: 'color',
38
- mix: null
38
+ mix: null,
39
39
  },
40
40
  },
41
41
  open: {
@@ -86,6 +86,9 @@
86
86
  muted: {
87
87
  $value: '{borderColor.default}',
88
88
  $type: 'color',
89
+ $extensions: {
90
+ alpha: 0.4,
91
+ },
89
92
  },
90
93
  emphasis: {
91
94
  $value: '{borderColor.emphasis}',
package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 CHANGED
@@ -31,7 +31,7 @@
31
31
  emphasis: {
32
32
  $value: '{base.color.blue.5}',
33
33
  $type: 'color',
34
- mix: null
34
+ mix: null,
35
35
  },
36
36
  },
37
37
  open: {
@@ -103,6 +103,9 @@
103
103
  muted: {
104
104
  $value: '{borderColor.default}',
105
105
  $type: 'color',
106
+ $extensions: {
107
+ alpha: 0.4,
108
+ },
106
109
  },
107
110
  emphasis: {
108
111
  $value: '{borderColor.emphasis}',
package/src/tokens/functional/color/light/primitives-light.json5 CHANGED
@@ -118,7 +118,7 @@
118
118
  group: 'semantic',
119
119
  scopes: ['fgColor'],
120
120
  },
121
- }
121
+ },
122
122
  },
123
123
  accent: {
124
124
  $value: '{base.color.blue.5}',
@@ -806,7 +806,7 @@
806
806
  scopes: ['borderColor'],
807
807
  },
808
808
  },
809
- alpha: 0.1
809
+ alpha: 0.1,
810
810
  },
811
811
  transparent: {
812
812
  $value: '{base.color.transparent}',