@licklist/design 0.78.5-dev.73 → 0.78.5-dev.75

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.d.ts CHANGED
@@ -55,6 +55,7 @@ export * from './resource';
55
55
  export * from './virtualized';
56
56
  export * from './customers';
57
57
  export * from './striped-static-table';
58
+ export * from './radio-card';
58
59
  export * from './image-radio-input';
59
60
  export * from './sorting-select';
60
61
  export * from './date-time-button';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -214,6 +214,7 @@ export { VirtualizedWindowScroller } from './virtualized/components/VirtualizedW
214
214
  export { VirtualizedContext, VirtualizedContextProvider } from './virtualized/context/VirtualizedContext.js';
215
215
  export { CustomerFilter } from './customers/components/filter/CustomerFilter.js';
216
216
  export { StripedStaticTable } from './striped-static-table/StripedStaticTable.js';
217
+ export { RadioCard } from './radio-card/RadioCard.js';
217
218
  export { ImageRadioInput } from './image-radio-input/ImageRadioInput.js';
218
219
  export { SortingSelect } from './sorting-select/SortingSelect.js';
219
220
  export { DateTimeButton, Variant } from './date-time-button/DateTimeButton.js';
@@ -255,7 +256,6 @@ export { NewTable } from './v2/components/NewTable/NewTable.js';
255
256
  export { DataTable } from './v2/components/DataTable/DataTable.js';
256
257
  export { TableControls } from './v2/components/TableControls/TableControls.js';
257
258
  export { EmptyState } from './v2/components/EmptyState/EmptyState.js';
258
- export { RadioCard } from './v2/components/RadioCard/RadioCard.js';
259
259
  import 'react';
260
260
  import './v2/components/Tabs/Tabs.scss.js';
261
261
  export { StepIndicator } from './v2/components/StepIndicator/StepIndicator.js';
@@ -0,0 +1,64 @@
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import clsx from 'clsx';
3
+ import { Form } from 'react-bootstrap';
4
+ import { useFormContext } from 'react-hook-form';
5
+
6
+ function _define_property(obj, key, value) {
7
+ if (key in obj) {
8
+ Object.defineProperty(obj, key, {
9
+ value: value,
10
+ enumerable: true,
11
+ configurable: true,
12
+ writable: true
13
+ });
14
+ } else {
15
+ obj[key] = value;
16
+ }
17
+ return obj;
18
+ }
19
+ function _object_spread(target) {
20
+ for(var i = 1; i < arguments.length; i++){
21
+ var source = arguments[i] != null ? arguments[i] : {};
22
+ var ownKeys = Object.keys(source);
23
+ if (typeof Object.getOwnPropertySymbols === "function") {
24
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
25
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
26
+ }));
27
+ }
28
+ ownKeys.forEach(function(key) {
29
+ _define_property(target, key, source[key]);
30
+ });
31
+ }
32
+ return target;
33
+ }
34
+ var RadioCard = function(param) {
35
+ var label = param.label, description = param.description, name = param.name, value = param.value, rules = param.rules, inputProps = param.inputProps;
36
+ var _useFormContext = useFormContext(), register = _useFormContext.register, errors = _useFormContext.formState.errors;
37
+ var isInvalid = !!errors[name] || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.isInvalid);
38
+ return /*#__PURE__*/ jsx(Form.Check, {
39
+ className: clsx('radio-card', isInvalid && 'invalid'),
40
+ children: /*#__PURE__*/ jsxs(Form.Check.Label, {
41
+ children: [
42
+ /*#__PURE__*/ jsxs("div", {
43
+ className: "radio-card-controls",
44
+ children: [
45
+ /*#__PURE__*/ jsx(Form.Check.Input, _object_spread({
46
+ type: "radio",
47
+ isInvalid: isInvalid,
48
+ value: value
49
+ }, register(name, rules), inputProps)),
50
+ /*#__PURE__*/ jsx("span", {
51
+ children: label
52
+ })
53
+ ]
54
+ }),
55
+ /*#__PURE__*/ jsx("p", {
56
+ className: "radio-card-description",
57
+ children: description
58
+ })
59
+ ]
60
+ })
61
+ });
62
+ };
63
+
64
+ export { RadioCard };
@@ -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;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;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 };
@@ -12,8 +12,6 @@ export { TableControls } from './TableControls';
12
12
  export type { TableControlsProps, TableSearchConfig, TableFilterConfig, TableHeaderAction } from './TableControls';
13
13
  export { EmptyState } from './EmptyState';
14
14
  export type { EmptyStateProps } from './EmptyState';
15
- export { RadioCard } from './RadioCard';
16
- export type { RadioCardProps, RadioCardOption } from './RadioCard';
17
15
  export { Tabs } from './Tabs';
18
16
  export type { TabsProps, TabItem } from './Tabs';
19
17
  export { StepIndicator } from './StepIndicator';
@@ -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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"}
@@ -13,7 +13,6 @@ import '../../../components/ActionMenu/ActionMenu.scss.js';
13
13
  import '../../../components/DataTable/DataTable.scss.js';
14
14
  import '../../../components/TableControls/TableControls.scss.js';
15
15
  import '../../../components/EmptyState/EmptyState.scss.js';
16
- import '../../../components/RadioCard/RadioCard.scss.js';
17
16
  import '../../../components/Tabs/Tabs.scss.js';
18
17
  import '../../../components/StepIndicator/StepIndicator.scss.js';
19
18
  import '../../../components/AvatarUpload/AvatarUpload.scss.js';
@@ -10,7 +10,6 @@ import '../../../components/ActionMenu/ActionMenu.scss.js';
10
10
  import '../../../components/DataTable/DataTable.scss.js';
11
11
  import '../../../components/TableControls/TableControls.scss.js';
12
12
  import '../../../components/EmptyState/EmptyState.scss.js';
13
- import '../../../components/RadioCard/RadioCard.scss.js';
14
13
  import '../../../components/Tabs/Tabs.scss.js';
15
14
  import '../../../components/StepIndicator/StepIndicator.scss.js';
16
15
  import '../../../components/AvatarUpload/AvatarUpload.scss.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.78.5-dev.73",
3
+ "version": "0.78.5-dev.75",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -64,7 +64,7 @@
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.21",
67
+ "@licklist/core": "0.36.1-dev.22",
68
68
  "@licklist/eslint-config": "0.5.6",
69
69
  "@licklist/plugins": "0.36.4-dev.13",
70
70
  "@mantine/core": "6.0.22",
package/src/index.ts CHANGED
@@ -55,6 +55,7 @@ export * from './resource'
55
55
  export * from './virtualized'
56
56
  export * from './customers'
57
57
  export * from './striped-static-table'
58
+ export * from './radio-card'
58
59
  export * from './image-radio-input'
59
60
  export * from './sorting-select'
60
61
  export * from './date-time-button'
@@ -1,26 +1,39 @@
1
1
  .customer-detail {
2
2
  padding: 40px;
3
- background-color: #fff;
3
+ background-color: var(--neutral-25);
4
4
  min-height: 100vh;
5
5
  font-family: var(--font-family-sans, 'Geist', sans-serif);
6
6
 
7
7
  &__back {
8
- color: #6200EE;
9
- font-weight: 500;
10
- cursor: pointer;
11
8
  margin-bottom: 30px;
12
9
  display: inline-flex;
13
10
  align-items: center;
14
11
  gap: 8px;
15
- font-size: 14px;
16
12
  padding: 8px 16px;
17
13
  border-radius: 8px;
14
+ border: 1px solid var(--border-primary);
15
+ background: transparent;
16
+ color: var(--purple-500);
17
+ font-weight: 500;
18
+ font-size: 14px;
19
+ cursor: pointer;
18
20
  transition: all 0.2s ease;
19
- border: 1px solid transparent;
21
+
22
+ svg {
23
+ width: 24px;
24
+ height: 24px;
25
+ color: var(--purple-500);
26
+ }
27
+
28
+ span {
29
+ color: var(--purple-500);
30
+ font-weight: 500;
31
+ font-size: 14px;
32
+ }
20
33
 
21
34
  &:hover {
22
- background-color: #F3E5FF;
23
- border: 1px solid #E0C7FF;
35
+ background-color: var(--surface-action-soft);
36
+ border: 1px solid var(--border-primary);
24
37
  }
25
38
  }
26
39
 
@@ -28,110 +41,119 @@
28
41
  margin-bottom: 40px;
29
42
  }
30
43
 
31
- &__name {
32
- font-size: 32px;
33
- font-weight: 700;
34
- color: #121E52;
35
- margin: 0 0 16px 0;
36
- }
37
-
38
- &__badges-row {
39
- display: flex;
40
- justify-content: space-between;
41
- align-items: center;
44
+ &__summary-row {
45
+ display: grid;
46
+ grid-template-columns: repeat(4, 1fr);
47
+ gap: 24px;
48
+ margin-bottom: 32px;
42
49
  }
43
50
 
44
- &__badges {
51
+ &__summary-card {
52
+ background: var(--surface-secondary);
53
+ border: 1px solid var(--tone-light);
54
+ border-radius: 12px;
55
+ padding: 24px;
45
56
  display: flex;
46
- gap: 12px;
47
- align-items: center;
48
- }
49
-
50
- &__id-badge {
51
- background-color: #F4F5F9;
52
- color: #121E52;
53
- padding: 4px 12px;
54
- border-radius: 100px;
55
- font-size: 12px;
56
- font-weight: 600;
57
- border: 1px solid #E2E4ED;
58
- }
59
-
60
- &__edit {
61
- display: inline-flex;
62
- align-items: center;
57
+ flex-direction: column;
63
58
  gap: 8px;
64
- color: #121E52;
65
- font-weight: 600;
66
- cursor: pointer;
67
- font-size: 14px;
68
- padding: 8px 16px;
69
- border-radius: 8px;
70
- transition: all 0.2s ease;
71
- border: 1px solid transparent;
72
59
 
73
- &:hover {
74
- background-color: #E8EAF0;
75
- border: 1px solid #D1D5E0;
60
+ label {
61
+ font-size: 14px;
62
+ font-weight: 600;
63
+ color: var(--label-secondary);
64
+ margin: 0;
76
65
  }
77
66
  }
78
67
 
79
- &__grid {
80
- display: grid;
81
- grid-template-columns: 1fr 1fr;
82
- gap: 24px;
83
- margin-bottom: 24px;
68
+ &__summary-value {
69
+ font-size: 28px;
70
+ font-weight: 700;
71
+ color: var(--label-primary);
84
72
  }
85
73
 
86
74
  &__card {
87
- background: #FFFFFF;
88
- border: 1px solid #E2E4ED;
75
+ background: var(--surface-primary);
76
+ border: 1px solid var(--border-primary);
89
77
  border-radius: 12px;
90
- padding: 24px;
78
+ padding: 32px;
79
+ margin-bottom: 24px;
80
+
81
+ &--details {
82
+ margin-bottom: 32px;
83
+ }
91
84
 
92
85
  &--full {
93
86
  grid-column: 1 / -1;
94
87
  }
95
88
  }
96
89
 
90
+ &__card-header {
91
+ display: flex;
92
+ justify-content: space-between;
93
+ align-items: flex-start;
94
+ margin-bottom: 32px;
95
+ }
96
+
97
97
  &__card-title {
98
- font-size: 18px;
98
+ font-size: 20px;
99
99
  font-weight: 700;
100
- color: #121E52;
101
- margin: 0 0 24px 0;
100
+ color: var(--label-primary);
101
+ margin: 0;
102
+ }
103
+
104
+ &__grid {
105
+ display: grid;
106
+ grid-template-columns: 1fr 1fr;
107
+ column-gap: 64px;
108
+ row-gap: 24px;
102
109
  }
103
110
 
104
111
  &__info-group {
105
112
  display: flex;
106
113
  flex-direction: column;
107
114
  gap: 4px;
108
- margin-bottom: 16px;
109
-
110
- &:last-child {
111
- margin-bottom: 0;
112
- }
113
115
 
114
116
  label {
115
117
  font-size: 12px;
116
- color: #9399B3;
117
- margin: 0;
118
+ font-weight: 600;
119
+ color: var(--label-secondary);
120
+ margin: 2px;
121
+ text-transform: none;
118
122
  }
119
123
 
120
124
  span {
121
- font-size: 14px;
122
- font-weight: 500;
125
+ font-size: 15px;
126
+ font-weight: 600;
127
+ color: var(--label-primary);
123
128
  display: inline-flex;
124
129
  align-items: center;
125
130
  }
126
131
  }
127
132
 
133
+ &__edit {
134
+ display: inline-flex;
135
+ align-items: center;
136
+ gap: 8px;
137
+ color: var(--label-primary);
138
+ font-weight: 600;
139
+ cursor: pointer;
140
+ font-size: 14px;
141
+ padding: 8px 16px;
142
+ border-radius: 8px;
143
+ transition: all 0.2s ease;
144
+ border: 1px solid var(--border-primary);
145
+
146
+ &:hover {
147
+ background-color: var(--surface-tertiary);
148
+ }
149
+ }
128
150
 
129
151
  &__minor-row {
130
152
  display: flex;
131
153
  justify-content: space-between;
132
154
  align-items: center;
133
155
  padding: 16px 0;
134
- border-bottom: 1px solid #F4F5F9;
156
+ border-bottom: 1px solid var(--surface-tertiary);
135
157
 
136
158
  &:last-child {
137
159
  border-bottom: none;
@@ -152,12 +174,12 @@
152
174
  &__minor-name {
153
175
  font-size: 14px;
154
176
  font-weight: 600;
155
- color: #121E52;
177
+ color: var(--label-primary);
156
178
  }
157
179
 
158
180
  &__minor-age {
159
181
  font-size: 12px;
160
- color: #9399B3;
182
+ color: var(--label-secondary);
161
183
  }
162
184
 
163
185
  &__minor-status-group {
@@ -168,151 +190,45 @@
168
190
 
169
191
  &__minor-expires {
170
192
  font-size: 12px;
171
- color: #9399B3;
193
+ color: var(--label-secondary);
172
194
  }
195
+ }
173
196
 
174
- &__footer {
175
- margin-top: 40px;
176
- font-size: 12px;
177
- color: #9399B3;
197
+ // Mobile styles
198
+ @media (max-width: 1024px) {
199
+ .customer-detail {
200
+ &__summary-row {
201
+ grid-template-columns: 1fr 1fr;
202
+ }
178
203
  }
179
204
  }
180
205
 
181
- // Mobile styles
182
206
  @media (max-width: 768px) {
183
207
  .customer-detail {
184
208
  padding: 20px 16px;
185
209
 
186
- &__back {
187
- font-size: 13px;
188
- padding: 6px 12px;
189
- margin-bottom: 20px;
190
- }
191
-
192
- &__header {
193
- margin-bottom: 24px;
194
- }
195
-
196
- &__name {
197
- font-size: 24px;
198
- margin-bottom: 12px;
199
- }
200
-
201
- &__badges-row {
202
- flex-direction: row;
203
- justify-content: space-between;
204
- align-items: center;
205
- gap: 12px;
206
- width: 100%;
207
- }
208
-
209
- &__badges {
210
- flex-wrap: wrap;
211
- flex: 1;
212
- }
213
-
214
- &__id-badge {
215
- font-size: 11px;
216
- padding: 3px 10px;
217
- }
218
-
219
- &__edit {
220
- font-size: 13px;
221
- padding: 6px 12px;
222
- align-self: center;
223
- margin-left: auto;
210
+ &__summary-row {
211
+ grid-template-columns: 1fr;
212
+ gap: 16px;
224
213
  }
225
214
 
226
215
  &__grid {
227
216
  grid-template-columns: 1fr;
228
- gap: 16px;
229
- margin-bottom: 16px;
217
+ row-gap: 16px;
230
218
  }
231
219
 
232
220
  &__card {
233
- padding: 20px;
234
-
235
- &--full {
236
- grid-column: 1;
237
- }
238
- }
239
-
240
- &__card-title {
241
- font-size: 16px;
242
- margin-bottom: 16px;
243
- }
244
-
245
- &__info-group {
246
- margin-bottom: 14px;
247
-
248
- label {
249
- font-size: 11px;
250
- }
251
-
252
- span {
253
- font-size: 13px;
254
- }
255
- }
256
-
257
- &__minor-row {
258
- flex-direction: column;
259
- align-items: flex-start;
260
- gap: 12px;
261
- padding: 12px 0;
262
- }
263
-
264
- &__minor-name {
265
- font-size: 13px;
266
- }
267
-
268
- &__minor-age,
269
- &__minor-expires {
270
- font-size: 11px;
221
+ padding: 24px;
271
222
  }
272
223
 
273
224
  &__minor-status-group {
274
- width: 100%;
275
- justify-content: space-between;
276
- }
277
-
278
- &__footer {
279
- margin-top: 24px;
280
- font-size: 11px;
281
- }
282
- }
283
- }
284
-
285
- // Extra small mobile devices
286
- @media (max-width: 480px) {
287
- .customer-detail {
288
- padding: 16px 12px;
289
-
290
- &__back {
291
- font-size: 12px;
292
- padding: 4px 8px;
293
- margin-bottom: 16px;
294
- }
295
-
296
- &__name {
297
- font-size: 20px;
298
- }
299
-
300
- &__card {
301
- padding: 16px;
302
- border-radius: 8px;
303
- }
304
-
305
- &__card-title {
306
- font-size: 15px;
307
- margin-bottom: 12px;
308
- }
309
-
310
- &__badges {
225
+ flex-direction: column;
226
+ align-items: flex-end;
311
227
  gap: 8px;
312
228
  }
313
229
 
314
- &__minor-row {
315
- padding: 10px 0;
230
+ &__minor-expires {
231
+ order: 2;
316
232
  }
317
233
  }
318
234
  }
@@ -178,17 +178,18 @@
178
178
  // Cells styling (usually specific to the table in this page)
179
179
  .entity-cell {
180
180
  &__name {
181
+ font-size: 15px;
181
182
  font-weight: 600;
182
- color: #121E52;
183
+ color: var(--label-primary);
183
184
  }
184
185
  &__sub {
185
186
  font-size: 13px;
186
- color: #9399B3;
187
+ color: var(--label-secondary);
187
188
  display: block !important;
188
189
  }
189
190
  &__id {
190
191
  font-size: 13px;
191
- color: #9399B3;
192
+ color: var(--label-secondary);
192
193
  display: none !important;
193
194
  }
194
195
 
@@ -12,6 +12,7 @@
12
12
  width: 100%;
13
13
  border-collapse: collapse;
14
14
  text-align: left;
15
+ table-layout: fixed;
15
16
 
16
17
  &__head {
17
18
  background-color: var(--surface-secondary, #F8F8FA);
@@ -19,8 +19,6 @@ export type { TableControlsProps, TableSearchConfig, TableFilterConfig, TableHea
19
19
  export { EmptyState } from './EmptyState'
20
20
  export type { EmptyStateProps } from './EmptyState'
21
21
 
22
- export { RadioCard } from './RadioCard'
23
- export type { RadioCardProps, RadioCardOption } from './RadioCard'
24
22
 
25
23
  export { Tabs } from './Tabs'
26
24
  export type { TabsProps, TabItem } from './Tabs'
@@ -1,58 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import 'react';
3
- import './RadioCard.scss.js';
4
-
5
- var RadioCard = function(param) {
6
- var options = param.options, value = param.value, onChange = param.onChange, name = param.name, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
7
- return /*#__PURE__*/ jsx("div", {
8
- className: "radio-card ".concat(className),
9
- children: options.map(function(option) {
10
- var isSelected = option.value === value;
11
- var _option_disabled;
12
- var isDisabled = (_option_disabled = option.disabled) !== null && _option_disabled !== void 0 ? _option_disabled : false;
13
- var optionClass = [
14
- 'radio-card__option',
15
- isSelected ? 'radio-card__option--selected' : '',
16
- isDisabled ? 'radio-card__option--disabled' : ''
17
- ].filter(Boolean).join(' ');
18
- var radioClass = [
19
- 'radio-card__radio',
20
- isSelected ? 'radio-card__radio--selected' : ''
21
- ].filter(Boolean).join(' ');
22
- return /*#__PURE__*/ jsxs("label", {
23
- className: optionClass,
24
- children: [
25
- /*#__PURE__*/ jsx("input", {
26
- type: "radio",
27
- name: name,
28
- value: option.value,
29
- checked: isSelected,
30
- disabled: isDisabled,
31
- onChange: function() {
32
- return !isDisabled && onChange(option.value);
33
- },
34
- className: "radio-card__radio-input"
35
- }),
36
- /*#__PURE__*/ jsx("div", {
37
- className: radioClass
38
- }),
39
- /*#__PURE__*/ jsxs("div", {
40
- className: "radio-card__text",
41
- children: [
42
- /*#__PURE__*/ jsx("span", {
43
- className: "radio-card__label",
44
- children: option.label
45
- }),
46
- option.description && /*#__PURE__*/ jsx("span", {
47
- className: "radio-card__description",
48
- children: option.description
49
- })
50
- ]
51
- })
52
- ]
53
- }, option.value);
54
- })
55
- });
56
- };
57
-
58
- export { RadioCard };
@@ -1,6 +0,0 @@
1
- import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
2
-
3
- var css_248z = ".radio-card{display:flex;flex-direction:column;gap:8px}.radio-card__option{align-items:flex-start;background:var(--surface-primary,#fff);border:1.5px solid var(--border-primary,#e8e9ef);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s}.radio-card__option--selected{background:var(--surface-action-soft,#f3e8ff);border-color:var(--border-selected,#6200ee)}.radio-card__option--disabled{cursor:not-allowed;opacity:.5}.radio-card__radio-input{height:0;opacity:0;position:absolute;width:0}.radio-card__radio{align-items:center;border:1.5px solid var(--border-primary,#e8e9ef);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:2px;width:18px}.radio-card__radio--selected{border-color:var(--border-selected,#6200ee)}.radio-card__radio--selected:after{background:var(--border-selected,#6200ee);border-radius:50%;content:\"\";height:8px;width:8px}.radio-card__text{flex:1}.radio-card__label{color:var(--label-primary,#121e52);display:block;font-size:14px;font-weight:600}.radio-card__description{color:var(--label-secondary,#626a90);display:block;font-size:13px;margin-top:2px}";
4
- styleInject(css_248z);
5
-
6
- export { css_248z as default };