@taiv/ui 1.15.0 → 2.0.0

package/dist/components/index.js

@@ -1,72 +1,114 @@
-//Data
-export { CheckboxTable } from './Data/CheckboxTable/CheckboxTable';
-export { Chart } from './Data/Chart/Chart';
-export { ChartCard } from './Data/Cards/ChartCard/ChartCard';
-export { PieChart } from './Data/PieChart/PieChart';
-export { PieChartCard } from './Data/Cards/PieChartCard/PieChartCard';
-export { RemovableItemList } from './Data/RemovableItemList/RemovableItemList';
-export { StatsCard } from './Data/Cards/StatsCard/StatsCard';
-export { StatsBadge } from './Data/StatsBadge/StatsBadge';
-export { Progress } from './Data/Progress/Progress';
-//Info
-export { Modal } from './Info/Modals/Modal/Modal';
-export { FormModal } from './Info/Modals/FormModal/FormModal';
+import "../styles/iosInputZoomFix";
+export { Calendar, TAIV_CALENDAR_PALETTE } from "./Data/Calendar/Calendar";
+export { BigCalendar, dateFnsLocalizer, momentLocalizer, withDragAndDrop, } from "./Data/BigCalendar/BigCalendar";
+export { ChartCard } from "./Data/Cards/ChartCard/ChartCard";
+export { PieChartCard } from "./Data/Cards/PieChartCard/PieChartCard";
+export { StatsCard } from "./Data/Cards/StatsCard/StatsCard";
+export { Chart } from "./Data/Chart/Chart";
+export { CheckboxTable } from "./Data/CheckboxTable/CheckboxTable";
+export { MediaPill } from "./Data/MediaPill/MediaPill";
+export { PieChart } from "./Data/PieChart/PieChart";
+export { Progress } from "./Data/Progress/Progress";
+export { RemovableItemList } from "./Data/RemovableItemList/RemovableItemList";
+export { StatsBadge } from "./Data/StatsBadge/StatsBadge";
+export { Avatar } from "./Info/Avatar/Avatar";
+export { Badge } from "./Info/Badge/Badge";
+export { Drawer } from "./Info/Drawer/Drawer";
+export { Drawer as BaseDrawer } from "@mantine/core";
+export { HoverCard } from "./Info/HoverCard/HoverCard";
+export { Indicator } from "./Info/Indicator/Indicator";
+export { InfoCard } from "./Info/InfoCard/InfoCard";
+export { MobileDrawer } from "./Info/MobileDrawer/MobileDrawer";
+export { FormModal } from "./Info/Modals/FormModal/FormModal";
+export { FormModalV2 } from "./Info/Modals/FormModalV2/FormModalV2";
 export { StepperModal } from './Info/Modals/StepperModal/StepperModal';
-export { ModalProvider } from './Info/Modals/ModalProvider/ModalProvider';
-export { NotificationProvider } from './Info/Notifications/NotificationProvider/NotificationProvider';
-export { Badge } from './Info/Badge/Badge';
-export { Tooltip } from './Info/Tooltips/Tooltip/Tooltip';
-export { InfoTooltip } from './Info/Tooltips/InfoTooltip/InfoTooltip';
-export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip/FormulaTooltip';
-export { InfoCard } from './Info/InfoCard/InfoCard';
+//Info
+export { Modal } from "./Info/Modals/Modal/Modal";
+export { ModalProvider } from "./Info/Modals/ModalProvider/ModalProvider";
+export { NotificationProvider } from "./Info/Notifications/NotificationProvider/NotificationProvider";
+export { ResponsiveDrawer } from "./Info/ResponsiveDrawer/ResponsiveDrawer";
+export { FormulaTooltip } from "./Info/Tooltips/FormulaTooltip/FormulaTooltip";
+export { InfoTooltip } from "./Info/Tooltips/InfoTooltip/InfoTooltip";
+export { Tooltip } from "./Info/Tooltips/Tooltip/Tooltip";
+export { Button } from "./Inputs/Buttons/Button/Button";
+export { IconButton } from "./Inputs/Buttons/IconButton/IconButton";
+export { SSOButton } from "./Inputs/Buttons/SSOButton/SSOButton";
+export { UnstyledButton } from "./Inputs/Buttons/UnstyledButton/UnstyledButton";
+export { ColorPickerTrigger } from "./Inputs/ColorPickerTrigger/ColorPickerTrigger";
+export { ColorSwatch } from "./Inputs/ColorSwatch/ColorSwatch";
+export { Checkbox } from "./Inputs/Controls/Checkbox/Checkbox";
+export { DaysOfWeek } from "./Inputs/Controls/DaysOfWeek/DaysOfWeek";
+export { Radio } from "./Inputs/Controls/Radio/Radio";
+export { RadioList } from "./Inputs/Controls/RadioList/RadioList";
+export { SegmentedControl } from "./Inputs/Controls/SegmentedControl/SegmentedControl";
+export { Toggle } from "./Inputs/Controls/Toggle/Toggle";
+export { DatePicker } from "./Inputs/Dates/DatePicker/DatePicker";
+export { DateTimePicker } from "./Inputs/Dates/DateTimePicker/DateTimePicker";
+export { TimeInput } from "./Inputs/Dates/TimeInput/TimeInput";
+export { CascadingSelect } from "./Inputs/Dropdowns/CascadingSelect/CascadingSelect";
+export { FontSelect } from "./Inputs/Dropdowns/FontSelect/FontSelect";
+export { MultiSelect } from "./Inputs/Dropdowns/MultiSelect/MultiSelect";
+export { Select } from "./Inputs/Dropdowns/Select/Select";
+export { Dropzone, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE, } from "./Inputs/Dropzone/Dropzone";
+export { Slider } from "./Inputs/Sliders/Slider/Slider";
+export { VolumeSlider } from "./Inputs/Sliders/VolumeSlider/VolumeSlider";
 //Inputs
-export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
-export { Button } from './Inputs/Buttons/Button/Button';
-export { IconButton } from './Inputs/Buttons/IconButton/IconButton';
-export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
-export { SSOButton } from './Inputs/Buttons/SSOButton/SSOButton';
-export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
-export { Radio } from './Inputs/Controls/Radio/Radio';
-export { RadioList } from './Inputs/Controls/RadioList/RadioList';
-export { Toggle } from './Inputs/Controls/Toggle/Toggle';
-export { SegmentedControl } from './Inputs/Controls/SegmentedControl/SegmentedControl';
-export { FontSelect } from './Inputs/Dropdowns/FontSelect/FontSelect';
-export { MultiSelect } from './Inputs/Dropdowns/MultiSelect/MultiSelect';
-export { CascadingSelect } from './Inputs/Dropdowns/CascadingSelect/CascadingSelect';
-export { SearchBar } from './Inputs/TextInputs/SearchBar/SearchBar';
-export { Select } from './Inputs/Dropdowns/Select/Select';
-export { Slider } from './Inputs/Sliders/Slider/Slider';
-export { VolumeSlider } from './Inputs/Sliders/VolumeSlider/VolumeSlider';
-export { TextArea } from './Inputs/TextInputs/TextArea/TextArea';
-export { TextInput } from './Inputs/TextInputs/TextInput/TextInput';
-export { PasswordInput } from './Inputs/TextInputs/PasswordInput/PasswordInput';
-export { DatePicker } from './Inputs/Dates/DatePicker/DatePicker';
-export { NumberInput } from './Inputs/TextInputs/NumberInput/NumberInput';
+export { AutoComplete } from "./Inputs/TextInputs/AutoComplete/AutoComplete";
+export { NumberInput } from "./Inputs/TextInputs/NumberInput/NumberInput";
+export { ResponsiveNumberInput } from "./Inputs/TextInputs/NumberInput/ResponsiveNumberInput";
+export { PasswordInput } from "./Inputs/TextInputs/PasswordInput/PasswordInput";
+export { SearchBar } from "./Inputs/TextInputs/SearchBar/SearchBar";
+export { TextArea } from "./Inputs/TextInputs/TextArea/TextArea";
+export { TextInput } from "./Inputs/TextInputs/TextInput/TextInput";
 //Layout
-export { AutoGrid } from './Layout/AutoGrid/AutoGrid';
-export { Grid } from './Layout/Grid/Grid';
-export { Box } from './Layout/Box/Box';
-export { Center } from './Layout/Center/Center';
-export { Divider } from './Layout/Divider/Divider';
-export { Frame } from './Layout/Frame/Frame';
-export { Group } from './Layout/Group/Group';
-export { Loader } from './Layout/Loader/Loader';
-export { Stack } from './Layout/Stack/Stack';
-export { Card } from './Layout/Card/Card';
-export { SectionCard } from './Layout/SectionCard/SectionCard';
-export { Table } from './Layout/Table/Table';
-export { Tabs } from './Layout/Tabs/Tabs';
-//Typography
-export { CollapsibleText } from './Typography/CollapsibleText/CollapsibleText';
-export { CollapsibleTitle } from './Typography/CollapsibleTitle/CollapsibleTitle';
-export { Text } from './Typography/Text/Text';
-export { Title } from './Typography/Title/Title';
-export { Fraction } from './Typography/Fraction/Fraction';
-export { Formula } from './Typography/Formula/Formula';
+export { Accordion } from "./Layout/Accordion/Accordion";
+export { AutoGrid } from "./Layout/AutoGrid/AutoGrid";
+export { VirtualGrid } from "./Layout/VirtualGrid/VirtualGrid";
+export { BottomActionBar } from "./Layout/BottomActionBar/BottomActionBar";
+export { Box } from "./Layout/Box/Box";
+export { Card } from "./Layout/Card/Card";
+export { Center } from "./Layout/Center/Center";
+export { Container } from "./Layout/Container/Container";
+export { DataState } from "./Layout/DataState/DataState";
+export { Divider } from "./Layout/Divider/Divider";
+export { Frame } from "./Layout/Frame/Frame";
+export { Grid } from "./Layout/Grid/Grid";
+export { Group } from "./Layout/Group/Group";
+export { Loader } from "./Layout/Loader/Loader";
+export { Navbar } from "./Layout/Navbar/Navbar";
+export { ScrollArea } from "./Layout/ScrollArea/ScrollArea";
+export { Page } from "./Layout/Page/Page";
+export { Pagination } from "./Layout/Pagination/Pagination";
+export { SectionCard } from "./Layout/SectionCard/SectionCard";
+export { Stack } from "./Layout/Stack/Stack";
+export { Table } from "./Layout/Table/Table";
+export { Tabs } from "./Layout/Tabs/Tabs";
+export { Burger } from "./Misc/Burger/Burger";
+export { Carousel, carouselAutoplay } from "./Misc/Carousel/Carousel";
+export { DragHandle } from "./Misc/DragHandle/DragHandle";
+export { FAB } from "./Misc/FAB/FAB";
+export { FloatingToolbar } from "./Misc/FloatingToolbar/FloatingToolbar";
+export { HoverAction } from "./Misc/HoverAction/HoverAction";
+export { IconBadge } from "./Misc/IconBadge/IconBadge";
+export { Image } from "./Misc/Image/Image";
+export { Kbd } from "./Misc/Kbd/Kbd";
+export { LoadingOverlay } from "./Misc/LoadingOverlay/LoadingOverlay";
+export { Menu } from "./Misc/Menu/Menu";
+export { OverflowFade } from "./Misc/OverflowFade/OverflowFade";
+export { Picker } from "./Misc/Picker/Picker";
+export { SelectableObject } from "./Misc/SelectableObject/SelectableObject";
+export { SelectionToolbar } from "./Misc/SelectionToolbar/SelectionToolbar";
+export { Skeleton } from "./Misc/Skeleton/Skeleton";
+export { Step } from "./Misc/Stepper/Step";
+export { Stepper } from "./Misc/Stepper/Stepper";
+export { Timeline } from "./Misc/Timeline/Timeline";
 //Misc
-export { Transition } from './Misc/Transition/Transition';
-export { IconBadge } from './Misc/IconBadge/IconBadge';
-export { LoadingOverlay } from './Misc/LoadingOverlay/LoadingOverlay';
-export { Skeleton } from './Misc/Skeleton/Skeleton';
-export { Stepper } from './Misc/Stepper/Stepper';
-export { Step } from './Misc/Stepper/Step';
+export { Transition } from "./Misc/Transition/Transition";
+//Typography
+export { CollapsibleText } from "./Typography/CollapsibleText/CollapsibleText";
+export { CollapsibleTitle } from "./Typography/CollapsibleTitle/CollapsibleTitle";
+export { Formula } from "./Typography/Formula/Formula";
+export { Fraction } from "./Typography/Fraction/Fraction";
+export { InlineEditableText } from "./Typography/InlineEditableText/InlineEditableText";
+export { Text } from "./Typography/Text/Text";
+export { Title } from "./Typography/Title/Title";

package/dist/constants/colors.d.ts

@@ -6,13 +6,8 @@ export declare const gray: {
     readonly 100: "#D9D9D9";
     readonly 200: "#6D6D6D";
     readonly 300: "#3F3F3F";
-};
-export declare const neutral: {
-    readonly 25: "#F8FAFC";
-    readonly 50: "#EDEDED";
-    readonly 100: "#D9D9D9";
-    readonly 200: "#6D6D6D";
-    readonly 300: "#3F3F3F";
+    readonly 400: "#242424";
+    readonly 500: "#141414";
 };
 export declare const blue: {
     readonly 25: "#EEFAFF";
@@ -21,102 +16,122 @@ export declare const blue: {
     readonly 200: "#00A6F4";
     readonly 300: "#0081CE";
 };
-export declare const primary: {
-    readonly 25: "#EEFAFF";
-    readonly 50: "#BDEAFF";
-    readonly 100: "#74D4FF";
-    readonly 200: "#00A6F4";
-    readonly 300: "#0081CE";
-};
 export declare const green: {
-    readonly 25: "#E6F4E7";
-    readonly 50: "#E6F4E7";
-    readonly 100: "#00C951";
-    readonly 200: "#00A63E";
-    readonly 300: "#008236";
-};
-export declare const success: {
-    readonly 25: "#E6F4E7";
-    readonly 50: "#E6F4E7";
-    readonly 100: "#00C951";
-    readonly 200: "#00A63E";
-    readonly 300: "#008236";
+    readonly 25: "#E6FFF3";
+    readonly 50: "#BFFCE0";
+    readonly 100: "#6FFCC0";
+    readonly 200: "#00DE6F";
+    readonly 300: "#00A84F";
 };
 export declare const yellow: {
-    readonly 25: "#FFF3E0";
-    readonly 50: "#FFE5B4";
-    readonly 100: "#FE9A00";
-    readonly 200: "#E17100";
-    readonly 300: "#973C00";
-};
-export declare const warning: {
-    readonly 25: "#FFF3E0";
-    readonly 50: "#FFE5B4";
+    readonly 25: "#FFF4E6";
+    readonly 50: "#FFCB7C";
     readonly 100: "#FE9A00";
     readonly 200: "#E17100";
     readonly 300: "#973C00";
 };
 export declare const red: {
-    readonly 25: "#FFE5E6";
+    readonly 25: "#FFEBEA";
     readonly 50: "#FFD7D9";
-    readonly 100: "#FB2C36";
-    readonly 200: "#C10007";
-    readonly 300: "#9F0712";
-};
-export declare const error: {
-    readonly 25: "#FFE5E6";
-    readonly 50: "#FFD7D9";
-    readonly 100: "#FB2C36";
+    readonly 100: "#FF3B30";
     readonly 200: "#C10007";
     readonly 300: "#9F0712";
 };
 export declare const purple: {
-    readonly 50: "#EFEAFF";
-    readonly 100: "#D6C8FF";
-    readonly 200: "#7D63C8";
+    readonly 25: "#F3EEFF";
+    readonly 50: "#C4A8FF";
+    readonly 100: "#9B6EFF";
+    readonly 200: "#6F3FEE";
+    readonly 300: "#3F2488";
 };
 export declare const salmon: {
+    readonly 25: "#FFEAE6";
     readonly 50: "#FFEAE6";
     readonly 100: "#FFD1C7";
     readonly 200: "#FF806F";
 };
+export declare const teal: {
+    readonly 25: "#E0F2F1";
+    readonly 50: "#E0F2F1";
+    readonly 100: "#A7E3DE";
+    readonly 200: "#2BA8A0";
+};
+export declare const primary: {
+    readonly 25: "#F3EEFF";
+    readonly 50: "#C4A8FF";
+    readonly 100: "#9B6EFF";
+    readonly 200: "#6F3FEE";
+    readonly 300: "#3F2488";
+};
+export declare const error: {
+    readonly 25: "#FFEBEA";
+    readonly 50: "#FFD7D9";
+    readonly 100: "#FF3B30";
+    readonly 200: "#C10007";
+    readonly 300: "#9F0712";
+};
+export declare const success: {
+    readonly 25: "#E6FFF3";
+    readonly 50: "#BFFCE0";
+    readonly 100: "#6FFCC0";
+    readonly 200: "#00DE6F";
+    readonly 300: "#00A84F";
+};
+export declare const warning: {
+    readonly 25: "#FFF4E6";
+    readonly 50: "#FFCB7C";
+    readonly 100: "#FE9A00";
+    readonly 200: "#E17100";
+    readonly 300: "#973C00";
+};
+export declare const neutral: {
+    readonly 25: "#F8FAFC";
+    readonly 50: "#EDEDED";
+    readonly 100: "#D9D9D9";
+    readonly 200: "#6D6D6D";
+    readonly 300: "#3F3F3F";
+    readonly 400: "#242424";
+    readonly 500: "#141414";
+};
 export declare const colors: {
-    readonly white: "#FFFFFF";
+    readonly error: {
+        readonly 25: "#FFEBEA";
+        readonly 50: "#FFD7D9";
+        readonly 100: "#FF3B30";
+        readonly 200: "#C10007";
+        readonly 300: "#9F0712";
+    };
     readonly neutral: {
         readonly 25: "#F8FAFC";
         readonly 50: "#EDEDED";
         readonly 100: "#D9D9D9";
         readonly 200: "#6D6D6D";
         readonly 300: "#3F3F3F";
+        readonly 400: "#242424";
+        readonly 500: "#141414";
     };
     readonly primary: {
-        readonly 25: "#EEFAFF";
-        readonly 50: "#BDEAFF";
-        readonly 100: "#74D4FF";
-        readonly 200: "#00A6F4";
-        readonly 300: "#0081CE";
+        readonly 25: "#F3EEFF";
+        readonly 50: "#C4A8FF";
+        readonly 100: "#9B6EFF";
+        readonly 200: "#6F3FEE";
+        readonly 300: "#3F2488";
     };
     readonly success: {
-        readonly 25: "#E6F4E7";
-        readonly 50: "#E6F4E7";
-        readonly 100: "#00C951";
-        readonly 200: "#00A63E";
-        readonly 300: "#008236";
+        readonly 25: "#E6FFF3";
+        readonly 50: "#BFFCE0";
+        readonly 100: "#6FFCC0";
+        readonly 200: "#00DE6F";
+        readonly 300: "#00A84F";
     };
     readonly warning: {
-        readonly 25: "#FFF3E0";
-        readonly 50: "#FFE5B4";
+        readonly 25: "#FFF4E6";
+        readonly 50: "#FFCB7C";
         readonly 100: "#FE9A00";
         readonly 200: "#E17100";
         readonly 300: "#973C00";
     };
-    readonly error: {
-        readonly 25: "#FFE5E6";
-        readonly 50: "#FFD7D9";
-        readonly 100: "#FB2C36";
-        readonly 200: "#C10007";
-        readonly 300: "#9F0712";
-    };
+    readonly white: "#FFFFFF";
 };
 export declare const primitives: {
     readonly blue: {
@@ -126,43 +141,54 @@ export declare const primitives: {
         readonly 200: "#00A6F4";
         readonly 300: "#0081CE";
     };
+    readonly gray: {
+        readonly 25: "#F8FAFC";
+        readonly 50: "#EDEDED";
+        readonly 100: "#D9D9D9";
+        readonly 200: "#6D6D6D";
+        readonly 300: "#3F3F3F";
+        readonly 400: "#242424";
+        readonly 500: "#141414";
+    };
     readonly green: {
-        readonly 25: "#E6F4E7";
-        readonly 50: "#E6F4E7";
-        readonly 100: "#00C951";
-        readonly 200: "#00A63E";
-        readonly 300: "#008236";
+        readonly 25: "#E6FFF3";
+        readonly 50: "#BFFCE0";
+        readonly 100: "#6FFCC0";
+        readonly 200: "#00DE6F";
+        readonly 300: "#00A84F";
     };
-    readonly yellow: {
-        readonly 25: "#FFF3E0";
-        readonly 50: "#FFE5B4";
-        readonly 100: "#FE9A00";
-        readonly 200: "#E17100";
-        readonly 300: "#973C00";
+    readonly purple: {
+        readonly 25: "#F3EEFF";
+        readonly 50: "#C4A8FF";
+        readonly 100: "#9B6EFF";
+        readonly 200: "#6F3FEE";
+        readonly 300: "#3F2488";
     };
     readonly red: {
-        readonly 25: "#FFE5E6";
+        readonly 25: "#FFEBEA";
         readonly 50: "#FFD7D9";
-        readonly 100: "#FB2C36";
+        readonly 100: "#FF3B30";
         readonly 200: "#C10007";
         readonly 300: "#9F0712";
     };
-    readonly purple: {
-        readonly 50: "#EFEAFF";
-        readonly 100: "#D6C8FF";
-        readonly 200: "#7D63C8";
-    };
     readonly salmon: {
+        readonly 25: "#FFEAE6";
         readonly 50: "#FFEAE6";
         readonly 100: "#FFD1C7";
         readonly 200: "#FF806F";
     };
-    readonly gray: {
-        readonly 25: "#F8FAFC";
-        readonly 50: "#EDEDED";
-        readonly 100: "#D9D9D9";
-        readonly 200: "#6D6D6D";
-        readonly 300: "#3F3F3F";
+    readonly teal: {
+        readonly 25: "#E0F2F1";
+        readonly 50: "#E0F2F1";
+        readonly 100: "#A7E3DE";
+        readonly 200: "#2BA8A0";
+    };
+    readonly yellow: {
+        readonly 25: "#FFF4E6";
+        readonly 50: "#FFCB7C";
+        readonly 100: "#FE9A00";
+        readonly 200: "#E17100";
+        readonly 300: "#973C00";
     };
 };
 //# sourceMappingURL=colors.d.ts.map

package/dist/constants/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAE/B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAE/B,eAAO,MAAM,IAAI;;;;;;;;CAQP,CAAC;AAEX,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAEX,eAAO,MAAM,IAAI;;;;;CAKP,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAC9B,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AACzB,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAC7B,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAC9B,eAAO,MAAM,OAAO;;;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASb,CAAC"}

package/dist/constants/colors.js

@@ -1,72 +1,85 @@
-export const black = '#000000';
-export const white = '#FFFFFF';
+export const black = "#000000";
+export const white = "#FFFFFF";
 export const gray = {
-    25: '#F8FAFC',
-    50: '#EDEDED',
-    100: '#D9D9D9',
-    200: '#6D6D6D',
-    300: '#3F3F3F',
+    25: "#F8FAFC",
+    50: "#EDEDED",
+    100: "#D9D9D9",
+    200: "#6D6D6D",
+    300: "#3F3F3F",
+    400: "#242424",
+    500: "#141414",
 };
-export const neutral = gray;
 export const blue = {
-    25: '#EEFAFF',
-    50: '#BDEAFF',
-    100: '#74D4FF',
-    200: '#00A6F4',
-    300: '#0081CE',
+    25: "#EEFAFF",
+    50: "#BDEAFF",
+    100: "#74D4FF",
+    200: "#00A6F4",
+    300: "#0081CE",
 };
-export const primary = blue;
 export const green = {
-    25: '#E6F4E7',
-    50: '#E6F4E7',
-    100: '#00C951',
-    200: '#00A63E',
-    300: '#008236',
+    25: "#E6FFF3",
+    50: "#BFFCE0",
+    100: "#6FFCC0",
+    200: "#00DE6F",
+    300: "#00A84F",
 };
-export const success = green;
+// Orange
 export const yellow = {
-    25: '#FFF3E0',
-    50: '#FFE5B4',
-    100: '#FE9A00',
-    200: '#E17100',
-    300: '#973C00',
+    25: "#FFF4E6",
+    50: "#FFCB7C",
+    100: "#FE9A00",
+    200: "#E17100",
+    300: "#973C00",
 };
-export const warning = yellow;
 export const red = {
-    25: '#FFE5E6',
-    50: '#FFD7D9',
-    100: '#FB2C36',
-    200: '#C10007',
-    300: '#9F0712',
+    25: "#FFEBEA",
+    50: "#FFD7D9",
+    100: "#FF3B30",
+    200: "#C10007",
+    300: "#9F0712",
 };
-export const error = red;
 // Purple Colors
 export const purple = {
-    50: '#EFEAFF',
-    100: '#D6C8FF',
-    200: '#7D63C8',
+    25: "#F3EEFF",
+    50: "#C4A8FF",
+    100: "#9B6EFF",
+    200: "#6F3FEE",
+    300: "#3F2488",
 };
 export const salmon = {
-    50: '#FFEAE6',
-    100: '#FFD1C7',
-    200: '#FF806F',
+    25: "#FFEAE6",
+    50: "#FFEAE6",
+    100: "#FFD1C7",
+    200: "#FF806F",
+};
+export const teal = {
+    25: "#E0F2F1",
+    50: "#E0F2F1",
+    100: "#A7E3DE",
+    200: "#2BA8A0",
 };
+export const primary = purple;
+export const error = red;
+export const success = green;
+export const warning = yellow;
+export const neutral = gray;
 // Primary semantic/functional color exports - for use in UI, actions, states, etc. anything that would be affected by theme changes down the line
 export const colors = {
-    white,
+    error,
     neutral,
     primary,
     success,
     warning,
-    error,
+    white,
 };
 // Primitive color exports - for purely aesthetic purpose, i.e. icons, backgrounds, etc. anything that we want to hardcode to a specific color
 export const primitives = {
     blue,
+    gray,
     green,
-    yellow,
-    red,
     purple,
+    red,
     salmon,
-    gray,
+    teal,
+    yellow,
 };

package/dist/constants/font.d.ts

@@ -96,7 +96,7 @@ declare const textStyle: {
 declare const titleStyle: {
     header: {
         fontWeight: number;
-        color: string;
+        color: "#141414";
         fontSize: string;
         lineHeight: string;
         fontFamily: string;
@@ -105,7 +105,7 @@ declare const titleStyle: {
     };
     sectionHeader: {
         fontWeight: number;
-        color: string;
+        color: "#141414";
         fontSize: string;
         lineHeight: string;
         fontFamily: string;
@@ -152,7 +152,7 @@ declare const titleStyle: {
 declare const fontStyle: {
     header: {
         fontWeight: number;
-        color: string;
+        color: "#141414";
         fontSize: string;
         lineHeight: string;
         fontFamily: string;
@@ -161,7 +161,7 @@ declare const fontStyle: {
     };
     sectionHeader: {
         fontWeight: number;
-        color: string;
+        color: "#141414";
         fontSize: string;
         lineHeight: string;
         fontFamily: string;