@luscii-healthtech/web-ui 2.40.1 → 2.41.0

package/dist/components/AccordionList/AccordionList.d.ts

@@ -12,6 +12,7 @@ export interface AccordionListProps extends Omit<AccordionProps, "items"> {
     accordionItems: AccordionListItemProps[];
     buttonProps?: BaseButtonProps;
     isSearchEnabled?: boolean;
+    isLoading?: boolean;
 }
 export interface AccordionListItemProps extends Omit<AccordionItemProps, "content"> {
     listItems: ListItemProps[];

package/dist/components/List/List.types.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { ButtonDefinition } from "../ButtonV2/ButtonProps.type";
 import { IconProps } from "../Icons/types/IconProps.type";
 import { PrimaryButtonProps } from "../../index";
+import { TitleProps } from "../Title/Title";
 export interface ListItemProps {
     itemId: string | number;
     title: string;
@@ -24,7 +25,7 @@ export interface ListItemProps {
 }
 export declare type OnAssetLoadErrorPayload = Pick<ListItemProps, "itemId" | "subtitle" | "title" | "icon">;
 export declare type ListProps = {
-    title?: string;
+    title?: string | TitleProps;
     headerButton?: ButtonDefinition<PrimaryButtonProps>;
     headerTransparent?: boolean;
     items: ListItemProps[];

package/dist/components/Text/Text.d.ts

@@ -1,8 +1,38 @@
 import { RestPropped } from "../../types/general.types";
 import "./Text.css";
-export declare type TextStyle = "sm" | "sm-strong" | "base" | "strong" | "lg" | "lg-strong" | "xl" | "xl-strong";
-export declare type TextColor = "base" | "slate-500" | "slate-200" | "white" | "blue-800" | "red" | "green" | "amber";
-export declare type TextHoverColor = "blue-900" | "white";
+/**
+ * One might argue that we're duplicating strings in this file.
+ * That's how tailwind expects to detect used classes, so please do not make
+ * anything dynamic or try to string concat class names.
+ * https://v1.tailwindcss.com/docs/controlling-file-size
+ */
+declare const allowedTextStyles: {
+    sm: string;
+    "sm-strong": string;
+    base: string;
+    strong: string;
+    lg: string;
+    "lg-strong": string;
+    xl: string;
+    "xl-strong": string;
+};
+export declare const allowedColors: {
+    readonly base: "text-slate-800";
+    readonly "slate-500": "text-slate-500";
+    readonly "slate-200": "text-slate-200";
+    readonly red: "text-red-700";
+    readonly green: "text-green-700";
+    readonly amber: "text-yellow-700";
+    readonly white: "text-white";
+    readonly "blue-800": "text-blue-800";
+};
+declare const allowedHoverColors: {
+    readonly "blue-900": "hover:text-blue-900";
+    readonly white: "hover:text-white";
+};
+export declare type TextColor = keyof typeof allowedColors;
+export declare type TextHoverColor = keyof typeof allowedHoverColors;
+export declare type TextStyle = keyof typeof allowedTextStyles;
 export interface TextProps extends RestPropped {
     text: string;
     type?: TextStyle;

package/dist/components/Title/Title.d.ts

@@ -1,12 +1,14 @@
 import "./Title.scss";
+import { TextColor } from "../Text/Text";
 export declare type TitleStyle = "xs" | "sm" | "base" | "lg" | "xl" | "2xl";
-export interface TextProps {
+export interface TitleProps {
     text: string;
     type?: TitleStyle;
+    color?: TextColor;
     className?: string;
 }
 export declare const Title: {
-    (props: TextProps): JSX.Element;
+    (props: TitleProps): JSX.Element;
     defaultProps: {
         type: string;
     };

package/dist/web-ui-tailwind.css

@@ -1216,6 +1216,10 @@ video {
   justify-content: space-between;
 }
 
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .flex-auto {
   flex: 1 1 auto;
 }
@@ -2228,6 +2232,14 @@ video {
   width: 0.625rem;
 }
 
+.w-1\/3 {
+  width: 33.333333%;
+}
+
+.w-2\/3 {
+  width: 66.666667%;
+}
+
 .w-full {
   width: 100%;
 }