@arbor-css/core 0.0.144 → 0.0.146
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/getStructuredTokensMap.test.js +9 -9
- package/dist/getStructuredTokensMap.test.js.map +1 -1
- package/dist/presets/v1/index.d.ts.map +1 -0
- package/dist/presets/v1/index.js.map +1 -0
- package/dist/presets/{v2 → v1}/preset.d.ts +5 -5
- package/dist/presets/v1/preset.d.ts.map +1 -0
- package/dist/presets/{v2 → v1}/preset.js +1 -1
- package/dist/presets/{v2 → v1}/preset.js.map +1 -1
- package/dist/presets/v1/preset.test.d.ts.map +1 -0
- package/dist/presets/{v2 → v1}/preset.test.js +3 -3
- package/dist/presets/{v2 → v1}/preset.test.js.map +1 -1
- package/dist/presets/{v2 → v1}/schema/global.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/schema/global.js.map +1 -1
- package/dist/presets/{v2 → v1}/schema/intents.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/schema/intents.js.map +1 -1
- package/dist/presets/{v2 → v1}/schema/schema.d.ts +2 -2
- package/dist/presets/{v2 → v1}/schema/schema.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/schema/schema.js +2 -2
- package/dist/presets/{v2 → v1}/schema/schema.js.map +1 -1
- package/dist/presets/{v2 → v1}/schema/semantics.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/schema/semantics.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/color.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/color.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/compile.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/compile.js.map +1 -1
- package/dist/presets/v1/values/color/compile.test.d.ts.map +1 -0
- package/dist/presets/{v2 → v1}/values/color/compile.test.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/index.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/index.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/ranges.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/ranges.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/schemes.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/color/schemes.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/intents.d.ts +2 -2
- package/dist/presets/v1/values/intents.d.ts.map +1 -0
- package/dist/presets/{v2 → v1}/values/intents.js +4 -4
- package/dist/presets/v1/values/intents.js.map +1 -0
- package/dist/presets/{v2 → v1}/values/semantics.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/semantics.js +1 -1
- package/dist/presets/{v2 → v1}/values/semantics.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/shadow/index.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/shadow/index.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/spacing/index.d.ts.map +1 -1
- package/dist/presets/{v2 → v1}/values/spacing/index.js.map +1 -1
- package/dist/presets/{v2 → v1}/values/types.d.ts.map +1 -1
- package/dist/presets/v1/values/types.js.map +1 -0
- package/dist/presets/{v2 → v1}/values/typography/index.d.ts.map +1 -1
- package/dist/presets/{arborPreset/modeValues → v1/values}/typography/index.js +1 -1
- package/dist/presets/{v2 → v1}/values/typography/index.js.map +1 -1
- package/dist/rendering/generateStylesheet.test.js +4 -4
- package/dist/rendering/generateStylesheet.test.js.map +1 -1
- package/dist/runtime/components/ColorSwatch.js +1 -1
- package/dist/runtime/components/EasingScale.js +6 -6
- package/dist/runtime/components/FunctionsList.d.ts.map +1 -1
- package/dist/runtime/components/FunctionsList.js +7 -10
- package/dist/runtime/components/FunctionsList.js.map +1 -1
- package/dist/runtime/components/IntentDemos.js +6 -6
- package/dist/runtime/components/LiveEditor.js +11 -11
- package/dist/runtime/components/MixinsList.d.ts.map +1 -1
- package/dist/runtime/components/MixinsList.js +7 -10
- package/dist/runtime/components/MixinsList.js.map +1 -1
- package/dist/runtime/components/ModeGraph.d.ts.map +1 -1
- package/dist/runtime/components/ModeGraph.js +13 -16
- package/dist/runtime/components/ModeGraph.js.map +1 -1
- package/dist/runtime/components/ShadowScale.js +6 -6
- package/dist/runtime/components/SpacingScale.js +3 -3
- package/dist/runtime/components/SystemDemo.js +1 -1
- package/dist/util/buildModeTokenGraph.test.js +3 -3
- 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/dist/util/tokenValidation.d.ts.map +1 -1
- package/dist/util/tokenValidation.js +6 -4
- package/dist/util/tokenValidation.js.map +1 -1
- package/dist/util/tokenValidation.test.js +15 -0
- package/dist/util/tokenValidation.test.js.map +1 -1
- package/package.json +13 -19
- package/dist/presets/arborPreset/index.d.ts +0 -9
- package/dist/presets/arborPreset/index.d.ts.map +0 -1
- package/dist/presets/arborPreset/index.js +0 -9
- package/dist/presets/arborPreset/index.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/global.d.ts +0 -159
- package/dist/presets/arborPreset/modeSchema/global.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/global.js +0 -158
- package/dist/presets/arborPreset/modeSchema/global.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts +0 -101
- package/dist/presets/arborPreset/modeSchema/intents/action.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/action.js +0 -18
- package/dist/presets/arborPreset/modeSchema/intents/action.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/common.d.ts +0 -45
- package/dist/presets/arborPreset/modeSchema/intents/common.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/common.js +0 -46
- package/dist/presets/arborPreset/modeSchema/intents/common.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts +0 -53
- package/dist/presets/arborPreset/modeSchema/intents/control.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/control.js +0 -16
- package/dist/presets/arborPreset/modeSchema/intents/control.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/prose.d.ts +0 -24
- package/dist/presets/arborPreset/modeSchema/intents/prose.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/prose.js +0 -8
- package/dist/presets/arborPreset/modeSchema/intents/prose.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts +0 -101
- package/dist/presets/arborPreset/modeSchema/intents/surface.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/intents/surface.js +0 -18
- package/dist/presets/arborPreset/modeSchema/intents/surface.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +0 -916
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.js +0 -34
- package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.d.ts +0 -2
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.js +0 -10
- package/dist/presets/arborPreset/modeSchema/modeSchema.test.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/color.d.ts +0 -93
- package/dist/presets/arborPreset/modeSchema/primitives/color.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/color.js +0 -42
- package/dist/presets/arborPreset/modeSchema/primitives/color.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/duration.d.ts +0 -10
- package/dist/presets/arborPreset/modeSchema/primitives/duration.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/duration.js +0 -11
- package/dist/presets/arborPreset/modeSchema/primitives/duration.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.d.ts +0 -185
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.js +0 -36
- package/dist/presets/arborPreset/modeSchema/primitives/shadow.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.d.ts +0 -14
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.js +0 -15
- package/dist/presets/arborPreset/modeSchema/primitives/spacing.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts +0 -153
- package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/color.js +0 -14
- package/dist/presets/arborPreset/modeSchema/semantics/color.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/common.d.ts +0 -27
- package/dist/presets/arborPreset/modeSchema/semantics/common.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/common.js +0 -28
- package/dist/presets/arborPreset/modeSchema/semantics/common.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/duration.d.ts +0 -19
- package/dist/presets/arborPreset/modeSchema/semantics/duration.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/duration.js +0 -20
- package/dist/presets/arborPreset/modeSchema/semantics/duration.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts +0 -73
- package/dist/presets/arborPreset/modeSchema/semantics/easing.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/easing.js +0 -25
- package/dist/presets/arborPreset/modeSchema/semantics/easing.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/lines.d.ts +0 -19
- package/dist/presets/arborPreset/modeSchema/semantics/lines.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/lines.js +0 -20
- package/dist/presets/arborPreset/modeSchema/semantics/lines.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts +0 -12
- package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/radius.js +0 -13
- package/dist/presets/arborPreset/modeSchema/semantics/radius.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.d.ts +0 -141
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.js +0 -18
- package/dist/presets/arborPreset/modeSchema/semantics/shadow.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.d.ts +0 -12
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.js +0 -12
- package/dist/presets/arborPreset/modeSchema/semantics/spacing.js.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/text.d.ts +0 -75
- package/dist/presets/arborPreset/modeSchema/semantics/text.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/semantics/text.js +0 -76
- package/dist/presets/arborPreset/modeSchema/semantics/text.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/color.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/color.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts +0 -50
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/compile.js +0 -77
- package/dist/presets/arborPreset/modeValues/color/compile.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/compile.test.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/compile.test.js +0 -195
- package/dist/presets/arborPreset/modeValues/color/compile.test.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/index.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/index.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/schemes.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/color/schemes.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/intents.d.ts +0 -775
- package/dist/presets/arborPreset/modeValues/intents.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/intents.js +0 -240
- package/dist/presets/arborPreset/modeValues/intents.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +0 -1118
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/semantics.js +0 -197
- package/dist/presets/arborPreset/modeValues/semantics.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts +0 -21
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts +0 -20
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/spacing/index.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/types.d.ts +0 -7
- package/dist/presets/arborPreset/modeValues/types.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/types.js.map +0 -1
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts +0 -25
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeValues/typography/index.js.map +0 -1
- package/dist/presets/arborPreset/preset.d.ts +0 -2851
- package/dist/presets/arborPreset/preset.d.ts.map +0 -1
- package/dist/presets/arborPreset/preset.js +0 -389
- package/dist/presets/arborPreset/preset.js.map +0 -1
- package/dist/presets/arborPreset/preset.test.d.ts.map +0 -1
- package/dist/presets/arborPreset/preset.test.js +0 -111
- package/dist/presets/arborPreset/preset.test.js.map +0 -1
- package/dist/presets/v2/index.d.ts.map +0 -1
- package/dist/presets/v2/index.js.map +0 -1
- package/dist/presets/v2/preset.d.ts.map +0 -1
- package/dist/presets/v2/preset.test.d.ts +0 -2
- package/dist/presets/v2/preset.test.d.ts.map +0 -1
- package/dist/presets/v2/values/color/color.d.ts +0 -25
- package/dist/presets/v2/values/color/color.js +0 -16
- package/dist/presets/v2/values/color/compile.test.d.ts +0 -2
- package/dist/presets/v2/values/color/compile.test.d.ts.map +0 -1
- package/dist/presets/v2/values/color/index.d.ts +0 -5
- package/dist/presets/v2/values/color/index.js +0 -5
- package/dist/presets/v2/values/color/ranges.d.ts +0 -75
- package/dist/presets/v2/values/color/ranges.js +0 -128
- package/dist/presets/v2/values/color/schemes.d.ts +0 -16
- package/dist/presets/v2/values/color/schemes.js +0 -15
- package/dist/presets/v2/values/intents.d.ts.map +0 -1
- package/dist/presets/v2/values/intents.js.map +0 -1
- package/dist/presets/v2/values/shadow/index.js +0 -62
- package/dist/presets/v2/values/spacing/index.js +0 -42
- package/dist/presets/v2/values/types.js +0 -2
- package/dist/presets/v2/values/types.js.map +0 -1
- package/dist/presets/v2/values/typography/index.js +0 -46
- /package/dist/presets/{v2 → v1}/index.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/index.js +0 -0
- /package/dist/presets/{arborPreset → v1}/preset.test.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/schema/global.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/schema/global.js +0 -0
- /package/dist/presets/{v2 → v1}/schema/intents.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/schema/intents.js +0 -0
- /package/dist/presets/{v2 → v1}/schema/semantics.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/schema/semantics.js +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/color.d.ts +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/color.js +0 -0
- /package/dist/presets/{v2 → v1}/values/color/compile.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/values/color/compile.js +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/compile.test.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/values/color/compile.test.js +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/index.d.ts +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/index.js +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/ranges.d.ts +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/ranges.js +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/schemes.d.ts +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/color/schemes.js +0 -0
- /package/dist/presets/{v2 → v1}/values/semantics.d.ts +0 -0
- /package/dist/presets/{v2 → v1}/values/shadow/index.d.ts +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/shadow/index.js +0 -0
- /package/dist/presets/{v2 → v1}/values/spacing/index.d.ts +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/spacing/index.js +0 -0
- /package/dist/presets/{v2 → v1}/values/types.d.ts +0 -0
- /package/dist/presets/{arborPreset/modeValues → v1/values}/types.js +0 -0
- /package/dist/presets/{v2 → v1}/values/typography/index.d.ts +0 -0
|
@@ -1,916 +0,0 @@
|
|
|
1
|
-
export interface ArborModeSchemaOptions<TColorName extends PropertyKey> {
|
|
2
|
-
colorNames: TColorName[];
|
|
3
|
-
}
|
|
4
|
-
export declare function createArborModeSchema<TColorName extends string>(options: ArborModeSchemaOptions<TColorName>): {
|
|
5
|
-
global: {
|
|
6
|
-
color: {
|
|
7
|
-
saturation: {
|
|
8
|
-
purpose: "scalar";
|
|
9
|
-
description: "Applies global saturation adjustments to all colors";
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
space: {
|
|
13
|
-
density: {
|
|
14
|
-
purpose: "scalar";
|
|
15
|
-
description: "A scaling factor for density. Higher density means smaller, tighter spacing and size";
|
|
16
|
-
};
|
|
17
|
-
baseSize: {
|
|
18
|
-
purpose: "spacing";
|
|
19
|
-
description: "Defines the base spacing unit used to derive spacing and layout tokens.";
|
|
20
|
-
};
|
|
21
|
-
scaleBase: {
|
|
22
|
-
purpose: "scalar";
|
|
23
|
-
description: "The \"base\" number of the scale equation - a linear scalar multiplier. Set this to scale by some linear factor if scaleExponent is \"1\"";
|
|
24
|
-
};
|
|
25
|
-
scaleExponentStep: {
|
|
26
|
-
purpose: "scalar";
|
|
27
|
-
description: "The exponent of the scale equation - the rate of exponential growth. `scaleBase` is raised to this exponent before being multiplied by the base spacing size. Set this to \"1\" to scale linearly by the `scaleBase` factor, or set it to a value greater than \"1\" to have exponential growth.";
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
shape: {
|
|
31
|
-
roundness: {
|
|
32
|
-
purpose: "scalar";
|
|
33
|
-
description: "Controls the roundness of corners. Larger roundness values also may affect padding.";
|
|
34
|
-
};
|
|
35
|
-
lineWidth: {
|
|
36
|
-
purpose: "scalar";
|
|
37
|
-
description: "Controls the width of lines used for borders, etc.";
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
shadow: {
|
|
41
|
-
spread: {
|
|
42
|
-
purpose: "scalar";
|
|
43
|
-
description: "Controls the spread size of all shadows.";
|
|
44
|
-
};
|
|
45
|
-
blur: {
|
|
46
|
-
purpose: "scalar";
|
|
47
|
-
description: "Controls the blur scaling of all shadows.";
|
|
48
|
-
};
|
|
49
|
-
color: {
|
|
50
|
-
purpose: "color";
|
|
51
|
-
description: "Provides the default shadow color used when a shadow token does not supply its own color.";
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
typography: {
|
|
55
|
-
baseFontSize: {
|
|
56
|
-
purpose: "font-size";
|
|
57
|
-
description: "Defines the root font size used to derive typography tokens.";
|
|
58
|
-
};
|
|
59
|
-
size: {
|
|
60
|
-
purpose: "scalar";
|
|
61
|
-
description: "A global parameter to influence the overall font size of all typography tokens.";
|
|
62
|
-
};
|
|
63
|
-
weightStep: {
|
|
64
|
-
purpose: "scalar";
|
|
65
|
-
description: "The amount of font weight change between each typography level. This is multiplied by the level index to determine how much to adjust font weight at each level.";
|
|
66
|
-
};
|
|
67
|
-
minWeight: {
|
|
68
|
-
purpose: "scalar";
|
|
69
|
-
description: "The minimum font weight to use in the typography scale.";
|
|
70
|
-
};
|
|
71
|
-
maxWeight: {
|
|
72
|
-
purpose: "scalar";
|
|
73
|
-
description: "The maximum font weight to use in the typography scale.";
|
|
74
|
-
};
|
|
75
|
-
baseWeight: {
|
|
76
|
-
purpose: "scalar";
|
|
77
|
-
description: "The base font weight from which to calculate typography levels. This is typically the \"normal\" font weight (e.g. 400), and level adjustments are applied as positive or negative offsets from this base.";
|
|
78
|
-
};
|
|
79
|
-
lineHeightStep: {
|
|
80
|
-
purpose: "scalar";
|
|
81
|
-
description: "The amount of line height change between each typography level. This is multiplied by the level index to determine how much to adjust line height at each level.";
|
|
82
|
-
};
|
|
83
|
-
minLineHeight: {
|
|
84
|
-
purpose: "scalar";
|
|
85
|
-
description: "The minimum line height to use in the typography scale.";
|
|
86
|
-
};
|
|
87
|
-
maxLineHeight: {
|
|
88
|
-
purpose: "scalar";
|
|
89
|
-
description: "The maximum line height to use in the typography scale.";
|
|
90
|
-
};
|
|
91
|
-
baseLineHeight: {
|
|
92
|
-
purpose: "scalar";
|
|
93
|
-
description: "The base line height from which to calculate typography levels. This is typically the line height used at the default typography level, and level adjustments are applied as positive or negative offsets from this base.";
|
|
94
|
-
};
|
|
95
|
-
minFontSize: {
|
|
96
|
-
purpose: "font-size";
|
|
97
|
-
description: "The minimum font size to use in the typography scale.";
|
|
98
|
-
};
|
|
99
|
-
maxFontSize: {
|
|
100
|
-
purpose: "font-size";
|
|
101
|
-
description: "The maximum font size to use in the typography scale.";
|
|
102
|
-
};
|
|
103
|
-
fontSizeScaleBase: {
|
|
104
|
-
purpose: "scalar";
|
|
105
|
-
description: "The \"base\" number of the font size scale equation - a linear scalar multiplier. Set this to scale by some linear factor if sizeExponent is \"1\"";
|
|
106
|
-
};
|
|
107
|
-
fontSizeScaleExponentStep: {
|
|
108
|
-
purpose: "scalar";
|
|
109
|
-
description: "The exponent of the font size scale equation - the rate of exponential growth. `fontSizeScaleBase` is raised to this exponent before being multiplied by the base font size. Set this to \"1\" to scale linearly by the `fontSizeScaleBase` factor, or set it to a value greater than \"1\" to have exponential growth.";
|
|
110
|
-
};
|
|
111
|
-
letterSpacingStep: {
|
|
112
|
-
purpose: "scalar";
|
|
113
|
-
description: "The amount of letter spacing change between each typography level. This is multiplied by the level index to determine how much to adjust letter spacing at each level.";
|
|
114
|
-
};
|
|
115
|
-
minLetterSpacing: {
|
|
116
|
-
purpose: "spacing";
|
|
117
|
-
description: "The minimum letter spacing to use in the typography scale.";
|
|
118
|
-
};
|
|
119
|
-
maxLetterSpacing: {
|
|
120
|
-
purpose: "spacing";
|
|
121
|
-
description: "The maximum letter spacing to use in the typography scale.";
|
|
122
|
-
};
|
|
123
|
-
baseLetterSpacing: {
|
|
124
|
-
purpose: "spacing";
|
|
125
|
-
description: "The base letter spacing from which to calculate typography levels. This is typically the letter spacing used at the default typography level, and level adjustments are applied as positive or negative offsets from this base.";
|
|
126
|
-
};
|
|
127
|
-
darkModeWeightAdjustment: {
|
|
128
|
-
purpose: "scalar";
|
|
129
|
-
description: "An adjustment applied to font weight when in dark mode to compensate for the irradiation illusion. This is typically a negative value to reduce font weight in dark mode, but it can be positive if your theme has very light text and you want to increase weight in dark mode.";
|
|
130
|
-
};
|
|
131
|
-
boldness: {
|
|
132
|
-
purpose: "scalar";
|
|
133
|
-
description: "An overall scaling factor for how heavy font weight tokens are.";
|
|
134
|
-
};
|
|
135
|
-
};
|
|
136
|
-
easing: {
|
|
137
|
-
bounciness: {
|
|
138
|
-
purpose: "scalar";
|
|
139
|
-
description: "Controls the bounciness of easing functions. Higher values result in more overshoot and bounce.";
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
duration: {
|
|
143
|
-
slowness: {
|
|
144
|
-
purpose: "scalar";
|
|
145
|
-
description: "Controls the overall slowness of durations. Higher values result in longer durations.";
|
|
146
|
-
};
|
|
147
|
-
base: {
|
|
148
|
-
purpose: "duration";
|
|
149
|
-
description: "The base duration used to derive all other durations. This can be thought of as the \"medium\" duration, and other durations are calculated as multiples or fractions of this base.";
|
|
150
|
-
};
|
|
151
|
-
min: {
|
|
152
|
-
purpose: "duration";
|
|
153
|
-
description: "The minimum duration to use in the duration scale.";
|
|
154
|
-
};
|
|
155
|
-
max: {
|
|
156
|
-
purpose: "duration";
|
|
157
|
-
description: "The maximum duration to use in the duration scale.";
|
|
158
|
-
};
|
|
159
|
-
};
|
|
160
|
-
};
|
|
161
|
-
action: {
|
|
162
|
-
padding: {
|
|
163
|
-
$root: {
|
|
164
|
-
purpose: "other";
|
|
165
|
-
description: string;
|
|
166
|
-
};
|
|
167
|
-
inline: {
|
|
168
|
-
purpose: "spacing";
|
|
169
|
-
description: "Inline (horizontal, usually) padding";
|
|
170
|
-
};
|
|
171
|
-
block: {
|
|
172
|
-
purpose: "spacing";
|
|
173
|
-
description: "Block (vertical, usually) padding";
|
|
174
|
-
};
|
|
175
|
-
};
|
|
176
|
-
roundness: {
|
|
177
|
-
purpose: "scalar";
|
|
178
|
-
description: "This token controls the overall roundness of actions and stacks with the root roundness token";
|
|
179
|
-
};
|
|
180
|
-
radius: {
|
|
181
|
-
purpose: "border-radius";
|
|
182
|
-
description: "This token captures the border-radius of actions, taking into account the overall roundness";
|
|
183
|
-
};
|
|
184
|
-
text: {
|
|
185
|
-
size: "font-size";
|
|
186
|
-
weight: "font-weight";
|
|
187
|
-
lineHeight: "line-height";
|
|
188
|
-
font: "font-family";
|
|
189
|
-
letterSpacing: "letter-spacing";
|
|
190
|
-
};
|
|
191
|
-
primary: {
|
|
192
|
-
fg: {
|
|
193
|
-
purpose: "color";
|
|
194
|
-
description: "Foreground color";
|
|
195
|
-
};
|
|
196
|
-
bg: {
|
|
197
|
-
purpose: "background";
|
|
198
|
-
description: "Background - can be a color or a more complex value like a gradient or image";
|
|
199
|
-
};
|
|
200
|
-
borderColor: {
|
|
201
|
-
purpose: "color";
|
|
202
|
-
};
|
|
203
|
-
borderWidth: {
|
|
204
|
-
purpose: "border-width";
|
|
205
|
-
};
|
|
206
|
-
borderStyle: {
|
|
207
|
-
purpose: "border-style";
|
|
208
|
-
};
|
|
209
|
-
border: {
|
|
210
|
-
purpose: "border";
|
|
211
|
-
description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
|
|
212
|
-
};
|
|
213
|
-
};
|
|
214
|
-
secondary: {
|
|
215
|
-
fg: {
|
|
216
|
-
purpose: "color";
|
|
217
|
-
description: "Foreground color";
|
|
218
|
-
};
|
|
219
|
-
bg: {
|
|
220
|
-
purpose: "background";
|
|
221
|
-
description: "Background - can be a color or a more complex value like a gradient or image";
|
|
222
|
-
};
|
|
223
|
-
borderColor: {
|
|
224
|
-
purpose: "color";
|
|
225
|
-
};
|
|
226
|
-
borderWidth: {
|
|
227
|
-
purpose: "border-width";
|
|
228
|
-
};
|
|
229
|
-
borderStyle: {
|
|
230
|
-
purpose: "border-style";
|
|
231
|
-
};
|
|
232
|
-
border: {
|
|
233
|
-
purpose: "border";
|
|
234
|
-
description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
|
|
235
|
-
};
|
|
236
|
-
};
|
|
237
|
-
ambient: {
|
|
238
|
-
fg: {
|
|
239
|
-
purpose: "color";
|
|
240
|
-
description: "Foreground color";
|
|
241
|
-
};
|
|
242
|
-
bg: {
|
|
243
|
-
purpose: "background";
|
|
244
|
-
description: "Background - can be a color or a more complex value like a gradient or image";
|
|
245
|
-
};
|
|
246
|
-
borderColor: {
|
|
247
|
-
purpose: "color";
|
|
248
|
-
};
|
|
249
|
-
borderWidth: {
|
|
250
|
-
purpose: "border-width";
|
|
251
|
-
};
|
|
252
|
-
borderStyle: {
|
|
253
|
-
purpose: "border-style";
|
|
254
|
-
};
|
|
255
|
-
border: {
|
|
256
|
-
purpose: "border";
|
|
257
|
-
description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
|
|
258
|
-
};
|
|
259
|
-
};
|
|
260
|
-
};
|
|
261
|
-
control: {
|
|
262
|
-
text: {
|
|
263
|
-
size: "font-size";
|
|
264
|
-
weight: "font-weight";
|
|
265
|
-
lineHeight: "line-height";
|
|
266
|
-
font: "font-family";
|
|
267
|
-
letterSpacing: "letter-spacing";
|
|
268
|
-
};
|
|
269
|
-
fg: {
|
|
270
|
-
purpose: "color";
|
|
271
|
-
description: "Foreground color";
|
|
272
|
-
};
|
|
273
|
-
bg: {
|
|
274
|
-
purpose: "background";
|
|
275
|
-
description: "Background - can be a color or a more complex value like a gradient or image";
|
|
276
|
-
};
|
|
277
|
-
borderColor: {
|
|
278
|
-
purpose: "color";
|
|
279
|
-
};
|
|
280
|
-
borderWidth: {
|
|
281
|
-
purpose: "border-width";
|
|
282
|
-
};
|
|
283
|
-
borderStyle: {
|
|
284
|
-
purpose: "border-style";
|
|
285
|
-
};
|
|
286
|
-
border: {
|
|
287
|
-
purpose: "border";
|
|
288
|
-
description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
|
|
289
|
-
};
|
|
290
|
-
padding: {
|
|
291
|
-
$root: {
|
|
292
|
-
purpose: "other";
|
|
293
|
-
description: string;
|
|
294
|
-
};
|
|
295
|
-
inline: {
|
|
296
|
-
purpose: "spacing";
|
|
297
|
-
description: "Inline (horizontal, usually) padding";
|
|
298
|
-
};
|
|
299
|
-
block: {
|
|
300
|
-
purpose: "spacing";
|
|
301
|
-
description: "Block (vertical, usually) padding";
|
|
302
|
-
};
|
|
303
|
-
};
|
|
304
|
-
roundness: {
|
|
305
|
-
purpose: "scalar";
|
|
306
|
-
description: "This token controls the overall roundness of controls and stacks with the root roundness token";
|
|
307
|
-
};
|
|
308
|
-
radius: {
|
|
309
|
-
purpose: "border-radius";
|
|
310
|
-
description: "This token captures the border-radius of controls, taking into account the overall roundness";
|
|
311
|
-
};
|
|
312
|
-
};
|
|
313
|
-
surface: {
|
|
314
|
-
padding: {
|
|
315
|
-
$root: {
|
|
316
|
-
purpose: "other";
|
|
317
|
-
description: string;
|
|
318
|
-
};
|
|
319
|
-
inline: {
|
|
320
|
-
purpose: "spacing";
|
|
321
|
-
description: "Inline (horizontal, usually) padding";
|
|
322
|
-
};
|
|
323
|
-
block: {
|
|
324
|
-
purpose: "spacing";
|
|
325
|
-
description: "Block (vertical, usually) padding";
|
|
326
|
-
};
|
|
327
|
-
};
|
|
328
|
-
roundness: {
|
|
329
|
-
purpose: "scalar";
|
|
330
|
-
description: "This token controls the overall roundness of surfaces and stacks with the root roundness token";
|
|
331
|
-
};
|
|
332
|
-
radius: {
|
|
333
|
-
purpose: "border-radius";
|
|
334
|
-
description: "This token captures the border-radius of surfaces, taking into account the overall roundness";
|
|
335
|
-
};
|
|
336
|
-
text: {
|
|
337
|
-
size: "font-size";
|
|
338
|
-
weight: "font-weight";
|
|
339
|
-
lineHeight: "line-height";
|
|
340
|
-
font: "font-family";
|
|
341
|
-
letterSpacing: "letter-spacing";
|
|
342
|
-
};
|
|
343
|
-
primary: {
|
|
344
|
-
fg: {
|
|
345
|
-
purpose: "color";
|
|
346
|
-
description: "Foreground color";
|
|
347
|
-
};
|
|
348
|
-
bg: {
|
|
349
|
-
purpose: "background";
|
|
350
|
-
description: "Background - can be a color or a more complex value like a gradient or image";
|
|
351
|
-
};
|
|
352
|
-
borderColor: {
|
|
353
|
-
purpose: "color";
|
|
354
|
-
};
|
|
355
|
-
borderWidth: {
|
|
356
|
-
purpose: "border-width";
|
|
357
|
-
};
|
|
358
|
-
borderStyle: {
|
|
359
|
-
purpose: "border-style";
|
|
360
|
-
};
|
|
361
|
-
border: {
|
|
362
|
-
purpose: "border";
|
|
363
|
-
description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
|
|
364
|
-
};
|
|
365
|
-
};
|
|
366
|
-
secondary: {
|
|
367
|
-
fg: {
|
|
368
|
-
purpose: "color";
|
|
369
|
-
description: "Foreground color";
|
|
370
|
-
};
|
|
371
|
-
bg: {
|
|
372
|
-
purpose: "background";
|
|
373
|
-
description: "Background - can be a color or a more complex value like a gradient or image";
|
|
374
|
-
};
|
|
375
|
-
borderColor: {
|
|
376
|
-
purpose: "color";
|
|
377
|
-
};
|
|
378
|
-
borderWidth: {
|
|
379
|
-
purpose: "border-width";
|
|
380
|
-
};
|
|
381
|
-
borderStyle: {
|
|
382
|
-
purpose: "border-style";
|
|
383
|
-
};
|
|
384
|
-
border: {
|
|
385
|
-
purpose: "border";
|
|
386
|
-
description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
|
|
387
|
-
};
|
|
388
|
-
};
|
|
389
|
-
ambient: {
|
|
390
|
-
fg: {
|
|
391
|
-
purpose: "color";
|
|
392
|
-
description: "Foreground color";
|
|
393
|
-
};
|
|
394
|
-
bg: {
|
|
395
|
-
purpose: "background";
|
|
396
|
-
description: "Background - can be a color or a more complex value like a gradient or image";
|
|
397
|
-
};
|
|
398
|
-
borderColor: {
|
|
399
|
-
purpose: "color";
|
|
400
|
-
};
|
|
401
|
-
borderWidth: {
|
|
402
|
-
purpose: "border-width";
|
|
403
|
-
};
|
|
404
|
-
borderStyle: {
|
|
405
|
-
purpose: "border-style";
|
|
406
|
-
};
|
|
407
|
-
border: {
|
|
408
|
-
purpose: "border";
|
|
409
|
-
description: "Compiles the border color, width, and style into a single token for direct assignment to border.";
|
|
410
|
-
};
|
|
411
|
-
};
|
|
412
|
-
};
|
|
413
|
-
prose: {
|
|
414
|
-
primary: {
|
|
415
|
-
size: "font-size";
|
|
416
|
-
weight: "font-weight";
|
|
417
|
-
lineHeight: "line-height";
|
|
418
|
-
font: "font-family";
|
|
419
|
-
letterSpacing: "letter-spacing";
|
|
420
|
-
};
|
|
421
|
-
secondary: {
|
|
422
|
-
size: "font-size";
|
|
423
|
-
weight: "font-weight";
|
|
424
|
-
lineHeight: "line-height";
|
|
425
|
-
font: "font-family";
|
|
426
|
-
letterSpacing: "letter-spacing";
|
|
427
|
-
};
|
|
428
|
-
ambient: {
|
|
429
|
-
size: "font-size";
|
|
430
|
-
weight: "font-weight";
|
|
431
|
-
lineHeight: "line-height";
|
|
432
|
-
font: "font-family";
|
|
433
|
-
letterSpacing: "letter-spacing";
|
|
434
|
-
};
|
|
435
|
-
};
|
|
436
|
-
color: {
|
|
437
|
-
main: {
|
|
438
|
-
$neutral: {
|
|
439
|
-
$root: {
|
|
440
|
-
purpose: "color";
|
|
441
|
-
description: string;
|
|
442
|
-
};
|
|
443
|
-
paper: {
|
|
444
|
-
purpose: "color";
|
|
445
|
-
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
446
|
-
};
|
|
447
|
-
wash: {
|
|
448
|
-
purpose: "color";
|
|
449
|
-
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
450
|
-
};
|
|
451
|
-
light: {
|
|
452
|
-
purpose: "color";
|
|
453
|
-
description: "A light shade, good for emphasized surfaces.";
|
|
454
|
-
};
|
|
455
|
-
mid: {
|
|
456
|
-
purpose: "color";
|
|
457
|
-
description: "The main shade, good for primary actions and decoration.";
|
|
458
|
-
};
|
|
459
|
-
heavy: {
|
|
460
|
-
purpose: "color";
|
|
461
|
-
description: "A heavy shade, good for text emphasis and accents.";
|
|
462
|
-
};
|
|
463
|
-
ink: {
|
|
464
|
-
purpose: "color";
|
|
465
|
-
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
466
|
-
};
|
|
467
|
-
};
|
|
468
|
-
$root: {
|
|
469
|
-
purpose: "color";
|
|
470
|
-
description: string;
|
|
471
|
-
};
|
|
472
|
-
paper: {
|
|
473
|
-
purpose: "color";
|
|
474
|
-
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
475
|
-
};
|
|
476
|
-
wash: {
|
|
477
|
-
purpose: "color";
|
|
478
|
-
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
479
|
-
};
|
|
480
|
-
light: {
|
|
481
|
-
purpose: "color";
|
|
482
|
-
description: "A light shade, good for emphasized surfaces.";
|
|
483
|
-
};
|
|
484
|
-
mid: {
|
|
485
|
-
purpose: "color";
|
|
486
|
-
description: "The main shade, good for primary actions and decoration.";
|
|
487
|
-
};
|
|
488
|
-
heavy: {
|
|
489
|
-
purpose: "color";
|
|
490
|
-
description: "A heavy shade, good for text emphasis and accents.";
|
|
491
|
-
};
|
|
492
|
-
ink: {
|
|
493
|
-
purpose: "color";
|
|
494
|
-
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
495
|
-
};
|
|
496
|
-
};
|
|
497
|
-
neutral: {
|
|
498
|
-
$root: {
|
|
499
|
-
purpose: "color";
|
|
500
|
-
description: string;
|
|
501
|
-
};
|
|
502
|
-
paper: {
|
|
503
|
-
purpose: "color";
|
|
504
|
-
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
505
|
-
};
|
|
506
|
-
wash: {
|
|
507
|
-
purpose: "color";
|
|
508
|
-
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
509
|
-
};
|
|
510
|
-
light: {
|
|
511
|
-
purpose: "color";
|
|
512
|
-
description: "A light shade, good for emphasized surfaces.";
|
|
513
|
-
};
|
|
514
|
-
mid: {
|
|
515
|
-
purpose: "color";
|
|
516
|
-
description: "The main shade, good for primary actions and decoration.";
|
|
517
|
-
};
|
|
518
|
-
heavy: {
|
|
519
|
-
purpose: "color";
|
|
520
|
-
description: "A heavy shade, good for text emphasis and accents.";
|
|
521
|
-
};
|
|
522
|
-
ink: {
|
|
523
|
-
purpose: "color";
|
|
524
|
-
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
525
|
-
};
|
|
526
|
-
};
|
|
527
|
-
palette: Record<TColorName, {
|
|
528
|
-
$neutral: {
|
|
529
|
-
$root: {
|
|
530
|
-
purpose: "color";
|
|
531
|
-
description: string;
|
|
532
|
-
};
|
|
533
|
-
paper: {
|
|
534
|
-
purpose: "color";
|
|
535
|
-
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
536
|
-
};
|
|
537
|
-
wash: {
|
|
538
|
-
purpose: "color";
|
|
539
|
-
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
540
|
-
};
|
|
541
|
-
light: {
|
|
542
|
-
purpose: "color";
|
|
543
|
-
description: "A light shade, good for emphasized surfaces.";
|
|
544
|
-
};
|
|
545
|
-
mid: {
|
|
546
|
-
purpose: "color";
|
|
547
|
-
description: "The main shade, good for primary actions and decoration.";
|
|
548
|
-
};
|
|
549
|
-
heavy: {
|
|
550
|
-
purpose: "color";
|
|
551
|
-
description: "A heavy shade, good for text emphasis and accents.";
|
|
552
|
-
};
|
|
553
|
-
ink: {
|
|
554
|
-
purpose: "color";
|
|
555
|
-
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
556
|
-
};
|
|
557
|
-
};
|
|
558
|
-
$root: {
|
|
559
|
-
purpose: "color";
|
|
560
|
-
description: string;
|
|
561
|
-
};
|
|
562
|
-
paper: {
|
|
563
|
-
purpose: "color";
|
|
564
|
-
description: "An extremely light shade, good for backgrounds and surfaces";
|
|
565
|
-
};
|
|
566
|
-
wash: {
|
|
567
|
-
purpose: "color";
|
|
568
|
-
description: "A very faint but slightly vibrant shade, good for backgrounds and surfaces";
|
|
569
|
-
};
|
|
570
|
-
light: {
|
|
571
|
-
purpose: "color";
|
|
572
|
-
description: "A light shade, good for emphasized surfaces.";
|
|
573
|
-
};
|
|
574
|
-
mid: {
|
|
575
|
-
purpose: "color";
|
|
576
|
-
description: "The main shade, good for primary actions and decoration.";
|
|
577
|
-
};
|
|
578
|
-
heavy: {
|
|
579
|
-
purpose: "color";
|
|
580
|
-
description: "A heavy shade, good for text emphasis and accents.";
|
|
581
|
-
};
|
|
582
|
-
ink: {
|
|
583
|
-
purpose: "color";
|
|
584
|
-
description: "A very dark but still slightly vibrant shade, good for text and high contrast elements.";
|
|
585
|
-
};
|
|
586
|
-
}>;
|
|
587
|
-
};
|
|
588
|
-
space: {
|
|
589
|
-
$root: {
|
|
590
|
-
purpose: "spacing";
|
|
591
|
-
description: string;
|
|
592
|
-
};
|
|
593
|
-
xs: "spacing";
|
|
594
|
-
sm: "spacing";
|
|
595
|
-
md: "spacing";
|
|
596
|
-
lg: "spacing";
|
|
597
|
-
xl: "spacing";
|
|
598
|
-
};
|
|
599
|
-
lineWidth: {
|
|
600
|
-
$root: {
|
|
601
|
-
purpose: "border-width";
|
|
602
|
-
description: string;
|
|
603
|
-
};
|
|
604
|
-
sm: {
|
|
605
|
-
purpose: "border-width";
|
|
606
|
-
description: "A hairline border width. Always >= 1px. If the global border width is small, this may be the same as \"md\"";
|
|
607
|
-
};
|
|
608
|
-
md: {
|
|
609
|
-
purpose: "border-width";
|
|
610
|
-
description: "A general-purpose border width";
|
|
611
|
-
};
|
|
612
|
-
lg: {
|
|
613
|
-
purpose: "border-width";
|
|
614
|
-
description: "A thicker border, good for emphasis";
|
|
615
|
-
};
|
|
616
|
-
};
|
|
617
|
-
radius: {
|
|
618
|
-
$root: {
|
|
619
|
-
purpose: "border-radius";
|
|
620
|
-
description: string;
|
|
621
|
-
};
|
|
622
|
-
xs: "border-radius";
|
|
623
|
-
sm: "border-radius";
|
|
624
|
-
md: "border-radius";
|
|
625
|
-
lg: "border-radius";
|
|
626
|
-
full: "border-radius";
|
|
627
|
-
};
|
|
628
|
-
shadow: {
|
|
629
|
-
$root: {
|
|
630
|
-
purpose: "shadow";
|
|
631
|
-
description: string;
|
|
632
|
-
};
|
|
633
|
-
color: {
|
|
634
|
-
purpose: "color";
|
|
635
|
-
description: "If specified, this token overrides shadow colors from primitives";
|
|
636
|
-
};
|
|
637
|
-
none: {
|
|
638
|
-
x: {
|
|
639
|
-
purpose: "size";
|
|
640
|
-
description: "Horizontal offset of the shadow";
|
|
641
|
-
};
|
|
642
|
-
y: {
|
|
643
|
-
purpose: "size";
|
|
644
|
-
description: "Vertical offset of the shadow";
|
|
645
|
-
};
|
|
646
|
-
blur: {
|
|
647
|
-
purpose: "size";
|
|
648
|
-
description: "Blur radius of the shadow";
|
|
649
|
-
};
|
|
650
|
-
spread: {
|
|
651
|
-
purpose: "size";
|
|
652
|
-
description: "Spread radius of the shadow";
|
|
653
|
-
};
|
|
654
|
-
color: {
|
|
655
|
-
purpose: "color";
|
|
656
|
-
description: "Color of the shadow";
|
|
657
|
-
};
|
|
658
|
-
$root: {
|
|
659
|
-
purpose: "shadow";
|
|
660
|
-
description: string;
|
|
661
|
-
};
|
|
662
|
-
};
|
|
663
|
-
sm: {
|
|
664
|
-
x: {
|
|
665
|
-
purpose: "size";
|
|
666
|
-
description: "Horizontal offset of the shadow";
|
|
667
|
-
};
|
|
668
|
-
y: {
|
|
669
|
-
purpose: "size";
|
|
670
|
-
description: "Vertical offset of the shadow";
|
|
671
|
-
};
|
|
672
|
-
blur: {
|
|
673
|
-
purpose: "size";
|
|
674
|
-
description: "Blur radius of the shadow";
|
|
675
|
-
};
|
|
676
|
-
spread: {
|
|
677
|
-
purpose: "size";
|
|
678
|
-
description: "Spread radius of the shadow";
|
|
679
|
-
};
|
|
680
|
-
color: {
|
|
681
|
-
purpose: "color";
|
|
682
|
-
description: "Color of the shadow";
|
|
683
|
-
};
|
|
684
|
-
$root: {
|
|
685
|
-
purpose: "shadow";
|
|
686
|
-
description: string;
|
|
687
|
-
};
|
|
688
|
-
};
|
|
689
|
-
md: {
|
|
690
|
-
x: {
|
|
691
|
-
purpose: "size";
|
|
692
|
-
description: "Horizontal offset of the shadow";
|
|
693
|
-
};
|
|
694
|
-
y: {
|
|
695
|
-
purpose: "size";
|
|
696
|
-
description: "Vertical offset of the shadow";
|
|
697
|
-
};
|
|
698
|
-
blur: {
|
|
699
|
-
purpose: "size";
|
|
700
|
-
description: "Blur radius of the shadow";
|
|
701
|
-
};
|
|
702
|
-
spread: {
|
|
703
|
-
purpose: "size";
|
|
704
|
-
description: "Spread radius of the shadow";
|
|
705
|
-
};
|
|
706
|
-
color: {
|
|
707
|
-
purpose: "color";
|
|
708
|
-
description: "Color of the shadow";
|
|
709
|
-
};
|
|
710
|
-
$root: {
|
|
711
|
-
purpose: "shadow";
|
|
712
|
-
description: string;
|
|
713
|
-
};
|
|
714
|
-
};
|
|
715
|
-
lg: {
|
|
716
|
-
x: {
|
|
717
|
-
purpose: "size";
|
|
718
|
-
description: "Horizontal offset of the shadow";
|
|
719
|
-
};
|
|
720
|
-
y: {
|
|
721
|
-
purpose: "size";
|
|
722
|
-
description: "Vertical offset of the shadow";
|
|
723
|
-
};
|
|
724
|
-
blur: {
|
|
725
|
-
purpose: "size";
|
|
726
|
-
description: "Blur radius of the shadow";
|
|
727
|
-
};
|
|
728
|
-
spread: {
|
|
729
|
-
purpose: "size";
|
|
730
|
-
description: "Spread radius of the shadow";
|
|
731
|
-
};
|
|
732
|
-
color: {
|
|
733
|
-
purpose: "color";
|
|
734
|
-
description: "Color of the shadow";
|
|
735
|
-
};
|
|
736
|
-
$root: {
|
|
737
|
-
purpose: "shadow";
|
|
738
|
-
description: string;
|
|
739
|
-
};
|
|
740
|
-
};
|
|
741
|
-
xl: {
|
|
742
|
-
x: {
|
|
743
|
-
purpose: "size";
|
|
744
|
-
description: "Horizontal offset of the shadow";
|
|
745
|
-
};
|
|
746
|
-
y: {
|
|
747
|
-
purpose: "size";
|
|
748
|
-
description: "Vertical offset of the shadow";
|
|
749
|
-
};
|
|
750
|
-
blur: {
|
|
751
|
-
purpose: "size";
|
|
752
|
-
description: "Blur radius of the shadow";
|
|
753
|
-
};
|
|
754
|
-
spread: {
|
|
755
|
-
purpose: "size";
|
|
756
|
-
description: "Spread radius of the shadow";
|
|
757
|
-
};
|
|
758
|
-
color: {
|
|
759
|
-
purpose: "color";
|
|
760
|
-
description: "Color of the shadow";
|
|
761
|
-
};
|
|
762
|
-
$root: {
|
|
763
|
-
purpose: "shadow";
|
|
764
|
-
description: string;
|
|
765
|
-
};
|
|
766
|
-
};
|
|
767
|
-
};
|
|
768
|
-
easing: {
|
|
769
|
-
in: {
|
|
770
|
-
$root: {
|
|
771
|
-
purpose: "easing-function";
|
|
772
|
-
description: string;
|
|
773
|
-
};
|
|
774
|
-
tight: {
|
|
775
|
-
purpose: "easing-function";
|
|
776
|
-
description: "A short, snappy easing, good for tight interactions";
|
|
777
|
-
};
|
|
778
|
-
medium: {
|
|
779
|
-
purpose: "easing-function";
|
|
780
|
-
description: "A medium easing, good for general use";
|
|
781
|
-
};
|
|
782
|
-
loose: {
|
|
783
|
-
purpose: "easing-function";
|
|
784
|
-
description: "A long, relaxed easing, good for slow interactions and animations";
|
|
785
|
-
};
|
|
786
|
-
};
|
|
787
|
-
out: {
|
|
788
|
-
$root: {
|
|
789
|
-
purpose: "easing-function";
|
|
790
|
-
description: string;
|
|
791
|
-
};
|
|
792
|
-
tight: {
|
|
793
|
-
purpose: "easing-function";
|
|
794
|
-
description: "A short, snappy easing, good for tight interactions";
|
|
795
|
-
};
|
|
796
|
-
medium: {
|
|
797
|
-
purpose: "easing-function";
|
|
798
|
-
description: "A medium easing, good for general use";
|
|
799
|
-
};
|
|
800
|
-
loose: {
|
|
801
|
-
purpose: "easing-function";
|
|
802
|
-
description: "A long, relaxed easing, good for slow interactions and animations";
|
|
803
|
-
};
|
|
804
|
-
};
|
|
805
|
-
$root: {
|
|
806
|
-
purpose: "easing-function";
|
|
807
|
-
description: string;
|
|
808
|
-
};
|
|
809
|
-
tight: {
|
|
810
|
-
purpose: "easing-function";
|
|
811
|
-
description: "A short, snappy easing, good for tight interactions";
|
|
812
|
-
};
|
|
813
|
-
medium: {
|
|
814
|
-
purpose: "easing-function";
|
|
815
|
-
description: "A medium easing, good for general use";
|
|
816
|
-
};
|
|
817
|
-
loose: {
|
|
818
|
-
purpose: "easing-function";
|
|
819
|
-
description: "A long, relaxed easing, good for slow interactions and animations";
|
|
820
|
-
};
|
|
821
|
-
};
|
|
822
|
-
duration: {
|
|
823
|
-
$root: {
|
|
824
|
-
purpose: "duration";
|
|
825
|
-
description: string;
|
|
826
|
-
};
|
|
827
|
-
short: {
|
|
828
|
-
purpose: "duration";
|
|
829
|
-
description: "A short, snappy duration, good for fast interactions and large animations";
|
|
830
|
-
};
|
|
831
|
-
medium: {
|
|
832
|
-
purpose: "duration";
|
|
833
|
-
description: "A medium duration, good for general use, fast enough for interactions";
|
|
834
|
-
};
|
|
835
|
-
long: {
|
|
836
|
-
purpose: "duration";
|
|
837
|
-
description: "A long, relaxed duration, good for slow interactions and animations";
|
|
838
|
-
};
|
|
839
|
-
};
|
|
840
|
-
text: {
|
|
841
|
-
weight: {
|
|
842
|
-
$root: {
|
|
843
|
-
purpose: "font-weight";
|
|
844
|
-
description: string;
|
|
845
|
-
};
|
|
846
|
-
thin: {
|
|
847
|
-
purpose: "font-weight";
|
|
848
|
-
description: "A thin font weight, good for large or de-emphasized text";
|
|
849
|
-
};
|
|
850
|
-
normal: {
|
|
851
|
-
purpose: "font-weight";
|
|
852
|
-
description: "A normal font weight, good for general use";
|
|
853
|
-
};
|
|
854
|
-
bold: {
|
|
855
|
-
purpose: "font-weight";
|
|
856
|
-
description: "A bold font weight, good for small or emphasized text";
|
|
857
|
-
};
|
|
858
|
-
};
|
|
859
|
-
size: {
|
|
860
|
-
$root: {
|
|
861
|
-
purpose: "font-size";
|
|
862
|
-
description: string;
|
|
863
|
-
};
|
|
864
|
-
sm: {
|
|
865
|
-
purpose: "font-size";
|
|
866
|
-
description: "A small font size, good for captions and fine print";
|
|
867
|
-
};
|
|
868
|
-
md: {
|
|
869
|
-
purpose: "font-size";
|
|
870
|
-
description: "A medium font size, good for general use";
|
|
871
|
-
};
|
|
872
|
-
lg: {
|
|
873
|
-
purpose: "font-size";
|
|
874
|
-
description: "A large font size, good for headings and emphasis";
|
|
875
|
-
};
|
|
876
|
-
};
|
|
877
|
-
lineHeight: {
|
|
878
|
-
$root: {
|
|
879
|
-
purpose: "line-height";
|
|
880
|
-
description: string;
|
|
881
|
-
};
|
|
882
|
-
tight: {
|
|
883
|
-
purpose: "line-height";
|
|
884
|
-
description: "A tight line height, good for large text or when space is limited";
|
|
885
|
-
};
|
|
886
|
-
normal: {
|
|
887
|
-
purpose: "line-height";
|
|
888
|
-
description: "A normal line height, good for general use";
|
|
889
|
-
};
|
|
890
|
-
loose: {
|
|
891
|
-
purpose: "line-height";
|
|
892
|
-
description: "A loose line height, good for small text or when readability is a concern";
|
|
893
|
-
};
|
|
894
|
-
};
|
|
895
|
-
letterSpacing: {
|
|
896
|
-
$root: {
|
|
897
|
-
purpose: "letter-spacing";
|
|
898
|
-
description: string;
|
|
899
|
-
};
|
|
900
|
-
tight: {
|
|
901
|
-
purpose: "letter-spacing";
|
|
902
|
-
description: "A tight letter spacing, good for large text or when space is limited";
|
|
903
|
-
};
|
|
904
|
-
normal: {
|
|
905
|
-
purpose: "letter-spacing";
|
|
906
|
-
description: "A normal letter spacing, good for general use";
|
|
907
|
-
};
|
|
908
|
-
loose: {
|
|
909
|
-
purpose: "letter-spacing";
|
|
910
|
-
description: "A loose letter spacing, good for small text or when readability is a concern";
|
|
911
|
-
};
|
|
912
|
-
};
|
|
913
|
-
};
|
|
914
|
-
};
|
|
915
|
-
export type ArborModeSchema<TColorName extends string = string> = ReturnType<typeof createArborModeSchema<TColorName>>;
|
|
916
|
-
//# sourceMappingURL=modeSchema.d.ts.map
|