quicksnack 3.31.1 → 3.33.0

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.31.1",
+  "version": "3.33.0",
   "private": false,
   "files": [
     "dist/**"
   ],
   "license": "MIT",
-  "main": "dist/index.js",
+  "main": "dist/bundle.min.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "start": "react-scripts start",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook -o ./public",
-    "prepublish": "tsc",
+    "build": "rollup --config",
+    "storybook": "npx storybook dev -p 6006",
+    "build-storybook": "storybook build -o ./public",
+    "prepublish": "yarn build",
     "semantic-release": "semantic-release"
   },
   "publishConfig": {
@@ -55,17 +56,18 @@
     "@types/react": "17.0.45"
   },
   "devDependencies": {
+    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/plugin-typescript": "11.1.5",
     "@semantic-release/git": "10.0.1",
-    "@semantic-release/gitlab": "9.3.0",
-    "@semantic-release/npm": "9.0.1",
-    "@storybook/addon-actions": "6.5.4",
-    "@storybook/addon-essentials": "6.5.4",
-    "@storybook/addon-links": "6.5.4",
-    "@storybook/builder-webpack5": "6.5.4",
-    "@storybook/manager-webpack5": "6.5.4",
-    "@storybook/node-logger": "6.5.4",
-    "@storybook/preset-create-react-app": "4.1.1",
-    "@storybook/react": "6.5.4",
+    "@semantic-release/gitlab": "12.1.1",
+    "@semantic-release/npm": "11.0.1",
+    "@storybook/addon-actions": "7.6.1",
+    "@storybook/addon-essentials": "7.6.1",
+    "@storybook/addon-links": "7.6.1",
+    "@storybook/node-logger": "7.6.1",
+    "@storybook/preset-create-react-app": "7.6.1",
+    "@storybook/react": "7.6.1",
+    "@storybook/react-webpack5": "7.6.1",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "13.2.0",
     "@testing-library/user-event": "14.2.0",
@@ -81,7 +83,9 @@
     "react-hook-form": "7.34.0",
     "react-icons": "4.3.1",
     "react-scripts": "5.0.1",
-    "semantic-release": "19.0.2",
+    "rollup": "4.6.1",
+    "semantic-release": "22.0.8",
+    "storybook": "7.6.1",
     "styled-components": "6.0.7",
     "typescript": "4.6.4"
   }

package/dist/UiProvider.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UiProvider = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = require("styled-components");
-var theme_1 = require("./theme");
-// Fix for styled-components with react-18.
-// Can be removed once this issue is resolved.
-// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/59765#issuecomment-1092938253
-var ThemeProviderFixed = styled_components_1.ThemeProvider;
-var UiProvider = function (_a) {
-    var children = _a.children, themeOverride = _a.theme;
-    return (react_1.default.createElement(ThemeProviderFixed, { theme: themeOverride || theme_1.theme }, children));
-};
-exports.UiProvider = UiProvider;

package/dist/UiStateProvider.js

@@ -1,47 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UiStateProvider = exports.useUiStateContext = void 0;
-var react_1 = __importStar(require("react"));
-var noop = function () { };
-var UiState = react_1.default.createContext({
-    isSideMenuOpen: false,
-    closeSideMenu: noop,
-    openSideMenu: noop,
-});
-var useUiStateContext = function () { return (0, react_1.useContext)(UiState); };
-exports.useUiStateContext = useUiStateContext;
-var UiStateProvider = function (_a) {
-    var children = _a.children;
-    var _b = react_1.default.useState(false), isSideMenuOpen = _b[0], setIsSideMenuOpen = _b[1];
-    var handleCloseSideMenu = react_1.default.useCallback(function () { return setIsSideMenuOpen(false); }, []);
-    var handleOpenSideMenu = react_1.default.useCallback(function () { return setIsSideMenuOpen(true); }, []);
-    return (react_1.default.createElement(UiState.Provider, { value: {
-            isSideMenuOpen: isSideMenuOpen,
-            closeSideMenu: handleCloseSideMenu,
-            openSideMenu: handleOpenSideMenu,
-        } }, children));
-};
-exports.UiStateProvider = UiStateProvider;

package/dist/UiWrapper.js

@@ -1,23 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UiWrapper = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var UiProvider_1 = require("./UiProvider");
-var UiStateProvider_1 = require("./UiStateProvider");
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n  color: ", ";\n  font-size: 14px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: Lato, \"Helvetica Neue\", Arial, Helvetica, sans-serif;\n  color: ", ";\n  font-size: 14px;\n"])), function (props) { return props.theme.palette.common.black; });
-var UiWrapper = function (_a) {
-    var theme = _a.theme, children = _a.children;
-    return (react_1.default.createElement(UiProvider_1.UiProvider, { theme: theme },
-        react_1.default.createElement(UiStateProvider_1.UiStateProvider, null,
-            react_1.default.createElement(Wrapper, null, children))));
-};
-exports.UiWrapper = UiWrapper;
-var templateObject_1;

package/dist/animation/SlideInFromTop/SlideInFromTop.js

@@ -1,38 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlideInFromTop = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var slideInFromTop = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 0;\n    transform: translateY(-5px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"], ["\n  0% {\n    opacity: 0;\n    transform: translateY(-5px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-exports.SlideInFromTop = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " ", " ease-in 0s 1;\n"], ["\n  animation: ", " ", " ease-in 0s 1;\n"])), slideInFromTop, function (props) { return props.speed || '.3s'; });
-var templateObject_1, templateObject_2;

package/dist/animation/SlideOpen/SlideOpen.js

@@ -1,52 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlideOpen = exports.useOnNextTick = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var Animation = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["                \n  transform: ", ";  \n  transition-duration: ", "s;  \n  transition-property: transform;     \n}\n"], ["                \n  transform: ", ";  \n  transition-duration: ", "s;  \n  transition-property: transform;     \n}\n"])), function (props) { return props.isOpen ? "translate(0)" : "translateY(-101%)"; }, function (props) { return props.duration || 0.25; });
-var Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  overflow: hidden;\n"], ["\n  overflow: hidden;\n"])));
-var Hider = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   display: ", ";\n"], ["\n   display: ", ";\n"
-    // Returns the boolean value in the next tick.
-    // Allows for transition to start when DOM is updated, it prevents a flickers.
-])), function (props) { return props.isHidden ? 'none' : 'block'; });
-// Returns the boolean value in the next tick.
-// Allows for transition to start when DOM is updated, it prevents a flickers.
-var useOnNextTick = function (val) {
-    var _a = react_1.default.useState(val), delayedVal = _a[0], setDelayedVal = _a[1];
-    react_1.default.useEffect(function () {
-        var timeout = setTimeout(function () { return setDelayedVal(val); }, 0);
-        return function () { return clearTimeout(timeout); };
-    }, [val, setDelayedVal]);
-    return delayedVal;
-};
-exports.useOnNextTick = useOnNextTick;
-var SlideOpen = function (_a) {
-    var isOpen = _a.isOpen, children = _a.children, duration = _a.duration, onChange = _a.onChange;
-    var isDelayedOpen = (0, exports.useOnNextTick)(isOpen);
-    var _b = react_1.default.useState(!isOpen), isHidden = _b[0], setIsHidden = _b[1];
-    var handleTransitionEnd = react_1.default.useCallback(function () {
-        if (!isOpen) {
-            setIsHidden(true);
-            onChange === null || onChange === void 0 ? void 0 : onChange(false);
-        }
-    }, [isOpen, onChange]);
-    react_1.default.useEffect(function () {
-        if (isOpen) {
-            setIsHidden(false);
-            onChange === null || onChange === void 0 ? void 0 : onChange(true);
-        }
-    }, [isOpen, onChange]);
-    return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(Animation, { isOpen: isDelayedOpen, onTransitionEndCapture: handleTransitionEnd, duration: duration },
-            react_1.default.createElement(Hider, { isHidden: isHidden }, children))));
-};
-exports.SlideOpen = SlideOpen;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Alert/Alert.js

@@ -1,27 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Alert = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var Header_1 = require("../../typography/Header/Header");
-var Paragraph_1 = require("../../typography/Paragraph/Paragraph");
-var Box_1 = require("../Box/Box");
-var Wrapper = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 4px;     \n  border: 1px solid ", ";\n  background-color: ", ";      \n  color: ", ";      \n"], ["\n  border-radius: 4px;     \n  border: 1px solid ", ";\n  background-color: ", ";      \n  color: ", ";      \n"])), function (props) { return props.theme.palette.pane[props.variant].main.idle.border; }, function (props) { return props.theme.palette.pane[props.variant].main.idle.background; }, function (props) { return props.theme.palette.pane[props.variant].main.idle.text; });
-var Alert = function (_a) {
-    var children = _a.children, title = _a.title, _b = _a.variant, variant = _b === void 0 ? "basic" : _b;
-    return (react_1.default.createElement(Wrapper, { variant: variant },
-        react_1.default.createElement(Box_1.Box, { p: 3 },
-            title && (react_1.default.createElement(Box_1.Box, { pb: children ? 1 : 0 },
-                react_1.default.createElement(Header_1.Header, { level: 4 }, title))),
-            children && react_1.default.createElement(Paragraph_1.Paragraph, null, children))));
-};
-exports.Alert = Alert;
-var templateObject_1;

package/dist/components/AnimatedCheckmark/AnimatedCheckmark.js

@@ -1,50 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnimatedCheckmark = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var green = '#20c997';
-var Mask = styled_components_1.default.g(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    fill: none; \n    stroke: ", ";    \n    stroke-width: 10;\n"], ["\n    fill: none; \n    stroke: ", ";    \n    stroke-width: 10;\n"])), green);
-var polyLineAnimation = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["    \n    0% {\n        stroke-dashoffset: 100px\n    }\n    100% {\n        stroke-dashoffset: 0px\n    }\n"], ["    \n    0% {\n        stroke-dashoffset: 100px\n    }\n    100% {\n        stroke-dashoffset: 0px\n    }\n"])));
-var Polyline = styled_components_1.default.polyline(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    stroke-dasharray: 100px, 100px;\n    stroke-dashoffset: 200px;\n    animation: ", " 0.42s ease-in-out 0.8s backwards;\n    stroke: ", ";\n    stroke-width: 10;     \n"], ["\n    stroke-dasharray: 100px, 100px;\n    stroke-dashoffset: 200px;\n    animation: ", " 0.42s ease-in-out 0.8s backwards;\n    stroke: ", ";\n    stroke-width: 10;     \n"])), polyLineAnimation, green);
-var circleAnimation = (0, styled_components_1.keyframes)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    0% {\n        stroke-dashoffset: 480px \n    }\n    100% {\n        stroke-dashoffset: 960px\n    }\n"], ["\n    0% {\n        stroke-dashoffset: 480px \n    }\n    100% {\n        stroke-dashoffset: 960px\n    }\n"])));
-var Circle = styled_components_1.default.circle(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    stroke-dasharray: 480px, 480px; \n    stroke-dashoffset: 960px;\n    animation: ", " 0.6s ease-in-out backwards;\n    stroke: ", ";\n    stroke-width: 10;    \n"], ["\n    stroke-dasharray: 480px, 480px; \n    stroke-dashoffset: 960px;\n    animation: ", " 0.6s ease-in-out backwards;\n    stroke: ", ";\n    stroke-width: 10;    \n"])), circleAnimation, green);
-var circleColoredAnimation = (0, styled_components_1.keyframes)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    0% { \n        opacity:0; \n    }\n    100% { \n        opacity:100; \n    }\n"], ["\n    0% { \n        opacity:0; \n    }\n    100% { \n        opacity:100; \n    }\n"])));
-var CircleColored = styled_components_1.default.circle(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    stroke-dasharray: 480px, 480px; \n    stroke-dashoffset: 960px;\n    animation: ", " 1.2s ease-in-out 1.4s backwards;\n    fill: #effaf8;    \n"], ["\n    stroke-dasharray: 480px, 480px; \n    stroke-dashoffset: 960px;\n    animation: ", " 1.2s ease-in-out 1.4s backwards;\n    fill: #effaf8;    \n"])), circleColoredAnimation);
-var AnimatedCheckmark = function () { return (react_1.default.createElement("svg", { viewBox: "0 0 154 154" },
-    react_1.default.createElement(Mask, null,
-        react_1.default.createElement(Circle, { cx: '77', cy: '77', r: '72' }),
-        react_1.default.createElement(CircleColored, { cx: '77', cy: '77', r: '72' }),
-        react_1.default.createElement(Polyline, { points: "43.5,77.8 63.7,97.9 112.2,49.4" })))); };
-exports.AnimatedCheckmark = AnimatedCheckmark;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/Box/Box.js

@@ -1,57 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Box = void 0;
-var responsiveProps_1 = require("../../responsiveness/responsiveProps");
-var styled_components_1 = __importStar(require("styled-components"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-exports.Box = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  box-sizing: border-box;\n  \n  ", "\n"], ["\n  box-sizing: border-box;\n  \n  ", "\n"])), function (props) { return (0, responsiveProps_1.responsiveProps)(props, {
-    "p": function (unit) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["padding: ", ";"], ["padding: ", ";"])), props.theme.spacing(unit)); },
-    "pt": function (unit) { return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["padding-top: ", ";"], ["padding-top: ", ";"])), props.theme.spacing(unit)); },
-    "pr": function (unit) { return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["padding-right: ", ";"], ["padding-right: ", ";"])), props.theme.spacing(unit)); },
-    "pb": function (unit) { return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["padding-bottom: ", ";"], ["padding-bottom: ", ";"])), props.theme.spacing(unit)); },
-    "pl": function (unit) { return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["padding-left: ", ";"], ["padding-left: ", ";"])), props.theme.spacing(unit)); },
-    "m": function (unit) { return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["margin: ", ";"], ["margin: ", ";"])), props.theme.spacing(unit)); },
-    "mt": function (unit) { return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["margin-top: ", ";"], ["margin-top: ", ";"])), props.theme.spacing(unit)); },
-    "mr": function (unit) { return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["margin-right: ", ";"], ["margin-right: ", ";"])), props.theme.spacing(unit)); },
-    "mb": function (unit) { return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["margin-bottom: ", ";"], ["margin-bottom: ", ";"])), props.theme.spacing(unit)); },
-    "ml": function (unit) { return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["margin-left: ", ";"], ["margin-left: ", ";"])), props.theme.spacing(unit)); },
-    "display": function (unit) { return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["display: ", ";"], ["display: ", ";"])), unit); },
-    "flexGrow": function (unit) { return (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["flex-grow: ", ";"], ["flex-grow: ", ";"])), unit); },
-    "flexShrink": function (unit) { return (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["flex-shrink: ", ";"], ["flex-shrink: ", ";"])), unit); },
-    "flexDirection": function (unit) { return (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["flex-direction: ", ";"], ["flex-direction: ", ";"])), unit); },
-    "alignItems": function (unit) { return (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["align-items: ", ";"], ["align-items: ", ";"])), unit); },
-    "textAlign": function (unit) { return (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["text-align: ", ";"], ["text-align: ", ";"])), unit); },
-    "justifyContent": function (unit) { return (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["justify-content: ", ";"], ["justify-content: ", ";"])), unit); },
-    "width": function (unit) { return (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["width: ", ";"], ["width: ", ";"])), typeof unit === 'number' ? props.theme.spacing(unit) : unit); },
-}); });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;

package/dist/components/BreadCrumbs/BreadCrumbs.js

@@ -1,14 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Crumb = exports.BreadCrumbs = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.BreadCrumbs = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display:flex;\n"], ["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display:flex;\n"])));
-exports.Crumb = styled_components_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;  \n \n  &:not(:last-of-type):after {    \n    content: \"/\";\n    color: ", ";\n    line-height: 1em;\n    content: \"/\";\n    margin: auto auto;\n    padding: ", ";\n  }\n"], ["\n  display: flex;  \n \n  &:not(:last-of-type):after {    \n    content: \"/\";\n    color: ", ";\n    line-height: 1em;\n    content: \"/\";\n    margin: auto auto;\n    padding: ", ";\n  }\n"])), function (props) { return props.theme.palette.colors.gray; }, function (props) { return props.theme.spacing(0, 2, 0, 0); });
-var templateObject_1, templateObject_2;

package/dist/components/CollapsiblePanel/CollapsiblePanel.js

@@ -1,73 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapsiblePanel = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var Panel_1 = require("../Panel/Panel");
-var SlideOpen_1 = require("../../animation/SlideOpen/SlideOpen");
-var Box_1 = require("../Box/Box");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var TitleActionWrapper = styled_components_1.default.div.withConfig({ shouldForwardProp: is_prop_valid_1.default })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform: scaleY( ", " );\n"], ["\n  transform: scaleY( ", " );\n"])), function (props) { return props.isOpen ? '-1' : '1'; });
-var StyledPanel = (0, styled_components_1.default)(Panel_1.Panel)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   ", "\n"], ["\n   ", "\n"])), function (props) { return !props.isOpen && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["border-bottom: 0;"], ["border-bottom: 0;"]))); });
-var CollapsiblePanel = function (_a) {
-    var isInitiallyOpen = _a.isInitiallyOpen, children = _a.children, titleAction = _a.titleAction, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
-    var _b = (0, react_1.useState)(isInitiallyOpen), isOpen = _b[0], setIsOpen = _b[1];
-    var toggleOpen = (0, react_1.useCallback)(function () { return setIsOpen(!isOpen); }, [setIsOpen, isOpen]);
-    return (react_1.default.createElement(StyledPanel, __assign({}, rest, { isOpen: isOpen, onClickTitle: toggleOpen, p: 0, titleAction: react_1.default.createElement(TitleActionWrapper, { isOpen: isOpen }, titleAction) }),
-        react_1.default.createElement(SlideOpen_1.SlideOpen, { isOpen: isOpen },
-            react_1.default.createElement(Box_1.Box, { p: 3 }, children))));
-};
-exports.CollapsiblePanel = CollapsiblePanel;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/ConfirmButton/ConfirmButton.js

@@ -1,44 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmButton = void 0;
-var react_1 = __importDefault(require("react"));
-var useConfirmModal_1 = require("../ConfirmModal/hooks/useConfirmModal");
-var ConfirmModal_1 = require("../ConfirmModal/ConfirmModal");
-var Button_1 = require("../../form/Button/Button");
-var noop = function () { };
-var ConfirmButton = function (_a) {
-    var _b;
-    var modalProps = _a.modalProps, buttonProps = __rest(_a, ["modalProps"]);
-    var _c = (0, useConfirmModal_1.useConfirmModal)({
-        onConfirm: (_b = modalProps.onConfirm) !== null && _b !== void 0 ? _b : noop
-    }), modalHandlerProps = _c[0], openModal = _c[1];
-    return react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.Button, __assign({}, buttonProps, { onClick: openModal })),
-        react_1.default.createElement(ConfirmModal_1.ConfirmModal, __assign({ title: "Are you sure?" }, modalProps, modalHandlerProps)));
-};
-exports.ConfirmButton = ConfirmButton;

package/dist/components/ConfirmModal/ConfirmModal.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmModal = void 0;
-var react_1 = __importDefault(require("react"));
-var Modal_1 = require("../Modal/Modal");
-var Button_1 = require("../../form/Button/Button");
-var ConfirmModal = function (_a) {
-    var title = _a.title, children = _a.children, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Nee, annuleren" : _b, _c = _a.confirmLabel, confirmLabel = _c === void 0 ? "Ja" : _c, _d = _a.confirmVariant, confirmVariant = _d === void 0 ? 'secondary' : _d, confirmIcon = _a.confirmIcon, cancelIcon = _a.cancelIcon, isOpen = _a.isOpen, onCancel = _a.onCancel, onConfirm = _a.onConfirm;
-    return isOpen ? (react_1.default.createElement(Modal_1.Modal, { title: title, handleClickOverlay: onCancel, buttons: react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Button_1.Button, { "data-testid": "btn-cancel", onClick: onCancel, variant: "basic", icon: cancelIcon }, cancelLabel),
-            react_1.default.createElement(Button_1.Button, { "data-testid": "btn-confirm", onClick: onConfirm, variant: confirmVariant, icon: confirmIcon }, confirmLabel)) }, children)) : null;
-};
-exports.ConfirmModal = ConfirmModal;

package/dist/components/ConfirmModal/hooks/useConfirmModal.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConfirmModal = void 0;
-var react_1 = __importDefault(require("react"));
-var useConfirmModal = function (_a) {
-    var onConfirm = _a.onConfirm;
-    var _b = react_1.default.useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    var onCancel = function () { return setIsOpen(false); };
-    var handleOpen = function () { return setIsOpen(true); };
-    var handleConfirm = function () {
-        onConfirm();
-        setIsOpen(false);
-    };
-    return [
-        {
-            onCancel: onCancel,
-            onConfirm: handleConfirm,
-            isOpen: isOpen,
-        },
-        handleOpen,
-    ];
-};
-exports.useConfirmModal = useConfirmModal;

package/dist/components/Details/Details.js

@@ -1,49 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Details = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var Table_1 = require("../Table/Table");
-var StyledCell = (0, styled_components_1.default)(Table_1.Table.Cell)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  ", "\n  vertical-align: top;\n"], ["\n  ", "\n  ", "\n  vertical-align: top;\n"])), function (props) { return props.firstRow && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject([" border-top: 0px !important;"], [" border-top: 0px !important;"]))); }, function (props) { return props.width && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject([" width: ", ";"], [" width: ", ";"])), props.width); });
-var Details = function (_a) {
-    var details = _a.details, firstColumnWidth = _a.firstColumnWidth;
-    return (react_1.default.createElement(Table_1.Table, null,
-        react_1.default.createElement("tbody", null, Object.entries(details).map(function (_a, index) {
-            var key = _a[0], val = _a[1];
-            return (react_1.default.createElement(Table_1.Table.Row, { key: key, disableHover: true },
-                react_1.default.createElement(StyledCell, { width: firstColumnWidth, firstRow: index === 0 }, key),
-                react_1.default.createElement(StyledCell, { firstRow: index === 0 }, val)));
-        }))));
-};
-exports.Details = Details;
-var templateObject_1, templateObject_2, templateObject_3;