design-zystem 1.0.226 → 1.0.232

package/dist/index.d.mts

@@ -389,6 +389,107 @@ interface RadioProps {
 }
 declare const Radio: ({ children, checked, onChange, disabled, label, size, variant, name, value, }: RadioProps) => react_jsx_runtime.JSX.Element;
 
+declare const colors: {
+    readonly primary: "#52bdc4";
+    readonly secondary: "#f8af2d";
+    readonly tertiary: "#12638b";
+    readonly darksuccess: "#0B2E14";
+    readonly success: "#5cb85c";
+    readonly lightsuccess: "#D4EDDA";
+    readonly darkinfo: "#082C33";
+    readonly info: "#5bc0de";
+    readonly lightinfo: "#D1ECF1";
+    readonly darkwarning: "#533F06";
+    readonly warning: "#f0ad4e";
+    readonly lightwarning: "#FFF3CD";
+    readonly darkdanger: "#491218";
+    readonly danger: "#d9534f";
+    readonly lightdanger: "#F8D7DA";
+    readonly ghost: "#ccc";
+    readonly light: "#f8f9fa";
+    readonly dark: "#343a40";
+    readonly white: "#fff";
+    readonly black: "#000";
+    readonly gray: "#808080";
+    readonly transparent: "#FFFFFF00";
+    readonly disabled_bg: "#f2F2F2";
+    readonly disabled_text: "#A4A4A4";
+    readonly grey_100: "#F8FAFC";
+    readonly grey_200: "#F1F5F9";
+    readonly grey_300: "#E2E8F0";
+    readonly grey_400: "#CBD5E1";
+    readonly grey_500: "#94A3B8";
+    readonly grey_600: "#646B73";
+    readonly dark_100: "#42979D";
+    readonly dark_200: "#317176";
+    readonly dark_300: "#1D1C1C";
+    readonly blue_50: "#DBE9FE";
+    readonly blue_100: "#CCEAF8";
+    readonly blue_200: "#B9DCED";
+    readonly blue_300: "#A7CFE2";
+    readonly blue_400: "#94C1D7";
+    readonly blue_500: "#82B4CC";
+    readonly blue_600: "#5C99B7";
+    readonly blue_700: "#377EA1";
+    readonly blue_800: "#12638B";
+    readonly blue_900: "#0E4F6F";
+    readonly blue_950: "#1C4ED8";
+    readonly red: "#F44649";
+    readonly red_50: "#FEE9E9";
+    readonly red_950: "#F44649";
+    readonly turquoise_050: "#EEF8F9";
+    readonly turquoise_50: "#EEF8F9";
+    readonly turquoise_100: "#DCF2F3";
+    readonly turquoise_200: "#CBEBED";
+    readonly turquoise_300: "#BAE5E7";
+    readonly turquoise_400: "#97D7DC";
+    readonly yellow_50: "#FEF7EA";
+    readonly yellow_100: "#FEEDD5";
+    readonly yellow_300: "#F8AF2D";
+    readonly yellow_400: "#DF8F00";
+    readonly yellow_500: "#FFD700";
+    readonly orange_50: "#FFEEE6";
+    readonly orange_100: "#FFCEB8";
+    readonly orange_300: "#FFAF8A";
+    readonly orange_400: "#FF8F5C";
+    readonly orange_500: "#FF641C";
+    readonly orange_600: "#FF5100";
+    readonly purple_50: "#EDE9FE";
+    readonly purple_700: "#7230DB";
+    readonly pink_50: "#FDF2F8";
+    readonly pink_100: "#FCE7F3";
+    readonly pink_300: "#FBCFE8";
+    readonly pink_400: "#F9A8D4";
+    readonly pink_500: "#CF0F9E";
+    readonly pink_600: "#EC4899";
+    readonly pink_700: "#DB2777";
+    readonly pink_800: "#BE185D";
+    readonly pink_900: "#9D174D";
+    readonly green: "#12B76A";
+    readonly green_50: "#DCFCE7";
+    readonly green_100: "#12B76A";
+    readonly green_700: "#17803D";
+    readonly badge_blue_text: "#1C4ED8";
+    readonly badge_blue_bg: "#DBE9FE";
+    readonly badge_green_text: "#17803D";
+    readonly badge_green_bg: "#DCFCE7";
+    readonly badge_purple_text: "#7230DB";
+    readonly badge_purple_bg: "#EDE9FE";
+    readonly brown_50: "#EFEBE9";
+    readonly brown_100: "#D7CCC8";
+    readonly brown_300: "#A1887F";
+    readonly brown_400: "#8D6E63";
+    readonly brown_500: "#795548";
+    readonly brown_600: "#CD7F32";
+    readonly brown_700: "#5D4037";
+    readonly brown_800: "#4E342E";
+    readonly brown_900: "#3E2723";
+    readonly brown_950: "#333222";
+    readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
+    readonly text: "#343A40";
+    readonly light_blue: "#F1F5F9";
+};
+
 interface AccordionItem {
     id: string | number;
     title: ReactNode;
@@ -414,8 +515,9 @@ interface AccordionProps {
     bordered?: boolean;
     disabled?: boolean;
     maxHeight?: number;
+    backgroundHeader?: keyof typeof colors | string;
 }
-declare const Accordion: ({ items, title, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ items, title, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 interface ColorPickerProps {
     label?: string;
@@ -617,16 +719,18 @@ interface TabItem {
     label: string;
     disabled?: boolean;
 }
+type TabsVariant = 'line' | 'pills';
 interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     value?: string | number;
     onChange?: (id: string | number) => void;
     items?: TabItem[];
+    variant?: TabsVariant;
     align?: 'start' | 'center' | 'end' | 'between';
     showBaseline?: boolean;
     baselineColor?: string;
     children?: ReactNode;
 }
-declare const Tabs: ({ value, onChange, items, align, showBaseline, baselineColor, children, ...rest }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ value, onChange, items, variant, align, showBaseline, baselineColor, children, ...rest }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     src?: string;
@@ -677,7 +781,7 @@ interface IconTabsProps extends HTMLAttributes<HTMLDivElement> {
 declare const IconTabs: ({ items, selectedColor, onTabChange, disabledTabs, defaultTabIndex, }: IconTabsProps) => react_jsx_runtime.JSX.Element;
 
 interface PopoverItem {
-    label: string;
+    label: string | ReactNode;
     action: () => void;
 }
 interface PopoverProps {
@@ -814,104 +918,4 @@ interface OptimizeImageOptions {
 }
 declare const optimizeImage: (file: File | null | undefined, desiredBaseName: string, opts?: OptimizeImageOptions) => Promise<OptimizeImageResult>;
 
-declare const colors: {
-    readonly primary: "#52bdc4";
-    readonly secondary: "#f8af2d";
-    readonly tertiary: "#12638b";
-    readonly darksuccess: "#0B2E14";
-    readonly success: "#5cb85c";
-    readonly lightsuccess: "#D4EDDA";
-    readonly darkinfo: "#082C33";
-    readonly info: "#5bc0de";
-    readonly lightinfo: "#D1ECF1";
-    readonly darkwarning: "#533F06";
-    readonly warning: "#f0ad4e";
-    readonly lightwarning: "#FFF3CD";
-    readonly darkdanger: "#491218";
-    readonly danger: "#d9534f";
-    readonly lightdanger: "#F8D7DA";
-    readonly ghost: "#ccc";
-    readonly light: "#f8f9fa";
-    readonly dark: "#343a40";
-    readonly white: "#fff";
-    readonly black: "#000";
-    readonly gray: "#808080";
-    readonly transparent: "#FFFFFF00";
-    readonly disabled_bg: "#f2F2F2";
-    readonly disabled_text: "#A4A4A4";
-    readonly grey_100: "#F8FAFC";
-    readonly grey_200: "#F1F5F9";
-    readonly grey_300: "#E2E8F0";
-    readonly grey_400: "#CBD5E1";
-    readonly grey_500: "#94A3B8";
-    readonly grey_600: "#646B73";
-    readonly dark_100: "#42979D";
-    readonly dark_200: "#317176";
-    readonly dark_300: "#1D1C1C";
-    readonly blue_50: "#DBE9FE";
-    readonly blue_100: "#CCEAF8";
-    readonly blue_200: "#B9DCED";
-    readonly blue_300: "#A7CFE2";
-    readonly blue_400: "#94C1D7";
-    readonly blue_500: "#82B4CC";
-    readonly blue_600: "#5C99B7";
-    readonly blue_700: "#377EA1";
-    readonly blue_800: "#12638B";
-    readonly blue_900: "#0E4F6F";
-    readonly blue_950: "#1C4ED8";
-    readonly red: "#F44649";
-    readonly red_50: "#FEE9E9";
-    readonly red_950: "#F44649";
-    readonly turquoise_050: "#EEF8F9";
-    readonly turquoise_50: "#EEF8F9";
-    readonly turquoise_100: "#DCF2F3";
-    readonly turquoise_200: "#CBEBED";
-    readonly turquoise_300: "#BAE5E7";
-    readonly turquoise_400: "#97D7DC";
-    readonly yellow_50: "#FEF7EA";
-    readonly yellow_100: "#FEEDD5";
-    readonly yellow_300: "#F8AF2D";
-    readonly yellow_400: "#DF8F00";
-    readonly yellow_500: "#FFD700";
-    readonly orange_50: "#FFEEE6";
-    readonly orange_100: "#FFCEB8";
-    readonly orange_300: "#FFAF8A";
-    readonly orange_400: "#FF8F5C";
-    readonly orange_500: "#FF641C";
-    readonly orange_600: "#FF5100";
-    readonly purple_50: "#EDE9FE";
-    readonly purple_700: "#7230DB";
-    readonly pink_50: "#FDF2F8";
-    readonly pink_100: "#FCE7F3";
-    readonly pink_300: "#FBCFE8";
-    readonly pink_400: "#F9A8D4";
-    readonly pink_500: "#CF0F9E";
-    readonly pink_600: "#EC4899";
-    readonly pink_700: "#DB2777";
-    readonly pink_800: "#BE185D";
-    readonly pink_900: "#9D174D";
-    readonly green: "#12B76A";
-    readonly green_50: "#DCFCE7";
-    readonly green_100: "#12B76A";
-    readonly green_700: "#17803D";
-    readonly badge_blue_text: "#1C4ED8";
-    readonly badge_blue_bg: "#DBE9FE";
-    readonly badge_green_text: "#17803D";
-    readonly badge_green_bg: "#DCFCE7";
-    readonly badge_purple_text: "#7230DB";
-    readonly badge_purple_bg: "#EDE9FE";
-    readonly brown_50: "#EFEBE9";
-    readonly brown_100: "#D7CCC8";
-    readonly brown_300: "#A1887F";
-    readonly brown_400: "#8D6E63";
-    readonly brown_500: "#795548";
-    readonly brown_600: "#CD7F32";
-    readonly brown_700: "#5D4037";
-    readonly brown_800: "#4E342E";
-    readonly brown_900: "#3E2723";
-    readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
-    readonly text: "#343A40";
-    readonly light_blue: "#F1F5F9";
-};
-
 export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };

package/dist/index.d.ts

@@ -389,6 +389,107 @@ interface RadioProps {
 }
 declare const Radio: ({ children, checked, onChange, disabled, label, size, variant, name, value, }: RadioProps) => react_jsx_runtime.JSX.Element;
 
+declare const colors: {
+    readonly primary: "#52bdc4";
+    readonly secondary: "#f8af2d";
+    readonly tertiary: "#12638b";
+    readonly darksuccess: "#0B2E14";
+    readonly success: "#5cb85c";
+    readonly lightsuccess: "#D4EDDA";
+    readonly darkinfo: "#082C33";
+    readonly info: "#5bc0de";
+    readonly lightinfo: "#D1ECF1";
+    readonly darkwarning: "#533F06";
+    readonly warning: "#f0ad4e";
+    readonly lightwarning: "#FFF3CD";
+    readonly darkdanger: "#491218";
+    readonly danger: "#d9534f";
+    readonly lightdanger: "#F8D7DA";
+    readonly ghost: "#ccc";
+    readonly light: "#f8f9fa";
+    readonly dark: "#343a40";
+    readonly white: "#fff";
+    readonly black: "#000";
+    readonly gray: "#808080";
+    readonly transparent: "#FFFFFF00";
+    readonly disabled_bg: "#f2F2F2";
+    readonly disabled_text: "#A4A4A4";
+    readonly grey_100: "#F8FAFC";
+    readonly grey_200: "#F1F5F9";
+    readonly grey_300: "#E2E8F0";
+    readonly grey_400: "#CBD5E1";
+    readonly grey_500: "#94A3B8";
+    readonly grey_600: "#646B73";
+    readonly dark_100: "#42979D";
+    readonly dark_200: "#317176";
+    readonly dark_300: "#1D1C1C";
+    readonly blue_50: "#DBE9FE";
+    readonly blue_100: "#CCEAF8";
+    readonly blue_200: "#B9DCED";
+    readonly blue_300: "#A7CFE2";
+    readonly blue_400: "#94C1D7";
+    readonly blue_500: "#82B4CC";
+    readonly blue_600: "#5C99B7";
+    readonly blue_700: "#377EA1";
+    readonly blue_800: "#12638B";
+    readonly blue_900: "#0E4F6F";
+    readonly blue_950: "#1C4ED8";
+    readonly red: "#F44649";
+    readonly red_50: "#FEE9E9";
+    readonly red_950: "#F44649";
+    readonly turquoise_050: "#EEF8F9";
+    readonly turquoise_50: "#EEF8F9";
+    readonly turquoise_100: "#DCF2F3";
+    readonly turquoise_200: "#CBEBED";
+    readonly turquoise_300: "#BAE5E7";
+    readonly turquoise_400: "#97D7DC";
+    readonly yellow_50: "#FEF7EA";
+    readonly yellow_100: "#FEEDD5";
+    readonly yellow_300: "#F8AF2D";
+    readonly yellow_400: "#DF8F00";
+    readonly yellow_500: "#FFD700";
+    readonly orange_50: "#FFEEE6";
+    readonly orange_100: "#FFCEB8";
+    readonly orange_300: "#FFAF8A";
+    readonly orange_400: "#FF8F5C";
+    readonly orange_500: "#FF641C";
+    readonly orange_600: "#FF5100";
+    readonly purple_50: "#EDE9FE";
+    readonly purple_700: "#7230DB";
+    readonly pink_50: "#FDF2F8";
+    readonly pink_100: "#FCE7F3";
+    readonly pink_300: "#FBCFE8";
+    readonly pink_400: "#F9A8D4";
+    readonly pink_500: "#CF0F9E";
+    readonly pink_600: "#EC4899";
+    readonly pink_700: "#DB2777";
+    readonly pink_800: "#BE185D";
+    readonly pink_900: "#9D174D";
+    readonly green: "#12B76A";
+    readonly green_50: "#DCFCE7";
+    readonly green_100: "#12B76A";
+    readonly green_700: "#17803D";
+    readonly badge_blue_text: "#1C4ED8";
+    readonly badge_blue_bg: "#DBE9FE";
+    readonly badge_green_text: "#17803D";
+    readonly badge_green_bg: "#DCFCE7";
+    readonly badge_purple_text: "#7230DB";
+    readonly badge_purple_bg: "#EDE9FE";
+    readonly brown_50: "#EFEBE9";
+    readonly brown_100: "#D7CCC8";
+    readonly brown_300: "#A1887F";
+    readonly brown_400: "#8D6E63";
+    readonly brown_500: "#795548";
+    readonly brown_600: "#CD7F32";
+    readonly brown_700: "#5D4037";
+    readonly brown_800: "#4E342E";
+    readonly brown_900: "#3E2723";
+    readonly brown_950: "#333222";
+    readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
+    readonly text: "#343A40";
+    readonly light_blue: "#F1F5F9";
+};
+
 interface AccordionItem {
     id: string | number;
     title: ReactNode;
@@ -414,8 +515,9 @@ interface AccordionProps {
     bordered?: boolean;
     disabled?: boolean;
     maxHeight?: number;
+    backgroundHeader?: keyof typeof colors | string;
 }
-declare const Accordion: ({ items, title, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ items, title, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 interface ColorPickerProps {
     label?: string;
@@ -617,16 +719,18 @@ interface TabItem {
     label: string;
     disabled?: boolean;
 }
+type TabsVariant = 'line' | 'pills';
 interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     value?: string | number;
     onChange?: (id: string | number) => void;
     items?: TabItem[];
+    variant?: TabsVariant;
     align?: 'start' | 'center' | 'end' | 'between';
     showBaseline?: boolean;
     baselineColor?: string;
     children?: ReactNode;
 }
-declare const Tabs: ({ value, onChange, items, align, showBaseline, baselineColor, children, ...rest }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ value, onChange, items, variant, align, showBaseline, baselineColor, children, ...rest }: TabsProps) => react_jsx_runtime.JSX.Element;
 
 interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     src?: string;
@@ -677,7 +781,7 @@ interface IconTabsProps extends HTMLAttributes<HTMLDivElement> {
 declare const IconTabs: ({ items, selectedColor, onTabChange, disabledTabs, defaultTabIndex, }: IconTabsProps) => react_jsx_runtime.JSX.Element;
 
 interface PopoverItem {
-    label: string;
+    label: string | ReactNode;
     action: () => void;
 }
 interface PopoverProps {
@@ -814,104 +918,4 @@ interface OptimizeImageOptions {
 }
 declare const optimizeImage: (file: File | null | undefined, desiredBaseName: string, opts?: OptimizeImageOptions) => Promise<OptimizeImageResult>;
 
-declare const colors: {
-    readonly primary: "#52bdc4";
-    readonly secondary: "#f8af2d";
-    readonly tertiary: "#12638b";
-    readonly darksuccess: "#0B2E14";
-    readonly success: "#5cb85c";
-    readonly lightsuccess: "#D4EDDA";
-    readonly darkinfo: "#082C33";
-    readonly info: "#5bc0de";
-    readonly lightinfo: "#D1ECF1";
-    readonly darkwarning: "#533F06";
-    readonly warning: "#f0ad4e";
-    readonly lightwarning: "#FFF3CD";
-    readonly darkdanger: "#491218";
-    readonly danger: "#d9534f";
-    readonly lightdanger: "#F8D7DA";
-    readonly ghost: "#ccc";
-    readonly light: "#f8f9fa";
-    readonly dark: "#343a40";
-    readonly white: "#fff";
-    readonly black: "#000";
-    readonly gray: "#808080";
-    readonly transparent: "#FFFFFF00";
-    readonly disabled_bg: "#f2F2F2";
-    readonly disabled_text: "#A4A4A4";
-    readonly grey_100: "#F8FAFC";
-    readonly grey_200: "#F1F5F9";
-    readonly grey_300: "#E2E8F0";
-    readonly grey_400: "#CBD5E1";
-    readonly grey_500: "#94A3B8";
-    readonly grey_600: "#646B73";
-    readonly dark_100: "#42979D";
-    readonly dark_200: "#317176";
-    readonly dark_300: "#1D1C1C";
-    readonly blue_50: "#DBE9FE";
-    readonly blue_100: "#CCEAF8";
-    readonly blue_200: "#B9DCED";
-    readonly blue_300: "#A7CFE2";
-    readonly blue_400: "#94C1D7";
-    readonly blue_500: "#82B4CC";
-    readonly blue_600: "#5C99B7";
-    readonly blue_700: "#377EA1";
-    readonly blue_800: "#12638B";
-    readonly blue_900: "#0E4F6F";
-    readonly blue_950: "#1C4ED8";
-    readonly red: "#F44649";
-    readonly red_50: "#FEE9E9";
-    readonly red_950: "#F44649";
-    readonly turquoise_050: "#EEF8F9";
-    readonly turquoise_50: "#EEF8F9";
-    readonly turquoise_100: "#DCF2F3";
-    readonly turquoise_200: "#CBEBED";
-    readonly turquoise_300: "#BAE5E7";
-    readonly turquoise_400: "#97D7DC";
-    readonly yellow_50: "#FEF7EA";
-    readonly yellow_100: "#FEEDD5";
-    readonly yellow_300: "#F8AF2D";
-    readonly yellow_400: "#DF8F00";
-    readonly yellow_500: "#FFD700";
-    readonly orange_50: "#FFEEE6";
-    readonly orange_100: "#FFCEB8";
-    readonly orange_300: "#FFAF8A";
-    readonly orange_400: "#FF8F5C";
-    readonly orange_500: "#FF641C";
-    readonly orange_600: "#FF5100";
-    readonly purple_50: "#EDE9FE";
-    readonly purple_700: "#7230DB";
-    readonly pink_50: "#FDF2F8";
-    readonly pink_100: "#FCE7F3";
-    readonly pink_300: "#FBCFE8";
-    readonly pink_400: "#F9A8D4";
-    readonly pink_500: "#CF0F9E";
-    readonly pink_600: "#EC4899";
-    readonly pink_700: "#DB2777";
-    readonly pink_800: "#BE185D";
-    readonly pink_900: "#9D174D";
-    readonly green: "#12B76A";
-    readonly green_50: "#DCFCE7";
-    readonly green_100: "#12B76A";
-    readonly green_700: "#17803D";
-    readonly badge_blue_text: "#1C4ED8";
-    readonly badge_blue_bg: "#DBE9FE";
-    readonly badge_green_text: "#17803D";
-    readonly badge_green_bg: "#DCFCE7";
-    readonly badge_purple_text: "#7230DB";
-    readonly badge_purple_bg: "#EDE9FE";
-    readonly brown_50: "#EFEBE9";
-    readonly brown_100: "#D7CCC8";
-    readonly brown_300: "#A1887F";
-    readonly brown_400: "#8D6E63";
-    readonly brown_500: "#795548";
-    readonly brown_600: "#CD7F32";
-    readonly brown_700: "#5D4037";
-    readonly brown_800: "#4E342E";
-    readonly brown_900: "#3E2723";
-    readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
-    readonly text: "#343A40";
-    readonly light_blue: "#F1F5F9";
-};
-
 export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };