@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.
- package/dist/cli/introspection.test.js +4 -4
- package/dist/cli/introspection.test.js.map +1 -1
- package/dist/cli/validate.test.js +4 -4
- package/dist/cli/validate.test.js.map +1 -1
- package/dist/getStructuredTokensMap.test.js +1 -1
- package/dist/getStructuredTokensMap.test.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/global.d.ts +1 -1
- package/dist/presets/arborPreset/modeSchema/global.js +1 -1
- package/dist/presets/arborPreset/modeSchema/global.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +7 -0
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.js +2 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +7 -0
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.js +2 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/{text.d.ts → prose.d.ts} +2 -2
- package/dist/presets/arborPreset/modeSchema/intents/prose.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/{text.js → prose.js} +2 -2
- package/dist/presets/arborPreset/modeSchema/intents/prose.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +7 -0
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/surface.js +2 -1
- package/dist/presets/arborPreset/modeSchema/intents/surface.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +61 -4
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.js +5 -5
- package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts +54 -0
- package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/semantics/easing.js +6 -1
- package/dist/presets/arborPreset/modeSchema/semantics/easing.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/semantics/{typography.d.ts → text.d.ts} +2 -2
- package/dist/presets/arborPreset/modeSchema/semantics/text.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/semantics/{typography.js → text.js} +2 -2
- package/dist/presets/arborPreset/modeSchema/semantics/text.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/intents.d.ts +22 -1
- package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/intents.js +66 -19
- package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +120 -0
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.js +32 -12
- package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.js +1 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.js +1 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.js +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -1
- package/dist/presets/arborPreset/preset.d.ts +80 -13
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.js +98 -35
- package/dist/presets/arborPreset/preset.js.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +13 -0
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts.map +1 -1
- package/dist/rendering/generateStylesheet.d.ts.map +1 -1
- package/dist/rendering/generateStylesheet.js +3 -0
- package/dist/rendering/generateStylesheet.js.map +1 -1
- package/dist/runtime/components/FunctionsList.d.ts.map +1 -1
- package/dist/runtime/components/FunctionsList.js +10 -13
- package/dist/runtime/components/FunctionsList.js.map +1 -1
- package/dist/runtime/components/IntentDemos.js +15 -15
- package/dist/runtime/components/LiveEditor.js +8 -8
- package/dist/runtime/components/MixinsList.d.ts.map +1 -1
- package/dist/runtime/components/MixinsList.js +10 -13
- package/dist/runtime/components/MixinsList.js.map +1 -1
- package/dist/runtime/components/ModeGraph.js +12 -12
- package/dist/runtime/components/SpacingScale.js +2 -2
- package/dist/runtime/components/SpacingScale.js.map +1 -1
- package/dist/runtime/components/SystemDemo.js +1 -1
- package/dist/runtime/tokenGroups.d.ts.map +1 -1
- package/dist/util/buildModeTokenGraph.test.js +2 -2
- package/dist/util/buildModeTokenGraph.test.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.test.js +5 -5
- package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
- package/package.json +8 -8
- package/dist/presets/arborPreset/modeSchema/intents/text.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/text.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts +0 -10
- package/dist/presets/arborPreset/modeSchema/primitives/easing.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/easing.js +0 -11
- package/dist/presets/arborPreset/modeSchema/primitives/easing.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/typography.d.ts.map +0 -1
- 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-
|
|
22
|
+
var(--m-prose-primary-size, 1.5rem)
|
|
23
23
|
);
|
|
24
24
|
font-weight: var(
|
|
25
25
|
--functionsList-title-weight,
|
|
26
|
-
var(--m-
|
|
26
|
+
var(--m-prose-primary-weight, bold)
|
|
27
27
|
);
|
|
28
28
|
font-family: var(
|
|
29
29
|
--functionsList-title-font,
|
|
30
|
-
var(--m-
|
|
30
|
+
var(--m-prose-primary-font, sans-serif)
|
|
31
31
|
);
|
|
32
32
|
margin-bottom: var(
|
|
33
33
|
--functionsList-title-margin-bottom,
|
|
34
|
-
var(--m-
|
|
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-
|
|
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-
|
|
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-
|
|
87
|
+
var(--m-text-weight-bold, bold)
|
|
91
88
|
);
|
|
92
89
|
font-family: var(
|
|
93
90
|
--functionsList-item-name-font,
|
|
94
|
-
var(--m-
|
|
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-
|
|
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;;
|
|
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-
|
|
8
|
+
gap: var(--m-space-lg);
|
|
9
9
|
box-sizing: border-box;
|
|
10
10
|
width: 100%;
|
|
11
|
-
padding: var(--m-
|
|
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-
|
|
64
|
-
font-weight: var(--m-
|
|
65
|
-
font-family: var(--m-
|
|
66
|
-
letter-spacing: var(--m-
|
|
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-
|
|
70
|
-
font-weight: var(--m-
|
|
71
|
-
font-family: var(--m-
|
|
72
|
-
letter-spacing: var(--m-
|
|
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-
|
|
77
|
-
font-weight: var(--m-
|
|
78
|
-
font-family: var(--m-
|
|
79
|
-
letter-spacing: var(--m-
|
|
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-
|
|
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-
|
|
30
|
-
padding: var(--m-
|
|
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-
|
|
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-
|
|
73
|
-
padding: var(--m-
|
|
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-
|
|
84
|
+
gap: var(--m-space-xs);
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.token-name {
|
|
88
|
-
font-size: var(--m-
|
|
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-
|
|
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":"
|
|
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-
|
|
22
|
+
var(--m-prose-primary-size, 1.5rem)
|
|
23
23
|
);
|
|
24
24
|
font-weight: var(
|
|
25
25
|
--functionsList-title-weight,
|
|
26
|
-
var(--m-
|
|
26
|
+
var(--m-prose-primary-weight, bold)
|
|
27
27
|
);
|
|
28
28
|
font-family: var(
|
|
29
29
|
--functionsList-title-font,
|
|
30
|
-
var(--m-
|
|
30
|
+
var(--m-prose-primary-font, sans-serif)
|
|
31
31
|
);
|
|
32
32
|
margin-bottom: var(
|
|
33
33
|
--functionsList-title-margin-bottom,
|
|
34
|
-
var(--m-
|
|
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-
|
|
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-
|
|
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-
|
|
87
|
+
var(--m-text-weight-bold, bold)
|
|
91
88
|
);
|
|
92
89
|
font-family: var(
|
|
93
90
|
--functionsList-item-name-font,
|
|
94
|
-
var(--m-
|
|
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-
|
|
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;;
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
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,
|
|
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"}
|
|
@@ -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;;;;;;;;;;;;;;;
|
|
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: {
|
|
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-
|
|
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.
|
|
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.
|
|
24
|
+
const value = resolveComputedTokenValue(preset, preset.$.mode.space.sm.name, {
|
|
25
25
|
...ctx,
|
|
26
26
|
propertyValues: {
|
|
27
|
-
[preset.$.mode.global.
|
|
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.
|
|
33
|
+
const value = resolveComputedTokenValue(preset, preset.$.mode.space.sm.name, {
|
|
34
34
|
...ctx,
|
|
35
35
|
propertyValues: {
|
|
36
|
-
[preset.$.mode.global.
|
|
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,
|
|
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.
|
|
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/
|
|
59
|
-
"@arbor-css/globals": "0.0.
|
|
60
|
-
"@arbor-css/
|
|
61
|
-
"@arbor-css/
|
|
62
|
-
"@arbor-css/
|
|
63
|
-
"@arbor-css/
|
|
64
|
-
"@arbor-css/
|
|
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 +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"}
|