@uniai-fe/uds-foundation 0.0.1

package/dist/helpers/index.d.ts

@@ -0,0 +1,28 @@
+import { ThemeTokens, ThemeTypographyCategory } from '../types/theme-tokens.js';
+
+declare const tokens: ThemeTokens;
+type ThemeColorPrimitiveKey = keyof typeof tokens.color.primitive;
+declare function colorPrimitiveHex(key: ThemeColorPrimitiveKey): string;
+declare function colorPrimitiveVar(key: ThemeColorPrimitiveKey): string;
+type ThemeSpacingPaddingKey = keyof typeof tokens.spacing.padding;
+type ThemeSpacingGapKey = keyof typeof tokens.spacing.gap;
+declare function spacingPaddingPx(key: ThemeSpacingPaddingKey): number;
+declare function spacingPaddingVar(key: ThemeSpacingPaddingKey): string;
+declare function spacingGapPx(key: ThemeSpacingGapKey): number;
+declare function spacingGapVar(key: ThemeSpacingGapKey): string;
+type ThemeLayoutBreakpointKey = keyof typeof tokens.layout.breakpoint;
+type ThemeLayoutSizeKey = keyof typeof tokens.layout.size;
+type ThemeLayoutRadiusSizeKey = keyof typeof tokens.layout.radius.size;
+type ThemeLayoutRadiusLevelKey = keyof typeof tokens.layout.radius.level;
+declare function layoutBreakpointPx(key: ThemeLayoutBreakpointKey): number;
+declare function layoutBreakpointVar(key: ThemeLayoutBreakpointKey): string;
+declare function layoutSizePx(key: ThemeLayoutSizeKey): number;
+declare function layoutSizeVar(key: ThemeLayoutSizeKey): string;
+declare function layoutRadiusSizePx(key: ThemeLayoutRadiusSizeKey): number;
+declare function layoutRadiusSizeVar(key: ThemeLayoutRadiusSizeKey): string;
+declare function layoutRadiusLevelPx(key: ThemeLayoutRadiusLevelKey): number;
+declare function layoutRadiusLevelVar(key: ThemeLayoutRadiusLevelKey): string;
+type ThemeTypographyCategoryKey = keyof typeof tokens.typography;
+declare function typographyVariants(category: ThemeTypographyCategoryKey): ThemeTypographyCategory;
+
+export { type ThemeColorPrimitiveKey, type ThemeLayoutBreakpointKey, type ThemeLayoutRadiusLevelKey, type ThemeLayoutRadiusSizeKey, type ThemeLayoutSizeKey, type ThemeSpacingGapKey, type ThemeSpacingPaddingKey, type ThemeTypographyCategoryKey, colorPrimitiveHex, colorPrimitiveVar, layoutBreakpointPx, layoutBreakpointVar, layoutRadiusLevelPx, layoutRadiusLevelVar, layoutRadiusSizePx, layoutRadiusSizeVar, layoutSizePx, layoutSizeVar, spacingGapPx, spacingGapVar, spacingPaddingPx, spacingPaddingVar, typographyVariants };

package/dist/helpers/index.js

@@ -0,0 +1,70 @@
+import { themeTokens } from "../data/tokens.js";
+const tokens = themeTokens;
+const cssVar = (name) => `var(--${name})`;
+const kebab = (value) => value.replace(/_/g, "-");
+const dropPrefix = (value, prefix) => value.startsWith(`${prefix}_`) ? value.slice(prefix.length + 1) : value;
+function colorPrimitiveHex(key) {
+  return tokens.color.primitive[key];
+}
+function colorPrimitiveVar(key) {
+  return cssVar(`color-${kebab(key)}`);
+}
+function spacingPaddingPx(key) {
+  return tokens.spacing.padding[key];
+}
+function spacingPaddingVar(key) {
+  const suffix = kebab(dropPrefix(key, "padding"));
+  return cssVar(`spacing-padding-${suffix}`);
+}
+function spacingGapPx(key) {
+  return tokens.spacing.gap[key];
+}
+function spacingGapVar(key) {
+  const suffix = kebab(dropPrefix(key, "gap"));
+  return cssVar(`spacing-gap-${suffix}`);
+}
+function layoutBreakpointPx(key) {
+  return tokens.layout.breakpoint[key];
+}
+function layoutBreakpointVar(key) {
+  return cssVar(`theme-breakpoint-${kebab(key)}-start`);
+}
+function layoutSizePx(key) {
+  return tokens.layout.size[key];
+}
+function layoutSizeVar(key) {
+  return cssVar(`theme-size-${kebab(key)}`);
+}
+function layoutRadiusSizePx(key) {
+  return tokens.layout.radius.size[key];
+}
+function layoutRadiusSizeVar(key) {
+  const suffix = kebab(dropPrefix(key, "size"));
+  return cssVar(`theme-radius-${suffix}`);
+}
+function layoutRadiusLevelPx(key) {
+  return tokens.layout.radius.level[key];
+}
+function layoutRadiusLevelVar(key) {
+  return cssVar(`theme-radius-${kebab(key)}`);
+}
+function typographyVariants(category) {
+  return tokens.typography[category];
+}
+export {
+  colorPrimitiveHex,
+  colorPrimitiveVar,
+  layoutBreakpointPx,
+  layoutBreakpointVar,
+  layoutRadiusLevelPx,
+  layoutRadiusLevelVar,
+  layoutRadiusSizePx,
+  layoutRadiusSizeVar,
+  layoutSizePx,
+  layoutSizeVar,
+  spacingGapPx,
+  spacingGapVar,
+  spacingPaddingPx,
+  spacingPaddingVar,
+  typographyVariants
+};