npm - @luscii-healthtech/web-ui - Versions diffs - 58.1.2 → 58.2.0 - Mend

@luscii-healthtech/web-ui 58.1.2 → 58.2.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.

Files changed (12) hide show

package/dist/index.development.js +6 -0
package/dist/index.development.js.map +1 -1
package/dist/index.js +1 -1
package/dist/index.js.map +1 -1
package/dist/src/components/Text/Text.d.ts +1 -1
package/dist/src/generated/components/Text/Text.d.ts +1 -1
package/dist/src/generated/tokens/generated/tokens.d.ts +312 -114
package/dist/src/tokens/generated/tokens.d.ts +312 -114
package/dist/web-ui-tailwind.css +236 -176
package/dist/web-ui.esm.js +1 -1
package/dist/web-ui.esm.js.map +1 -1
package/package.json +1 -1

package/dist/src/components/Text/Text.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import "./Text.css";
  * New typography variants derived from design tokens.
  * These use the typography preset classes from tokens/generated/typography.css
  */
-export type NewTextVariant = "body-base-light" | "body-base-regular" | "body-base-bold" | "body-small-light" | "body-small-regular" | "body-small-bold";
+export type NewTextVariant = "body-base-light" | "body-base-regular" | "body-base-bold" | "body-medium-light" | "body-medium-regular" | "body-medium-bold" | "body-small-light" | "body-small-regular" | "body-small-bold";
 /**
  * Semantic text colors derived from design tokens.
  * Maps to CSS variables in tokens/generated/semantics.css

package/dist/src/generated/components/Text/Text.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import "./Text.css";
  * New typography variants derived from design tokens.
  * These use the typography preset classes from tokens/generated/typography.css
  */
-export type NewTextVariant = "body-base-light" | "body-base-regular" | "body-base-bold" | "body-small-light" | "body-small-regular" | "body-small-bold";
+export type NewTextVariant = "body-base-light" | "body-base-regular" | "body-base-bold" | "body-medium-light" | "body-medium-regular" | "body-medium-bold" | "body-small-light" | "body-small-regular" | "body-small-bold";
 /**
  * Semantic text colors derived from design tokens.
  * Maps to CSS variables in tokens/generated/semantics.css

package/dist/src/generated/tokens/generated/tokens.d.ts CHANGED Viewed

@@ -17,10 +17,6 @@ export declare const primitiveTokens: {
                 value: string;
                 cssVar: string;
             };
-            "800": {
-                value: string;
-                cssVar: string;
-            };
             "900": {
                 value: string;
                 cssVar: string;
@@ -224,6 +220,12 @@ export declare const primitiveTokens: {
                 cssVar: string;
             };
         };
+        white: {
+            "100": {
+                value: string;
+                cssVar: string;
+            };
+        };
     };
     dimension: {
         "0": {
@@ -343,116 +345,6 @@ export declare const primitiveTokens: {
             cssVar: string;
         };
     };
-    gradient: {
-        primary: {
-            value: string;
-            cssVar: string;
-        };
-    };
-    small: {
-        value: string;
-        cssVar: string;
-    };
-    medium: {
-        value: string;
-        cssVar: string;
-    };
-    large: {
-        value: string;
-        cssVar: string;
-    };
-    "active-focus-ring": {
-        value: string;
-        cssVar: string;
-    };
-    "error-focus-ring": {
-        value: string;
-        cssVar: string;
-    };
-    fontFamilies: {
-        "avenir-next": {
-            value: string;
-            cssVar: string;
-        };
-        inter: {
-            value: string;
-            cssVar: string;
-        };
-    };
-    fontWeights: {
-        "avenir-next-0": {
-            value: string;
-            cssVar: string;
-        };
-        "avenir-next-1": {
-            value: string;
-            cssVar: string;
-        };
-        "inter-2": {
-            value: string;
-            cssVar: string;
-        };
-        "inter-3": {
-            value: string;
-            cssVar: string;
-        };
-        "inter-4": {
-            value: string;
-            cssVar: string;
-        };
-    };
-    fontSize: {
-        "0": {
-            value: string;
-            cssVar: string;
-        };
-        "1": {
-            value: string;
-            cssVar: string;
-        };
-        "2": {
-            value: string;
-            cssVar: string;
-        };
-        "3": {
-            value: string;
-            cssVar: string;
-        };
-        "4": {
-            value: string;
-            cssVar: string;
-        };
-    };
-    letterSpacing: {
-        "0": {
-            value: string;
-            cssVar: string;
-        };
-    };
-    paragraphSpacing: {
-        "0": {
-            value: string;
-            cssVar: string;
-        };
-    };
-    textCase: {
-        none: {
-            value: string;
-            cssVar: string;
-        };
-    };
-    textDecoration: {
-        none: {
-            value: string;
-            cssVar: string;
-        };
-    };
-    paragraphIndent: {
-        "0": {
-            value: string;
-            cssVar: string;
-        };
-    };
 };
 export declare const semanticTokens: {
     color: {
@@ -486,6 +378,20 @@ export declare const semanticTokens: {
                         cssVar: string;
                     };
                 };
+                tertiary: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    hovered: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    selected: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
             };
             brand: {
                 primary: {
@@ -703,6 +609,50 @@ export declare const semanticTokens: {
                     };
                 };
             };
+            accents: {
+                yellow: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    hovered: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+                purple: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    hovered: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+                pink: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    hovered: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+            };
         };
         text: {
             neutral: {
@@ -837,6 +787,28 @@ export declare const semanticTokens: {
                     };
                 };
             };
+            accents: {
+                pink: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+                purple: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+            };
             inverse: {
                 primary: {
                     default: {
@@ -1069,6 +1041,28 @@ export declare const semanticTokens: {
                     };
                 };
             };
+            accents: {
+                pink: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+                purple: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+            };
         };
         border: {
             neutral: {
@@ -1251,6 +1245,50 @@ export declare const semanticTokens: {
                     };
                 };
             };
+            inverse: {
+                primary: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+            };
+            accents: {
+                yellow: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+                purple: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+                pink: {
+                    default: {
+                        value: string;
+                        cssVar: string;
+                    };
+                    disabled: {
+                        value: string;
+                        cssVar: string;
+                    };
+                };
+            };
         };
     };
     radius: {
@@ -1373,6 +1411,122 @@ export declare const semanticTokens: {
             cssVar: string;
         };
     };
+    overlay: {
+        value: string;
+        cssVar: string;
+    };
+    "gradient-primary": {
+        value: string;
+        cssVar: string;
+    };
+    small: {
+        value: string;
+        cssVar: string;
+    };
+    medium: {
+        value: string;
+        cssVar: string;
+    };
+    large: {
+        value: string;
+        cssVar: string;
+    };
+    "active-focus-ring": {
+        value: string;
+        cssVar: string;
+    };
+    "error-focus-ring": {
+        value: string;
+        cssVar: string;
+    };
+    fontFamilies: {
+        "avenir-next": {
+            value: string;
+            cssVar: string;
+        };
+        inter: {
+            value: string;
+            cssVar: string;
+        };
+    };
+    fontWeights: {
+        "avenir-next-0": {
+            value: string;
+            cssVar: string;
+        };
+        "inter-1": {
+            value: string;
+            cssVar: string;
+        };
+        "inter-2": {
+            value: string;
+            cssVar: string;
+        };
+        "inter-3": {
+            value: string;
+            cssVar: string;
+        };
+        "inter-4": {
+            value: string;
+            cssVar: string;
+        };
+    };
+    fontSize: {
+        "0": {
+            value: string;
+            cssVar: string;
+        };
+        "1": {
+            value: string;
+            cssVar: string;
+        };
+        "2": {
+            value: string;
+            cssVar: string;
+        };
+        "3": {
+            value: string;
+            cssVar: string;
+        };
+        "4": {
+            value: string;
+            cssVar: string;
+        };
+        "5": {
+            value: string;
+            cssVar: string;
+        };
+    };
+    letterSpacing: {
+        "0": {
+            value: string;
+            cssVar: string;
+        };
+    };
+    paragraphSpacing: {
+        "0": {
+            value: string;
+            cssVar: string;
+        };
+    };
+    textCase: {
+        none: {
+            value: string;
+            cssVar: string;
+        };
+    };
+    textDecoration: {
+        none: {
+            value: string;
+            cssVar: string;
+        };
+    };
+    paragraphIndent: {
+        "0": {
+            value: string;
+            cssVar: string;
+        };
+    };
 };
 export declare const typographyPresets: {
     headings: {
@@ -1478,6 +1632,50 @@ export declare const typographyPresets: {
                 description: string;
             };
         };
+        medium: {
+            light: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    fontSize: string;
+                    letterSpacing: string;
+                    paragraphSpacing: string;
+                    paragraphIndent: string;
+                    textCase: string;
+                    textDecoration: string;
+                };
+                description: string;
+            };
+            regular: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    fontSize: string;
+                    letterSpacing: string;
+                    paragraphSpacing: string;
+                    paragraphIndent: string;
+                    textCase: string;
+                    textDecoration: string;
+                };
+                description: string;
+            };
+            bold: {
+                value: {
+                    fontFamily: string;
+                    fontWeight: string;
+                    lineHeight: string;
+                    fontSize: string;
+                    letterSpacing: string;
+                    paragraphSpacing: string;
+                    paragraphIndent: string;
+                    textCase: string;
+                    textDecoration: string;
+                };
+                description: string;
+            };
+        };
         small: {
             light: {
                 value: {