@licklist/design 0.78.38 → 0.78.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/index.js +2 -1
  2. package/dist/v2/components/NewTable/NewTable.scss.js +1 -1
  3. package/dist/v2/components/NewTabs/NewTabs.d.ts +16 -0
  4. package/dist/v2/components/NewTabs/NewTabs.d.ts.map +1 -0
  5. package/dist/v2/components/NewTabs/NewTabs.js +28 -0
  6. package/dist/v2/components/NewTabs/NewTabs.scss.js +6 -0
  7. package/dist/v2/components/NewTabs/index.d.ts +2 -0
  8. package/dist/v2/components/NewTabs/index.d.ts.map +1 -0
  9. package/dist/v2/components/WaiverSettings/index.d.ts +2 -0
  10. package/dist/v2/components/WaiverSettings/index.d.ts.map +1 -0
  11. package/dist/v2/components/index.d.ts +3 -1
  12. package/dist/v2/components/index.d.ts.map +1 -1
  13. package/dist/v2/icons/index.d.ts +36 -4
  14. package/dist/v2/icons/index.d.ts.map +1 -1
  15. package/dist/v2/icons/index.js +129 -14
  16. package/dist/v2/navigation/DashboardLayout/DashboardLayout.scss.js +1 -1
  17. package/dist/v2/pages/Settings/components/SidebarCustomisation.js +1 -0
  18. package/dist/v2/pages/Settings/components/SidebarNavItem.js +1 -0
  19. package/package.json +3 -3
  20. package/src/v2/components/NewTable/NewTable.scss +1 -0
  21. package/src/v2/components/NewTabs/NewTabs.scss +52 -0
  22. package/src/v2/components/NewTabs/NewTabs.tsx +47 -0
  23. package/src/v2/components/NewTabs/index.ts +1 -0
  24. package/src/v2/components/WaiverSettings/WaiverSettings.scss +149 -0
  25. package/src/v2/components/WaiverSettings/index.ts +3 -0
  26. package/src/v2/components/index.ts +8 -2
  27. package/src/v2/icons/index.tsx +38 -10
  28. package/src/v2/navigation/DashboardLayout/DashboardLayout.scss +3 -1
package/dist/index.js CHANGED
@@ -211,6 +211,7 @@ export { IconButton } from './v2/components/IconButton/IconButton.js';
211
211
  export { Badge } from './v2/components/Badge/Badge.js';
212
212
  export { QuickFilter } from './v2/components/QuickFilter/QuickFilter.js';
213
213
  export { NewTable } from './v2/components/NewTable/NewTable.js';
214
+ export { NewTabs } from './v2/components/NewTabs/NewTabs.js';
214
215
  export { TableSortIcon } from './v2/components/TableSortIcon/TableSortIcon.js';
215
216
  export { ActionMenu } from './v2/components/ActionMenu/ActionMenu.js';
216
217
  export { DeleteModal } from './v2/components/Modal/DeleteModal.js';
@@ -236,7 +237,7 @@ export { ZoneContainer } from './v2/components/ZoneCard/ZoneContainer.js';
236
237
  export { ZoneHeader } from './v2/components/ZoneCard/ZoneHeader.js';
237
238
  export { ResourceRow } from './v2/components/ZoneCard/ResourceRow.js';
238
239
  export { AddResourceButton } from './v2/components/ZoneCard/AddResourceButton.js';
239
- export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon } from './v2/icons/index.js';
240
+ 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';
240
241
  export { MetricCard } from './v2/dashboard-analytics/metric-card/MetricCard.js';
241
242
  export { VenueCard } from './v2/dashboard-analytics/venue-card/VenueCard.js';
242
243
  export { VenueClosedCard } from './v2/dashboard-analytics/venue-closed-card/VenueClosedCard.js';
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".new-table-wrapper{overflow-x:auto;overflow-y:visible;width:100%}.new-table-wrapper.action-menu-open{overflow:visible!important}.new-table{border-collapse:collapse;min-width:100%;table-layout:fixed;text-align:left}.new-table__head{background-color:var(--surface-secondary,#f8f8fa)}.new-table__header-cell{border-bottom:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;padding:16px 24px;white-space:nowrap}.new-table__body{background-color:var(--neutral-white,#fff)}.new-table__row{border-bottom:1px solid var(--border-primary,#e8e9ef);overflow:visible;transition:background-color .2s ease}.new-table__row.action-menu-open{overflow:visible!important;position:relative;z-index:20}.new-table__row.action-menu-open .new-table__cell{overflow:visible!important}.new-table__row:last-child{border-bottom:none}.new-table__row--clickable{cursor:pointer}.new-table__row--clickable:hover{background-color:var(--surface-primary-hover,#f8f8fa)}.new-table__cell{color:var(--label-primary,#121e52);font-size:var(--text-base-size,14px);overflow:visible;padding:16px 24px;vertical-align:middle}.new-table__no-data-cell{color:#9399b3;font-size:16px;font-weight:500;padding:64px 24px;text-align:center}@media (max-width:768px){.new-table-wrapper{-webkit-overflow-scrolling:touch}.new-table{min-width:100%}.new-table__header-cell{font-size:12px;padding:12px 16px}.new-table__cell{font-size:13px;padding:12px 16px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:100%}.new-table__cell,.new-table__header-cell{padding:10px 12px}.new-table__header-cell{font-size:11px}.new-table__cell{font-size:12px}.new-table__no-data-cell{font-size:13px;padding:32px 12px}}";
3
+ var css_248z = ".new-table-wrapper{overflow-x:auto;overflow-y:visible;width:100%}.new-table-wrapper.action-menu-open{overflow:visible!important}.new-table{border-collapse:collapse;font-family:var(--font-family-sans);min-width:100%;table-layout:fixed;text-align:left}.new-table__head{background-color:var(--surface-secondary,#f8f8fa)}.new-table__header-cell{border-bottom:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;padding:16px 24px;white-space:nowrap}.new-table__body{background-color:var(--neutral-white,#fff)}.new-table__row{border-bottom:1px solid var(--border-primary,#e8e9ef);overflow:visible;transition:background-color .2s ease}.new-table__row.action-menu-open{overflow:visible!important;position:relative;z-index:20}.new-table__row.action-menu-open .new-table__cell{overflow:visible!important}.new-table__row:last-child{border-bottom:none}.new-table__row--clickable{cursor:pointer}.new-table__row--clickable:hover{background-color:var(--surface-primary-hover,#f8f8fa)}.new-table__cell{color:var(--label-primary,#121e52);font-size:var(--text-base-size,14px);overflow:visible;padding:16px 24px;vertical-align:middle}.new-table__no-data-cell{color:#9399b3;font-size:16px;font-weight:500;padding:64px 24px;text-align:center}@media (max-width:768px){.new-table-wrapper{-webkit-overflow-scrolling:touch}.new-table{min-width:100%}.new-table__header-cell{font-size:12px;padding:12px 16px}.new-table__cell{font-size:13px;padding:12px 16px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:100%}.new-table__cell,.new-table__header-cell{padding:10px 12px}.new-table__header-cell{font-size:11px}.new-table__cell{font-size:12px}.new-table__no-data-cell{font-size:13px;padding:32px 12px}}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import './NewTabs.scss';
3
+ export interface NewTabItem {
4
+ id: string;
5
+ label: string;
6
+ disabled?: boolean;
7
+ }
8
+ export interface NewTabsProps {
9
+ tabs: NewTabItem[];
10
+ activeTab: string;
11
+ onChange: (id: string) => void;
12
+ className?: string;
13
+ tabClassName?: string;
14
+ }
15
+ export declare const NewTabs: React.FC<NewTabsProps>;
16
+ //# sourceMappingURL=NewTabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NewTabs.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewTabs/NewTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6B1C,CAAA"}
@@ -0,0 +1,28 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import 'react';
3
+ import './NewTabs.scss.js';
4
+
5
+ var NewTabs = function(param) {
6
+ var tabs = param.tabs, activeTab = param.activeTab, onChange = param.onChange, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_tabClassName = param.tabClassName, tabClassName = _param_tabClassName === void 0 ? '' : _param_tabClassName;
7
+ return /*#__PURE__*/ jsx("div", {
8
+ className: "new-tabs ".concat(className),
9
+ children: /*#__PURE__*/ jsx("nav", {
10
+ className: "new-tabs__container",
11
+ children: tabs.map(function(tab) {
12
+ var isActive = tab.id === activeTab;
13
+ var isDisabled = tab.disabled;
14
+ return /*#__PURE__*/ jsx("button", {
15
+ type: "button",
16
+ className: "new-tabs__tab ".concat(isActive ? 'new-tabs__tab--active' : '', " ").concat(tabClassName),
17
+ onClick: function() {
18
+ return !isDisabled && onChange(tab.id);
19
+ },
20
+ disabled: isDisabled,
21
+ children: tab.label
22
+ }, tab.id);
23
+ })
24
+ })
25
+ });
26
+ };
27
+
28
+ export { NewTabs };
@@ -0,0 +1,6 @@
1
+ import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
+
3
+ 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-bottom:18px;margin-top:-18px;padding-bottom:0;padding-left:0;padding-top:0}@media (max-width:640px){.new-tabs{padding-bottom:8px}}.new-tabs__container{display:flex;gap:0}.new-tabs__tab{background:none;border:none;border-bottom:3.5px solid #0000;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:-1px;margin-right:24px;padding:12px 4px;transition:all .2s}.new-tabs__tab--active,.new-tabs__tab:hover:not(:disabled){color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab--active{border-bottom-color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab:disabled{cursor:not-allowed;opacity:.5}";
4
+ styleInject(css_248z);
5
+
6
+ export { css_248z as default };
@@ -0,0 +1,2 @@
1
+ export * from './NewTabs';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewTabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
@@ -0,0 +1,2 @@
1
+ import './WaiverSettings.scss';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/WaiverSettings/index.ts"],"names":[],"mappings":"AACA,OAAO,uBAAuB,CAAA"}
@@ -6,6 +6,8 @@ export { QuickFilter } from './QuickFilter';
6
6
  export type { QuickFilterProps, QuickFilterOption } from './QuickFilter';
7
7
  export { NewTable } from './NewTable';
8
8
  export type { NewTableProps, NewTableColumn } from './NewTable';
9
+ export { NewTabs } from './NewTabs';
10
+ export type { NewTabsProps, NewTabItem } from './NewTabs';
9
11
  export { TableSortIcon } from './TableSortIcon';
10
12
  export type { TableSortIconProps } from './TableSortIcon';
11
13
  export { ActionMenu } from './ActionMenu';
@@ -39,5 +41,5 @@ export { Pagination } from './Pagination';
39
41
  export type { PaginationProps } from './Pagination';
40
42
  export { ZoneCard, ZoneContainer, ZoneHeader, ResourceRow, AddResourceButton } from './ZoneCard';
41
43
  export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, AddResourceButtonProps } from './ZoneCard';
42
- export { InfoIcon, TableHeaderArrowUpIcon, TableHeaderArrowDownIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon } from '../icons';
44
+ export { InfoIcon, TableHeaderArrowUpIcon, TableHeaderArrowDownIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon, LocationIcon, PadlockIcon, SettingsPageDashboardIcon, SettingsPageWaiversIcon, VenueIcon, } from '../icons';
43
45
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"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"}
@@ -1,4 +1,8 @@
1
- export declare const DashboardIcon: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const DashboardIcon: ({ width, height, className }?: {
2
+ width?: number;
3
+ height?: number;
4
+ className?: string;
5
+ }) => import("react/jsx-runtime").JSX.Element;
2
6
  export declare const CompanyIcon: () => import("react/jsx-runtime").JSX.Element;
3
7
  export declare const VenueIcon: () => import("react/jsx-runtime").JSX.Element;
4
8
  export declare const MarketingIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -10,7 +14,11 @@ export declare const AnalyticsIcon: () => import("react/jsx-runtime").JSX.Elemen
10
14
  export declare const PaymentsIcon: () => import("react/jsx-runtime").JSX.Element;
11
15
  export declare const SettingsIcon: () => import("react/jsx-runtime").JSX.Element;
12
16
  export declare const LoyaltyIcon: () => import("react/jsx-runtime").JSX.Element;
13
- export declare const WaiversIcon: () => import("react/jsx-runtime").JSX.Element;
17
+ export declare const WaiversIcon: ({ width, height, className }?: {
18
+ width?: number;
19
+ height?: number;
20
+ className?: string;
21
+ }) => import("react/jsx-runtime").JSX.Element;
14
22
  export declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;
15
23
  export declare const BookingsIcon: () => import("react/jsx-runtime").JSX.Element;
16
24
  export declare const BookingTypesIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -25,7 +33,11 @@ export declare const SendIcon: ({ width, height }?: React.SVGProps<SVGSVGElement
25
33
  width?: number;
26
34
  height?: number;
27
35
  }) => import("react/jsx-runtime").JSX.Element;
28
- export declare const ExternalLinkIcon: () => import("react/jsx-runtime").JSX.Element;
36
+ export declare const ExternalLinkIcon: ({ width, height, className, ...props }?: React.SVGProps<SVGSVGElement> & {
37
+ width?: number;
38
+ height?: number;
39
+ className?: string;
40
+ }) => import("react/jsx-runtime").JSX.Element;
29
41
  export declare const ExportIcon: ({ width, height }?: React.SVGProps<SVGSVGElement> & {
30
42
  width?: number;
31
43
  height?: number;
@@ -37,9 +49,11 @@ export declare const ArrowRightIcon: ({ width, height }?: {
37
49
  width?: number;
38
50
  height?: number;
39
51
  }) => import("react/jsx-runtime").JSX.Element;
40
- export declare const ArrowLeftIcon: ({ width, height }?: {
52
+ export declare const ArrowLeftIcon: ({ width, height, fill, className, ...props }?: React.SVGProps<SVGSVGElement> & {
41
53
  width?: number;
42
54
  height?: number;
55
+ fill?: string;
56
+ className?: string;
43
57
  }) => import("react/jsx-runtime").JSX.Element;
44
58
  export declare const InfoIcon: ({ width, height }?: {
45
59
  width?: number;
@@ -95,4 +109,22 @@ export declare const ClockIcon: ({ width, height }?: {
95
109
  width?: number;
96
110
  height?: number;
97
111
  }) => import("react/jsx-runtime").JSX.Element;
112
+ export declare const LocationIcon: ({ width, height, className }?: {
113
+ width?: number;
114
+ height?: number;
115
+ className?: string;
116
+ }) => import("react/jsx-runtime").JSX.Element;
117
+ export declare const PadlockIcon: ({ width, height, className }?: {
118
+ width?: number;
119
+ height?: number;
120
+ className?: string;
121
+ }) => import("react/jsx-runtime").JSX.Element;
122
+ export declare const SettingsPageDashboardIcon: ({ size, className }?: {
123
+ size?: number;
124
+ className?: string;
125
+ }) => import("react/jsx-runtime").JSX.Element;
126
+ export declare const SettingsPageWaiversIcon: ({ size, className, ...props }?: React.SVGProps<SVGSVGElement> & {
127
+ size?: number;
128
+ className?: string;
129
+ }) => import("react/jsx-runtime").JSX.Element;
98
130
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/icons/index.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+CAOzB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,SAAS,+CAKrB,CAAA;AAED,eAAO,MAAM,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,SAAS,+CAIrB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,YAAY,+CAIxB,CAAA;AAED,eAAO,MAAM,YAAY,+CAIxB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,WAAW,+CAIvB,CAAA;AAED,eAAO,MAAM,YAAY,+CAIxB,CAAA;AAED,eAAO,MAAM,YAAY,+CAIxB,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAI5B,CAAA;AAED,eAAO,MAAM,QAAQ,+CAMpB,CAAA;AAED,eAAO,MAAM,iBAAiB,+CAI7B,CAAA;AAED,eAAO,MAAM,UAAU,+CAItB,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,oBAA6B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAIhI,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,oBAA6B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAI7H,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAI5B,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,oBAA6B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAI/H,CAAA;AAED,eAAO,MAAM,SAAS,+CAKrB,CAAA;AAED,eAAO,MAAM,eAAe,+CAK3B,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAK5B,CAAA;AAED,eAAO,MAAM,cAAc,GAAM,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAIrG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAIlG,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAI7F,CAAA;AAED,eAAO,MAAM,sBAAsB,+CAIlC,CAAA;AAED,eAAO,MAAM,wBAAwB,+CAIpC,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAIhG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAIlG,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAIrG,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAI7F,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,6BACvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,4CAWrE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,oCAA6D,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,4CAIhL,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,+CAA4F,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,4CAI7M,CAAA;AAED,eAAO,MAAM,YAAY,+CAKxB,CAAA;AAED,eAAO,MAAM,eAAe,+CAK3B,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,kBAAyB;IAAE,GAAG,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAsBnG,CAAA;AAED,eAAO,MAAM,eAAe,+CAI3B,CAAA;AAED,eAAO,MAAM,gBAAgB,+CAK5B,CAAA;AAED,eAAO,MAAM,UAAU,+CAyBtB,CAAA;AAED,eAAO,MAAM,oBAAoB,+CAsBhC,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAI/F,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,oBAA6B;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAO,4CAI9F,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/icons/index.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
 
3
3
  function _define_property(obj, key, value) {
4
4
  if (key in obj) {
@@ -79,6 +79,25 @@ function _object_without_properties_loose(source, excluded) {
79
79
  }
80
80
  return target;
81
81
  }
82
+ var VenueIcon = function() {
83
+ return /*#__PURE__*/ jsxs("svg", {
84
+ xmlns: "http://www.w3.org/2000/svg",
85
+ width: "24",
86
+ height: "24",
87
+ fill: "none",
88
+ children: [
89
+ /*#__PURE__*/ jsx("path", {
90
+ fill: "#000",
91
+ fillOpacity: ".1",
92
+ d: "m6 7.5 6.75-2.625V18H6V7.5Z"
93
+ }),
94
+ /*#__PURE__*/ jsx("path", {
95
+ fill: "var(--fills-main-fill-primary, #14215A)",
96
+ d: "M5.25 17.25V7.275a.75.75 0 0 1 .494-.704l7.253-2.638a.375.375 0 0 1 .503.353V8l4.737 1.58a.75.75 0 0 1 .513.71v6.96h1.5v1.5H3.75v-1.5h1.5Zm1.5 0H12V5.892L6.75 7.8v9.45Zm10.5 0v-6.419l-3.75-1.25v7.67h3.75Z"
97
+ })
98
+ ]
99
+ });
100
+ };
82
101
  var MarketingIcon = function() {
83
102
  return /*#__PURE__*/ jsx("svg", {
84
103
  width: "24",
@@ -128,11 +147,13 @@ var LoyaltyIcon = function() {
128
147
  });
129
148
  };
130
149
  var WaiversIcon = function() {
150
+ 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;
131
151
  return /*#__PURE__*/ jsx("svg", {
132
- width: "24",
133
- height: "24",
152
+ width: width,
153
+ height: height,
134
154
  viewBox: "0 0 32 32",
135
155
  fill: "none",
156
+ className: className,
136
157
  children: /*#__PURE__*/ jsx("path", {
137
158
  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",
138
159
  fill: "currentColor"
@@ -246,17 +267,25 @@ var SendIcon = function() {
246
267
  });
247
268
  };
248
269
  var ExternalLinkIcon = function() {
249
- return /*#__PURE__*/ jsx("svg", {
270
+ var _param = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
271
+ var _param_width = _param.width, width = _param_width === void 0 ? 24 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 24 : _param_height, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, props = _object_without_properties(_param, [
272
+ "width",
273
+ "height",
274
+ "className"
275
+ ]);
276
+ return /*#__PURE__*/ jsx("svg", _object_spread_props(_object_spread({
250
277
  xmlns: "http://www.w3.org/2000/svg",
251
- width: "24",
252
- height: "24",
278
+ width: width,
279
+ height: height,
253
280
  viewBox: "0 0 24 24",
254
281
  fill: "none",
282
+ className: className
283
+ }, props), {
255
284
  children: /*#__PURE__*/ jsx("path", {
256
- d: "M11.25 7.5V9H7.5V17.25H15.75V13.5H17.25V18C17.25 18.4142 16.9142 18.75 16.5 18.75H6.75C6.33579 18.75 6 18.4142 6 18V8.25C6 7.83579 6.33579 7.5 6.75 7.5H11.25ZM19.5 5.25V11.25H18L17.9999 7.80975L12.1553 13.6553L11.0947 12.5947L16.9387 6.75H13.5V5.25H19.5Z",
285
+ d: "M11.25 7.5V9H7.5V17.25H15.75V13.5H17.25V18C17.25 18.4142 16.9142 18.75 16.5 18.75H6.75C6.33579 18.75 6 18.4142 6 18V8.25C6 7.83579 6.33579 7.5 6.75 7.5H11.25ZM19.5 5.25V11.25H18L17.9999 7.80975L12.1553 13.6553L11.0947 12.5947L16.9387 6.75H13.5V5.25H19.5",
257
286
  fill: "#14215A"
258
287
  })
259
- });
288
+ }));
260
289
  };
261
290
  var ExportIcon = function() {
262
291
  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;
@@ -314,18 +343,26 @@ var ArrowRightIcon = function() {
314
343
  });
315
344
  };
316
345
  var ArrowLeftIcon = function() {
317
- 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;
318
- return /*#__PURE__*/ jsx("svg", {
346
+ var _param = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
347
+ var _param_width = _param.width, width = _param_width === void 0 ? 24 : _param_width, _param_height = _param.height, height = _param_height === void 0 ? 24 : _param_height, fill = _param.fill, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, props = _object_without_properties(_param, [
348
+ "width",
349
+ "height",
350
+ "fill",
351
+ "className"
352
+ ]);
353
+ return /*#__PURE__*/ jsx("svg", _object_spread_props(_object_spread({
319
354
  width: width,
320
355
  height: height,
321
356
  viewBox: "0 0 32 32",
322
357
  fill: "none",
323
- xmlns: "http://www.w3.org/2000/svg",
358
+ className: className,
359
+ xmlns: "http://www.w3.org/2000/svg"
360
+ }, props), {
324
361
  children: /*#__PURE__*/ jsx("path", {
325
362
  d: "M11.8284 16.9997L17.1924 22.3637L15.7782 23.778L8 15.9997L15.7782 8.22163L17.1924 9.63583L11.8284 14.9997L24 14.9997L24 16.9997L11.8284 16.9997Z",
326
- fill: "currentColor"
363
+ fill: fill || "currentColor"
327
364
  })
328
- });
365
+ }));
329
366
  };
330
367
  var InfoIcon = function() {
331
368
  var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 16 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 16 : _ref_height;
@@ -531,5 +568,83 @@ var ClockIcon = function() {
531
568
  })
532
569
  });
533
570
  };
571
+ var LocationIcon = function() {
572
+ 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;
573
+ return /*#__PURE__*/ jsx("svg", {
574
+ width: width,
575
+ height: height,
576
+ viewBox: "0 0 32 32",
577
+ fill: "none",
578
+ xmlns: "http://www.w3.org/2000/svg",
579
+ className: className,
580
+ children: /*#__PURE__*/ jsx("path", {
581
+ d: "M16 22.4853L20.2426 18.2426C22.5858 15.8995 22.5858 12.1005 20.2426 9.75736C17.8995 7.41421 14.1005 7.41421 11.7574 9.75736C9.41421 12.1005 9.41421 15.8995 11.7574 18.2426L16 22.4853ZM21.6569 19.6569L16 25.3137L10.3432 19.6569C7.21895 16.5327 7.21895 11.4673 10.3432 8.34315C13.4673 5.21895 18.5327 5.21895 21.6569 8.34315C24.781 11.4673 24.781 16.5327 21.6569 19.6569ZM9 26H23V28H9V26Z",
582
+ fill: "currentColor"
583
+ })
584
+ });
585
+ };
586
+ var PadlockIcon = function() {
587
+ 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;
588
+ return /*#__PURE__*/ jsx("svg", {
589
+ width: width,
590
+ height: height,
591
+ viewBox: "0 0 32 32",
592
+ fill: "none",
593
+ xmlns: "http://www.w3.org/2000/svg",
594
+ className: className,
595
+ children: /*#__PURE__*/ jsx("path", {
596
+ d: "M10 12V11C10 7.68629 12.6863 5 16 5C19.3137 5 22 7.68629 22 11V12H24C24.5523 12 25 12.4477 25 13V25C25 25.5523 24.5523 26 24 26H8C7.44772 26 7 25.5523 7 25V13C7 12.4477 7.44772 12 8 12H10ZM23 14H9V24H23V14ZM15 19.7324C14.4022 19.3866 14 18.7403 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 18.7403 17.5978 19.3866 17 19.7324V22H15V19.7324ZM12 12H20V11C20 8.79086 18.2091 7 16 7C13.7909 7 12 8.79086 12 11V12Z",
597
+ fill: "currentColor"
598
+ })
599
+ });
600
+ };
601
+ // Settings page specific icons with viewBox matching their original designs
602
+ var SettingsPageDashboardIcon = function() {
603
+ var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_size = _ref.size, size = _ref_size === void 0 ? 24 : _ref_size, _ref_className = _ref.className, className = _ref_className === void 0 ? '' : _ref_className;
604
+ return /*#__PURE__*/ jsxs("svg", {
605
+ width: size,
606
+ height: size,
607
+ viewBox: "0 0 32 32",
608
+ fill: "none",
609
+ xmlns: "http://www.w3.org/2000/svg",
610
+ className: className,
611
+ children: [
612
+ /*#__PURE__*/ jsx("path", {
613
+ d: "M5 9C5 7.89543 5.89543 7 7 7H25C26.1046 7 27 7.89543 27 9V23C27 24.1046 26.1046 25 25 25H7C5.89543 25 5 24.1046 5 23V9Z",
614
+ fill: "currentColor",
615
+ fillOpacity: "0.1"
616
+ }),
617
+ /*#__PURE__*/ jsx("path", {
618
+ opacity: "0.4",
619
+ d: "M5 9C5 7.89543 5.89543 7 7 7H13V25H7C5.89543 25 5 24.1046 5 23V9Z",
620
+ fill: "currentColor"
621
+ }),
622
+ /*#__PURE__*/ jsx("path", {
623
+ d: "M25 6C26.6569 6 28 7.34315 28 9V23C28 24.6569 26.6569 26 25 26H7C5.34315 26 4 24.6569 4 23V9C4 7.34315 5.34315 6 7 6H25ZM14 24H25C25.5523 24 26 23.5523 26 23V9C26 8.44771 25.5523 8 25 8H14V24ZM7 8C6.44772 8 6 8.44772 6 9V23C6 23.5523 6.44772 24 7 24H12V8H7Z",
624
+ fill: "currentColor"
625
+ })
626
+ ]
627
+ });
628
+ };
629
+ var SettingsPageWaiversIcon = function() {
630
+ var _param = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
631
+ var _param_size = _param.size, size = _param_size === void 0 ? 24 : _param_size, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, props = _object_without_properties(_param, [
632
+ "size",
633
+ "className"
634
+ ]);
635
+ return /*#__PURE__*/ jsx("svg", _object_spread_props(_object_spread({
636
+ width: size,
637
+ height: size,
638
+ viewBox: "0 0 48 48",
639
+ fill: "none",
640
+ xmlns: "http://www.w3.org/2000/svg",
641
+ className: className
642
+ }, props), {
643
+ children: /*#__PURE__*/ jsx("path", {
644
+ d: "M29.3657 27.8354C31.4117 26.4405 34.0772 25.7503 37.729 26.1685L38.4731 26.2661L38.6235 26.2974C39.3599 26.4857 39.8491 27.2053 39.7339 27.9731C39.6184 28.741 38.9395 29.2849 38.1802 29.2485L38.0278 29.2339L37.395 29.1489C34.308 28.7933 32.394 29.4019 31.0562 30.314C29.5595 31.3345 28.5809 32.8586 27.5396 34.6099C26.5775 36.2279 25.4604 38.2594 23.6812 39.4409C21.8382 40.6643 19.5533 40.8605 16.5776 39.8687L15.9731 39.6548L15.8325 39.5933C15.1516 39.2557 14.8228 38.4502 15.0952 37.7231C15.3681 36.996 16.1461 36.6045 16.8813 36.7983L17.0278 36.8452L17.5229 37.021C19.9234 37.8245 21.1853 37.498 22.0229 36.9419C23.1024 36.2249 23.8614 34.9277 24.9614 33.0776C25.9824 31.3606 27.2536 29.2757 29.3657 27.8354ZM22.0132 6.82178C22.3878 6.08288 23.2909 5.78703 24.0298 6.16162L30.855 9.62256L30.9878 9.69775C31.6279 10.1082 31.8654 10.9454 31.5142 11.6382L21.6284 31.1382C21.5083 31.375 21.327 31.5762 21.104 31.7202L14.7261 35.8394C14.2781 36.1287 13.7106 36.1585 13.2349 35.9175C12.759 35.6762 12.4459 35.2001 12.4146 34.6675L11.9673 27.0884C11.9517 26.8234 12.0075 26.5586 12.1274 26.3218L22.0132 6.82178ZM14.9878 27.3149L15.2583 31.9224L19.1372 29.4185L28.1606 11.6196L24.0112 9.51611L14.9878 27.3149Z",
645
+ fill: "currentColor"
646
+ })
647
+ }));
648
+ };
534
649
 
535
- export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CustomersIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, WaiversIcon };
650
+ 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 };
@@ -1,6 +1,6 @@
1
1
  import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".dashboard-layout{background:var(--surfaces-main-background-primary,#fff);flex-direction:column;height:100vh;width:100vw}.dashboard-layout,.dashboard-layout__body{display:flex;overflow:hidden;position:relative}.dashboard-layout__body{flex:1}.dashboard-layout__sidebar{background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:48px;transition:width .3s ease;z-index:20}.dashboard-layout__sidebar--mobile-open{width:100%!important}.dashboard-layout__sidebar .admin-sidebar,.dashboard-layout__sidebar .provider-sidebar{border-right:none;flex:1;height:100%;overflow-y:auto}.dashboard-layout__main{background:var(--surfaces-main-background-primary,#fff);display:flex;flex:1;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;transition:margin-left .3s ease}.dashboard-layout__content{flex:1;overflow-y:auto}@media (max-width:768px){.dashboard-layout__content{padding-left:var(--container-padding-mobile,16px);padding-right:var(--container-padding-mobile,16px)}}.dashboard-layout__overlay{background:#00000080;inset:0;position:fixed;z-index:15}@media (max-width:768px){.dashboard-layout__sidebar{display:none;width:0!important}.dashboard-layout__sidebar--mobile-open{background:var(--surfaces-main-background-secondary,#f8f8fa);bottom:0;display:flex;height:calc(100vh - 48px)!important;left:0;right:0;top:48px!important;width:100%!important;z-index:25}.dashboard-layout__main{margin-left:0!important}}";
3
+ var css_248z = ".dashboard-layout{background:var(--surfaces-main-background-primary,#fff);flex-direction:column;height:100vh;width:100vw}.dashboard-layout,.dashboard-layout__body{display:flex;overflow:hidden;position:relative}.dashboard-layout__body{flex:1}.dashboard-layout__sidebar{background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:48px;transition:width .3s ease;z-index:20}.dashboard-layout__sidebar--mobile-open{width:100%!important}.dashboard-layout__sidebar .admin-sidebar,.dashboard-layout__sidebar .provider-sidebar{border-right:none;flex:1;height:100%;overflow-y:auto}.dashboard-layout__main{background:var(--surfaces-main-background-primary,#fff);display:flex;flex:1;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;transition:margin-left .3s ease}.dashboard-layout__content{flex:1;overflow-y:auto;padding-left:var(--container-padding-desktop,32px);padding-right:var(--container-padding-desktop,32px)}@media (max-width:768px){.dashboard-layout__content{padding-left:var(--container-padding-mobile,16px);padding-right:var(--container-padding-mobile,16px)}}.dashboard-layout__overlay{background:#00000080;inset:0;position:fixed;z-index:15}@media (max-width:768px){.dashboard-layout__sidebar{display:none;width:0!important}.dashboard-layout__sidebar--mobile-open{background:var(--surfaces-main-background-secondary,#f8f8fa);bottom:0;display:flex;height:calc(100vh - 48px)!important;left:0;right:0;top:48px!important;width:100%!important;z-index:25}.dashboard-layout__main{margin-left:0!important}}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
@@ -9,6 +9,7 @@ import { Button } from '../../../components/Button/Button.js';
9
9
  import { GhostButton } from '../../../components/Button/GhostButton.js';
10
10
  import '../../../components/QuickFilter/QuickFilter.scss.js';
11
11
  import '../../../components/NewTable/NewTable.scss.js';
12
+ import '../../../components/NewTabs/NewTabs.scss.js';
12
13
  import '../../../components/ActionMenu/ActionMenu.scss.js';
13
14
  import '../../../components/Modal/DeleteModal.scss.js';
14
15
  import '../../../components/NewInput/NewInput.js';
@@ -6,6 +6,7 @@ import '../../../components/Button/Button.scss.js';
6
6
  import '../../../components/Button/GhostButton.scss.js';
7
7
  import '../../../components/QuickFilter/QuickFilter.scss.js';
8
8
  import '../../../components/NewTable/NewTable.scss.js';
9
+ import '../../../components/NewTabs/NewTabs.scss.js';
9
10
  import '../../../components/ActionMenu/ActionMenu.scss.js';
10
11
  import '../../../components/Modal/DeleteModal.scss.js';
11
12
  import '../../../components/NewInput/NewInput.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.38",
3
+ "version": "0.78.40",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -44,7 +44,7 @@
44
44
  "peerDependencies": {
45
45
  "@licklist/core": "0.36.13",
46
46
  "@licklist/eslint-config": "0.5.6",
47
- "@licklist/plugins": "0.36.10",
47
+ "@licklist/plugins": "0.36.11",
48
48
  "clsx": "2.1.1",
49
49
  "i18next": "25.3.2",
50
50
  "lodash": "4.17.21",
@@ -66,7 +66,7 @@
66
66
  "@fortawesome/free-solid-svg-icons": "5.15.2",
67
67
  "@licklist/core": "0.36.13",
68
68
  "@licklist/eslint-config": "0.5.6",
69
- "@licklist/plugins": "0.36.10",
69
+ "@licklist/plugins": "0.36.11",
70
70
  "@mantine/core": "6.0.22",
71
71
  "@mantine/hooks": "6.0.22",
72
72
  "@mdx-js/react": "1.6.22",
@@ -13,6 +13,7 @@
13
13
  border-collapse: collapse;
14
14
  text-align: left;
15
15
  table-layout: fixed;
16
+ font-family: var(--font-family-sans);
16
17
 
17
18
  &__head {
18
19
  background-color: var(--surface-secondary, #F8F8FA);
@@ -0,0 +1,52 @@
1
+ .new-tabs {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ align-items: center;
5
+ align-self: stretch;
6
+ padding-bottom: 0;
7
+ padding-left: 0;
8
+ padding-top: 0;
9
+ margin-bottom: 18px;
10
+ margin-top: -18px;
11
+ border-bottom: 1px solid var(--border-primary, #E8E9EF);
12
+
13
+ @media (max-width: 640px) {
14
+ padding-bottom: 8px;
15
+ }
16
+
17
+ &__container {
18
+ display: flex;
19
+ gap: 0;
20
+ }
21
+
22
+ &__tab {
23
+ font-size: 15px;
24
+ font-style: normal;
25
+ font-weight: 600;
26
+ line-height: 18px;
27
+ padding: 12px 4px;
28
+ margin-right: 24px;
29
+ background: none;
30
+ border: none;
31
+ border-bottom: 3.5px solid transparent;
32
+ font-family: var(--font-family-sans);
33
+ color: var(--label-selected, #121E52);
34
+ cursor: pointer;
35
+ transition: all 0.2s;
36
+ margin-bottom: -1px;
37
+
38
+ &:hover:not(:disabled) {
39
+ color: var(--fills-main-fill-primary, #14215A);
40
+ }
41
+
42
+ &--active {
43
+ color: var(--fills-main-fill-primary, #14215A);
44
+ border-bottom-color: var(--fills-main-fill-primary, #14215A);
45
+ }
46
+
47
+ &:disabled {
48
+ opacity: 0.5;
49
+ cursor: not-allowed;
50
+ }
51
+ }
52
+ }
@@ -0,0 +1,47 @@
1
+ import React from 'react'
2
+ import './NewTabs.scss'
3
+
4
+ export interface NewTabItem {
5
+ id: string
6
+ label: string
7
+ disabled?: boolean
8
+ }
9
+
10
+ export interface NewTabsProps {
11
+ tabs: NewTabItem[]
12
+ activeTab: string
13
+ onChange: (id: string) => void
14
+ className?: string
15
+ tabClassName?: string
16
+ }
17
+
18
+ export const NewTabs: React.FC<NewTabsProps> = ({
19
+ tabs,
20
+ activeTab,
21
+ onChange,
22
+ className = '',
23
+ tabClassName = '',
24
+ }) => {
25
+ return (
26
+ <div className={`new-tabs ${className}`}>
27
+ <nav className="new-tabs__container">
28
+ {tabs.map((tab) => {
29
+ const isActive = tab.id === activeTab
30
+ const isDisabled = tab.disabled
31
+
32
+ return (
33
+ <button
34
+ key={tab.id}
35
+ type="button"
36
+ className={`new-tabs__tab ${isActive ? 'new-tabs__tab--active' : ''} ${tabClassName}`}
37
+ onClick={() => !isDisabled && onChange(tab.id)}
38
+ disabled={isDisabled}
39
+ >
40
+ {tab.label}
41
+ </button>
42
+ )
43
+ })}
44
+ </nav>
45
+ </div>
46
+ )
47
+ }
@@ -0,0 +1 @@
1
+ export * from './NewTabs';
@@ -0,0 +1,149 @@
1
+ .waiver-settings {
2
+ font-family: var(--font-family-sans);
3
+
4
+ &__header {
5
+ padding-top: 24px;
6
+ margin-bottom: 32px;
7
+ }
8
+
9
+ &__back-button {
10
+ margin-bottom: 24px;
11
+ color: var(--purple-500, #6200EE) !important;
12
+ border-color: var(--border-primary, #E8E9EF) !important;
13
+
14
+ .ghost-button__icon svg {
15
+ color: var(--purple-500, #6200EE);
16
+ }
17
+
18
+ &:hover {
19
+ background-color: var(--surface-action-soft) !important;
20
+ }
21
+ }
22
+
23
+ &__title {
24
+ font-family: var(--font-family-sans);
25
+ color: var(--label-primary);
26
+ font-size: 24px;
27
+ font-weight: 600;
28
+ line-height: 28px;
29
+ margin: 0;
30
+
31
+ @media (max-width: 640px) {
32
+ font-size: 20px;
33
+ line-height: 24px;
34
+ }
35
+ }
36
+
37
+ &__content {
38
+ max-width: 100%;
39
+ }
40
+
41
+ &__general {
42
+ display: flex;
43
+ flex-direction: column;
44
+ gap: 24px;
45
+ }
46
+
47
+ &__card {
48
+ display: flex;
49
+ align-items: center;
50
+ justify-content: space-between;
51
+ padding: 1rem;
52
+ border: 1px solid var(--border-primary, #E8E9EF);
53
+ border-radius: 8px;
54
+ background: var(--surface-secondary, #F8F9FC);
55
+ width: 100%;
56
+
57
+ @media (max-width: 640px) {
58
+ flex-direction: column;
59
+ align-items: flex-start;
60
+ gap: 16px;
61
+ }
62
+ }
63
+
64
+ &__card-left {
65
+ display: flex;
66
+ align-items: center;
67
+ gap: 16px;
68
+ min-width: 0;
69
+ margin-right: 16px;
70
+
71
+ @media (max-width: 640px) {
72
+ width: 100%;
73
+ margin-right: 0;
74
+ }
75
+ }
76
+
77
+ &__card-icon {
78
+ display: flex;
79
+ align-items: center;
80
+ justify-content: center;
81
+ width: 48px;
82
+ height: 48px;
83
+ flex-shrink: 0;
84
+ }
85
+
86
+ &__card-content {
87
+ flex: 1;
88
+
89
+ @media (max-width: 640px) {
90
+ width: 100%;
91
+ }
92
+ }
93
+
94
+ &__card-title {
95
+ font-family: var(--font-family-sans);
96
+ font-size: 18px;
97
+ font-weight: 700;
98
+ color: var(--neutral-500, #14215A);
99
+ margin: 0 0 4px 0;
100
+ }
101
+
102
+ &__card-description {
103
+ font-family: var(--font-family-sans);
104
+ font-size: 14px;
105
+ color: var(--neutral-500, #14215A);
106
+ line-height: 20px;
107
+ margin: 0;
108
+ }
109
+
110
+ &__launch-link {
111
+ display: inline-flex;
112
+ align-items: center;
113
+ gap: 0.5rem;
114
+ padding: 0.6rem 1rem;
115
+ background: white;
116
+ border: 1px solid var(--border-primary, #E8E9EF);
117
+ border-radius: 6px;
118
+ font-family: var(--font-family-sans);
119
+ font-size: 14px;
120
+ font-weight: 600;
121
+ color: var(--neutral-500, #14215A);
122
+ cursor: pointer;
123
+ transition: all 0.2s;
124
+ width: fit-content;
125
+
126
+ @media (max-width: 640px) {
127
+ width: 100%;
128
+ justify-content: center;
129
+ }
130
+
131
+ &:hover {
132
+ background-color: var(--surface-secondary, #F8F9FC);
133
+ }
134
+
135
+ svg {
136
+ flex-shrink: 0;
137
+ color: var(--neutral-500, #14215A);
138
+ }
139
+ }
140
+
141
+ &__waivers {
142
+ padding: 0;
143
+ }
144
+
145
+ &__alert-wrapper {
146
+ margin-top: 10px;
147
+ }
148
+ }
149
+
@@ -0,0 +1,3 @@
1
+ // WaiverSettings styles
2
+ import './WaiverSettings.scss'
3
+
@@ -9,7 +9,8 @@ export type { QuickFilterProps, QuickFilterOption } from './QuickFilter'
9
9
 
10
10
  export { NewTable } from './NewTable'
11
11
  export type { NewTableProps, NewTableColumn } from './NewTable'
12
-
12
+ export { NewTabs } from './NewTabs'
13
+ export type { NewTabsProps, NewTabItem } from './NewTabs'
13
14
  export { TableSortIcon } from './TableSortIcon'
14
15
  export type { TableSortIconProps } from './TableSortIcon'
15
16
 
@@ -89,6 +90,11 @@ export {
89
90
  GripVerticalIcon,
90
91
  PlusIcon,
91
92
  DeleteIcon,
92
- ClockIcon
93
+ ClockIcon,
94
+ LocationIcon,
95
+ PadlockIcon,
96
+ SettingsPageDashboardIcon,
97
+ SettingsPageWaiversIcon,
98
+ VenueIcon,
93
99
  } from '../icons'
94
100
 
@@ -1,5 +1,5 @@
1
- export const DashboardIcon = () => (
2
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
1
+ export const DashboardIcon = ({ width = 24, height = 24, className = '' }: { width?: number; height?: number; className?: string } = {}) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className}>
3
3
  <path
4
4
  fill="var(--fills-main-fill-primary, #14215A)"
5
5
  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"
@@ -74,8 +74,8 @@ export const LoyaltyIcon = () => (
74
74
  </svg>
75
75
  )
76
76
 
77
- export const WaiversIcon = () => (
78
- <svg width="24" height="24" viewBox="0 0 32 32" fill="none">
77
+ export const WaiversIcon = ({ width = 24, height = 24, className = '' }: { width?: number; height?: number; className?: string } = {}) => (
78
+ <svg width={width} height={height} viewBox="0 0 32 32" fill="none" className={className}>
79
79
  <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" />
80
80
  </svg>
81
81
  )
@@ -130,9 +130,9 @@ export const SendIcon = ({ width = 24, height = 24 }: React.SVGProps<SVGSVGEleme
130
130
  </svg>
131
131
  )
132
132
 
133
- export const ExternalLinkIcon = () => (
134
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
135
- <path d="M11.25 7.5V9H7.5V17.25H15.75V13.5H17.25V18C17.25 18.4142 16.9142 18.75 16.5 18.75H6.75C6.33579 18.75 6 18.4142 6 18V8.25C6 7.83579 6.33579 7.5 6.75 7.5H11.25ZM19.5 5.25V11.25H18L17.9999 7.80975L12.1553 13.6553L11.0947 12.5947L16.9387 6.75H13.5V5.25H19.5Z" fill="#14215A"/>
133
+ export const ExternalLinkIcon = ({ width = 24, height = 24, className = '', ...props }: React.SVGProps<SVGSVGElement> & { width?: number; height?: number; className?: string } = {}) => (
134
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
135
+ <path d="M11.25 7.5V9H7.5V17.25H15.75V13.5H17.25V18C17.25 18.4142 16.9142 18.75 16.5 18.75H6.75C6.33579 18.75 6 18.4142 6 18V8.25C6 7.83579 6.33579 7.5 6.75 7.5H11.25ZM19.5 5.25V11.25H18L17.9999 7.80975L12.1553 13.6553L11.0947 12.5947L16.9387 6.75H13.5V5.25H19.5" fill="#14215A"/>
136
136
  </svg>
137
137
  )
138
138
 
@@ -169,9 +169,9 @@ export const ArrowRightIcon = ({ width = 24, height = 24 }: { width?: number;
169
169
  </svg>
170
170
  )
171
171
 
172
- export const ArrowLeftIcon = ({ width = 24, height = 24 }: { width?: number; height?: number } = {}) => (
173
- <svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
174
- <path d="M11.8284 16.9997L17.1924 22.3637L15.7782 23.778L8 15.9997L15.7782 8.22163L17.1924 9.63583L11.8284 14.9997L24 14.9997L24 16.9997L11.8284 16.9997Z" fill="currentColor"/>
172
+ export const ArrowLeftIcon = ({ width = 24, height = 24, fill, className = '', ...props }: React.SVGProps<SVGSVGElement> & { width?: number; height?: number; fill?: string; className?: string } = {}) => (
173
+ <svg width={width} height={height} viewBox="0 0 32 32" fill="none" className={className} xmlns="http://www.w3.org/2000/svg" {...props}>
174
+ <path d="M11.8284 16.9997L17.1924 22.3637L15.7782 23.778L8 15.9997L15.7782 8.22163L17.1924 9.63583L11.8284 14.9997L24 14.9997L24 16.9997L11.8284 16.9997Z" fill={fill || "currentColor"}/>
175
175
  </svg>
176
176
  )
177
177
 
@@ -356,3 +356,31 @@ export const ClockIcon = ({ width = 20, height = 20 }: { width?: number; height?
356
356
  <path d="M16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16C28 22.6274 22.6274 28 16 28ZM16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26ZM17 9V15.5858L21.2426 19.8284L19.8284 21.2426L15 16.4142V9H17Z" fill="currentColor" />
357
357
  </svg>
358
358
  )
359
+
360
+ export const LocationIcon = ({ width = 48, height = 48, className = '' }: { width?: number; height?: number; className?: string } = {}) => (
361
+ <svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
362
+ <path d="M16 22.4853L20.2426 18.2426C22.5858 15.8995 22.5858 12.1005 20.2426 9.75736C17.8995 7.41421 14.1005 7.41421 11.7574 9.75736C9.41421 12.1005 9.41421 15.8995 11.7574 18.2426L16 22.4853ZM21.6569 19.6569L16 25.3137L10.3432 19.6569C7.21895 16.5327 7.21895 11.4673 10.3432 8.34315C13.4673 5.21895 18.5327 5.21895 21.6569 8.34315C24.781 11.4673 24.781 16.5327 21.6569 19.6569ZM9 26H23V28H9V26Z" fill="currentColor"/>
363
+ </svg>
364
+ )
365
+
366
+ export const PadlockIcon = ({ width = 24, height = 24, className = '' }: { width?: number; height?: number; className?: string } = {}) => (
367
+ <svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
368
+ <path d="M10 12V11C10 7.68629 12.6863 5 16 5C19.3137 5 22 7.68629 22 11V12H24C24.5523 12 25 12.4477 25 13V25C25 25.5523 24.5523 26 24 26H8C7.44772 26 7 25.5523 7 25V13C7 12.4477 7.44772 12 8 12H10ZM23 14H9V24H23V14ZM15 19.7324C14.4022 19.3866 14 18.7403 14 18C14 16.8954 14.8954 16 16 16C17.1046 16 18 16.8954 18 18C18 18.7403 17.5978 19.3866 17 19.7324V22H15V19.7324ZM12 12H20V11C20 8.79086 18.2091 7 16 7C13.7909 7 12 8.79086 12 11V12Z" fill="currentColor"/>
369
+ </svg>
370
+ )
371
+
372
+ // Settings page specific icons with viewBox matching their original designs
373
+ export const SettingsPageDashboardIcon = ({ size = 24, className = '' }: { size?: number; className?: string } = {}) => (
374
+ <svg width={size} height={size} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
375
+ <path d="M5 9C5 7.89543 5.89543 7 7 7H25C26.1046 7 27 7.89543 27 9V23C27 24.1046 26.1046 25 25 25H7C5.89543 25 5 24.1046 5 23V9Z" fill="currentColor" fillOpacity="0.1"/>
376
+ <path opacity="0.4" d="M5 9C5 7.89543 5.89543 7 7 7H13V25H7C5.89543 25 5 24.1046 5 23V9Z" fill="currentColor"/>
377
+ <path d="M25 6C26.6569 6 28 7.34315 28 9V23C28 24.6569 26.6569 26 25 26H7C5.34315 26 4 24.6569 4 23V9C4 7.34315 5.34315 6 7 6H25ZM14 24H25C25.5523 24 26 23.5523 26 23V9C26 8.44771 25.5523 8 25 8H14V24ZM7 8C6.44772 8 6 8.44772 6 9V23C6 23.5523 6.44772 24 7 24H12V8H7Z" fill="currentColor"/>
378
+ </svg>
379
+ )
380
+
381
+ export const SettingsPageWaiversIcon = ({ size = 24, className = '', ...props }: React.SVGProps<SVGSVGElement> & { size?: number; className?: string } = {}) => (
382
+ <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
383
+ <path d="M29.3657 27.8354C31.4117 26.4405 34.0772 25.7503 37.729 26.1685L38.4731 26.2661L38.6235 26.2974C39.3599 26.4857 39.8491 27.2053 39.7339 27.9731C39.6184 28.741 38.9395 29.2849 38.1802 29.2485L38.0278 29.2339L37.395 29.1489C34.308 28.7933 32.394 29.4019 31.0562 30.314C29.5595 31.3345 28.5809 32.8586 27.5396 34.6099C26.5775 36.2279 25.4604 38.2594 23.6812 39.4409C21.8382 40.6643 19.5533 40.8605 16.5776 39.8687L15.9731 39.6548L15.8325 39.5933C15.1516 39.2557 14.8228 38.4502 15.0952 37.7231C15.3681 36.996 16.1461 36.6045 16.8813 36.7983L17.0278 36.8452L17.5229 37.021C19.9234 37.8245 21.1853 37.498 22.0229 36.9419C23.1024 36.2249 23.8614 34.9277 24.9614 33.0776C25.9824 31.3606 27.2536 29.2757 29.3657 27.8354ZM22.0132 6.82178C22.3878 6.08288 23.2909 5.78703 24.0298 6.16162L30.855 9.62256L30.9878 9.69775C31.6279 10.1082 31.8654 10.9454 31.5142 11.6382L21.6284 31.1382C21.5083 31.375 21.327 31.5762 21.104 31.7202L14.7261 35.8394C14.2781 36.1287 13.7106 36.1585 13.2349 35.9175C12.759 35.6762 12.4459 35.2001 12.4146 34.6675L11.9673 27.0884C11.9517 26.8234 12.0075 26.5586 12.1274 26.3218L22.0132 6.82178ZM14.9878 27.3149L15.2583 31.9224L19.1372 29.4185L28.1606 11.6196L24.0112 9.51611L14.9878 27.3149Z" fill="currentColor"/>
384
+ </svg>
385
+ )
386
+
@@ -54,6 +54,8 @@
54
54
  &__content {
55
55
  flex: 1;
56
56
  overflow-y: auto;
57
+ padding-left: var(--container-padding-desktop, 32px);
58
+ padding-right: var(--container-padding-desktop, 32px);
57
59
 
58
60
  @media (max-width: 768px) {
59
61
  padding-left: var(--container-padding-mobile, 16px);
@@ -75,7 +77,7 @@
75
77
  &__sidebar {
76
78
  display: none;
77
79
  width: 0 !important;
78
-
80
+
79
81
  &--mobile-open {
80
82
  display: flex;
81
83
  width: 100% !important;