@arbor-css/core 0.0.108 → 0.0.111
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 +3 -3
- package/dist/cli/introspection.test.js.map +1 -1
- package/dist/cli/run.js +15 -6
- package/dist/cli/run.js.map +1 -1
- package/dist/cli/validate.test.js +3 -3
- 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/index.d.ts +3 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/global.d.ts +119 -31
- package/dist/presets/arborPreset/modeSchema/global.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/global.js +117 -31
- package/dist/presets/arborPreset/modeSchema/global.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +3 -3
- package/dist/presets/arborPreset/modeSchema/intents/common.d.ts +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/common.js +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/common.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +1 -1
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +3 -3
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +124 -38
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/color.d.ts +15 -23
- package/dist/presets/arborPreset/modeValues/color/color.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/color.js +4 -12
- package/dist/presets/arborPreset/modeValues/color/color.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts +5 -9
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/compile.js +4 -4
- package/dist/presets/arborPreset/modeValues/color/compile.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/compile.test.js +43 -40
- package/dist/presets/arborPreset/modeValues/color/compile.test.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts +12 -12
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.js +9 -7
- package/dist/presets/arborPreset/modeValues/color/ranges.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/intents.d.ts +45 -45
- package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/intents.js +7 -7
- package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +57 -57
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.js +15 -15
- package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts +9 -16
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.js +16 -23
- package/dist/presets/arborPreset/modeValues/shadow/index.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts +5 -22
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.js +2 -2
- package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts +9 -41
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.js +10 -7
- package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -1
- package/dist/presets/arborPreset/preset.d.ts +218 -43
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.js +171 -156
- package/dist/presets/arborPreset/preset.js.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +18 -4
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.d.ts +9 -9
- package/dist/presets/basicPreset/commonFunctions.d.ts.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.js +14 -14
- package/dist/presets/basicPreset/commonFunctions.js.map +1 -1
- package/dist/presets/basicPreset/functions.test.js +12 -10
- package/dist/presets/basicPreset/functions.test.js.map +1 -1
- package/dist/presets/basicPreset/mixins.d.ts +3 -3
- package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
- package/dist/presets/basicPreset/mixins.js +40 -63
- package/dist/presets/basicPreset/mixins.js.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts +1 -1
- package/dist/presets/basicPreset/preset.d.ts.map +1 -1
- package/dist/presets/basicPreset/preset.js +6 -6
- package/dist/presets/basicPreset/preset.js.map +1 -1
- package/dist/publicResolve.d.ts +5 -0
- package/dist/publicResolve.d.ts.map +1 -0
- package/dist/publicResolve.js +11 -0
- package/dist/publicResolve.js.map +1 -0
- package/dist/runtime/components/ColorSwatch.d.ts +2 -0
- package/dist/runtime/components/ColorSwatch.d.ts.map +1 -0
- package/dist/runtime/components/ColorSwatch.js +39 -0
- package/dist/runtime/components/ColorSwatch.js.map +1 -0
- package/dist/runtime/components/FunctionsList.js +1 -1
- package/dist/runtime/components/MixinsList.js +1 -1
- package/dist/runtime/components/ModeGraph.d.ts.map +1 -1
- package/dist/runtime/components/ModeGraph.js +93 -46
- package/dist/runtime/components/ModeGraph.js.map +1 -1
- package/dist/runtime/components/Outputs.d.ts.map +1 -1
- package/dist/runtime/components/Outputs.js +2 -1
- package/dist/runtime/components/Outputs.js.map +1 -1
- package/dist/runtime/components/SpacingScale.js +2 -2
- package/dist/runtime/components/SpacingScale.js.map +1 -1
- package/dist/runtime/components/SystemDemo.d.ts +2 -0
- package/dist/runtime/components/SystemDemo.d.ts.map +1 -0
- package/dist/runtime/components/SystemDemo.js +32 -0
- package/dist/runtime/components/SystemDemo.js.map +1 -0
- package/dist/runtime/components/index.d.ts.map +1 -1
- package/dist/runtime/components/index.js +4 -0
- package/dist/runtime/components/index.js.map +1 -1
- package/dist/runtime/registration.d.ts +5 -1
- package/dist/runtime/registration.d.ts.map +1 -1
- package/dist/runtime/registration.js +32 -1
- package/dist/runtime/registration.js.map +1 -1
- package/dist/runtime/tokenGroups.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.d.ts +3 -1
- package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.js +2 -2
- package/dist/stylesheet/generateStylesheet.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.test.js +4 -4
- package/dist/stylesheet/generateStylesheet.test.js.map +1 -1
- package/dist/stylesheet/modeToCss.d.ts +2 -3
- package/dist/stylesheet/modeToCss.d.ts.map +1 -1
- package/dist/stylesheet/modeToCss.js +2 -4
- package/dist/stylesheet/modeToCss.js.map +1 -1
- package/dist/stylesheet/modeToCss.test.js +10 -9
- package/dist/stylesheet/modeToCss.test.js.map +1 -1
- package/dist/util/buildModeTokenGraph.d.ts +4 -1
- package/dist/util/buildModeTokenGraph.d.ts.map +1 -1
- package/dist/util/buildModeTokenGraph.js +16 -10
- package/dist/util/buildModeTokenGraph.js.map +1 -1
- package/dist/util/buildModeTokenGraph.test.js +9 -4
- package/dist/util/buildModeTokenGraph.test.js.map +1 -1
- package/dist/util/flattenAndApplyTokenValues.d.ts +2 -1
- package/dist/util/flattenAndApplyTokenValues.d.ts.map +1 -1
- package/dist/util/flattenAndApplyTokenValues.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.d.ts +2 -4
- package/dist/util/resolveComputedTokenValue.d.ts.map +1 -1
- package/dist/util/resolveComputedTokenValue.js +11 -13
- package/dist/util/resolveComputedTokenValue.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.test.js +20 -10
- package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
- package/package.json +8 -8
- package/dist/runtime/componentsOld/BaseElement.d.ts +0 -8
- package/dist/runtime/componentsOld/BaseElement.d.ts.map +0 -1
- package/dist/runtime/componentsOld/BaseElement.js +0 -14
- package/dist/runtime/componentsOld/BaseElement.js.map +0 -1
- package/dist/runtime/componentsOld/ModeSelector.d.ts +0 -2
- package/dist/runtime/componentsOld/ModeSelector.d.ts.map +0 -1
- package/dist/runtime/componentsOld/ModeSelector.js +0 -36
- package/dist/runtime/componentsOld/ModeSelector.js.map +0 -1
- package/dist/runtime/componentsOld/SchemeSelector.d.ts +0 -2
- package/dist/runtime/componentsOld/SchemeSelector.d.ts.map +0 -1
- package/dist/runtime/componentsOld/SchemeSelector.js +0 -34
- package/dist/runtime/componentsOld/SchemeSelector.js.map +0 -1
- package/dist/runtime/componentsOld/SystemDemo.d.ts +0 -2
- package/dist/runtime/componentsOld/SystemDemo.d.ts.map +0 -1
- package/dist/runtime/componentsOld/SystemDemo.js +0 -45
- package/dist/runtime/componentsOld/SystemDemo.js.map +0 -1
- package/dist/runtime/componentsOld/TokenColorValuePreview.d.ts +0 -2
- package/dist/runtime/componentsOld/TokenColorValuePreview.d.ts.map +0 -1
- package/dist/runtime/componentsOld/TokenColorValuePreview.js +0 -12
- package/dist/runtime/componentsOld/TokenColorValuePreview.js.map +0 -1
- package/dist/runtime/componentsOld/TokenFontValuesPreview.d.ts +0 -2
- package/dist/runtime/componentsOld/TokenFontValuesPreview.d.ts.map +0 -1
- package/dist/runtime/componentsOld/TokenFontValuesPreview.js +0 -14
- package/dist/runtime/componentsOld/TokenFontValuesPreview.js.map +0 -1
- package/dist/runtime/componentsOld/TokenShadowValuePreview.d.ts +0 -2
- package/dist/runtime/componentsOld/TokenShadowValuePreview.d.ts.map +0 -1
- package/dist/runtime/componentsOld/TokenShadowValuePreview.js +0 -14
- package/dist/runtime/componentsOld/TokenShadowValuePreview.js.map +0 -1
- package/dist/runtime/componentsOld/TokenSizeValuePreview.d.ts +0 -2
- package/dist/runtime/componentsOld/TokenSizeValuePreview.d.ts.map +0 -1
- package/dist/runtime/componentsOld/TokenSizeValuePreview.js +0 -12
- package/dist/runtime/componentsOld/TokenSizeValuePreview.js.map +0 -1
- package/dist/runtime/componentsOld/TokenValuePreview.d.ts +0 -2
- package/dist/runtime/componentsOld/TokenValuePreview.d.ts.map +0 -1
- package/dist/runtime/componentsOld/TokenValuePreview.js +0 -25
- package/dist/runtime/componentsOld/TokenValuePreview.js.map +0 -1
- package/dist/runtime/componentsOld/TokenValues.d.ts +0 -2
- package/dist/runtime/componentsOld/TokenValues.d.ts.map +0 -1
- package/dist/runtime/componentsOld/TokenValues.js +0 -103
- package/dist/runtime/componentsOld/TokenValues.js.map +0 -1
- package/dist/runtime/componentsOld/index.d.ts +0 -11
- package/dist/runtime/componentsOld/index.d.ts.map +0 -1
- package/dist/runtime/componentsOld/index.js +0 -11
- package/dist/runtime/componentsOld/index.js.map +0 -1
- package/dist/util/printTokens.d.ts +0 -5
- package/dist/util/printTokens.d.ts.map +0 -1
- package/dist/util/printTokens.js +0 -6
- package/dist/util/printTokens.js.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Tokens } from './types.js';
|
|
2
2
|
export declare function createShadowLevelSemanticValues<TColorName extends string>($: Tokens<TColorName>, size: 'none' | 'sm' | 'md' | 'lg' | 'xl'): {
|
|
3
|
-
$root: import("@arbor-css/
|
|
4
|
-
x: import("@arbor-css/
|
|
5
|
-
y: import("@arbor-css/
|
|
6
|
-
blur: import("@arbor-css/
|
|
7
|
-
spread: import("@arbor-css/
|
|
8
|
-
color: import("@arbor-css/
|
|
3
|
+
$root: import("@arbor-css/css-eval").Css;
|
|
4
|
+
x: import("@arbor-css/css-eval").Css;
|
|
5
|
+
y: import("@arbor-css/css-eval").Css;
|
|
6
|
+
blur: import("@arbor-css/css-eval").Css;
|
|
7
|
+
spread: import("@arbor-css/css-eval").Css;
|
|
8
|
+
color: import("@arbor-css/css-eval").Css;
|
|
9
9
|
};
|
|
10
10
|
export declare function createSpacingSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
|
|
11
11
|
$root: {
|
|
@@ -57,54 +57,54 @@ export declare function createSpacingSemanticValues<TColorName extends string>($
|
|
|
57
57
|
prefixed: any;
|
|
58
58
|
};
|
|
59
59
|
};
|
|
60
|
-
xs: import("@arbor-css/
|
|
61
|
-
sm: import("@arbor-css/
|
|
62
|
-
md: import("@arbor-css/
|
|
63
|
-
lg: import("@arbor-css/
|
|
64
|
-
xl: import("@arbor-css/
|
|
60
|
+
xs: import("@arbor-css/css-eval").Css;
|
|
61
|
+
sm: import("@arbor-css/css-eval").Css;
|
|
62
|
+
md: import("@arbor-css/css-eval").Css;
|
|
63
|
+
lg: import("@arbor-css/css-eval").Css;
|
|
64
|
+
xl: import("@arbor-css/css-eval").Css;
|
|
65
65
|
};
|
|
66
66
|
export declare function createShadowSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
|
|
67
|
-
$root: import("@arbor-css/
|
|
68
|
-
color: import("@arbor-css/
|
|
67
|
+
$root: import("@arbor-css/css-eval").Css;
|
|
68
|
+
color: import("@arbor-css/css-eval").Css;
|
|
69
69
|
none: {
|
|
70
|
-
$root: import("@arbor-css/
|
|
71
|
-
x: import("@arbor-css/
|
|
72
|
-
y: import("@arbor-css/
|
|
73
|
-
blur: import("@arbor-css/
|
|
74
|
-
spread: import("@arbor-css/
|
|
75
|
-
color: import("@arbor-css/
|
|
70
|
+
$root: import("@arbor-css/css-eval").Css;
|
|
71
|
+
x: import("@arbor-css/css-eval").Css;
|
|
72
|
+
y: import("@arbor-css/css-eval").Css;
|
|
73
|
+
blur: import("@arbor-css/css-eval").Css;
|
|
74
|
+
spread: import("@arbor-css/css-eval").Css;
|
|
75
|
+
color: import("@arbor-css/css-eval").Css;
|
|
76
76
|
};
|
|
77
77
|
sm: {
|
|
78
|
-
$root: import("@arbor-css/
|
|
79
|
-
x: import("@arbor-css/
|
|
80
|
-
y: import("@arbor-css/
|
|
81
|
-
blur: import("@arbor-css/
|
|
82
|
-
spread: import("@arbor-css/
|
|
83
|
-
color: import("@arbor-css/
|
|
78
|
+
$root: import("@arbor-css/css-eval").Css;
|
|
79
|
+
x: import("@arbor-css/css-eval").Css;
|
|
80
|
+
y: import("@arbor-css/css-eval").Css;
|
|
81
|
+
blur: import("@arbor-css/css-eval").Css;
|
|
82
|
+
spread: import("@arbor-css/css-eval").Css;
|
|
83
|
+
color: import("@arbor-css/css-eval").Css;
|
|
84
84
|
};
|
|
85
85
|
md: {
|
|
86
|
-
$root: import("@arbor-css/
|
|
87
|
-
x: import("@arbor-css/
|
|
88
|
-
y: import("@arbor-css/
|
|
89
|
-
blur: import("@arbor-css/
|
|
90
|
-
spread: import("@arbor-css/
|
|
91
|
-
color: import("@arbor-css/
|
|
86
|
+
$root: import("@arbor-css/css-eval").Css;
|
|
87
|
+
x: import("@arbor-css/css-eval").Css;
|
|
88
|
+
y: import("@arbor-css/css-eval").Css;
|
|
89
|
+
blur: import("@arbor-css/css-eval").Css;
|
|
90
|
+
spread: import("@arbor-css/css-eval").Css;
|
|
91
|
+
color: import("@arbor-css/css-eval").Css;
|
|
92
92
|
};
|
|
93
93
|
lg: {
|
|
94
|
-
$root: import("@arbor-css/
|
|
95
|
-
x: import("@arbor-css/
|
|
96
|
-
y: import("@arbor-css/
|
|
97
|
-
blur: import("@arbor-css/
|
|
98
|
-
spread: import("@arbor-css/
|
|
99
|
-
color: import("@arbor-css/
|
|
94
|
+
$root: import("@arbor-css/css-eval").Css;
|
|
95
|
+
x: import("@arbor-css/css-eval").Css;
|
|
96
|
+
y: import("@arbor-css/css-eval").Css;
|
|
97
|
+
blur: import("@arbor-css/css-eval").Css;
|
|
98
|
+
spread: import("@arbor-css/css-eval").Css;
|
|
99
|
+
color: import("@arbor-css/css-eval").Css;
|
|
100
100
|
};
|
|
101
101
|
xl: {
|
|
102
|
-
$root: import("@arbor-css/
|
|
103
|
-
x: import("@arbor-css/
|
|
104
|
-
y: import("@arbor-css/
|
|
105
|
-
blur: import("@arbor-css/
|
|
106
|
-
spread: import("@arbor-css/
|
|
107
|
-
color: import("@arbor-css/
|
|
102
|
+
$root: import("@arbor-css/css-eval").Css;
|
|
103
|
+
x: import("@arbor-css/css-eval").Css;
|
|
104
|
+
y: import("@arbor-css/css-eval").Css;
|
|
105
|
+
blur: import("@arbor-css/css-eval").Css;
|
|
106
|
+
spread: import("@arbor-css/css-eval").Css;
|
|
107
|
+
color: import("@arbor-css/css-eval").Css;
|
|
108
108
|
};
|
|
109
109
|
};
|
|
110
110
|
export declare function createColorSemanticValues<TColorName extends string>($: Tokens<TColorName>, defaultColor: TColorName): {
|
|
@@ -1683,11 +1683,11 @@ export declare function createRadiusSemanticValues<TColorName extends string>($:
|
|
|
1683
1683
|
prefixed: any;
|
|
1684
1684
|
};
|
|
1685
1685
|
};
|
|
1686
|
-
xs: import("@arbor-css/
|
|
1687
|
-
sm: import("@arbor-css/
|
|
1688
|
-
md: import("@arbor-css/
|
|
1689
|
-
lg: import("@arbor-css/
|
|
1690
|
-
xl: import("@arbor-css/
|
|
1686
|
+
xs: import("@arbor-css/css-eval").Css;
|
|
1687
|
+
sm: import("@arbor-css/css-eval").Css;
|
|
1688
|
+
md: import("@arbor-css/css-eval").Css;
|
|
1689
|
+
lg: import("@arbor-css/css-eval").Css;
|
|
1690
|
+
xl: import("@arbor-css/css-eval").Css;
|
|
1691
1691
|
};
|
|
1692
1692
|
export declare function createLineWidthSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
|
|
1693
1693
|
$root: {
|
|
@@ -1739,9 +1739,9 @@ export declare function createLineWidthSemanticValues<TColorName extends string>
|
|
|
1739
1739
|
prefixed: any;
|
|
1740
1740
|
};
|
|
1741
1741
|
};
|
|
1742
|
-
sm: import("@arbor-css/
|
|
1743
|
-
md: import("@arbor-css/
|
|
1744
|
-
lg: import("@arbor-css/
|
|
1742
|
+
sm: import("@arbor-css/css-eval").Css;
|
|
1743
|
+
md: import("@arbor-css/css-eval").Css;
|
|
1744
|
+
lg: import("@arbor-css/css-eval").Css;
|
|
1745
1745
|
};
|
|
1746
1746
|
export declare function createEasingSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
|
|
1747
1747
|
$root: {
|
|
@@ -1793,9 +1793,9 @@ export declare function createEasingSemanticValues<TColorName extends string>($:
|
|
|
1793
1793
|
prefixed: any;
|
|
1794
1794
|
};
|
|
1795
1795
|
};
|
|
1796
|
-
tight: import("@arbor-css/
|
|
1797
|
-
medium: import("@arbor-css/
|
|
1798
|
-
loose: import("@arbor-css/
|
|
1796
|
+
tight: import("@arbor-css/css-eval").Css;
|
|
1797
|
+
medium: import("@arbor-css/css-eval").Css;
|
|
1798
|
+
loose: import("@arbor-css/css-eval").Css;
|
|
1799
1799
|
};
|
|
1800
1800
|
export declare function createDurationSemanticValues<TColorName extends string>($: Tokens<TColorName>): {
|
|
1801
1801
|
$root: {
|
|
@@ -1847,8 +1847,8 @@ export declare function createDurationSemanticValues<TColorName extends string>(
|
|
|
1847
1847
|
prefixed: any;
|
|
1848
1848
|
};
|
|
1849
1849
|
};
|
|
1850
|
-
short: import("@arbor-css/
|
|
1851
|
-
medium: import("@arbor-css/
|
|
1852
|
-
long: import("@arbor-css/
|
|
1850
|
+
short: import("@arbor-css/css-eval").Css;
|
|
1851
|
+
medium: import("@arbor-css/css-eval").Css;
|
|
1852
|
+
long: import("@arbor-css/css-eval").Css;
|
|
1853
1853
|
};
|
|
1854
1854
|
//# sourceMappingURL=semantics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantics.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,wBAAgB,+BAA+B,CAAC,UAAU,SAAS,MAAM,EACxE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EACrB,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;;;;;;;EAyBxC;AAED,wBAAgB,2BAA2B,CAAC,UAAU,SAAS,MAAM,EACpE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"semantics.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,wBAAgB,+BAA+B,CAAC,UAAU,SAAS,MAAM,EACxE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EACrB,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;;;;;;;EAyBxC;AAED,wBAAgB,2BAA2B,CAAC,UAAU,SAAS,MAAM,EACpE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;sCAwEpB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;EA9E/tB;AAED,wBAAgB,0BAA0B,CAAC,UAAU,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBrB;AAED,wBAAgB,yBAAyB,CAAC,UAAU,SAAS,MAAM,EAClE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EACrB,YAAY,EAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAuCvB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAhB9tB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;0CAhB9tB,CAAD;0BACI,CAAC;;;;;;;;;;;;;8CAe0D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhB9tB,CAAD;0BACI,CAAC;;;;;;;;;;;;;8CAe0D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhB9tB,CAAD;0BACI,CAAC;;;;;;;;;;;;;8CAe0D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhB9tB,CAAD;0BACI,CAAC;;;;;;;;;;;;;8CAe0D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhB9tB,CAAD;0BACI,CAAC;;;;;;;;;;;;;8CAe0D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhB9tB,CAAD;0BACI,CAAC;;;;;;;;;;;;;8CAe0D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhB9tB,CAAD;0BACI,CAAC;;;;;;;;;;;;;8CAe0D,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;EA/C/tB;AAED,wBAAgB,0BAA0B,CAAC,UAAU,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;sCA4BpB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;;;EAlC/tB;AAED,wBAAgB,6BAA6B,CAAC,UAAU,SAAS,MAAM,EACtE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;sCAepB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;EAvB/tB;AAED,wBAAgB,0BAA0B,CAAC,UAAU,SAAS,MAAM,EACnE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;sCAIpB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;EAZ/tB;AAED,wBAAgB,4BAA4B,CAAC,UAAU,SAAS,MAAM,EACrE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;sCAPpB,CAAD;sBACI,CAAC;;;;;;;;;;;;;0CAe0D,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;;;0CAAojB,CAAC;0BAAoD,CAAC;;;;;;;;;EAD/tB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css } from '@arbor-css/
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
2
|
export function createShadowLevelSemanticValues($, size) {
|
|
3
3
|
return {
|
|
4
4
|
$root: css `
|
|
@@ -21,17 +21,17 @@ export function createShadowLevelSemanticValues($, size) {
|
|
|
21
21
|
color: css `oklch(from ${[
|
|
22
22
|
$.mode.shadow.color,
|
|
23
23
|
$.mode.primitive.shadow[size].color,
|
|
24
|
-
]} l c h / 15
|
|
24
|
+
]} l c h / 0.15)`,
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
export function createSpacingSemanticValues($) {
|
|
28
28
|
return {
|
|
29
29
|
$root: $.mode.spacing.md,
|
|
30
|
-
xs: css `calc(${$.mode.primitive.spacing.xs} / ${$.mode.global.density})`,
|
|
31
|
-
sm: css `calc(${$.mode.primitive.spacing.sm} / ${$.mode.global.density})`,
|
|
32
|
-
md: css `calc(${$.mode.primitive.spacing.md} / ${$.mode.global.density})`,
|
|
33
|
-
lg: css `calc(${$.mode.primitive.spacing.lg} / ${$.mode.global.density})`,
|
|
34
|
-
xl: css `calc(${$.mode.primitive.spacing.xl} / ${$.mode.global.density})`,
|
|
30
|
+
xs: css `calc(${$.mode.primitive.spacing.xs} / ${$.mode.global.spacing.density})`,
|
|
31
|
+
sm: css `calc(${$.mode.primitive.spacing.sm} / ${$.mode.global.spacing.density})`,
|
|
32
|
+
md: css `calc(${$.mode.primitive.spacing.md} / ${$.mode.global.spacing.density})`,
|
|
33
|
+
lg: css `calc(${$.mode.primitive.spacing.lg} / ${$.mode.global.spacing.density})`,
|
|
34
|
+
xl: css `calc(${$.mode.primitive.spacing.xl} / ${$.mode.global.spacing.density})`,
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
export function createShadowSemanticValues($) {
|
|
@@ -59,19 +59,19 @@ export function createColorSemanticValues($, defaultColor) {
|
|
|
59
59
|
export function createRadiusSemanticValues($) {
|
|
60
60
|
return {
|
|
61
61
|
$root: $.mode.radius.md,
|
|
62
|
-
xs: css `calc(${$.mode.global.roundness} * ${$.mode.primitive.spacing.sm} / ${$.mode.global.density})`,
|
|
63
|
-
sm: css `calc(${$.mode.global.roundness} * ${$.mode.primitive.spacing.md} / ${$.mode.global.density})`,
|
|
64
|
-
md: css `calc(${$.mode.global.roundness} * ${$.mode.primitive.spacing.lg} / ${$.mode.global.density})`,
|
|
65
|
-
lg: css `calc(${$.mode.global.roundness} * ${$.mode.primitive.spacing.xl} / ${$.mode.global.density})`,
|
|
66
|
-
xl: css `calc(${$.mode.global.roundness} * ${$.mode.primitive.spacing['2xl']} / ${$.mode.global.density})`,
|
|
62
|
+
xs: css `calc(${$.mode.global.shape.roundness} * ${$.mode.primitive.spacing.sm} / ${$.mode.global.spacing.density})`,
|
|
63
|
+
sm: css `calc(${$.mode.global.shape.roundness} * ${$.mode.primitive.spacing.md} / ${$.mode.global.spacing.density})`,
|
|
64
|
+
md: css `calc(${$.mode.global.shape.roundness} * ${$.mode.primitive.spacing.lg} / ${$.mode.global.spacing.density})`,
|
|
65
|
+
lg: css `calc(${$.mode.global.shape.roundness} * ${$.mode.primitive.spacing.xl} / ${$.mode.global.spacing.density})`,
|
|
66
|
+
xl: css `calc(${$.mode.global.shape.roundness} * ${$.mode.primitive.spacing['2xl']} / ${$.mode.global.spacing.density})`,
|
|
67
67
|
};
|
|
68
68
|
}
|
|
69
69
|
export function createLineWidthSemanticValues($) {
|
|
70
70
|
return {
|
|
71
71
|
$root: $.mode.lineWidth.md,
|
|
72
|
-
sm: css `calc(max(1px, ${$.mode.global.lineWidth} * 1px / 2))`,
|
|
73
|
-
md: css `calc(${$.mode.global.lineWidth} * 1px)`,
|
|
74
|
-
lg: css `calc(${$.mode.global.lineWidth} * 2px)`,
|
|
72
|
+
sm: css `calc(max(1px, ${$.mode.global.shape.lineWidth} * 1px / 2))`,
|
|
73
|
+
md: css `calc(${$.mode.global.shape.lineWidth} * 1px)`,
|
|
74
|
+
lg: css `calc(${$.mode.global.shape.lineWidth} * 2px)`,
|
|
75
75
|
};
|
|
76
76
|
}
|
|
77
77
|
export function createEasingSemanticValues($) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantics.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"semantics.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/semantics.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { Css } from '@arbor-css/css-eval';
|
|
2
|
+
import { ArborModeGlobalTokens } from '../../modeSchema/global.js';
|
|
3
3
|
export declare const defaultShadowLevels: readonly ["xs", "sm", "md", "lg", "xl"];
|
|
4
4
|
export type DefaultShadowLevel = (typeof defaultShadowLevels)[number];
|
|
5
5
|
export interface ShadowConfig<TShadowLevel extends string = DefaultShadowLevel> {
|
|
@@ -7,23 +7,16 @@ export interface ShadowConfig<TShadowLevel extends string = DefaultShadowLevel>
|
|
|
7
7
|
defaultLevel?: TShadowLevel;
|
|
8
8
|
}
|
|
9
9
|
export interface CompiledShadowLevel {
|
|
10
|
-
$root: string |
|
|
11
|
-
x: string |
|
|
12
|
-
y: string |
|
|
13
|
-
blur: string |
|
|
14
|
-
spread: string |
|
|
15
|
-
color: string |
|
|
10
|
+
$root: string | Css;
|
|
11
|
+
x: string | Css;
|
|
12
|
+
y: string | Css;
|
|
13
|
+
blur: string | Css;
|
|
14
|
+
spread: string | Css;
|
|
15
|
+
color: string | Css;
|
|
16
16
|
}
|
|
17
17
|
export declare function isCompiledShadowLevel(value: any): value is CompiledShadowLevel;
|
|
18
18
|
export type CompiledShadows<TShadowLevel extends string = DefaultShadowLevel> = {
|
|
19
19
|
[K in TShadowLevel | 'none']: CompiledShadowLevel;
|
|
20
20
|
};
|
|
21
|
-
|
|
22
|
-
shadowBlur: Token;
|
|
23
|
-
shadowSpread: Token;
|
|
24
|
-
baseSpacingSize: Token;
|
|
25
|
-
defaultShadowColor: Token;
|
|
26
|
-
};
|
|
27
|
-
export declare function compileShadows<TShadowLevel extends string = DefaultShadowLevel>(config: ShadowConfig<TShadowLevel>, tokens: RequiredTokens): CompiledShadows<TShadowLevel>;
|
|
28
|
-
export {};
|
|
21
|
+
export declare function compileShadows<TShadowLevel extends string = DefaultShadowLevel>(config: ShadowConfig<TShadowLevel>, tokens: ArborModeGlobalTokens): CompiledShadows<TShadowLevel>;
|
|
29
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/shadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/shadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,eAAO,MAAM,mBAAmB,yCAA0C,CAAC;AAC3E,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,MAAM,WAAW,YAAY,CAC5B,YAAY,SAAS,MAAM,GAAG,kBAAkB;IAEhD,MAAM,CAAC,EAAE,MAAM,CAAC,YAAY,GAAG,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC5D,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;IACpB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAChB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CACpC,KAAK,EAAE,GAAG,GACR,KAAK,IAAI,mBAAmB,CAM9B;AAED,MAAM,MAAM,eAAe,CAAC,YAAY,SAAS,MAAM,GAAG,kBAAkB,IAC3E;KACE,CAAC,IAAI,YAAY,GAAG,MAAM,GAAG,mBAAmB;CACjD,CAAC;AAkBH,wBAAgB,cAAc,CAC7B,YAAY,SAAS,MAAM,GAAG,kBAAkB,EAEhD,MAAM,EAAE,YAAY,CAAC,YAAY,CAAC,EAClC,MAAM,EAAE,qBAAqB,GAC3B,eAAe,CAAC,YAAY,CAAC,CA0C/B"}
|
|
@@ -1,43 +1,36 @@
|
|
|
1
|
-
import { css } from '@arbor-css/
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
2
|
export const defaultShadowLevels = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
3
3
|
export function isCompiledShadowLevel(value) {
|
|
4
4
|
return (value &&
|
|
5
5
|
typeof value === 'object' &&
|
|
6
6
|
['x', 'y', 'blur', 'spread', 'color'].every((prop) => prop in value));
|
|
7
7
|
}
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
${[$.
|
|
12
|
-
$.
|
|
8
|
+
const defaultShadowXCss = (step) => css `0px`;
|
|
9
|
+
const defaultShadowYCss = (step) => css `calc(1px * pow(2, ${step} - 1))`;
|
|
10
|
+
const defaultShadowBlurCss = (step, $) => css `
|
|
11
|
+
calc(${[$.shadow.blur, '0.5']} * ${[
|
|
12
|
+
$.spacing.baseSize,
|
|
13
13
|
'0.5rem',
|
|
14
|
-
]} * 0.25 * pow(2, ${step} - 1)
|
|
14
|
+
]} * 0.25 * pow(2, ${step} - 1))
|
|
15
15
|
`;
|
|
16
|
-
const
|
|
17
|
-
${[$.
|
|
16
|
+
const defaultShadowSpreadCss = (step, $) => css `
|
|
17
|
+
calc(${[$.shadow.spread, '0.5']} * 1px)
|
|
18
18
|
`;
|
|
19
|
-
const
|
|
20
|
-
${$.
|
|
19
|
+
const defaultShadowColorCss = (step, $) => css `
|
|
20
|
+
${$.shadow.color}
|
|
21
21
|
`;
|
|
22
22
|
export function compileShadows(config, tokens) {
|
|
23
23
|
const levelNames = config.levels ?
|
|
24
24
|
Object.keys(config.levels)
|
|
25
25
|
: defaultShadowLevels;
|
|
26
|
-
const baseIndex =
|
|
27
|
-
// user supplied explicit default level
|
|
28
|
-
config.defaultLevel ? levelNames.indexOf(config.defaultLevel)
|
|
29
|
-
// user did not give us a default level, but did give us custom levels, so we'll pick the middle one as the default
|
|
30
|
-
: config.levels ? Math.floor(levelNames.length / 2)
|
|
31
|
-
// user did not give us a default level, and is using the default levels, so we'll use 'md' as the default.
|
|
32
|
-
: levelNames.indexOf('md');
|
|
33
26
|
const levels = levelNames.reduce((acc, name, i) => {
|
|
34
27
|
const nameCast = name;
|
|
35
28
|
const levelConfig = config.levels?.[nameCast];
|
|
36
|
-
const x =
|
|
37
|
-
const y =
|
|
38
|
-
const blur =
|
|
39
|
-
const spread =
|
|
40
|
-
const color =
|
|
29
|
+
const x = defaultShadowXCss(i);
|
|
30
|
+
const y = defaultShadowYCss(i);
|
|
31
|
+
const blur = defaultShadowBlurCss(i, tokens);
|
|
32
|
+
const spread = defaultShadowSpreadCss(i, tokens);
|
|
33
|
+
const color = defaultShadowColorCss(i, tokens);
|
|
41
34
|
const $root = css `
|
|
42
35
|
${x} ${y} ${blur} ${spread} ${color}
|
|
43
36
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/shadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/shadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAO,MAAM,qBAAqB,CAAC;AAG/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC;AAmB3E,MAAM,UAAU,qBAAqB,CACpC,KAAU;IAEV,OAAO,CACN,KAAK;QACL,OAAO,KAAK,KAAK,QAAQ;QACzB,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,KAAK,CAAC,CACpE,CAAC;AACH,CAAC;AAOD,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,CAAA,KAAK,CAAC;AACrD,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE,CAC1C,GAAG,CAAA,qBAAqB,IAAI,QAAQ,CAAC;AACtC,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,CAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;QACpE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM;IAClC,CAAC,CAAC,OAAO,CAAC,QAAQ;IAClB,QAAQ;CACR,oBAAoB,IAAI;CACzB,CAAC;AACF,MAAM,sBAAsB,GAAG,CAAC,IAAY,EAAE,CAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;QACtE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC;CAC/B,CAAC;AACF,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAE,CAAwB,EAAE,EAAE,CAAC,GAAG,CAAA;GAC1E,CAAC,CAAC,MAAM,CAAC,KAAK;CAChB,CAAC;AAEF,MAAM,UAAU,cAAc,CAG7B,MAAkC,EAClC,MAA6B;IAE7B,MAAM,UAAU,GACf,MAAM,CAAC,MAAM,CAAC,CAAC;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAE,mBAAiD,CAAC;IAEtD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;QAChB,MAAM,QAAQ,GAAG,IAAoB,CAAC;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,oBAAoB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,MAAM,GAAG,sBAAsB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QACjD,MAAM,KAAK,GAAG,qBAAqB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;QAC/C,MAAM,KAAK,GAAG,GAAG,CAAA;MACd,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,MAAM,IAAI,KAAK;IACnC,CAAC;QACF,GAAG,CAAC,QAAQ,CAAC,GAAG;YACf,KAAK;YACL,CAAC;YACD,CAAC;YACD,IAAI;YACJ,MAAM;YACN,KAAK;YACL,GAAG,WAAW;SACd,CAAC;QACF,OAAO,GAAG,CAAC;IACZ,CAAC,EACD,EAA+C,CACd,CAAC;IAEnC,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,IAAI;QAC3C,KAAK,EAAE,qBAAqB;QAC5B,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,GAAG;QACN,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,aAAa;KACpB,CAAC;IAEF,OAAO,MAAM,CAAC;AACf,CAAC"}
|
|
@@ -1,36 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { Css } from '@arbor-css/css-eval';
|
|
2
|
+
import { ArborModeGlobalTokens } from '../../modeSchema/global.js';
|
|
3
3
|
export declare const defaultSpacingLevels: readonly ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
|
|
4
4
|
export type DefaultSpacingLevel = (typeof defaultSpacingLevels)[number];
|
|
5
5
|
export interface SpacingConfig<TSpacingLevel extends string = DefaultSpacingLevel> {
|
|
6
6
|
levels?: Record<TSpacingLevel, string | number>;
|
|
7
7
|
defaultLevel?: TSpacingLevel;
|
|
8
|
-
/**
|
|
9
|
-
* The "base" number of the scale equation - a linear scalar
|
|
10
|
-
* multiplier. Set this to scale by some linear factor if
|
|
11
|
-
* scaleExponent is "1"
|
|
12
|
-
*/
|
|
13
|
-
scaleBase?: number | string | Equation;
|
|
14
|
-
/**
|
|
15
|
-
* The exponent of the scale equation - the rate of exponential growth.
|
|
16
|
-
* `scaleBase` is raised to this exponent before being multiplied by the base spacing size.
|
|
17
|
-
* Set this to "1" to scale linearly by the `scaleBase` factor, or set it to a value greater than "1" to have exponential growth.
|
|
18
|
-
*/
|
|
19
|
-
scaleExponent?: number | string | Equation;
|
|
20
8
|
}
|
|
21
9
|
export type CompiledSpacing<TSpacingLevel extends string = DefaultSpacingLevel> = {
|
|
22
|
-
[K in TSpacingLevel]: string |
|
|
10
|
+
[K in TSpacingLevel]: string | Css;
|
|
23
11
|
} & {
|
|
24
|
-
$root: string |
|
|
25
|
-
};
|
|
26
|
-
type RequiredTokens = {
|
|
27
|
-
baseSpacingSize: Token;
|
|
28
|
-
baseFontSize: Token;
|
|
12
|
+
$root: string | Css;
|
|
29
13
|
};
|
|
30
14
|
/**
|
|
31
15
|
* Given configuration for spacing sizes and the default
|
|
32
16
|
* level name, produces a range of spacing sizes.
|
|
33
17
|
*/
|
|
34
|
-
export declare function compileSpacing<TSpacingLevel extends string = DefaultSpacingLevel>(config: SpacingConfig<TSpacingLevel>, $:
|
|
35
|
-
export {};
|
|
18
|
+
export declare function compileSpacing<TSpacingLevel extends string = DefaultSpacingLevel>(config: SpacingConfig<TSpacingLevel>, $: ArborModeGlobalTokens): CompiledSpacing<TSpacingLevel>;
|
|
36
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/spacing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/spacing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,eAAO,MAAM,oBAAoB,8DASvB,CAAC;AACX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,MAAM,WAAW,aAAa,CAC7B,aAAa,SAAS,MAAM,GAAG,mBAAmB;IAElD,MAAM,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,CAC1B,aAAa,SAAS,MAAM,GAAG,mBAAmB,IAC/C;KACF,CAAC,IAAI,aAAa,GAAG,MAAM,GAAG,GAAG;CAClC,GAAG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAC7B,aAAa,SAAS,MAAM,GAAG,mBAAmB,EAElD,MAAM,EAAE,aAAa,CAAC,aAAa,CAAC,EACpC,CAAC,EAAE,qBAAqB,GACtB,eAAe,CAAC,aAAa,CAAC,CAiChC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css } from '@arbor-css/
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
2
|
export const defaultSpacingLevels = [
|
|
3
3
|
'2xs',
|
|
4
4
|
'xs',
|
|
@@ -30,7 +30,7 @@ export function compileSpacing(config, $) {
|
|
|
30
30
|
const step = i - baseIndex;
|
|
31
31
|
acc[nameCast] =
|
|
32
32
|
levelConfig ??
|
|
33
|
-
css `(${$.
|
|
33
|
+
css `calc(${$.spacing.baseSize} * pow(${[$.spacing.scaleBase, 2]}, ${[$.spacing.scaleExponentStep, 1]} * ${step}))`;
|
|
34
34
|
return acc;
|
|
35
35
|
}, {});
|
|
36
36
|
const defaultLevel = config.defaultLevel ?? levelNames[baseIndex];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/spacing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/spacing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAO,MAAM,qBAAqB,CAAC;AAG/C,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;IACL,KAAK;CACI,CAAC;AAkBX;;;GAGG;AACH,MAAM,UAAU,cAAc,CAG7B,MAAoC,EACpC,CAAwB;IAExB,MAAM,UAAU,GACf,MAAM,CAAC,MAAM,CAAC,CAAC;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAC3B,CAAC,CAAE,oBAAmD,CAAC;IAExD,MAAM,SAAS;IACd,uCAAuC;IACvC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC;QAC5D,mHAAmH;QACpH,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;YAClD,2GAA2G;YAC5G,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAqB,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;QAChB,MAAM,QAAQ,GAAG,IAAqB,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,CAAC;QAC3B,GAAG,CAAC,QAAQ,CAAC;YACZ,WAAW;gBACX,GAAG,CAAA,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;QACpH,OAAO,GAAG,CAAC;IACZ,CAAC,EACD,EAAyC,CACP,CAAC;IACpC,MAAM,YAAY,GACjB,MAAM,CAAC,YAAY,IAAK,UAAU,CAAC,SAAS,CAAmB,CAAC;IAEjE,OAAO;QACN,GAAG,MAAM;QACT,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC;KAC3B,CAAC;AACH,CAAC"}
|
|
@@ -1,56 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Css, CssInterpolation } from '@arbor-css/css-eval';
|
|
2
2
|
import { Token } from '@arbor-css/tokens';
|
|
3
|
+
import { ArborModeGlobalTokens } from '../../modeSchema/global.js';
|
|
3
4
|
export interface TypographyLevel {
|
|
4
|
-
size: string |
|
|
5
|
-
lineHeight:
|
|
6
|
-
letterSpacing: string |
|
|
7
|
-
}
|
|
8
|
-
export interface RequiredTokens {
|
|
9
|
-
density: Token;
|
|
10
|
-
whenDark: Token;
|
|
5
|
+
size: string | Css;
|
|
6
|
+
lineHeight: CssInterpolation;
|
|
7
|
+
letterSpacing: string | Css;
|
|
11
8
|
}
|
|
12
9
|
export declare function isTypographyLevel(value: any): value is TypographyLevel;
|
|
13
10
|
export type CompiledTypography<TLevels extends string = DefaultTypographyLevel> = {
|
|
14
11
|
[K in TLevels]: TypographyLevel;
|
|
15
12
|
} & {
|
|
16
|
-
weight: Record<'thin' | 'extraLight' | 'light' | 'normal' | 'medium' | 'semiBold' | 'bold' | 'extraBold' | 'black', string |
|
|
13
|
+
weight: Record<'thin' | 'extraLight' | 'light' | 'normal' | 'medium' | 'semiBold' | 'bold' | 'extraBold' | 'black', string | Css>;
|
|
17
14
|
};
|
|
18
15
|
export declare const defaultTypographyLevels: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
|
|
19
16
|
export type DefaultTypographyLevel = (typeof defaultTypographyLevels)[number];
|
|
20
17
|
export type TypographyConfig<TLevels extends string = DefaultTypographyLevel> = {
|
|
21
18
|
levels?: Record<TLevels, Partial<TypographyLevel>>;
|
|
22
19
|
defaultLevel?: TLevels;
|
|
23
|
-
weightStep?: number | string | Equation;
|
|
24
|
-
lineHeightStep?: number | string | Equation;
|
|
25
|
-
minWeight?: number | string | Equation;
|
|
26
|
-
maxWeight?: number | string | Equation;
|
|
27
|
-
baseWeight?: number | string | Equation;
|
|
28
|
-
minLineHeight?: number | string | Equation;
|
|
29
|
-
maxLineHeight?: number | string | Equation;
|
|
30
|
-
baseLineHeight?: number | string | Equation;
|
|
31
|
-
minSize?: string | Equation;
|
|
32
|
-
maxSize?: string | Equation;
|
|
33
|
-
/**
|
|
34
|
-
* Size is scaled exponentially; this is the "base" (the
|
|
35
|
-
* number being scaled).
|
|
36
|
-
*/
|
|
37
|
-
sizeBase?: string | Equation;
|
|
38
|
-
/**
|
|
39
|
-
* Multiplied with the step index to produce an exponent
|
|
40
|
-
* for scaling sizeBase. The result is multiplied with
|
|
41
|
-
* the default font size.
|
|
42
|
-
*/
|
|
43
|
-
sizeExponentStep?: number | string | Equation;
|
|
44
|
-
letterSpacingStep?: number | string | Equation;
|
|
45
|
-
minLetterSpacing?: string | Equation;
|
|
46
|
-
maxLetterSpacing?: string | Equation;
|
|
47
|
-
baseLetterSpacing?: string | Equation;
|
|
48
|
-
/**
|
|
49
|
-
* Apply an adjustment to font weight in dark mode to compensate for the irradiation illusion.
|
|
50
|
-
* Defaults to 0. Adjusting weight can lead to irregular font size between light and dark mode;
|
|
51
|
-
* prefer adjusting GRAD in variable fonts.
|
|
52
|
-
*/
|
|
53
|
-
darkModeWeightAdjustment?: number | string | Equation;
|
|
54
20
|
};
|
|
55
|
-
export declare function compileTypography<TLevels extends string = DefaultTypographyLevel>(config: TypographyConfig<TLevels>, tokens:
|
|
21
|
+
export declare function compileTypography<TLevels extends string = DefaultTypographyLevel>(config: TypographyConfig<TLevels>, tokens: ArborModeGlobalTokens, systemTokens: {
|
|
22
|
+
whenDark: Token;
|
|
23
|
+
}): CompiledTypography<TLevels>;
|
|
56
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,aAAa,EAAE,MAAM,GAAG,GAAG,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,eAAe,CAOtE;AAED,MAAM,MAAM,kBAAkB,CAC7B,OAAO,SAAS,MAAM,GAAG,sBAAsB,IAC5C;KACF,CAAC,IAAI,OAAO,GAAG,eAAe;CAC/B,GAAG;IACH,MAAM,EAAE,MAAM,CACX,MAAM,GACN,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,MAAM,GACN,WAAW,GACX,OAAO,EACT,MAAM,GAAG,GAAG,CACZ,CAAC;CACF,CAAC;AAEF,eAAO,MAAM,uBAAuB,4EAW1B,CAAC;AACX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,CAAC,OAAO,SAAS,MAAM,GAAG,sBAAsB,IAC3E;IACC,MAAM,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEH,wBAAgB,iBAAiB,CAChC,OAAO,SAAS,MAAM,GAAG,sBAAsB,EAE/C,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,EACjC,MAAM,EAAE,qBAAqB,EAC7B,YAAY,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAA;CAAE,GAC/B,kBAAkB,CAAC,OAAO,CAAC,CAiD7B"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import { css } from '@arbor-css/
|
|
1
|
+
import { css } from '@arbor-css/css-eval';
|
|
2
2
|
export function isTypographyLevel(value) {
|
|
3
|
-
return value &&
|
|
3
|
+
return (value &&
|
|
4
|
+
'size' in value &&
|
|
5
|
+
'lineHeight' in value &&
|
|
6
|
+
'letterSpacing' in value);
|
|
4
7
|
}
|
|
5
8
|
export const defaultTypographyLevels = [
|
|
6
9
|
'xs',
|
|
@@ -14,7 +17,7 @@ export const defaultTypographyLevels = [
|
|
|
14
17
|
'5xl',
|
|
15
18
|
'6xl',
|
|
16
19
|
];
|
|
17
|
-
export function compileTypography(config, tokens) {
|
|
20
|
+
export function compileTypography(config, tokens, systemTokens) {
|
|
18
21
|
const levelNames = config.levels ?
|
|
19
22
|
Object.keys(config.levels)
|
|
20
23
|
: defaultTypographyLevels;
|
|
@@ -29,9 +32,9 @@ export function compileTypography(config, tokens) {
|
|
|
29
32
|
const nameCast = name;
|
|
30
33
|
const levelConfig = config.levels?.[nameCast] ?? {};
|
|
31
34
|
acc[nameCast] = {
|
|
32
|
-
size: css `calc(clamp(${
|
|
33
|
-
lineHeight: css `calc(clamp(${
|
|
34
|
-
letterSpacing: css `calc(clamp(${
|
|
35
|
+
size: css `calc(clamp(${tokens.typography.minFontSize ?? '0.75rem'}, 1rem * pow(${tokens.typography.fontSizeScaleBase ?? 1.125}, (${i - baseIndex} * ${tokens.typography.fontSizeScaleExponentStep ?? 1})) / ${[tokens.spacing.density, 1]}, ${tokens.typography.maxFontSize ?? '3rem'}))`,
|
|
36
|
+
lineHeight: css `calc(clamp(${tokens.typography.minLineHeight ?? 0.75}, (${tokens.typography.baseLineHeight ?? 1.5} - ${tokens.typography.lineHeightStep ?? 0.5} * ${i - baseIndex}), ${tokens.typography.maxLineHeight ?? 2}))`,
|
|
37
|
+
letterSpacing: css `calc(clamp(${tokens.typography.minLetterSpacing ?? 0}, (${tokens.typography.baseLetterSpacing ?? 0} + ${tokens.typography.letterSpacingStep ?? 0} * ${i - baseIndex}), ${tokens.typography.maxLetterSpacing ?? 0}))`,
|
|
35
38
|
...levelConfig,
|
|
36
39
|
};
|
|
37
40
|
return acc;
|
|
@@ -46,7 +49,7 @@ export function compileTypography(config, tokens) {
|
|
|
46
49
|
].reduce((acc, weightName, i) => {
|
|
47
50
|
const stepsFromNormal = i - 2; // normal is the 3rd item in the list (index 2)
|
|
48
51
|
acc[weightName] =
|
|
49
|
-
css `calc(clamp(${
|
|
52
|
+
css `calc(clamp(${tokens.typography.minWeight ?? 100}, ${tokens.typography.baseWeight ?? 400} + ${tokens.typography.weightStep ?? 100} * ${stepsFromNormal} - (${systemTokens.whenDark} * ${tokens.typography.darkModeWeightAdjustment ?? 0}), ${tokens.typography.maxWeight ?? 900}))`;
|
|
50
53
|
return acc;
|
|
51
54
|
}, {});
|
|
52
55
|
return {
|