@licklist/design 0.78.5-dev.79 → 0.78.5-dev.80
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.
- package/dist/index.js +2 -1
- package/dist/v2/components/NewTable/NewTable.scss.js +1 -1
- package/dist/v2/components/NewTabs/NewTabs.d.ts +16 -0
- package/dist/v2/components/NewTabs/NewTabs.d.ts.map +1 -0
- package/dist/v2/components/NewTabs/NewTabs.js +28 -0
- package/dist/v2/components/NewTabs/NewTabs.scss.js +6 -0
- package/dist/v2/components/NewTabs/index.d.ts +2 -0
- package/dist/v2/components/NewTabs/index.d.ts.map +1 -0
- package/dist/v2/components/WaiverSettings/index.d.ts +2 -0
- package/dist/v2/components/WaiverSettings/index.d.ts.map +1 -0
- package/dist/v2/components/index.d.ts +3 -1
- package/dist/v2/components/index.d.ts.map +1 -1
- package/dist/v2/icons/index.d.ts +36 -4
- package/dist/v2/icons/index.d.ts.map +1 -1
- package/dist/v2/icons/index.js +55 -15
- package/dist/v2/pages/Settings/components/SidebarCustomisation.js +1 -0
- package/dist/v2/pages/Settings/components/SidebarNavItem.js +1 -0
- package/package.json +5 -5
- package/src/v2/components/NewTable/NewTable.scss +1 -0
- package/src/v2/components/NewTabs/NewTabs.scss +52 -0
- package/src/v2/components/NewTabs/NewTabs.tsx +47 -0
- package/src/v2/components/NewTabs/index.ts +1 -0
- package/src/v2/components/WaiverSettings/WaiverSettings.scss +146 -0
- package/src/v2/components/WaiverSettings/index.ts +3 -0
- package/src/v2/components/index.ts +4 -0
- package/src/v2/icons/index.tsx +38 -10
package/dist/index.js
CHANGED
|
@@ -243,7 +243,7 @@ export { ProviderSidebar } from './v2/navigation/DashboardLayout/ProviderSidebar
|
|
|
243
243
|
export { AdminSidebar } from './v2/navigation/DashboardLayout/AdminSidebar.js';
|
|
244
244
|
export { TopNavigation } from './v2/navigation/DashboardLayout/TopNavigation.js';
|
|
245
245
|
export { DashboardFooter } from './v2/navigation/DashboardLayout/DashboardFooter.js';
|
|
246
|
-
export { AdminIcon, AnalyticsIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, ChevronLeftIcon, ChevronRightIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, CustomersIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PaymentsIcon, PlusIcon, ProfileIcon, ProviderPlusIcon, RefreshIcon, ReportsIcon, SearchIcon, SecurityIcon, SendIcon, SettingsIcon, SlidersIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, UserAddIcon, UserImportIcon, VenueIcon, WaiversIcon } from './v2/icons/index.js';
|
|
246
|
+
export { AdminIcon, AnalyticsIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, ChevronLeftIcon, ChevronRightIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, CustomersIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PaymentsIcon, PlusIcon, ProfileIcon, ProviderPlusIcon, RefreshIcon, ReportsIcon, SearchIcon, SecurityIcon, SendIcon, SettingsIcon, SettingsPageWaiversIcon, SlidersIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, UserAddIcon, UserImportIcon, VenueIcon, WaiversIcon } from './v2/icons/index.js';
|
|
247
247
|
export { SettingsPage } from './v2/pages/Settings/SettingsPage.js';
|
|
248
248
|
export { SettingsTabs } from './v2/pages/Settings/SettingsTabs.js';
|
|
249
249
|
export { SidebarCustomisation, defaultSidebarItems } from './v2/pages/Settings/components/SidebarCustomisation.js';
|
|
@@ -259,6 +259,7 @@ export { TableControls } from './v2/components/TableControls/TableControls.js';
|
|
|
259
259
|
export { EmptyState } from './v2/components/EmptyState/EmptyState.js';
|
|
260
260
|
import 'react';
|
|
261
261
|
import './v2/components/Tabs/Tabs.scss.js';
|
|
262
|
+
export { NewTabs } from './v2/components/NewTabs/NewTabs.js';
|
|
262
263
|
export { StepIndicator } from './v2/components/StepIndicator/StepIndicator.js';
|
|
263
264
|
export { AvatarUpload } from './v2/components/AvatarUpload/AvatarUpload.js';
|
|
264
265
|
export { InfoGrid } from './v2/components/InfoGrid/InfoGrid.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;table-layout:fixed;text-align:left;width:100%}.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:14px 16px;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;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:600px}.new-table__header-cell{font-size:12px;padding:10px 12px}.new-table__cell{font-size:13px;padding:12px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:500px}.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);table-layout:fixed;text-align:left;width:100%}.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:14px 16px;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;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:600px}.new-table__header-cell{font-size:12px;padding:10px 12px}.new-table__cell{font-size:13px;padding:12px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:500px}.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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewTabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/WaiverSettings/index.ts"],"names":[],"mappings":"AACA,OAAO,uBAAuB,CAAA"}
|
|
@@ -14,6 +14,8 @@ export { EmptyState } from './EmptyState';
|
|
|
14
14
|
export type { EmptyStateProps } from './EmptyState';
|
|
15
15
|
export { Tabs } from './Tabs';
|
|
16
16
|
export type { TabsProps, TabItem } from './Tabs';
|
|
17
|
+
export { NewTabs } from './NewTabs';
|
|
18
|
+
export type { NewTabsProps, NewTabItem } from './NewTabs';
|
|
17
19
|
export { StepIndicator } from './StepIndicator';
|
|
18
20
|
export type { StepIndicatorProps, StepItem } from './StepIndicator';
|
|
19
21
|
export { AvatarUpload } from './AvatarUpload';
|
|
@@ -55,5 +57,5 @@ export { Pagination } from './Pagination';
|
|
|
55
57
|
export type { PaginationProps } from './Pagination';
|
|
56
58
|
export { ZoneCard, ZoneContainer, ZoneHeader, ResourceRow, AddResourceButton } from './ZoneCard';
|
|
57
59
|
export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, AddResourceButtonProps } from './ZoneCard';
|
|
58
|
-
export { InfoIcon, TableHeaderArrowUpIcon, TableHeaderArrowDownIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon, AdminIcon, ProfileIcon, SettingsIcon, LoyaltyIcon, WaiversIcon, SlidersIcon, UserAddIcon, UserImportIcon, ProviderPlusIcon, DashboardIcon, CompanyIcon, VenueIcon, MarketingIcon, CustomersIcon, ReportsIcon, AnalyticsIcon, PaymentsIcon, CalendarIcon, BookingsIcon, BookingTypesIcon, SecurityIcon, UploadIcon, } from '../icons';
|
|
60
|
+
export { InfoIcon, TableHeaderArrowUpIcon, TableHeaderArrowDownIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon, AdminIcon, ProfileIcon, SettingsIcon, LoyaltyIcon, WaiversIcon, SlidersIcon, UserAddIcon, UserImportIcon, ProviderPlusIcon, DashboardIcon, CompanyIcon, VenueIcon, MarketingIcon, CustomersIcon, ReportsIcon, AnalyticsIcon, PaymentsIcon, CalendarIcon, BookingsIcon, BookingTypesIcon, SecurityIcon, UploadIcon, SettingsPageWaiversIcon, } from '../icons';
|
|
59
61
|
//# 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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"}
|
package/dist/v2/icons/index.d.ts
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
export declare const DashboardIcon: (
|
|
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: (
|
|
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: (
|
|
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;
|
|
@@ -139,4 +153,22 @@ export declare const AnalyticsEmptyIcon: () => import("react/jsx-runtime").JSX.E
|
|
|
139
153
|
export declare const PaymentsEmptyIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
140
154
|
export declare const ReportsEmptyIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
141
155
|
export declare const SelectCheckIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
156
|
+
export declare const LocationIcon: ({ width, height, className }?: {
|
|
157
|
+
width?: number;
|
|
158
|
+
height?: number;
|
|
159
|
+
className?: string;
|
|
160
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
161
|
+
export declare const PadlockIcon: ({ width, height, className }?: {
|
|
162
|
+
width?: number;
|
|
163
|
+
height?: number;
|
|
164
|
+
className?: string;
|
|
165
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
166
|
+
export declare const SettingsPageDashboardIcon: ({ size, className }?: {
|
|
167
|
+
size?: number;
|
|
168
|
+
className?: string;
|
|
169
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
170
|
+
export declare const SettingsPageWaiversIcon: ({ size, className, ...props }?: React.SVGProps<SVGSVGElement> & {
|
|
171
|
+
size?: number;
|
|
172
|
+
className?: string;
|
|
173
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
142
174
|
//# 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,+
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/icons/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/v2/icons/index.js
CHANGED
|
@@ -80,12 +80,14 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
80
80
|
return target;
|
|
81
81
|
}
|
|
82
82
|
var DashboardIcon = function() {
|
|
83
|
+
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;
|
|
83
84
|
return /*#__PURE__*/ jsx("svg", {
|
|
84
85
|
xmlns: "http://www.w3.org/2000/svg",
|
|
85
|
-
width:
|
|
86
|
-
height:
|
|
86
|
+
width: width,
|
|
87
|
+
height: height,
|
|
87
88
|
viewBox: "0 0 24 24",
|
|
88
89
|
fill: "none",
|
|
90
|
+
className: className,
|
|
89
91
|
children: /*#__PURE__*/ jsx("path", {
|
|
90
92
|
fill: "var(--fills-main-fill-primary, #14215A)",
|
|
91
93
|
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"
|
|
@@ -233,11 +235,13 @@ var LoyaltyIcon = function() {
|
|
|
233
235
|
});
|
|
234
236
|
};
|
|
235
237
|
var WaiversIcon = function() {
|
|
238
|
+
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;
|
|
236
239
|
return /*#__PURE__*/ jsx("svg", {
|
|
237
|
-
width:
|
|
238
|
-
height:
|
|
240
|
+
width: width,
|
|
241
|
+
height: height,
|
|
239
242
|
viewBox: "0 0 32 32",
|
|
240
243
|
fill: "none",
|
|
244
|
+
className: className,
|
|
241
245
|
children: /*#__PURE__*/ jsx("path", {
|
|
242
246
|
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",
|
|
243
247
|
fill: "currentColor"
|
|
@@ -351,17 +355,25 @@ var SendIcon = function() {
|
|
|
351
355
|
});
|
|
352
356
|
};
|
|
353
357
|
var ExternalLinkIcon = function() {
|
|
354
|
-
|
|
358
|
+
var _param = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
359
|
+
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, [
|
|
360
|
+
"width",
|
|
361
|
+
"height",
|
|
362
|
+
"className"
|
|
363
|
+
]);
|
|
364
|
+
return /*#__PURE__*/ jsx("svg", _object_spread_props(_object_spread({
|
|
355
365
|
xmlns: "http://www.w3.org/2000/svg",
|
|
356
|
-
width:
|
|
357
|
-
height:
|
|
366
|
+
width: width,
|
|
367
|
+
height: height,
|
|
358
368
|
viewBox: "0 0 24 24",
|
|
359
369
|
fill: "none",
|
|
370
|
+
className: className
|
|
371
|
+
}, props), {
|
|
360
372
|
children: /*#__PURE__*/ jsx("path", {
|
|
361
|
-
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.
|
|
373
|
+
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",
|
|
362
374
|
fill: "#14215A"
|
|
363
375
|
})
|
|
364
|
-
});
|
|
376
|
+
}));
|
|
365
377
|
};
|
|
366
378
|
var ExportIcon = function() {
|
|
367
379
|
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;
|
|
@@ -469,18 +481,26 @@ var ArrowRightIcon = function() {
|
|
|
469
481
|
});
|
|
470
482
|
};
|
|
471
483
|
var ArrowLeftIcon = function() {
|
|
472
|
-
var
|
|
473
|
-
|
|
484
|
+
var _param = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
485
|
+
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, [
|
|
486
|
+
"width",
|
|
487
|
+
"height",
|
|
488
|
+
"fill",
|
|
489
|
+
"className"
|
|
490
|
+
]);
|
|
491
|
+
return /*#__PURE__*/ jsx("svg", _object_spread_props(_object_spread({
|
|
474
492
|
width: width,
|
|
475
493
|
height: height,
|
|
476
494
|
viewBox: "0 0 32 32",
|
|
477
495
|
fill: "none",
|
|
478
|
-
|
|
496
|
+
className: className,
|
|
497
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
498
|
+
}, props), {
|
|
479
499
|
children: /*#__PURE__*/ jsx("path", {
|
|
480
500
|
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",
|
|
481
|
-
fill: "currentColor"
|
|
501
|
+
fill: fill || "currentColor"
|
|
482
502
|
})
|
|
483
|
-
});
|
|
503
|
+
}));
|
|
484
504
|
};
|
|
485
505
|
var InfoIcon = function() {
|
|
486
506
|
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;
|
|
@@ -804,5 +824,25 @@ var UploadIcon = function() {
|
|
|
804
824
|
]
|
|
805
825
|
});
|
|
806
826
|
};
|
|
827
|
+
var SettingsPageWaiversIcon = function() {
|
|
828
|
+
var _param = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
829
|
+
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, [
|
|
830
|
+
"size",
|
|
831
|
+
"className"
|
|
832
|
+
]);
|
|
833
|
+
return /*#__PURE__*/ jsx("svg", _object_spread_props(_object_spread({
|
|
834
|
+
width: size,
|
|
835
|
+
height: size,
|
|
836
|
+
viewBox: "0 0 48 48",
|
|
837
|
+
fill: "none",
|
|
838
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
839
|
+
className: className
|
|
840
|
+
}, props), {
|
|
841
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
842
|
+
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",
|
|
843
|
+
fill: "currentColor"
|
|
844
|
+
})
|
|
845
|
+
}));
|
|
846
|
+
};
|
|
807
847
|
|
|
808
|
-
export { AdminIcon, AnalyticsIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, ChevronLeftIcon, ChevronRightIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, CustomersIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PaymentsIcon, PlusIcon, ProfileIcon, ProviderPlusIcon, RefreshIcon, ReportsIcon, SearchIcon, SecurityIcon, SendIcon, SettingsIcon, SlidersIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, UserAddIcon, UserImportIcon, VenueIcon, WaiversIcon };
|
|
848
|
+
export { AdminIcon, AnalyticsIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, ChevronLeftIcon, ChevronRightIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CompanyIcon, CustomersIcon, DashboardIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PaymentsIcon, PlusIcon, ProfileIcon, ProviderPlusIcon, RefreshIcon, ReportsIcon, SearchIcon, SecurityIcon, SendIcon, SettingsIcon, SettingsPageWaiversIcon, SlidersIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, UploadIcon, UserAddIcon, UserImportIcon, VenueIcon, WaiversIcon };
|
|
@@ -14,6 +14,7 @@ import '../../../components/DataTable/DataTable.scss.js';
|
|
|
14
14
|
import '../../../components/TableControls/TableControls.scss.js';
|
|
15
15
|
import '../../../components/EmptyState/EmptyState.scss.js';
|
|
16
16
|
import '../../../components/Tabs/Tabs.scss.js';
|
|
17
|
+
import '../../../components/NewTabs/NewTabs.scss.js';
|
|
17
18
|
import '../../../components/StepIndicator/StepIndicator.scss.js';
|
|
18
19
|
import '../../../components/AvatarUpload/AvatarUpload.scss.js';
|
|
19
20
|
import '../../../components/InfoGrid/InfoGrid.scss.js';
|
|
@@ -11,6 +11,7 @@ import '../../../components/DataTable/DataTable.scss.js';
|
|
|
11
11
|
import '../../../components/TableControls/TableControls.scss.js';
|
|
12
12
|
import '../../../components/EmptyState/EmptyState.scss.js';
|
|
13
13
|
import '../../../components/Tabs/Tabs.scss.js';
|
|
14
|
+
import '../../../components/NewTabs/NewTabs.scss.js';
|
|
14
15
|
import '../../../components/StepIndicator/StepIndicator.scss.js';
|
|
15
16
|
import '../../../components/AvatarUpload/AvatarUpload.scss.js';
|
|
16
17
|
import '../../../components/InfoGrid/InfoGrid.scss.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@licklist/design",
|
|
3
|
-
"version": "0.78.5-dev.
|
|
3
|
+
"version": "0.78.5-dev.80",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
|
|
@@ -42,9 +42,9 @@
|
|
|
42
42
|
]
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
|
-
"@licklist/core": "0.36.1-dev.
|
|
45
|
+
"@licklist/core": "0.36.1-dev.22",
|
|
46
46
|
"@licklist/eslint-config": "0.5.6",
|
|
47
|
-
"@licklist/plugins": "0.36.4-dev.
|
|
47
|
+
"@licklist/plugins": "0.36.4-dev.15",
|
|
48
48
|
"clsx": "2.1.1",
|
|
49
49
|
"i18next": "25.3.2",
|
|
50
50
|
"lodash": "4.17.21",
|
|
@@ -64,9 +64,9 @@
|
|
|
64
64
|
"@dnd-kit/utilities": "2.0.0",
|
|
65
65
|
"@fortawesome/fontawesome-svg-core": "1.2.34",
|
|
66
66
|
"@fortawesome/free-solid-svg-icons": "5.15.2",
|
|
67
|
-
"@licklist/core": "0.36.1-dev.
|
|
67
|
+
"@licklist/core": "0.36.1-dev.22",
|
|
68
68
|
"@licklist/eslint-config": "0.5.6",
|
|
69
|
-
"@licklist/plugins": "0.36.4-dev.
|
|
69
|
+
"@licklist/plugins": "0.36.4-dev.15",
|
|
70
70
|
"@mantine/core": "6.0.22",
|
|
71
71
|
"@mantine/hooks": "6.0.22",
|
|
72
72
|
"@mdx-js/react": "1.6.22",
|
|
@@ -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,146 @@
|
|
|
1
|
+
.waiver-settings {
|
|
2
|
+
padding: 0 32px;
|
|
3
|
+
font-family: var(--font-family-sans);
|
|
4
|
+
|
|
5
|
+
&__header {
|
|
6
|
+
padding-top: 24px;
|
|
7
|
+
margin-bottom: 32px;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
&__back-button {
|
|
11
|
+
margin-bottom: 24px;
|
|
12
|
+
color: var(--purple-500, #6200EE) !important;
|
|
13
|
+
border-color: var(--border-primary, #E8E9EF) !important;
|
|
14
|
+
|
|
15
|
+
.ghost-button__icon svg {
|
|
16
|
+
color: var(--purple-500, #6200EE);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
&:hover {
|
|
20
|
+
background-color: var(--surface-action-soft) !important;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&__title {
|
|
25
|
+
font-family: var(--font-family-sans);
|
|
26
|
+
color: var(--label-primary);
|
|
27
|
+
font-size: 24px;
|
|
28
|
+
font-weight: 600;
|
|
29
|
+
line-height: 28px;
|
|
30
|
+
margin: 0;
|
|
31
|
+
|
|
32
|
+
@media (max-width: 640px) {
|
|
33
|
+
font-size: 20px;
|
|
34
|
+
line-height: 24px;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&__content {
|
|
39
|
+
max-width: 100%;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&__general {
|
|
43
|
+
display: flex;
|
|
44
|
+
flex-direction: column;
|
|
45
|
+
gap: 24px;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&__card {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
justify-content: space-between;
|
|
52
|
+
padding: 1rem;
|
|
53
|
+
border: 1px solid var(--border-primary, #E8E9EF);
|
|
54
|
+
border-radius: 8px;
|
|
55
|
+
background: var(--surface-secondary, #F8F9FC);
|
|
56
|
+
width: 100%;
|
|
57
|
+
|
|
58
|
+
@media (max-width: 640px) {
|
|
59
|
+
flex-direction: column;
|
|
60
|
+
align-items: flex-start;
|
|
61
|
+
gap: 16px;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&__card-left {
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
gap: 16px;
|
|
69
|
+
min-width: 0;
|
|
70
|
+
margin-right: 16px;
|
|
71
|
+
|
|
72
|
+
@media (max-width: 640px) {
|
|
73
|
+
width: 100%;
|
|
74
|
+
margin-right: 0;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&__card-icon {
|
|
79
|
+
display: flex;
|
|
80
|
+
align-items: center;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
width: 48px;
|
|
83
|
+
height: 48px;
|
|
84
|
+
flex-shrink: 0;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
&__card-content {
|
|
88
|
+
flex: 1;
|
|
89
|
+
|
|
90
|
+
@media (max-width: 640px) {
|
|
91
|
+
width: 100%;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&__card-title {
|
|
96
|
+
font-family: var(--font-family-sans);
|
|
97
|
+
font-size: 18px;
|
|
98
|
+
font-weight: 700;
|
|
99
|
+
color: var(--neutral-500, #14215A);
|
|
100
|
+
margin: 0 0 4px 0;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
&__card-description {
|
|
104
|
+
font-family: var(--font-family-sans);
|
|
105
|
+
font-size: 14px;
|
|
106
|
+
color: var(--neutral-500, #14215A);
|
|
107
|
+
line-height: 20px;
|
|
108
|
+
margin: 0;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&__launch-link {
|
|
112
|
+
display: inline-flex;
|
|
113
|
+
align-items: center;
|
|
114
|
+
gap: 0.5rem;
|
|
115
|
+
padding: 0.6rem 1rem;
|
|
116
|
+
background: white;
|
|
117
|
+
border: 1px solid var(--border-primary, #E8E9EF);
|
|
118
|
+
border-radius: 6px;
|
|
119
|
+
font-family: var(--font-family-sans);
|
|
120
|
+
font-size: 14px;
|
|
121
|
+
font-weight: 600;
|
|
122
|
+
color: var(--neutral-500, #14215A);
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
transition: all 0.2s;
|
|
125
|
+
width: fit-content;
|
|
126
|
+
|
|
127
|
+
@media (max-width: 640px) {
|
|
128
|
+
width: 100%;
|
|
129
|
+
justify-content: center;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
&:hover {
|
|
133
|
+
background-color: var(--surface-secondary, #F8F9FC);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
svg {
|
|
137
|
+
flex-shrink: 0;
|
|
138
|
+
color: var(--neutral-500, #14215A);
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
&__waivers {
|
|
143
|
+
padding: 0;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
@@ -23,6 +23,9 @@ export type { EmptyStateProps } from './EmptyState'
|
|
|
23
23
|
export { Tabs } from './Tabs'
|
|
24
24
|
export type { TabsProps, TabItem } from './Tabs'
|
|
25
25
|
|
|
26
|
+
export { NewTabs } from './NewTabs'
|
|
27
|
+
export type { NewTabsProps, NewTabItem } from './NewTabs'
|
|
28
|
+
|
|
26
29
|
export { StepIndicator } from './StepIndicator'
|
|
27
30
|
export type { StepIndicatorProps, StepItem } from './StepIndicator'
|
|
28
31
|
|
|
@@ -139,5 +142,6 @@ export {
|
|
|
139
142
|
BookingTypesIcon,
|
|
140
143
|
SecurityIcon,
|
|
141
144
|
UploadIcon,
|
|
145
|
+
SettingsPageWaiversIcon,
|
|
142
146
|
} from '../icons'
|
|
143
147
|
|
package/src/v2/icons/index.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export const DashboardIcon = () => (
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" width=
|
|
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=
|
|
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=
|
|
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.
|
|
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
|
|
|
@@ -575,3 +575,31 @@ export const SelectCheckIcon = () => (
|
|
|
575
575
|
/>
|
|
576
576
|
</svg>
|
|
577
577
|
)
|
|
578
|
+
|
|
579
|
+
export const LocationIcon = ({ width = 48, height = 48, className = '' }: { width?: number; height?: number; className?: string } = {}) => (
|
|
580
|
+
<svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
581
|
+
<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"/>
|
|
582
|
+
</svg>
|
|
583
|
+
)
|
|
584
|
+
|
|
585
|
+
export const PadlockIcon = ({ width = 24, height = 24, className = '' }: { width?: number; height?: number; className?: string } = {}) => (
|
|
586
|
+
<svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
587
|
+
<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"/>
|
|
588
|
+
</svg>
|
|
589
|
+
)
|
|
590
|
+
|
|
591
|
+
// Settings page specific icons with viewBox matching their original designs
|
|
592
|
+
export const SettingsPageDashboardIcon = ({ size = 24, className = '' }: { size?: number; className?: string } = {}) => (
|
|
593
|
+
<svg width={size} height={size} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
594
|
+
<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"/>
|
|
595
|
+
<path opacity="0.4" d="M5 9C5 7.89543 5.89543 7 7 7H13V25H7C5.89543 25 5 24.1046 5 23V9Z" fill="currentColor"/>
|
|
596
|
+
<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"/>
|
|
597
|
+
</svg>
|
|
598
|
+
)
|
|
599
|
+
|
|
600
|
+
export const SettingsPageWaiversIcon = ({ size = 24, className = '', ...props }: React.SVGProps<SVGSVGElement> & { size?: number; className?: string } = {}) => (
|
|
601
|
+
<svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" className={className} {...props}>
|
|
602
|
+
<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"/>
|
|
603
|
+
</svg>
|
|
604
|
+
)
|
|
605
|
+
|