@thesage/ui 0.0.9 → 0.0.11
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/README.md +45 -0
- package/dist/{fontThemes-Bwf7_lFg.d.mts → fontThemes-Cum0S1DI.d.mts} +3 -3
- package/dist/{fontThemes-Bwf7_lFg.d.ts → fontThemes-Cum0S1DI.d.ts} +3 -3
- package/dist/{hooks-C8PrmIXy.d.mts → hooks-CobTQpCg.d.mts} +1 -1
- package/dist/{hooks-Ct9RBhg-.d.ts → hooks-DHPlUx3T.d.ts} +1 -1
- package/dist/hooks.d.mts +2 -2
- package/dist/hooks.d.ts +2 -2
- package/dist/hooks.js.map +1 -1
- package/dist/hooks.mjs.map +1 -1
- package/dist/{index-CsnncHSm.d.mts → index-L8R3gyuQ.d.mts} +1 -1
- package/dist/{index-CsnncHSm.d.ts → index-L8R3gyuQ.d.ts} +1 -1
- package/dist/index.d.mts +145 -12
- package/dist/index.d.ts +145 -12
- package/dist/index.js +165 -24
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +160 -24
- package/dist/index.mjs.map +1 -1
- package/dist/providers.js +10 -10
- package/dist/providers.js.map +1 -1
- package/dist/providers.mjs +10 -10
- package/dist/providers.mjs.map +1 -1
- package/dist/tokens.d.mts +9 -9
- package/dist/tokens.d.ts +9 -9
- package/dist/tokens.js +10 -10
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.mjs +9 -9
- package/dist/tokens.mjs.map +1 -1
- package/package.json +7 -6
package/dist/tokens.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { b as COLOR_MODES, C as ColorMode, a as THEME_NAMES, c as ThemeConfig, T as ThemeName } from './index-
|
|
2
|
-
export { F as FontSize, q as FontTheme, r as FontThemeCategory, n as FontWeight, o as LetterSpacing, L as LineHeight, u as TypeLevel, p as TypePreset, v as TypographyScale, T as TypographyTheme, f as fontFamilies, a as fontLoadingConfig, b as fontSizes, w as fontThemes, c as fontWeights, C as generateScale, A as getAccessibleFontThemes, B as getFontThemeById, x as getFontThemesByCategory, y as getFontThemesByMood, z as getFontThemesForUseCase, i as getFontVariable, k as getResponsiveFontSize, j as getThemeFontVariables, g as letterSpacing, l as lineHeights, h as semanticLetterSpacing, e as semanticLineHeights, s as semanticSizes, d as semanticWeights, t as typePresets, m as typographySystem } from './fontThemes-
|
|
1
|
+
export { b as COLOR_MODES, C as ColorMode, a as THEME_NAMES, c as ThemeConfig, T as ThemeName } from './index-L8R3gyuQ.mjs';
|
|
2
|
+
export { F as FontSize, q as FontTheme, r as FontThemeCategory, n as FontWeight, o as LetterSpacing, L as LineHeight, u as TypeLevel, p as TypePreset, v as TypographyScale, T as TypographyTheme, f as fontFamilies, a as fontLoadingConfig, b as fontSizes, w as fontThemes, c as fontWeights, C as generateScale, A as getAccessibleFontThemes, B as getFontThemeById, x as getFontThemesByCategory, y as getFontThemesByMood, z as getFontThemesForUseCase, i as getFontVariable, k as getResponsiveFontSize, j as getThemeFontVariables, g as letterSpacing, l as lineHeights, h as semanticLetterSpacing, e as semanticLineHeights, s as semanticSizes, d as semanticWeights, t as typePresets, m as typographySystem } from './fontThemes-Cum0S1DI.mjs';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Base Design Tokens
|
|
@@ -341,11 +341,11 @@ declare const studioTokens: {
|
|
|
341
341
|
type StudioTheme = typeof studioTokens;
|
|
342
342
|
|
|
343
343
|
/**
|
|
344
|
-
*
|
|
344
|
+
* Terra Theme Tokens
|
|
345
345
|
* Calm, organic, feminine/yin design
|
|
346
346
|
* Muted earth tones, flowing animations
|
|
347
347
|
*/
|
|
348
|
-
declare const
|
|
348
|
+
declare const terraTokens: {
|
|
349
349
|
readonly light: {
|
|
350
350
|
readonly colors: {
|
|
351
351
|
readonly background: "#faf8f5";
|
|
@@ -472,23 +472,23 @@ declare const sageTokens: {
|
|
|
472
472
|
};
|
|
473
473
|
readonly typography: {
|
|
474
474
|
readonly heading: {
|
|
475
|
-
readonly fontFamily: "var(--font-
|
|
475
|
+
readonly fontFamily: "var(--font-terra-serif)";
|
|
476
476
|
readonly fontWeight: "600";
|
|
477
477
|
readonly letterSpacing: "-0.01em";
|
|
478
478
|
};
|
|
479
479
|
readonly body: {
|
|
480
|
-
readonly fontFamily: "var(--font-
|
|
480
|
+
readonly fontFamily: "var(--font-terra-sans)";
|
|
481
481
|
readonly fontWeight: "400";
|
|
482
482
|
readonly letterSpacing: "0";
|
|
483
483
|
};
|
|
484
484
|
readonly mono: {
|
|
485
|
-
readonly fontFamily: "var(--font-
|
|
485
|
+
readonly fontFamily: "var(--font-terra-mono)";
|
|
486
486
|
readonly fontWeight: "400";
|
|
487
487
|
readonly letterSpacing: "0";
|
|
488
488
|
};
|
|
489
489
|
};
|
|
490
490
|
};
|
|
491
|
-
type
|
|
491
|
+
type TerraTheme = typeof terraTokens;
|
|
492
492
|
|
|
493
493
|
/**
|
|
494
494
|
* Volt Theme Tokens
|
|
@@ -828,4 +828,4 @@ declare function getDependentTokens(sourceToken: string): string[];
|
|
|
828
828
|
*/
|
|
829
829
|
declare function computeDerivedTokens(sourceToken: string, sourceValue: string, mode: 'light' | 'dark'): Record<string, string>;
|
|
830
830
|
|
|
831
|
-
export { type BaseTokens, type ColorPalette, type PaletteCategory, type
|
|
831
|
+
export { type BaseTokens, type ColorPalette, type PaletteCategory, type StudioTheme, type SyntaxColorScheme, type SyntaxTokenType, type TerraTheme, type TokenDerivation, type VoltTheme, accentColorDerivations, adjustLightness, adjustOpacity, adjustSaturation, baseTokens, codeColors, colorPalettes, computeDerivedTokens, getAccessiblePalettes, getContrastRatio, getDependentTokens, getLuminance, getOptimalForeground, getPalettesByCategory, getPalettesByMood, getPalettesForUseCase, hexToHSL, hexToRgb, hslToHex, modeSpecificDerivations, motion, primaryColorDerivations, rotateHue, secondaryColorDerivations, spacing, studioTokens, syntaxColors, terraTokens, tokenDependencyGraph, typography, voltTokens };
|
package/dist/tokens.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { b as COLOR_MODES, C as ColorMode, a as THEME_NAMES, c as ThemeConfig, T as ThemeName } from './index-
|
|
2
|
-
export { F as FontSize, q as FontTheme, r as FontThemeCategory, n as FontWeight, o as LetterSpacing, L as LineHeight, u as TypeLevel, p as TypePreset, v as TypographyScale, T as TypographyTheme, f as fontFamilies, a as fontLoadingConfig, b as fontSizes, w as fontThemes, c as fontWeights, C as generateScale, A as getAccessibleFontThemes, B as getFontThemeById, x as getFontThemesByCategory, y as getFontThemesByMood, z as getFontThemesForUseCase, i as getFontVariable, k as getResponsiveFontSize, j as getThemeFontVariables, g as letterSpacing, l as lineHeights, h as semanticLetterSpacing, e as semanticLineHeights, s as semanticSizes, d as semanticWeights, t as typePresets, m as typographySystem } from './fontThemes-
|
|
1
|
+
export { b as COLOR_MODES, C as ColorMode, a as THEME_NAMES, c as ThemeConfig, T as ThemeName } from './index-L8R3gyuQ.js';
|
|
2
|
+
export { F as FontSize, q as FontTheme, r as FontThemeCategory, n as FontWeight, o as LetterSpacing, L as LineHeight, u as TypeLevel, p as TypePreset, v as TypographyScale, T as TypographyTheme, f as fontFamilies, a as fontLoadingConfig, b as fontSizes, w as fontThemes, c as fontWeights, C as generateScale, A as getAccessibleFontThemes, B as getFontThemeById, x as getFontThemesByCategory, y as getFontThemesByMood, z as getFontThemesForUseCase, i as getFontVariable, k as getResponsiveFontSize, j as getThemeFontVariables, g as letterSpacing, l as lineHeights, h as semanticLetterSpacing, e as semanticLineHeights, s as semanticSizes, d as semanticWeights, t as typePresets, m as typographySystem } from './fontThemes-Cum0S1DI.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Base Design Tokens
|
|
@@ -341,11 +341,11 @@ declare const studioTokens: {
|
|
|
341
341
|
type StudioTheme = typeof studioTokens;
|
|
342
342
|
|
|
343
343
|
/**
|
|
344
|
-
*
|
|
344
|
+
* Terra Theme Tokens
|
|
345
345
|
* Calm, organic, feminine/yin design
|
|
346
346
|
* Muted earth tones, flowing animations
|
|
347
347
|
*/
|
|
348
|
-
declare const
|
|
348
|
+
declare const terraTokens: {
|
|
349
349
|
readonly light: {
|
|
350
350
|
readonly colors: {
|
|
351
351
|
readonly background: "#faf8f5";
|
|
@@ -472,23 +472,23 @@ declare const sageTokens: {
|
|
|
472
472
|
};
|
|
473
473
|
readonly typography: {
|
|
474
474
|
readonly heading: {
|
|
475
|
-
readonly fontFamily: "var(--font-
|
|
475
|
+
readonly fontFamily: "var(--font-terra-serif)";
|
|
476
476
|
readonly fontWeight: "600";
|
|
477
477
|
readonly letterSpacing: "-0.01em";
|
|
478
478
|
};
|
|
479
479
|
readonly body: {
|
|
480
|
-
readonly fontFamily: "var(--font-
|
|
480
|
+
readonly fontFamily: "var(--font-terra-sans)";
|
|
481
481
|
readonly fontWeight: "400";
|
|
482
482
|
readonly letterSpacing: "0";
|
|
483
483
|
};
|
|
484
484
|
readonly mono: {
|
|
485
|
-
readonly fontFamily: "var(--font-
|
|
485
|
+
readonly fontFamily: "var(--font-terra-mono)";
|
|
486
486
|
readonly fontWeight: "400";
|
|
487
487
|
readonly letterSpacing: "0";
|
|
488
488
|
};
|
|
489
489
|
};
|
|
490
490
|
};
|
|
491
|
-
type
|
|
491
|
+
type TerraTheme = typeof terraTokens;
|
|
492
492
|
|
|
493
493
|
/**
|
|
494
494
|
* Volt Theme Tokens
|
|
@@ -828,4 +828,4 @@ declare function getDependentTokens(sourceToken: string): string[];
|
|
|
828
828
|
*/
|
|
829
829
|
declare function computeDerivedTokens(sourceToken: string, sourceValue: string, mode: 'light' | 'dark'): Record<string, string>;
|
|
830
830
|
|
|
831
|
-
export { type BaseTokens, type ColorPalette, type PaletteCategory, type
|
|
831
|
+
export { type BaseTokens, type ColorPalette, type PaletteCategory, type StudioTheme, type SyntaxColorScheme, type SyntaxTokenType, type TerraTheme, type TokenDerivation, type VoltTheme, accentColorDerivations, adjustLightness, adjustOpacity, adjustSaturation, baseTokens, codeColors, colorPalettes, computeDerivedTokens, getAccessiblePalettes, getContrastRatio, getDependentTokens, getLuminance, getOptimalForeground, getPalettesByCategory, getPalettesByMood, getPalettesForUseCase, hexToHSL, hexToRgb, hslToHex, modeSpecificDerivations, motion, primaryColorDerivations, rotateHue, secondaryColorDerivations, spacing, studioTokens, syntaxColors, terraTokens, tokenDependencyGraph, typography, voltTokens };
|
package/dist/tokens.js
CHANGED
|
@@ -62,7 +62,6 @@ __export(tokens_exports, {
|
|
|
62
62
|
motion: () => motion,
|
|
63
63
|
primaryColorDerivations: () => primaryColorDerivations,
|
|
64
64
|
rotateHue: () => rotateHue,
|
|
65
|
-
sageTokens: () => sageTokens,
|
|
66
65
|
secondaryColorDerivations: () => secondaryColorDerivations,
|
|
67
66
|
semanticLetterSpacing: () => semanticLetterSpacing,
|
|
68
67
|
semanticLineHeights: () => semanticLineHeights,
|
|
@@ -71,6 +70,7 @@ __export(tokens_exports, {
|
|
|
71
70
|
spacing: () => spacing,
|
|
72
71
|
studioTokens: () => studioTokens,
|
|
73
72
|
syntaxColors: () => syntaxColors,
|
|
73
|
+
terraTokens: () => terraTokens,
|
|
74
74
|
tokenDependencyGraph: () => tokenDependencyGraph,
|
|
75
75
|
typePresets: () => typePresets,
|
|
76
76
|
typography: () => typography,
|
|
@@ -478,8 +478,8 @@ var studioTokens = {
|
|
|
478
478
|
}
|
|
479
479
|
};
|
|
480
480
|
|
|
481
|
-
// ../tokens/src/
|
|
482
|
-
var
|
|
481
|
+
// ../tokens/src/terra.ts
|
|
482
|
+
var terraTokens = {
|
|
483
483
|
light: {
|
|
484
484
|
colors: {
|
|
485
485
|
// Warm, earthy backgrounds
|
|
@@ -631,19 +631,19 @@ var sageTokens = {
|
|
|
631
631
|
},
|
|
632
632
|
typography: {
|
|
633
633
|
heading: {
|
|
634
|
-
fontFamily: "var(--font-
|
|
634
|
+
fontFamily: "var(--font-terra-serif)",
|
|
635
635
|
// Lora serif
|
|
636
636
|
fontWeight: "600",
|
|
637
637
|
letterSpacing: "-0.01em"
|
|
638
638
|
},
|
|
639
639
|
body: {
|
|
640
|
-
fontFamily: "var(--font-
|
|
640
|
+
fontFamily: "var(--font-terra-sans)",
|
|
641
641
|
// Instrument Sans
|
|
642
642
|
fontWeight: "400",
|
|
643
643
|
letterSpacing: "0"
|
|
644
644
|
},
|
|
645
645
|
mono: {
|
|
646
|
-
fontFamily: "var(--font-
|
|
646
|
+
fontFamily: "var(--font-terra-mono)",
|
|
647
647
|
fontWeight: "400",
|
|
648
648
|
letterSpacing: "0"
|
|
649
649
|
}
|
|
@@ -820,7 +820,7 @@ var fontFamilies = {
|
|
|
820
820
|
mono: "Code blocks, technical content"
|
|
821
821
|
}
|
|
822
822
|
},
|
|
823
|
-
|
|
823
|
+
terra: {
|
|
824
824
|
heading: "Lora",
|
|
825
825
|
// Serif for elegance
|
|
826
826
|
body: "Instrument Sans",
|
|
@@ -858,7 +858,7 @@ var fontLoadingConfig = {
|
|
|
858
858
|
body: { family: "Manrope", weights: ["300", "400", "500", "600", "700", "800"] },
|
|
859
859
|
mono: { family: "Fira Code", weights: ["400", "500", "600", "700"] }
|
|
860
860
|
},
|
|
861
|
-
|
|
861
|
+
terra: {
|
|
862
862
|
heading: { family: "Lora", weights: ["400", "500", "600", "700"] },
|
|
863
863
|
body: { family: "Instrument Sans", weights: ["400", "500", "600", "700"] },
|
|
864
864
|
mono: { family: "Fira Code", weights: ["400", "500", "600", "700"] }
|
|
@@ -2336,7 +2336,7 @@ function generateScale(fontTheme) {
|
|
|
2336
2336
|
}
|
|
2337
2337
|
|
|
2338
2338
|
// ../tokens/src/index.ts
|
|
2339
|
-
var THEME_NAMES = ["studio", "
|
|
2339
|
+
var THEME_NAMES = ["studio", "terra", "volt"];
|
|
2340
2340
|
var COLOR_MODES = ["light", "dark"];
|
|
2341
2341
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2342
2342
|
0 && (module.exports = {
|
|
@@ -2381,7 +2381,6 @@ var COLOR_MODES = ["light", "dark"];
|
|
|
2381
2381
|
motion,
|
|
2382
2382
|
primaryColorDerivations,
|
|
2383
2383
|
rotateHue,
|
|
2384
|
-
sageTokens,
|
|
2385
2384
|
secondaryColorDerivations,
|
|
2386
2385
|
semanticLetterSpacing,
|
|
2387
2386
|
semanticLineHeights,
|
|
@@ -2390,6 +2389,7 @@ var COLOR_MODES = ["light", "dark"];
|
|
|
2390
2389
|
spacing,
|
|
2391
2390
|
studioTokens,
|
|
2392
2391
|
syntaxColors,
|
|
2392
|
+
terraTokens,
|
|
2393
2393
|
tokenDependencyGraph,
|
|
2394
2394
|
typePresets,
|
|
2395
2395
|
typography,
|