@commonsku/styles 1.13.6 → 1.13.7

package/dist/styles/Theme.d.ts

@@ -1,269 +1,6 @@
 import React from "react";
-export declare const colors: {
-    primary1: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        65: string;
-        70: string;
-        75: string;
-        80: string;
-        85: string;
-        90: string;
-        main: string;
-        'main-hover': string;
-        light: string;
-        lightest: string;
-        dark: string;
-        'dark-hover': string;
-        darkest: string;
-    };
-    secondary1: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    secondary2: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    secondary3: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    secondary4: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    pink: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    yellow: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    green: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    navy: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    neutrals: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        100: string;
-        main: string;
-        darkest: string;
-        bodyText: string;
-        bg1: string;
-        white: string;
-    };
-    errors: {
-        10: string;
-        20: string;
-        30: string;
-        40: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        main: string;
-        lightest: string;
-        light: string;
-        dark: string;
-        darkest: string;
-    };
-    orders: {
-        OPPORTUNITY: {
-            main: string;
-        };
-        PRESENTATION: {
-            main: string;
-        };
-        ESTIMATE: {
-            main: string;
-        };
-        'PRE-SALES': {
-            main: string;
-        };
-        'SALES ORDER': {
-            main: string;
-        };
-        INVOICE: {
-            main: string;
-        };
-        TARGET: {
-            main: string;
-        };
-    };
-    notes: {
-        main: string;
-    };
-    calls: {
-        main: string;
-    };
-    meetings: {
-        main: string;
-    };
-    left_nav: {
-        main: string;
-        sub_menu: {
-            bg: string;
-            link: {
-                bg: string;
-                text: string;
-            };
-        };
-        link: {
-            text: string;
-        };
-    };
-    text: {
-        main: string;
-        bold: string;
-        body: string;
-        title: string;
-        label: string;
-        placeholder: string;
-    };
-    white: string;
-    black: string;
-    primary: string;
-    cta: string;
-    primary0: string;
-    primary10: string;
-    primary100: string;
-    disabledButton: string;
-    disabledButtonBorder: string;
-    texttitle: string;
-    textlabel: string;
-    textbody: string;
-    textplaceholder: string;
-    bggray: string;
-    bgblue: string;
-    inputBorder: string;
-    special1: string;
-    special2: string;
-    special3: string;
-    primaryBg: string;
-    special2Bg: string;
-    transparent: string;
-    error: string;
-    primary2: string;
-    primary20: string;
-    primary200: string;
-    tableHeaderBg: string;
-    tableBorder: string;
-};
+import colors from "./colors";
+export { colors };
 export declare const fonts: string[];
 export declare const fontSizes: {
     tiny: string;
@@ -358,6 +95,27 @@ export declare const themeOptions: {
             dark: string;
             darkest: string;
         };
+        teal: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            65: string;
+            70: string;
+            75: string;
+            80: string;
+            85: string;
+            90: string;
+            main: string;
+            'main-hover': string;
+            light: string;
+            lightest: string;
+            dark: string;
+            'dark-hover': string;
+            darkest: string;
+        };
         pink: {
             10: string;
             20: string;
@@ -435,6 +193,7 @@ export declare const themeOptions: {
             100: string;
             main: string;
             darkest: string;
+            dark: string;
             bodyText: string;
             bg1: string;
             white: string;
@@ -470,6 +229,8 @@ export declare const themeOptions: {
             };
             'SALES ORDER': {
                 main: string;
+                current: string;
+                previous: string;
             };
             INVOICE: {
                 main: string;
@@ -506,7 +267,10 @@ export declare const themeOptions: {
             body: string;
             title: string;
             label: string;
-            placeholder: string;
+            placeholder: {
+                default: string;
+                hover: string;
+            };
         };
         white: string;
         black: string;
@@ -536,9 +300,92 @@ export declare const themeOptions: {
         primary200: string;
         tableHeaderBg: string;
         tableBorder: string;
+        input: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            active: {
+                border: string;
+                text: string;
+            };
+            hover: {
+                border: string;
+                placeholder: string;
+            };
+            error: {
+                border: string;
+            };
+            disabled: {
+                text: string;
+                background: string;
+            };
+            iconWrapper: {
+                background: string;
+                active: {
+                    background: string;
+                };
+                hover: {
+                    background: string;
+                };
+                disabled: {
+                    background: string;
+                };
+            };
+            icon: {
+                fill: string;
+                active: {
+                    fill: string;
+                };
+                hover: {
+                    fill: string;
+                };
+                disabled: {
+                    fill: string;
+                };
+            };
+        };
+        select: {
+            background: string;
+            border: string;
+            text: string;
+            placeholder: string;
+            active: {
+                border: string;
+                text: string;
+            };
+            hover: {
+                border: string;
+                placeholder: string;
+            };
+            error: {
+                border: string;
+            };
+            disabled: {
+                background: string;
+                border: string;
+            };
+            dropdownIcon: {
+                color: string;
+                error: {
+                    color: string;
+                };
+                disabled: string;
+            };
+            clearIcon: {
+                color: string;
+            };
+        };
     };
     fonts: string[];
     fontFamily: string;
+    fontFamilies: {
+        regular: string;
+        demibold: string;
+        bold: string;
+        medium: string;
+        fallbacks: string[];
+    };
     fontSizes: {
         tiny: string;
         small: string;

package/dist/styles/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiClB,CAAC;AACF,eAAO,MAAM,KAAK,UAAiD,CAAC;AACpE,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBxB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAG7D;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAExG;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAE3G;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,aAAa,SAAK,GAAG,MAAM,CAE1F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAgB1H;AAID,QAAA,MAAM,KAAK;;;kBAUV,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,eAAO,MAAM,KAAK,UAAiD,CAAC;AACpE,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAA;AAED,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAG7D;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAGhE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAExG;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAE3G;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,aAAa,SAAK,GAAG,MAAM,CAE1F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAmB1H;AAGD,QAAA,MAAM,KAAK;;;kBAUV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/styles/Thermometer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type ThermometerProps = {
+    style?: React.CSSProperties;
+    title?: string;
+    target: number;
+    value1: number;
+    value1Label?: string | ((v: number) => string);
+};
+export default function Thermometer({ title, target, value1, value1Label, ...props }: ThermometerProps): JSX.Element;
+//# sourceMappingURL=Thermometer.d.ts.map

package/dist/styles/Thermometer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thermometer.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Thermometer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAyC7D,oBAAY,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CAClD,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,GAAG,KAAK,EACX,EAAE,gBAAgB,eAiElB"}

package/dist/styles/Toggle.d.ts

@@ -4,8 +4,10 @@ declare const ToggleLink: import("styled-components").StyledComponent<"a", any,
     selected?: boolean | undefined;
     stretch?: boolean | undefined;
 } & SharedStyleTypes, never>;
-declare const Toggle: (props: React.PropsWithChildren<{
+declare type ToggleProps = React.PropsWithChildren<{
     stretch?: boolean;
-} & SharedStyleTypes>) => JSX.Element;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+} & SharedStyleTypes>;
+declare const Toggle: (props: ToggleProps) => JSX.Element;
 export { Toggle, ToggleLink };
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/styles/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAoBhE,QAAA,MAAM,UAAU;;;4BAgBZ,CAAA;AAEJ,QAAA,MAAM,MAAM,UAAW,KAAK,CAAC,iBAAiB,CAAC;IAAC,OAAO,CAAC,EAAC,OAAO,CAAA;CAAC,GAAC,gBAAgB,CAAC,gBAMlF,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../src/@commonsku/styles/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAoBhE,QAAA,MAAM,UAAU;;;4BAgBZ,CAAA;AAEJ,aAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACnD,GAAG,gBAAgB,CAAC,CAAC;AACtB,QAAA,MAAM,MAAM,UAAW,WAAW,gBAMjC,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAA"}

package/dist/styles/calendar/CalendarDayBody.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 declare type CalendarDayBodyProps = React.PropsWithChildren<{
     day: Date;
     selectedDate: Date;
-    onClick: Function;
+    onClick: React.MouseEventHandler<HTMLDivElement>;
     weekend?: boolean;
 }>;
 declare const CalendarDayBody: ({ day, selectedDate, onClick, children, weekend, ...props }: CalendarDayBodyProps) => JSX.Element;

package/dist/styles/calendar/CalendarDayBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarDayBody.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/CalendarDayBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,GAAG,EAAE,IAAI,CAAC;IAAC,YAAY,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE7H,QAAA,MAAM,eAAe,gEAAiE,oBAAoB,gBAqBzG,CAAA;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CalendarDayBody.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/CalendarDayBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAChD,GAAG,EAAE,IAAI,CAAC;IACV,YAAY,EAAE,IAAI,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAC;AAEH,QAAA,MAAM,eAAe,gEAAiE,oBAAoB,gBAqBzG,CAAA;AAED,eAAe,eAAe,CAAC"}

package/dist/styles/calendar/DraggableTasksCalendar.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { CalendarTaskProps } from '../Task';
 import { CalendarProps } from './Calendar';
-import { TabType } from '../Tabs';
+import { TTab } from '../Tabs';
 import { useCalendarProps } from '../hooks/useCalendar';
-import { onClickTaskFunc, onUpdateTaskFunc } from './types';
+import { onClickTaskFunc, onUpdateTaskFunc, TCalendarView, onClickViewFunc } from './types';
 export declare type DraggableTasksCalendarProps = CalendarProps & {
     tasks: Array<CalendarTaskProps>;
     onUpdateTask: onUpdateTaskFunc;
     onClickTask?: onClickTaskFunc;
-    headerTabs?: Array<TabType>;
+    headerTabs?: Array<TTab>;
     footerTasks?: Array<CalendarTaskProps>;
     weekend?: boolean;
     components?: {
@@ -23,7 +23,10 @@ export declare type DraggableTasksCalendarProps = CalendarProps & {
     showAddTaskBtn?: boolean;
     onClickAddTask?: VoidFunction;
     loading?: boolean;
+    views?: Array<TCalendarView>;
+    onClickView?: onClickViewFunc;
+    showFooterTasks?: boolean;
 } & useCalendarProps;
-declare const DraggableTasksCalendar: ({ tasks, onUpdateTask, onClickTask, headerTabs, footerTasks, components, weekend, onChangeWeek, onChangeMonth, onToggleWeekend, showAddTaskBtn, onClickAddTask, loading, ...props }: DraggableTasksCalendarProps) => JSX.Element;
+declare const DraggableTasksCalendar: ({ views, tasks, onUpdateTask, onClickTask, headerTabs, footerTasks, components, weekend, onChangeWeek, onChangeMonth, onToggleWeekend, showAddTaskBtn, onClickAddTask, onClickView, loading, showFooterTasks, ...props }: DraggableTasksCalendarProps) => JSX.Element;
 export default DraggableTasksCalendar;
 //# sourceMappingURL=DraggableTasksCalendar.d.ts.map

package/dist/styles/calendar/DraggableTasksCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableTasksCalendar.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/DraggableTasksCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAG,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AASlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAc,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExE,oBAAY,2BAA2B,GAAG,aAAa,GAAG;IACxD,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAChC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;QACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;KACzF,CAAC;IACF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC;AAOrB,QAAA,MAAM,sBAAsB,wLAezB,2BAA2B,gBAmP7B,CAAA;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"DraggableTasksCalendar.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/DraggableTasksCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAG,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAS/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAc,eAAe,EAAE,gBAAgB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAExG,oBAAY,2BAA2B,GAAG,aAAa,GAAG;IACxD,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAChC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;QACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;KACzF,CAAC;IACF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,gBAAgB,CAAC;AAOrB,QAAA,MAAM,sBAAsB,6NAkBzB,2BAA2B,gBAoQ7B,CAAA;AAED,eAAe,sBAAsB,CAAC"}

package/dist/styles/calendar/StyledDayText.d.ts

@@ -1,5 +1,6 @@
 declare const StyledDayText: import("styled-components").StyledComponent<"span", any, {
-    color?: "text" | "transparent" | "primary1" | "secondary1" | "secondary2" | "secondary3" | "secondary4" | "pink" | "yellow" | "green" | "navy" | "neutrals" | "errors" | "orders" | "notes" | "calls" | "meetings" | "left_nav" | "white" | "black" | "primary" | "cta" | "primary0" | "primary10" | "primary100" | "disabledButton" | "disabledButtonBorder" | "texttitle" | "textlabel" | "textbody" | "textplaceholder" | "bggray" | "bgblue" | "inputBorder" | "special1" | "special2" | "special3" | "primaryBg" | "special2Bg" | "error" | "primary2" | "primary20" | "primary200" | "tableHeaderBg" | "tableBorder" | undefined;
+    color?: "input" | "select" | "text" | "transparent" | "primary1" | "secondary1" | "secondary2" | "secondary3" | "secondary4" | "teal" | "pink" | "yellow" | "green" | "navy" | "neutrals" | "errors" | "orders" | "notes" | "calls" | "meetings" | "left_nav" | "white" | "black" | "primary" | "cta" | "primary0" | "primary10" | "primary100" | "disabledButton" | "disabledButtonBorder" | "texttitle" | "textlabel" | "textbody" | "textplaceholder" | "bggray" | "bgblue" | "inputBorder" | "special1" | "special2" | "special3" | "primaryBg" | "special2Bg" | "error" | "primary2" | "primary20" | "primary200" | "tableHeaderBg" | "tableBorder" | undefined;
+    bold?: boolean | undefined;
 } & import("..").SharedStyleTypes & {
     selected?: boolean | undefined;
 }, never>;

package/dist/styles/calendar/StyledDayText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledDayText.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/StyledDayText.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa;;;;SAQlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"StyledDayText.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/StyledDayText.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa;;;;;SAQlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/styles/calendar/TasksCalendar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CalendarTaskProps } from '../Task';
 import { CalendarProps } from './Calendar';
-import { TabType } from '../Tabs';
+import { TTab } from '../Tabs';
 export declare function convertTasksToDays({ currentMonth, currentWeek, tasks, }: {
     currentMonth: Date;
     currentWeek?: number;
@@ -21,13 +21,16 @@ export declare function convertTasksToDays({ currentMonth, currentWeek, tasks, }
         assignee?: string | undefined;
         checked?: boolean | undefined;
         overdue?: boolean | undefined;
-        onClickCheckbox?: ((checked?: boolean | undefined) => any) | undefined;
+        onClickCheckbox?: ((checked: boolean) => any) | undefined;
         isDescriptionHtml?: boolean | undefined;
+        draggable?: boolean | undefined;
+        hideCheckbox?: boolean | undefined;
+        Icon?: React.ReactNode;
     }[];
 }[];
 declare type TasksCalendarProps = CalendarProps & {
     tasks: Array<CalendarTaskProps>;
-    headerTabs?: Array<TabType>;
+    headerTabs?: Array<TTab>;
     footerTasks?: Array<CalendarTaskProps>;
     components?: {
         Header?: (props: React.PropsWithChildren<{

package/dist/styles/calendar/TasksCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TasksCalendar.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/TasksCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAG,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAWlC,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE;IAAE,YAAY,EAAE,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAAE;;;;;;;;;;;;;;;;;;IAWlJ;AAED,aAAK,kBAAkB,GAAG,aAAa,GAAG;IACtC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;QACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;KAC3F,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,aAAa,6DAMhB,kBAAkB,gBA0CpB,CAAA;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TasksCalendar.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/TasksCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAG,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAW/B,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,GAAG,EAAE;IAAE,YAAY,EAAE,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAAE;;;;;;;;;;;;;;;;;;;;;IAWlJ;AAED,aAAK,kBAAkB,GAAG,aAAa,GAAG;IACtC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;QACxF,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;KAC3F,CAAC;CACL,CAAC;AAEF,QAAA,MAAM,aAAa,6DAMhB,kBAAkB,gBA8CpB,CAAA;AAED,eAAe,aAAa,CAAC"}

package/dist/styles/calendar/TasksCalendarHeader.d.ts

@@ -1,8 +1,12 @@
 import React, { ReactNode } from 'react';
-import { TabType } from '../Tabs';
+import { TTab } from '../Tabs';
+import { TCalendarView, onClickViewFunc } from './types';
+import { changeDateFunc, changeWeekFunc } from '../hooks/useCalendar';
 export declare type TasksCalendarHeaderProps = {
     onNextWeek: VoidFunction;
     onPrevWeek: VoidFunction;
+    changeDate: changeDateFunc;
+    changeWeek: changeWeekFunc;
     onNextMonth: VoidFunction;
     onPrevMonth: VoidFunction;
     onResetDate: VoidFunction;
@@ -12,8 +16,10 @@ export declare type TasksCalendarHeaderProps = {
     weekendsCheckbox: ReactNode;
     showAddTaskBtn?: boolean;
     onClickAddTask?: VoidFunction;
-    tabs?: TabType[];
+    tabs?: TTab[];
+    views?: TCalendarView[];
+    onClickView?: onClickViewFunc;
 };
-export declare const TasksCalendarHeader: ({ onPrevWeek, onNextWeek, currentMonth, currentWeek, onResetDate, selectedDate, tabs, weekendsCheckbox, showAddTaskBtn, onClickAddTask, }: React.PropsWithChildren<TasksCalendarHeaderProps>) => JSX.Element;
+export declare const TasksCalendarHeader: ({ onPrevWeek, onNextWeek, currentMonth, currentWeek, changeDate, onResetDate, selectedDate, tabs, views, weekendsCheckbox, showAddTaskBtn, onClickAddTask, onClickView, }: React.PropsWithChildren<TasksCalendarHeaderProps>) => JSX.Element;
 export default TasksCalendarHeader;
 //# sourceMappingURL=TasksCalendarHeader.d.ts.map

package/dist/styles/calendar/TasksCalendarHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TasksCalendarHeader.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/TasksCalendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAQ,OAAO,EAAE,MAAM,SAAS,CAAC;AAYxC,oBAAY,wBAAwB,GAAG;IACnC,UAAU,EAAE,YAAY,CAAC;IACzB,UAAU,EAAE,YAAY,CAAC;IACzB,WAAW,EAAE,YAAY,CAAC;IAC1B,WAAW,EAAE,YAAY,CAAC;IAC1B,WAAW,EAAE,YAAY,CAAC;IAC1B,YAAY,EAAE,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,gBAAgB,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,mBAAmB,8IAW7B,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,gBA6BnD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TasksCalendarHeader.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/TasksCalendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,OAAO,EAAQ,IAAI,EAAE,MAAM,SAAS,CAAC;AAMrC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AA8BtE,oBAAY,wBAAwB,GAAG;IACnC,UAAU,EAAE,YAAY,CAAC;IACzB,UAAU,EAAE,YAAY,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,YAAY,CAAC;IAC1B,WAAW,EAAE,YAAY,CAAC;IAC1B,WAAW,EAAE,YAAY,CAAC;IAC1B,YAAY,EAAE,IAAI,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,gBAAgB,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;CACjC,CAAC;AACF,eAAO,MAAM,mBAAmB,8KAc7B,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,gBAiHnD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/styles/calendar/types.d.ts

@@ -1,3 +1,4 @@
+import { TButtonIcon } from '..';
 import { CalendarTaskProps } from '../Task';
 export declare type ACTIONS = 'TOGGLE_CHECKBOX' | 'DROP';
 export declare type onUpdateTaskFunc = (newData: CalendarTaskProps, otherData: {
@@ -21,4 +22,11 @@ export declare type Day = {
 export declare type DaysObject = {
     [key: string]: Day;
 };
+export declare type TCalendarView = {
+    type: string;
+    title: string;
+    selected: boolean;
+    Icon?: TButtonIcon;
+};
+export declare type onClickViewFunc = (viewType: string, view?: TCalendarView) => void;
 //# sourceMappingURL=types.d.ts.map

package/dist/styles/calendar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAG,MAAM,SAAS,CAAC;AAE7C,oBAAY,OAAO,GAAG,iBAAiB,GAAG,MAAM,CAAC;AACjD,oBAAY,gBAAgB,GAAG,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,KAAK,IAAI,GAAG,GAAG,CAAC;AACjB,oBAAY,eAAe,GAAG,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,GAAG,GAAG,CAAC;AAEtE,oBAAY,oBAAoB,GAAG,iBAAiB,GAAG;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAAC;AACxE,oBAAY,GAAG,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;CAAE,CAAC;AACrF,oBAAY,UAAU,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/@commonsku/styles/calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAG,MAAM,SAAS,CAAC;AAE7C,oBAAY,OAAO,GAAG,iBAAiB,GAAG,MAAM,CAAC;AACjD,oBAAY,gBAAgB,GAAG,CAAC,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,KAAK,IAAI,GAAG,GAAG,CAAC;AACjB,oBAAY,eAAe,GAAG,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,GAAG,GAAG,CAAC;AAEtE,oBAAY,oBAAoB,GAAG,iBAAiB,GAAG;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,CAAC;AACxE,oBAAY,GAAG,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;CAAE,CAAC;AACrF,oBAAY,UAAU,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAC;AAEhD,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC"}