@newskit-render/shared-components 1.4.0 → 1.5.0

package/dist/esm/Calendar/index.js

@@ -0,0 +1,4 @@
+export * from './Calendar';
+export * from './types';
+export * from './defaults';
+//# sourceMappingURL=index.js.map

package/dist/esm/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/dist/esm/Calendar/presets.d.ts

@@ -0,0 +1,37 @@
+export declare const calendarPresets: {
+    calendarBorderStyle: {
+        base: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            borderStyle: string;
+            borderWidth: string;
+        };
+    };
+    monthNavigationButtons: {
+        base: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            borderStyle: string;
+            borderWidth: string;
+        };
+    };
+    dateInputStylePreset: {
+        base: {
+            backgroundColor: string;
+            borderStyle: string;
+            borderColor: string;
+            borderWidth: string;
+            borderRadius: string;
+        };
+        focus: {
+            borderColor: string;
+        };
+    };
+    iconCustom: {
+        base: {
+            iconColor: string;
+        };
+    };
+};

package/dist/esm/Calendar/presets.js

@@ -0,0 +1,38 @@
+export var calendarPresets = {
+    calendarBorderStyle: {
+        base: {
+            borderColor: '{{colors.interactiveInput020}}',
+            borderRadius: '{{borders.borderRadiusRounded020}}',
+            backgroundColor: '{{colors.interfaceBackground}}',
+            borderStyle: 'solid',
+            borderWidth: '{{borders.borderWidth010}} {{borders.borderWidth010}} {{borders.borderWidth010}} {{borders.borderWidth010}}',
+        },
+    },
+    monthNavigationButtons: {
+        base: {
+            borderColor: '{{colors.interactiveInput030}}',
+            borderRadius: '{{borders.borderRadiusRounded020}}',
+            backgroundColor: '{{colors.interfaceBackground}}',
+            borderStyle: 'solid',
+            borderWidth: '{{borders.borderWidth020}} {{borders.borderWidth020}} {{borders.borderWidth020}} {{borders.borderWidth020}}',
+        },
+    },
+    dateInputStylePreset: {
+        base: {
+            backgroundColor: '{{colors.interfaceBackground}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactiveInput020}}',
+            borderWidth: '{{borders.borderWidth020}} {{borders.borderWidth020}} {{borders.borderWidth020}} {{borders.borderWidth020}}',
+            borderRadius: '{{borders.borderRadiusRounded020}}',
+        },
+        focus: {
+            borderColor: '{{colors.interactiveFocus010}}',
+        },
+    },
+    iconCustom: {
+        base: {
+            iconColor: '{{colors.inkBase}}',
+        },
+    },
+};
+//# sourceMappingURL=presets.js.map

package/dist/esm/Calendar/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../../src/Calendar/presets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,oCAAoC;YAClD,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EACT,6GAA6G;SAChH;KACF;IACD,oBAAoB,EAAE;QACpB,IAAI,EAAE;YACJ,eAAe,EAAE,gCAAgC;YACjD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gCAAgC;YAC7C,WAAW,EACT,6GAA6G;YAC/G,YAAY,EAAE,oCAAoC;SACnD;QACD,KAAK,EAAE;YACL,WAAW,EAAE,gCAAgC;SAC9C;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,SAAS,EAAE,oBAAoB;SAChC;KACF;CACF,CAAA"}

package/dist/esm/Calendar/types.d.ts

@@ -0,0 +1,117 @@
+export interface CalendarRangePickerProps {
+    overrides?: CalendarStylesProps;
+    startDate: Date | null;
+    endDate: Date | null;
+    setDates: (start: null | Date, end: null | Date) => void;
+    numberOfMonths: number;
+    daySize: number;
+}
+export interface CalendarStylesProps {
+    calendar: {
+        typographyPreset: string;
+        borders: {
+            stylePreset: string;
+        };
+        transitionContainer: {
+            borders: {
+                stylePreset: string;
+            };
+        };
+        day: {
+            color: string;
+            backgroundColor: string;
+            typographyPreset: string;
+            hover: {
+                backgroundColor: string;
+            };
+            selected: {
+                color: string;
+                backgroundColor: string;
+                active: {
+                    hover: {
+                        color: string;
+                        backgroundColor: string;
+                    };
+                };
+            };
+            blocked: {
+                color: string;
+                outOfRange: {
+                    color: string;
+                };
+            };
+            span: {
+                color: string;
+                backgroundColor: string;
+                selected: {
+                    active: {
+                        hover: {
+                            color: string;
+                            backgroundColor: string;
+                        };
+                    };
+                };
+                hover: {
+                    color: string;
+                    backgroundColor: string;
+                    active: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        week: {
+            headers: {
+                typographyPreset: string;
+            };
+        };
+        month: {
+            headers: {
+                typographyPreset: string;
+                color: string;
+            };
+            navigation: {
+                default: {
+                    stylePreset: string;
+                };
+                vertical: {
+                    buttons: {
+                        next: string;
+                    };
+                };
+                icons: {
+                    stylePreset: string;
+                    svg: {
+                        left: {
+                            fill: string;
+                        };
+                        vertical: {
+                            width: string;
+                            height: string;
+                            fill: string;
+                        };
+                    };
+                };
+            };
+        };
+        inputs: {
+            typographyPreset: string;
+            colors: {
+                color: string;
+                fill: string;
+                backgroundColor: string;
+            };
+            spacing: {
+                marginLeft: string;
+                marginRight: string;
+                padding: string;
+            };
+            sizing: {
+                width: string;
+            };
+            borders: {
+                stylePreset: string;
+            };
+        };
+    };
+}

package/dist/esm/Calendar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Calendar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Calendar/types.ts"],"names":[],"mappings":""}

package/dist/esm/index.d.ts

@@ -19,6 +19,7 @@ export * from './SubscriptionDrawer';
 export * from './SubscriptionDetails';
 export * from './ThemeDropdown';
 export * from './TitleBar';
+export * from './Calendar';
 export * from './helpers';
 export * from './theme';
 export * from './utils';

package/dist/esm/index.js

@@ -19,6 +19,7 @@ export * from './SubscriptionDrawer';
 export * from './SubscriptionDetails';
 export * from './ThemeDropdown';
 export * from './TitleBar';
+export * from './Calendar';
 export * from './helpers';
 export * from './theme';
 export * from './utils';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AAEvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AAEvB,cAAc,SAAS,CAAA"}

package/dist/esm/theme/sharedTheme/index.js

@@ -14,13 +14,14 @@ import { buttonGroupPresets } from '../../ButtonGroup';
 import { headerSubscriptionDetailsPresets } from '../../SubscriptionDetails';
 import { modalPresets } from '../../Modal';
 import { stylePresets } from './stylePresets';
+import { calendarPresets } from '../../Calendar/presets';
 import { colors } from './colors';
 export var sharedTheme = createTheme({
     name: 'Shared-Theme',
     baseTheme: newskitLightTheme,
     overrides: {
         colors: colors,
-        stylePresets: __assign(__assign(__assign(__assign({}, buttonGroupPresets), headerSubscriptionDetailsPresets), modalPresets), stylePresets),
+        stylePresets: __assign(__assign(__assign(__assign(__assign({}, buttonGroupPresets), headerSubscriptionDetailsPresets), modalPresets), stylePresets), calendarPresets),
     },
 });
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/sharedTheme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/sharedTheme/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,CAAC,IAAM,WAAW,GAAG,WAAW,CAAC;IACrC,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,iBAAiB;IAC5B,SAAS,EAAE;QACT,MAAM,QAAA;QACN,YAAY,0CACP,kBAAkB,GAClB,gCAAgC,GAChC,YAAY,GACZ,YAAY,CAChB;KACF;CACF,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/sharedTheme/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,gCAAgC,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,CAAC,IAAM,WAAW,GAAG,WAAW,CAAC;IACrC,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,iBAAiB;IAC5B,SAAS,EAAE;QACT,MAAM,QAAA;QACN,YAAY,mDACP,kBAAkB,GAClB,gCAAgC,GAChC,YAAY,GACZ,YAAY,GACZ,eAAe,CACnB;KACF;CACF,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/shared-components",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Newskit Render Shared Components",
   "author": "",
   "license": "UNLICENSED",
@@ -29,10 +29,11 @@
   "dependencies": {
     "@emotion-icons/material": "3.14.0",
     "@emotion-icons/material-outlined": "3.14.0",
-    "@emotion/react": "11.10.4",
-    "@emotion/styled": "11.10.4",
+    "@emotion/react": "11.9.3",
+    "@emotion/styled": "11.9.3",
     "@hookform/resolvers": "2.8.3",
     "newskit": "6.1.0",
+    "react-dates": "21.8.0",
     "striptags": "3.2.0"
   },
   "devDependencies": {
@@ -47,7 +48,9 @@
     "@testing-library/react": "13.4.0",
     "@types/jest": "27.0.2",
     "@types/react": "18.0.19",
+    "@types/react-dates": "21.8.3",
     "@types/react-dom": "18.0.6",
+    "@types/react-with-styles": "4.0.7",
     "@typescript-eslint/eslint-plugin": "4.9.0",
     "@typescript-eslint/parser": "4.9.0",
     "axe-core": "4.3.3",