@xqmsg/ui-core 0.28.1 → 0.29.0

package/dist/theme/foundations/colors.d.ts

@@ -11,6 +11,57 @@ export interface ColorHues {
     900: string;
 }
 export declare const colors: {
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        onAccent: string;
+        danger: string;
+    };
+    surface: {
+        canvas: string;
+    };
+    action: {
+        solid: string;
+        danger: string;
+    };
+    status: {
+        success: {
+            fill: string;
+        };
+        warning: {
+            fill: string;
+        };
+        danger: {
+            fill: string;
+        };
+    };
+    border: {
+        focus: string;
+        default: string;
+        /** @deprecated typo was '#99999919A' — kept for compat, use inline '#9999991A' */
+        light: string;
+    };
+    fill: {
+        light: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            quaternary: string;
+        };
+        dark: {
+            subtle: string;
+            strong: string;
+        };
+        /** @deprecated use colors.action.solid */
+        action: string;
+        /** @deprecated use colors.status.success.fill */
+        success: string;
+        /** @deprecated use colors.status.danger.fill */
+        error: string;
+        /** @deprecated use colors.status.warning.fill */
+        warning: string;
+    };
     label: {
         primary: {
             light: string;
@@ -27,17 +78,101 @@ export declare const colors: {
     };
     blur: {
         quaternary: {
-            light: string;
             dark: string;
         };
         tertiary: {
-            light: string;
             dark: string;
         };
     };
+    semantic: {
+        action: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+    transparent: string;
+    current: string;
+    black: string;
+    white: string;
+    /** @deprecated */
+    lightBlue: string;
+    coolGray: string;
+    /** @deprecated */
+    darkBlue: string;
+    /** @deprecated */
+    backdrop: string;
+    whiteAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    blackAlpha: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    red: ColorHues;
+    orange: ColorHues;
+    green: ColorHues;
+    blue: ColorHues;
+};
+/** Canonical alias — prefer this over `colors` for new code */
+export declare const tokens: {
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        onAccent: string;
+        danger: string;
+    };
+    surface: {
+        canvas: string;
+    };
+    action: {
+        solid: string;
+        danger: string;
+    };
+    status: {
+        success: {
+            fill: string;
+        };
+        warning: {
+            fill: string;
+        };
+        danger: {
+            fill: string;
+        };
+    };
     border: {
         focus: string;
         default: string;
+        /** @deprecated typo was '#99999919A' — kept for compat, use inline '#9999991A' */
         light: string;
     };
     fill: {
@@ -47,10 +182,40 @@ export declare const colors: {
             tertiary: string;
             quaternary: string;
         };
+        dark: {
+            subtle: string;
+            strong: string;
+        };
+        /** @deprecated use colors.action.solid */
+        action: string;
+        /** @deprecated use colors.status.success.fill */
         success: string;
+        /** @deprecated use colors.status.danger.fill */
         error: string;
+        /** @deprecated use colors.status.warning.fill */
         warning: string;
-        action: string;
+    };
+    label: {
+        primary: {
+            light: string;
+            dark: string;
+        };
+        secondary: {
+            light: string;
+        };
+        tertiary: {
+            light: string;
+            dark: string;
+        };
+        error: string;
+    };
+    blur: {
+        quaternary: {
+            dark: string;
+        };
+        tertiary: {
+            dark: string;
+        };
     };
     semantic: {
         action: string;
@@ -62,9 +227,12 @@ export declare const colors: {
     current: string;
     black: string;
     white: string;
+    /** @deprecated */
     lightBlue: string;
     coolGray: string;
+    /** @deprecated */
     darkBlue: string;
+    /** @deprecated */
     backdrop: string;
     whiteAlpha: {
         50: string;
@@ -109,6 +277,57 @@ export declare const colors: {
 };
 export declare type Colors = typeof colors;
 declare const _default: {
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        onAccent: string;
+        danger: string;
+    };
+    surface: {
+        canvas: string;
+    };
+    action: {
+        solid: string;
+        danger: string;
+    };
+    status: {
+        success: {
+            fill: string;
+        };
+        warning: {
+            fill: string;
+        };
+        danger: {
+            fill: string;
+        };
+    };
+    border: {
+        focus: string;
+        default: string;
+        /** @deprecated typo was '#99999919A' — kept for compat, use inline '#9999991A' */
+        light: string;
+    };
+    fill: {
+        light: {
+            primary: string;
+            secondary: string;
+            tertiary: string;
+            quaternary: string;
+        };
+        dark: {
+            subtle: string;
+            strong: string;
+        };
+        /** @deprecated use colors.action.solid */
+        action: string;
+        /** @deprecated use colors.status.success.fill */
+        success: string;
+        /** @deprecated use colors.status.danger.fill */
+        error: string;
+        /** @deprecated use colors.status.warning.fill */
+        warning: string;
+    };
     label: {
         primary: {
             light: string;
@@ -125,31 +344,12 @@ declare const _default: {
     };
     blur: {
         quaternary: {
-            light: string;
             dark: string;
         };
         tertiary: {
-            light: string;
             dark: string;
         };
     };
-    border: {
-        focus: string;
-        default: string;
-        light: string;
-    };
-    fill: {
-        light: {
-            primary: string;
-            secondary: string;
-            tertiary: string;
-            quaternary: string;
-        };
-        success: string;
-        error: string;
-        warning: string;
-        action: string;
-    };
     semantic: {
         action: string;
         success: string;
@@ -160,9 +360,12 @@ declare const _default: {
     current: string;
     black: string;
     white: string;
+    /** @deprecated */
     lightBlue: string;
     coolGray: string;
+    /** @deprecated */
     darkBlue: string;
+    /** @deprecated */
     backdrop: string;
     whiteAlpha: {
         50: string;

package/dist/theme/foundations/typography.d.ts

@@ -15,14 +15,14 @@ declare const typography: {
         base: number;
         tall: number;
         taller: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
     };
     fontWeights: {
         hairline: number;
@@ -36,7 +36,8 @@ declare const typography: {
         black: number;
     };
     fonts: {
-        base: string;
+        heading: string;
+        body: string;
         mono: string;
     };
     fontSizes: {

package/dist/theme/styles.d.ts

@@ -12,9 +12,6 @@ declare const _default: {
         '*, *::before, *::after': {
             borderColor: string;
         };
-        '*::placeholder': {
-            color: string;
-        };
     };
 };
 export default _default;