@licklist/design 0.78.7-stage.73 → 0.78.7-stage.75

package/.yarnrc.yml

@@ -1,3 +1,8 @@
 nodeLinker: node-modules
 npmAlwaysAuth: true
 npmAuthToken: ${NPM_TOKEN}
+
+supportedArchitectures:
+  os: [current, linux]
+  cpu: [current, x64]
+  libc: [current, musl, glibc]

package/dist/index.js

@@ -214,16 +214,17 @@ export { Chart } from './v2/dashboard-analytics/chart/Chart.js';
 export { Dashboard } from './v2/dashboard-analytics/dashboard/Dashboard.js';
 export { Blog } from './v2/dashboard-analytics/blog-posts/Blog.js';
 export { DashboardLayout } from './v2/navigation/DashboardLayout/DashboardLayout.js';
-export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, LoyaltyIcon, MarketingIcon, ProviderSidebar, ReportsIcon, SettingsIcon, WaiversIcon } from './v2/navigation/DashboardLayout/ProviderSidebar.js';
+export { FlowsIcon, HomeIcon, InventoryIcon, ProviderSidebar } from './v2/navigation/DashboardLayout/ProviderSidebar.js';
 export { AdminSidebar } from './v2/navigation/DashboardLayout/AdminSidebar.js';
 export { TopNavigation } from './v2/navigation/DashboardLayout/TopNavigation.js';
 export { DashboardFooter } from './v2/navigation/DashboardLayout/DashboardFooter.js';
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, PadlockIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, VenueIcon } from './v2/icons/index.js';
+export { AdminIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, NoEntryIcon, PadlockIcon, PaymentsIcon, PlusIcon, ProfileIcon, RefreshIcon, SearchIcon, SecurityIcon, SendIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, VenueIcon } from './v2/icons/index.js';
 export { SettingsPage } from './v2/pages/Settings/SettingsPage.js';
 export { SettingsTabs } from './v2/pages/Settings/SettingsTabs.js';
 export { SidebarCustomisation, defaultSidebarItems } from './v2/pages/Settings/components/SidebarCustomisation.js';
 export { SidebarNavItem } from './v2/pages/Settings/components/SidebarNavItem.js';
 export { ZonesResourcesPage } from './v2/pages/ZonesResources/ZonesResourcesPage.js';
+export { SettingsSubPage } from './v2/pages/SettingsSubPage/SettingsSubPage.js';
 export { IconButton } from './v2/components/IconButton/IconButton.js';
 export { Badge } from './v2/components/Badge/Badge.js';
 export { QuickFilter } from './v2/components/QuickFilter/QuickFilter.js';

package/dist/v2/components/NewTabs/NewTabs.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".new-tabs{align-items:center;align-self:stretch;border-bottom:1px solid var(--border-primary,#e8e9ef);display:flex;justify-content:space-between;margin:20px 0 0;padding-bottom:0;padding-left:0;padding-top:0}.new-tabs__container{display:flex;gap:0}.new-tabs__tab{background:none;border:none;color:var(--label-selected,#121e52);cursor:pointer;font-family:var(--font-family-sans);font-size:15px;font-style:normal;font-weight:600;line-height:18px;margin-bottom:0;margin-right:24px;padding:12px 4px;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1)}.new-tabs__tab:after{background-color:initial;border-radius:4px;bottom:0;content:\"\";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition-duration:.25s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.new-tabs__tab:hover:not(:disabled):after{background-color:var(--fill-action-secondary,#6200ee);width:50%}.new-tabs__tab:hover:not(:disabled){color:var(--fill-action-secondary,#6200ee)}.new-tabs__tab--active:after{background-color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab--active{color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab:disabled{cursor:not-allowed;opacity:.5}";
+var css_248z = ".new-tabs{align-items:center;align-self:stretch;border-bottom:1px solid var(--border-primary,#e8e9ef);display:flex;justify-content:space-between;margin:20px 0;padding-bottom:0;padding-left:0;padding-top:0}.new-tabs__container{display:flex;gap:0}.new-tabs__tab{background:none;border:none;color:var(--label-selected,#121e52);cursor:pointer;font-family:var(--font-family-sans);font-size:15px;font-style:normal;font-weight:600;line-height:18px;margin-bottom:0;margin-right:24px;padding:12px 4px;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1)}.new-tabs__tab:after{background-color:initial;border-radius:4px;bottom:0;content:\"\";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition-duration:.25s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.new-tabs__tab:hover:not(:disabled):after{background-color:var(--fill-action-secondary,#6200ee);width:50%}.new-tabs__tab:hover:not(:disabled){color:var(--fill-action-secondary,#6200ee)}.new-tabs__tab--active:after{background-color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab--active{color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab:disabled{cursor:not-allowed;opacity:.5}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/icons/index.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -79,6 +79,34 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
+var DashboardIcon = function() {
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 24 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 24 : _ref_height, _ref_className = _ref.className, className = _ref_className === void 0 ? '' : _ref_className;
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: width,
+        height: height,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        className: className,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M17.727 20.118H6.273a.83.83 0 0 1-.818-.84v-7.557H3l8.45-7.884a.803.803 0 0 1 1.1 0L21 11.72h-2.454v7.557a.83.83 0 0 1-.819.84Zm-10.636-1.68h9.818v-8.265L12 5.593l-4.91 4.58v8.266Z"
+        })
+    });
+};
+var CompanyIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M19.5 18.75H4.5V17.25H5.25V6C5.25 5.58579 5.58579 5.25 6 5.25H16.5C16.9142 5.25 17.25 5.58579 17.25 6V9.75H18.75V17.25H19.5V18.75ZM15.75 17.25H17.25V11.25H12.75V17.25H14.25V12.75H15.75V17.25ZM15.75 9.75V6.75H6.75V17.25H11.25V9.75H15.75ZM8.25 11.25H9.75V12.75H8.25V11.25ZM8.25 14.25H9.75V15.75H8.25V14.25ZM8.25 8.25H9.75V9.75H8.25V8.25Z",
+            fill: "var(--fills-main-fill-primary, #14215A)"
+        })
+    });
+};
 var VenueIcon = function() {
     return /*#__PURE__*/ jsxs("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -110,6 +138,30 @@ var MarketingIcon = function() {
         })
     });
 };
+var AdminIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M12 13.5V15a4.5 4.5 0 0 0-4.5 4.5H6a6 6 0 0 1 6-6Zm0-.75a4.499 4.499 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5-2.014 4.5-4.5 4.5Zm0-1.5a3 3 0 1 0 0-6 3 3 0 1 0 0 6Zm4.5 7.875-2.204 1.159.42-2.455-1.782-1.738 2.464-.358L16.5 13.5l1.102 2.233 2.465.358-1.784 1.738.421 2.455-2.204-1.159Z"
+        })
+    });
+};
+var ProfileIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M6 19.5a6 6 0 0 1 12 0h-1.5a4.5 4.5 0 1 0-9 0H6Zm6-6.75a4.499 4.499 0 0 1-4.5-4.5c0-2.486 2.014-4.5 4.5-4.5s4.5 2.014 4.5 4.5-2.014 4.5-4.5 4.5Zm0-1.5a3 3 0 1 0 0-6 3 3 0 1 0 0 6Z"
+        })
+    });
+};
 var CustomersIcon = function() {
     return /*#__PURE__*/ jsx("svg", {
         width: "24",
@@ -122,6 +174,18 @@ var CustomersIcon = function() {
         })
     });
 };
+var PaymentsIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "var(--fills-main-fill-primary, #14215A)",
+            d: "M12.004 19.502a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Zm0-1.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-2.25-5.25h-.75v-1.5h.75v-.75a2.625 2.625 0 0 1 5.06-.984l-1.49.373a1.124 1.124 0 0 0-2.07.61v.75h2.25v1.5h-2.25v1.5h3.75v1.5h-6v-1.5h.75v-1.5Z"
+        })
+    });
+};
 var SettingsIcon = function() {
     return /*#__PURE__*/ jsx("svg", {
         width: "24",
@@ -540,6 +604,26 @@ var CircleIcon = function() {
         })
     }));
 };
+var SecurityIcon = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 8L16 6.5V25.5L11 22.5L8 19.5V8Z",
+                fill: "currentColor",
+                fillOpacity: "0.1"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16 5L24.2169 6.82598C24.6745 6.92766 25 7.33347 25 7.80217V17.7889C25 19.795 23.9974 21.6684 22.3282 22.7812L16 27L9.6718 22.7812C8.00261 21.6684 7 19.795 7 17.7889V7.80217C7 7.33347 7.32553 6.92766 7.78307 6.82598L16 5ZM16 7.04879L9 8.60434V17.7889C9 19.1263 9.6684 20.3752 10.7812 21.1171L16 24.5963L21.2188 21.1171C22.3316 20.3752 23 19.1263 23 17.7889V8.60434L16 7.04879ZM16 11C17.1046 11 18 11.8954 18 13C18 13.7398 17.5983 14.3858 17.0011 14.7318L17 19H15L14.9999 14.7324C14.4022 14.3866 14 13.7402 14 13C14 11.8954 14.8954 11 16 11Z",
+                fill: "currentColor"
+            })
+        ]
+    });
+};
 var DeleteIcon = function() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 24 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 24 : _ref_height;
     return /*#__PURE__*/ jsx("svg", {
@@ -568,6 +652,43 @@ var ClockIcon = function() {
         })
     });
 };
+var NoEntryIcon = function() {
+    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 24 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 24 : _ref_height;
+    return /*#__PURE__*/ jsx("svg", {
+        width: width,
+        height: height,
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M16 5C22.0751 5 27 9.92487 27 16C27 22.0751 22.0751 27 16 27C9.92487 27 5 22.0751 5 16C5 9.92487 9.92487 5 16 5ZM7.75293 12.3936C7.26936 13.4978 7 14.7173 7 16C7 20.9706 11.0294 25 16 25C18.9719 25 21.6062 23.5587 23.2451 21.3379L7.75293 12.3936ZM16 7C13.0282 7 10.3928 8.44042 8.75391 10.6611L24.2461 19.6055C24.7295 18.5013 25 17.2825 25 16C25 11.0294 20.9706 7 16 7Z",
+            fill: "currentColor"
+        })
+    });
+};
+var UploadIcon = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "32",
+        height: "32",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 16V8M12 8L8.5 11.5M12 8L15.5 11.5",
+                stroke: "currentColor",
+                strokeWidth: "1.75",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M4 17V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V17",
+                stroke: "currentColor",
+                strokeWidth: "1.75",
+                strokeLinecap: "round"
+            })
+        ]
+    });
+};
 var LocationIcon = function() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 48 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 48 : _ref_height, _ref_className = _ref.className, className = _ref_className === void 0 ? '' : _ref_className;
     return /*#__PURE__*/ jsx("svg", {
@@ -647,4 +768,4 @@ var SettingsPageWaiversIcon = function() {
     }));
 };
 
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CustomersIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, LoyaltyIcon, MarketingIcon, PadlockIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, VenueIcon, WaiversIcon };
+export { AdminIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, CustomersIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LocationIcon, LoyaltyIcon, MarketingIcon, NoEntryIcon, PadlockIcon, PaymentsIcon, PlusIcon, ProfileIcon, RefreshIcon, SearchIcon, SecurityIcon, SendIcon, SettingsIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, VenueIcon, WaiversIcon };

package/dist/v2/navigation/DashboardLayout/ProviderSidebar.js

@@ -100,18 +100,6 @@ var MarketingIcon = function() {
         })
     });
 };
-var WaiversIcon = function() {
-    return /*#__PURE__*/ jsx("svg", {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 32 32",
-        fill: "none",
-        children: /*#__PURE__*/ jsx("path", {
-            d: "M19.5771 18.5563C20.9411 17.6264 22.718 17.1662 25.1523 17.4449L25.6484 17.5104L25.749 17.5309C26.2398 17.6564 26.5658 18.1363 26.4893 18.6481C26.4124 19.1602 25.9595 19.523 25.4531 19.4987L25.3516 19.4889L24.9297 19.4323C22.8719 19.1952 21.596 19.6007 20.7041 20.2086C19.7063 20.8889 19.0536 21.9054 18.3594 23.0729C17.718 24.1516 16.9733 25.5059 15.7871 26.2936C14.5585 27.1092 13.0355 27.2399 11.0518 26.5787L10.6484 26.4362L10.5547 26.3951C10.1007 26.17 9.88172 25.6328 10.0635 25.1481C10.2455 24.6636 10.7639 24.4027 11.2539 24.5319L11.3516 24.5631L11.6816 24.6803C13.2821 25.216 14.1232 24.9983 14.6816 24.6276C15.4013 24.1496 15.9073 23.2847 16.6406 22.0514C17.3213 20.9067 18.1691 19.5164 19.5771 18.5563ZM14.6758 4.54749C14.9256 4.0552 15.5271 3.85842 16.0195 4.10803L20.5703 6.41467L20.6582 6.46545C21.085 6.73909 21.2439 7.29752 21.0098 7.7594L14.4189 20.7594C14.3389 20.9171 14.2179 21.0511 14.0693 21.1471L9.81738 23.8932C9.51875 24.0861 9.14038 24.1056 8.82324 23.9449C8.50608 23.7842 8.29737 23.4669 8.27637 23.1119L7.97852 18.0592C7.96811 17.8825 8.00497 17.7053 8.08496 17.5475L14.6758 4.54749ZM9.99121 18.2106L10.1719 21.2819L12.7578 19.6129L18.7734 7.7467L16.0068 6.34436L9.99121 18.2106Z",
-            fill: "currentColor"
-        })
-    });
-};
 var SettingsIcon = function() {
     return /*#__PURE__*/ jsx("svg", {
         width: "24",
@@ -359,4 +347,4 @@ var ProviderSidebar = function(param) {
     });
 };
 
-export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, LoyaltyIcon, MarketingIcon, ProviderSidebar, ReportsIcon, SettingsIcon, WaiversIcon };
+export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, LoyaltyIcon, MarketingIcon, ProviderSidebar, ReportsIcon, SettingsIcon };

package/dist/v2/pages/SettingsSubPage/SettingsSubPage.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import '../../components/Button/Button.scss.js';
+import { GhostButton } from '../../components/Button/GhostButton.js';
+import { NewPageHeader } from '../../components/NewPageHeader/NewPageHeader.js';
+import { ArrowLeftIcon, PlusIcon } from '../../icons/index.js';
+import './SettingsSubPage.scss.js';
+
+var SettingsSubPage = function(param) {
+    var _param_title = param.title, title = _param_title === void 0 ? '' : _param_title, _param_backLabel = param.backLabel, backLabel = _param_backLabel === void 0 ? 'Back to Settings' : _param_backLabel, onBack = param.onBack, actionLabel = param.actionLabel, onAction = param.onAction, children = param.children;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "settings-sub-page",
+        children: [
+            onBack && /*#__PURE__*/ jsx("div", {
+                className: "settings-sub-page__back",
+                children: /*#__PURE__*/ jsx(GhostButton, {
+                    onClick: onBack,
+                    icon: /*#__PURE__*/ jsx(ArrowLeftIcon, {}),
+                    children: backLabel
+                })
+            }),
+            /*#__PURE__*/ jsx(NewPageHeader, {
+                title: title,
+                showDivider: true
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "settings-sub-page__content",
+                children: [
+                    onAction && actionLabel && /*#__PURE__*/ jsx("div", {
+                        className: "settings-sub-page__action",
+                        children: /*#__PURE__*/ jsx(GhostButton, {
+                            onClick: onAction,
+                            icon: /*#__PURE__*/ jsx(PlusIcon, {
+                                width: 16,
+                                height: 16
+                            }),
+                            children: actionLabel
+                        })
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+};
+
+export { SettingsSubPage };

package/dist/v2/pages/SettingsSubPage/SettingsSubPage.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".settings-sub-page{align-self:stretch;display:flex;flex-direction:column}.settings-sub-page__back{align-self:flex-start;padding:24px 32px 0 0}.settings-sub-page__back .ghost-button{border-color:var(--borders-main-border-primary,#e8e9ef);color:var(--fill-action,#5d5bf4)}.settings-sub-page__back .ghost-button:not(.active):hover:not(:disabled){background-color:var(--surface-action-soft,#f4f4fe);color:var(--fill-action,#5d5bf4)}.settings-sub-page__back .ghost-button .ghost-button__icon svg{height:24px;width:24px}@media (max-width:768px){.settings-sub-page__back{padding:16px 16px 0 0}}.settings-sub-page__content{padding:24px 0}@media (max-width:768px){.settings-sub-page__content{padding:0}}.settings-sub-page__action{display:flex;justify-content:flex-end;margin-bottom:16px}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/pages/ZonesResources/ZonesResourcesPage.js

@@ -1,47 +1,73 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import 'react';
-import '../../components/Button/Button.scss.js';
-import { GhostButton } from '../../components/Button/GhostButton.js';
-import { NewPageHeader } from '../../components/NewPageHeader/NewPageHeader.js';
-import { ArrowLeftIcon, PlusIcon } from '../../icons/index.js';
-import './ZonesResourcesPage.scss.js';
+import { SettingsSubPage } from '../SettingsSubPage/SettingsSubPage.js';
 
-var ZonesResourcesPage = function(param) {
-    var _param_title = param.title, title = _param_title === void 0 ? 'Zones & Resources' : _param_title, _param_backLabel = param.backLabel, backLabel = _param_backLabel === void 0 ? 'Back to Settings' : _param_backLabel, onBack = param.onBack, _param_actionLabel = param.actionLabel, actionLabel = _param_actionLabel === void 0 ? 'Add Zone' : _param_actionLabel, onAction = param.onAction, children = param.children;
-    return /*#__PURE__*/ jsxs("div", {
-        className: "zones-resources-page",
-        children: [
-            onBack && /*#__PURE__*/ jsx("div", {
-                className: "zones-resources-page__back",
-                children: /*#__PURE__*/ jsx(GhostButton, {
-                    onClick: onBack,
-                    icon: /*#__PURE__*/ jsx(ArrowLeftIcon, {}),
-                    children: backLabel
-                })
-            }),
-            /*#__PURE__*/ jsx(NewPageHeader, {
-                title: title,
-                showDivider: true
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: "zones-resources-page__content",
-                children: [
-                    onAction && /*#__PURE__*/ jsx("div", {
-                        className: "zones-resources-page__action",
-                        children: /*#__PURE__*/ jsx(GhostButton, {
-                            onClick: onAction,
-                            icon: /*#__PURE__*/ jsx(PlusIcon, {
-                                width: 16,
-                                height: 16
-                            }),
-                            children: actionLabel
-                        })
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+/**
+ * @deprecated Use SettingsSubPage instead. This is kept for backwards compatibility.
+ */ var ZonesResourcesPage = function(_param) {
+    var _param_title = _param.title, title = _param_title === void 0 ? 'Zones & Resources' : _param_title, _param_actionLabel = _param.actionLabel, actionLabel = _param_actionLabel === void 0 ? 'Add Zone' : _param_actionLabel, props = _object_without_properties(_param, [
+        "title",
+        "actionLabel"
+    ]);
+    return /*#__PURE__*/ jsx(SettingsSubPage, _object_spread({
+        title: title,
+        actionLabel: actionLabel
+    }, props));
 };
 
 export { ZonesResourcesPage };

package/dist/v2/styles/form/NewInput.scss.js

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.new-form-input__label{align-items:center;color:var(--label-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:20px;width:100%}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal}.new-form-input__label-optional{color:var(--label-secondary);font-size:13px;font-weight:400;line-height:16px}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--labels-main-label-primary,#121e52);flex:1 0 0;font-family:var(--font-family-sans);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);min-height:40px;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:52px;padding:8px 10px;transition:all .2s ease;width:70%}.new-form-input__input-with-icon:focus-within{border-color:var(--border-selected,#6200ee)}.new-form-input__input-with-icon .icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;order:-1;width:24px}.new-form-input__input-with-icon--right .icon{order:1}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.new-form-input__input-with-icon input[type=date]::-webkit-inner-spin-button,.new-form-input__input-with-icon input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.new-form-input__helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:11px;font-style:normal;font-weight:400;line-height:14px;margin-top:2px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}.new-form-input--on-surface .new-form-input__input,.new-form-input--on-surface .new-form-input__input-with-icon,.new-form-input--on-surface .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.new-form-input--on-surface .new-form-input__input-with-icon:focus,.new-form-input--on-surface .new-form-input__input-with-icon:focus-within,.new-form-input--on-surface .new-form-input__input:focus,.new-form-input--on-surface .new-form-input__input:focus-within,.new-form-input--on-surface .new-form-input__textarea:focus,.new-form-input--on-surface .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}.new-form-input.dob-input .new-form-input__label{color:var(--label-secondary,#626a90)}.surface-context--secondary .new-form-input__input,.surface-context--secondary .new-form-input__input-with-icon,.surface-context--secondary .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.surface-context--secondary .new-form-input__input-with-icon:focus,.surface-context--secondary .new-form-input__input-with-icon:focus-within,.surface-context--secondary .new-form-input__input:focus,.surface-context--secondary .new-form-input__input:focus-within,.surface-context--secondary .new-form-input__textarea:focus,.surface-context--secondary .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}";
+var css_248z = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.new-form-input{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0;overflow:hidden;width:100%}.new-form-input__label{align-items:center;color:var(--label-primary);display:flex;font-size:15px;font-weight:600;justify-content:space-between;line-height:20px;width:100%}.new-form-input__label,.new-form-input__label-optional{font-family:var(--font-family-sans,\"Geist\",sans-serif);font-style:normal}.new-form-input__label-optional{color:var(--label-secondary);font-size:13px;font-weight:400;line-height:16px}.new-form-input__input{background-color:var(--surfaces-main-background-secondary);background:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--labels-main-label-primary,#121e52);color:var(--label-primary,#121e52);flex:1 1 0;font-family:var(--font-family-sans);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);min-height:40px;min-width:0;padding:8px 10px;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__input{font-size:16px}}.new-form-input__input:focus{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input[type=date]::-webkit-datetime-edit-day-field,.new-form-input__input[type=date]::-webkit-datetime-edit-month-field,.new-form-input__input[type=date]::-webkit-datetime-edit-text,.new-form-input__input[type=date]::-webkit-datetime-edit-year-field,.new-form-input__input[type=time]::-webkit-datetime-edit-ampm-field,.new-form-input__input[type=time]::-webkit-datetime-edit-hour-field,.new-form-input__input[type=time]::-webkit-datetime-edit-minute-field,.new-form-input__input[type=time]::-webkit-datetime-edit-text{color:var(--label-primary,#121e52)}.new-form-input__textarea{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:1px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px);min-height:120px;padding:8px 10px;resize:vertical;transition:all .2s ease;width:100%}@media (max-width:768px){.new-form-input__textarea{font-size:16px}}.new-form-input__textarea:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__textarea::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon{align-items:center;background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);display:flex;gap:var(--spacing-sm,8px);min-height:52px;padding:8px 10px;transition:all .2s ease;width:70%}.new-form-input__input-with-icon:focus-within{border-color:var(--border-selected,#6200ee)}.new-form-input__input-with-icon .icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;order:-1;width:24px}.new-form-input__input-with-icon--right .icon{order:1}.new-form-input__input-with-icon input{background:#0000;border:none;color:var(--label-primary);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}@media (max-width:768px){.new-form-input__input-with-icon input{font-size:16px}}.new-form-input__input-with-icon input:focus{outline:none}.new-form-input__input-with-icon input::placeholder{color:var(--labels-main-label-secondary,#626a90)}.new-form-input__input-with-icon input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.new-form-input__input-with-icon input[type=date]::-webkit-inner-spin-button,.new-form-input__input-with-icon input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.new-form-input__verification-code{display:flex;gap:var(--spacing-sm,8px);height:62px}.new-form-input__verification-code .code-input{background-color:var(--surfaces-main-background-secondary,#f8f8fa);border:2px solid var(--borders-main-border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--labels-main-label-primary,#121e52);flex:1;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-lg-size,18px);font-weight:var(--heading-h3-weight,600);text-align:center;transition:all .2s ease}.new-form-input__verification-code .code-input:focus{border-color:var(--border-selected,#6200ee);outline:none}.new-form-input__helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.new-form-input__helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.new-form-input__error-text{color:var(--labels-status-label-error,#ef4444);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:11px;font-style:normal;font-weight:400;line-height:14px;margin-top:2px}.new-form-input--active .new-form-input__input{border-color:var(--border-selected,#6200ee)}.new-form-input--error .new-form-input__input{border-color:var(--borders-status-border-error,#ef4444)}.new-form-input--disabled{opacity:var(--opacity-50,.5);pointer-events:none}.new-form-input--on-surface .new-form-input__input,.new-form-input--on-surface .new-form-input__input-with-icon,.new-form-input--on-surface .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.new-form-input--on-surface .new-form-input__input-with-icon:focus,.new-form-input--on-surface .new-form-input__input-with-icon:focus-within,.new-form-input--on-surface .new-form-input__input:focus,.new-form-input--on-surface .new-form-input__input:focus-within,.new-form-input--on-surface .new-form-input__textarea:focus,.new-form-input--on-surface .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}.new-form-input.dob-input .new-form-input__label{color:var(--label-secondary,#626a90)}.surface-context--secondary .new-form-input__input,.surface-context--secondary .new-form-input__input-with-icon,.surface-context--secondary .new-form-input__textarea{background-color:var(--surface-primary,#fff);background:var(--surface-primary,#fff)}.surface-context--secondary .new-form-input__input-with-icon:focus,.surface-context--secondary .new-form-input__input-with-icon:focus-within,.surface-context--secondary .new-form-input__input:focus,.surface-context--secondary .new-form-input__input:focus-within,.surface-context--secondary .new-form-input__textarea:focus,.surface-context--secondary .new-form-input__textarea:focus-within{background-color:var(--surface-primary,#fff)}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.7-stage.73",
+  "version": "0.78.7-stage.75",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -194,7 +194,7 @@
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-swc3": "0.11.2",
-    "rollup-plugin-typescript2": "0.31.0",
+    "rollup-plugin-typescript2": "0.36.0",
     "sass": "^1.93.2",
     "sass-loader": "10.1.1",
     "storybook": "9.1.13",

package/rollup.config.js

@@ -48,6 +48,21 @@ export default [
         tsconfig: './tsconfig.build.json',
         clean: true,
       }),
+
+      swc({
+        jsc: {
+          parser: {
+            syntax: 'typescript',
+            tsx: true,
+          },
+          transform: {
+            react: {
+              runtime: 'automatic',
+            },
+          },
+        },
+        isModule: true,
+      }),
     ],
     external: ['tslib', /node_modules/],
   },

package/src/index.ts

@@ -51,4 +51,5 @@ export * from './v2/dashboard-analytics'
 export * from './v2/navigation/DashboardLayout'
 export * from './v2/pages/Settings'
 export * from './v2/pages/ZonesResources'
+export * from './v2/pages/SettingsSubPage'
 export * from './v2/components'

package/src/v2/components/Alert/Alert.stories.tsx

@@ -41,7 +41,7 @@ export const Success: Story = {
   args: {
     variant: 'success',
     title: 'Success!',
-    message: 'Your password has been reset.',
+    message: 'Your password has been reset. ',
     linkText: 'Details',
     onLinkClick: () => console.log('Details clicked'),
   },

package/src/v2/components/NewTabs/NewTabs.scss

@@ -6,7 +6,7 @@
   padding-bottom: 0;
   padding-left: 0;
   padding-top: 0;
-  margin: 20px 0 0 0;
+  margin: 20px 0 20px 0;
   border-bottom: 1px solid var(--border-primary, #E8E9EF);
 
   &__container {

package/src/v2/components/index.ts

@@ -94,7 +94,25 @@ export {
   LocationIcon,
   PadlockIcon,
   SettingsPageDashboardIcon,
-  SettingsPageWaiversIcon,
+  NoEntryIcon,
+  AdminIcon,
+  ProfileIcon,
+  SettingsIcon,
+  LoyaltyIcon,
+  WaiversIcon,
+  DashboardIcon,
+  CompanyIcon,
   VenueIcon,
+  MarketingIcon,
+  CustomersIcon,
+  ReportsIcon,
+  AnalyticsIcon,
+  PaymentsIcon,
+  CalendarIcon,
+  BookingsIcon,
+  BookingTypesIcon,
+  SecurityIcon,
+  UploadIcon,
+  SettingsPageWaiversIcon,
 } from '../icons'