@primer/primitives 10.2.0 → 10.3.0-rc.22c9c6cf

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 (123) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +40 -36
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/colorToHex.js +3 -3
  12. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  13. package/dist/build/transformers/figmaAttributes.js +2 -1
  14. package/dist/build/transformers/shadowToCss.js +2 -2
  15. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  16. package/dist/build/transformers/utilities/alpha.js +3 -3
  17. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  18. package/dist/build/utilities/asArray.d.ts +1 -0
  19. package/dist/build/utilities/asArray.js +1 -0
  20. package/dist/build/utilities/log.d.ts +6 -0
  21. package/dist/build/utilities/log.js +34 -0
  22. package/dist/css/functional/size/border.css +5 -5
  23. package/dist/css/functional/size/size.css +15 -15
  24. package/dist/css/functional/size/viewport.css +2 -2
  25. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  26. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  27. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  28. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  29. package/dist/css/functional/themes/dark.css +416 -416
  30. package/dist/css/functional/themes/light-colorblind.css +444 -444
  31. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  32. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  33. package/dist/css/functional/themes/light.css +444 -444
  34. package/dist/css/primitives.css +20 -20
  35. package/dist/docs/base/motion/motion.json +88 -73
  36. package/dist/docs/base/size/size.json +94 -75
  37. package/dist/docs/base/typography/typography.json +14 -10
  38. package/dist/docs/functional/motion/motion.json +19 -15
  39. package/dist/docs/functional/size/border.json +139 -125
  40. package/dist/docs/functional/size/breakpoints.json +31 -25
  41. package/dist/docs/functional/size/size-coarse.json +13 -10
  42. package/dist/docs/functional/size/size-fine.json +9 -6
  43. package/dist/docs/functional/size/size.json +499 -433
  44. package/dist/docs/functional/size/viewport.json +32 -26
  45. package/dist/docs/functional/themes/dark-colorblind.json +7846 -6530
  46. package/dist/docs/functional/themes/dark-dimmed.json +7774 -6498
  47. package/dist/docs/functional/themes/dark-high-contrast.json +8121 -6737
  48. package/dist/docs/functional/themes/dark-tritanopia.json +7817 -6543
  49. package/dist/docs/functional/themes/dark.json +7772 -6562
  50. package/dist/docs/functional/themes/light-colorblind.json +7753 -6455
  51. package/dist/docs/functional/themes/light-high-contrast.json +7983 -6643
  52. package/dist/docs/functional/themes/light-tritanopia.json +7732 -6454
  53. package/dist/docs/functional/themes/light.json +7658 -6450
  54. package/dist/docs/functional/typography/typography.json +518 -472
  55. package/dist/figma/themes/dark-colorblind.json +5704 -5570
  56. package/dist/figma/themes/dark-dimmed.json +5204 -5122
  57. package/dist/figma/themes/dark-high-contrast.json +4381 -4166
  58. package/dist/figma/themes/dark-tritanopia.json +5354 -5271
  59. package/dist/figma/themes/dark.json +5505 -5504
  60. package/dist/figma/themes/light-colorblind.json +5666 -5567
  61. package/dist/figma/themes/light-high-contrast.json +4277 -4115
  62. package/dist/figma/themes/light-tritanopia.json +5071 -4991
  63. package/dist/figma/themes/light.json +4808 -4808
  64. package/dist/internalCss/dark-colorblind.css +1148 -1148
  65. package/dist/internalCss/dark-dimmed.css +1138 -1138
  66. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  67. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  68. package/dist/internalCss/dark.css +1150 -1150
  69. package/dist/internalCss/light-colorblind.css +1152 -1152
  70. package/dist/internalCss/light-high-contrast.css +1166 -1166
  71. package/dist/internalCss/light-tritanopia.css +1156 -1156
  72. package/dist/internalCss/light.css +1158 -1158
  73. package/dist/styleLint/base/motion/motion.json +97 -82
  74. package/dist/styleLint/base/size/size.json +102 -83
  75. package/dist/styleLint/base/typography/typography.json +16 -12
  76. package/dist/styleLint/functional/motion/motion.json +22 -18
  77. package/dist/styleLint/functional/size/border.json +140 -126
  78. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  79. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  80. package/dist/styleLint/functional/size/size-fine.json +10 -7
  81. package/dist/styleLint/functional/size/size.json +486 -420
  82. package/dist/styleLint/functional/size/viewport.json +36 -30
  83. package/dist/styleLint/functional/themes/dark-colorblind.json +7601 -6285
  84. package/dist/styleLint/functional/themes/dark-dimmed.json +7984 -6708
  85. package/dist/styleLint/functional/themes/dark-high-contrast.json +8150 -6766
  86. package/dist/styleLint/functional/themes/dark-tritanopia.json +7780 -6506
  87. package/dist/styleLint/functional/themes/dark.json +7689 -6479
  88. package/dist/styleLint/functional/themes/light-colorblind.json +7756 -6458
  89. package/dist/styleLint/functional/themes/light-high-contrast.json +8135 -6795
  90. package/dist/styleLint/functional/themes/light-tritanopia.json +7642 -6364
  91. package/dist/styleLint/functional/themes/light.json +7552 -6344
  92. package/dist/styleLint/functional/typography/typography.json +520 -474
  93. package/package.json +2 -2
  94. package/src/tokens/component/diffBlob.json5 +387 -0
  95. package/src/tokens/component/header.json5 +65 -0
  96. package/src/tokens/component/headerSerach.json5 +32 -0
  97. package/src/tokens/component/highlight.json5 +23 -0
  98. package/src/tokens/component/overlay.json5 +68 -0
  99. package/src/tokens/component/page.json5 +20 -0
  100. package/src/tokens/component/reactionButton.json5 +78 -0
  101. package/src/tokens/component/skeletonLoader.json5 +29 -0
  102. package/src/tokens/component/timelineBadge.json5 +19 -0
  103. package/src/tokens/functional/color/dark/app-dark.json5 +0 -399
  104. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -35
  105. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -92
  106. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -63
  107. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
  108. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -194
  109. package/src/tokens/functional/color/light/app-light.json5 +0 -364
  110. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -70
  111. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +15 -76
  112. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
  113. package/src/tokens/functional/color/light/patterns-light.json5 +1 -192
  114. package/dist/figma/figma.json +0 -133
  115. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  116. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  117. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  118. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  119. package/dist/figma/shadows/dark.json +0 -1152
  120. package/dist/figma/shadows/light-colorblind.json +0 -1052
  121. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  122. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  123. package/dist/figma/shadows/light.json +0 -1052
@@ -1,11 +1,12 @@
1
1
  import { z } from 'zod';
2
- export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
2
+ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<z.objectUtil.extendShape<{
3
3
  $description: z.ZodOptional<z.ZodString>;
4
4
  $deprecated: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>;
5
5
  }, {
6
6
  $value: z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>;
7
- $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
8
7
  alpha: z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>;
8
+ }>, {
9
+ $type: z.ZodLiteral<"string" | "number" | "border" | "color" | "fontFamily" | "fontWeight" | "dimension" | "duration" | "shadow" | "typography" | "cubicBezier" | "custom-viewportRange">;
9
10
  $extensions: z.ZodOptional<z.ZodObject<{
10
11
  'org.primer.figma': z.ZodOptional<z.ZodObject<{
11
12
  collection: z.ZodOptional<z.ZodEffects<z.ZodString, string, string>>;
@@ -24,35 +25,260 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
24
25
  scopes?: string[] | undefined;
25
26
  }>>;
26
27
  'org.primer.overrides': z.ZodOptional<z.ZodObject<{
27
- light: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
28
- 'light-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
29
- 'light-deutranopia-protanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
30
- 'light-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
31
- dark: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
32
- 'dark-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
33
- 'dark-deutranopia-protanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
34
- 'dark-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
35
- 'dark-dimmed': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
28
+ light: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
29
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
30
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
31
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
32
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
33
+ }, "strict", z.ZodTypeAny, {
34
+ alpha?: any;
35
+ $value?: string | undefined;
36
+ $description?: string | undefined;
37
+ $deprecated?: string | boolean | undefined;
38
+ }, {
39
+ alpha?: any;
40
+ $value?: string | undefined;
41
+ $description?: string | undefined;
42
+ $deprecated?: string | boolean | undefined;
43
+ }>]>>;
44
+ 'light-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
45
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
46
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
47
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
48
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
49
+ }, "strict", z.ZodTypeAny, {
50
+ alpha?: any;
51
+ $value?: string | undefined;
52
+ $description?: string | undefined;
53
+ $deprecated?: string | boolean | undefined;
54
+ }, {
55
+ alpha?: any;
56
+ $value?: string | undefined;
57
+ $description?: string | undefined;
58
+ $deprecated?: string | boolean | undefined;
59
+ }>]>>;
60
+ 'light-protanopia-deuteranopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
61
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
62
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
63
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
64
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
65
+ }, "strict", z.ZodTypeAny, {
66
+ alpha?: any;
67
+ $value?: string | undefined;
68
+ $description?: string | undefined;
69
+ $deprecated?: string | boolean | undefined;
70
+ }, {
71
+ alpha?: any;
72
+ $value?: string | undefined;
73
+ $description?: string | undefined;
74
+ $deprecated?: string | boolean | undefined;
75
+ }>]>>;
76
+ 'light-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
77
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
78
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
79
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
80
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
81
+ }, "strict", z.ZodTypeAny, {
82
+ alpha?: any;
83
+ $value?: string | undefined;
84
+ $description?: string | undefined;
85
+ $deprecated?: string | boolean | undefined;
86
+ }, {
87
+ alpha?: any;
88
+ $value?: string | undefined;
89
+ $description?: string | undefined;
90
+ $deprecated?: string | boolean | undefined;
91
+ }>]>>;
92
+ dark: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
93
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
94
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
95
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
96
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
97
+ }, "strict", z.ZodTypeAny, {
98
+ alpha?: any;
99
+ $value?: string | undefined;
100
+ $description?: string | undefined;
101
+ $deprecated?: string | boolean | undefined;
102
+ }, {
103
+ alpha?: any;
104
+ $value?: string | undefined;
105
+ $description?: string | undefined;
106
+ $deprecated?: string | boolean | undefined;
107
+ }>]>>;
108
+ 'dark-tritanopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
109
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
110
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
111
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
112
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
113
+ }, "strict", z.ZodTypeAny, {
114
+ alpha?: any;
115
+ $value?: string | undefined;
116
+ $description?: string | undefined;
117
+ $deprecated?: string | boolean | undefined;
118
+ }, {
119
+ alpha?: any;
120
+ $value?: string | undefined;
121
+ $description?: string | undefined;
122
+ $deprecated?: string | boolean | undefined;
123
+ }>]>>;
124
+ 'dark-protanopia-deuteranopia': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
125
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
126
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
127
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
128
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
129
+ }, "strict", z.ZodTypeAny, {
130
+ alpha?: any;
131
+ $value?: string | undefined;
132
+ $description?: string | undefined;
133
+ $deprecated?: string | boolean | undefined;
134
+ }, {
135
+ alpha?: any;
136
+ $value?: string | undefined;
137
+ $description?: string | undefined;
138
+ $deprecated?: string | boolean | undefined;
139
+ }>]>>;
140
+ 'dark-high-contrast': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
141
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
142
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
143
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
144
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
145
+ }, "strict", z.ZodTypeAny, {
146
+ alpha?: any;
147
+ $value?: string | undefined;
148
+ $description?: string | undefined;
149
+ $deprecated?: string | boolean | undefined;
150
+ }, {
151
+ alpha?: any;
152
+ $value?: string | undefined;
153
+ $description?: string | undefined;
154
+ $deprecated?: string | boolean | undefined;
155
+ }>]>>;
156
+ 'dark-dimmed': z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>, z.ZodObject<{
157
+ $description: z.ZodOptional<z.ZodOptional<z.ZodString>>;
158
+ $deprecated: z.ZodOptional<z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodBoolean]>>>;
159
+ $value: z.ZodOptional<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>>;
160
+ alpha: z.ZodOptional<z.ZodNullable<z.ZodOptional<z.ZodEffects<z.ZodAny, any, any>>>>;
161
+ }, "strict", z.ZodTypeAny, {
162
+ alpha?: any;
163
+ $value?: string | undefined;
164
+ $description?: string | undefined;
165
+ $deprecated?: string | boolean | undefined;
166
+ }, {
167
+ alpha?: any;
168
+ $value?: string | undefined;
169
+ $description?: string | undefined;
170
+ $deprecated?: string | boolean | undefined;
171
+ }>]>>;
36
172
  }, "strict", z.ZodTypeAny, {
37
- light?: string | undefined;
38
- dark?: string | undefined;
39
- 'light-tritanopia'?: string | undefined;
40
- 'light-deutranopia-protanopia'?: string | undefined;
41
- 'light-high-contrast'?: string | undefined;
42
- 'dark-tritanopia'?: string | undefined;
43
- 'dark-deutranopia-protanopia'?: string | undefined;
44
- 'dark-high-contrast'?: string | undefined;
45
- 'dark-dimmed'?: string | undefined;
173
+ light?: string | {
174
+ alpha?: any;
175
+ $value?: string | undefined;
176
+ $description?: string | undefined;
177
+ $deprecated?: string | boolean | undefined;
178
+ } | undefined;
179
+ dark?: string | {
180
+ alpha?: any;
181
+ $value?: string | undefined;
182
+ $description?: string | undefined;
183
+ $deprecated?: string | boolean | undefined;
184
+ } | undefined;
185
+ 'light-tritanopia'?: string | {
186
+ alpha?: any;
187
+ $value?: string | undefined;
188
+ $description?: string | undefined;
189
+ $deprecated?: string | boolean | undefined;
190
+ } | undefined;
191
+ 'light-protanopia-deuteranopia'?: string | {
192
+ alpha?: any;
193
+ $value?: string | undefined;
194
+ $description?: string | undefined;
195
+ $deprecated?: string | boolean | undefined;
196
+ } | undefined;
197
+ 'light-high-contrast'?: string | {
198
+ alpha?: any;
199
+ $value?: string | undefined;
200
+ $description?: string | undefined;
201
+ $deprecated?: string | boolean | undefined;
202
+ } | undefined;
203
+ 'dark-tritanopia'?: string | {
204
+ alpha?: any;
205
+ $value?: string | undefined;
206
+ $description?: string | undefined;
207
+ $deprecated?: string | boolean | undefined;
208
+ } | undefined;
209
+ 'dark-protanopia-deuteranopia'?: string | {
210
+ alpha?: any;
211
+ $value?: string | undefined;
212
+ $description?: string | undefined;
213
+ $deprecated?: string | boolean | undefined;
214
+ } | undefined;
215
+ 'dark-high-contrast'?: string | {
216
+ alpha?: any;
217
+ $value?: string | undefined;
218
+ $description?: string | undefined;
219
+ $deprecated?: string | boolean | undefined;
220
+ } | undefined;
221
+ 'dark-dimmed'?: string | {
222
+ alpha?: any;
223
+ $value?: string | undefined;
224
+ $description?: string | undefined;
225
+ $deprecated?: string | boolean | undefined;
226
+ } | undefined;
46
227
  }, {
47
- light?: string | undefined;
48
- dark?: string | undefined;
49
- 'light-tritanopia'?: string | undefined;
50
- 'light-deutranopia-protanopia'?: string | undefined;
51
- 'light-high-contrast'?: string | undefined;
52
- 'dark-tritanopia'?: string | undefined;
53
- 'dark-deutranopia-protanopia'?: string | undefined;
54
- 'dark-high-contrast'?: string | undefined;
55
- 'dark-dimmed'?: string | undefined;
228
+ light?: string | {
229
+ alpha?: any;
230
+ $value?: string | undefined;
231
+ $description?: string | undefined;
232
+ $deprecated?: string | boolean | undefined;
233
+ } | undefined;
234
+ dark?: string | {
235
+ alpha?: any;
236
+ $value?: string | undefined;
237
+ $description?: string | undefined;
238
+ $deprecated?: string | boolean | undefined;
239
+ } | undefined;
240
+ 'light-tritanopia'?: string | {
241
+ alpha?: any;
242
+ $value?: string | undefined;
243
+ $description?: string | undefined;
244
+ $deprecated?: string | boolean | undefined;
245
+ } | undefined;
246
+ 'light-protanopia-deuteranopia'?: string | {
247
+ alpha?: any;
248
+ $value?: string | undefined;
249
+ $description?: string | undefined;
250
+ $deprecated?: string | boolean | undefined;
251
+ } | undefined;
252
+ 'light-high-contrast'?: string | {
253
+ alpha?: any;
254
+ $value?: string | undefined;
255
+ $description?: string | undefined;
256
+ $deprecated?: string | boolean | undefined;
257
+ } | undefined;
258
+ 'dark-tritanopia'?: string | {
259
+ alpha?: any;
260
+ $value?: string | undefined;
261
+ $description?: string | undefined;
262
+ $deprecated?: string | boolean | undefined;
263
+ } | undefined;
264
+ 'dark-protanopia-deuteranopia'?: string | {
265
+ alpha?: any;
266
+ $value?: string | undefined;
267
+ $description?: string | undefined;
268
+ $deprecated?: string | boolean | undefined;
269
+ } | undefined;
270
+ 'dark-high-contrast'?: string | {
271
+ alpha?: any;
272
+ $value?: string | undefined;
273
+ $description?: string | undefined;
274
+ $deprecated?: string | boolean | undefined;
275
+ } | undefined;
276
+ 'dark-dimmed'?: string | {
277
+ alpha?: any;
278
+ $value?: string | undefined;
279
+ $description?: string | undefined;
280
+ $deprecated?: string | boolean | undefined;
281
+ } | undefined;
56
282
  }>>;
57
283
  }, "strict", z.ZodTypeAny, {
58
284
  'org.primer.figma'?: {
@@ -62,15 +288,60 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
62
288
  scopes?: string[] | undefined;
63
289
  } | undefined;
64
290
  'org.primer.overrides'?: {
65
- light?: string | undefined;
66
- dark?: string | undefined;
67
- 'light-tritanopia'?: string | undefined;
68
- 'light-deutranopia-protanopia'?: string | undefined;
69
- 'light-high-contrast'?: string | undefined;
70
- 'dark-tritanopia'?: string | undefined;
71
- 'dark-deutranopia-protanopia'?: string | undefined;
72
- 'dark-high-contrast'?: string | undefined;
73
- 'dark-dimmed'?: string | undefined;
291
+ light?: string | {
292
+ alpha?: any;
293
+ $value?: string | undefined;
294
+ $description?: string | undefined;
295
+ $deprecated?: string | boolean | undefined;
296
+ } | undefined;
297
+ dark?: string | {
298
+ alpha?: any;
299
+ $value?: string | undefined;
300
+ $description?: string | undefined;
301
+ $deprecated?: string | boolean | undefined;
302
+ } | undefined;
303
+ 'light-tritanopia'?: string | {
304
+ alpha?: any;
305
+ $value?: string | undefined;
306
+ $description?: string | undefined;
307
+ $deprecated?: string | boolean | undefined;
308
+ } | undefined;
309
+ 'light-protanopia-deuteranopia'?: string | {
310
+ alpha?: any;
311
+ $value?: string | undefined;
312
+ $description?: string | undefined;
313
+ $deprecated?: string | boolean | undefined;
314
+ } | undefined;
315
+ 'light-high-contrast'?: string | {
316
+ alpha?: any;
317
+ $value?: string | undefined;
318
+ $description?: string | undefined;
319
+ $deprecated?: string | boolean | undefined;
320
+ } | undefined;
321
+ 'dark-tritanopia'?: string | {
322
+ alpha?: any;
323
+ $value?: string | undefined;
324
+ $description?: string | undefined;
325
+ $deprecated?: string | boolean | undefined;
326
+ } | undefined;
327
+ 'dark-protanopia-deuteranopia'?: string | {
328
+ alpha?: any;
329
+ $value?: string | undefined;
330
+ $description?: string | undefined;
331
+ $deprecated?: string | boolean | undefined;
332
+ } | undefined;
333
+ 'dark-high-contrast'?: string | {
334
+ alpha?: any;
335
+ $value?: string | undefined;
336
+ $description?: string | undefined;
337
+ $deprecated?: string | boolean | undefined;
338
+ } | undefined;
339
+ 'dark-dimmed'?: string | {
340
+ alpha?: any;
341
+ $value?: string | undefined;
342
+ $description?: string | undefined;
343
+ $deprecated?: string | boolean | undefined;
344
+ } | undefined;
74
345
  } | undefined;
75
346
  }, {
76
347
  'org.primer.figma'?: {
@@ -80,15 +351,60 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
80
351
  scopes?: string[] | undefined;
81
352
  } | undefined;
82
353
  'org.primer.overrides'?: {
83
- light?: string | undefined;
84
- dark?: string | undefined;
85
- 'light-tritanopia'?: string | undefined;
86
- 'light-deutranopia-protanopia'?: string | undefined;
87
- 'light-high-contrast'?: string | undefined;
88
- 'dark-tritanopia'?: string | undefined;
89
- 'dark-deutranopia-protanopia'?: string | undefined;
90
- 'dark-high-contrast'?: string | undefined;
91
- 'dark-dimmed'?: string | undefined;
354
+ light?: string | {
355
+ alpha?: any;
356
+ $value?: string | undefined;
357
+ $description?: string | undefined;
358
+ $deprecated?: string | boolean | undefined;
359
+ } | undefined;
360
+ dark?: string | {
361
+ alpha?: any;
362
+ $value?: string | undefined;
363
+ $description?: string | undefined;
364
+ $deprecated?: string | boolean | undefined;
365
+ } | undefined;
366
+ 'light-tritanopia'?: string | {
367
+ alpha?: any;
368
+ $value?: string | undefined;
369
+ $description?: string | undefined;
370
+ $deprecated?: string | boolean | undefined;
371
+ } | undefined;
372
+ 'light-protanopia-deuteranopia'?: string | {
373
+ alpha?: any;
374
+ $value?: string | undefined;
375
+ $description?: string | undefined;
376
+ $deprecated?: string | boolean | undefined;
377
+ } | undefined;
378
+ 'light-high-contrast'?: string | {
379
+ alpha?: any;
380
+ $value?: string | undefined;
381
+ $description?: string | undefined;
382
+ $deprecated?: string | boolean | undefined;
383
+ } | undefined;
384
+ 'dark-tritanopia'?: string | {
385
+ alpha?: any;
386
+ $value?: string | undefined;
387
+ $description?: string | undefined;
388
+ $deprecated?: string | boolean | undefined;
389
+ } | undefined;
390
+ 'dark-protanopia-deuteranopia'?: string | {
391
+ alpha?: any;
392
+ $value?: string | undefined;
393
+ $description?: string | undefined;
394
+ $deprecated?: string | boolean | undefined;
395
+ } | undefined;
396
+ 'dark-high-contrast'?: string | {
397
+ alpha?: any;
398
+ $value?: string | undefined;
399
+ $description?: string | undefined;
400
+ $deprecated?: string | boolean | undefined;
401
+ } | undefined;
402
+ 'dark-dimmed'?: string | {
403
+ alpha?: any;
404
+ $value?: string | undefined;
405
+ $description?: string | undefined;
406
+ $deprecated?: string | boolean | undefined;
407
+ } | undefined;
92
408
  } | undefined;
93
409
  }>>;
94
410
  }>, "strict", z.ZodTypeAny, {
@@ -105,15 +421,60 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
105
421
  scopes?: string[] | undefined;
106
422
  } | undefined;
107
423
  'org.primer.overrides'?: {
108
- light?: string | undefined;
109
- dark?: string | undefined;
110
- 'light-tritanopia'?: string | undefined;
111
- 'light-deutranopia-protanopia'?: string | undefined;
112
- 'light-high-contrast'?: string | undefined;
113
- 'dark-tritanopia'?: string | undefined;
114
- 'dark-deutranopia-protanopia'?: string | undefined;
115
- 'dark-high-contrast'?: string | undefined;
116
- 'dark-dimmed'?: string | undefined;
424
+ light?: string | {
425
+ alpha?: any;
426
+ $value?: string | undefined;
427
+ $description?: string | undefined;
428
+ $deprecated?: string | boolean | undefined;
429
+ } | undefined;
430
+ dark?: string | {
431
+ alpha?: any;
432
+ $value?: string | undefined;
433
+ $description?: string | undefined;
434
+ $deprecated?: string | boolean | undefined;
435
+ } | undefined;
436
+ 'light-tritanopia'?: string | {
437
+ alpha?: any;
438
+ $value?: string | undefined;
439
+ $description?: string | undefined;
440
+ $deprecated?: string | boolean | undefined;
441
+ } | undefined;
442
+ 'light-protanopia-deuteranopia'?: string | {
443
+ alpha?: any;
444
+ $value?: string | undefined;
445
+ $description?: string | undefined;
446
+ $deprecated?: string | boolean | undefined;
447
+ } | undefined;
448
+ 'light-high-contrast'?: string | {
449
+ alpha?: any;
450
+ $value?: string | undefined;
451
+ $description?: string | undefined;
452
+ $deprecated?: string | boolean | undefined;
453
+ } | undefined;
454
+ 'dark-tritanopia'?: string | {
455
+ alpha?: any;
456
+ $value?: string | undefined;
457
+ $description?: string | undefined;
458
+ $deprecated?: string | boolean | undefined;
459
+ } | undefined;
460
+ 'dark-protanopia-deuteranopia'?: string | {
461
+ alpha?: any;
462
+ $value?: string | undefined;
463
+ $description?: string | undefined;
464
+ $deprecated?: string | boolean | undefined;
465
+ } | undefined;
466
+ 'dark-high-contrast'?: string | {
467
+ alpha?: any;
468
+ $value?: string | undefined;
469
+ $description?: string | undefined;
470
+ $deprecated?: string | boolean | undefined;
471
+ } | undefined;
472
+ 'dark-dimmed'?: string | {
473
+ alpha?: any;
474
+ $value?: string | undefined;
475
+ $description?: string | undefined;
476
+ $deprecated?: string | boolean | undefined;
477
+ } | undefined;
117
478
  } | undefined;
118
479
  } | undefined;
119
480
  }, {
@@ -130,15 +491,60 @@ export declare const colorToken: z.ZodObject<z.objectUtil.extendShape<{
130
491
  scopes?: string[] | undefined;
131
492
  } | undefined;
132
493
  'org.primer.overrides'?: {
133
- light?: string | undefined;
134
- dark?: string | undefined;
135
- 'light-tritanopia'?: string | undefined;
136
- 'light-deutranopia-protanopia'?: string | undefined;
137
- 'light-high-contrast'?: string | undefined;
138
- 'dark-tritanopia'?: string | undefined;
139
- 'dark-deutranopia-protanopia'?: string | undefined;
140
- 'dark-high-contrast'?: string | undefined;
141
- 'dark-dimmed'?: string | undefined;
494
+ light?: string | {
495
+ alpha?: any;
496
+ $value?: string | undefined;
497
+ $description?: string | undefined;
498
+ $deprecated?: string | boolean | undefined;
499
+ } | undefined;
500
+ dark?: string | {
501
+ alpha?: any;
502
+ $value?: string | undefined;
503
+ $description?: string | undefined;
504
+ $deprecated?: string | boolean | undefined;
505
+ } | undefined;
506
+ 'light-tritanopia'?: string | {
507
+ alpha?: any;
508
+ $value?: string | undefined;
509
+ $description?: string | undefined;
510
+ $deprecated?: string | boolean | undefined;
511
+ } | undefined;
512
+ 'light-protanopia-deuteranopia'?: string | {
513
+ alpha?: any;
514
+ $value?: string | undefined;
515
+ $description?: string | undefined;
516
+ $deprecated?: string | boolean | undefined;
517
+ } | undefined;
518
+ 'light-high-contrast'?: string | {
519
+ alpha?: any;
520
+ $value?: string | undefined;
521
+ $description?: string | undefined;
522
+ $deprecated?: string | boolean | undefined;
523
+ } | undefined;
524
+ 'dark-tritanopia'?: string | {
525
+ alpha?: any;
526
+ $value?: string | undefined;
527
+ $description?: string | undefined;
528
+ $deprecated?: string | boolean | undefined;
529
+ } | undefined;
530
+ 'dark-protanopia-deuteranopia'?: string | {
531
+ alpha?: any;
532
+ $value?: string | undefined;
533
+ $description?: string | undefined;
534
+ $deprecated?: string | boolean | undefined;
535
+ } | undefined;
536
+ 'dark-high-contrast'?: string | {
537
+ alpha?: any;
538
+ $value?: string | undefined;
539
+ $description?: string | undefined;
540
+ $deprecated?: string | boolean | undefined;
541
+ } | undefined;
542
+ 'dark-dimmed'?: string | {
543
+ alpha?: any;
544
+ $value?: string | undefined;
545
+ $description?: string | undefined;
546
+ $deprecated?: string | boolean | undefined;
547
+ } | undefined;
142
548
  } | undefined;
143
549
  } | undefined;
144
550
  }>;
@@ -6,11 +6,14 @@ import { baseToken } from './baseToken.js';
6
6
  import { collection, mode } from './collections.js';
7
7
  import { scopes } from './scopes.js';
8
8
  import { tokenType } from './tokenType.js';
9
- export const colorToken = baseToken
10
- .extend({
9
+ const baseColorToken = baseToken.extend({
11
10
  $value: z.union([colorHexValue, referenceValue]),
12
- $type: tokenType('color'),
13
11
  alpha: alphaValue.optional().nullable(),
12
+ });
13
+ const override = z.union([colorHexValue, referenceValue, baseColorToken.partial()]).optional();
14
+ export const colorToken = baseColorToken
15
+ .extend({
16
+ $type: tokenType('color'),
14
17
  $extensions: z
15
18
  .object({
16
19
  'org.primer.figma': z
@@ -30,8 +33,8 @@ export const colorToken = baseToken
30
33
  'dark dimmed',
31
34
  'light high contrast',
32
35
  'dark high contrast',
33
- 'light colorblind',
34
- 'dark colorblind',
36
+ 'light protanopia deuteranopia',
37
+ 'dark protanopia deuteranopia',
35
38
  'light tritanopia',
36
39
  'dark tritanopia',
37
40
  ]).optional(),
@@ -41,20 +44,20 @@ export const colorToken = baseToken
41
44
  .optional(),
42
45
  'org.primer.overrides': z
43
46
  .object({
44
- light: z.union([colorHexValue, referenceValue]).optional(),
45
- 'light-tritanopia': z.union([colorHexValue, referenceValue]).optional(),
46
- 'light-deutranopia-protanopia': z.union([colorHexValue, referenceValue]).optional(),
47
- 'light-high-contrast': z.union([colorHexValue, referenceValue]).optional(),
48
- dark: z.union([colorHexValue, referenceValue]).optional(),
49
- 'dark-tritanopia': z.union([colorHexValue, referenceValue]).optional(),
50
- 'dark-deutranopia-protanopia': z.union([colorHexValue, referenceValue]).optional(),
51
- 'dark-high-contrast': z.union([colorHexValue, referenceValue]).optional(),
52
- 'dark-dimmed': z.union([colorHexValue, referenceValue]).optional(),
47
+ light: override,
48
+ 'light-tritanopia': override,
49
+ 'light-protanopia-deuteranopia': override,
50
+ 'light-high-contrast': override,
51
+ dark: override,
52
+ 'dark-tritanopia': override,
53
+ 'dark-protanopia-deuteranopia': override,
54
+ 'dark-high-contrast': override,
55
+ 'dark-dimmed': override,
53
56
  }, {
54
57
  errorMap: e => {
55
58
  if (e.code === 'unrecognized_keys') {
56
59
  return {
57
- message: `Unrecognized key: "${e.keys.join(', ')}", must be one of: light, light-tritanopia, light-deutranopia-protanopia, light-high-contrast, dark, dark-tritanopia, dark-deutranopia-protanopia, dark-high-contrast, dark-dimmed`,
60
+ message: `Unrecognized key: "${e.keys.join(', ')}", must be one of: light, light-tritanopia, light-protanopia-deutranopia, light-high-contrast, dark, dark-tritanopia, dark-protanopia-deutranopia, dark-high-contrast, dark-dimmed`,
58
61
  };
59
62
  }
60
63
  return { message: `Error: ${e.code}` };
@@ -32,8 +32,8 @@ export const shadowToken = baseToken
32
32
  'dark dimmed',
33
33
  'light high contrast',
34
34
  'dark high contrast',
35
- 'light colorblind',
36
- 'dark colorblind',
35
+ 'light protanopia deuteranopia',
36
+ 'dark protanopia deuteranopia',
37
37
  'light tritanopia',
38
38
  'dark tritanopia',
39
39
  ]).optional(),
@@ -1,3 +1,3 @@
1
- import { Transform } from 'style-dictionary/types';
1
+ import type { Transform } from 'style-dictionary/types';
2
2
  export declare const cssColorMix: (colorA: string, colorB: string, colorBPercent: number) => string;
3
3
  export declare const colorAlphaToCss: Transform;