@licklist/design 0.78.5-dev.49 → 0.78.5-dev.50

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 (135) hide show
  1. package/dist/index.js +11 -1
  2. package/dist/v2/components/ActionMenu/ActionMenu.d.ts +13 -0
  3. package/dist/v2/components/ActionMenu/ActionMenu.d.ts.map +1 -0
  4. package/dist/v2/components/ActionMenu/ActionMenu.js +100 -0
  5. package/dist/v2/components/ActionMenu/ActionMenu.scss.js +6 -0
  6. package/dist/v2/components/ActionMenu/index.d.ts +2 -0
  7. package/dist/v2/components/ActionMenu/index.d.ts.map +1 -0
  8. package/dist/v2/components/Alert/Alert.scss.js +1 -1
  9. package/dist/v2/components/Badge/Badge.d.ts +10 -0
  10. package/dist/v2/components/Badge/Badge.d.ts.map +1 -0
  11. package/dist/v2/components/Badge/Badge.js +19 -0
  12. package/dist/v2/components/Badge/Badge.scss.js +6 -0
  13. package/dist/v2/components/Badge/index.d.ts +2 -0
  14. package/dist/v2/components/Badge/index.d.ts.map +1 -0
  15. package/dist/v2/components/Checkbox/Checkbox.scss.js +1 -1
  16. package/dist/v2/components/Customer/CustomerCreate/CustomerCreate.d.ts +11 -0
  17. package/dist/v2/components/Customer/CustomerCreate/CustomerCreate.d.ts.map +1 -0
  18. package/dist/v2/components/Customer/CustomerCreate/CustomerCreate.js +32 -0
  19. package/dist/v2/components/Customer/CustomerCreate/index.d.ts +2 -0
  20. package/dist/v2/components/Customer/CustomerCreate/index.d.ts.map +1 -0
  21. package/dist/v2/components/Customer/CustomerDetail/CustomerDetail.d.ts +35 -0
  22. package/dist/v2/components/Customer/CustomerDetail/CustomerDetail.d.ts.map +1 -0
  23. package/dist/v2/components/Customer/CustomerDetail/CustomerDetail.js +235 -0
  24. package/dist/v2/components/Customer/CustomerDetail/CustomerDetail.scss.js +6 -0
  25. package/dist/v2/components/Customer/CustomerDetail/index.d.ts +2 -0
  26. package/dist/v2/components/Customer/CustomerDetail/index.d.ts.map +1 -0
  27. package/dist/v2/components/Customer/CustomerEdit/CustomerEdit.d.ts +11 -0
  28. package/dist/v2/components/Customer/CustomerEdit/CustomerEdit.d.ts.map +1 -0
  29. package/dist/v2/components/Customer/CustomerEdit/CustomerEdit.js +32 -0
  30. package/dist/v2/components/Customer/CustomerEdit/index.d.ts +2 -0
  31. package/dist/v2/components/Customer/CustomerEdit/index.d.ts.map +1 -0
  32. package/dist/v2/components/Customer/CustomerForm/CustomerForm.d.ts +22 -0
  33. package/dist/v2/components/Customer/CustomerForm/CustomerForm.d.ts.map +1 -0
  34. package/dist/v2/components/Customer/CustomerForm/CustomerForm.js +535 -0
  35. package/dist/v2/components/Customer/CustomerForm/index.d.ts +2 -0
  36. package/dist/v2/components/Customer/CustomerForm/index.d.ts.map +1 -0
  37. package/dist/v2/components/Customer/CustomersList.d.ts +37 -0
  38. package/dist/v2/components/Customer/CustomersList.d.ts.map +1 -0
  39. package/dist/v2/components/Customer/CustomersList.js +204 -0
  40. package/dist/v2/components/Customer/CustomersList.scss.js +6 -0
  41. package/dist/v2/components/Customer/index.d.ts +6 -0
  42. package/dist/v2/components/Customer/index.d.ts.map +1 -0
  43. package/dist/v2/components/FormField/FormField.scss.js +1 -1
  44. package/dist/v2/components/Modal/DeleteModal.d.ts +15 -0
  45. package/dist/v2/components/Modal/DeleteModal.d.ts.map +1 -0
  46. package/dist/v2/components/Modal/DeleteModal.js +147 -0
  47. package/dist/v2/components/Modal/DeleteModal.scss.js +6 -0
  48. package/dist/v2/components/Modal/index.d.ts +3 -0
  49. package/dist/v2/components/Modal/index.d.ts.map +1 -0
  50. package/dist/v2/components/NewInput/NewInput.d.ts +2 -0
  51. package/dist/v2/components/NewInput/NewInput.d.ts.map +1 -1
  52. package/dist/v2/components/NewInput/NewInput.js +29 -12
  53. package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts +1 -0
  54. package/dist/v2/components/NewPageHeader/NewPageHeader.d.ts.map +1 -1
  55. package/dist/v2/components/NewPageHeader/NewPageHeader.js +15 -9
  56. package/dist/v2/components/NewPageHeader/NewPageHeader.scss.js +1 -1
  57. package/dist/v2/components/NewTable/NewTable.d.ts +20 -0
  58. package/dist/v2/components/NewTable/NewTable.d.ts.map +1 -0
  59. package/dist/v2/components/NewTable/NewTable.js +57 -0
  60. package/dist/v2/components/NewTable/NewTable.scss.js +6 -0
  61. package/dist/v2/components/NewTable/index.d.ts +2 -0
  62. package/dist/v2/components/NewTable/index.d.ts.map +1 -0
  63. package/dist/v2/components/Pagination/Pagination.d.ts +13 -0
  64. package/dist/v2/components/Pagination/Pagination.d.ts.map +1 -0
  65. package/dist/v2/components/Pagination/Pagination.js +79 -0
  66. package/dist/v2/components/Pagination/Pagination.scss.js +6 -0
  67. package/dist/v2/components/Pagination/index.d.ts +2 -0
  68. package/dist/v2/components/Pagination/index.d.ts.map +1 -0
  69. package/dist/v2/components/QuickFilter/QuickFilter.d.ts +14 -0
  70. package/dist/v2/components/QuickFilter/QuickFilter.d.ts.map +1 -0
  71. package/dist/v2/components/QuickFilter/QuickFilter.js +67 -0
  72. package/dist/v2/components/QuickFilter/QuickFilter.scss.js +6 -0
  73. package/dist/v2/components/QuickFilter/index.d.ts +2 -0
  74. package/dist/v2/components/QuickFilter/index.d.ts.map +1 -0
  75. package/dist/v2/components/Select/Select.d.ts +7 -4
  76. package/dist/v2/components/Select/Select.d.ts.map +1 -1
  77. package/dist/v2/components/Select/Select.js +53 -24
  78. package/dist/v2/components/Select/Select.scss.js +1 -1
  79. package/dist/v2/components/WYSIWYGEditor/WYSIWYGEditor.scss.js +1 -1
  80. package/dist/v2/components/index.d.ts +18 -0
  81. package/dist/v2/components/index.d.ts.map +1 -1
  82. package/dist/v2/icons/index.d.ts +21 -0
  83. package/dist/v2/icons/index.d.ts.map +1 -1
  84. package/dist/v2/icons/index.js +155 -4
  85. package/dist/v2/navigation/DashboardLayout/ProviderSidebar.d.ts.map +1 -1
  86. package/dist/v2/navigation/DashboardLayout/ProviderSidebar.js +4 -8
  87. package/dist/v2/styles/common.scss +7 -0
  88. package/dist/v2/styles/form/NewInput.scss +45 -21
  89. package/dist/v2/styles/form/NewInput.scss.js +1 -1
  90. package/dist/v2/styles/index.scss +1 -0
  91. package/package.json +3 -3
  92. package/src/v2/components/ActionMenu/ActionMenu.scss +78 -0
  93. package/src/v2/components/ActionMenu/ActionMenu.tsx +64 -0
  94. package/src/v2/components/ActionMenu/index.ts +1 -0
  95. package/src/v2/components/Badge/Badge.scss +69 -0
  96. package/src/v2/components/Badge/Badge.tsx +23 -0
  97. package/src/v2/components/Badge/index.ts +1 -0
  98. package/src/v2/components/Customer/CustomerCreate/CustomerCreate.tsx +36 -0
  99. package/src/v2/components/Customer/CustomerCreate/index.ts +1 -0
  100. package/src/v2/components/Customer/CustomerDetail/CustomerDetail.scss +315 -0
  101. package/src/v2/components/Customer/CustomerDetail/CustomerDetail.tsx +161 -0
  102. package/src/v2/components/Customer/CustomerDetail/index.ts +1 -0
  103. package/src/v2/components/Customer/CustomerEdit/CustomerEdit.tsx +37 -0
  104. package/src/v2/components/Customer/CustomerEdit/index.ts +1 -0
  105. package/src/v2/components/Customer/CustomerForm/CustomerForm.tsx +434 -0
  106. package/src/v2/components/Customer/CustomerForm/index.ts +1 -0
  107. package/src/v2/components/Customer/CustomersList.scss +586 -0
  108. package/src/v2/components/Customer/CustomersList.tsx +193 -0
  109. package/src/v2/components/Customer/index.ts +5 -0
  110. package/src/v2/components/Modal/DeleteModal.scss +254 -0
  111. package/src/v2/components/Modal/DeleteModal.tsx +100 -0
  112. package/src/v2/components/Modal/index.ts +3 -0
  113. package/src/v2/components/NewInput/NewInput.stories.tsx +3 -18
  114. package/src/v2/components/NewInput/NewInput.tsx +23 -12
  115. package/src/v2/components/NewPageHeader/NewPageHeader.scss +13 -7
  116. package/src/v2/components/NewPageHeader/NewPageHeader.tsx +14 -9
  117. package/src/v2/components/NewTable/NewTable.scss +110 -0
  118. package/src/v2/components/NewTable/NewTable.tsx +85 -0
  119. package/src/v2/components/NewTable/index.ts +1 -0
  120. package/src/v2/components/Pagination/Pagination.scss +142 -0
  121. package/src/v2/components/Pagination/Pagination.tsx +80 -0
  122. package/src/v2/components/Pagination/index.ts +1 -0
  123. package/src/v2/components/QuickFilter/QuickFilter.scss +84 -0
  124. package/src/v2/components/QuickFilter/QuickFilter.tsx +49 -0
  125. package/src/v2/components/QuickFilter/index.ts +1 -0
  126. package/src/v2/components/Select/Select.scss +61 -24
  127. package/src/v2/components/Select/Select.stories.tsx +77 -1
  128. package/src/v2/components/Select/Select.tsx +63 -34
  129. package/src/v2/components/index.ts +28 -0
  130. package/src/v2/icons/index.tsx +79 -2
  131. package/src/v2/navigation/DashboardLayout/ProviderSidebar.tsx +3 -1
  132. package/src/v2/navigation/config.tsx +1 -1
  133. package/src/v2/styles/common.scss +7 -0
  134. package/src/v2/styles/form/NewInput.scss +45 -21
  135. package/src/v2/styles/index.scss +1 -0
@@ -0,0 +1,204 @@
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import 'react';
3
+ import { QuickFilter } from '../QuickFilter/QuickFilter.js';
4
+ import { NewTable } from '../NewTable/NewTable.js';
5
+ import { NewInput } from '../NewInput/NewInput.js';
6
+ import { Pagination } from '../Pagination/Pagination.js';
7
+ import { ExternalLinkIcon, ClearIcon, SearchIcon, ExportIcon, SendIcon, RefreshIcon } from '../../icons/index.js';
8
+ import './CustomersList.scss.js';
9
+
10
+ var CustomersList = function(param) {
11
+ var t = param.t, customers = param.customers, isLoading = param.isLoading, kioskLink = param.kioskLink, search = param.search, onSearchChange = param.onSearchChange, quickFilters = param.quickFilters, onSearchIconClick = param.onSearchIconClick, onClearSearch = param.onClearSearch, onQuickFiltersChange = param.onQuickFiltersChange, onRefresh = param.onRefresh, onExport = param.onExport, onSendWaiverRequest = param.onSendWaiverRequest, onTabChange = param.onTabChange, activeTab = param.activeTab, tabs = param.tabs, columns = param.columns, pagination = param.pagination, waiversEnabled = param.waiversEnabled, onAddCustomer = param.onAddCustomer;
12
+ var quickFilterOptions = waiversEnabled ? [
13
+ {
14
+ label: t('App:todayBookings'),
15
+ value: 'today'
16
+ },
17
+ {
18
+ label: t('App:signed', 'Signed'),
19
+ value: 'signed'
20
+ },
21
+ {
22
+ label: t('App:unsigned', 'Unsigned'),
23
+ value: 'unsigned'
24
+ }
25
+ ] : [
26
+ {
27
+ label: t('App:todayBookings', 'Bookings for: Today'),
28
+ value: 'today'
29
+ }
30
+ ];
31
+ // Handle mutually exclusive signed/unsigned filters
32
+ var handleQuickFiltersChange = function(newFilters) {
33
+ var hasSigned = newFilters.includes('signed');
34
+ var hasUnsigned = newFilters.includes('unsigned');
35
+ var hadSigned = quickFilters.includes('signed');
36
+ var hadUnsigned = quickFilters.includes('unsigned');
37
+ // If both signed and unsigned are being selected, keep only the newly selected one
38
+ if (hasSigned && hasUnsigned) {
39
+ if (!hadSigned && hasUnsigned) {
40
+ // signed was just added, remove unsigned
41
+ onQuickFiltersChange(newFilters.filter(function(f) {
42
+ return f !== 'unsigned';
43
+ }));
44
+ } else if (hasSigned && !hadUnsigned) {
45
+ // unsigned was just added, remove signed
46
+ onQuickFiltersChange(newFilters.filter(function(f) {
47
+ return f !== 'signed';
48
+ }));
49
+ }
50
+ } else {
51
+ onQuickFiltersChange(newFilters);
52
+ }
53
+ };
54
+ var _pagination_totalItems, _pagination_itemsPerPage;
55
+ return /*#__PURE__*/ jsxs("div", {
56
+ className: "waivers-page",
57
+ children: [
58
+ /*#__PURE__*/ jsx("header", {
59
+ className: "waivers-page__header",
60
+ children: tabs && tabs.length > 0 ? /*#__PURE__*/ jsxs("div", {
61
+ className: "waivers-page__tabs-container",
62
+ children: [
63
+ /*#__PURE__*/ jsx("nav", {
64
+ className: "waivers-page__tabs",
65
+ children: tabs.map(function(tab) {
66
+ return /*#__PURE__*/ jsxs("button", {
67
+ className: "waivers-page__tab ".concat(tab.id === activeTab ? 'waivers-page__tab--active' : ''),
68
+ onClick: function() {
69
+ return onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(tab.id);
70
+ },
71
+ children: [
72
+ tab.label,
73
+ tab.id === activeTab && /*#__PURE__*/ jsx("div", {
74
+ className: "waivers-page__tab-indicator"
75
+ })
76
+ ]
77
+ }, tab.id);
78
+ })
79
+ }),
80
+ kioskLink && /*#__PURE__*/ jsxs("a", {
81
+ href: kioskLink,
82
+ target: "_blank",
83
+ rel: "noopener noreferrer",
84
+ className: "kiosk-link",
85
+ children: [
86
+ /*#__PURE__*/ jsx(ExternalLinkIcon, {}),
87
+ t('App:launchKiosk', 'Launch Kiosk')
88
+ ]
89
+ })
90
+ ]
91
+ }) : /*#__PURE__*/ jsx("div", {
92
+ className: "waivers-page__simple-header",
93
+ children: onAddCustomer && /*#__PURE__*/ jsxs("button", {
94
+ className: "waivers-page__add-customer-btn",
95
+ onClick: onAddCustomer,
96
+ children: [
97
+ "+ ",
98
+ t('App:addCustomer', 'Add Customer')
99
+ ]
100
+ })
101
+ })
102
+ }),
103
+ /*#__PURE__*/ jsxs("main", {
104
+ className: "waivers-page__content",
105
+ children: [
106
+ /*#__PURE__*/ jsxs("section", {
107
+ className: "filter-section",
108
+ children: [
109
+ /*#__PURE__*/ jsx("div", {
110
+ className: "search-row",
111
+ children: /*#__PURE__*/ jsxs("div", {
112
+ className: "search-input-wrapper",
113
+ children: [
114
+ /*#__PURE__*/ jsx(NewInput, {
115
+ label: t('App:search', 'Search'),
116
+ value: search,
117
+ onChange: function(e) {
118
+ return onSearchChange(e.target.value);
119
+ },
120
+ onIconClick: search ? onClearSearch : onSearchIconClick,
121
+ icon: search ? /*#__PURE__*/ jsx(ClearIcon, {}) : /*#__PURE__*/ jsx(SearchIcon, {}),
122
+ iconPosition: search ? 'right' : 'left'
123
+ }),
124
+ /*#__PURE__*/ jsx("p", {
125
+ className: "search-helper-text",
126
+ children: t('App:searchPlaceholder')
127
+ })
128
+ ]
129
+ })
130
+ }),
131
+ /*#__PURE__*/ jsxs("div", {
132
+ className: "filters-actions-row",
133
+ children: [
134
+ /*#__PURE__*/ jsx("div", {
135
+ className: "quick-filters-wrapper",
136
+ children: /*#__PURE__*/ jsx(QuickFilter, {
137
+ label: t('App:quickFilters', 'Quick Filters:'),
138
+ options: quickFilterOptions,
139
+ selectedValues: quickFilters,
140
+ onChange: handleQuickFiltersChange
141
+ })
142
+ }),
143
+ /*#__PURE__*/ jsxs("div", {
144
+ className: "action-buttons",
145
+ children: [
146
+ /*#__PURE__*/ jsxs("button", {
147
+ className: "action-btn",
148
+ onClick: onExport,
149
+ children: [
150
+ /*#__PURE__*/ jsx(ExportIcon, {}),
151
+ t('App:exportData', 'Export')
152
+ ]
153
+ }),
154
+ waiversEnabled && /*#__PURE__*/ jsxs("button", {
155
+ className: "action-btn",
156
+ onClick: onSendWaiverRequest,
157
+ children: [
158
+ /*#__PURE__*/ jsx(SendIcon, {}),
159
+ t('App:requestWaiver', 'Request Waiver')
160
+ ]
161
+ }),
162
+ /*#__PURE__*/ jsxs("button", {
163
+ className: "action-btn",
164
+ onClick: onRefresh,
165
+ children: [
166
+ /*#__PURE__*/ jsx(RefreshIcon, {}),
167
+ t('App:refresh', 'Refresh')
168
+ ]
169
+ })
170
+ ]
171
+ })
172
+ ]
173
+ })
174
+ ]
175
+ }),
176
+ /*#__PURE__*/ jsxs("section", {
177
+ className: "table-section",
178
+ children: [
179
+ /*#__PURE__*/ jsx(NewTable, {
180
+ columns: columns,
181
+ data: customers,
182
+ noDataText: !isLoading && customers.length === 0 ? t('App:noResultsFound') : undefined
183
+ }),
184
+ pagination && customers.length > 0 && /*#__PURE__*/ jsx("div", {
185
+ className: "waivers-page__pagination",
186
+ children: /*#__PURE__*/ jsx(Pagination, {
187
+ currentPage: pagination.currentPage,
188
+ totalPages: pagination.totalPages,
189
+ totalItems: (_pagination_totalItems = pagination.totalItems) !== null && _pagination_totalItems !== void 0 ? _pagination_totalItems : 0,
190
+ itemsPerPage: (_pagination_itemsPerPage = pagination.itemsPerPage) !== null && _pagination_itemsPerPage !== void 0 ? _pagination_itemsPerPage : 24,
191
+ onPageChange: pagination.onPageChange,
192
+ t: t,
193
+ entityName: t('App:customersLowerCase', 'customers')
194
+ })
195
+ })
196
+ ]
197
+ })
198
+ ]
199
+ })
200
+ ]
201
+ });
202
+ };
203
+
204
+ export { CustomersList };
@@ -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 = ".waivers-page{background-color:#fff;font-family:var(--font-family-sans,\"Geist\",sans-serif);min-height:100vh;padding:24px}.waivers-page__header{margin:20px 0}.waivers-page__header,.waivers-page__tabs-container{align-items:center;display:flex;justify-content:space-between}.waivers-page__tabs-container{border-bottom:1px solid #e8e9ef;width:100%}.waivers-page__title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.waivers-page__title{color:#121e52;font-size:24px;font-weight:700;margin:0}.waivers-page .kiosk-link{align-items:center;color:#121e52;display:inline-flex!important;font-size:14px;font-weight:500;gap:8px;opacity:1!important;text-decoration:none;visibility:visible!important}.waivers-page .kiosk-link:hover{text-decoration:none}.waivers-page .kiosk-link svg{flex-shrink:0;height:30px;width:30px}.waivers-page__tabs{display:flex;gap:24px}.waivers-page__tab{background:none;border:none;color:#9399b3;cursor:pointer;font-size:16px;font-weight:500;padding:12px 0;position:relative;transition:color .2s ease}.waivers-page__tab:hover{color:#121e52}.waivers-page__tab--active{color:#121e52;font-weight:600}.waivers-page__tab-indicator{background-color:#121e52;bottom:-1px;height:3px;left:0;position:absolute;width:100%}.waivers-page__content{display:flex;flex-direction:column;gap:32px}.waivers-page .filter-section{display:flex;flex-direction:column;gap:24px}.waivers-page .filter-section .search-row{width:100%}.waivers-page .filter-section .search-input-wrapper{max-width:800px;width:100%}.waivers-page .filter-section .search-helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-weight:400;line-height:20px;margin-bottom:0;margin-top:8px}.waivers-page .filter-section .filters-actions-row{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.waivers-page .filter-section .quick-filters-wrapper{flex:1}.waivers-page .filter-section .action-buttons{align-items:center;display:flex;gap:16px}.waivers-page .filter-section .action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#121e52;cursor:pointer;display:inline-flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:14px;font-weight:500;gap:8px;padding:8px 12px;transition:background-color .2s ease}.waivers-page .filter-section .action-btn:hover{background-color:#f8f8fa}.waivers-page .filter-section .action-btn svg{flex-shrink:0;height:20px;width:20px}.waivers-page .filter-section__row{display:flex;gap:24px}.waivers-page .filter-section__col{flex:1}.waivers-page .filter-section__col--date{flex:0 0 50%;max-width:50%}.waivers-page .customer-cell__name{color:#121e52;font-weight:600}.waivers-page .customer-cell__email{color:#9399b3;font-size:13px}.waivers-page .customer-cell__id{color:#9399b3;display:none;font-size:13px}.waivers-page .customer-cell:hover .customer-cell__id{display:block}.waivers-page .customer-cell:hover .customer-cell__email{display:none}.waivers-page .type-cell__main{color:#121e52;font-weight:500}.waivers-page .type-cell__sub{color:#9399b3;font-size:13px}.waivers-page .date-cell__next{color:#121e52}.waivers-page .date-cell__expires{color:#9399b3;font-size:13px}.waivers-page .date-cell__expires--expired{color:#ef4444}.waivers-page .action-button{align-items:center;background:#f0f0f5;border:none;border-radius:50%;color:#6200ee;cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background-color .2s ease;width:44px}.waivers-page .action-button:hover{background-color:#e0e0eb}.waivers-page .action-button svg{height:30px;width:30px}.waivers-page__pagination{align-items:center;border-top:1px solid #e8e9ef;display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:16px}.waivers-page__pagination .pagination__nav{background:none;border:1px solid #e0e1ea;border-radius:6px;color:#121e52;cursor:pointer;font-size:14px;padding:8px 12px}.waivers-page__pagination .pagination__nav:disabled{cursor:not-allowed;opacity:.5}.waivers-page__pagination .pagination__pages{display:flex;gap:8px}.waivers-page__pagination .pagination__page{align-items:center;background:#f8f8fa;border:1px solid #e0e1ea;border-radius:6px;color:#121e52;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.waivers-page__pagination .pagination__page--active{background:#121e52;border-color:#121e52;color:#fff}.waivers-page__pagination .pagination__ellipsis{align-items:center;color:#9399b3;display:inline-flex;font-weight:600;height:36px;justify-content:center;width:36px}.waivers-page .table-section{background-color:#fff;border-radius:8px;overflow:hidden}.waivers-page .no-results-content{align-items:center;background-color:#fff;border-radius:8px;display:none;justify-content:center;min-height:200px;padding:64px 24px}.waivers-page .no-results-content .no-results-found{color:#9399b3;font-size:16px;font-weight:500}.waivers-page__simple-header{align-items:center;display:flex;justify-content:flex-end;width:100%}.waivers-page__add-customer-btn{align-items:center;background-color:#121e52;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease}.waivers-page__add-customer-btn:hover{background-color:#0f1940}@media (max-width:768px){.waivers-page{padding:16px}.waivers-page__header{margin:12px 0 16px}.waivers-page__tabs-container{align-items:flex-start;flex-direction:column;gap:16px}.waivers-page__tabs{-webkit-overflow-scrolling:touch;gap:16px;overflow-x:auto;width:100%}.waivers-page__tabs::-webkit-scrollbar{display:none}.waivers-page__tabs{scrollbar-width:none}.waivers-page__tab{flex-shrink:0;font-size:14px;padding:8px 0;white-space:nowrap}.waivers-page .kiosk-link{background-color:#f8f8fa;border-radius:8px;justify-content:center;padding:12px;width:100%}.waivers-page .kiosk-link svg{height:24px;width:24px}.waivers-page__simple-header{justify-content:center}.waivers-page__add-customer-btn{font-size:14px;justify-content:center;padding:10px 20px;width:100%}.waivers-page__content{gap:20px}.waivers-page .filter-section{gap:16px}.waivers-page .filter-section .search-input-wrapper{max-width:100%}.waivers-page .filter-section .search-helper-text{font-size:13px;margin-top:4px}.waivers-page .filter-section .filters-actions-row{align-items:stretch;flex-direction:column;gap:16px}.waivers-page .filter-section .quick-filters-wrapper{width:100%}.waivers-page .filter-section .action-buttons{flex-wrap:wrap;gap:8px;justify-content:flex-start}.waivers-page .filter-section .action-btn{flex:1;font-size:12px;justify-content:center;min-width:fit-content;padding:6px 10px}.waivers-page .filter-section .action-btn svg{height:16px;width:16px}.waivers-page__pagination{flex-direction:column;gap:12px;margin-top:12px;padding-top:12px}.waivers-page__pagination .pagination__nav{font-size:12px;padding:6px 10px}.waivers-page__pagination .pagination__pages{flex-wrap:wrap;gap:4px;justify-content:center}.waivers-page__pagination .pagination__ellipsis,.waivers-page__pagination .pagination__page{font-size:12px;height:32px;width:32px}.waivers-page .table-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.waivers-page .customer-cell__name{font-size:14px}.waivers-page .customer-cell__email,.waivers-page .customer-cell__id{font-size:12px}.waivers-page .type-cell__main{font-size:14px}.waivers-page .type-cell__sub{font-size:12px}.waivers-page .date-cell__next{font-size:14px}.waivers-page .date-cell__expires{font-size:12px}.waivers-page .action-button{height:36px;width:36px}.waivers-page .action-button svg{height:24px;width:24px}}@media (max-width:480px){.waivers-page{padding:12px}.waivers-page__header{margin:8px 0 12px}.waivers-page__tabs{gap:12px}.waivers-page__tab{font-size:13px}.waivers-page__add-customer-btn{font-size:13px;padding:8px 16px}.waivers-page .filter-section .action-buttons{flex-direction:column;width:100%}.waivers-page .filter-section .action-btn{justify-content:center;width:100%}.waivers-page .customer-cell__name{font-size:13px}}";
4
+ styleInject(css_248z);
5
+
6
+ export { css_248z as default };
@@ -0,0 +1,6 @@
1
+ export * from './CustomersList';
2
+ export * from './CustomerCreate';
3
+ export * from './CustomerDetail';
4
+ export * from './CustomerEdit';
5
+ export * from './CustomerForm';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Customer/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}
@@ -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 = ":root{--blue-50:#e7f4fc;--blue-100:#b4dbf6;--blue-200:#90caf2;--blue-300:#5eb2ec;--blue-400:#3ea3e8;--blue-500:#0e8ce2;--blue-600:#0d7fce;--blue-700:#0a63a0;--blue-800:#084d7c;--blue-900:#063b5f;--cyan-50:#eafbff;--cyan-75:#bdf3ff;--cyan-100:#aff1ff;--cyan-200:#9deeff;--cyan-300:#71e6ff;--cyan-400:#55e1ff;--cyan-500:#2bd9ff;--cyan-600:#27c5e8;--cyan-700:#1f9ab5;--cyan-800:#18778c;--cyan-900:#125b6b;--indigo-50:#efeffe;--indigo-100:#cdccfc;--indigo-200:#b4b4fa;--indigo-300:#9291f8;--indigo-400:#7c74ff;--indigo-500:#5d5bf4;--indigo-600:#5553de;--indigo-700:#4241ad;--indigo-800:#333286;--indigo-900:#272666;--green-50:#eef9ea;--green-100:#c9ecbd;--green-200:#afe39d;--green-300:#8bd671;--green-400:#75ce55;--green-500:#52c22b;--green-600:#4bb127;--green-700:#3a8a1f;--green-800:#2d6b18;--green-900:#225112;--red-50:#fceceb;--red-100:#f5c4c2;--red-200:#f1a8a4;--red-300:#ea807b;--red-400:#e66861;--red-500:#e0423a;--red-600:#cc3c35;--red-700:#9f2f29;--red-800:#7b2420;--red-900:#5e1c18;--purple-50:#efe6fd;--purple-100:#ceb0fa;--purple-200:#b78af7;--purple-300:#965ff4;--purple-400:#8133f1;--purple-500:#6200ee;--purple-600:#5900d9;--purple-700:#4600a9;--purple-800:#360083;--purple-900:#290064;--orange-50:#fff2e8;--orange-100:#fed7b6;--orange-200:#fec493;--orange-300:#fea962;--orange-400:#fd9843;--orange-500:#fd7e14;--orange-600:#e67312;--orange-700:#b4590e;--orange-800:#8b450b;--orange-900:#6a3508;--yellow-50:#fcf6e7;--yellow-100:#f6e3b4;--yellow-200:#f2d68f;--yellow-300:#ecc35c;--yellow-400:#fcc741;--yellow-500:#fbb912;--yellow-600:#e4a810;--yellow-700:#a07509;--yellow-800:#7c5b07;--yellow-900:#5f4505;--pink-50:#fdecf4;--pink-100:#f8c3db;--pink-200:#f4a6ca;--pink-300:#f07eb2;--pink-400:#ed65a3;--pink-500:#e83e8c;--pink-600:#d33874;--pink-700:#a52c63;--pink-800:#80224d;--pink-900:#611a3b;--teal-50:#e9faf7;--teal-100:#baf0e7;--teal-200:#99e8db;--teal-300:#6bdecb;--teal-400:#4ed8c1;--teal-500:#22ceb1;--teal-600:#1fbba1;--teal-700:#18927e;--teal-800:#137161;--teal-900:#0e574a;--neutral-white:#fff;--neutral-25:#f8f8fa;--neutral-50:#e8e9ef;--neutral-75:#d2d5e3;--neutral-100:#b6bacc;--neutral-200:#9399b3;--neutral-300:#626a90;--neutral-400:#433d7b;--neutral-500:#14215a;--neutral-600:#121e52;--neutral-700:#0e1740;--neutral-800:#0b1232;--neutral-900:#080e26;--neutral-black:#000;--purple-lightest:var(--purple-50);--purple-lighter:var(--purple-100);--purple-light:var(--purple-300);--purple-regular:var(--purple-500);--purple-dark:var(--purple-600);--purple-darker:var(--purple-800);--purple-darkest:var(--purple-900);--blue-lightest:var(--blue-50);--blue-lighter:var(--blue-100);--blue-light:var(--blue-300);--blue-regular:var(--blue-500);--blue-dark:var(--blue-600);--blue-darker:var(--blue-800);--blue-darkest:var(--blue-900);--indigo-lightest:var(--indigo-50);--indigo-lighter:var(--indigo-100);--indigo-light:var(--indigo-300);--indigo-regular:var(--indigo-500);--indigo-dark:var(--indigo-600);--indigo-darker:var(--indigo-800);--indigo-darkest:var(--indigo-900);--cyan-lightest:var(--cyan-50);--cyan-lighter:var(--cyan-100);--cyan-light:var(--cyan-300);--cyan-regular:var(--cyan-500);--cyan-dark:var(--cyan-700);--cyan-darker:var(--cyan-800);--cyan-darkest:var(--cyan-900);--red-lightest:var(--red-50);--red-lighter:var(--red-100);--red-light:var(--red-400);--red-regular:var(--red-500);--red-dark:var(--red-600);--red-darker:var(--red-800);--red-darkest:var(--red-900);--orange-lightest:var(--orange-50);--orange-lighter:var(--orange-100);--orange-light:var(--orange-300);--orange-regular:var(--orange-500);--orange-dark:var(--orange-600);--orange-darker:var(--orange-700);--orange-darkest:var(--orange-800);--yellow-lightest:var(--yellow-50);--yellow-lighter:var(--yellow-100);--yellow-light:var(--yellow-300);--yellow-regular:var(--yellow-500);--yellow-dark:var(--yellow-600);--yellow-darker:var(--yellow-800);--yellow-darkest:var(--yellow-900);--pink-lightest:var(--pink-50);--pink-lighter:var(--pink-100);--pink-light:var(--pink-300);--pink-regular:var(--pink-500);--pink-dark:var(--pink-600);--pink-darker:var(--pink-700);--pink-darkest:var(--pink-800);--green-lightest:var(--green-50);--green-lighter:var(--green-100);--green-light:var(--green-300);--green-regular:var(--green-500);--green-dark:var(--green-600);--green-darker:var(--green-800);--green-darkest:var(--green-900);--teal-lightest:var(--teal-50);--teal-lighter:var(--teal-100);--teal-light:var(--teal-300);--teal-regular:var(--teal-500);--teal-dark:var(--teal-600);--teal-darker:var(--teal-700);--teal-darkest:var(--teal-800);--tone-lightest:var(--neutral-white);--tone-lighter:var(--neutral-25);--tone-light:var(--neutral-50);--tone-regular:var(--neutral-75);--tone-dark:var(--neutral-100);--tone-darker:var(--neutral-200);--tone-darkest:var(--neutral-300);--shade-lightest:var(--neutral-400);--shade-lighter:var(--neutral-500);--shade-light:var(--neutral-600);--shade-regular:var(--neutral-700);--shade-dark:var(--neutral-800);--shade-darker:var(--neutral-900);--shade-darkest:var(--neutral-black);--highlight-lightest:var(--cyan-lightest);--highlight-lighter:var(--cyan-lighter);--highlight-light:var(--cyan-light);--highlight-regular:var(--blue-regular);--highlight-dark:var(--blue-dark);--highlight-darker:var(--blue-darker);--highlight-darkest:var(--blue-darkest);--success-lightest:var(--green-lightest);--success-lighter:var(--green-lighter);--success-light:var(--green-light);--success-regular:var(--green-regular);--success-dark:var(--green-dark);--success-darker:var(--green-darker);--success-darkest:var(--green-darkest);--errors-lightest:var(--red-lightest);--errors-lighter:var(--red-lighter);--errors-light:var(--red-light);--errors-regular:var(--red-regular);--errors-dark:var(--red-dark);--errors-darker:var(--red-darker);--errors-darkest:var(--red-darkest);--actions-lightest:var(--purple-50);--actions-lighter:var(--purple-lighter);--actions-light:var(--purple-light);--actions-regular:var(--purple-regular);--actions-dark:var(--purple-dark);--actions-darker:var(--purple-darker);--actions-darkest:var(--purple-darkest);--information-lightest:var(--blue-lightest);--information-lighter:var(--blue-lighter);--information-light:var(--blue-light);--information-regular:var(--blue-regular);--information-dark:var(--blue-dark);--information-darker:var(--blue-darker);--information-darkest:var(--blue-darkest);--alert-lightest:var(--yellow-lightest);--alert-lighter:var(--yellow-lighter);--alert-light:var(--orange-light);--alert-regular:var(--orange-regular);--alert-darker:var(--yellow-darker);--alert-darkest:var(--yellow-darkest);--danger-lightest:var(--red-lightest);--danger-lighter:var(--red-lighter);--danger-light:var(--red-light);--danger-regular:var(--red-regular);--danger-dark:var(--red-dark);--danger-darker:var(--red-darker);--danger-darkest:var(--red-darkest);--disabled-lightest:var(--tone-light);--disabled-lighter:var(--tone-regular);--disabled-light:var(--tone-dark);--disabled-regular:var(--tone-darker);--disabled-dark:var(--shade-lighter);--disabled-darker:var(--shade-light);--disabled-darkest:var(--shade-regular);--label-primary:var(--shade-light);--label-secondary:var(--tone-darkest);--label-secondary-hover:var(--shade-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-dark);--label-action:var(--actions-regular);--label-danger:var(--danger-dark);--label-status-error:var(--errors-dark);--label-status-success:var(--success-darker);--label-status-info:var(--information-dark);--label-status-alert:var(--alert-regular);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--tone-lightest);--surface-primary-hover:var(--tone-lighter);--surface-primary-pressed:var(--tone-light);--surface-secondary:var(--neutral-25);--surface-secondary-hover:var(--tone-light);--surface-secondary-pressed:var(--tone-regular);--surface-tertiary:var(--tone-light);--surface-tertiary-hover:var(--tone-lighter);--surface-tertiary-pressed:var(--tone-lightest);--surface-status-success:var(--success-lightest);--surface-status-error:var(--errors-lightest);--surface-status-alert:var(--alert-lightest);--surface-status-info:var(--information-lightest);--surface-status-disabled:var(--disabled-lighter);--surface-action-soft:var(--actions-lightest);--surface-action-soft-hover:var(--actions-lighter);--surface-action-soft-pressed:var(--actions-light);--surface-danger-soft:var(--danger-lightest);--surface-danger-soft-hover:var(--danger-lighter);--surface-danger-soft-pressed:var(--danger-light);--surface-highlight-soft:var(--highlight-lightest);--surface-colour-red-soft:var(--red-lightest);--surface-colour-green-soft:var(--green-lightest);--surface-colour-blue-soft:var(--blue-lightest);--surface-colour-orange-soft:var(--orange-lightest);--surface-colour-yellow-soft:var(--yellow-lightest);--surface-colour-purple-soft:var(--purple-lightest);--surface-colour-indigo-soft:var(--indigo-lightest);--surface-colour-cyan-soft:var(--cyan-lightest);--surface-colour-pink-soft:var(--pink-lightest);--surface-colour-teal-soft:var(--teal-lightest);--border-primary:var(--tone-light);--border-secondary:var(--tone-regular);--border-selected:var(--neutral-600);--border-action:var(--actions-regular);--border-status-error:var(--errors-lighter);--border-status-success:var(--success-lighter);--border-status-alert:var(--alert-lighter);--border-status-info:var(--information-lighter);--border-status-disabled:var(--disabled-lightest);--border-colour-overlay:#121e521a;--fill-primary:var(--shade-lighter);--fill-secondary:var(--tone-darkest);--fill-white:var(--tone-lightest);--fill-action:var(--actions-regular);--fill-highlight:var(--highlight-dark);--fill-danger:var(--danger-dark);--fill-status-success:var(--success-darker);--fill-status-error:var(--errors-dark);--fill-status-alert:var(--alert-regular);--fill-status-info:var(--information-regular);--fill-status-disabled:var(--disabled-light);--gradient-stop1:var(--purple-500);--gradient-stop2:var(--indigo-500);--gradient-stop3:var(--blue-500)}[data-theme=dark]{--label-primary:var(--tone-lighter);--label-secondary:var(--tone-darker);--label-secondary-hover:var(--tone-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-light);--label-action:var(--actions-lighter);--label-danger:var(--danger-light);--label-status-error:var(--errors-light);--label-status-success:var(--success-light);--label-status-info:var(--information-light);--label-status-alert:var(--alert-light);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--shade-darker);--surface-primary-hover:var(--shade-dark);--surface-primary-pressed:var(--shade-regular);--surface-secondary:var(--shade-dark);--surface-secondary-hover:var(--shade-darker);--surface-secondary-pressed:var(--shade-darkest);--surface-tertiary:var(--shade-regular);--surface-tertiary-hover:var(--shade-dark);--surface-tertiary-pressed:var(--shade-darker);--surface-status-success:var(--success-darkest);--surface-status-error:var(--errors-darkest);--surface-status-alert:var(--alert-darkest);--surface-status-info:var(--information-darkest);--surface-status-disabled:var(--disabled-darkest);--surface-action-soft:var(--actions-darkest);--surface-action-soft-hover:var(--actions-darker);--surface-action-soft-pressed:var(--actions-dark);--surface-danger-soft:var(--danger-darkest);--surface-danger-soft-hover:var(--danger-darker);--surface-danger-soft-pressed:var(--danger-dark);--surface-highlight-soft:var(--highlight-darkest);--surface-colour-red-soft:var(--red-darkest);--surface-colour-green-soft:var(--green-darkest);--surface-colour-blue-soft:var(--blue-darkest);--surface-colour-orange-soft:var(--orange-darkest);--surface-colour-yellow-soft:var(--yellow-darkest);--surface-colour-purple-soft:var(--purple-darkest);--surface-colour-indigo-soft:var(--indigo-darkest);--surface-colour-cyan-soft:var(--cyan-darkest);--surface-colour-pink-soft:var(--pink-darkest);--surface-colour-teal-soft:var(--teal-darkest);--border-primary:var(--shade-light);--border-secondary:var(--shade-dark);--border-selected:var(--tone-light);--border-action:var(--actions-light);--border-status-error:var(--errors-darker);--border-status-success:var(--success-darker);--border-status-alert:var(--alert-darker);--border-status-info:var(--information-darker);--border-status-disabled:var(--disabled-dark);--border-colour-overlay:#ffffff1a;--fill-primary:var(--tone-lighter);--fill-secondary:var(--tone-darker);--fill-white:var(--tone-lightest);--fill-action:var(--actions-lighter);--fill-highlight:var(--highlight-light);--fill-danger:var(--danger-light);--fill-status-success:var(--success-light);--fill-status-error:var(--errors-light);--fill-status-alert:var(--alert-light);--fill-status-info:var(--information-light);--fill-status-disabled:var(--disabled-dark);--gradient-stop1:var(--indigo-400);--gradient-stop2:var(--cyan-500);--gradient-stop3:var(--cyan-100)}.text-primary{color:var(--label-primary)}.text-secondary{color:var(--label-secondary)}.text-white{color:var(--label-white)}.text-action{color:var(--label-action)}.text-danger{color:var(--label-danger)}.text-success{color:var(--label-status-success)}.text-error{color:var(--label-status-error)}.text-info{color:var(--label-status-info)}.text-warning{color:var(--label-status-alert)}.text-disabled{color:var(--label-status-disabled)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.bg-success{background-color:var(--surface-status-success)}.bg-error{background-color:var(--surface-status-error)}.bg-warning{background-color:var(--surface-status-alert)}.bg-info{background-color:var(--surface-status-info)}.bg-action-soft{background-color:var(--surface-action-soft)}.bg-danger-soft{background-color:var(--surface-danger-soft)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-selected{border-color:var(--border-selected)}.border-action{border-color:var(--border-action)}.border-success{border-color:var(--border-status-success)}.border-error{border-color:var(--border-status-error)}.border-warning{border-color:var(--border-status-alert)}.border-info{border-color:var(--border-status-info)}:root{--radius-zero:0px;--radius-xs:1px;--radius-sm:2px;--radius-md:4px;--radius-reg:8px;--radius-lg:16px;--radius-xl:24px;--spacing-zero:0px;--spacing-xxs:1px;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-reg:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-super:128px;--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--color-success-fill:#2d6b18;--color-success-background:#eef9ea;--color-success-border:#c9ecbd;--color-error-fill:#cc3c35;--color-error-background:#fceceb;--color-error-border:#f5c4c2;--color-alert-fill:#fd7e14;--color-alert-background:#fcf6e7;--color-alert-border:#f6e3b4;--color-info-fill:#0e8ce2;--color-info-background:#e7f4fc;--color-info-border:#b4dbf6;--surfaces-status-background-success:var(--color-success-background);--surfaces-status-background-error:var(--color-error-background);--surfaces-status-background-alert:var(--color-alert-background);--surfaces-status-background-info:var(--color-info-background);--borders-status-border-success:var(--color-success-border);--borders-status-border-error:var(--color-error-border);--borders-status-border-alert:var(--color-alert-border);--borders-status-border-info:var(--color-info-border);--fills-status-fill-success:var(--color-success-fill);--fills-status-fill-error:var(--color-error-fill);--fills-status-fill-alert:var(--color-alert-fill);--fills-status-fill-info:var(--color-info-fill);--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.waiver-template-form-section{gap:var(--padding-reg,16px)}.waiver-template-form-group,.waiver-template-form-section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.waiver-template-form-group{gap:var(--padding-lg,24px)}.form-field{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs,4px);width:100%}.form-field__label{align-items:center;align-self:stretch;color:var(--label-primary,#121e52);display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-weight:600;gap:4px;line-height:20px;margin:0}.form-field__required{color:var(--label-status-error,#ef4444);margin-left:2px}.form-field__input{align-items:center;align-self:stretch;background-color:var(--surface-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--label-primary,#121e52);display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);gap:8px;height:40px;line-height:var(--text-regular-line,20px);outline:none;padding:8px 10px;transition:all .2s ease;width:100%}.form-field__input::placeholder{color:var(--label-secondary,#626a90)}.form-field__input:hover:not(:disabled){border-color:var(--border-primary-hover,#d1d3de)}.form-field__input:focus{background-color:var(--surface-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee)}.form-field__input--error,.form-field__input--error:focus{border-color:var(--borders-status-border-error,#ef4444)}.form-field__input:disabled{background:var(--surface-status-disabled,#f8f8fa);color:var(--label-secondary,#626a90);cursor:not-allowed;opacity:.6}.form-field__help-text{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}.form-field__error-text{color:var(--label-status-error,#ef4444);font-size:var(--text-xs-size,11px);line-height:var(--text-xs-line,14px)}";
3
+ var css_248z = ":root{--blue-50:#e7f4fc;--blue-100:#b4dbf6;--blue-200:#90caf2;--blue-300:#5eb2ec;--blue-400:#3ea3e8;--blue-500:#0e8ce2;--blue-600:#0d7fce;--blue-700:#0a63a0;--blue-800:#084d7c;--blue-900:#063b5f;--cyan-50:#eafbff;--cyan-75:#bdf3ff;--cyan-100:#aff1ff;--cyan-200:#9deeff;--cyan-300:#71e6ff;--cyan-400:#55e1ff;--cyan-500:#2bd9ff;--cyan-600:#27c5e8;--cyan-700:#1f9ab5;--cyan-800:#18778c;--cyan-900:#125b6b;--indigo-50:#efeffe;--indigo-100:#cdccfc;--indigo-200:#b4b4fa;--indigo-300:#9291f8;--indigo-400:#7c74ff;--indigo-500:#5d5bf4;--indigo-600:#5553de;--indigo-700:#4241ad;--indigo-800:#333286;--indigo-900:#272666;--green-50:#eef9ea;--green-100:#c9ecbd;--green-200:#afe39d;--green-300:#8bd671;--green-400:#75ce55;--green-500:#52c22b;--green-600:#4bb127;--green-700:#3a8a1f;--green-800:#2d6b18;--green-900:#225112;--red-50:#fceceb;--red-100:#f5c4c2;--red-200:#f1a8a4;--red-300:#ea807b;--red-400:#e66861;--red-500:#e0423a;--red-600:#cc3c35;--red-700:#9f2f29;--red-800:#7b2420;--red-900:#5e1c18;--purple-50:#efe6fd;--purple-100:#ceb0fa;--purple-200:#b78af7;--purple-300:#965ff4;--purple-400:#8133f1;--purple-500:#6200ee;--purple-600:#5900d9;--purple-700:#4600a9;--purple-800:#360083;--purple-900:#290064;--orange-50:#fff2e8;--orange-100:#fed7b6;--orange-200:#fec493;--orange-300:#fea962;--orange-400:#fd9843;--orange-500:#fd7e14;--orange-600:#e67312;--orange-700:#b4590e;--orange-800:#8b450b;--orange-900:#6a3508;--yellow-50:#fcf6e7;--yellow-100:#f6e3b4;--yellow-200:#f2d68f;--yellow-300:#ecc35c;--yellow-400:#fcc741;--yellow-500:#fbb912;--yellow-600:#e4a810;--yellow-700:#a07509;--yellow-800:#7c5b07;--yellow-900:#5f4505;--pink-50:#fdecf4;--pink-100:#f8c3db;--pink-200:#f4a6ca;--pink-300:#f07eb2;--pink-400:#ed65a3;--pink-500:#e83e8c;--pink-600:#d33874;--pink-700:#a52c63;--pink-800:#80224d;--pink-900:#611a3b;--teal-50:#e9faf7;--teal-100:#baf0e7;--teal-200:#99e8db;--teal-300:#6bdecb;--teal-400:#4ed8c1;--teal-500:#22ceb1;--teal-600:#1fbba1;--teal-700:#18927e;--teal-800:#137161;--teal-900:#0e574a;--neutral-white:#fff;--neutral-25:#f8f8fa;--neutral-50:#e8e9ef;--neutral-75:#d2d5e3;--neutral-100:#b6bacc;--neutral-200:#9399b3;--neutral-300:#626a90;--neutral-400:#433d7b;--neutral-500:#14215a;--neutral-600:#121e52;--neutral-700:#0e1740;--neutral-800:#0b1232;--neutral-900:#080e26;--neutral-black:#000;--purple-lightest:var(--purple-50);--purple-lighter:var(--purple-100);--purple-light:var(--purple-300);--purple-regular:var(--purple-500);--purple-dark:var(--purple-600);--purple-darker:var(--purple-800);--purple-darkest:var(--purple-900);--blue-lightest:var(--blue-50);--blue-lighter:var(--blue-100);--blue-light:var(--blue-300);--blue-regular:var(--blue-500);--blue-dark:var(--blue-600);--blue-darker:var(--blue-800);--blue-darkest:var(--blue-900);--indigo-lightest:var(--indigo-50);--indigo-lighter:var(--indigo-100);--indigo-light:var(--indigo-300);--indigo-regular:var(--indigo-500);--indigo-dark:var(--indigo-600);--indigo-darker:var(--indigo-800);--indigo-darkest:var(--indigo-900);--cyan-lightest:var(--cyan-50);--cyan-lighter:var(--cyan-100);--cyan-light:var(--cyan-300);--cyan-regular:var(--cyan-500);--cyan-dark:var(--cyan-700);--cyan-darker:var(--cyan-800);--cyan-darkest:var(--cyan-900);--red-lightest:var(--red-50);--red-lighter:var(--red-100);--red-light:var(--red-400);--red-regular:var(--red-500);--red-dark:var(--red-600);--red-darker:var(--red-800);--red-darkest:var(--red-900);--orange-lightest:var(--orange-50);--orange-lighter:var(--orange-100);--orange-light:var(--orange-300);--orange-regular:var(--orange-500);--orange-dark:var(--orange-600);--orange-darker:var(--orange-700);--orange-darkest:var(--orange-800);--yellow-lightest:var(--yellow-50);--yellow-lighter:var(--yellow-100);--yellow-light:var(--yellow-300);--yellow-regular:var(--yellow-500);--yellow-dark:var(--yellow-600);--yellow-darker:var(--yellow-800);--yellow-darkest:var(--yellow-900);--pink-lightest:var(--pink-50);--pink-lighter:var(--pink-100);--pink-light:var(--pink-300);--pink-regular:var(--pink-500);--pink-dark:var(--pink-600);--pink-darker:var(--pink-700);--pink-darkest:var(--pink-800);--green-lightest:var(--green-50);--green-lighter:var(--green-100);--green-light:var(--green-300);--green-regular:var(--green-500);--green-dark:var(--green-600);--green-darker:var(--green-800);--green-darkest:var(--green-900);--teal-lightest:var(--teal-50);--teal-lighter:var(--teal-100);--teal-light:var(--teal-300);--teal-regular:var(--teal-500);--teal-dark:var(--teal-600);--teal-darker:var(--teal-700);--teal-darkest:var(--teal-800);--tone-lightest:var(--neutral-white);--tone-lighter:var(--neutral-25);--tone-light:var(--neutral-50);--tone-regular:var(--neutral-75);--tone-dark:var(--neutral-100);--tone-darker:var(--neutral-200);--tone-darkest:var(--neutral-300);--shade-lightest:var(--neutral-400);--shade-lighter:var(--neutral-500);--shade-light:var(--neutral-600);--shade-regular:var(--neutral-700);--shade-dark:var(--neutral-800);--shade-darker:var(--neutral-900);--shade-darkest:var(--neutral-black);--highlight-lightest:var(--cyan-lightest);--highlight-lighter:var(--cyan-lighter);--highlight-light:var(--cyan-light);--highlight-regular:var(--blue-regular);--highlight-dark:var(--blue-dark);--highlight-darker:var(--blue-darker);--highlight-darkest:var(--blue-darkest);--success-lightest:var(--green-lightest);--success-lighter:var(--green-lighter);--success-light:var(--green-light);--success-regular:var(--green-regular);--success-dark:var(--green-dark);--success-darker:var(--green-darker);--success-darkest:var(--green-darkest);--errors-lightest:var(--red-lightest);--errors-lighter:var(--red-lighter);--errors-light:var(--red-light);--errors-regular:var(--red-regular);--errors-dark:var(--red-dark);--errors-darker:var(--red-darker);--errors-darkest:var(--red-darkest);--actions-lightest:var(--purple-50);--actions-lighter:var(--purple-lighter);--actions-light:var(--purple-light);--actions-regular:var(--purple-regular);--actions-dark:var(--purple-dark);--actions-darker:var(--purple-darker);--actions-darkest:var(--purple-darkest);--information-lightest:var(--blue-lightest);--information-lighter:var(--blue-lighter);--information-light:var(--blue-light);--information-regular:var(--blue-regular);--information-dark:var(--blue-dark);--information-darker:var(--blue-darker);--information-darkest:var(--blue-darkest);--alert-lightest:var(--yellow-lightest);--alert-lighter:var(--yellow-lighter);--alert-light:var(--orange-light);--alert-regular:var(--orange-regular);--alert-darker:var(--yellow-darker);--alert-darkest:var(--yellow-darkest);--danger-lightest:var(--red-lightest);--danger-lighter:var(--red-lighter);--danger-light:var(--red-light);--danger-regular:var(--red-regular);--danger-dark:var(--red-dark);--danger-darker:var(--red-darker);--danger-darkest:var(--red-darkest);--disabled-lightest:var(--tone-light);--disabled-lighter:var(--tone-regular);--disabled-light:var(--tone-dark);--disabled-regular:var(--tone-darker);--disabled-dark:var(--shade-lighter);--disabled-darker:var(--shade-light);--disabled-darkest:var(--shade-regular);--label-primary:var(--shade-light);--label-secondary:var(--tone-darkest);--label-secondary-hover:var(--shade-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-dark);--label-action:var(--actions-regular);--label-danger:var(--danger-dark);--label-status-error:var(--errors-dark);--label-status-success:var(--success-darker);--label-status-info:var(--information-dark);--label-status-alert:var(--alert-regular);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--tone-lightest);--surface-primary-hover:var(--tone-lighter);--surface-primary-pressed:var(--tone-light);--surface-secondary:var(--neutral-25);--surface-secondary-hover:var(--tone-light);--surface-secondary-pressed:var(--tone-regular);--surface-tertiary:var(--tone-light);--surface-tertiary-hover:var(--tone-lighter);--surface-tertiary-pressed:var(--tone-lightest);--surface-status-success:var(--success-lightest);--surface-status-error:var(--errors-lightest);--surface-status-alert:var(--alert-lightest);--surface-status-info:var(--information-lightest);--surface-status-disabled:var(--disabled-lighter);--surface-action-soft:var(--actions-lightest);--surface-action-soft-hover:var(--actions-lighter);--surface-action-soft-pressed:var(--actions-light);--surface-danger-soft:var(--danger-lightest);--surface-danger-soft-hover:var(--danger-lighter);--surface-danger-soft-pressed:var(--danger-light);--surface-highlight-soft:var(--highlight-lightest);--surface-colour-red-soft:var(--red-lightest);--surface-colour-green-soft:var(--green-lightest);--surface-colour-blue-soft:var(--blue-lightest);--surface-colour-orange-soft:var(--orange-lightest);--surface-colour-yellow-soft:var(--yellow-lightest);--surface-colour-purple-soft:var(--purple-lightest);--surface-colour-indigo-soft:var(--indigo-lightest);--surface-colour-cyan-soft:var(--cyan-lightest);--surface-colour-pink-soft:var(--pink-lightest);--surface-colour-teal-soft:var(--teal-lightest);--border-primary:var(--tone-light);--border-secondary:var(--tone-regular);--border-selected:var(--neutral-600);--border-action:var(--actions-regular);--border-status-error:var(--errors-lighter);--border-status-success:var(--success-lighter);--border-status-alert:var(--alert-lighter);--border-status-info:var(--information-lighter);--border-status-disabled:var(--disabled-lightest);--border-colour-overlay:#121e521a;--fill-primary:var(--shade-lighter);--fill-secondary:var(--tone-darkest);--fill-white:var(--tone-lightest);--fill-action:var(--actions-regular);--fill-highlight:var(--highlight-dark);--fill-danger:var(--danger-dark);--fill-status-success:var(--success-darker);--fill-status-error:var(--errors-dark);--fill-status-alert:var(--alert-regular);--fill-status-info:var(--information-regular);--fill-status-disabled:var(--disabled-light);--gradient-stop1:var(--purple-500);--gradient-stop2:var(--indigo-500);--gradient-stop3:var(--blue-500)}[data-theme=dark]{--label-primary:var(--tone-lighter);--label-secondary:var(--tone-darker);--label-secondary-hover:var(--tone-lighter);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-light);--label-action:var(--actions-lighter);--label-danger:var(--danger-light);--label-status-error:var(--errors-light);--label-status-success:var(--success-light);--label-status-info:var(--information-light);--label-status-alert:var(--alert-light);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--shade-darker);--surface-primary-hover:var(--shade-dark);--surface-primary-pressed:var(--shade-regular);--surface-secondary:var(--shade-dark);--surface-secondary-hover:var(--shade-darker);--surface-secondary-pressed:var(--shade-darkest);--surface-tertiary:var(--shade-regular);--surface-tertiary-hover:var(--shade-dark);--surface-tertiary-pressed:var(--shade-darker);--surface-status-success:var(--success-darkest);--surface-status-error:var(--errors-darkest);--surface-status-alert:var(--alert-darkest);--surface-status-info:var(--information-darkest);--surface-status-disabled:var(--disabled-darkest);--surface-action-soft:var(--actions-darkest);--surface-action-soft-hover:var(--actions-darker);--surface-action-soft-pressed:var(--actions-dark);--surface-danger-soft:var(--danger-darkest);--surface-danger-soft-hover:var(--danger-darker);--surface-danger-soft-pressed:var(--danger-dark);--surface-highlight-soft:var(--highlight-darkest);--surface-colour-red-soft:var(--red-darkest);--surface-colour-green-soft:var(--green-darkest);--surface-colour-blue-soft:var(--blue-darkest);--surface-colour-orange-soft:var(--orange-darkest);--surface-colour-yellow-soft:var(--yellow-darkest);--surface-colour-purple-soft:var(--purple-darkest);--surface-colour-indigo-soft:var(--indigo-darkest);--surface-colour-cyan-soft:var(--cyan-darkest);--surface-colour-pink-soft:var(--pink-darkest);--surface-colour-teal-soft:var(--teal-darkest);--border-primary:var(--shade-light);--border-secondary:var(--shade-dark);--border-selected:var(--tone-light);--border-action:var(--actions-light);--border-status-error:var(--errors-darker);--border-status-success:var(--success-darker);--border-status-alert:var(--alert-darker);--border-status-info:var(--information-darker);--border-status-disabled:var(--disabled-dark);--border-colour-overlay:#ffffff1a;--fill-primary:var(--tone-lighter);--fill-secondary:var(--tone-darker);--fill-white:var(--tone-lightest);--fill-action:var(--actions-lighter);--fill-highlight:var(--highlight-light);--fill-danger:var(--danger-light);--fill-status-success:var(--success-light);--fill-status-error:var(--errors-light);--fill-status-alert:var(--alert-light);--fill-status-info:var(--information-light);--fill-status-disabled:var(--disabled-dark);--gradient-stop1:var(--indigo-400);--gradient-stop2:var(--cyan-500);--gradient-stop3:var(--cyan-100)}.text-primary{color:var(--label-primary)}.text-secondary{color:var(--label-secondary)}.text-white{color:var(--label-white)}.text-action{color:var(--label-action)}.text-danger{color:var(--label-danger)}.text-success{color:var(--label-status-success)}.text-error{color:var(--label-status-error)}.text-info{color:var(--label-status-info)}.text-warning{color:var(--label-status-alert)}.text-disabled{color:var(--label-status-disabled)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.bg-success{background-color:var(--surface-status-success)}.bg-error{background-color:var(--surface-status-error)}.bg-warning{background-color:var(--surface-status-alert)}.bg-info{background-color:var(--surface-status-info)}.bg-action-soft{background-color:var(--surface-action-soft)}.bg-danger-soft{background-color:var(--surface-danger-soft)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-selected{border-color:var(--border-selected)}.border-action{border-color:var(--border-action)}.border-success{border-color:var(--border-status-success)}.border-error{border-color:var(--border-status-error)}.border-warning{border-color:var(--border-status-alert)}.border-info{border-color:var(--border-status-info)}:root{--radius-zero:0px;--radius-xs:1px;--radius-sm:2px;--radius-md:4px;--radius-reg:8px;--radius-lg:16px;--radius-xl:24px;--spacing-zero:0px;--spacing-xxs:1px;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-reg:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-super:128px;--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--color-success-fill:#2d6b18;--color-success-background:#eef9ea;--color-success-border:#c9ecbd;--color-error-fill:#cc3c35;--color-error-background:#fceceb;--color-error-border:#f5c4c2;--color-alert-fill:#fd7e14;--color-alert-background:#fcf6e7;--color-alert-border:#f6e3b4;--color-info-fill:#0e8ce2;--color-info-background:#e7f4fc;--color-info-border:#b4dbf6;--surfaces-status-background-success:var(--color-success-background);--surfaces-status-background-error:var(--color-error-background);--surfaces-status-background-alert:var(--color-alert-background);--surfaces-status-background-info:var(--color-info-background);--borders-status-border-success:var(--color-success-border);--borders-status-border-error:var(--color-error-border);--borders-status-border-alert:var(--color-alert-border);--borders-status-border-info:var(--color-info-border);--fills-status-fill-success:var(--color-success-fill);--fills-status-fill-error:var(--color-error-fill);--fills-status-fill-alert:var(--color-alert-fill);--fills-status-fill-info:var(--color-info-fill);--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.waiver-template-form-section{gap:var(--padding-reg,16px)}.waiver-template-form-group,.waiver-template-form-section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.waiver-template-form-group{gap:var(--padding-lg,24px)}.text-description{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:16px;font-style:normal;line-height:24px}.form-field{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs,4px);width:100%}.form-field__label{align-items:center;align-self:stretch;color:var(--label-primary,#121e52);display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-weight:600;gap:4px;line-height:20px;margin:0}.form-field__required{color:var(--label-status-error,#ef4444);margin-left:2px}.form-field__input{align-items:center;align-self:stretch;background-color:var(--surface-secondary,#f8f8fa);border:2px solid var(--border-primary,#e8e9ef);border-radius:var(--radius-md,4px);color:var(--label-primary,#121e52);display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);gap:8px;height:40px;line-height:var(--text-regular-line,20px);outline:none;padding:8px 10px;transition:all .2s ease;width:100%}.form-field__input::placeholder{color:var(--label-secondary,#626a90)}.form-field__input:hover:not(:disabled){border-color:var(--border-primary-hover,#d1d3de)}.form-field__input:focus{background-color:var(--surface-secondary,#f8f8fa);border-color:var(--border-selected,#6200ee)}.form-field__input--error,.form-field__input--error:focus{border-color:var(--borders-status-border-error,#ef4444)}.form-field__input:disabled{background:var(--surface-status-disabled,#f8f8fa);color:var(--label-secondary,#626a90);cursor:not-allowed;opacity:.6}.form-field__help-text{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size,15px);line-height:var(--text-regular-line,20px)}.form-field__error-text{color:var(--label-status-error,#ef4444);font-size:var(--text-xs-size,11px);line-height:var(--text-xs-line,14px)}";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import './DeleteModal.scss';
3
+ export interface DeleteModalProps {
4
+ isOpen: boolean;
5
+ onClose: () => void;
6
+ onConfirm: () => void;
7
+ title: string;
8
+ description?: string;
9
+ description_1?: string;
10
+ confirmationText: string;
11
+ confirmationPlaceholder?: string;
12
+ isDeleting?: boolean;
13
+ }
14
+ export declare const DeleteModal: React.FC<DeleteModalProps>;
15
+ //# sourceMappingURL=DeleteModal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DeleteModal.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Modal/DeleteModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,oBAAoB,CAAA;AAG3B,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkFlD,CAAA"}
@@ -0,0 +1,147 @@
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import { useState, useEffect } from 'react';
3
+ import './DeleteModal.scss.js';
4
+ import { NewInput } from '../NewInput/NewInput.js';
5
+
6
+ function _array_like_to_array(arr, len) {
7
+ if (len == null || len > arr.length) len = arr.length;
8
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
9
+ return arr2;
10
+ }
11
+ function _array_with_holes(arr) {
12
+ if (Array.isArray(arr)) return arr;
13
+ }
14
+ function _iterable_to_array_limit(arr, i) {
15
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
16
+ if (_i == null) return;
17
+ var _arr = [];
18
+ var _n = true;
19
+ var _d = false;
20
+ var _s, _e;
21
+ try {
22
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
23
+ _arr.push(_s.value);
24
+ if (i && _arr.length === i) break;
25
+ }
26
+ } catch (err) {
27
+ _d = true;
28
+ _e = err;
29
+ } finally{
30
+ try {
31
+ if (!_n && _i["return"] != null) _i["return"]();
32
+ } finally{
33
+ if (_d) throw _e;
34
+ }
35
+ }
36
+ return _arr;
37
+ }
38
+ function _non_iterable_rest() {
39
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
40
+ }
41
+ function _sliced_to_array(arr, i) {
42
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
43
+ }
44
+ function _unsupported_iterable_to_array(o, minLen) {
45
+ if (!o) return;
46
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
47
+ var n = Object.prototype.toString.call(o).slice(8, -1);
48
+ if (n === "Object" && o.constructor) n = o.constructor.name;
49
+ if (n === "Map" || n === "Set") return Array.from(n);
50
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
51
+ }
52
+ var DeleteModal = function(param) {
53
+ var isOpen = param.isOpen, onClose = param.onClose, onConfirm = param.onConfirm, title = param.title, description = param.description, description_1 = param.description_1, confirmationText = param.confirmationText, confirmationPlaceholder = param.confirmationPlaceholder, _param_isDeleting = param.isDeleting, isDeleting = _param_isDeleting === void 0 ? false : _param_isDeleting;
54
+ var _useState = _sliced_to_array(useState(''), 2), inputValue = _useState[0], setInputValue = _useState[1];
55
+ useEffect(function() {
56
+ if (!isOpen) {
57
+ setInputValue('');
58
+ }
59
+ }, [
60
+ isOpen
61
+ ]);
62
+ var handleClose = function() {
63
+ onClose();
64
+ };
65
+ var handleConfirm = function() {
66
+ if (inputValue === confirmationText) {
67
+ onConfirm();
68
+ }
69
+ };
70
+ var isConfirmDisabled = inputValue !== confirmationText || isDeleting;
71
+ if (!isOpen) return null;
72
+ return /*#__PURE__*/ jsx("div", {
73
+ className: "delete-modal-overlay",
74
+ onClick: handleClose,
75
+ children: /*#__PURE__*/ jsx("div", {
76
+ className: "delete-modal",
77
+ onClick: function(e) {
78
+ return e.stopPropagation();
79
+ },
80
+ children: /*#__PURE__*/ jsxs("div", {
81
+ className: "delete-modal__content",
82
+ children: [
83
+ /*#__PURE__*/ jsx("h2", {
84
+ className: "delete-modal__title",
85
+ children: title
86
+ }),
87
+ /*#__PURE__*/ jsxs("div", {
88
+ className: "delete-modal__description-group",
89
+ children: [
90
+ description && /*#__PURE__*/ jsx("p", {
91
+ className: "delete-modal__description",
92
+ children: description
93
+ }),
94
+ description_1 && /*#__PURE__*/ jsx("p", {
95
+ className: "delete-modal__description",
96
+ children: description_1
97
+ })
98
+ ]
99
+ }),
100
+ /*#__PURE__*/ jsxs("div", {
101
+ className: "delete-modal__confirmation",
102
+ children: [
103
+ /*#__PURE__*/ jsxs("p", {
104
+ className: "delete-modal__label",
105
+ children: [
106
+ "Type ",
107
+ /*#__PURE__*/ jsx("strong", {
108
+ children: confirmationText
109
+ }),
110
+ " to confirm deletion"
111
+ ]
112
+ }),
113
+ /*#__PURE__*/ jsx(NewInput, {
114
+ type: "text",
115
+ placeholder: confirmationPlaceholder || confirmationText,
116
+ value: inputValue,
117
+ onChange: function(e) {
118
+ return setInputValue(e.target.value);
119
+ },
120
+ autoFocus: true
121
+ })
122
+ ]
123
+ }),
124
+ /*#__PURE__*/ jsxs("div", {
125
+ className: "delete-modal__actions",
126
+ children: [
127
+ /*#__PURE__*/ jsx("button", {
128
+ className: "delete-modal__button delete-modal__button--delete",
129
+ onClick: handleConfirm,
130
+ disabled: isConfirmDisabled,
131
+ children: isDeleting ? 'Deleting...' : 'Delete'
132
+ }),
133
+ /*#__PURE__*/ jsx("button", {
134
+ className: "delete-modal__button delete-modal__button--cancel",
135
+ onClick: handleClose,
136
+ disabled: isDeleting,
137
+ children: "Cancel"
138
+ })
139
+ ]
140
+ })
141
+ ]
142
+ })
143
+ })
144
+ });
145
+ };
146
+
147
+ export { DeleteModal };
@@ -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 = ".delete-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal{animation:slideUp .2s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-family:var(--font-family-sans,\"Geist\",sans-serif);max-width:800px;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delete-modal__content{padding:48px}.delete-modal__title{color:#14215a;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:32px;font-weight:700;line-height:40px;margin:0 0 24px}.delete-modal__description-group{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.delete-modal__description{color:#626a90;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:20px;font-weight:400;line-height:28px;margin:0}.delete-modal__confirmation{margin-bottom:40px}.delete-modal__label{color:#14215a;display:block;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:20px;font-weight:600;margin-bottom:16px}.delete-modal__label strong{font-weight:700}.delete-modal__input{border:1px solid #e8e9ef;border-radius:12px;color:#14215a;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-family:inherit;font-size:20px;outline:none;padding:16px 24px;transition:all .2s ease-in-out;width:100%}.delete-modal__input::placeholder{color:#626a90;opacity:.6}.delete-modal__input:focus{border-color:#d2d5e3}.delete-modal__actions{align-items:center;display:flex;gap:16px}.delete-modal__button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-family:inherit;font-size:20px;font-weight:600;justify-content:center;min-height:64px;outline:none;padding:12px 32px;transition:all .2s ease-in-out}.delete-modal__button:disabled{cursor:not-allowed;opacity:.6}.delete-modal__button--delete{background-color:#cc3c35;color:#fff}.delete-modal__button--delete:disabled{opacity:.5}.delete-modal__button--delete:hover:not(:disabled){background-color:#b33630}.delete-modal__button--cancel{background-color:initial;border:2px solid #d2d5e3;color:var(--label-primary)}.delete-modal__button--cancel:hover:not(:disabled){background-color:var(--surface-secondary)}@media (max-width:768px){.delete-modal{max-width:90%;width:90%}.delete-modal__content{padding:32px 24px}.delete-modal__title{font-size:24px;line-height:32px;margin-bottom:16px}.delete-modal__description-group{gap:16px;margin-bottom:24px}.delete-modal__description{font-size:16px;line-height:24px}.delete-modal__confirmation{margin-bottom:32px}.delete-modal__label{font-size:16px;margin-bottom:12px}.delete-modal__actions{gap:12px}.delete-modal__button{font-size:16px;min-height:52px;padding:10px 24px}}@media (max-width:480px){.delete-modal{max-width:95%;width:95%}.delete-modal__content{padding:24px 16px}.delete-modal__title{font-size:20px;line-height:28px;margin-bottom:12px}.delete-modal__description-group{gap:12px;margin-bottom:20px}.delete-modal__description{font-size:14px;line-height:20px}.delete-modal__confirmation{margin-bottom:24px}.delete-modal__label{font-size:14px;margin-bottom:10px}.delete-modal__actions{flex-direction:column;gap:8px}.delete-modal__button{font-size:14px;min-height:48px;padding:8px 20px;width:100%}}";
4
+ styleInject(css_248z);
5
+
6
+ export { css_248z as default };
@@ -0,0 +1,3 @@
1
+ export { DeleteModal } from './DeleteModal';
2
+ export type { DeleteModalProps } from './DeleteModal';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}
@@ -6,7 +6,9 @@ type CommonInputProps = {
6
6
  helperText?: string;
7
7
  error?: string;
8
8
  icon?: ReactNode;
9
+ iconPosition?: 'left' | 'right';
9
10
  required?: boolean;
11
+ onIconClick?: () => void;
10
12
  };
11
13
  type InputProps = CommonInputProps & {
12
14
  as?: 'input';
@@ -1 +1 @@
1
- {"version":3,"file":"NewInput.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/NewInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAE,sBAAsB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAChG,OAAO,iCAAiC,CAAC;AAEzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,KAAK,UAAU,GAAG,gBAAgB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,EAAE,EAAE,UAAU,CAAC;CAChB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,CAAA;AAEtD,eAAO,MAAM,QAAQ,8GAuEpB,CAAC"}
1
+ {"version":3,"file":"NewInput.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/NewInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,mBAAmB,EAAE,sBAAsB,EAAc,SAAS,EAAC,MAAM,OAAO,CAAC;AAChG,OAAO,iCAAiC,CAAC;AAEzC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAA;AAED,KAAK,UAAU,GAAG,gBAAgB,GAAG;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEzC,KAAK,aAAa,GAAG,gBAAgB,GAAG;IACtC,EAAE,EAAE,UAAU,CAAC;CAChB,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,aAAa,CAAA;AAEtD,eAAO,MAAM,QAAQ,8GAgFpB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { forwardRef } from 'react';
2
+ import React__default, { forwardRef } from 'react';
3
3
  import '../../styles/form/NewInput.scss.js';
4
4
 
5
5
  function _define_property(obj, key, value) {
@@ -58,16 +58,19 @@ function _object_without_properties_loose(source, excluded) {
58
58
  return target;
59
59
  }
60
60
  var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
61
- var label = _param.label, optional = _param.optional, helperText = _param.helperText, error = _param.error, icon = _param.icon, _param_as = _param.as, as = _param_as === void 0 ? 'input' : _param_as; _param.required; var _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, props = _object_without_properties(_param, [
61
+ var label = _param.label, optional = _param.optional, helperText = _param.helperText, error = _param.error, icon = _param.icon, _param_iconPosition = _param.iconPosition, iconPosition = _param_iconPosition === void 0 ? 'left' : _param_iconPosition, _param_as = _param.as, as = _param_as === void 0 ? 'input' : _param_as; _param.required; var _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, onIconClick = _param.onIconClick, props = _object_without_properties(_param, [
62
62
  "label",
63
63
  "optional",
64
64
  "helperText",
65
65
  "error",
66
66
  "icon",
67
+ "iconPosition",
67
68
  "as",
68
69
  "required",
69
- "className"
70
+ "className",
71
+ "onIconClick"
70
72
  ]);
73
+ var inputRef = React__default.useRef(null);
71
74
  var isError = !!error;
72
75
  var containerClasses = [
73
76
  'new-form-input',
@@ -75,6 +78,18 @@ var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
75
78
  props.disabled ? 'new-form-input--disabled' : '',
76
79
  className
77
80
  ].filter(Boolean).join(' ');
81
+ // Merge refs
82
+ React__default.useImperativeHandle(ref, function() {
83
+ return inputRef.current;
84
+ });
85
+ var handleIconClick = function() {
86
+ if (onIconClick) {
87
+ onIconClick();
88
+ } else if (inputRef.current && props.type === 'date') {
89
+ var _inputRef_current_showPicker, _inputRef_current;
90
+ (_inputRef_current_showPicker = (_inputRef_current = inputRef.current).showPicker) === null || _inputRef_current_showPicker === void 0 ? void 0 : _inputRef_current_showPicker.call(_inputRef_current);
91
+ }
92
+ };
78
93
  var renderInput = function() {
79
94
  if (as === 'textarea') {
80
95
  return /*#__PURE__*/ jsx("textarea", _object_spread({
@@ -84,13 +99,17 @@ var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
84
99
  }
85
100
  if (icon) {
86
101
  return /*#__PURE__*/ jsxs("div", {
87
- className: "new-form-input__input-with-icon",
102
+ className: "new-form-input__input-with-icon new-form-input__input-with-icon--".concat(iconPosition),
88
103
  children: [
89
104
  /*#__PURE__*/ jsx("input", _object_spread({
90
- ref: ref
105
+ ref: inputRef
91
106
  }, props)),
92
107
  /*#__PURE__*/ jsx("div", {
93
108
  className: "icon",
109
+ onClick: handleIconClick,
110
+ style: {
111
+ cursor: onIconClick || props.type === 'date' ? 'pointer' : 'default'
112
+ },
94
113
  children: icon
95
114
  })
96
115
  ]
@@ -104,16 +123,14 @@ var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
104
123
  return /*#__PURE__*/ jsxs("div", {
105
124
  className: containerClasses,
106
125
  children: [
107
- (label || optional) && /*#__PURE__*/ jsxs("div", {
108
- className: "new-form-input__label-row",
126
+ (label || optional) && /*#__PURE__*/ jsxs("label", {
127
+ className: "new-form-input__label",
109
128
  children: [
110
- label && /*#__PURE__*/ jsx("label", {
111
- className: "new-form-input__label",
112
- children: label
113
- }),
129
+ label,
130
+ " ",
114
131
  optional && /*#__PURE__*/ jsx("span", {
115
132
  className: "new-form-input__label-optional",
116
- children: "Optional"
133
+ children: "(Optional)"
117
134
  })
118
135
  ]
119
136
  }),