@luscii-healthtech/web-ui 42.8.7 → 42.10.0

package/dist/stories/Divider.stories.d.ts

@@ -9,7 +9,7 @@ declare const meta: {
         variant?: "hr";
     }) | (Omit<any, "ref"> & {
         as?: import("react").ElementType | undefined;
-        gap?: "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
+        gap?: "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
         align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
         justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly";
         axis?: "x" | "y";
@@ -18,7 +18,7 @@ declare const meta: {
         children?: React.ReactNode;
         className?: string;
         divider?: React.ReactNode;
-    } & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    } & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
@@ -33,7 +33,7 @@ declare const meta: {
         variant: "vertical-flow";
     }) | (Omit<any, "ref"> & {
         as?: import("react").ElementType | undefined;
-        gap?: "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
+        gap?: "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
         align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
         justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly";
         axis?: "x" | "y";
@@ -42,7 +42,7 @@ declare const meta: {
         children?: React.ReactNode;
         className?: string;
         divider?: React.ReactNode;
-    } & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    } & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;

package/dist/stories/HoverIndicatorControl.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
         disabled?: boolean;
         as?: import("react").ElementType;
         children: import("react").ReactNode;
-    } & Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    } & Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;

package/dist/stories/PageWithCenteredContentLayout.stories.d.ts

@@ -3,7 +3,7 @@ declare const meta: {
     title: string;
     component: import("react").FC<import("react").PropsWithChildren<{
         header: import("react").ReactNode;
-    } & Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    } & Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
@@ -14,7 +14,7 @@ declare const meta: {
         hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
         cursor?: import("../src/types/general.types").CursorOption;
     }>> & {
-        Header: import("react").FC<Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+        Header: import("react").FC<Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
             as?: import("react").ElementType | undefined;
             elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
             width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
@@ -28,7 +28,7 @@ declare const meta: {
             leftActionSlot?: import("react").ReactNode;
             rightActionSlot?: import("react").ReactNode;
         }>;
-        Main: import("react").FC<Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+        Main: import("react").FC<Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
             as?: import("react").ElementType | undefined;
             elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
             width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;

package/dist/stories/RangeCoverage.stories.d.ts

@@ -0,0 +1,24 @@
+import { type StoryObj } from "@storybook/react-webpack5";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../src/components/RangeCoverage/RangeCoverage").Props> & {
+        Colors: {
+            RED: string;
+            AMBER: string;
+            GREY_DARK: string;
+            GREY_LIGHT: string;
+            BLUE: string;
+        };
+        generateIntermediateTicks: (args: {
+            start: number;
+            end: number;
+            step: number;
+        }) => number[];
+    };
+    parameters: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const Reversed: Story;
+export declare const EdgeCases: Story;

package/dist/stories/Section.stories.d.ts

@@ -2,7 +2,7 @@ import { type StoryObj } from "@storybook/react-webpack5";
 import Section from "../src/components/Section/Section";
 declare const _default: {
     title: string;
-    component: import("react").FC<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    component: import("react").FC<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: "section" | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;

package/dist/stories/SplitViewLayout.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     component: import("react").FC<import("react").PropsWithChildren<{
         open: boolean;
         aside: import("react").ReactNode;
-    } & Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    } & Omit<any, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;

package/dist/stories/StyledOrderedList.stories.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined | undefined;
         variant?: import("../src/components/Text/Text").TextStyle | undefined;
-        color?: "white" | "base" | "slate-200" | "slate-400" | "slate-500" | "slate-600" | "red" | "green" | "amber" | "orange" | "grey" | "blue-800" | "current" | "on-negative" | "on-positive" | "on-secondary" | "on-surface" | "on-surface-variant" | "on-warning" | "positive-solid" | "negative-solid" | "neutral-interactive" | "primary" | "primary-dark" | undefined;
+        color?: "white" | "base" | "slate-200" | "slate-400" | "slate-500" | "slate-600" | "red" | "green" | "amber" | "orange" | "grey" | "blue-800" | "current" | "on-negative" | "on-positive" | "on-secondary" | "on-surface" | "on-surface-variant" | "on-warning" | "positive-solid" | "negative-solid" | "neutral-interactive" | "primary" | "primary-dark" | "active" | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;

package/dist/stories/StyledUnorderedList.stories.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined | undefined;
         variant?: import("../src/components/Text/Text").TextStyle | undefined;
-        color?: "white" | "base" | "slate-200" | "slate-400" | "slate-500" | "slate-600" | "red" | "green" | "amber" | "orange" | "grey" | "blue-800" | "current" | "on-negative" | "on-positive" | "on-secondary" | "on-surface" | "on-surface-variant" | "on-warning" | "positive-solid" | "negative-solid" | "neutral-interactive" | "primary" | "primary-dark" | undefined;
+        color?: "white" | "base" | "slate-200" | "slate-400" | "slate-500" | "slate-600" | "red" | "green" | "amber" | "orange" | "grey" | "blue-800" | "current" | "on-negative" | "on-positive" | "on-secondary" | "on-surface" | "on-surface-variant" | "on-warning" | "positive-solid" | "negative-solid" | "neutral-interactive" | "primary" | "primary-dark" | "active" | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;

package/dist/stories/Text.stories.d.ts

@@ -33,6 +33,7 @@ export declare const ExtraLargeStrong: Story;
 export declare const Gray500: Story;
 export declare const Gray200: Story;
 export declare const White: Story;
+export declare const XsActive: Story;
 export declare const Truncate: Story;
 export declare const HTMLInside: Story;
 export declare const TextInText: Story;

package/dist/stories/TimelineCardLayout.stories.d.ts

@@ -6,7 +6,7 @@ declare const meta: {
         dotStyle?: "regular" | "emphasized" | null;
     } & Omit<any, "ref"> & {
         as?: import("react").ElementType | undefined;
-        gap?: "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
+        gap?: "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
         align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
         justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly";
         axis?: "x" | "y";
@@ -15,7 +15,7 @@ declare const meta: {
         children?: React.ReactNode;
         className?: string;
         divider?: React.ReactNode;
-    } & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    } & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;

package/dist/stories/VerticalMenu.stories.d.ts

@@ -3,7 +3,7 @@ import { type StoryObj } from "@storybook/react-webpack5";
 import { Text } from "../src/components/Text/Text";
 declare const meta: {
     title: string;
-    component: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
+    component: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Partial<Record<"p" | "m" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "mt" | "mr" | "mb" | "ml" | "mx" | "my", "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl">> & {
         as?: "div" | undefined;
         elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;

package/dist/web-ui-tailwind.css

@@ -17,6 +17,7 @@
   --ui-color-amber-500: #f59e0b;
   --ui-color-amber-700: #b45309;
   --ui-color-amber-800: #92400e;
+  --ui-color-amber-900: #78350f;
   --ui-color-yellow-200: oklch(94.5% 0.129 101.54);
   --ui-color-yellow-400: oklch(85.2% 0.199 91.936);
   --ui-color-yellow-800: oklch(47.6% 0.114 61.907);
@@ -35,6 +36,7 @@
   --ui-color-blue-800: #1e40af;
   --ui-color-blue-900: #1e3a8a;
   --ui-color-purple-400: oklch(71.4% 0.203 305.504);
+  --ui-color-purple-900: oklch(38.1% 0.176 304.987);
   --ui-color-pink-400: oklch(71.8% 0.202 349.761);
   --ui-color-slate-50: #f8fafc;
   --ui-color-slate-100: #f1f5f9;
@@ -107,6 +109,7 @@
   --ui-spacing-l: 24px;
   --ui-spacing-xl: 32px;
   --ui-spacing-xxl: 32px;
+  --ui-color-secondary-pink-dark: #9d174d;
   --ui-color-on-surface-variant: var(--ui-color-slate-500);
   --ui-color-background: var(--ui-color-slate-50);
   --ui-flyout-menu-content-max-height: 600px;
@@ -2713,6 +2716,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
   font-size: var(--ui-text-xs);
   line-height: var(--tw-leading, var(--ui-text-xs--line-height));
 }
+.ui\:text-\[12px\] {
+  font-size: 12px;
+}
 .ui\:leading-5 {
   --tw-leading: calc(var(--ui-spacing) * 5);
   line-height: calc(var(--ui-spacing) * 5);
@@ -2721,6 +2727,10 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
   --tw-leading: 1.2;
   line-height: 1.2;
 }
+.ui\:leading-\[16px\] {
+  --tw-leading: 16px;
+  line-height: 16px;
+}
 .ui\:leading-inherit {
   --tw-leading: inherit;
   line-height: inherit;
@@ -2733,6 +2743,10 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
   --tw-leading: var(--ui-spacing-none);
   line-height: var(--ui-spacing-none);
 }
+.ui\:font-\[400\] {
+  --tw-font-weight: 400;
+  font-weight: 400;
+}
 .ui\:font-bold {
   --tw-font-weight: var(--ui-font-weight-bold);
   font-weight: var(--ui-font-weight-bold);
@@ -2851,6 +2865,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:text-slate-800 {
   color: var(--ui-color-slate-800);
 }
+.ui\:text-text-body-active {
+  color: var(--ui-color-secondary-pink-dark);
+}
 .ui\:text-transparent {
   color: transparent;
 }