squarex-ui-component-lib 1.0.3 → 1.0.5

package/dist/ui/tokens/semantic/colors.d.ts

@@ -0,0 +1,320 @@
+/**
+ * Semantic Color Tokens
+ * Use these tokens in your components instead of core colors
+ * @layer tokens/semantic
+ */
+/**
+ * Background colors organized by intent and state
+ */
+export declare const background: {
+    readonly brand: {
+        readonly default: "#8851bf";
+        readonly secondary: "#b897d9";
+        readonly tertiary: "#dbcbec";
+        readonly hover: "#6d4199";
+        readonly secondaryHover: "#a074cc";
+        readonly tertiaryHover: "#cfb9e5";
+        readonly subtleLow: "rgba(136, 81, 191, 0.08)";
+        readonly subtleMedium: "rgba(136, 81, 191, 0.08)";
+    };
+    readonly action: {
+        readonly default: "#4432bf";
+        readonly secondary: "#8f84d9";
+        readonly tertiary: "#dad6f2";
+        readonly hover: "#695bcc";
+        readonly secondaryHover: "#695bcc";
+        readonly tertiaryHover: "#c7c1ec";
+        readonly subtleLow: "rgba(68, 50, 191, 0.08)";
+        readonly subtleMedium: "rgba(68, 50, 191, 0.08)";
+    };
+    readonly success: {
+        readonly default: "#14ae5c";
+        readonly secondary: "#a1dfbe";
+        readonly tertiary: "#e7f7ef";
+        readonly hover: "#108b4a";
+        readonly secondaryHover: "#72ce9d";
+        readonly tertiaryHover: "#a1dfbe";
+        readonly subtleLow: "#a1dfbe";
+        readonly subtleMedium: "#a1dfbe";
+    };
+    readonly warning: {
+        readonly default: "#faca0a";
+        readonly secondary: "#fcdf6c";
+        readonly tertiary: "#fdefb5";
+        readonly hover: "#c8a208";
+        readonly secondaryHover: "#fbd53b";
+        readonly tertiaryHover: "#fdea9d";
+        readonly subtleLow: "#fdea9d";
+        readonly subtleMedium: "#fdea9d";
+    };
+    readonly danger: {
+        readonly default: "#f04e4c";
+        readonly secondary: "#f7a7a5";
+        readonly tertiary: "#fde9e9";
+        readonly hover: "#bd1b19";
+        readonly secondaryHover: "#f47a79";
+        readonly tertiaryHover: "#f9bdbc";
+        readonly subtleLow: "rgba(236, 34, 31, 0.08)";
+        readonly subtleMedium: "rgba(236, 34, 31, 0.08)";
+    };
+    readonly info: {
+        readonly default: "#0c8cf5";
+        readonly secondary: "#6dbaf9";
+        readonly tertiary: "#cee8fd";
+        readonly hover: "#0a70c4";
+        readonly secondaryHover: "#3da3f7";
+        readonly tertiaryHover: "#9ed1fb";
+        readonly subtleLow: "#9ed1fb";
+        readonly subtleMedium: "#9ed1fb";
+    };
+    readonly neutral: {
+        readonly default: "#768494";
+        readonly secondary: "#adb5bf";
+        readonly tertiary: "#e4e6ea";
+        readonly hover: "#5e6a76";
+        readonly secondaryHover: "#919da9";
+        readonly tertiaryHover: "#c8ced4";
+        readonly subtleLow: "rgba(118, 132, 148, 0.08)";
+        readonly subtleMedium: "rgba(118, 132, 148, 0.16)";
+    };
+    readonly default: {
+        readonly default: "#f1f3f4";
+        readonly hover: "#e4e6ea";
+        readonly glass: "rgba(255, 255, 255, 0.30)";
+        readonly onGlass: "rgba(255, 255, 255, 0.60)";
+        readonly onGlassSecondary: "rgba(255, 255, 255, 0.70)";
+        readonly onGlassTertiary: "rgba(255, 255, 255, 0.80)";
+        readonly onGlassHover: "rgba(255, 255, 255, 0.80)";
+    };
+    readonly disabled: {
+        readonly default: "#dbdbdb";
+        readonly secondary: "#ededed";
+    };
+    readonly utilities: {
+        readonly scrim: "rgba(255, 255, 255, 0.7)";
+        readonly overlay: "rgba(0, 0, 0, 0.5)";
+        readonly blanket: "rgba(0, 0, 0, 0.7)";
+        readonly bgOnGlass: "rgba(255, 255, 255, 0.45)";
+        readonly bgOnGlassOnGlass: "rgba(255, 255, 255, 0.6)";
+        readonly hoverOverlay: "rgba(0, 0, 0, 0.2)";
+    };
+};
+/**
+ * Text colors organized by intent and context
+ */
+export declare const text: {
+    readonly default: {
+        readonly default: "#2f353b";
+        readonly secondary: "#768494";
+        readonly tertiary: "#adb5bf";
+    };
+    readonly brand: {
+        readonly default: "#8851bf";
+        readonly secondary: "#b897d9";
+        readonly tertiary: "#dbcbec";
+        readonly onBrand: "#f3eef9";
+        readonly onBrandSecondary: "#36204c";
+        readonly onBrandTertiary: "#6d4199";
+    };
+    readonly action: {
+        readonly default: "#4432bf";
+        readonly secondary: "#8f84d9";
+        readonly tertiary: "#c7c1ec";
+        readonly onAction: "#eceaf9";
+        readonly onActionSecondary: "#291e73";
+        readonly onActionTertiary: "#362899";
+    };
+    readonly success: {
+        readonly default: "#084625";
+        readonly secondary: "#108b4a";
+        readonly tertiary: "#14ae5c";
+        readonly onSuccess: "#e7f7ef";
+        readonly onSuccessSecondary: "#0c6837";
+        readonly onSuccessTertiary: "#084625";
+    };
+    readonly warning: {
+        readonly default: "#4b3d03";
+        readonly secondary: "#967906";
+        readonly tertiary: "#c8a208";
+        readonly onWarning: "#4b3d03";
+        readonly onWarningSecondary: "#645104";
+        readonly onWarningTertiary: "#967906";
+    };
+    readonly danger: {
+        readonly default: "#ec221f";
+        readonly secondary: "#f04e4c";
+        readonly tertiary: "#f47a79";
+        readonly onDanger: "#fde9e9";
+        readonly onDangerSecondary: "#5e0e0c";
+        readonly onDangerTertiary: "#bd1b19";
+    };
+    readonly info: {
+        readonly default: "#0c8cf5";
+        readonly secondary: "#6dbaf9";
+        readonly tertiary: "#b6ddfc";
+        readonly onInfo: "#e7f3fe";
+        readonly onInfoSecondary: "#053862";
+        readonly onInfoTertiary: "#0a70c4";
+    };
+    readonly neutral: {
+        readonly default: "#2f353b";
+        readonly secondary: "#768494";
+        readonly tertiary: "#adb5bf";
+        readonly onNeutral: "#f1f3f4";
+        readonly onNeutralSecondary: "#2f353b";
+        readonly onNeutralTertiary: "#5e6a76";
+    };
+    readonly disabled: {
+        readonly default: "#b8b8b8";
+        readonly secondary: "#cacaca";
+        readonly onDisabled: "#a6a6a6";
+        readonly onDisabledSecondary: "#cacaca";
+    };
+    readonly utilities: {
+        readonly onOverlay: "rgba(12, 12, 13, 1.00)";
+    };
+};
+/**
+ * Border colors organized by intent
+ */
+export declare const border: {
+    readonly default: {
+        readonly default: "#ffffff";
+        readonly secondary: "#d6dadf";
+        readonly tertiary: "#768494";
+        readonly subtleLow: "rgba(255, 255, 255, 0.80)";
+        readonly subtleMedium: "rgba(118, 132, 148, 0.16)";
+        readonly subtleHigh: "rgba(255, 255, 255, 0.40)";
+    };
+    readonly brand: {
+        readonly default: "#cfb9e5";
+        readonly secondary: "#b897d9";
+        readonly tertiary: "#dbcbec";
+        readonly onBrand: "#f3eef9";
+        readonly onBrandSecondary: "#36204c";
+        readonly onBrandTertiary: "#6d4199";
+    };
+    readonly action: {
+        readonly default: "#4432bf";
+        readonly secondary: "#8f84d9";
+        readonly tertiary: "#c7c1ec";
+        readonly onAction: "#eceaf9";
+        readonly onActionSecondary: "#362899";
+        readonly onActionTertiary: "#1b144c";
+    };
+    readonly success: {
+        readonly default: "#084625";
+        readonly secondary: "#108b4a";
+        readonly tertiary: "#14ae5c";
+    };
+    readonly warning: {
+        readonly default: "#645104";
+        readonly secondary: "#c8a208";
+        readonly tertiary: "#faca0a";
+    };
+    readonly danger: {
+        readonly default: "#ec221f";
+        readonly secondary: "#f47a79";
+        readonly tertiary: "#fbd3d2";
+        readonly onDanger: "#bd1b19";
+    };
+    readonly info: {
+        readonly default: "#0c8cf5";
+        readonly secondary: "#6dbaf9";
+        readonly tertiary: "#b6ddfc";
+    };
+    readonly neutral: {
+        readonly default: "#2f353b";
+        readonly secondary: "#768494";
+        readonly tertiary: "#c8ced4";
+        readonly onNeutral: "#f1f3f4";
+        readonly onNeutralSecondary: "#474f59";
+        readonly onNeutralTertiary: "#5e6a76";
+    };
+    readonly disabled: {
+        readonly default: "#b8b8b8";
+    };
+    readonly utilities: {
+        readonly swatch: "rgba(0, 0, 0, 0.24)";
+    };
+};
+/**
+ * Icon colors (mirrors text structure)
+ */
+export declare const icon: {
+    readonly default: {
+        readonly default: "#2f353b";
+        readonly secondary: "#768494";
+        readonly tertiary: "#adb5bf";
+    };
+    readonly brand: {
+        readonly default: "#36204c";
+        readonly secondary: "#6d4199";
+        readonly tertiary: "#8851bf";
+        readonly onBrand: "#f3eef9";
+        readonly onBrandSecondary: "#36204c";
+        readonly onBrandTertiary: "#6d4199";
+    };
+    readonly action: {
+        readonly default: "#4432bf";
+        readonly secondary: "#8f84d9";
+        readonly tertiary: "#c7c1ec";
+        readonly onAction: "#eceaf9";
+        readonly onActionSecondary: "#291e73";
+        readonly onActionTertiary: "#362899";
+    };
+    readonly success: {
+        readonly default: "#14ae5c";
+        readonly secondary: "#a1dfbe";
+        readonly tertiary: "#d0efde";
+        readonly onSuccess: "#e7f7ef";
+        readonly onSuccessSecondary: "#0c6837";
+        readonly onSuccessTertiary: "#084625";
+    };
+    readonly warning: {
+        readonly default: "#faca0a";
+        readonly secondary: "#fcdf6c";
+        readonly tertiary: "#fdefb5";
+        readonly onWarning: "#191401";
+        readonly onWarningSecondary: "#645104";
+        readonly onWarningTertiary: "#4b3d03";
+    };
+    readonly danger: {
+        readonly default: "#ec221f";
+        readonly secondary: "#f04e4c";
+        readonly tertiary: "#f47a79";
+        readonly onDanger: "#fde9e9";
+        readonly onDangerSecondary: "#8e1413";
+        readonly onDangerTertiary: "#5e0e0c";
+    };
+    readonly info: {
+        readonly default: "#0c8cf5";
+        readonly secondary: "#6dbaf9";
+        readonly tertiary: "#b6ddfc";
+        readonly onInfo: "#010e19";
+        readonly onInfoSecondary: "#053862";
+        readonly onInfoTertiary: "#042a4a";
+    };
+    readonly neutral: {
+        readonly default: "#2f353b";
+        readonly secondary: "#768494";
+        readonly tertiary: "#adb5bf";
+        readonly onNeutral: "#f1f3f4";
+        readonly onNeutralSecondary: "#474f59";
+        readonly onNeutralTertiary: "#5e6a76";
+    };
+    readonly disabled: {
+        readonly default: "#b8b8b8";
+        readonly secondary: "#cacaca";
+        readonly onDisabled: "#a6a6a6";
+        readonly onDisabledSecondary: "#cacaca";
+    };
+    readonly utilities: {
+        readonly onOverlay: "rgba(12, 12, 13, 1.00)";
+    };
+};
+export type BackgroundToken = typeof background;
+export type TextToken = typeof text;
+export type BorderToken = typeof border;
+export type IconToken = typeof icon;
+//# sourceMappingURL=colors.d.ts.map

package/dist/ui/tokens/semantic/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/tokens/semantic/colors.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Gb,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFP,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ET,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFP,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC;AAChD,MAAM,MAAM,SAAS,GAAG,OAAO,IAAI,CAAC;AACpC,MAAM,MAAM,WAAW,GAAG,OAAO,MAAM,CAAC;AACxC,MAAM,MAAM,SAAS,GAAG,OAAO,IAAI,CAAC"}

package/dist/ui/tokens/semantic/effects.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Semantic Effect Tokens
+ * Shadows, blur effects, and other visual effects
+ * @layer tokens/semantic
+ */
+/**
+ * Box shadow definitions based on elevation
+ */
+export declare const shadows: {
+    readonly xs: `0 1px ${number}px rgba(0, 0, 0, 0.1)`;
+    readonly sm: `0 2px ${number}px rgba(0, 0, 0, 0.12)`;
+    readonly md: `0 4px ${number}px rgba(0, 0, 0, 0.15)`;
+    readonly lg: `0 8px ${number}px rgba(0, 0, 0, 0.18)`;
+    readonly xl: `0 16px ${number}px rgba(0, 0, 0, 0.20)`;
+    readonly none: "none";
+};
+/**
+ * Backdrop blur effects
+ */
+export declare const backdropBlur: {
+    readonly none: "blur(0px)";
+    readonly soft: "blur(2px)";
+    readonly light: "blur(4px)";
+    readonly medium: "blur(8px)";
+    readonly heavy: "blur(12px)";
+    readonly intense: "blur(24px)";
+};
+/**
+ * Transition/animation presets
+ */
+export declare const transitions: {
+    readonly fast: "150ms ease-in-out";
+    readonly base: "250ms ease-in-out";
+    readonly slow: "350ms ease-in-out";
+    readonly verySlow: "500ms ease-in-out";
+};
+/**
+ * Animation durations (in ms)
+ */
+export declare const durations: {
+    readonly instant: 100;
+    readonly fast: 150;
+    readonly base: 250;
+    readonly slow: 350;
+    readonly verySlow: 500;
+};
+/**
+ * Easing functions
+ */
+export declare const easings: {
+    readonly linear: "linear";
+    readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
+    readonly easeOut: "cubic-bezier(0, 0, 0.2, 1)";
+    readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly spring: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
+};
+export type ShadowToken = typeof shadows;
+export type BackdropBlurToken = typeof backdropBlur;
+export type TransitionToken = typeof transitions;
+export type DurationToken = typeof durations;
+export type EasingToken = typeof easings;
+//# sourceMappingURL=effects.d.ts.map

package/dist/ui/tokens/semantic/effects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"effects.d.ts","sourceRoot":"","sources":["../../../../src/tokens/semantic/effects.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;;CAOV,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,OAAO,CAAC;AACzC,MAAM,MAAM,iBAAiB,GAAG,OAAO,YAAY,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,WAAW,CAAC;AACjD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC;AAC7C,MAAM,MAAM,WAAW,GAAG,OAAO,OAAO,CAAC"}

package/dist/ui/tokens/semantic/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Semantic Design Tokens
+ *
+ * These tokens should be used in components.
+ * They provide meaning and context to the primitive values.
+ *
+ * @example
+ * import { tokens } from '@/tokens';
+ *
+ * // ✅ Use semantic tokens in components:
+ * backgroundColor: tokens.color.background.brand.default
+ * color: tokens.color.text.success.default
+ * boxShadow: tokens.shadow.md
+ */
+export * from './colors';
+export * from './typography';
+export * from './effects';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tokens/semantic/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tokens/semantic/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/dist/ui/tokens/semantic/typography.d.ts

@@ -0,0 +1,266 @@
+/**
+ * Semantic Typography Tokens
+ * Pre-configured text styles for common use cases
+ * @layer tokens/semantic
+ */
+/**
+ * Typography styles for different text roles
+ */
+export declare const typography: {
+    readonly heroTitle: {
+        readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+        readonly fontSize: 40;
+        readonly fontWeight: 700;
+        readonly lineHeight: 1.25;
+        readonly letterSpacing: "-0.01em";
+    };
+    readonly titlePage: {
+        readonly small: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 20;
+            readonly fontWeight: 700;
+            readonly lineHeight: 1.25;
+            readonly letterSpacing: "-0.01em";
+        };
+        readonly base: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 24;
+            readonly fontWeight: 700;
+            readonly lineHeight: 1.25;
+            readonly letterSpacing: "-0.01em";
+        };
+        readonly large: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 28;
+            readonly fontWeight: 700;
+            readonly lineHeight: 1.25;
+            readonly letterSpacing: "-0.01em";
+        };
+    };
+    readonly heading: {
+        readonly small: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 16;
+            readonly fontWeight: 500;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+        readonly base: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 18;
+            readonly fontWeight: 500;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+        readonly large: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 20;
+            readonly fontWeight: 500;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+    };
+    readonly subheading: {
+        readonly small: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+        readonly base: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 16;
+            readonly fontWeight: 400;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+        readonly large: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 18;
+            readonly fontWeight: 400;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+    };
+    readonly subtitle: {
+        readonly small: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 18;
+            readonly fontWeight: 400;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+        readonly base: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 20;
+            readonly fontWeight: 400;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+        readonly large: {
+            readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+            readonly fontSize: 24;
+            readonly fontWeight: 400;
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0";
+        };
+    };
+    readonly body: {
+        readonly xs: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 12;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.5;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 12;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.5;
+                readonly letterSpacing: "0";
+            };
+        };
+        readonly s: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 13;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.75;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 13;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.75;
+                readonly letterSpacing: "0";
+            };
+        };
+        readonly m: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 14;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.75;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 14;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.75;
+                readonly letterSpacing: "0";
+            };
+        };
+        readonly l: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 16;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.75;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 16;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.75;
+                readonly letterSpacing: "0";
+            };
+        };
+    };
+    readonly singleLine: {
+        readonly xxs: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 11;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 11;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+        };
+        readonly xs: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 12;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 12;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+        };
+        readonly s: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 13;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 13;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+        };
+        readonly m: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 14;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 14;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+        };
+        readonly l: {
+            readonly regular: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 16;
+                readonly fontWeight: 400;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+            readonly strong: {
+                readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+                readonly fontSize: 16;
+                readonly fontWeight: 500;
+                readonly lineHeight: 1.25;
+                readonly letterSpacing: "0";
+            };
+        };
+    };
+    readonly code: {
+        readonly fontFamily: "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
+        readonly fontSize: 13;
+        readonly fontWeight: 400;
+        readonly lineHeight: 1.75;
+        readonly letterSpacing: "0";
+    };
+};
+export type TypographyToken = typeof typography;
+//# sourceMappingURL=typography.d.ts.map

package/dist/ui/tokens/semantic/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/tokens/semantic/typography.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Qb,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,OAAO,UAAU,CAAC"}