@luscii-healthtech/web-ui 42.9.0 → 42.10.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 (21) hide show
  1. package/dist/index.development.js +4 -1
  2. package/dist/index.development.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/components/Text/Text.d.ts +2 -0
  6. package/dist/stories/AsideLayout.stories.d.ts +1 -1
  7. package/dist/stories/DetailsDisclosure.stories.d.ts +449 -449
  8. package/dist/stories/Divider.stories.d.ts +4 -4
  9. package/dist/stories/HoverIndicatorControl.stories.d.ts +1 -1
  10. package/dist/stories/PageWithCenteredContentLayout.stories.d.ts +3 -3
  11. package/dist/stories/Section.stories.d.ts +1 -1
  12. package/dist/stories/SplitViewLayout.stories.d.ts +1 -1
  13. package/dist/stories/StyledOrderedList.stories.d.ts +1 -1
  14. package/dist/stories/StyledUnorderedList.stories.d.ts +1 -1
  15. package/dist/stories/Text.stories.d.ts +1 -0
  16. package/dist/stories/TimelineCardLayout.stories.d.ts +2 -2
  17. package/dist/stories/VerticalMenu.stories.d.ts +1 -1
  18. package/dist/web-ui-tailwind.css +15 -0
  19. package/dist/web-ui.esm.js +1 -1
  20. package/dist/web-ui.esm.js.map +1 -1
  21. package/package.json +1 -1
package/dist/stories/Divider.stories.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const meta: {
9
9
  variant?: "hr";
10
10
  }) | (Omit<any, "ref"> & {
11
11
  as?: import("react").ElementType | undefined;
12
- gap?: "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
12
+ gap?: "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
13
13
  align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
14
14
  justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly";
15
15
  axis?: "x" | "y";
@@ -18,7 +18,7 @@ declare const meta: {
18
18
  children?: React.ReactNode;
19
19
  className?: string;
20
20
  divider?: React.ReactNode;
21
- } & 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">> & {
21
+ } & 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">> & {
22
22
  as?: import("react").ElementType | undefined;
23
23
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
24
24
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
@@ -33,7 +33,7 @@ declare const meta: {
33
33
  variant: "vertical-flow";
34
34
  }) | (Omit<any, "ref"> & {
35
35
  as?: import("react").ElementType | undefined;
36
- gap?: "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
36
+ gap?: "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
37
37
  align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
38
38
  justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly";
39
39
  axis?: "x" | "y";
@@ -42,7 +42,7 @@ declare const meta: {
42
42
  children?: React.ReactNode;
43
43
  className?: string;
44
44
  divider?: React.ReactNode;
45
- } & 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">> & {
45
+ } & 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">> & {
46
46
  as?: import("react").ElementType | undefined;
47
47
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
48
48
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
package/dist/stories/HoverIndicatorControl.stories.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  disabled?: boolean;
7
7
  as?: import("react").ElementType;
8
8
  children: import("react").ReactNode;
9
- } & 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">> & {
9
+ } & 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">> & {
10
10
  as?: import("react").ElementType | undefined;
11
11
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
12
12
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
package/dist/stories/PageWithCenteredContentLayout.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import("react").FC<import("react").PropsWithChildren<{
5
5
  header: import("react").ReactNode;
6
- } & 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">> & {
6
+ } & 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">> & {
7
7
  as?: import("react").ElementType | undefined;
8
8
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
9
9
  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: {
14
14
  hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
15
15
  cursor?: import("../src/types/general.types").CursorOption;
16
16
  }>> & {
17
- 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">> & {
17
+ 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">> & {
18
18
  as?: import("react").ElementType | undefined;
19
19
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
20
20
  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: {
28
28
  leftActionSlot?: import("react").ReactNode;
29
29
  rightActionSlot?: import("react").ReactNode;
30
30
  }>;
31
- 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">> & {
31
+ 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">> & {
32
32
  as?: import("react").ElementType | undefined;
33
33
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
34
34
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;
package/dist/stories/Section.stories.d.ts CHANGED
@@ -2,7 +2,7 @@ import { type StoryObj } from "@storybook/react-webpack5";
2
2
  import Section from "../src/components/Section/Section";
3
3
  declare const _default: {
4
4
  title: string;
5
- 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">> & {
5
+ 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">> & {
6
6
  as?: "section" | undefined;
7
7
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
8
8
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
package/dist/stories/SplitViewLayout.stories.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  component: import("react").FC<import("react").PropsWithChildren<{
5
5
  open: boolean;
6
6
  aside: import("react").ReactNode;
7
- } & 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">> & {
7
+ } & 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">> & {
8
8
  as?: import("react").ElementType | undefined;
9
9
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
10
10
  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 CHANGED
@@ -8,7 +8,7 @@ declare const _default: {
8
8
  style?: import("react").CSSProperties | undefined;
9
9
  title?: string | undefined | undefined;
10
10
  variant?: import("../src/components/Text/Text").TextStyle | undefined;
11
- 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;
11
+ 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;
12
12
  suppressHydrationWarning?: boolean | undefined | undefined;
13
13
  defaultChecked?: boolean | undefined | undefined;
14
14
  defaultValue?: string | number | readonly string[] | undefined;
package/dist/stories/StyledUnorderedList.stories.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const _default: {
8
8
  style?: import("react").CSSProperties | undefined;
9
9
  title?: string | undefined | undefined;
10
10
  variant?: import("../src/components/Text/Text").TextStyle | undefined;
11
- 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;
11
+ 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;
12
12
  suppressHydrationWarning?: boolean | undefined | undefined;
13
13
  defaultChecked?: boolean | undefined | undefined;
14
14
  defaultValue?: string | number | readonly string[] | undefined;
package/dist/stories/Text.stories.d.ts CHANGED
@@ -33,6 +33,7 @@ export declare const ExtraLargeStrong: Story;
33
33
  export declare const Gray500: Story;
34
34
  export declare const Gray200: Story;
35
35
  export declare const White: Story;
36
+ export declare const XsActive: Story;
36
37
  export declare const Truncate: Story;
37
38
  export declare const HTMLInside: Story;
38
39
  export declare const TextInText: Story;
package/dist/stories/TimelineCardLayout.stories.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const meta: {
6
6
  dotStyle?: "regular" | "emphasized" | null;
7
7
  } & Omit<any, "ref"> & {
8
8
  as?: import("react").ElementType | undefined;
9
- gap?: "none" | "s" | "xl" | "m" | "xs" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
9
+ gap?: "none" | "s" | "xs" | "xl" | "m" | "xxxxs" | "xxxs" | "xxs" | "l" | "xxl";
10
10
  align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
11
11
  justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly";
12
12
  axis?: "x" | "y";
@@ -15,7 +15,7 @@ declare const meta: {
15
15
  children?: React.ReactNode;
16
16
  className?: string;
17
17
  divider?: React.ReactNode;
18
- } & 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">> & {
18
+ } & 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">> & {
19
19
  as?: import("react").ElementType | undefined;
20
20
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
21
21
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
package/dist/stories/VerticalMenu.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ import { type StoryObj } from "@storybook/react-webpack5";
3
3
  import { Text } from "../src/components/Text/Text";
4
4
  declare const meta: {
5
5
  title: string;
6
- 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">> & {
6
+ 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">> & {
7
7
  as?: "div" | undefined;
8
8
  elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";
9
9
  width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;
package/dist/web-ui-tailwind.css CHANGED
@@ -109,6 +109,7 @@
109
109
  --ui-spacing-l: 24px;
110
110
  --ui-spacing-xl: 32px;
111
111
  --ui-spacing-xxl: 32px;
112
+ --ui-color-secondary-pink-dark: #9d174d;
112
113
  --ui-color-on-surface-variant: var(--ui-color-slate-500);
113
114
  --ui-color-background: var(--ui-color-slate-50);
114
115
  --ui-flyout-menu-content-max-height: 600px;
@@ -2715,6 +2716,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2715
2716
  font-size: var(--ui-text-xs);
2716
2717
  line-height: var(--tw-leading, var(--ui-text-xs--line-height));
2717
2718
  }
2719
+ .ui\:text-\[12px\] {
2720
+ font-size: 12px;
2721
+ }
2718
2722
  .ui\:leading-5 {
2719
2723
  --tw-leading: calc(var(--ui-spacing) * 5);
2720
2724
  line-height: calc(var(--ui-spacing) * 5);
@@ -2723,6 +2727,10 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2723
2727
  --tw-leading: 1.2;
2724
2728
  line-height: 1.2;
2725
2729
  }
2730
+ .ui\:leading-\[16px\] {
2731
+ --tw-leading: 16px;
2732
+ line-height: 16px;
2733
+ }
2726
2734
  .ui\:leading-inherit {
2727
2735
  --tw-leading: inherit;
2728
2736
  line-height: inherit;
@@ -2735,6 +2743,10 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2735
2743
  --tw-leading: var(--ui-spacing-none);
2736
2744
  line-height: var(--ui-spacing-none);
2737
2745
  }
2746
+ .ui\:font-\[400\] {
2747
+ --tw-font-weight: 400;
2748
+ font-weight: 400;
2749
+ }
2738
2750
  .ui\:font-bold {
2739
2751
  --tw-font-weight: var(--ui-font-weight-bold);
2740
2752
  font-weight: var(--ui-font-weight-bold);
@@ -2853,6 +2865,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
2853
2865
  .ui\:text-slate-800 {
2854
2866
  color: var(--ui-color-slate-800);
2855
2867
  }
2868
+ .ui\:text-text-body-active {
2869
+ color: var(--ui-color-secondary-pink-dark);
2870
+ }
2856
2871
  .ui\:text-transparent {
2857
2872
  color: transparent;
2858
2873
  }