@arbor-css/core 0.0.101 → 0.0.103

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 (181) hide show
  1. package/dist/cli/introspection.d.ts +1 -1
  2. package/dist/cli/introspection.d.ts.map +1 -1
  3. package/dist/cli/introspection.js +1 -2
  4. package/dist/cli/introspection.js.map +1 -1
  5. package/dist/cli/introspection.test.js +1 -1
  6. package/dist/cli/introspection.test.js.map +1 -1
  7. package/dist/cli/run.js +4 -2
  8. package/dist/cli/run.js.map +1 -1
  9. package/dist/index.d.ts +3 -0
  10. package/dist/index.d.ts.map +1 -1
  11. package/dist/index.js +3 -0
  12. package/dist/index.js.map +1 -1
  13. package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +39 -12
  14. package/dist/presets/arborPreset/modeSchema/intents/action.d.ts.map +1 -1
  15. package/dist/presets/arborPreset/modeSchema/intents/action.js +4 -4
  16. package/dist/presets/arborPreset/modeSchema/intents/action.js.map +1 -1
  17. package/dist/presets/arborPreset/modeSchema/intents/common.d.ts +15 -5
  18. package/dist/presets/arborPreset/modeSchema/intents/common.d.ts.map +1 -1
  19. package/dist/presets/arborPreset/modeSchema/intents/common.js +15 -5
  20. package/dist/presets/arborPreset/modeSchema/intents/common.js.map +1 -1
  21. package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +13 -4
  22. package/dist/presets/arborPreset/modeSchema/intents/control.d.ts.map +1 -1
  23. package/dist/presets/arborPreset/modeSchema/intents/control.js +2 -2
  24. package/dist/presets/arborPreset/modeSchema/intents/control.js.map +1 -1
  25. package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +39 -12
  26. package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts.map +1 -1
  27. package/dist/presets/arborPreset/modeSchema/intents/surface.js +4 -4
  28. package/dist/presets/arborPreset/modeSchema/intents/surface.js.map +1 -1
  29. package/dist/presets/arborPreset/modeSchema/intents/text.d.ts +3 -0
  30. package/dist/presets/arborPreset/modeSchema/intents/text.d.ts.map +1 -1
  31. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +142 -68
  32. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
  33. package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts +52 -44
  34. package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts.map +1 -1
  35. package/dist/presets/arborPreset/modeSchema/primitives/typography.js +12 -4
  36. package/dist/presets/arborPreset/modeSchema/primitives/typography.js.map +1 -1
  37. package/dist/presets/arborPreset/modeValues/intents.d.ts +320 -11
  38. package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
  39. package/dist/presets/arborPreset/modeValues/intents.js +70 -19
  40. package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
  41. package/dist/presets/arborPreset/modeValues/semantics.d.ts +502 -0
  42. package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
  43. package/dist/presets/arborPreset/modeValues/spacing/index.d.ts +12 -0
  44. package/dist/presets/arborPreset/modeValues/spacing/index.d.ts.map +1 -1
  45. package/dist/presets/arborPreset/modeValues/spacing/index.js +4 -2
  46. package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -1
  47. package/dist/presets/arborPreset/modeValues/typography/index.d.ts +21 -2
  48. package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +1 -1
  49. package/dist/presets/arborPreset/modeValues/typography/index.js +18 -4
  50. package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -1
  51. package/dist/presets/arborPreset/preset.d.ts +253 -121
  52. package/dist/presets/arborPreset/preset.d.ts.map +1 -1
  53. package/dist/presets/arborPreset/preset.js +174 -11
  54. package/dist/presets/arborPreset/preset.js.map +1 -1
  55. package/dist/presets/arborPreset/preset.test.js +11 -1
  56. package/dist/presets/arborPreset/preset.test.js.map +1 -1
  57. package/dist/presets/basicPreset/functions.test.js +7 -8
  58. package/dist/presets/basicPreset/functions.test.js.map +1 -1
  59. package/dist/presets/basicPreset/mixins.d.ts +53 -41
  60. package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
  61. package/dist/presets/basicPreset/mixins.js +94 -60
  62. package/dist/presets/basicPreset/mixins.js.map +1 -1
  63. package/dist/presets/basicPreset/preset.d.ts +63 -42
  64. package/dist/presets/basicPreset/preset.d.ts.map +1 -1
  65. package/dist/presets/basicPreset/preset.js +13 -13
  66. package/dist/presets/basicPreset/preset.js.map +1 -1
  67. package/dist/runtime/components/FunctionsList.d.ts +2 -0
  68. package/dist/runtime/components/FunctionsList.d.ts.map +1 -0
  69. package/dist/runtime/components/FunctionsList.js +123 -0
  70. package/dist/runtime/components/FunctionsList.js.map +1 -0
  71. package/dist/runtime/components/MixinsList.d.ts +2 -0
  72. package/dist/runtime/components/MixinsList.d.ts.map +1 -0
  73. package/dist/runtime/components/MixinsList.js +123 -0
  74. package/dist/runtime/components/MixinsList.js.map +1 -0
  75. package/dist/runtime/components/ModeGraph.d.ts +3 -0
  76. package/dist/runtime/components/ModeGraph.d.ts.map +1 -0
  77. package/dist/runtime/components/ModeGraph.js +325 -0
  78. package/dist/runtime/components/ModeGraph.js.map +1 -0
  79. package/dist/runtime/components/Outputs.d.ts +7 -0
  80. package/dist/runtime/components/Outputs.d.ts.map +1 -0
  81. package/dist/runtime/components/Outputs.js +39 -0
  82. package/dist/runtime/components/Outputs.js.map +1 -0
  83. package/dist/runtime/components/index.d.ts +1 -10
  84. package/dist/runtime/components/index.d.ts.map +1 -1
  85. package/dist/runtime/components/index.js +11 -10
  86. package/dist/runtime/components/index.js.map +1 -1
  87. package/dist/runtime/componentsOld/BaseElement.d.ts +8 -0
  88. package/dist/runtime/componentsOld/BaseElement.d.ts.map +1 -0
  89. package/dist/runtime/componentsOld/BaseElement.js +14 -0
  90. package/dist/runtime/componentsOld/BaseElement.js.map +1 -0
  91. package/dist/runtime/componentsOld/ModeSelector.d.ts.map +1 -0
  92. package/dist/runtime/componentsOld/ModeSelector.js.map +1 -0
  93. package/dist/runtime/componentsOld/SchemeSelector.d.ts.map +1 -0
  94. package/dist/runtime/componentsOld/SchemeSelector.js.map +1 -0
  95. package/dist/runtime/componentsOld/SystemDemo.d.ts.map +1 -0
  96. package/dist/runtime/componentsOld/SystemDemo.js.map +1 -0
  97. package/dist/runtime/componentsOld/TokenColorValuePreview.d.ts.map +1 -0
  98. package/dist/runtime/componentsOld/TokenColorValuePreview.js.map +1 -0
  99. package/dist/runtime/componentsOld/TokenFontValuesPreview.d.ts.map +1 -0
  100. package/dist/runtime/componentsOld/TokenFontValuesPreview.js.map +1 -0
  101. package/dist/runtime/componentsOld/TokenShadowValuePreview.d.ts.map +1 -0
  102. package/dist/runtime/componentsOld/TokenShadowValuePreview.js.map +1 -0
  103. package/dist/runtime/componentsOld/TokenSizeValuePreview.d.ts.map +1 -0
  104. package/dist/runtime/componentsOld/TokenSizeValuePreview.js.map +1 -0
  105. package/dist/runtime/componentsOld/TokenValuePreview.d.ts.map +1 -0
  106. package/dist/runtime/componentsOld/TokenValuePreview.js.map +1 -0
  107. package/dist/runtime/componentsOld/TokenValues.d.ts.map +1 -0
  108. package/dist/runtime/componentsOld/TokenValues.js.map +1 -0
  109. package/dist/runtime/componentsOld/index.d.ts +11 -0
  110. package/dist/runtime/componentsOld/index.d.ts.map +1 -0
  111. package/dist/runtime/componentsOld/index.js +11 -0
  112. package/dist/runtime/componentsOld/index.js.map +1 -0
  113. package/dist/runtime/index.d.ts +0 -1
  114. package/dist/runtime/index.d.ts.map +1 -1
  115. package/dist/runtime/index.js +0 -1
  116. package/dist/runtime/index.js.map +1 -1
  117. package/dist/runtime/registration.d.ts +2 -1
  118. package/dist/runtime/registration.d.ts.map +1 -1
  119. package/dist/runtime/registration.js +11 -6
  120. package/dist/runtime/registration.js.map +1 -1
  121. package/dist/runtime/tokenGroups.d.ts.map +1 -1
  122. package/dist/stylesheet/generateStylesheet.d.ts +2 -1
  123. package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
  124. package/dist/stylesheet/generateStylesheet.js +2 -2
  125. package/dist/stylesheet/generateStylesheet.js.map +1 -1
  126. package/dist/stylesheet/generateStylesheet.test.js +1 -1
  127. package/dist/stylesheet/modeToCss.d.ts +3 -1
  128. package/dist/stylesheet/modeToCss.d.ts.map +1 -1
  129. package/dist/stylesheet/modeToCss.js +7 -172
  130. package/dist/stylesheet/modeToCss.js.map +1 -1
  131. package/dist/util/buildModeTokenGraph.d.ts +30 -0
  132. package/dist/util/buildModeTokenGraph.d.ts.map +1 -0
  133. package/dist/util/buildModeTokenGraph.js +200 -0
  134. package/dist/util/buildModeTokenGraph.js.map +1 -0
  135. package/dist/util/buildModeTokenGraph.test.d.ts +2 -0
  136. package/dist/util/buildModeTokenGraph.test.d.ts.map +1 -0
  137. package/dist/util/buildModeTokenGraph.test.js +66 -0
  138. package/dist/util/buildModeTokenGraph.test.js.map +1 -0
  139. package/dist/util/resolveComputedTokenValue.test.js +4 -4
  140. package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
  141. package/package.json +9 -8
  142. package/dist/runtime/components/BaseElement.d.ts +0 -6
  143. package/dist/runtime/components/BaseElement.d.ts.map +0 -1
  144. package/dist/runtime/components/BaseElement.js +0 -10
  145. package/dist/runtime/components/BaseElement.js.map +0 -1
  146. package/dist/runtime/components/ModeSelector.d.ts.map +0 -1
  147. package/dist/runtime/components/ModeSelector.js.map +0 -1
  148. package/dist/runtime/components/SchemeSelector.d.ts.map +0 -1
  149. package/dist/runtime/components/SchemeSelector.js.map +0 -1
  150. package/dist/runtime/components/SystemDemo.d.ts.map +0 -1
  151. package/dist/runtime/components/SystemDemo.js.map +0 -1
  152. package/dist/runtime/components/TokenColorValuePreview.d.ts.map +0 -1
  153. package/dist/runtime/components/TokenColorValuePreview.js.map +0 -1
  154. package/dist/runtime/components/TokenFontValuesPreview.d.ts.map +0 -1
  155. package/dist/runtime/components/TokenFontValuesPreview.js.map +0 -1
  156. package/dist/runtime/components/TokenShadowValuePreview.d.ts.map +0 -1
  157. package/dist/runtime/components/TokenShadowValuePreview.js.map +0 -1
  158. package/dist/runtime/components/TokenSizeValuePreview.d.ts.map +0 -1
  159. package/dist/runtime/components/TokenSizeValuePreview.js.map +0 -1
  160. package/dist/runtime/components/TokenValuePreview.d.ts.map +0 -1
  161. package/dist/runtime/components/TokenValuePreview.js.map +0 -1
  162. package/dist/runtime/components/TokenValues.d.ts.map +0 -1
  163. package/dist/runtime/components/TokenValues.js.map +0 -1
  164. /package/dist/runtime/{components → componentsOld}/ModeSelector.d.ts +0 -0
  165. /package/dist/runtime/{components → componentsOld}/ModeSelector.js +0 -0
  166. /package/dist/runtime/{components → componentsOld}/SchemeSelector.d.ts +0 -0
  167. /package/dist/runtime/{components → componentsOld}/SchemeSelector.js +0 -0
  168. /package/dist/runtime/{components → componentsOld}/SystemDemo.d.ts +0 -0
  169. /package/dist/runtime/{components → componentsOld}/SystemDemo.js +0 -0
  170. /package/dist/runtime/{components → componentsOld}/TokenColorValuePreview.d.ts +0 -0
  171. /package/dist/runtime/{components → componentsOld}/TokenColorValuePreview.js +0 -0
  172. /package/dist/runtime/{components → componentsOld}/TokenFontValuesPreview.d.ts +0 -0
  173. /package/dist/runtime/{components → componentsOld}/TokenFontValuesPreview.js +0 -0
  174. /package/dist/runtime/{components → componentsOld}/TokenShadowValuePreview.d.ts +0 -0
  175. /package/dist/runtime/{components → componentsOld}/TokenShadowValuePreview.js +0 -0
  176. /package/dist/runtime/{components → componentsOld}/TokenSizeValuePreview.d.ts +0 -0
  177. /package/dist/runtime/{components → componentsOld}/TokenSizeValuePreview.js +0 -0
  178. /package/dist/runtime/{components → componentsOld}/TokenValuePreview.d.ts +0 -0
  179. /package/dist/runtime/{components → componentsOld}/TokenValuePreview.js +0 -0
  180. /package/dist/runtime/{components → componentsOld}/TokenValues.d.ts +0 -0
  181. /package/dist/runtime/{components → componentsOld}/TokenValues.js +0 -0
@@ -115,145 +115,153 @@ export declare function createArborModeSchema<TColorName extends string>(options
115
115
  '2xl': "spacing";
116
116
  };
117
117
  typography: {
118
+ weight: {
119
+ thin: "font-weight";
120
+ light: "font-weight";
121
+ normal: "font-weight";
122
+ semiBold: "font-weight";
123
+ bold: "font-weight";
124
+ black: "font-weight";
125
+ };
118
126
  xs: {
119
127
  size: {
120
128
  purpose: "font-size";
121
129
  description: "The size of the font used in this typography level";
122
130
  };
123
- weight: {
124
- purpose: "font-weight";
125
- description: "The weight of the font used in this typography level";
126
- };
127
131
  lineHeight: {
128
132
  purpose: "line-height";
129
133
  description: "The line height of the font used in this typography level";
130
134
  };
135
+ letterSpacing: {
136
+ purpose: "letter-spacing";
137
+ description: "The letter spacing of the font used in this typography level";
138
+ };
131
139
  };
132
140
  sm: {
133
141
  size: {
134
142
  purpose: "font-size";
135
143
  description: "The size of the font used in this typography level";
136
144
  };
137
- weight: {
138
- purpose: "font-weight";
139
- description: "The weight of the font used in this typography level";
140
- };
141
145
  lineHeight: {
142
146
  purpose: "line-height";
143
147
  description: "The line height of the font used in this typography level";
144
148
  };
149
+ letterSpacing: {
150
+ purpose: "letter-spacing";
151
+ description: "The letter spacing of the font used in this typography level";
152
+ };
145
153
  };
146
154
  md: {
147
155
  size: {
148
156
  purpose: "font-size";
149
157
  description: "The size of the font used in this typography level";
150
158
  };
151
- weight: {
152
- purpose: "font-weight";
153
- description: "The weight of the font used in this typography level";
154
- };
155
159
  lineHeight: {
156
160
  purpose: "line-height";
157
161
  description: "The line height of the font used in this typography level";
158
162
  };
163
+ letterSpacing: {
164
+ purpose: "letter-spacing";
165
+ description: "The letter spacing of the font used in this typography level";
166
+ };
159
167
  };
160
168
  lg: {
161
169
  size: {
162
170
  purpose: "font-size";
163
171
  description: "The size of the font used in this typography level";
164
172
  };
165
- weight: {
166
- purpose: "font-weight";
167
- description: "The weight of the font used in this typography level";
168
- };
169
173
  lineHeight: {
170
174
  purpose: "line-height";
171
175
  description: "The line height of the font used in this typography level";
172
176
  };
177
+ letterSpacing: {
178
+ purpose: "letter-spacing";
179
+ description: "The letter spacing of the font used in this typography level";
180
+ };
173
181
  };
174
182
  xl: {
175
183
  size: {
176
184
  purpose: "font-size";
177
185
  description: "The size of the font used in this typography level";
178
186
  };
179
- weight: {
180
- purpose: "font-weight";
181
- description: "The weight of the font used in this typography level";
182
- };
183
187
  lineHeight: {
184
188
  purpose: "line-height";
185
189
  description: "The line height of the font used in this typography level";
186
190
  };
191
+ letterSpacing: {
192
+ purpose: "letter-spacing";
193
+ description: "The letter spacing of the font used in this typography level";
194
+ };
187
195
  };
188
196
  '2xl': {
189
197
  size: {
190
198
  purpose: "font-size";
191
199
  description: "The size of the font used in this typography level";
192
200
  };
193
- weight: {
194
- purpose: "font-weight";
195
- description: "The weight of the font used in this typography level";
196
- };
197
201
  lineHeight: {
198
202
  purpose: "line-height";
199
203
  description: "The line height of the font used in this typography level";
200
204
  };
205
+ letterSpacing: {
206
+ purpose: "letter-spacing";
207
+ description: "The letter spacing of the font used in this typography level";
208
+ };
201
209
  };
202
210
  '3xl': {
203
211
  size: {
204
212
  purpose: "font-size";
205
213
  description: "The size of the font used in this typography level";
206
214
  };
207
- weight: {
208
- purpose: "font-weight";
209
- description: "The weight of the font used in this typography level";
210
- };
211
215
  lineHeight: {
212
216
  purpose: "line-height";
213
217
  description: "The line height of the font used in this typography level";
214
218
  };
219
+ letterSpacing: {
220
+ purpose: "letter-spacing";
221
+ description: "The letter spacing of the font used in this typography level";
222
+ };
215
223
  };
216
224
  '4xl': {
217
225
  size: {
218
226
  purpose: "font-size";
219
227
  description: "The size of the font used in this typography level";
220
228
  };
221
- weight: {
222
- purpose: "font-weight";
223
- description: "The weight of the font used in this typography level";
224
- };
225
229
  lineHeight: {
226
230
  purpose: "line-height";
227
231
  description: "The line height of the font used in this typography level";
228
232
  };
233
+ letterSpacing: {
234
+ purpose: "letter-spacing";
235
+ description: "The letter spacing of the font used in this typography level";
236
+ };
229
237
  };
230
238
  '5xl': {
231
239
  size: {
232
240
  purpose: "font-size";
233
241
  description: "The size of the font used in this typography level";
234
242
  };
235
- weight: {
236
- purpose: "font-weight";
237
- description: "The weight of the font used in this typography level";
238
- };
239
243
  lineHeight: {
240
244
  purpose: "line-height";
241
245
  description: "The line height of the font used in this typography level";
242
246
  };
247
+ letterSpacing: {
248
+ purpose: "letter-spacing";
249
+ description: "The letter spacing of the font used in this typography level";
250
+ };
243
251
  };
244
252
  '6xl': {
245
253
  size: {
246
254
  purpose: "font-size";
247
255
  description: "The size of the font used in this typography level";
248
256
  };
249
- weight: {
250
- purpose: "font-weight";
251
- description: "The weight of the font used in this typography level";
252
- };
253
257
  lineHeight: {
254
258
  purpose: "line-height";
255
259
  description: "The line height of the font used in this typography level";
256
260
  };
261
+ letterSpacing: {
262
+ purpose: "letter-spacing";
263
+ description: "The letter spacing of the font used in this typography level";
264
+ };
257
265
  };
258
266
  };
259
267
  shadow: {
@@ -459,58 +467,94 @@ export declare function createArborModeSchema<TColorName extends string>(options
459
467
  primary: {
460
468
  fg: {
461
469
  purpose: "color";
462
- description: "Intended for use as the foreground color";
470
+ description: "Foreground color";
463
471
  };
464
472
  bg: {
473
+ purpose: "other";
474
+ description: "Background - can be a color or a more complex value like a gradient or image";
475
+ };
476
+ borderColor: {
465
477
  purpose: "color";
466
- description: "Intended for use as the background color";
478
+ };
479
+ borderWidth: {
480
+ purpose: "border-width";
481
+ };
482
+ borderStyle: {
483
+ purpose: "border-style";
467
484
  };
468
485
  border: {
469
- purpose: "color";
470
- description: "Intended for use as the border color, if desired";
486
+ purpose: "border";
487
+ description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
471
488
  };
472
489
  };
473
490
  secondary: {
474
491
  fg: {
475
492
  purpose: "color";
476
- description: "Intended for use as the foreground color";
493
+ description: "Foreground color";
477
494
  };
478
495
  bg: {
496
+ purpose: "other";
497
+ description: "Background - can be a color or a more complex value like a gradient or image";
498
+ };
499
+ borderColor: {
479
500
  purpose: "color";
480
- description: "Intended for use as the background color";
501
+ };
502
+ borderWidth: {
503
+ purpose: "border-width";
504
+ };
505
+ borderStyle: {
506
+ purpose: "border-style";
481
507
  };
482
508
  border: {
483
- purpose: "color";
484
- description: "Intended for use as the border color, if desired";
509
+ purpose: "border";
510
+ description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
485
511
  };
486
512
  };
487
513
  ambient: {
488
514
  fg: {
489
515
  purpose: "color";
490
- description: "Intended for use as the foreground color";
516
+ description: "Foreground color";
491
517
  };
492
518
  bg: {
519
+ purpose: "other";
520
+ description: "Background - can be a color or a more complex value like a gradient or image";
521
+ };
522
+ borderColor: {
493
523
  purpose: "color";
494
- description: "Intended for use as the background color";
524
+ };
525
+ borderWidth: {
526
+ purpose: "border-width";
527
+ };
528
+ borderStyle: {
529
+ purpose: "border-style";
495
530
  };
496
531
  border: {
497
- purpose: "color";
498
- description: "Intended for use as the border color, if desired";
532
+ purpose: "border";
533
+ description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
499
534
  };
500
535
  };
501
536
  };
502
537
  control: {
503
538
  fg: {
504
539
  purpose: "color";
505
- description: "Intended for use as the foreground color";
540
+ description: "Foreground color";
506
541
  };
507
542
  bg: {
543
+ purpose: "other";
544
+ description: "Background - can be a color or a more complex value like a gradient or image";
545
+ };
546
+ borderColor: {
508
547
  purpose: "color";
509
- description: "Intended for use as the background color";
548
+ };
549
+ borderWidth: {
550
+ purpose: "border-width";
551
+ };
552
+ borderStyle: {
553
+ purpose: "border-style";
510
554
  };
511
555
  border: {
512
- purpose: "color";
513
- description: "Intended for use as the border color, if desired";
556
+ purpose: "border";
557
+ description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
514
558
  };
515
559
  padding: {
516
560
  $root: {
@@ -561,43 +605,70 @@ export declare function createArborModeSchema<TColorName extends string>(options
561
605
  primary: {
562
606
  fg: {
563
607
  purpose: "color";
564
- description: "Intended for use as the foreground color";
608
+ description: "Foreground color";
565
609
  };
566
610
  bg: {
611
+ purpose: "other";
612
+ description: "Background - can be a color or a more complex value like a gradient or image";
613
+ };
614
+ borderColor: {
567
615
  purpose: "color";
568
- description: "Intended for use as the background color";
616
+ };
617
+ borderWidth: {
618
+ purpose: "border-width";
619
+ };
620
+ borderStyle: {
621
+ purpose: "border-style";
569
622
  };
570
623
  border: {
571
- purpose: "color";
572
- description: "Intended for use as the border color, if desired";
624
+ purpose: "border";
625
+ description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
573
626
  };
574
627
  };
575
628
  secondary: {
576
629
  fg: {
577
630
  purpose: "color";
578
- description: "Intended for use as the foreground color";
631
+ description: "Foreground color";
579
632
  };
580
633
  bg: {
634
+ purpose: "other";
635
+ description: "Background - can be a color or a more complex value like a gradient or image";
636
+ };
637
+ borderColor: {
581
638
  purpose: "color";
582
- description: "Intended for use as the background color";
639
+ };
640
+ borderWidth: {
641
+ purpose: "border-width";
642
+ };
643
+ borderStyle: {
644
+ purpose: "border-style";
583
645
  };
584
646
  border: {
585
- purpose: "color";
586
- description: "Intended for use as the border color, if desired";
647
+ purpose: "border";
648
+ description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
587
649
  };
588
650
  };
589
651
  ambient: {
590
652
  fg: {
591
653
  purpose: "color";
592
- description: "Intended for use as the foreground color";
654
+ description: "Foreground color";
593
655
  };
594
656
  bg: {
657
+ purpose: "other";
658
+ description: "Background - can be a color or a more complex value like a gradient or image";
659
+ };
660
+ borderColor: {
595
661
  purpose: "color";
596
- description: "Intended for use as the background color";
662
+ };
663
+ borderWidth: {
664
+ purpose: "border-width";
665
+ };
666
+ borderStyle: {
667
+ purpose: "border-style";
597
668
  };
598
669
  border: {
599
- purpose: "color";
600
- description: "Intended for use as the border color, if desired";
670
+ purpose: "border";
671
+ description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
601
672
  };
602
673
  };
603
674
  };
@@ -607,18 +678,21 @@ export declare function createArborModeSchema<TColorName extends string>(options
607
678
  weight: "font-weight";
608
679
  lineHeight: "line-height";
609
680
  font: "font-family";
681
+ letterSpacing: "letter-spacing";
610
682
  };
611
683
  secondary: {
612
684
  size: "font-size";
613
685
  weight: "font-weight";
614
686
  lineHeight: "line-height";
615
687
  font: "font-family";
688
+ letterSpacing: "letter-spacing";
616
689
  };
617
690
  ambient: {
618
691
  size: "font-size";
619
692
  weight: "font-weight";
620
693
  lineHeight: "line-height";
621
694
  font: "font-family";
695
+ letterSpacing: "letter-spacing";
622
696
  };
623
697
  };
624
698
  color: {
@@ -1 +1 @@
1
- {"version":3,"file":"modeSchema.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,sBAAsB,CAAC,UAAU,SAAS,WAAW;IACrE,UAAU,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,UAAU,SAAS,MAAM,EAC9D,OAAO,EAAE,sBAAsB,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+B3C;AAED,MAAM,MAAM,eAAe,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,UAAU,CAC3E,OAAO,qBAAqB,CAAC,UAAU,CAAC,CACxC,CAAC"}
1
+ {"version":3,"file":"modeSchema.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,sBAAsB,CAAC,UAAU,SAAS,WAAW;IACrE,UAAU,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,UAAU,SAAS,MAAM,EAC9D,OAAO,EAAE,sBAAsB,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+B3C;AAED,MAAM,MAAM,eAAe,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,UAAU,CAC3E,OAAO,qBAAqB,CAAC,UAAU,CAAC,CACxC,CAAC"}
@@ -3,155 +3,163 @@ export declare const typographyPrimitiveLevel: {
3
3
  purpose: "font-size";
4
4
  description: "The size of the font used in this typography level";
5
5
  };
6
- weight: {
7
- purpose: "font-weight";
8
- description: "The weight of the font used in this typography level";
9
- };
10
6
  lineHeight: {
11
7
  purpose: "line-height";
12
8
  description: "The line height of the font used in this typography level";
13
9
  };
10
+ letterSpacing: {
11
+ purpose: "letter-spacing";
12
+ description: "The letter spacing of the font used in this typography level";
13
+ };
14
14
  };
15
15
  export declare const typographyPrimitives: {
16
+ weight: {
17
+ thin: "font-weight";
18
+ light: "font-weight";
19
+ normal: "font-weight";
20
+ semiBold: "font-weight";
21
+ bold: "font-weight";
22
+ black: "font-weight";
23
+ };
16
24
  xs: {
17
25
  size: {
18
26
  purpose: "font-size";
19
27
  description: "The size of the font used in this typography level";
20
28
  };
21
- weight: {
22
- purpose: "font-weight";
23
- description: "The weight of the font used in this typography level";
24
- };
25
29
  lineHeight: {
26
30
  purpose: "line-height";
27
31
  description: "The line height of the font used in this typography level";
28
32
  };
33
+ letterSpacing: {
34
+ purpose: "letter-spacing";
35
+ description: "The letter spacing of the font used in this typography level";
36
+ };
29
37
  };
30
38
  sm: {
31
39
  size: {
32
40
  purpose: "font-size";
33
41
  description: "The size of the font used in this typography level";
34
42
  };
35
- weight: {
36
- purpose: "font-weight";
37
- description: "The weight of the font used in this typography level";
38
- };
39
43
  lineHeight: {
40
44
  purpose: "line-height";
41
45
  description: "The line height of the font used in this typography level";
42
46
  };
47
+ letterSpacing: {
48
+ purpose: "letter-spacing";
49
+ description: "The letter spacing of the font used in this typography level";
50
+ };
43
51
  };
44
52
  md: {
45
53
  size: {
46
54
  purpose: "font-size";
47
55
  description: "The size of the font used in this typography level";
48
56
  };
49
- weight: {
50
- purpose: "font-weight";
51
- description: "The weight of the font used in this typography level";
52
- };
53
57
  lineHeight: {
54
58
  purpose: "line-height";
55
59
  description: "The line height of the font used in this typography level";
56
60
  };
61
+ letterSpacing: {
62
+ purpose: "letter-spacing";
63
+ description: "The letter spacing of the font used in this typography level";
64
+ };
57
65
  };
58
66
  lg: {
59
67
  size: {
60
68
  purpose: "font-size";
61
69
  description: "The size of the font used in this typography level";
62
70
  };
63
- weight: {
64
- purpose: "font-weight";
65
- description: "The weight of the font used in this typography level";
66
- };
67
71
  lineHeight: {
68
72
  purpose: "line-height";
69
73
  description: "The line height of the font used in this typography level";
70
74
  };
75
+ letterSpacing: {
76
+ purpose: "letter-spacing";
77
+ description: "The letter spacing of the font used in this typography level";
78
+ };
71
79
  };
72
80
  xl: {
73
81
  size: {
74
82
  purpose: "font-size";
75
83
  description: "The size of the font used in this typography level";
76
84
  };
77
- weight: {
78
- purpose: "font-weight";
79
- description: "The weight of the font used in this typography level";
80
- };
81
85
  lineHeight: {
82
86
  purpose: "line-height";
83
87
  description: "The line height of the font used in this typography level";
84
88
  };
89
+ letterSpacing: {
90
+ purpose: "letter-spacing";
91
+ description: "The letter spacing of the font used in this typography level";
92
+ };
85
93
  };
86
94
  '2xl': {
87
95
  size: {
88
96
  purpose: "font-size";
89
97
  description: "The size of the font used in this typography level";
90
98
  };
91
- weight: {
92
- purpose: "font-weight";
93
- description: "The weight of the font used in this typography level";
94
- };
95
99
  lineHeight: {
96
100
  purpose: "line-height";
97
101
  description: "The line height of the font used in this typography level";
98
102
  };
103
+ letterSpacing: {
104
+ purpose: "letter-spacing";
105
+ description: "The letter spacing of the font used in this typography level";
106
+ };
99
107
  };
100
108
  '3xl': {
101
109
  size: {
102
110
  purpose: "font-size";
103
111
  description: "The size of the font used in this typography level";
104
112
  };
105
- weight: {
106
- purpose: "font-weight";
107
- description: "The weight of the font used in this typography level";
108
- };
109
113
  lineHeight: {
110
114
  purpose: "line-height";
111
115
  description: "The line height of the font used in this typography level";
112
116
  };
117
+ letterSpacing: {
118
+ purpose: "letter-spacing";
119
+ description: "The letter spacing of the font used in this typography level";
120
+ };
113
121
  };
114
122
  '4xl': {
115
123
  size: {
116
124
  purpose: "font-size";
117
125
  description: "The size of the font used in this typography level";
118
126
  };
119
- weight: {
120
- purpose: "font-weight";
121
- description: "The weight of the font used in this typography level";
122
- };
123
127
  lineHeight: {
124
128
  purpose: "line-height";
125
129
  description: "The line height of the font used in this typography level";
126
130
  };
131
+ letterSpacing: {
132
+ purpose: "letter-spacing";
133
+ description: "The letter spacing of the font used in this typography level";
134
+ };
127
135
  };
128
136
  '5xl': {
129
137
  size: {
130
138
  purpose: "font-size";
131
139
  description: "The size of the font used in this typography level";
132
140
  };
133
- weight: {
134
- purpose: "font-weight";
135
- description: "The weight of the font used in this typography level";
136
- };
137
141
  lineHeight: {
138
142
  purpose: "line-height";
139
143
  description: "The line height of the font used in this typography level";
140
144
  };
145
+ letterSpacing: {
146
+ purpose: "letter-spacing";
147
+ description: "The letter spacing of the font used in this typography level";
148
+ };
141
149
  };
142
150
  '6xl': {
143
151
  size: {
144
152
  purpose: "font-size";
145
153
  description: "The size of the font used in this typography level";
146
154
  };
147
- weight: {
148
- purpose: "font-weight";
149
- description: "The weight of the font used in this typography level";
150
- };
151
155
  lineHeight: {
152
156
  purpose: "line-height";
153
157
  description: "The line height of the font used in this typography level";
154
158
  };
159
+ letterSpacing: {
160
+ purpose: "letter-spacing";
161
+ description: "The letter spacing of the font used in this typography level";
162
+ };
155
163
  };
156
164
  };
157
165
  //# sourceMappingURL=typography.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/primitives/typography.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAanC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAC"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/primitives/typography.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAanC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB/B,CAAC"}
@@ -4,16 +4,24 @@ export const typographyPrimitiveLevel = createModeSchema({
4
4
  purpose: 'font-size',
5
5
  description: 'The size of the font used in this typography level',
6
6
  },
7
- weight: {
8
- purpose: 'font-weight',
9
- description: 'The weight of the font used in this typography level',
10
- },
11
7
  lineHeight: {
12
8
  purpose: 'line-height',
13
9
  description: 'The line height of the font used in this typography level',
14
10
  },
11
+ letterSpacing: {
12
+ purpose: 'letter-spacing',
13
+ description: 'The letter spacing of the font used in this typography level',
14
+ },
15
15
  });
16
16
  export const typographyPrimitives = createModeSchema({
17
+ weight: {
18
+ thin: 'font-weight',
19
+ light: 'font-weight',
20
+ normal: 'font-weight',
21
+ semiBold: 'font-weight',
22
+ bold: 'font-weight',
23
+ black: 'font-weight',
24
+ },
17
25
  xs: typographyPrimitiveLevel,
18
26
  sm: typographyPrimitiveLevel,
19
27
  md: typographyPrimitiveLevel,
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/primitives/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;IACxD,IAAI,EAAE;QACL,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,oDAAoD;KACjE;IACD,MAAM,EAAE;QACP,OAAO,EAAE,aAAa;QACtB,WAAW,EAAE,sDAAsD;KACnE;IACD,UAAU,EAAE;QACX,OAAO,EAAE,aAAa;QACtB,WAAW,EAAE,2DAA2D;KACxE;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;IACpD,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;CAC/B,CAAC,CAAC"}
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/primitives/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;IACxD,IAAI,EAAE;QACL,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,oDAAoD;KACjE;IACD,UAAU,EAAE;QACX,OAAO,EAAE,aAAa;QACtB,WAAW,EAAE,2DAA2D;KACxE;IACD,aAAa,EAAE;QACd,OAAO,EAAE,gBAAgB;QACzB,WAAW,EAAE,8DAA8D;KAC3E;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;IACpD,MAAM,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,aAAa;QACvB,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;KACpB;IACD,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,EAAE,EAAE,wBAAwB;IAC5B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,wBAAwB;CAC/B,CAAC,CAAC"}