@arbor-css/core 0.0.128 → 0.0.131

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 (88) hide show
  1. package/dist/cli/introspection.test.js +4 -4
  2. package/dist/cli/introspection.test.js.map +1 -1
  3. package/dist/cli/validate.test.js +4 -4
  4. package/dist/cli/validate.test.js.map +1 -1
  5. package/dist/getStructuredTokensMap.test.js +1 -1
  6. package/dist/getStructuredTokensMap.test.js.map +1 -1
  7. package/dist/presets/arborPreset/modeSchema/global.d.ts +1 -1
  8. package/dist/presets/arborPreset/modeSchema/global.js +1 -1
  9. package/dist/presets/arborPreset/modeSchema/global.js.map +1 -1
  10. package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +7 -0
  11. package/dist/presets/arborPreset/modeSchema/intents/action.d.ts.map +1 -1
  12. package/dist/presets/arborPreset/modeSchema/intents/action.js +2 -1
  13. package/dist/presets/arborPreset/modeSchema/intents/action.js.map +1 -1
  14. package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +7 -0
  15. package/dist/presets/arborPreset/modeSchema/intents/control.d.ts.map +1 -1
  16. package/dist/presets/arborPreset/modeSchema/intents/control.js +2 -1
  17. package/dist/presets/arborPreset/modeSchema/intents/control.js.map +1 -1
  18. package/dist/presets/arborPreset/modeSchema/intents/{text.d.ts → prose.d.ts} +2 -2
  19. package/dist/presets/arborPreset/modeSchema/intents/prose.d.ts.map +1 -0
  20. package/dist/presets/arborPreset/modeSchema/intents/{text.js → prose.js} +2 -2
  21. package/dist/presets/arborPreset/modeSchema/intents/prose.js.map +1 -0
  22. package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +7 -0
  23. package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts.map +1 -1
  24. package/dist/presets/arborPreset/modeSchema/intents/surface.js +2 -1
  25. package/dist/presets/arborPreset/modeSchema/intents/surface.js.map +1 -1
  26. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +61 -4
  27. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
  28. package/dist/presets/arborPreset/modeSchema/modeSchema.js +5 -5
  29. package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -1
  30. package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts +54 -0
  31. package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts.map +1 -1
  32. package/dist/presets/arborPreset/modeSchema/semantics/easing.js +6 -1
  33. package/dist/presets/arborPreset/modeSchema/semantics/easing.js.map +1 -1
  34. package/dist/presets/arborPreset/modeSchema/semantics/{typography.d.ts → text.d.ts} +2 -2
  35. package/dist/presets/arborPreset/modeSchema/semantics/text.d.ts.map +1 -0
  36. package/dist/presets/arborPreset/modeSchema/semantics/{typography.js → text.js} +2 -2
  37. package/dist/presets/arborPreset/modeSchema/semantics/text.js.map +1 -0
  38. package/dist/presets/arborPreset/modeValues/intents.d.ts +22 -1
  39. package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
  40. package/dist/presets/arborPreset/modeValues/intents.js +66 -19
  41. package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
  42. package/dist/presets/arborPreset/modeValues/semantics.d.ts +120 -0
  43. package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
  44. package/dist/presets/arborPreset/modeValues/semantics.js +32 -12
  45. package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
  46. package/dist/presets/arborPreset/modeValues/shadow/index.js +1 -1
  47. package/dist/presets/arborPreset/modeValues/shadow/index.js.map +1 -1
  48. package/dist/presets/arborPreset/modeValues/spacing/index.js +1 -1
  49. package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -1
  50. package/dist/presets/arborPreset/modeValues/typography/index.js +1 -1
  51. package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -1
  52. package/dist/presets/arborPreset/preset.d.ts +80 -13
  53. package/dist/presets/arborPreset/preset.d.ts.map +1 -1
  54. package/dist/presets/arborPreset/preset.js +98 -35
  55. package/dist/presets/arborPreset/preset.js.map +1 -1
  56. package/dist/presets/arborPreset/preset.test.js +13 -0
  57. package/dist/presets/arborPreset/preset.test.js.map +1 -1
  58. package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
  59. package/dist/presets/basicPreset/preset.d.ts.map +1 -1
  60. package/dist/rendering/generateStylesheet.d.ts.map +1 -1
  61. package/dist/rendering/generateStylesheet.js +3 -0
  62. package/dist/rendering/generateStylesheet.js.map +1 -1
  63. package/dist/runtime/components/FunctionsList.d.ts.map +1 -1
  64. package/dist/runtime/components/FunctionsList.js +10 -13
  65. package/dist/runtime/components/FunctionsList.js.map +1 -1
  66. package/dist/runtime/components/IntentDemos.js +15 -15
  67. package/dist/runtime/components/LiveEditor.js +8 -8
  68. package/dist/runtime/components/MixinsList.d.ts.map +1 -1
  69. package/dist/runtime/components/MixinsList.js +10 -13
  70. package/dist/runtime/components/MixinsList.js.map +1 -1
  71. package/dist/runtime/components/ModeGraph.js +12 -12
  72. package/dist/runtime/components/SpacingScale.js +2 -2
  73. package/dist/runtime/components/SpacingScale.js.map +1 -1
  74. package/dist/runtime/components/SystemDemo.js +1 -1
  75. package/dist/runtime/tokenGroups.d.ts.map +1 -1
  76. package/dist/util/buildModeTokenGraph.test.js +2 -2
  77. package/dist/util/buildModeTokenGraph.test.js.map +1 -1
  78. package/dist/util/resolveComputedTokenValue.test.js +5 -5
  79. package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
  80. package/package.json +8 -8
  81. package/dist/presets/arborPreset/modeSchema/intents/text.d.ts.map +0 -1
  82. package/dist/presets/arborPreset/modeSchema/intents/text.js.map +0 -1
  83. package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts +0 -10
  84. package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts.map +0 -1
  85. package/dist/presets/arborPreset/modeSchema/primitives/easing.js +0 -11
  86. package/dist/presets/arborPreset/modeSchema/primitives/easing.js.map +0 -1
  87. package/dist/presets/arborPreset/modeSchema/semantics/typography.d.ts.map +0 -1
  88. package/dist/presets/arborPreset/modeSchema/semantics/typography.js.map +0 -1
@@ -19,19 +19,19 @@ class FunctionsList extends LitElement {
19
19
  h2 {
20
20
  font-size: var(
21
21
  --functionsList-title-size,
22
- var(--m-text-primary-size, 1.5rem)
22
+ var(--m-prose-primary-size, 1.5rem)
23
23
  );
24
24
  font-weight: var(
25
25
  --functionsList-title-weight,
26
- var(--m-text-primary-weight, bold)
26
+ var(--m-prose-primary-weight, bold)
27
27
  );
28
28
  font-family: var(
29
29
  --functionsList-title-font,
30
- var(--m-text-primary-font, sans-serif)
30
+ var(--m-prose-primary-font, sans-serif)
31
31
  );
32
32
  margin-bottom: var(
33
33
  --functionsList-title-margin-bottom,
34
- var(--m-spacing-md, 8px)
34
+ var(--m-space-md, 8px)
35
35
  );
36
36
  }
37
37
 
@@ -39,7 +39,7 @@ class FunctionsList extends LitElement {
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  align-items: stretch;
42
- gap: var(--functionsList-item-gap, var(--m-spacing-sm, 4px));
42
+ gap: var(--functionsList-item-gap, var(--m-space-sm, 4px));
43
43
  list-style: none;
44
44
  margin: 0;
45
45
  padding: 0;
@@ -67,13 +67,10 @@ class FunctionsList extends LitElement {
67
67
  --functionsList-item-border-radius,
68
68
  var(--m-surface-radius, 4px)
69
69
  );
70
- font-size: var(
71
- --functionsList-item-size,
72
- var(--m-typography-size, 1rem)
73
- );
70
+ font-size: var(--functionsList-item-size, var(--m-text-size, 1rem));
74
71
  font-weight: var(
75
72
  --functionsList-item-weight,
76
- var(--m-typography-weight, normal)
73
+ var(--m-text-weight, normal)
77
74
  );
78
75
  background-color: var(
79
76
  --functionsList-item-bg,
@@ -87,17 +84,17 @@ class FunctionsList extends LitElement {
87
84
  .name {
88
85
  font-weight: var(
89
86
  --functionsList-item-name-weight,
90
- var(--m-typography-weight-bold, bold)
87
+ var(--m-text-weight-bold, bold)
91
88
  );
92
89
  font-family: var(
93
90
  --functionsList-item-name-font,
94
- var(--m-typography-font, sans-serif)
91
+ var(--m-text-font, sans-serif)
95
92
  );
96
93
  }
97
94
  .description {
98
95
  font-size: var(
99
96
  --functionsList-item-description-size,
100
- var(--m-text-secondary-size, 0.875rem)
97
+ var(--m-prose-secondary-size, 0.875rem)
101
98
  );
102
99
  color: var(
103
100
  --functionsList-item-description-color,
@@ -1 +1 @@
1
- {"version":3,"file":"FunctionsList.js","sourceRoot":"","sources":["../../../src/runtime/components/FunctionsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAwGC,WAAM,GAAG,SAAS,EAAE,CAAC;IAmBtB,CAAC;IA1HA,MAAM,KAAK,MAAM;QAChB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGT,CAAC;IACH,CAAC;IAID,MAAM;QACL,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACpE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAC5B,CAAC;QACF,OAAO,IAAI,CAAA;;;MAGP,SAAS,CAAC,GAAG,CACd,CAAC,EAAE,EAAE,EAAE,CACN,IAAI,CAAA;4BACkB,EAAE,CAAC,SAAS;mCACL,EAAE,CAAC,WAAW;YACrC,CACP;;GAEF,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;AAC9D,CAAC"}
1
+ {"version":3,"file":"FunctionsList.js","sourceRoot":"","sources":["../../../src/runtime/components/FunctionsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAqGC,WAAM,GAAG,SAAS,EAAE,CAAC;IAmBtB,CAAC;IAvHA,MAAM,KAAK,MAAM;QAChB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGT,CAAC;IACH,CAAC;IAID,MAAM;QACL,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACpE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAC5B,CAAC;QACF,OAAO,IAAI,CAAA;;;MAGP,SAAS,CAAC,GAAG,CACd,CAAC,EAAE,EAAE,EAAE,CACN,IAAI,CAAA;4BACkB,EAAE,CAAC,SAAS;mCACL,EAAE,CAAC,WAAW;YACrC,CACP;;GAEF,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;AAC9D,CAAC"}
@@ -5,10 +5,10 @@ class IntentDemos extends LitElement {
5
5
  :host {
6
6
  display: flex;
7
7
  flex-direction: column;
8
- gap: var(--m-spacing-lg);
8
+ gap: var(--m-space-lg);
9
9
  box-sizing: border-box;
10
10
  width: 100%;
11
- padding: var(--m-spacing-lg);
11
+ padding: var(--m-space-lg);
12
12
  }
13
13
 
14
14
  .surface {
@@ -60,23 +60,23 @@ class IntentDemos extends LitElement {
60
60
  }
61
61
 
62
62
  .text {
63
- font-size: var(--m-text-primary-size);
64
- font-weight: var(--m-text-primary-weight);
65
- font-family: var(--m-text-primary-font);
66
- letter-spacing: var(--m-text-primary-letter-spacing);
63
+ font-size: var(--m-prose-primary-size);
64
+ font-weight: var(--m-prose-primary-weight);
65
+ font-family: var(--m-prose-primary-font);
66
+ letter-spacing: var(--m-prose-primary-letter-spacing);
67
67
 
68
68
  &[data-emphasis='secondary'] {
69
- font-size: var(--m-text-secondary-size);
70
- font-weight: var(--m-text-secondary-weight);
71
- font-family: var(--m-text-secondary-font);
72
- letter-spacing: var(--m-text-secondary-letter-spacing);
69
+ font-size: var(--m-prose-secondary-size);
70
+ font-weight: var(--m-prose-secondary-weight);
71
+ font-family: var(--m-prose-secondary-font);
72
+ letter-spacing: var(--m-prose-secondary-letter-spacing);
73
73
  }
74
74
 
75
75
  &[data-emphasis='ambient'] {
76
- font-size: var(--m-text-ambient-size);
77
- font-weight: var(--m-text-ambient-weight);
78
- font-family: var(--m-text-ambient-font);
79
- letter-spacing: var(--m-text-ambient-letter-spacing);
76
+ font-size: var(--m-prose-ambient-size);
77
+ font-weight: var(--m-prose-ambient-weight);
78
+ font-family: var(--m-prose-ambient-font);
79
+ letter-spacing: var(--m-prose-ambient-letter-spacing);
80
80
  }
81
81
  }
82
82
 
@@ -84,7 +84,7 @@ class IntentDemos extends LitElement {
84
84
  background: var(--m-color-neutral);
85
85
  color: var(--m-color-neutral-ink);
86
86
  border: 1px dashed var(--m-color-neutral-heavy);
87
- padding: var(--m-spacing-sm);
87
+ padding: var(--m-space-sm);
88
88
  opacity: 0.5;
89
89
  }
90
90
  `;
@@ -26,8 +26,8 @@ class LiveEditor extends LitElement {
26
26
  .pane {
27
27
  display: flex;
28
28
  flex-direction: column;
29
- gap: var(--m-spacing-sm);
30
- padding: var(--m-spacing-sm);
29
+ gap: var(--m-space-sm);
30
+ padding: var(--m-space-sm);
31
31
  background: var(--m-surface-ambient-bg);
32
32
  border-radius: var(--m-surface-radius);
33
33
  box-shadow: var(--m-shadow-lg);
@@ -49,7 +49,7 @@ class LiveEditor extends LitElement {
49
49
  border: none;
50
50
  cursor: pointer;
51
51
  transition: all var(--m-duration) var(--m-easing);
52
- padding: var(--m-spacing-xs);
52
+ padding: var(--m-space-xs);
53
53
  border-radius: var(--m-action-radius);
54
54
  min-width: 32px;
55
55
  min-height: 32px;
@@ -69,8 +69,8 @@ class LiveEditor extends LitElement {
69
69
  .list {
70
70
  display: flex;
71
71
  flex-direction: column;
72
- gap: var(--m-spacing-xs);
73
- padding: var(--m-spacing-sm);
72
+ gap: var(--m-space-xs);
73
+ padding: var(--m-space-sm);
74
74
  max-height: 300px;
75
75
  min-height: 0;
76
76
  overflow: auto;
@@ -81,11 +81,11 @@ class LiveEditor extends LitElement {
81
81
  display: flex;
82
82
  flex-direction: column;
83
83
  align-items: start;
84
- gap: var(--m-spacing-xs);
84
+ gap: var(--m-space-xs);
85
85
  }
86
86
 
87
87
  .token-name {
88
- font-size: var(--m-text-ambient-size);
88
+ font-size: var(--m-prose-ambient-size);
89
89
  }
90
90
 
91
91
  .sr-only {
@@ -228,7 +228,7 @@ class SizeTokenEditor extends BaseTokenEditor {
228
228
  :host {
229
229
  display: inline-flex;
230
230
  align-items: center;
231
- gap: var(--m-spacing-xs);
231
+ gap: var(--m-space-xs);
232
232
  width: 100%;
233
233
  }
234
234
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"MixinsList.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/MixinsList.ts"],"names":[],"mappings":"AAgIA,MAAM,CAAC,OAAO,UAAU,QAAQ,SAE/B"}
1
+ {"version":3,"file":"MixinsList.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/MixinsList.ts"],"names":[],"mappings":"AA6HA,MAAM,CAAC,OAAO,UAAU,QAAQ,SAE/B"}
@@ -19,19 +19,19 @@ class MixinsList extends LitElement {
19
19
  h2 {
20
20
  font-size: var(
21
21
  --functionsList-title-size,
22
- var(--m-text-primary-size, 1.5rem)
22
+ var(--m-prose-primary-size, 1.5rem)
23
23
  );
24
24
  font-weight: var(
25
25
  --functionsList-title-weight,
26
- var(--m-text-primary-weight, bold)
26
+ var(--m-prose-primary-weight, bold)
27
27
  );
28
28
  font-family: var(
29
29
  --functionsList-title-font,
30
- var(--m-text-primary-font, sans-serif)
30
+ var(--m-prose-primary-font, sans-serif)
31
31
  );
32
32
  margin-bottom: var(
33
33
  --functionsList-title-margin-bottom,
34
- var(--m-spacing-md, 8px)
34
+ var(--m-space-md, 8px)
35
35
  );
36
36
  }
37
37
 
@@ -39,7 +39,7 @@ class MixinsList extends LitElement {
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  align-items: stretch;
42
- gap: var(--functionsList-item-gap, var(--m-spacing-sm, 4px));
42
+ gap: var(--functionsList-item-gap, var(--m-space-sm, 4px));
43
43
  list-style: none;
44
44
  margin: 0;
45
45
  padding: 0;
@@ -67,13 +67,10 @@ class MixinsList extends LitElement {
67
67
  --functionsList-item-border-radius,
68
68
  var(--m-surface-radius, 4px)
69
69
  );
70
- font-size: var(
71
- --functionsList-item-size,
72
- var(--m-typography-size, 1rem)
73
- );
70
+ font-size: var(--functionsList-item-size, var(--m-text-size, 1rem));
74
71
  font-weight: var(
75
72
  --functionsList-item-weight,
76
- var(--m-typography-weight, normal)
73
+ var(--m-text-weight, normal)
77
74
  );
78
75
  background-color: var(
79
76
  --functionsList-item-bg,
@@ -87,17 +84,17 @@ class MixinsList extends LitElement {
87
84
  .name {
88
85
  font-weight: var(
89
86
  --functionsList-item-name-weight,
90
- var(--m-typography-weight-bold, bold)
87
+ var(--m-text-weight-bold, bold)
91
88
  );
92
89
  font-family: var(
93
90
  --functionsList-item-name-font,
94
- var(--m-typography-font, sans-serif)
91
+ var(--m-text-font, sans-serif)
95
92
  );
96
93
  }
97
94
  .description {
98
95
  font-size: var(
99
96
  --functionsList-item-description-size,
100
- var(--m-text-secondary-size, 0.875rem)
97
+ var(--m-prose-secondary-size, 0.875rem)
101
98
  );
102
99
  color: var(
103
100
  --functionsList-item-description-color,
@@ -1 +1 @@
1
- {"version":3,"file":"MixinsList.js","sourceRoot":"","sources":["../../../src/runtime/components/MixinsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAwGC,WAAM,GAAG,SAAS,EAAE,CAAC;IAmBtB,CAAC;IA1HA,MAAM,KAAK,MAAM;QAChB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmGT,CAAC;IACH,CAAC;IAID,MAAM;QACL,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC9D,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAC5B,CAAC;QACF,OAAO,IAAI,CAAA;;;MAGP,MAAM,CAAC,GAAG,CACX,CAAC,EAAE,EAAE,EAAE,CACN,IAAI,CAAA;4BACkB,EAAE,CAAC,SAAS;mCACL,EAAE,CAAC,WAAW;YACrC,CACP;;GAEF,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;AACxD,CAAC"}
1
+ {"version":3,"file":"MixinsList.js","sourceRoot":"","sources":["../../../src/runtime/components/MixinsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAqGC,WAAM,GAAG,SAAS,EAAE,CAAC;IAmBtB,CAAC;IAvHA,MAAM,KAAK,MAAM;QAChB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGT,CAAC;IACH,CAAC;IAID,MAAM;QACL,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC9D,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAC5B,CAAC;QACF,OAAO,IAAI,CAAA;;;MAGP,MAAM,CAAC,GAAG,CACX,CAAC,EAAE,EAAE,EAAE,CACN,IAAI,CAAA;4BACkB,EAAE,CAAC,SAAS;mCACL,EAAE,CAAC,WAAW;YACrC,CACP;;GAEF,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;AACxD,CAAC"}
@@ -55,7 +55,7 @@ class ModeGraph extends LitElement {
55
55
  flex-direction: row;
56
56
  justify-content: space-between;
57
57
  align-items: center;
58
- gap: var(--modeGraph-header-gap, var(--m-spacing-md, 12px));
58
+ gap: var(--modeGraph-header-gap, var(--m-space-md, 12px));
59
59
  padding-block: var(
60
60
  --modeGraph-header-padding,
61
61
  var(--m-surface-padding, 8px)
@@ -64,7 +64,7 @@ class ModeGraph extends LitElement {
64
64
  .mode-name {
65
65
  font-weight: var(
66
66
  --modeGraph-mode-name-font-weight,
67
- var(--m-typography-weight-bold, bold)
67
+ var(--m-text-weight-bold, bold)
68
68
  );
69
69
  font-family: monospace;
70
70
  }
@@ -73,7 +73,7 @@ class ModeGraph extends LitElement {
73
73
  display: flex;
74
74
  flex-direction: column;
75
75
  font-family: monospace;
76
- gap: var(--modeGraph-tokens-gap, var(--m-spacing-sm, 4px));
76
+ gap: var(--modeGraph-tokens-gap, var(--m-space-sm, 4px));
77
77
  }
78
78
  `;
79
79
  }
@@ -159,7 +159,7 @@ class ModeGraphToken extends LitElement {
159
159
  justify-content: space-between;
160
160
  align-items: start;
161
161
  white-space: nowrap;
162
- gap: var(--modeGraph-token-summary-gap, var(--m-spacing-sm, 4px));
162
+ gap: var(--modeGraph-token-summary-gap, var(--m-space-sm, 4px));
163
163
  max-width: 100%;
164
164
  }
165
165
  .sub-line {
@@ -169,7 +169,7 @@ class ModeGraphToken extends LitElement {
169
169
  );
170
170
  font-size: var(
171
171
  --modeGraph-token-sub-line-font-size,
172
- var(--m-text-ambient-size, 12px)
172
+ var(--m-prose-ambient-size, 12px)
173
173
  );
174
174
  white-space: nowrap;
175
175
  overflow: hidden;
@@ -187,7 +187,7 @@ class ModeGraphToken extends LitElement {
187
187
  .name {
188
188
  font-weight: var(
189
189
  --modeGraph-token-name-font-weight,
190
- var(--m-typography-weight-bold, bold)
190
+ var(--m-text-weight-bold, bold)
191
191
  );
192
192
  }
193
193
 
@@ -195,7 +195,7 @@ class ModeGraphToken extends LitElement {
195
195
  display: inline-flex;
196
196
  flex-direction: row;
197
197
  align-items: center;
198
- gap: var(--modeGraph-token-value-gap, var(--m-spacing-sm, 4px));
198
+ gap: var(--modeGraph-token-value-gap, var(--m-space-sm, 4px));
199
199
  white-space: nowrap;
200
200
  overflow: hidden;
201
201
  text-overflow: ellipsis;
@@ -225,7 +225,7 @@ class ModeGraphToken extends LitElement {
225
225
  .computed {
226
226
  font-weight: var(
227
227
  --modeGraph-token-computed-font-weight,
228
- var(--m-typography-weight-bold, bold)
228
+ var(--m-text-weight-bold, bold)
229
229
  );
230
230
  }
231
231
 
@@ -250,11 +250,11 @@ class ModeGraphToken extends LitElement {
250
250
  .dependents {
251
251
  padding-left: var(
252
252
  --modeGraph-token-dependents-indent,
253
- var(--m-spacing-md, 12px)
253
+ var(--m-space-md, 12px)
254
254
  );
255
255
  display: flex;
256
256
  flex-direction: column;
257
- gap: var(--modeGraph-token-dependents-gap, var(--m-spacing-sm, 4px));
257
+ gap: var(--modeGraph-token-dependents-gap, var(--m-space-sm, 4px));
258
258
  list-style: none;
259
259
  margin: 0;
260
260
  }
@@ -266,7 +266,7 @@ class ModeGraphToken extends LitElement {
266
266
  );
267
267
  font-size: var(
268
268
  --modeGraph-token-dependent-font-size,
269
- var(--m-text-secondary-size, 14px)
269
+ var(--m-prose-secondary-size, 14px)
270
270
  );
271
271
  display: flex;
272
272
  flex-direction: column;
@@ -279,7 +279,7 @@ class ModeGraphToken extends LitElement {
279
279
  );
280
280
  font-weight: var(
281
281
  --modeGraph-token-dependent-reference-font-weight,
282
- var(--m-typography-weight-bold, bold)
282
+ var(--m-text-weight-bold, bold)
283
283
  );
284
284
  }
285
285
  `;
@@ -12,7 +12,7 @@ class SpacingScale extends LitElement {
12
12
  :host {
13
13
  display: flex;
14
14
  flex-direction: column;
15
- gap: var(--m-spacing-lg);
15
+ gap: var(--m-space-lg);
16
16
  box-sizing: border-box;
17
17
  width: 100%;
18
18
  }
@@ -32,7 +32,7 @@ class SpacingScale extends LitElement {
32
32
  `;
33
33
  }
34
34
  render() {
35
- const steps = Object.values(this.preset.$.mode.spacing)
35
+ const steps = Object.values(this.preset.$.mode.space)
36
36
  .filter(isToken)
37
37
  .map((token) => ({
38
38
  name: token.name,
@@ -1 +1 @@
1
- {"version":3,"file":"SpacingScale.js","sourceRoot":"","sources":["../../../src/runtime/components/SpacingScale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,YAAa,SAAQ,UAAU;IAArC;;QA0BC,WAAM,GAAG,SAAS,EAAE,CAAC;IAqBtB,CAAC;IA9CA,MAAM,KAAK,MAAM;QAChB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBT,CAAC;IACH,CAAC;IAID,MAAM;QACL,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;aACrD,MAAM,CAAC,OAAO,CAAC;aACf,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC;YACrB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,KAAK,EAAE,yBAAyB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC;SACvE,CAAC,CAAC,CAAC;QAEL,OAAO,IAAI,CAAA;KACR,KAAK,CAAC,GAAG,CACV,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;aAEhB,IAAI,MAAM,KAAK;wCACY,KAAK;;KAExC,CACD;GACD,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAC5D,CAAC"}
1
+ {"version":3,"file":"SpacingScale.js","sourceRoot":"","sources":["../../../src/runtime/components/SpacingScale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,YAAa,SAAQ,UAAU;IAArC;;QA0BC,WAAM,GAAG,SAAS,EAAE,CAAC;IAqBtB,CAAC;IA9CA,MAAM,KAAK,MAAM;QAChB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBT,CAAC;IACH,CAAC;IAID,MAAM;QACL,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;aACnD,MAAM,CAAC,OAAO,CAAC;aACf,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC;YACrB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,KAAK,EAAE,yBAAyB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC;SACvE,CAAC,CAAC,CAAC;QAEL,OAAO,IAAI,CAAA;KACR,KAAK,CAAC,GAAG,CACV,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;aAEhB,IAAI,MAAM,KAAK;wCACY,KAAK;;KAExC,CACD;GACD,CAAC;IACH,CAAC;CACD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ;IAC/B,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAC5D,CAAC"}
@@ -5,7 +5,7 @@ class SystemDemo extends LitElement {
5
5
  :host {
6
6
  display: grid;
7
7
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
8
- gap: var(--m-spacing-lg);
8
+ gap: var(--m-space-lg);
9
9
  box-sizing: border-box;
10
10
  width: 100%;
11
11
  }
@@ -1 +1 @@
1
- {"version":3,"file":"tokenGroups.d.ts","sourceRoot":"","sources":["../../src/runtime/tokenGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAE1E,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW;;;;;;;;;;;;;;;sBAoDytF,CAAC;;;;;;;;;;;;;;;;0BAAyjB,CAAC;;;;;;;;;;;;;;;;;;;0BAA4pB,CAAC;;;;;;;eATp9H,KAAK;iBACH,KAAK;qBACD,KAAK;;EAMtB"}
1
+ {"version":3,"file":"tokenGroups.d.ts","sourceRoot":"","sources":["../../src/runtime/tokenGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAE1E,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW;;;;;;;;;;;;;;;sBAoD2uF,CAAC;;;;;;;;;;;;;;;;0BAAyjB,CAAC;;;;;;;;;;;;;;;;;;;0BAA4pB,CAAC;;;;;;;eATt+H,KAAK;iBACH,KAAK;qBACD,KAAK;;EAMtB"}
@@ -60,12 +60,12 @@ it('resolves and computes complicated dependency chains', () => {
60
60
  },
61
61
  });
62
62
  const mode = preset.createMode('test', {
63
- global: { spacing: { density: 2 } },
63
+ global: { space: { density: 2 } },
64
64
  });
65
65
  const graphWithDensity = buildModeTokenGraph(mode, preset, {
66
66
  skipBaking: false,
67
67
  simplifier,
68
68
  });
69
- expect(graphWithDensity.nodes['--m-spacing-md'].computed).toMatchInlineSnapshot(`"4px"`);
69
+ expect(graphWithDensity.nodes['--m-space-md'].computed).toMatchInlineSnapshot(`"4px"`);
70
70
  });
71
71
  //# sourceMappingURL=buildModeTokenGraph.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"buildModeTokenGraph.test.js","sourceRoot":"","sources":["../../src/util/buildModeTokenGraph.test.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"buildModeTokenGraph.test.js","sourceRoot":"","sources":["../../src/util/buildModeTokenGraph.test.ts"],"names":[],"mappings":"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"}
@@ -17,23 +17,23 @@ const ctx = {
17
17
  simplifier,
18
18
  };
19
19
  it('resolves base mode values with baking', () => {
20
- const value = resolveComputedTokenValue(preset, preset.$.mode.spacing.sm.name, ctx);
20
+ const value = resolveComputedTokenValue(preset, preset.$.mode.space.sm.name, ctx);
21
21
  expect(value).toMatchInlineSnapshot(`"4px"`);
22
22
  });
23
23
  it('applies user property values to evaluation context', () => {
24
- const value = resolveComputedTokenValue(preset, preset.$.mode.spacing.sm.name, {
24
+ const value = resolveComputedTokenValue(preset, preset.$.mode.space.sm.name, {
25
25
  ...ctx,
26
26
  propertyValues: {
27
- [preset.$.mode.global.spacing.density.name]: '2',
27
+ [preset.$.mode.global.space.density.name]: '2',
28
28
  },
29
29
  });
30
30
  expect(value).toMatchInlineSnapshot(`"2px"`);
31
31
  });
32
32
  it('resolves equation property values from user overrides', () => {
33
- const value = resolveComputedTokenValue(preset, preset.$.mode.spacing.sm.name, {
33
+ const value = resolveComputedTokenValue(preset, preset.$.mode.space.sm.name, {
34
34
  ...ctx,
35
35
  propertyValues: {
36
- [preset.$.mode.global.spacing.density.name]: css `calc(1 + 1)`,
36
+ [preset.$.mode.global.space.density.name]: css `calc(1 + 1)`,
37
37
  },
38
38
  });
39
39
  expect(value).toMatchInlineSnapshot(`"2px"`);
@@ -1 +1 @@
1
- {"version":3,"file":"resolveComputedTokenValue.test.js","sourceRoot":"","sources":["../../src/util/resolveComputedTokenValue.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E,MAAM,MAAM,GAAG,WAAW,CAAC;IAC1B,KAAK,EAAE;QACN,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE;YACP,GAAG,EAAE;gBACJ,GAAG,EAAE,CAAC;aACN;SACD;KACD;CACD,CAAC,CAAC;AAEH,MAAM,GAAG,GAAyB;IACjC,UAAU;CACV,CAAC;AAEF,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;IAChD,MAAM,KAAK,GAAG,yBAAyB,CACtC,MAAM,EACN,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAC7B,GAAG,CACH,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;IAC7D,MAAM,KAAK,GAAG,yBAAyB,CACtC,MAAM,EACN,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAC7B;QACC,GAAG,GAAG;QACN,cAAc,EAAE;YACf,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG;SAChD;KACD,CACD,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;IAChE,MAAM,KAAK,GAAG,yBAAyB,CACtC,MAAM,EACN,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAC7B;QACC,GAAG,GAAG;QACN,cAAc,EAAE;YACf,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAA,aAAa;SAC7D;KACD,CACD,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IAClD,MAAM,CACL,yBAAyB,CAAC,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,CACvD,CAAC,aAAa,EAAE,CAAC;AACnB,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"resolveComputedTokenValue.test.js","sourceRoot":"","sources":["../../src/util/resolveComputedTokenValue.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAwB,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E,MAAM,MAAM,GAAG,WAAW,CAAC;IAC1B,KAAK,EAAE;QACN,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE;YACP,GAAG,EAAE;gBACJ,GAAG,EAAE,CAAC;aACN;SACD;KACD;CACD,CAAC,CAAC;AAEH,MAAM,GAAG,GAAyB;IACjC,UAAU;CACV,CAAC;AAEF,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;IAChD,MAAM,KAAK,GAAG,yBAAyB,CACtC,MAAM,EACN,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAC3B,GAAG,CACH,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;IAC7D,MAAM,KAAK,GAAG,yBAAyB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE;QAC5E,GAAG,GAAG;QACN,cAAc,EAAE;YACf,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG;SAC9C;KACD,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;IAChE,MAAM,KAAK,GAAG,yBAAyB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE;QAC5E,GAAG,GAAG;QACN,cAAc,EAAE;YACf,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAA,aAAa;SAC3D;KACD,CAAC,CAAC;IAEH,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IAClD,MAAM,CACL,yBAAyB,CAAC,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,CACvD,CAAC,aAAa,EAAE,CAAC;AACnB,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arbor-css/core",
3
- "version": "0.0.128",
3
+ "version": "0.0.131",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -55,13 +55,13 @@
55
55
  "lil-gui": "^0.21.0",
56
56
  "lit-element": "^4.2.2",
57
57
  "yargs": "^18.0.0",
58
- "@arbor-css/css-eval": "0.0.128",
59
- "@arbor-css/globals": "0.0.128",
60
- "@arbor-css/preset": "0.0.128",
61
- "@arbor-css/tokens": "0.0.128",
62
- "@arbor-css/util": "0.0.128",
63
- "@arbor-css/modes": "0.0.128",
64
- "@arbor-css/functions": "0.0.128"
58
+ "@arbor-css/functions": "0.0.131",
59
+ "@arbor-css/globals": "0.0.131",
60
+ "@arbor-css/modes": "0.0.131",
61
+ "@arbor-css/preset": "0.0.131",
62
+ "@arbor-css/tokens": "0.0.131",
63
+ "@arbor-css/css-eval": "0.0.131",
64
+ "@arbor-css/util": "0.0.131"
65
65
  },
66
66
  "scripts": {
67
67
  "build": "tsc",
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/intents/text.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;CAItB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/intents/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,gBAAgB,CAAC;IAC3C,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,kBAAkB;IAC7B,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}
@@ -1,10 +0,0 @@
1
- export declare const easingPrimitives: {
2
- $root: {
3
- purpose: "easing-function";
4
- description: string;
5
- };
6
- tight: "easing-function";
7
- medium: "easing-function";
8
- loose: "easing-function";
9
- };
10
- //# sourceMappingURL=easing.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/primitives/easing.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;CAQ3B,CAAC"}
@@ -1,11 +0,0 @@
1
- import { createModeSchema } from '@arbor-css/modes';
2
- export const easingPrimitives = createModeSchema({
3
- $root: {
4
- purpose: 'easing-function',
5
- description: 'A convenient reference for the "medium" easing',
6
- },
7
- tight: 'easing-function',
8
- medium: 'easing-function',
9
- loose: 'easing-function',
10
- });
11
- //# sourceMappingURL=easing.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/primitives/easing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;IAChD,KAAK,EAAE;QACN,OAAO,EAAE,iBAAiB;QAC1B,WAAW,EAAE,gDAAgD;KAC7D;IACD,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,iBAAiB;CACxB,CAAC,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/semantics/typography.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E9B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeSchema/semantics/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;IACnD,MAAM,EAAE;QACP,KAAK,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,qDAAqD;SAClE;QACD,IAAI,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,0DAA0D;SACvE;QACD,MAAM,EAAE;YACP,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,4CAA4C;SACzD;QACD,IAAI,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,uDAAuD;SACpE;KACD;IACD,IAAI,EAAE;QACL,KAAK,EAAE;YACN,OAAO,EAAE,WAAW;YACpB,WAAW,EAAE,+CAA+C;SAC5D;QACD,EAAE,EAAE;YACH,OAAO,EAAE,WAAW;YACpB,WAAW,EAAE,qDAAqD;SAClE;QACD,EAAE,EAAE;YACH,OAAO,EAAE,WAAW;YACpB,WAAW,EAAE,0CAA0C;SACvD;QACD,EAAE,EAAE;YACH,OAAO,EAAE,WAAW;YACpB,WAAW,EAAE,mDAAmD;SAChE;KACD;IACD,UAAU,EAAE;QACX,KAAK,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,qDAAqD;SAClE;QACD,KAAK,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,WAAW,EACV,mEAAmE;SACpE;QACD,MAAM,EAAE;YACP,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,4CAA4C;SACzD;QACD,KAAK,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,WAAW,EACV,2EAA2E;SAC5E;KACD;IACD,aAAa,EAAE;QACd,KAAK,EAAE;YACN,OAAO,EAAE,gBAAgB;YACzB,WAAW,EAAE,wDAAwD;SACrE;QACD,KAAK,EAAE;YACN,OAAO,EAAE,gBAAgB;YACzB,WAAW,EACV,sEAAsE;SACvE;QACD,MAAM,EAAE;YACP,OAAO,EAAE,gBAAgB;YACzB,WAAW,EAAE,+CAA+C;SAC5D;QACD,KAAK,EAAE;YACN,OAAO,EAAE,gBAAgB;YACzB,WAAW,EACV,8EAA8E;SAC/E;KACD;CACD,CAAC,CAAC"}