@arbor-css/core 0.0.90 → 0.0.92

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 (165) 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 +5 -8
  4. package/dist/cli/introspection.js.map +1 -1
  5. package/dist/cli/introspection.test.js +2 -9
  6. package/dist/cli/introspection.test.js.map +1 -1
  7. package/dist/cli/run.js +1 -1
  8. package/dist/cli/run.js.map +1 -1
  9. package/dist/cli/validate.d.ts.map +1 -1
  10. package/dist/cli/validate.js +0 -2
  11. package/dist/cli/validate.js.map +1 -1
  12. package/dist/cli/validate.test.js +0 -13
  13. package/dist/cli/validate.test.js.map +1 -1
  14. package/dist/getStructuredTokensMap.d.ts.map +1 -1
  15. package/dist/getStructuredTokensMap.js +0 -5
  16. package/dist/getStructuredTokensMap.js.map +1 -1
  17. package/dist/getStructuredTokensMap.test.js +3 -3
  18. package/dist/getStructuredTokensMap.test.js.map +1 -1
  19. package/dist/presets/arborPreset/index.d.ts +1 -2
  20. package/dist/presets/arborPreset/index.d.ts.map +1 -1
  21. package/dist/presets/arborPreset/index.js +1 -2
  22. package/dist/presets/arborPreset/index.js.map +1 -1
  23. package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +67 -0
  24. package/dist/presets/arborPreset/modeSchema/intents/action.d.ts.map +1 -0
  25. package/dist/presets/arborPreset/modeSchema/intents/action.js +17 -0
  26. package/dist/presets/arborPreset/modeSchema/intents/action.js.map +1 -0
  27. package/dist/presets/arborPreset/modeSchema/intents/common.d.ts +35 -0
  28. package/dist/presets/arborPreset/modeSchema/intents/common.d.ts.map +1 -0
  29. package/dist/presets/arborPreset/modeSchema/intents/common.js +36 -0
  30. package/dist/presets/arborPreset/modeSchema/intents/common.js.map +1 -0
  31. package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +37 -0
  32. package/dist/presets/arborPreset/modeSchema/intents/control.d.ts.map +1 -0
  33. package/dist/presets/arborPreset/modeSchema/intents/control.js +15 -0
  34. package/dist/presets/arborPreset/modeSchema/intents/control.js.map +1 -0
  35. package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +67 -0
  36. package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts.map +1 -0
  37. package/dist/presets/arborPreset/modeSchema/intents/surface.js +17 -0
  38. package/dist/presets/arborPreset/modeSchema/intents/surface.js.map +1 -0
  39. package/dist/presets/arborPreset/modeSchema/intents/text.d.ts +21 -0
  40. package/dist/presets/arborPreset/modeSchema/intents/text.d.ts.map +1 -0
  41. package/dist/presets/arborPreset/modeSchema/intents/text.js +8 -0
  42. package/dist/presets/arborPreset/modeSchema/intents/text.js.map +1 -0
  43. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +820 -0
  44. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -0
  45. package/dist/presets/arborPreset/modeSchema/modeSchema.js +47 -0
  46. package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -0
  47. package/dist/presets/arborPreset/modeSchema/modeSchema.test.d.ts +2 -0
  48. package/dist/presets/arborPreset/modeSchema/modeSchema.test.d.ts.map +1 -0
  49. package/dist/presets/arborPreset/modeSchema/modeSchema.test.js +10 -0
  50. package/dist/presets/arborPreset/modeSchema/modeSchema.test.js.map +1 -0
  51. package/dist/presets/arborPreset/modeSchema/primitives/color.d.ts +93 -0
  52. package/dist/presets/arborPreset/modeSchema/primitives/color.d.ts.map +1 -0
  53. package/dist/presets/arborPreset/modeSchema/primitives/color.js +42 -0
  54. package/dist/presets/arborPreset/modeSchema/primitives/color.js.map +1 -0
  55. package/dist/presets/arborPreset/modeSchema/primitives/duration.d.ts +10 -0
  56. package/dist/presets/arborPreset/modeSchema/primitives/duration.d.ts.map +1 -0
  57. package/dist/presets/arborPreset/modeSchema/primitives/duration.js +11 -0
  58. package/dist/presets/arborPreset/modeSchema/primitives/duration.js.map +1 -0
  59. package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts +10 -0
  60. package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts.map +1 -0
  61. package/dist/presets/arborPreset/modeSchema/primitives/easing.js +11 -0
  62. package/dist/presets/arborPreset/modeSchema/primitives/easing.js.map +1 -0
  63. package/dist/presets/arborPreset/modeSchema/primitives/shadow.d.ts +159 -0
  64. package/dist/presets/arborPreset/modeSchema/primitives/shadow.d.ts.map +1 -0
  65. package/dist/presets/arborPreset/modeSchema/primitives/shadow.js +35 -0
  66. package/dist/presets/arborPreset/modeSchema/primitives/shadow.js.map +1 -0
  67. package/dist/presets/arborPreset/modeSchema/primitives/spacing.d.ts +14 -0
  68. package/dist/presets/arborPreset/modeSchema/primitives/spacing.d.ts.map +1 -0
  69. package/dist/presets/arborPreset/modeSchema/primitives/spacing.js +15 -0
  70. package/dist/presets/arborPreset/modeSchema/primitives/spacing.js.map +1 -0
  71. package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts +157 -0
  72. package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts.map +1 -0
  73. package/dist/presets/arborPreset/modeSchema/primitives/typography.js +28 -0
  74. package/dist/presets/arborPreset/modeSchema/primitives/typography.js.map +1 -0
  75. package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts +7 -0
  76. package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts.map +1 -0
  77. package/dist/presets/arborPreset/modeSchema/scalars/scalars.js +8 -0
  78. package/dist/presets/arborPreset/modeSchema/scalars/scalars.js.map +1 -0
  79. package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts +63 -0
  80. package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts.map +1 -0
  81. package/dist/presets/arborPreset/modeSchema/semantics/color.js +7 -0
  82. package/dist/presets/arborPreset/modeSchema/semantics/color.js.map +1 -0
  83. package/dist/presets/arborPreset/modeSchema/semantics/common.d.ts +27 -0
  84. package/dist/presets/arborPreset/modeSchema/semantics/common.d.ts.map +1 -0
  85. package/dist/presets/arborPreset/modeSchema/semantics/common.js +28 -0
  86. package/dist/presets/arborPreset/modeSchema/semantics/common.js.map +1 -0
  87. package/dist/presets/arborPreset/modeSchema/semantics/duration.d.ts +19 -0
  88. package/dist/presets/arborPreset/modeSchema/semantics/duration.d.ts.map +1 -0
  89. package/dist/presets/arborPreset/modeSchema/semantics/duration.js +20 -0
  90. package/dist/presets/arborPreset/modeSchema/semantics/duration.js.map +1 -0
  91. package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts +19 -0
  92. package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts.map +1 -0
  93. package/dist/presets/arborPreset/modeSchema/semantics/easing.js +20 -0
  94. package/dist/presets/arborPreset/modeSchema/semantics/easing.js.map +1 -0
  95. package/dist/presets/arborPreset/modeSchema/semantics/lines.d.ts +19 -0
  96. package/dist/presets/arborPreset/modeSchema/semantics/lines.d.ts.map +1 -0
  97. package/dist/presets/arborPreset/modeSchema/semantics/lines.js +20 -0
  98. package/dist/presets/arborPreset/modeSchema/semantics/lines.js.map +1 -0
  99. package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts +12 -0
  100. package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts.map +1 -0
  101. package/dist/presets/arborPreset/modeSchema/semantics/radius.js +13 -0
  102. package/dist/presets/arborPreset/modeSchema/semantics/radius.js.map +1 -0
  103. package/dist/presets/arborPreset/modeSchema/semantics/shadow.d.ts +115 -0
  104. package/dist/presets/arborPreset/modeSchema/semantics/shadow.d.ts.map +1 -0
  105. package/dist/presets/arborPreset/modeSchema/semantics/shadow.js +17 -0
  106. package/dist/presets/arborPreset/modeSchema/semantics/shadow.js.map +1 -0
  107. package/dist/presets/arborPreset/modeSchema/semantics/spacing.d.ts +12 -0
  108. package/dist/presets/arborPreset/modeSchema/semantics/spacing.d.ts.map +1 -0
  109. package/dist/presets/arborPreset/modeSchema/semantics/spacing.js +12 -0
  110. package/dist/presets/arborPreset/modeSchema/semantics/spacing.js.map +1 -0
  111. package/dist/presets/arborPreset/modeValues/intents.d.ts +370 -0
  112. package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -0
  113. package/dist/presets/arborPreset/modeValues/intents.js +134 -0
  114. package/dist/presets/arborPreset/modeValues/intents.js.map +1 -0
  115. package/dist/presets/arborPreset/modeValues/semantics.d.ts +1048 -0
  116. package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -0
  117. package/dist/presets/arborPreset/modeValues/semantics.js +92 -0
  118. package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -0
  119. package/dist/presets/arborPreset/modeValues/types.d.ts +9 -0
  120. package/dist/presets/arborPreset/modeValues/types.d.ts.map +1 -0
  121. package/dist/presets/arborPreset/modeValues/types.js +2 -0
  122. package/dist/presets/arborPreset/modeValues/types.js.map +1 -0
  123. package/dist/presets/arborPreset/preset.d.ts +427 -52
  124. package/dist/presets/arborPreset/preset.d.ts.map +1 -1
  125. package/dist/presets/arborPreset/preset.js +72 -32
  126. package/dist/presets/arborPreset/preset.js.map +1 -1
  127. package/dist/presets/arborPreset/preset.test.js +2 -4
  128. package/dist/presets/arborPreset/preset.test.js.map +1 -1
  129. package/dist/presets/basicPreset/preset.d.ts +1 -1
  130. package/dist/runtime/components/BaseElement.d.ts +1 -1
  131. package/dist/runtime/components/BaseElement.d.ts.map +1 -1
  132. package/dist/runtime/components/GlobalsEditor.js +0 -40
  133. package/dist/runtime/components/GlobalsEditor.js.map +1 -1
  134. package/dist/runtime/components/SchemeSelector.js +1 -3
  135. package/dist/runtime/components/SchemeSelector.js.map +1 -1
  136. package/dist/runtime/components/SystemDemo.js +2 -2
  137. package/dist/runtime/components/SystemDemo.js.map +1 -1
  138. package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
  139. package/dist/stylesheet/generateStylesheet.js +40 -77
  140. package/dist/stylesheet/generateStylesheet.js.map +1 -1
  141. package/dist/stylesheet/generateStylesheet.test.js +3 -5
  142. package/dist/stylesheet/generateStylesheet.test.js.map +1 -1
  143. package/dist/stylesheet/modeToCss.d.ts.map +1 -1
  144. package/dist/stylesheet/modeToCss.js +22 -8
  145. package/dist/stylesheet/modeToCss.js.map +1 -1
  146. package/dist/stylesheet/modeToCss.test.js +19 -22
  147. package/dist/stylesheet/modeToCss.test.js.map +1 -1
  148. package/dist/util/resolveComputedTokenValue.js +5 -12
  149. package/dist/util/resolveComputedTokenValue.js.map +1 -1
  150. package/dist/util/resolveComputedTokenValue.test.js +4 -4
  151. package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
  152. package/dist/util/resolveTokenReferences.d.ts.map +1 -1
  153. package/dist/util/resolveTokenReferences.js +1 -15
  154. package/dist/util/resolveTokenReferences.js.map +1 -1
  155. package/dist/util/resolveTokenReferences.test.js +3 -3
  156. package/dist/util/resolveTokenReferences.test.js.map +1 -1
  157. package/package.json +12 -12
  158. package/dist/presets/arborPreset/baseModeValues.d.ts +0 -16
  159. package/dist/presets/arborPreset/baseModeValues.d.ts.map +0 -1
  160. package/dist/presets/arborPreset/baseModeValues.js +0 -231
  161. package/dist/presets/arborPreset/baseModeValues.js.map +0 -1
  162. package/dist/presets/arborPreset/modeSchema.d.ts +0 -448
  163. package/dist/presets/arborPreset/modeSchema.d.ts.map +0 -1
  164. package/dist/presets/arborPreset/modeSchema.js +0 -267
  165. package/dist/presets/arborPreset/modeSchema.js.map +0 -1
@@ -1,51 +1,91 @@
1
1
  import { compileColors, } from '@arbor-css/colors';
2
+ import { defaultGlobals, } from '@arbor-css/globals';
2
3
  import { definePreset } from '@arbor-css/preset';
3
4
  import { compileShadows } from '@arbor-css/shadows';
4
5
  import { compileSpacing } from '@arbor-css/spacing';
5
6
  import { compileTypography } from '@arbor-css/typography';
6
7
  import { presetBasic } from '../basicPreset/preset.js';
7
- import { createArborModeValues } from './baseModeValues.js';
8
- import { arborModeSchema } from './modeSchema.js';
8
+ import { createArborModeSchema, } from './modeSchema/modeSchema.js';
9
+ import { createActionIntentValues, createControlIntentValues, createSurfaceIntentValues, createTextIntentValues, } from './modeValues/intents.js';
10
+ import { createColorSemanticValues, createDurationSemanticValues, createEasingSemanticValues, createLineWidthSemanticValues, createRadiusSemanticValues, createShadowSemanticValues, createSpacingSemanticValues, } from './modeValues/semantics.js';
9
11
  /**
10
12
  * Adds opinionated primitive tokens and a full-featured mode
11
13
  * schema on top of the basic preset's utility mixins and functions.
12
14
  */
13
15
  export const presetArbor = (config) => {
16
+ const defaultedGlobals = {
17
+ ...defaultGlobals,
18
+ ...config.globals,
19
+ };
14
20
  const preset = definePreset({
15
21
  name: 'arbor',
16
- modeSchema: arborModeSchema,
17
- baseMode: ($) => createArborModeValues({
18
- tokens: $,
19
- mainColor: config.color.mainColor,
22
+ modeSchema: createArborModeSchema({
23
+ colorNames: Object.keys(config.color.ranges),
20
24
  }),
21
- primitives: (ctx) => ({
22
- color: compileColors({ ...config.color, context: ctx }),
23
- typography: compileTypography({
24
- ...config.typography,
25
- context: ctx,
26
- }),
27
- spacing: compileSpacing({
28
- ...config.spacing,
29
- context: ctx,
30
- }),
31
- shadow: compileShadows({
32
- ...config.shadow,
33
- context: ctx,
34
- }),
35
- easing: config.easing || {
36
- tight: `cubic-bezier(0.4, 0, 0.2, 1)`,
37
- medium: `cubic-bezier(0.4, 0, 0.2, 1)`,
38
- loose: `cubic-bezier(0.4, 0, 0.2, 1)`,
39
- },
40
- duration: config.duration || {
41
- fast: `100ms`,
42
- medium: `250ms`,
43
- slow: `500ms`,
44
- },
45
- }),
46
- config: config.config,
25
+ baseMode: ($, ctx) => {
26
+ // NOTE: had to bypass typings for color tokens... the user-controlled
27
+ // color names seem to really mess with this.
28
+ return {
29
+ scalar: {
30
+ density: 1,
31
+ },
32
+ /** PRIMITIVES */
33
+ primitive: {
34
+ color: compileColors({
35
+ ranges: config.color.ranges,
36
+ schemes: config.color.schemes,
37
+ }, ctx),
38
+ spacing: compileSpacing(config.spacing || {}, ctx),
39
+ typography: compileTypography(config.typography || {}, ctx),
40
+ shadow: compileShadows(config.shadow || {}, ctx),
41
+ easing: config.easing ||
42
+ {
43
+ $root: $.mode.easing.medium,
44
+ tight: `cubic-bezier(0.4, 0, 0.2, 1)`,
45
+ medium: `cubic-bezier(0.4, 0, 0.2, 1)`,
46
+ loose: `cubic-bezier(0.4, 0, 0.2, 1)`,
47
+ },
48
+ duration: config.duration ||
49
+ {
50
+ $root: $.mode.duration.medium,
51
+ short: `100ms`,
52
+ medium: `250ms`,
53
+ long: `500ms`,
54
+ },
55
+ },
56
+ /** SEMANTICS */
57
+ color: createColorSemanticValues($, config.color.mainColor),
58
+ spacing: createSpacingSemanticValues($),
59
+ shadow: createShadowSemanticValues($),
60
+ radius: createRadiusSemanticValues($),
61
+ lineWidth: createLineWidthSemanticValues($),
62
+ easing: createEasingSemanticValues($),
63
+ duration: createDurationSemanticValues($),
64
+ /** INTENTS */
65
+ action: createActionIntentValues($),
66
+ control: createControlIntentValues($),
67
+ surface: createSurfaceIntentValues($),
68
+ text: createTextIntentValues($),
69
+ };
70
+ },
71
+ config: {
72
+ ...config.prefixes,
73
+ globals: defaultedGlobals,
74
+ },
47
75
  extends: [presetBasic],
48
76
  });
77
+ if (!config.disableAutoInvertedMode) {
78
+ // special built-in mode: @mode-inverted - easier to create here than in userland
79
+ preset.bundleMode('inverted', {
80
+ primitive: {
81
+ color: compileColors({
82
+ ranges: config.color.ranges,
83
+ schemes: config.color.schemes,
84
+ invertLightDark: true,
85
+ }, preset.context),
86
+ },
87
+ });
88
+ }
49
89
  return preset;
50
90
  };
51
91
  //# sourceMappingURL=preset.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,aAAa,GAGb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAiB,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAoBlD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAI1B,MAA4C,EAC3C,EAAE;IACH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,eAAe;QAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACf,qBAAqB,CAAC;YACrB,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,SAAgB;SACxC,CAAC;QACH,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACrB,KAAK,EAAE,aAAa,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;YACvD,UAAU,EAAE,iBAAiB,CAAC;gBAC7B,GAAG,MAAM,CAAC,UAAU;gBACpB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,OAAO,EAAE,cAAc,CAAC;gBACvB,GAAG,MAAM,CAAC,OAAO;gBACjB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,MAAM,EAAE,cAAc,CAAC;gBACtB,GAAG,MAAM,CAAC,MAAM;gBAChB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI;gBACxB,KAAK,EAAE,8BAA8B;gBACrC,MAAM,EAAE,8BAA8B;gBACtC,KAAK,EAAE,8BAA8B;aACrC;YACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI;gBAC5B,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,OAAO;gBACf,IAAI,EAAE,OAAO;aACb;SACD,CAAC;QACF,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,CAAC,WAAW,CAAC;KACtB,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AACf,CAAC,CAAC"}
1
+ {"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { definePreset, getInternals } from '@arbor-css/preset';
1
+ import { definePreset } from '@arbor-css/preset';
2
2
  import { expect, it } from 'vitest';
3
3
  import { presetArbor } from './preset.js';
4
4
  it('is extensible', () => {
@@ -23,10 +23,8 @@ it('is extensible', () => {
23
23
  },
24
24
  }),
25
25
  });
26
- expect(preset.$.primitives.color.mainColor).toBe(base.$.primitives.color.mainColor);
26
+ expect(preset.$.mode.primitive.color.red.mid.name).toEqual(base.$.mode.primitive.color.red.mid.name);
27
27
  expect(preset.baseMode.test).toBe('red');
28
28
  expect(preset.baseMode.action?.roundness).toBe(0.5);
29
- const internals = getInternals(preset);
30
- expect(internals.primitiveValues.color).toBeDefined();
31
29
  });
32
30
  //# sourceMappingURL=preset.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,WAAW,CAAC;QACxB,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,UAAU,EAAE;YACX,IAAI,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAChB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE;gBACP,SAAS,EAAE,GAAG;aACd;SACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAC/C,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CACjC,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACvD,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,WAAW,CAAC;QACxB,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,UAAU,EAAE;YACX,IAAI,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAChB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE;gBACP,SAAS,EAAE,GAAG;aACd;SACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CACzD,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CACxC,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrD,CAAC,CAAC,CAAC"}
@@ -2,7 +2,7 @@
2
2
  * This basic preset includes utility mixins and functions,
3
3
  * but no primitive tokens or mode schema.
4
4
  */
5
- export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, import("@arbor-css/colors").CompiledColors<any, any>, import("@arbor-css/typography").CompiledTypography<any>, import("@arbor-css/spacing").CompiledSpacing<any>, import("@arbor-css/shadows").CompiledShadows<any>, Record<string, string>, Record<string, string>, {
5
+ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
6
6
  readonly lightenColor: import("@arbor-css/functions").ArborFunction<any>;
7
7
  readonly darkenColor: import("@arbor-css/functions").ArborFunction<any>;
8
8
  readonly desaturateColor: import("@arbor-css/functions").ArborFunction<any>;
@@ -1,6 +1,6 @@
1
1
  export declare class ArborElement extends HTMLElement {
2
2
  shadowRoot: ShadowRoot;
3
- config: import("@arbor-css/preset").ArborPreset<any, any, import("@arbor-css/typography").CompiledTypography<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl">, import("@arbor-css/spacing").CompiledSpacing<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "2xs">, import("@arbor-css/shadows").CompiledShadows<"xs" | "sm" | "md" | "lg" | "xl">, Record<string, string>, Record<string, string>, import("@arbor-css/functions").PresetFunctions, import("@arbor-css/functions").PresetMixins>;
3
+ config: import("@arbor-css/preset").ArborPreset<any, any, import("@arbor-css/functions").PresetMixins>;
4
4
  constructor();
5
5
  }
6
6
  //# sourceMappingURL=BaseElement.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,ufAAe;;CAMrB"}
1
+ {"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,iGAAe;;CAMrB"}
@@ -1,7 +1,4 @@
1
- import { getInternals } from '@arbor-css/preset';
2
- import { isToken } from '@arbor-css/tokens';
3
1
  import GUI from 'lil-gui';
4
- import { readProperties } from '../readProperties.js';
5
2
  import { getConfig } from '../registration.js';
6
3
  import { ArborElement } from './BaseElement.js';
7
4
  class GlobalsEditor extends ArborElement {
@@ -9,7 +6,6 @@ class GlobalsEditor extends ArborElement {
9
6
  const gui = new GUI();
10
7
  gui.close();
11
8
  const config = getConfig();
12
- const internals = getInternals(config);
13
9
  const globalsFolder = gui.addFolder('Globals');
14
10
  for (const [globalKey, token] of Object.entries(config.$.system.global)) {
15
11
  let entry = token.type === 'color' ?
@@ -22,42 +18,6 @@ class GlobalsEditor extends ArborElement {
22
18
  entry = entry.min(0).max(2).step(0.1);
23
19
  }
24
20
  }
25
- const primitivesFolder = gui.addFolder('Primitives');
26
- function addToken(parent, key, token, folder) {
27
- let entry = token.type === 'color' ?
28
- folder.addColor(parent, key)
29
- : folder.add(parent, key);
30
- entry.name(key).onChange((v) => {
31
- document.documentElement.style.setProperty(token.name, v.toString());
32
- // and all scheme permutations...
33
- for (const scheme of Object.keys(internals.primitiveValues.color)) {
34
- const prefix = scheme;
35
- document.documentElement.style.setProperty(token.prefixed(prefix).name, v.toString());
36
- }
37
- });
38
- }
39
- const values = readProperties(config.$.primitives);
40
- for (const [firstLayerKey, firstTokenLayer] of Object.entries(config.$.primitives)) {
41
- if (isToken(firstTokenLayer)) {
42
- addToken(values, firstLayerKey, firstTokenLayer, primitivesFolder);
43
- }
44
- else {
45
- const primitiveFolder = primitivesFolder.addFolder(firstLayerKey);
46
- for (const [secondLayerKey, secondTokenLayer] of Object.entries(firstTokenLayer)) {
47
- if (isToken(secondTokenLayer)) {
48
- addToken(values[firstLayerKey], secondLayerKey, secondTokenLayer, primitiveFolder);
49
- }
50
- else {
51
- const secondLayerFolder = primitiveFolder.addFolder(secondLayerKey);
52
- for (const [thirdLayerKey, thirdTokenLayer] of Object.entries(secondTokenLayer)) {
53
- if (isToken(thirdTokenLayer)) {
54
- addToken(values[firstLayerKey][secondLayerKey], thirdLayerKey, thirdTokenLayer, secondLayerFolder);
55
- }
56
- }
57
- }
58
- }
59
- }
60
- }
61
21
  }
62
22
  }
63
23
  customElements.define('arbor-globals-editor', GlobalsEditor);
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,SAAS,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,aAAc,SAAQ,YAAY;IACvC,iBAAiB;QAChB,MAAM,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;QACtB,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,aAAa,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAE/C,KAAK,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YACzE,IAAI,KAAK,GACR,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;gBACvB,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC;gBACjE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC;YAE/D,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAM,EAAE,EAAE;gBACzC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;YACH,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC7B,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC"}
@@ -1,11 +1,9 @@
1
- import { getInternals } from '../../index.js';
2
1
  import { ArborElement } from './BaseElement.js';
3
2
  class SchemeSelector extends ArborElement {
4
3
  constructor() {
5
4
  super();
6
5
  this.render = () => {
7
- const internals = getInternals(this.config);
8
- const schemeNames = Object.keys(internals.primitiveValues.color);
6
+ const schemeNames = ['light', 'dark'];
9
7
  const selected = this.getAttribute('selected') || 'base';
10
8
  this.shadowRoot.innerHTML = `<div data-scheme-${selected}>
11
9
  <select data-scheme-select name="scheme" aria-label="Select scheme" style="position: sticky; top: 0;">
@@ -1 +1 @@
1
- {"version":3,"file":"SchemeSelector.js","sourceRoot":"","sources":["../../../src/runtime/components/SchemeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAe,SAAQ,YAAY;IACxC;QACC,KAAK,EAAE,CAAC;QAIT,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;YACzD,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,oBAAoB,QAAQ;;MAErD,WAAW;iBACX,GAAG,CACH,CAAC,UAAU,EAAE,EAAE,CACd,kBAAkB,UAAU,KAAK,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,WAAW,CACpG;iBACA,IAAI,CAAC,IAAI,CAAC;;;SAGP,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAChD,sBAAsB,CACM,CAAC;YAC9B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC;gBACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAzBD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAyBD,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC;IACD,wBAAwB,CACvB,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,IAAI,IAAI,KAAK,UAAU,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"SchemeSelector.js","sourceRoot":"","sources":["../../../src/runtime/components/SchemeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAe,SAAQ,YAAY;IACxC;QACC,KAAK,EAAE,CAAC;QAIT,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;YACzD,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,oBAAoB,QAAQ;;MAErD,WAAW;iBACX,GAAG,CACH,CAAC,UAAU,EAAE,EAAE,CACd,kBAAkB,UAAU,KAAK,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,WAAW,CACpG;iBACA,IAAI,CAAC,IAAI,CAAC;;;SAGP,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAChD,sBAAsB,CACM,CAAC;YAC9B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC;gBACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAxBD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAwBD,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC;IACD,wBAAwB,CACvB,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,IAAI,IAAI,KAAK,UAAU,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC"}
@@ -9,7 +9,7 @@ class SystemDemo extends ArborElement {
9
9
  <div data-mode-base>
10
10
  <details>
11
11
  <summary>Primitive Tokens</summary>
12
- <pre>${JSON.stringify(convertStructure(this.config.$.primitives, isToken, (token) => token.name), null, 2)}</pre>
12
+ <pre>${JSON.stringify(convertStructure(this.config.$.mode.primitive, isToken, (token) => token.name), null, 2)}</pre>
13
13
  </details>
14
14
  <details>
15
15
  <summary>Mode Tokens</summary>
@@ -22,7 +22,7 @@ class SystemDemo extends ArborElement {
22
22
  <arbor-scheme-selector>
23
23
  <details open>
24
24
  <summary><h2 id="primitives" style="display: inline; margin: 0;">Primitive Tokens</h2></summary>
25
- <arbor-token-values schema-path="$.primitives"></arbor-token-values>
25
+ <arbor-token-values schema-path="$.mode.primitive"></arbor-token-values>
26
26
  </details>
27
27
  <details open>
28
28
  <summary><h2 id="modes" style="display: inline; margin: 0;">Mode Tokens</h2></summary>
@@ -1 +1 @@
1
- {"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;GAqBxC,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC5B,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;GAqBxC,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAexE,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CAqIR"}
1
+ {"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAKxE,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CA6ER"}
@@ -1,60 +1,12 @@
1
1
  import { getInternals } from '@arbor-css/preset/config';
2
- import { flattenTokenSchema, isToken, selfReferencedProps, tokenSchemaToList, } from '@arbor-css/tokens';
3
- import { convertStructure } from '@arbor-css/util';
4
- import { flattenAndApplyTokenValues } from '../util/flattenAndApplyTokenValues.js';
5
- import { formatObjectToCss } from '../util/formatObjectToCss.js';
2
+ import { flattenTokenSchema } from '@arbor-css/tokens';
6
3
  import { printTokens } from '../util/printTokens.js';
7
4
  import { modeToCss } from './modeToCss.js';
8
- const noPreference = `, (prefers-color-scheme: no-preference)`;
9
5
  export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor', } = {}) {
10
- const { defaultScheme, modes, primitiveValues } = getInternals(config);
6
+ const { modes } = getInternals(config);
11
7
  const systemProps = config.$.system;
12
8
  const globalProps = systemProps.global;
13
- /**
14
- * Each scheme generates a full set of CSS color properties
15
- * which are prefixed with its tag. The application of a scheme
16
- * then sets the "official" version of each property to the
17
- * tagged one when it is applied.
18
- */
19
- function getSchemeRootPropertiesCss(schemeName) {
20
- const values = flattenAndApplyTokenValues(config.$.primitives.color, primitiveValues.color[schemeName].colors, { prefix: schemeName });
21
- return formatObjectToCss(values);
22
- }
23
- function getSchemeApplicationCss(schemeName) {
24
- const scheme = primitiveValues.color[schemeName];
25
- const values = selfReferencedProps(config.$.primitives.color, {
26
- valuePrefix: schemeName,
27
- });
28
- return `${systemProps.meta.schemeName.assign(schemeName)}
29
- ${systemProps.meta.scheme.invertMultiplier.assign(scheme.isDark ? -1 : 1)}
30
- ${systemProps.meta.scheme.whenDark.assign(scheme.isDark ? 1 : 0)}
31
- ${systemProps.meta.scheme.whenLight.assign(scheme.isDark ? 0 : 1)}
32
- ${systemProps.meta.scheme.trueLight.assign(scheme.isDark ? 'black' : 'white')}
33
- ${systemProps.meta.scheme.trueHeavy.assign(scheme.isDark ? 'white' : 'black')}
34
- ${formatObjectToCss(values)}
35
- `;
36
- }
37
9
  const allModeProps = flattenTokenSchema(config.$.mode);
38
- // replace scheme names with their tags if they are provided
39
- const schemeColorsWithTags = Object.keys(primitiveValues.color).reduce((acc, key) => {
40
- acc[key] = primitiveValues.color[key].colors;
41
- return acc;
42
- }, {});
43
- // convert all tagged scheme colors to Tokens
44
- const createToken = config.context.createPrimitiveToken;
45
- const allColorTokens = tokenSchemaToList(convertStructure(schemeColorsWithTags, isToken, (_, path) => createToken(path.join('-'), { type: 'color' })));
46
- const rawSchemeColorValuesCss = `/* Raw scheme colors */
47
- ${Object.keys(primitiveValues.color)
48
- .map((schemeName) => getSchemeRootPropertiesCss(schemeName))
49
- .join('\n')}`;
50
- const lightDarkSchemeApplicationCss = `/* Dark/Light schemes are assigned to built-in device preferences */
51
- @media (prefers-color-scheme: light)${defaultScheme === 'light' ? noPreference : ''} {
52
- ${getSchemeApplicationCss('light')}
53
- }
54
-
55
- @media (prefers-color-scheme: dark)${defaultScheme === 'dark' ? noPreference : ''} {
56
- ${getSchemeApplicationCss('dark')}
57
- }`;
58
10
  return `/* Auto-generated CSS - do not edit directly */
59
11
  ${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
60
12
  :root {
@@ -62,32 +14,53 @@ ${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
62
14
  ${printTokens(globalProps, config.context.globals)}
63
15
  /* By default we set the font size */
64
16
  font-size: ${globalProps.baseFontSize.var};
65
-
66
- ${rawSchemeColorValuesCss}
67
- ${lightDarkSchemeApplicationCss}
68
-
69
- /* Other primitives */
70
- ${printTokens(config.$.primitives.typography, primitiveValues.typography.levels)}
71
- ${printTokens(config.$.primitives.spacing, primitiveValues.spacing.levels)}
72
- ${printTokens(config.$.primitives.shadow, primitiveValues.shadow.levels)}
73
- ${printTokens(config.$.primitives.easing, primitiveValues.easing)}
74
- ${printTokens(config.$.primitives.duration, primitiveValues.duration)}
75
17
  }
76
18
 
77
19
  ${[['base', config.baseMode], ...Object.entries(modes)]
78
20
  .map(([modeName, modeValue]) => {
79
21
  return `/* Mode: ${modeName} */
80
- ${modeName === 'base' ? ':root, :root [class^="\\@scheme-"], :root [class*=" \\@scheme-"] ' : ''}${modeToCss(modeValue, config)}
22
+ ${modeToCss(modeValue, config)}
81
23
  `;
82
24
  })
83
25
  .join('\n\n')}
84
26
 
85
- /* Scheme classes */
86
- ${Object.keys(primitiveValues.color)
87
- .map((schemeName) => `.\\@scheme-${schemeName} {
88
- ${getSchemeApplicationCss(schemeName)}
89
- }`)
90
- .join('\n\n')}
27
+ /* System scheme tokens */
28
+ @media (prefers-color-scheme: light) {
29
+ :root {
30
+ ${systemProps.meta.scheme.trueHeavy.assign('#000')}
31
+ ${systemProps.meta.scheme.trueLight.assign('#fff')}
32
+ ${systemProps.meta.scheme.invertMultiplier.assign('1')}
33
+ ${systemProps.meta.scheme.whenDark.assign('0')}
34
+ ${systemProps.meta.scheme.whenLight.assign('1')}
35
+ }
36
+ }
37
+ @media (prefers-color-scheme: dark) {
38
+ :root {
39
+ ${systemProps.meta.scheme.trueHeavy.assign('#fff')}
40
+ ${systemProps.meta.scheme.trueLight.assign('#000')}
41
+ ${systemProps.meta.scheme.invertMultiplier.assign('-1')}
42
+ ${systemProps.meta.scheme.whenDark.assign('1')}
43
+ ${systemProps.meta.scheme.whenLight.assign('0')}
44
+ }
45
+ }
46
+
47
+ /* Scheme control classes */
48
+ .\\@scheme-light {
49
+ color-scheme: light;
50
+ ${systemProps.meta.scheme.trueHeavy.assign('#000')}
51
+ ${systemProps.meta.scheme.trueLight.assign('#fff')}
52
+ ${systemProps.meta.scheme.invertMultiplier.assign('1')}
53
+ ${systemProps.meta.scheme.whenDark.assign('0')}
54
+ ${systemProps.meta.scheme.whenLight.assign('1')}
55
+ }
56
+ .\\@scheme-dark {
57
+ color-scheme: dark;
58
+ ${systemProps.meta.scheme.trueHeavy.assign('#fff')}
59
+ ${systemProps.meta.scheme.trueLight.assign('#000')}
60
+ ${systemProps.meta.scheme.invertMultiplier.assign('-1')}
61
+ ${systemProps.meta.scheme.whenDark.assign('1')}
62
+ ${systemProps.meta.scheme.whenLight.assign('0')}
63
+ }
91
64
 
92
65
  /* Function definitions */
93
66
  ${Object.values(config.functions)
@@ -95,16 +68,6 @@ ${Object.values(config.functions)
95
68
  .filter(Boolean)
96
69
  .join('\n\n')}
97
70
 
98
- /* Power user classes */
99
- .\\@user-colors {
100
- ${rawSchemeColorValuesCss}
101
- ${lightDarkSchemeApplicationCss}
102
- }
103
-
104
- ${allColorTokens
105
- .map((token) => token.definition)
106
- .filter(Boolean)
107
- .join('\n')}
108
71
  ${allModeProps
109
72
  .map((PROP) => PROP.definition)
110
73
  .filter(Boolean)
@@ -1 +1 @@
1
- {"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"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"}
@@ -9,15 +9,13 @@ it("generates a preset's CSS, including globals, primitives, modes, and function
9
9
  },
10
10
  mainColor: 'brand',
11
11
  },
12
- config: {
13
- globals: {
14
- roundness: 1,
15
- },
12
+ globals: {
13
+ roundness: 1,
16
14
  },
17
15
  });
18
16
  const css = generateStylesheet(preset);
19
17
  expect(css).toContain('--_-system-round: 1');
20
- expect(css).toContain('--p-color-brand-mid: ');
18
+ expect(css).toContain('--m-primitive-color-brand-mid: ');
21
19
  expect(css).toContain('--m-color-main: ');
22
20
  expect(css).toContain('@function --fn-lighten-color');
23
21
  });
@@ -1 +1 @@
1
- {"version":3,"file":"generateStylesheet.test.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,EAAE,CAAC,+EAA+E,EAAE,GAAG,EAAE;IACxF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;aAClB;YACD,SAAS,EAAE,OAAO;SAClB;QACD,MAAM,EAAE;YACP,OAAO,EAAE;gBACR,SAAS,EAAE,CAAC;aACZ;SACD;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAC1C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"generateStylesheet.test.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,EAAE,CAAC,+EAA+E,EAAE,GAAG,EAAE;IACxF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;aAClB;YACD,SAAS,EAAE,OAAO;SAClB;QACD,OAAO,EAAE;YACR,SAAS,EAAE,CAAC;SACZ;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;IACzD,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAC1C,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"modeToCss.d.ts","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,YAAY,EAAa,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAGN,iBAAiB,EAEjB,MAAM,mBAAmB,CAAC;AAG3B,wBAAgB,SAAS,CAAC,UAAU,SAAS,iBAAiB,EAC7D,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,EAC9B,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,GAC7B,MAAM,CAoER"}
1
+ {"version":3,"file":"modeToCss.d.ts","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"AACA,OAAO,EAGN,YAAY,EAEZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAGN,iBAAiB,EAEjB,MAAM,mBAAmB,CAAC;AAG3B,wBAAgB,SAAS,CAAC,UAAU,SAAS,iBAAiB,EAC7D,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,EAC9B,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,GAC7B,MAAM,CAsER"}
@@ -1,5 +1,5 @@
1
1
  import { isCalcEquation, printEquation } from '@arbor-css/calc';
2
- import { isModeValue } from '@arbor-css/modes';
2
+ import { getModeInternals, isModeValue, } from '@arbor-css/modes';
3
3
  import { isToken, } from '@arbor-css/tokens';
4
4
  import { toFlatKeys } from '@arbor-css/util';
5
5
  export function modeToCss(mode, preset) {
@@ -9,6 +9,7 @@ export function modeToCss(mode, preset) {
9
9
  const flatTokens = toFlatKeys(preset.$.mode, isToken, {
10
10
  separator: '-',
11
11
  });
12
+ const modeInternals = getModeInternals(mode);
12
13
  const cssVars = {};
13
14
  const lowPriorityVars = {};
14
15
  for (const key in flatValues) {
@@ -22,8 +23,7 @@ export function modeToCss(mode, preset) {
22
23
  cssVars[tokenVar.name] = value.var;
23
24
  }
24
25
  else if (isCalcEquation(value)) {
25
- // TODO: add globals to parameters of this function and computeEquation
26
- // instead?
26
+ // TODO: computeEquation instead?
27
27
  cssVars[tokenVar.name] = printEquation(value);
28
28
  }
29
29
  else if (typeof value === 'string' || typeof value === 'number') {
@@ -43,18 +43,21 @@ export function modeToCss(mode, preset) {
43
43
  const content = [valuesCss, preset.modeSchema.extraCss]
44
44
  .filter(Boolean)
45
45
  .join('\n');
46
- const simpleSelector = `.\\@mode-${mode.$name}`;
47
- const schemeSelectors = preset.schemes.map((schemeName) => `:where(&.\\@mode-${mode.$name} .\\@scheme-${schemeName})`);
48
- const selectors = [simpleSelector, ...schemeSelectors];
46
+ const simpleSelector = `.\\@mode-${modeInternals.name}`;
47
+ const selectors = [simpleSelector, ...(modeInternals.extraSelectors ?? [])];
49
48
  if (mode === preset.baseMode) {
50
49
  // base mode values are applied to :root and all scheme selectors since they can be referenced by any mode and we want them to update when the base mode changes
51
50
  selectors.push(...selectors.map((s) => s.replace(`.\\@mode-${mode.$name}`, ':root')));
52
51
  }
53
52
  return `${selectors.join(', ')} {
54
- ${preset.$.system.meta.modeName.assign(mode.$name)}
53
+ ${preset.$.system.meta.modeName.assign(modeInternals.name)}
55
54
  ${content}
55
+ ${modeInternals.extraCss ?? ''}
56
56
  }
57
- `;
57
+ `
58
+ .replace(/\s+/g, ' ')
59
+ .replaceAll('; ', ';\n\t')
60
+ .replaceAll('{ ', '{\n\t');
58
61
  }
59
62
  /**
60
63
  * For a given Token, returns which values in the base mode depend on it.
@@ -91,6 +94,17 @@ function getBaseModeDependents(baseMode, token, modeTokens, visiting = []) {
91
94
  Object.assign(dependents, getBaseModeDependents(baseMode, tokenForKey, modeTokens, nextVisiting));
92
95
  }
93
96
  }
97
+ else if (isToken(value)) {
98
+ if (value.name === token.name) {
99
+ const tokenForKey = flatTokens[key];
100
+ if (!tokenForKey) {
101
+ continue;
102
+ }
103
+ dependents[tokenForKey.name] = value.var;
104
+ // recurse to find any values that depend on this dependent as well
105
+ Object.assign(dependents, getBaseModeDependents(baseMode, tokenForKey, modeTokens, nextVisiting));
106
+ }
107
+ }
94
108
  }
95
109
  return dependents;
96
110
  }
@@ -1 +1 @@
1
- {"version":3,"file":"modeToCss.js","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modeToCss.js","sourceRoot":"","sources":["../../src/stylesheet/modeToCss.ts"],"names":[],"mappings":"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"}