@multiplatform.one/theme 7.34.4 → 7.35.0
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/package.json +20 -5
- package/src/audit/constraintAudit.spec.ts +274 -87
- package/src/audit/constraintAudit.ts +135 -120
- package/src/audit/constraintScope.spec.ts +1 -1
- package/src/audit/designTokens.ts +42 -0
- package/src/audit/themeMatrix.spec.ts +83 -2
- package/src/audit/themeMatrix.ts +33 -1
- package/src/figma/figmaTokens.spec.ts +26 -34
- package/src/figma/figmaTokens.ts +26 -50
- package/src/fonts/createFontLoader.ts +4 -1
- package/src/menuRow.ts +4 -1
- package/src/theme/FontKnobStyles.tsx +2 -1
- package/src/theme/Preset.stories.tsx +0 -1
- package/src/theme/Preset.tsx +6 -1
- package/src/theme/PresetContext.ts +4 -0
- package/src/theme/Surface.spec.tsx +114 -67
- package/src/theme/Surface.stories.tsx +8 -25
- package/src/theme/Surface.tsx +87 -43
- package/src/theme/accentFloor.spec.ts +37 -11
- package/src/theme/activateThemeConfig.ts +22 -6
- package/src/theme/animations/animations.spec.ts +62 -0
- package/src/theme/animations/css.ts +9 -35
- package/src/theme/animations/reactNative.ts +98 -25
- package/src/theme/boundaryFloor.spec.ts +57 -0
- package/src/theme/chartPalette.spec.ts +56 -27
- package/src/theme/chartPalette.ts +33 -28
- package/src/theme/colorRules.spec.ts +32 -72
- package/src/theme/cookies.spec.ts +49 -18
- package/src/theme/cookies.ts +36 -7
- package/src/theme/cookiesPersistence.spec.ts +5 -5
- package/src/theme/createDefaultThemeConfig.spec.ts +182 -20
- package/src/theme/createDefaultThemeConfig.ts +34 -28
- package/src/theme/createThemes.ts +169 -218
- package/src/theme/defaults/accent.ts +3 -35
- package/src/theme/defaults/base.ts +14 -53
- package/src/theme/defaults/builderOptions.ts +68 -85
- package/src/theme/defaults/categoryFonts.ts +10 -0
- package/src/theme/defaults/fonts.spec.ts +84 -4
- package/src/theme/defaults/fonts.ts +166 -124
- package/src/theme/defaults/house.ts +48 -0
- package/src/theme/defaults/index.ts +1 -0
- package/src/theme/defaults/neutralRamp.spec.ts +52 -47
- package/src/theme/devtools/ColorLineVisualizer.tsx +6 -6
- package/src/theme/devtools/ThemeDevtoolsPanel.setMarkers.spec.tsx +13 -6
- package/src/theme/devtools/ThemeDevtoolsPanel.tsx +14 -77
- package/src/theme/devtools/animationOptions.spec.ts +23 -37
- package/src/theme/devtools/animationOptions.ts +4 -6
- package/src/theme/devtools/buildSnapshot.ts +0 -3
- package/src/theme/devtools/knobIcons.tsx +4 -24
- package/src/theme/focusState.spec.ts +9 -30
- package/src/theme/index.ts +17 -0
- package/src/theme/intentFill.spec.ts +42 -0
- package/src/theme/knobs.ts +14 -42
- package/src/theme/layoutTokens.ts +15 -1
- package/src/theme/layoutTokensHooks.spec.tsx +8 -4
- package/src/theme/mergedTokens.ts +20 -0
- package/src/theme/motion.spec.ts +84 -0
- package/src/theme/motion.ts +53 -0
- package/src/theme/motionStops.ts +17 -0
- package/src/theme/motionTiming.ts +59 -0
- package/src/theme/mpo13Proof.spec.ts +43 -46
- package/src/theme/mpo19Proof.spec.ts +13 -14
- package/src/theme/namedInkFloor.spec.ts +60 -0
- package/src/theme/overlaySurfaces.tsx +330 -0
- package/src/theme/preset.types.ts +16 -0
- package/src/theme/presetPreview.ts +32 -0
- package/src/theme/presetRoot.spec.tsx +89 -0
- package/src/theme/presetStore.persistence.spec.ts +141 -0
- package/src/theme/presetStore.spec.ts +205 -0
- package/src/theme/presetStore.ts +286 -0
- package/src/theme/presetUserSync.spec.tsx +168 -0
- package/src/theme/presetUserSync.ts +47 -0
- package/src/theme/presets.spec.ts +22 -15
- package/src/theme/presets.ts +22 -10
- package/src/theme/radiusClass.spec.ts +60 -41
- package/src/theme/radiusClass.ts +17 -4
- package/src/theme/radiusClassTable.generated.ts +3 -3
- package/src/theme/readableColor.spec.ts +59 -152
- package/src/theme/readableColor.ts +34 -174
- package/src/theme/recipeInputs.ts +153 -295
- package/src/theme/recipes.ts +58 -18
- package/src/theme/resolveKnobs.spec.ts +528 -588
- package/src/theme/resolveKnobs.ts +250 -325
- package/src/theme/scale/ScaleStyles.native.tsx +19 -0
- package/src/theme/scale/ScaleStyles.tsx +48 -0
- package/src/theme/scale/activeScale.ts +30 -0
- package/src/theme/scale/deriveRecipeInputs.ts +110 -0
- package/src/theme/scale/generateScale.spec.ts +260 -0
- package/src/theme/scale/generateScale.ts +147 -0
- package/src/theme/scale/index.ts +54 -0
- package/src/theme/scale/installScaleConfig.native.spec.ts +77 -0
- package/src/theme/scale/installScaleConfig.native.ts +57 -0
- package/src/theme/scale/installScaleConfig.ts +7 -0
- package/src/theme/scale/scaleAttribute.ts +21 -0
- package/src/theme/scale/scaleCss.probe.spec.tsx +64 -0
- package/src/theme/scale/scaleCss.spec.ts +132 -0
- package/src/theme/scale/scaleCss.ts +95 -0
- package/src/theme/scale/scaleFonts.ts +106 -0
- package/src/theme/scale/scaleInputs.ts +322 -0
- package/src/theme/scale/themeScales.ts +181 -0
- package/src/theme/scale/useActiveScale.spec.tsx +129 -0
- package/src/theme/scale/useActiveScale.ts +95 -0
- package/src/theme/schemeStore.spec.ts +81 -0
- package/src/theme/schemeStore.ts +67 -0
- package/src/theme/shared.spec.ts +7 -6
- package/src/theme/shared.tsx +37 -3
- package/src/theme/sizeLadder.spec.ts +37 -36
- package/src/theme/sizeRecipes.spec.ts +179 -85
- package/src/theme/sizeRecipes.ts +48 -25
- package/src/theme/subsetThemes.spec.ts +9 -3
- package/src/theme/switchThumb.spec.ts +69 -0
- package/src/theme/syntaxFloor.spec.ts +11 -8
- package/src/theme/theme.hydration.native.spec.tsx +51 -0
- package/src/theme/theme.native.tsx +59 -21
- package/src/theme/theme.palette.spec.tsx +76 -0
- package/src/theme/theme.preset.native.spec.tsx +73 -0
- package/src/theme/theme.provider.spec.ts +143 -1
- package/src/theme/theme.tsx +61 -25
- package/src/theme/tileSizes.ts +6 -7
- package/src/theme/transitionProps.native.ts +25 -2
- package/src/theme/transitionProps.spec.ts +34 -0
- package/src/theme/transitionProps.ts +26 -2
- package/src/theme/usePresetSwitch.native.spec.tsx +68 -0
- package/src/theme/usePresetSwitch.native.ts +32 -0
- package/src/theme/usePresetSwitch.spec.tsx +103 -0
- package/src/theme/usePresetSwitch.ts +54 -0
- package/src/theme/useResolvedKnobs.hydration.spec.tsx +2 -2
- package/src/theme/useResolvedKnobs.ts +23 -90
- package/src/theme/useResolvedKnobsBehavior.spec.tsx +25 -30
- package/src/theme/useSchemePreference.native.ts +33 -0
- package/src/theme/useSchemePreference.spec.tsx +51 -0
- package/src/theme/useSchemePreference.ts +32 -0
- package/src/theme/useSchemePreference.web.spec.tsx +32 -0
- package/src/theme/useTheme.native.spec.tsx +68 -0
- package/src/theme/useTheme.native.ts +49 -24
- package/src/theme/useTheme.ts +7 -4
- package/types/audit/constraintAudit.d.ts +6 -5
- package/types/audit/constraintAudit.d.ts.map +1 -1
- package/types/audit/designTokens.d.ts +13 -0
- package/types/audit/designTokens.d.ts.map +1 -0
- package/types/audit/themeMatrix.d.ts +10 -0
- package/types/audit/themeMatrix.d.ts.map +1 -1
- package/types/figma/figmaTokens.d.ts +11 -28
- package/types/figma/figmaTokens.d.ts.map +1 -1
- package/types/fonts/createFontLoader.d.ts.map +1 -1
- package/types/menuRow.d.ts +4 -1
- package/types/menuRow.d.ts.map +1 -1
- package/types/theme/FontKnobStyles.d.ts.map +1 -1
- package/types/theme/Preset.d.ts.map +1 -1
- package/types/theme/PresetContext.d.ts +4 -0
- package/types/theme/PresetContext.d.ts.map +1 -1
- package/types/theme/Surface.d.ts +57 -26
- package/types/theme/Surface.d.ts.map +1 -1
- package/types/theme/activateThemeConfig.d.ts +5 -3
- package/types/theme/activateThemeConfig.d.ts.map +1 -1
- package/types/theme/animations/css.d.ts +27 -34
- package/types/theme/animations/css.d.ts.map +1 -1
- package/types/theme/animations/reactNative.d.ts +196 -45
- package/types/theme/animations/reactNative.d.ts.map +1 -1
- package/types/theme/chartPalette.d.ts +11 -3
- package/types/theme/chartPalette.d.ts.map +1 -1
- package/types/theme/colorRules.d.ts +1 -1
- package/types/theme/cookies.d.ts +12 -1
- package/types/theme/cookies.d.ts.map +1 -1
- package/types/theme/createDefaultThemeConfig.d.ts +13 -13
- package/types/theme/createDefaultThemeConfig.d.ts.map +1 -1
- package/types/theme/createThemes.d.ts +58 -2
- package/types/theme/createThemes.d.ts.map +1 -1
- package/types/theme/defaults/accent.d.ts.map +1 -1
- package/types/theme/defaults/base.d.ts.map +1 -1
- package/types/theme/defaults/builderOptions.d.ts.map +1 -1
- package/types/theme/defaults/categoryFonts.d.ts +10 -0
- package/types/theme/defaults/categoryFonts.d.ts.map +1 -1
- package/types/theme/defaults/fonts.d.ts +330 -30
- package/types/theme/defaults/fonts.d.ts.map +1 -1
- package/types/theme/defaults/house.d.ts +8 -0
- package/types/theme/defaults/house.d.ts.map +1 -0
- package/types/theme/defaults/index.d.ts +1 -0
- package/types/theme/defaults/index.d.ts.map +1 -1
- package/types/theme/devtools/ThemeDevtoolsPanel.d.ts +3 -3
- package/types/theme/devtools/ThemeDevtoolsPanel.d.ts.map +1 -1
- package/types/theme/devtools/animationOptions.d.ts.map +1 -1
- package/types/theme/devtools/buildSnapshot.d.ts.map +1 -1
- package/types/theme/devtools/knobIcons.d.ts +0 -3
- package/types/theme/devtools/knobIcons.d.ts.map +1 -1
- package/types/theme/index.d.ts +11 -0
- package/types/theme/index.d.ts.map +1 -1
- package/types/theme/knobs.d.ts +8 -36
- package/types/theme/knobs.d.ts.map +1 -1
- package/types/theme/layoutTokens.d.ts +13 -1
- package/types/theme/layoutTokens.d.ts.map +1 -1
- package/types/theme/mergedTokens.d.ts +11 -0
- package/types/theme/mergedTokens.d.ts.map +1 -0
- package/types/theme/motion.d.ts +17 -0
- package/types/theme/motion.d.ts.map +1 -0
- package/types/theme/motionStops.d.ts +3 -0
- package/types/theme/motionStops.d.ts.map +1 -0
- package/types/theme/motionTiming.d.ts +36 -0
- package/types/theme/motionTiming.d.ts.map +1 -0
- package/types/theme/overlaySurfaces.d.ts +70 -0
- package/types/theme/overlaySurfaces.d.ts.map +1 -0
- package/types/theme/preset.types.d.ts +16 -0
- package/types/theme/preset.types.d.ts.map +1 -1
- package/types/theme/presetPreview.d.ts +14 -0
- package/types/theme/presetPreview.d.ts.map +1 -0
- package/types/theme/presetStore.d.ts +40 -0
- package/types/theme/presetStore.d.ts.map +1 -0
- package/types/theme/presetUserSync.d.ts +7 -0
- package/types/theme/presetUserSync.d.ts.map +1 -0
- package/types/theme/presets.d.ts +12 -4
- package/types/theme/presets.d.ts.map +1 -1
- package/types/theme/radiusClass.d.ts +5 -2
- package/types/theme/radiusClass.d.ts.map +1 -1
- package/types/theme/radiusClassTable.generated.d.ts +3 -3
- package/types/theme/readableColor.d.ts +11 -49
- package/types/theme/readableColor.d.ts.map +1 -1
- package/types/theme/recipeInputs.d.ts +39 -70
- package/types/theme/recipeInputs.d.ts.map +1 -1
- package/types/theme/recipes.d.ts +79 -18
- package/types/theme/recipes.d.ts.map +1 -1
- package/types/theme/resolveKnobs.d.ts +64 -32
- package/types/theme/resolveKnobs.d.ts.map +1 -1
- package/types/theme/scale/ScaleStyles.d.ts +18 -0
- package/types/theme/scale/ScaleStyles.d.ts.map +1 -0
- package/types/theme/scale/ScaleStyles.native.d.ts +10 -0
- package/types/theme/scale/ScaleStyles.native.d.ts.map +1 -0
- package/types/theme/scale/activeScale.d.ts +13 -0
- package/types/theme/scale/activeScale.d.ts.map +1 -0
- package/types/theme/scale/deriveRecipeInputs.d.ts +10 -0
- package/types/theme/scale/deriveRecipeInputs.d.ts.map +1 -0
- package/types/theme/scale/generateScale.d.ts +38 -0
- package/types/theme/scale/generateScale.d.ts.map +1 -0
- package/types/theme/scale/index.d.ts +17 -0
- package/types/theme/scale/index.d.ts.map +1 -0
- package/types/theme/scale/installScaleConfig.d.ts +4 -0
- package/types/theme/scale/installScaleConfig.d.ts.map +1 -0
- package/types/theme/scale/installScaleConfig.native.d.ts +13 -0
- package/types/theme/scale/installScaleConfig.native.d.ts.map +1 -0
- package/types/theme/scale/scaleAttribute.d.ts +14 -0
- package/types/theme/scale/scaleAttribute.d.ts.map +1 -0
- package/types/theme/scale/scaleCss.d.ts +25 -0
- package/types/theme/scale/scaleCss.d.ts.map +1 -0
- package/types/theme/scale/scaleFonts.d.ts +16 -0
- package/types/theme/scale/scaleFonts.d.ts.map +1 -0
- package/types/theme/scale/scaleInputs.d.ts +66 -0
- package/types/theme/scale/scaleInputs.d.ts.map +1 -0
- package/types/theme/scale/themeScales.d.ts +52 -0
- package/types/theme/scale/themeScales.d.ts.map +1 -0
- package/types/theme/scale/useActiveScale.d.ts +31 -0
- package/types/theme/scale/useActiveScale.d.ts.map +1 -0
- package/types/theme/schemeStore.d.ts +6 -0
- package/types/theme/schemeStore.d.ts.map +1 -0
- package/types/theme/shared.d.ts +18 -0
- package/types/theme/shared.d.ts.map +1 -1
- package/types/theme/sizeRecipes.d.ts +20 -15
- package/types/theme/sizeRecipes.d.ts.map +1 -1
- package/types/theme/theme.d.ts +2 -1
- package/types/theme/theme.d.ts.map +1 -1
- package/types/theme/theme.native.d.ts +10 -1
- package/types/theme/theme.native.d.ts.map +1 -1
- package/types/theme/tileSizes.d.ts +6 -7
- package/types/theme/tileSizes.d.ts.map +1 -1
- package/types/theme/transitionProps.d.ts +3 -1
- package/types/theme/transitionProps.d.ts.map +1 -1
- package/types/theme/transitionProps.native.d.ts +3 -1
- package/types/theme/transitionProps.native.d.ts.map +1 -1
- package/types/theme/usePresetSwitch.d.ts +10 -0
- package/types/theme/usePresetSwitch.d.ts.map +1 -0
- package/types/theme/usePresetSwitch.native.d.ts +10 -0
- package/types/theme/usePresetSwitch.native.d.ts.map +1 -0
- package/types/theme/useResolvedKnobs.d.ts +13 -13
- package/types/theme/useResolvedKnobs.d.ts.map +1 -1
- package/types/theme/useSchemePreference.d.ts +8 -0
- package/types/theme/useSchemePreference.d.ts.map +1 -0
- package/types/theme/useSchemePreference.native.d.ts +8 -0
- package/types/theme/useSchemePreference.native.d.ts.map +1 -0
- package/types/theme/useTheme.d.ts +4 -2
- package/types/theme/useTheme.d.ts.map +1 -1
- package/types/theme/useTheme.native.d.ts +10 -1
- package/types/theme/useTheme.native.d.ts.map +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type GenericFont } from "@tamagui/web";
|
|
2
2
|
import type { FontCategory } from "../knobs";
|
|
3
|
+
import { type ScaleFonts } from "../scale/generateScale";
|
|
3
4
|
/** Inter dynamic tracking for a rendered `sizePx`, in em. */
|
|
4
5
|
export declare function interTrackingEm(sizePx: number): number;
|
|
5
6
|
/** Inter dynamic tracking for a rendered `sizePx`, in px (2-decimal). */
|
|
@@ -11,13 +12,13 @@ export declare function interTrackingPx(sizePx: number): number;
|
|
|
11
12
|
export declare const BODY_LINE_HEIGHT_OFFSET = 10;
|
|
12
13
|
export declare function bodyLineHeightPx(sizePx: number): number;
|
|
13
14
|
/**
|
|
14
|
-
* The
|
|
15
|
-
* `createDefaultFont` defaults to it, so a consumer-registered
|
|
16
|
-
* lands on the same ladder as the built-in ones instead of a
|
|
17
|
-
*
|
|
15
|
+
* The default scale's body size table. Exported under its historical name
|
|
16
|
+
* because `createDefaultFont` defaults to it, so a consumer-registered
|
|
17
|
+
* category font lands on the same ladder as the built-in ones instead of a
|
|
18
|
+
* private copy (MPO-19 X8/X9).
|
|
18
19
|
*/
|
|
19
20
|
export declare const bodyFontSizes: Record<string, number>;
|
|
20
|
-
/** The
|
|
21
|
+
/** The default scale's body leading, before any per-category floor. */
|
|
21
22
|
export declare const bodyFontLineHeights: Record<string, number>;
|
|
22
23
|
/**
|
|
23
24
|
* Concrete family stacks for each `headingFont`/`bodyFont` category. Alias of
|
|
@@ -26,24 +27,138 @@ export declare const bodyFontLineHeights: Record<string, number>;
|
|
|
26
27
|
*/
|
|
27
28
|
export declare const fontFamilyStacks: Record<FontCategory, string>;
|
|
28
29
|
export type FontFamilyCategory = FontCategory;
|
|
29
|
-
/**
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
*/
|
|
34
|
-
export declare function
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
30
|
+
/** Scope leading raised to the category's LC-11 floor. */
|
|
31
|
+
export declare function categoryLineHeights(category: FontCategory, tables?: ScaleFonts, scope?: "body" | "heading"): Record<string, number>;
|
|
32
|
+
/** Category family on the selected scope's size and weight ladder. */
|
|
33
|
+
export declare function createCategoryFont(category: FontCategory, family: string, tables?: ScaleFonts, scope?: "body" | "heading"): GenericFont;
|
|
34
|
+
/** Inter `$heading` on a generated scale's heading ladder. */
|
|
35
|
+
export declare function createHeadingFont(tables?: ScaleFonts): import("@tamagui/web").FillInFont<{
|
|
36
|
+
face: {
|
|
37
|
+
readonly 400: {
|
|
38
|
+
readonly normal: "Inter";
|
|
39
|
+
};
|
|
40
|
+
readonly 500: {
|
|
41
|
+
readonly normal: "InterMedium";
|
|
42
|
+
};
|
|
43
|
+
readonly 600: {
|
|
44
|
+
readonly normal: "InterSemiBold";
|
|
45
|
+
};
|
|
46
|
+
readonly 700: {
|
|
47
|
+
readonly normal: "InterBold";
|
|
48
|
+
};
|
|
49
|
+
readonly 800: {
|
|
50
|
+
readonly normal: "InterExtraBold";
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
size: {
|
|
54
|
+
1: number;
|
|
55
|
+
2: number;
|
|
56
|
+
3: number;
|
|
57
|
+
4: number;
|
|
58
|
+
true: number;
|
|
59
|
+
5: number;
|
|
60
|
+
6: number;
|
|
61
|
+
7: number;
|
|
62
|
+
8: number;
|
|
63
|
+
9: number;
|
|
64
|
+
10: number;
|
|
65
|
+
11: number;
|
|
66
|
+
12: number;
|
|
67
|
+
13: number;
|
|
68
|
+
14: number;
|
|
69
|
+
15: number;
|
|
70
|
+
16: number;
|
|
71
|
+
};
|
|
72
|
+
lineHeight: {
|
|
73
|
+
1: number;
|
|
74
|
+
2: number;
|
|
75
|
+
3: number;
|
|
76
|
+
4: number;
|
|
77
|
+
true: number;
|
|
78
|
+
5: number;
|
|
79
|
+
6: number;
|
|
80
|
+
7: number;
|
|
81
|
+
8: number;
|
|
82
|
+
9: number;
|
|
83
|
+
10: number;
|
|
84
|
+
11: number;
|
|
85
|
+
12: number;
|
|
86
|
+
13: number;
|
|
87
|
+
14: number;
|
|
88
|
+
15: number;
|
|
89
|
+
16: number;
|
|
90
|
+
};
|
|
91
|
+
weight: Record<string, string>;
|
|
92
|
+
letterSpacing: Record<string, number>;
|
|
93
|
+
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 | 13 | 15 | 9 | "true" | 14 | 6 | 10 | 16 | 11 | 8>;
|
|
94
|
+
/** Inter `$body` on a generated scale's body ladder. */
|
|
95
|
+
export declare function createBodyFont(tables?: ScaleFonts): import("@tamagui/web").FillInFont<{
|
|
96
|
+
face: {
|
|
97
|
+
readonly 400: {
|
|
98
|
+
readonly normal: "Inter";
|
|
99
|
+
};
|
|
100
|
+
readonly 500: {
|
|
101
|
+
readonly normal: "InterMedium";
|
|
102
|
+
};
|
|
103
|
+
readonly 600: {
|
|
104
|
+
readonly normal: "InterSemiBold";
|
|
105
|
+
};
|
|
106
|
+
readonly 700: {
|
|
107
|
+
readonly normal: "InterBold";
|
|
108
|
+
};
|
|
109
|
+
readonly 800: {
|
|
110
|
+
readonly normal: "InterExtraBold";
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
size: {
|
|
114
|
+
1: number;
|
|
115
|
+
2: number;
|
|
116
|
+
3: number;
|
|
117
|
+
4: number;
|
|
118
|
+
true: number;
|
|
119
|
+
5: number;
|
|
120
|
+
6: number;
|
|
121
|
+
7: number;
|
|
122
|
+
8: number;
|
|
123
|
+
9: number;
|
|
124
|
+
10: number;
|
|
125
|
+
11: number;
|
|
126
|
+
12: number;
|
|
127
|
+
13: number;
|
|
128
|
+
14: number;
|
|
129
|
+
15: number;
|
|
130
|
+
16: number;
|
|
131
|
+
};
|
|
132
|
+
lineHeight: {
|
|
133
|
+
1: number;
|
|
134
|
+
2: number;
|
|
135
|
+
3: number;
|
|
136
|
+
4: number;
|
|
137
|
+
true: number;
|
|
138
|
+
5: number;
|
|
139
|
+
6: number;
|
|
140
|
+
7: number;
|
|
141
|
+
8: number;
|
|
142
|
+
9: number;
|
|
143
|
+
10: number;
|
|
144
|
+
11: number;
|
|
145
|
+
12: number;
|
|
146
|
+
13: number;
|
|
147
|
+
14: number;
|
|
148
|
+
15: number;
|
|
149
|
+
16: number;
|
|
150
|
+
};
|
|
151
|
+
weight: Record<string, string>;
|
|
152
|
+
letterSpacing: Record<string, number>;
|
|
153
|
+
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 | 13 | 15 | 9 | "true" | 14 | 6 | 10 | 16 | 11 | 8>;
|
|
42
154
|
export declare const defaultHeadingFont: import("@tamagui/web").FillInFont<{
|
|
43
155
|
face: {
|
|
44
156
|
readonly 400: {
|
|
45
157
|
readonly normal: "Inter";
|
|
46
158
|
};
|
|
159
|
+
readonly 500: {
|
|
160
|
+
readonly normal: "InterMedium";
|
|
161
|
+
};
|
|
47
162
|
readonly 600: {
|
|
48
163
|
readonly normal: "InterSemiBold";
|
|
49
164
|
};
|
|
@@ -54,16 +169,55 @@ export declare const defaultHeadingFont: import("@tamagui/web").FillInFont<{
|
|
|
54
169
|
readonly normal: "InterExtraBold";
|
|
55
170
|
};
|
|
56
171
|
};
|
|
57
|
-
size:
|
|
58
|
-
|
|
172
|
+
size: {
|
|
173
|
+
1: number;
|
|
174
|
+
2: number;
|
|
175
|
+
3: number;
|
|
176
|
+
4: number;
|
|
177
|
+
true: number;
|
|
178
|
+
5: number;
|
|
179
|
+
6: number;
|
|
180
|
+
7: number;
|
|
181
|
+
8: number;
|
|
182
|
+
9: number;
|
|
183
|
+
10: number;
|
|
184
|
+
11: number;
|
|
185
|
+
12: number;
|
|
186
|
+
13: number;
|
|
187
|
+
14: number;
|
|
188
|
+
15: number;
|
|
189
|
+
16: number;
|
|
190
|
+
};
|
|
191
|
+
lineHeight: {
|
|
192
|
+
1: number;
|
|
193
|
+
2: number;
|
|
194
|
+
3: number;
|
|
195
|
+
4: number;
|
|
196
|
+
true: number;
|
|
197
|
+
5: number;
|
|
198
|
+
6: number;
|
|
199
|
+
7: number;
|
|
200
|
+
8: number;
|
|
201
|
+
9: number;
|
|
202
|
+
10: number;
|
|
203
|
+
11: number;
|
|
204
|
+
12: number;
|
|
205
|
+
13: number;
|
|
206
|
+
14: number;
|
|
207
|
+
15: number;
|
|
208
|
+
16: number;
|
|
209
|
+
};
|
|
59
210
|
weight: Record<string, string>;
|
|
60
211
|
letterSpacing: Record<string, number>;
|
|
61
|
-
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 |
|
|
212
|
+
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 | 13 | 15 | 9 | "true" | 14 | 6 | 10 | 16 | 11 | 8>;
|
|
62
213
|
export declare const defaultBodyFont: import("@tamagui/web").FillInFont<{
|
|
63
214
|
face: {
|
|
64
215
|
readonly 400: {
|
|
65
216
|
readonly normal: "Inter";
|
|
66
217
|
};
|
|
218
|
+
readonly 500: {
|
|
219
|
+
readonly normal: "InterMedium";
|
|
220
|
+
};
|
|
67
221
|
readonly 600: {
|
|
68
222
|
readonly normal: "InterSemiBold";
|
|
69
223
|
};
|
|
@@ -74,11 +228,47 @@ export declare const defaultBodyFont: import("@tamagui/web").FillInFont<{
|
|
|
74
228
|
readonly normal: "InterExtraBold";
|
|
75
229
|
};
|
|
76
230
|
};
|
|
77
|
-
size:
|
|
78
|
-
|
|
231
|
+
size: {
|
|
232
|
+
1: number;
|
|
233
|
+
2: number;
|
|
234
|
+
3: number;
|
|
235
|
+
4: number;
|
|
236
|
+
true: number;
|
|
237
|
+
5: number;
|
|
238
|
+
6: number;
|
|
239
|
+
7: number;
|
|
240
|
+
8: number;
|
|
241
|
+
9: number;
|
|
242
|
+
10: number;
|
|
243
|
+
11: number;
|
|
244
|
+
12: number;
|
|
245
|
+
13: number;
|
|
246
|
+
14: number;
|
|
247
|
+
15: number;
|
|
248
|
+
16: number;
|
|
249
|
+
};
|
|
250
|
+
lineHeight: {
|
|
251
|
+
1: number;
|
|
252
|
+
2: number;
|
|
253
|
+
3: number;
|
|
254
|
+
4: number;
|
|
255
|
+
true: number;
|
|
256
|
+
5: number;
|
|
257
|
+
6: number;
|
|
258
|
+
7: number;
|
|
259
|
+
8: number;
|
|
260
|
+
9: number;
|
|
261
|
+
10: number;
|
|
262
|
+
11: number;
|
|
263
|
+
12: number;
|
|
264
|
+
13: number;
|
|
265
|
+
14: number;
|
|
266
|
+
15: number;
|
|
267
|
+
16: number;
|
|
268
|
+
};
|
|
79
269
|
weight: Record<string, string>;
|
|
80
270
|
letterSpacing: Record<string, number>;
|
|
81
|
-
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 |
|
|
271
|
+
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 | 13 | 15 | 9 | "true" | 14 | 6 | 10 | 16 | 11 | 8>;
|
|
82
272
|
export declare const defaultSerifFont: GenericFont;
|
|
83
273
|
export declare const defaultMonoFont: GenericFont;
|
|
84
274
|
export declare const defaultSlabFont: GenericFont;
|
|
@@ -89,6 +279,28 @@ export declare const defaultHandwritingFont: GenericFont;
|
|
|
89
279
|
export declare const defaultPixelFont: GenericFont;
|
|
90
280
|
export declare const defaultBlackletterFont: GenericFont;
|
|
91
281
|
export declare const defaultGeometricFont: GenericFont;
|
|
282
|
+
export declare const headingCategoryFontKeys: {
|
|
283
|
+
readonly serif: "headingSerif";
|
|
284
|
+
readonly mono: "headingMono";
|
|
285
|
+
readonly slab: "headingSlab";
|
|
286
|
+
readonly rounded: "headingRounded";
|
|
287
|
+
readonly condensed: "headingCondensed";
|
|
288
|
+
readonly cursive: "headingCursive";
|
|
289
|
+
readonly handwriting: "headingHandwriting";
|
|
290
|
+
readonly pixel: "headingPixel";
|
|
291
|
+
readonly blackletter: "headingBlackletter";
|
|
292
|
+
readonly geometric: "headingGeometric";
|
|
293
|
+
};
|
|
294
|
+
export declare const defaultHeadingSerifFont: GenericFont;
|
|
295
|
+
export declare const defaultHeadingMonoFont: GenericFont;
|
|
296
|
+
export declare const defaultHeadingSlabFont: GenericFont;
|
|
297
|
+
export declare const defaultHeadingRoundedFont: GenericFont;
|
|
298
|
+
export declare const defaultHeadingCondensedFont: GenericFont;
|
|
299
|
+
export declare const defaultHeadingCursiveFont: GenericFont;
|
|
300
|
+
export declare const defaultHeadingHandwritingFont: GenericFont;
|
|
301
|
+
export declare const defaultHeadingPixelFont: GenericFont;
|
|
302
|
+
export declare const defaultHeadingBlackletterFont: GenericFont;
|
|
303
|
+
export declare const defaultHeadingGeometricFont: GenericFont;
|
|
92
304
|
/** All purpose + category fonts registered by `createDefaultThemeConfig`. */
|
|
93
305
|
export declare const defaultFonts: {
|
|
94
306
|
readonly heading: import("@tamagui/web").FillInFont<{
|
|
@@ -96,6 +308,9 @@ export declare const defaultFonts: {
|
|
|
96
308
|
readonly 400: {
|
|
97
309
|
readonly normal: "Inter";
|
|
98
310
|
};
|
|
311
|
+
readonly 500: {
|
|
312
|
+
readonly normal: "InterMedium";
|
|
313
|
+
};
|
|
99
314
|
readonly 600: {
|
|
100
315
|
readonly normal: "InterSemiBold";
|
|
101
316
|
};
|
|
@@ -106,16 +321,55 @@ export declare const defaultFonts: {
|
|
|
106
321
|
readonly normal: "InterExtraBold";
|
|
107
322
|
};
|
|
108
323
|
};
|
|
109
|
-
size:
|
|
110
|
-
|
|
324
|
+
size: {
|
|
325
|
+
1: number;
|
|
326
|
+
2: number;
|
|
327
|
+
3: number;
|
|
328
|
+
4: number;
|
|
329
|
+
true: number;
|
|
330
|
+
5: number;
|
|
331
|
+
6: number;
|
|
332
|
+
7: number;
|
|
333
|
+
8: number;
|
|
334
|
+
9: number;
|
|
335
|
+
10: number;
|
|
336
|
+
11: number;
|
|
337
|
+
12: number;
|
|
338
|
+
13: number;
|
|
339
|
+
14: number;
|
|
340
|
+
15: number;
|
|
341
|
+
16: number;
|
|
342
|
+
};
|
|
343
|
+
lineHeight: {
|
|
344
|
+
1: number;
|
|
345
|
+
2: number;
|
|
346
|
+
3: number;
|
|
347
|
+
4: number;
|
|
348
|
+
true: number;
|
|
349
|
+
5: number;
|
|
350
|
+
6: number;
|
|
351
|
+
7: number;
|
|
352
|
+
8: number;
|
|
353
|
+
9: number;
|
|
354
|
+
10: number;
|
|
355
|
+
11: number;
|
|
356
|
+
12: number;
|
|
357
|
+
13: number;
|
|
358
|
+
14: number;
|
|
359
|
+
15: number;
|
|
360
|
+
16: number;
|
|
361
|
+
};
|
|
111
362
|
weight: Record<string, string>;
|
|
112
363
|
letterSpacing: Record<string, number>;
|
|
113
|
-
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 |
|
|
364
|
+
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 | 13 | 15 | 9 | "true" | 14 | 6 | 10 | 16 | 11 | 8>;
|
|
114
365
|
readonly body: import("@tamagui/web").FillInFont<{
|
|
115
366
|
face: {
|
|
116
367
|
readonly 400: {
|
|
117
368
|
readonly normal: "Inter";
|
|
118
369
|
};
|
|
370
|
+
readonly 500: {
|
|
371
|
+
readonly normal: "InterMedium";
|
|
372
|
+
};
|
|
119
373
|
readonly 600: {
|
|
120
374
|
readonly normal: "InterSemiBold";
|
|
121
375
|
};
|
|
@@ -126,11 +380,57 @@ export declare const defaultFonts: {
|
|
|
126
380
|
readonly normal: "InterExtraBold";
|
|
127
381
|
};
|
|
128
382
|
};
|
|
129
|
-
size:
|
|
130
|
-
|
|
383
|
+
size: {
|
|
384
|
+
1: number;
|
|
385
|
+
2: number;
|
|
386
|
+
3: number;
|
|
387
|
+
4: number;
|
|
388
|
+
true: number;
|
|
389
|
+
5: number;
|
|
390
|
+
6: number;
|
|
391
|
+
7: number;
|
|
392
|
+
8: number;
|
|
393
|
+
9: number;
|
|
394
|
+
10: number;
|
|
395
|
+
11: number;
|
|
396
|
+
12: number;
|
|
397
|
+
13: number;
|
|
398
|
+
14: number;
|
|
399
|
+
15: number;
|
|
400
|
+
16: number;
|
|
401
|
+
};
|
|
402
|
+
lineHeight: {
|
|
403
|
+
1: number;
|
|
404
|
+
2: number;
|
|
405
|
+
3: number;
|
|
406
|
+
4: number;
|
|
407
|
+
true: number;
|
|
408
|
+
5: number;
|
|
409
|
+
6: number;
|
|
410
|
+
7: number;
|
|
411
|
+
8: number;
|
|
412
|
+
9: number;
|
|
413
|
+
10: number;
|
|
414
|
+
11: number;
|
|
415
|
+
12: number;
|
|
416
|
+
13: number;
|
|
417
|
+
14: number;
|
|
418
|
+
15: number;
|
|
419
|
+
16: number;
|
|
420
|
+
};
|
|
131
421
|
weight: Record<string, string>;
|
|
132
422
|
letterSpacing: Record<string, number>;
|
|
133
|
-
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 |
|
|
423
|
+
}, 3 | 1 | 2 | 12 | 7 | 4 | 5 | 13 | 15 | 9 | "true" | 14 | 6 | 10 | 16 | 11 | 8>;
|
|
424
|
+
readonly headingSerif: GenericFont;
|
|
425
|
+
readonly headingMono: GenericFont;
|
|
426
|
+
readonly headingSlab: GenericFont;
|
|
427
|
+
readonly headingRounded: GenericFont;
|
|
428
|
+
readonly headingCondensed: GenericFont;
|
|
429
|
+
readonly headingCursive: GenericFont;
|
|
430
|
+
readonly headingHandwriting: GenericFont;
|
|
431
|
+
readonly headingPixel: GenericFont;
|
|
432
|
+
readonly headingBlackletter: GenericFont;
|
|
433
|
+
readonly headingGeometric: GenericFont;
|
|
134
434
|
readonly serif: GenericFont;
|
|
135
435
|
readonly mono: GenericFont;
|
|
136
436
|
readonly slab: GenericFont;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/theme/defaults/fonts.ts"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAG5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/theme/defaults/fonts.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { BaseThemeBuilderDefinition, ThemeBuilderDefinition } from "../createThemes";
|
|
2
|
+
/**
|
|
3
|
+
* Optional: pass createDefaultThemeConfig({ base: houseBaseTheme, accent: houseAccentTheme }).
|
|
4
|
+
* These are not the default (Clay 2026-10-22).
|
|
5
|
+
*/
|
|
6
|
+
export declare const houseBaseTheme: BaseThemeBuilderDefinition;
|
|
7
|
+
export declare const houseAccentTheme: ThemeBuilderDefinition;
|
|
8
|
+
//# sourceMappingURL=house.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"house.d.ts","sourceRoot":"","sources":["../../../src/theme/defaults/house.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAG1F;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,0BAS5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,sBA6B9B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/defaults/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/defaults/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
*
|
|
6
6
|
* Controls:
|
|
7
7
|
* - Color scheme (system / light / dark) via @vxrn/color-scheme
|
|
8
|
-
* - Preset picker (using registered presets)
|
|
8
|
+
* - Preset picker (using registered presets), each listed with its token
|
|
9
|
+
* scale (control / type px): size and spacing come from the preset's scale
|
|
9
10
|
* - All knobs: fillStyle, borderRadius, cornerSmoothing, borderWidth,
|
|
10
|
-
* elevation,
|
|
11
|
-
* fontWeight, animation,
|
|
11
|
+
* elevation, textAccent, headingFont, bodyFont, fontWeight, animation,
|
|
12
12
|
* plus house decisions (fieldLabelPlacement, requiredMarking, tableZebra,
|
|
13
13
|
* bulkBarPlacement, selectAllScope, timestampStyle, disabledStyle,
|
|
14
14
|
* formAutofocus)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeDevtoolsPanel.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/ThemeDevtoolsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;
|
|
1
|
+
{"version":3,"file":"ThemeDevtoolsPanel.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/ThemeDevtoolsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAuLH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACrC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AA0hBF,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,UAAU,CAAC;IAEjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEjC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAEvB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAmDD,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACd,EAAE,uBAAuB,2CAm5BzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animationOptions.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/animationOptions.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"animationOptions.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/animationOptions.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,EAAE,CAMtE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"buildSnapshot.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/buildSnapshot.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"buildSnapshot.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/buildSnapshot.ts"],"names":[],"mappings":"AA0BA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAyE1D"}
|
|
@@ -10,9 +10,6 @@ import { type ReactNode } from "react";
|
|
|
10
10
|
* Storybook: `ic(active)` → purple accent for active, gray for inactive
|
|
11
11
|
*/
|
|
12
12
|
export declare function fillIcon(value: string, color: string): ReactNode;
|
|
13
|
-
export declare function spaceIcon(value: string, color: string): ReactNode;
|
|
14
|
-
export declare function sizeIcon(value: string, color: string): ReactNode;
|
|
15
|
-
export declare function densityIcon(value: string, color: string): ReactNode;
|
|
16
13
|
export declare function borderRadiusIcon(value: string, color: string): ReactNode;
|
|
17
14
|
export declare function cornerSmoothingIcon(value: string, color: string): ReactNode;
|
|
18
15
|
export declare function borderWidthIcon(value: string, color: string): ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"knobIcons.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/knobIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C;;;;;;;;;GASG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAKhE;AAED,wBAAgB,
|
|
1
|
+
{"version":3,"file":"knobIcons.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/knobIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C;;;;;;;;;GASG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAKhE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAMxE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAkB3E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAUvE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,SAAS,CAqDvF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAiBtE;AAsBD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAiBvE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAiBpE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAetE;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAiBrF;AAoBD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAI/E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAI3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAStE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAkB5E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAW1E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAE1E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAazE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAgBzE"}
|
package/types/theme/index.d.ts
CHANGED
|
@@ -22,12 +22,17 @@ export * from "./layoutTokens";
|
|
|
22
22
|
export * from "./Preset";
|
|
23
23
|
export type { Preset as PresetDefinition, IntentOverride } from "./preset.types";
|
|
24
24
|
export * from "./PresetContext";
|
|
25
|
+
export * from "./presetPreview";
|
|
25
26
|
export * from "./presets";
|
|
27
|
+
export * from "./presetStore";
|
|
28
|
+
export * from "./presetUserSync";
|
|
26
29
|
export * from "./radiusClass";
|
|
27
30
|
export * from "./radiusClassTable.generated";
|
|
28
31
|
export * from "./readableColor";
|
|
29
32
|
export * from "./recipes";
|
|
30
33
|
export * from "./resolveKnobs";
|
|
34
|
+
export * from "./schemeStore";
|
|
35
|
+
export * from "./scale/index";
|
|
31
36
|
export * from "./shared";
|
|
32
37
|
export * from "./themeValue";
|
|
33
38
|
export * from "./sizeRecipes";
|
|
@@ -39,5 +44,11 @@ export * from "./theme";
|
|
|
39
44
|
export * from "./Tint";
|
|
40
45
|
export * from "./useResolvedKnobs";
|
|
41
46
|
export * from "./useTheme";
|
|
47
|
+
export * from "./usePresetSwitch";
|
|
48
|
+
export * from "./useSchemePreference";
|
|
42
49
|
export * from "./useTouchSurface";
|
|
50
|
+
export * from "./overlaySurfaces";
|
|
51
|
+
export * from "./motion";
|
|
52
|
+
export { animationConfig as cssAnimationConfig, animationDurations, motionStops, type MotionStop, } from "./animations/css";
|
|
53
|
+
export { animationConfig as nativeAnimationConfig } from "./animations/reactNative";
|
|
43
54
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,MAAM,IAAI,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACjF,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,MAAM,IAAI,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACjF,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAElC,cAAc,UAAU,CAAC;AACzB,OAAO,EACL,eAAe,IAAI,kBAAkB,EACrC,kBAAkB,EAClB,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC"}
|
package/types/theme/knobs.d.ts
CHANGED
|
@@ -43,24 +43,6 @@ export declare const Elevation: {
|
|
|
43
43
|
readonly Large: "large";
|
|
44
44
|
};
|
|
45
45
|
export type Elevation = (typeof Elevation)[keyof typeof Elevation];
|
|
46
|
-
export declare const Space: {
|
|
47
|
-
readonly Small: "small";
|
|
48
|
-
readonly Medium: "medium";
|
|
49
|
-
readonly Large: "large";
|
|
50
|
-
};
|
|
51
|
-
export type Space = (typeof Space)[keyof typeof Space];
|
|
52
|
-
export declare const Size: {
|
|
53
|
-
readonly Small: "small";
|
|
54
|
-
readonly Medium: "medium";
|
|
55
|
-
readonly Large: "large";
|
|
56
|
-
};
|
|
57
|
-
export type Size = (typeof Size)[keyof typeof Size];
|
|
58
|
-
/** Global density mode — compact steps space down one level; size is independent. */
|
|
59
|
-
export declare const Density: {
|
|
60
|
-
readonly Comfortable: "comfortable";
|
|
61
|
-
readonly Compact: "compact";
|
|
62
|
-
};
|
|
63
|
-
export type Density = (typeof Density)[keyof typeof Density];
|
|
64
46
|
/** Field label placement relative to the control. Default: top. */
|
|
65
47
|
export declare const FieldLabelPlacement: {
|
|
66
48
|
readonly Top: "top";
|
|
@@ -180,31 +162,25 @@ export declare const FontWeight: {
|
|
|
180
162
|
};
|
|
181
163
|
export type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];
|
|
182
164
|
/**
|
|
183
|
-
* Page-title type step (D-11
|
|
184
|
-
*
|
|
185
|
-
* `
|
|
186
|
-
*
|
|
187
|
-
* (Axiom
|
|
188
|
-
* clip. `display` ($10 = 64px) is the deliberate marketing/hero opt-in,
|
|
189
|
-
* reached through the `hero` preset or an explicit knob override; it is never
|
|
190
|
-
* the ambient default.
|
|
191
|
-
*
|
|
192
|
-
* Two values, not a token dial: a free size invites per-screen drift
|
|
193
|
-
* (Axiom 5), and the semantic level stays `headingLevel`'s job either way.
|
|
165
|
+
* Page-title type step (D-11 dial). `moderate` ($10, 40 px at type 15) is the
|
|
166
|
+
* product default: a page title is wayfinding, not content (Axiom 10).
|
|
167
|
+
* `display` ($12, 52 px) is the hero opt-in, through `heroPreset` or an
|
|
168
|
+
* explicit override. Two values, not a free size: a free size invites
|
|
169
|
+
* per-screen drift (Axiom 5), and the semantic level stays `headingLevel`'s.
|
|
194
170
|
*/
|
|
195
171
|
export declare const PageTitleScale: {
|
|
196
172
|
readonly Moderate: "moderate";
|
|
197
173
|
readonly Display: "display";
|
|
198
174
|
};
|
|
199
175
|
export type PageTitleScale = (typeof PageTitleScale)[keyof typeof PageTitleScale];
|
|
200
|
-
import type
|
|
201
|
-
export type Animation = "none" |
|
|
176
|
+
import { type MotionStop } from "./motionStops";
|
|
177
|
+
export type Animation = "none" | MotionStop;
|
|
178
|
+
export declare function normalizeAnimationKnob(value: unknown): Animation | undefined;
|
|
202
179
|
export interface StateKnobs {
|
|
203
180
|
fillStyle?: FillStyle;
|
|
204
181
|
borderRadius?: BorderRadius;
|
|
205
182
|
borderWidth?: BorderWidth;
|
|
206
183
|
elevation?: Elevation;
|
|
207
|
-
space?: Space;
|
|
208
184
|
textAccent?: TextAccent;
|
|
209
185
|
headingFont?: HeadingFont;
|
|
210
186
|
bodyFont?: BodyFont;
|
|
@@ -227,10 +203,6 @@ export interface Knobs {
|
|
|
227
203
|
cornerSmoothing?: CornerSmoothing;
|
|
228
204
|
borderWidth: BorderWidth;
|
|
229
205
|
elevation: Elevation;
|
|
230
|
-
space: Space;
|
|
231
|
-
size: Size;
|
|
232
|
-
/** Propagating density mode. Default comfortable; compact steps space only. */
|
|
233
|
-
density: Density;
|
|
234
206
|
textAccent: TextAccent;
|
|
235
207
|
headingFont: HeadingFont;
|
|
236
208
|
bodyFont: BodyFont;
|