@luscii-healthtech/web-ui 56.2.0 → 57.0.0

package/dist/src/components/Box/Box.d.ts

@@ -2,42 +2,11 @@ import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, Reac
 import { type SpacingKey, type SIZES } from "../../system/Sizes";
 import { type ELEVATION } from "../../system/Elevation";
 import { type BackgroundColor, type CursorOption } from "../../types/general.types";
-type Size = keyof typeof SIZES;
 declare const underscoredSpacingPropNames: readonly ["_p", "_pt", "_pr", "_pb", "_pl", "_px", "_py", "_m", "_mt", "_mr", "_mb", "_ml", "_mx", "_my"];
-type SpacingProps = {
-    /** @deprecated Use `_p` instead, which uses the new Figma spacing tokens. */
-    p?: Size;
-    /** @deprecated Use `_pt` instead, which uses the new Figma spacing tokens. */
-    pt?: Size;
-    /** @deprecated Use `_pr` instead, which uses the new Figma spacing tokens. */
-    pr?: Size;
-    /** @deprecated Use `_pb` instead, which uses the new Figma spacing tokens. */
-    pb?: Size;
-    /** @deprecated Use `_pl` instead, which uses the new Figma spacing tokens. */
-    pl?: Size;
-    /** @deprecated Use `_px` instead, which uses the new Figma spacing tokens. */
-    px?: Size;
-    /** @deprecated Use `_py` instead, which uses the new Figma spacing tokens. */
-    py?: Size;
-    /** @deprecated Use `_m` instead, which uses the new Figma spacing tokens. */
-    m?: Size;
-    /** @deprecated Use `_mt` instead, which uses the new Figma spacing tokens. */
-    mt?: Size;
-    /** @deprecated Use `_mr` instead, which uses the new Figma spacing tokens. */
-    mr?: Size;
-    /** @deprecated Use `_mb` instead, which uses the new Figma spacing tokens. */
-    mb?: Size;
-    /** @deprecated Use `_ml` instead, which uses the new Figma spacing tokens. */
-    ml?: Size;
-    /** @deprecated Use `_mx` instead, which uses the new Figma spacing tokens. */
-    mx?: Size;
-    /** @deprecated Use `_my` instead, which uses the new Figma spacing tokens. */
-    my?: Size;
-};
 type UnderscoredSpacingProps = Partial<Record<(typeof underscoredSpacingPropNames)[number], SpacingKey>>;
 type ElevationProp = keyof typeof ELEVATION;
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
-export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & SpacingProps & UnderscoredSpacingProps & {
+export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & UnderscoredSpacingProps & {
     as?: C;
     /**
      * Adds a box-shadow to the element based on the design system

package/dist/src/components/Stack/Stack.d.ts

@@ -1,8 +1,7 @@
 import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
-import { type SpacingKey, type SIZES } from "../../system/Sizes";
+import { type SpacingKey } from "../../system/Sizes";
 import { Box } from "../Box/Box";
 export { Props as StackProps };
-type Size = keyof typeof SIZES;
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
 type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
     as?: C;
@@ -10,20 +9,6 @@ type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
      * Size of the gutter between items.
      */
     _gap?: SpacingKey;
-    /**
-     * @deprecated Use the `_gap` prop instead.
-     *
-     * Size of the gutter between items.
-     *
-     * - `xxs`: Extra extra small size of 6px.
-     * - `xs`: Extra small size of 8px.
-     * - `s`: Extra small size of 10px.
-     * - `m`: Medium size of 12px.
-     * - `l`: Large size of 16px.
-     * - `xl`: Extra large size of 24px.
-     * - `xxl`: Extra extra large size of 32px.
-     */
-    gap?: Size;
     /**
      * Positioning of items along the Stack’s cross axis.
      * The values are based on Tailwind's classnames and are therefore limited to the following:

package/dist/src/generated/components/Box/Box.d.ts

@@ -2,42 +2,11 @@ import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, Reac
 import { type SpacingKey, type SIZES } from "../../../system/Sizes";
 import { type ELEVATION } from "../../../system/Elevation";
 import { type BackgroundColor, type CursorOption } from "../../../types/general.types";
-type Size = keyof typeof SIZES;
 declare const underscoredSpacingPropNames: readonly ["_p", "_pt", "_pr", "_pb", "_pl", "_px", "_py", "_m", "_mt", "_mr", "_mb", "_ml", "_mx", "_my"];
-type SpacingProps = {
-    /** @deprecated Use `_p` instead, which uses the new Figma spacing tokens. */
-    p?: Size;
-    /** @deprecated Use `_pt` instead, which uses the new Figma spacing tokens. */
-    pt?: Size;
-    /** @deprecated Use `_pr` instead, which uses the new Figma spacing tokens. */
-    pr?: Size;
-    /** @deprecated Use `_pb` instead, which uses the new Figma spacing tokens. */
-    pb?: Size;
-    /** @deprecated Use `_pl` instead, which uses the new Figma spacing tokens. */
-    pl?: Size;
-    /** @deprecated Use `_px` instead, which uses the new Figma spacing tokens. */
-    px?: Size;
-    /** @deprecated Use `_py` instead, which uses the new Figma spacing tokens. */
-    py?: Size;
-    /** @deprecated Use `_m` instead, which uses the new Figma spacing tokens. */
-    m?: Size;
-    /** @deprecated Use `_mt` instead, which uses the new Figma spacing tokens. */
-    mt?: Size;
-    /** @deprecated Use `_mr` instead, which uses the new Figma spacing tokens. */
-    mr?: Size;
-    /** @deprecated Use `_mb` instead, which uses the new Figma spacing tokens. */
-    mb?: Size;
-    /** @deprecated Use `_ml` instead, which uses the new Figma spacing tokens. */
-    ml?: Size;
-    /** @deprecated Use `_mx` instead, which uses the new Figma spacing tokens. */
-    mx?: Size;
-    /** @deprecated Use `_my` instead, which uses the new Figma spacing tokens. */
-    my?: Size;
-};
 type UnderscoredSpacingProps = Partial<Record<(typeof underscoredSpacingPropNames)[number], SpacingKey>>;
 type ElevationProp = keyof typeof ELEVATION;
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
-export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & SpacingProps & UnderscoredSpacingProps & {
+export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & UnderscoredSpacingProps & {
     as?: C;
     /**
      * Adds a box-shadow to the element based on the design system

package/dist/src/generated/components/Stack/Stack.d.ts

@@ -1,8 +1,7 @@
 import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
-import { type SpacingKey, type SIZES } from "../../../system/Sizes";
+import { type SpacingKey } from "../../../system/Sizes";
 import { Box } from "../Box/Box";
 export { Props as StackProps };
-type Size = keyof typeof SIZES;
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
 type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
     as?: C;
@@ -10,20 +9,6 @@ type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
      * Size of the gutter between items.
      */
     _gap?: SpacingKey;
-    /**
-     * @deprecated Use the `_gap` prop instead.
-     *
-     * Size of the gutter between items.
-     *
-     * - `xxs`: Extra extra small size of 6px.
-     * - `xs`: Extra small size of 8px.
-     * - `s`: Extra small size of 10px.
-     * - `m`: Medium size of 12px.
-     * - `l`: Large size of 16px.
-     * - `xl`: Extra large size of 24px.
-     * - `xxl`: Extra extra large size of 32px.
-     */
-    gap?: Size;
     /**
      * Positioning of items along the Stack’s cross axis.
      * The values are based on Tailwind's classnames and are therefore limited to the following:

package/dist/stories/ActionController.stories.d.ts

@@ -19,22 +19,7 @@ declare const meta: {
         activeBackgroundColor?: import("../src/types/general.types").SemanticBackgroundColor;
         actionVisibility?: "always" | "on-interaction";
         children: import("react").ReactNode;
-    } & Omit<Omit<any, "ref"> & {
-        p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-    } & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
+    } & Omit<Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index").SIZES;

package/dist/stories/AsideLayout.stories.d.ts

@@ -5,22 +5,7 @@ declare const meta: {
         aside?: import("react").ReactNode;
     } & {
         children?: import("react").ReactNode | undefined;
-    } & Omit<any, "ref"> & {
-        p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-    } & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
+    } & Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src").SIZES;

package/dist/stories/Box.stories.d.ts

@@ -3,22 +3,7 @@ import { type ComponentProps } from "react";
 import { type BackgroundColor, type CursorOption } from "../src/types/general.types";
 declare const meta: {
     title: string;
-    component: <C extends import("react").ElementType = "div">(props: import("react").PropsWithoutRef<ComponentProps<C>> & {
-        p?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        pl?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        px?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        py?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        m?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mt?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mr?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mb?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        ml?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        mx?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-        my?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxxxs" | "xxxs" | "xxs" | "xxl";
-    } & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
+    component: <C extends import("react").ElementType = "div">(props: import("react").PropsWithoutRef<ComponentProps<C>> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
         as?: C | undefined;
         elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
         width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/system/Sizes").SIZES;