@ultraviolet/ui 1.54.0 → 1.55.0
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.
|
@@ -8,36 +8,40 @@ const index$1 = require("../Tooltip/index.cjs");
|
|
|
8
8
|
const FocusOverlay = require("./FocusOverlay.cjs");
|
|
9
9
|
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
10
10
|
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
11
|
-
const
|
|
11
|
+
const SIZES = {
|
|
12
|
+
small: 40,
|
|
13
|
+
medium: 48
|
|
14
|
+
};
|
|
15
|
+
const StyledSelectableCard = /* @__PURE__ */ _styled__default.default(index.SelectableCard, process.env.NODE_ENV === "production" ? {
|
|
12
16
|
target: "e4ryteh1"
|
|
13
17
|
} : {
|
|
14
18
|
target: "e4ryteh1",
|
|
15
|
-
label: "
|
|
16
|
-
})("border:
|
|
19
|
+
label: "StyledSelectableCard"
|
|
20
|
+
})("border:none;padding:", ({
|
|
17
21
|
theme
|
|
18
|
-
}) => theme.
|
|
22
|
+
}) => theme.space["1"], " ", ({
|
|
19
23
|
theme
|
|
20
|
-
}) => theme.
|
|
24
|
+
}) => theme.space["2"], ";font-weight:", ({
|
|
21
25
|
theme
|
|
22
|
-
}) => theme.
|
|
26
|
+
}) => theme.typography.bodyStrong.weight, ";justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;&:hover,&:focus-within,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}&[data-checked='true'] label{color:", ({
|
|
23
27
|
theme
|
|
24
|
-
}) => theme.
|
|
25
|
-
|
|
28
|
+
}) => theme.colors.primary.textStrong, ";}&:not([data-checked='true']) label{&:hover{color:", ({
|
|
29
|
+
theme
|
|
30
|
+
}) => theme.colors.primary.text, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW1EIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ2hhbmdlRXZlbnQsIENoYW5nZUV2ZW50SGFuZGxlciwgRm9jdXNFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgRm9jdXNPdmVybGF5IH0gZnJvbSAnLi9Gb2N1c092ZXJsYXknXG5cbmNvbnN0IFNJWkVTID0ge1xuICBzbWFsbDogNDAsXG4gIG1lZGl1bTogNDgsXG59XG5cbmNvbnN0IFN0eWxlZFNlbGVjdGFibGVDYXJkID0gc3R5bGVkKFNlbGVjdGFibGVDYXJkKWBcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVN0cm9uZy53ZWlnaHR9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2UtaW4tb3V0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmFjdGl2ZSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgJjpub3QoW2RhdGEtZXJyb3I9J3RydWUnXVtkYXRhLWRpc2FibGVkPSd0cnVlJ10pIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRCb3JkZXJlZEJveCA9IHN0eWxlZC5kaXY8eyAnZGF0YS1zaXplJzogJ3NtYWxsJyB8ICdtZWRpdW0nIH0+YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJltkYXRhLXNpemU9J3NtYWxsJ10ge1xuICAgICYgPiAke1N0eWxlZFNlbGVjdGFibGVDYXJkfSB7XG4gICAgICBoZWlnaHQ6ICR7U0laRVMuc21hbGx9cHg7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J21lZGl1bSddIHtcbiAgICAmID4gJHtTdHlsZWRTZWxlY3RhYmxlQ2FyZH0ge1xuICAgICAgaGVpZ2h0OiAke1NJWkVTLm1lZGl1bX1weDtcbiAgICB9XG4gIH1cbmBcbnR5cGUgU3dpdGNoQnV0dG9uUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZ1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlclxuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyXG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlclxuICB0b29sdGlwPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyXG4gIGxlZnRCdXR0b246IHtcbiAgICBsYWJlbDogc3RyaW5nXG4gICAgdmFsdWU6IHN0cmluZ1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICB9XG4gIHJpZ2h0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nXG59XG5cbi8qKlxuICogU3dpdGNoQnV0dG9uIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHRoZSB1c2VyIHRvIHNlbGVjdCBiZXR3ZWVuIHR3byBvcHRpb25zLlxuICovXG5leHBvcnQgY29uc3QgU3dpdGNoQnV0dG9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIG5hbWUsXG4gIGxlZnRCdXR0b24sXG4gIHJpZ2h0QnV0dG9uLFxuICBzaXplID0gJ3NtYWxsJyxcbiAgdG9vbHRpcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGVmdEJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgcmlnaHRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtsZWZ0Q2FyZFdpZHRoLCBzZXRMZWZ0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbcmlnaHRDYXJkV2lkdGgsIHNldFJpZ2h0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbaGFzTW91c2VEb3duLCBzZXRIYXNNb3VzZURvd25dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW2xvY2FsVmFsdWUsIHNldExvY2FsVmFsdWVdID0gdXNlU3RhdGUoXG4gICAgdmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyBsZWZ0QnV0dG9uLnZhbHVlIDogcmlnaHRCdXR0b24udmFsdWUsXG4gIClcbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudClcbiAgICBzZXRMb2NhbFZhbHVlKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFsZWZ0QnV0dG9uUmVmLmN1cnJlbnQgfHwgIXJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQpIHJldHVyblxuICAgIHNldExlZnRDYXJkV2lkdGgobGVmdEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICAgIHNldFJpZ2h0Q2FyZFdpZHRoKHJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgpXG4gIH0sIFtsZWZ0QnV0dG9uLnZhbHVlLCBsZWZ0QnV0dG9uUmVmLCBsb2NhbFZhbHVlLCByaWdodEJ1dHRvblJlZl0pXG5cbiAgY29uc3Qgc2V0TW91c2VEb3duID0gKGlzTW91c2VEb3duOiBib29sZWFuKSA9PiAoKSA9PlxuICAgIHNldEhhc01vdXNlRG93bihpc01vdXNlRG93bilcblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e3Rvb2x0aXB9PlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17eyBkaXNwbGF5OiAnaW5saW5lLWZsZXgnIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgb25Nb3VzZURvd249e3NldE1vdXNlRG93bih0cnVlKX1cbiAgICAgICAgICBvbk1vdXNlVXA9e3NldE1vdXNlRG93bihmYWxzZSl9XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtyaWdodENhcmRXaWR0aCAmJiBsZWZ0Q2FyZFdpZHRoID8gKFxuICAgICAgICAgICAgPEZvY3VzT3ZlcmxheVxuICAgICAgICAgICAgICBmb2N1c1Bvc2l0aW9uPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gJ2xlZnQnIDogJ3JpZ2h0J31cbiAgICAgICAgICAgICAgcmlnaHRDYXJkV2lkdGg9e3JpZ2h0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBsZWZ0Q2FyZFdpZHRoPXtsZWZ0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBoYXNNb3VzZURvd249e2hhc01vdXNlRG93bn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e2xlZnRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e2xlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e2xlZnRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWxlZnRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e3JpZ2h0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtyaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtyaWdodEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tcmlnaHRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L1Rvb2x0aXA+XG4gIClcbn1cbiJdfQ== */"));
|
|
31
|
+
const StyledBorderedBox = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
26
32
|
target: "e4ryteh0"
|
|
27
33
|
} : {
|
|
28
34
|
target: "e4ryteh0",
|
|
29
|
-
label: "
|
|
30
|
-
})("border:
|
|
31
|
-
theme
|
|
32
|
-
}) => theme.space["1"], " ", ({
|
|
35
|
+
label: "StyledBorderedBox"
|
|
36
|
+
})("border:1px solid ", ({
|
|
33
37
|
theme
|
|
34
|
-
}) => theme.
|
|
38
|
+
}) => theme.colors.neutral.border, ";border-radius:", ({
|
|
35
39
|
theme
|
|
36
|
-
}) => theme.
|
|
40
|
+
}) => theme.radii.default, ";padding:", ({
|
|
37
41
|
theme
|
|
38
|
-
}) => theme.
|
|
42
|
+
}) => theme.space["0.5"], ";display:flex;gap:", ({
|
|
39
43
|
theme
|
|
40
|
-
}) => theme.
|
|
44
|
+
}) => theme.space["1"], ";position:relative;&[data-size='small']{&>", StyledSelectableCard, "{height:", SIZES.small, "px;}}&[data-size='medium']{&>", StyledSelectableCard, "{height:", SIZES.medium, "px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENoYW5nZUV2ZW50LCBDaGFuZ2VFdmVudEhhbmRsZXIsIEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNlbGVjdGFibGVDYXJkIH0gZnJvbSAnLi4vU2VsZWN0YWJsZUNhcmQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IEZvY3VzT3ZlcmxheSB9IGZyb20gJy4vRm9jdXNPdmVybGF5J1xuXG5jb25zdCBTSVpFUyA9IHtcbiAgc21hbGw6IDQwLFxuICBtZWRpdW06IDQ4LFxufVxuXG5jb25zdCBTdHlsZWRTZWxlY3RhYmxlQ2FyZCA9IHN0eWxlZChTZWxlY3RhYmxlQ2FyZClgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbixcbiAgJjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgICY6bm90KFtkYXRhLWVycm9yPSd0cnVlJ11bZGF0YS1kaXNhYmxlZD0ndHJ1ZSddKSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSBsYWJlbCB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dFN0cm9uZ307XG4gIH1cblxuICAmOm5vdChbZGF0YS1jaGVja2VkPSd0cnVlJ10pIGxhYmVsIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHR9O1xuICAgIH1cbiAgfVxuYFxuY29uc3QgU3R5bGVkQm9yZGVyZWRCb3ggPSBzdHlsZWQuZGl2PHsgJ2RhdGEtc2l6ZSc6ICdzbWFsbCcgfCAnbWVkaXVtJyB9PmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICZbZGF0YS1zaXplPSdzbWFsbCddIHtcbiAgICAmID4gJHtTdHlsZWRTZWxlY3RhYmxlQ2FyZH0ge1xuICAgICAgaGVpZ2h0OiAke1NJWkVTLnNtYWxsfXB4O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdtZWRpdW0nXSB7XG4gICAgJiA+ICR7U3R5bGVkU2VsZWN0YWJsZUNhcmR9IHtcbiAgICAgIGhlaWdodDogJHtTSVpFUy5tZWRpdW19cHg7XG4gICAgfVxuICB9XG5gXG50eXBlIFN3aXRjaEJ1dHRvblByb3BzID0ge1xuICBuYW1lOiBzdHJpbmdcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgb25DaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlclxuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgdG9vbHRpcD86IHN0cmluZ1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlclxuICBsZWZ0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICByaWdodEJ1dHRvbjoge1xuICAgIGxhYmVsOiBzdHJpbmdcbiAgICB2YWx1ZTogc3RyaW5nXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH1cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBsZWZ0QnV0dG9uLFxuICByaWdodEJ1dHRvbixcbiAgc2l6ZSA9ICdzbWFsbCcsXG4gIHRvb2x0aXAsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN3aXRjaEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IGxlZnRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHJpZ2h0QnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbbGVmdENhcmRXaWR0aCwgc2V0TGVmdENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW3JpZ2h0Q2FyZFdpZHRoLCBzZXRSaWdodENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW2hhc01vdXNlRG93biwgc2V0SGFzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlKFxuICAgIHZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gbGVmdEJ1dHRvbi52YWx1ZSA6IHJpZ2h0QnV0dG9uLnZhbHVlLFxuICApXG4gIGNvbnN0IGhhbmRsZU9uQ2hhbmdlID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQpXG4gICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbGVmdEJ1dHRvblJlZi5jdXJyZW50IHx8ICFyaWdodEJ1dHRvblJlZi5jdXJyZW50KSByZXR1cm5cbiAgICBzZXRMZWZ0Q2FyZFdpZHRoKGxlZnRCdXR0b25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICBzZXRSaWdodENhcmRXaWR0aChyaWdodEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICB9LCBbbGVmdEJ1dHRvbi52YWx1ZSwgbGVmdEJ1dHRvblJlZiwgbG9jYWxWYWx1ZSwgcmlnaHRCdXR0b25SZWZdKVxuXG4gIGNvbnN0IHNldE1vdXNlRG93biA9IChpc01vdXNlRG93bjogYm9vbGVhbikgPT4gKCkgPT5cbiAgICBzZXRIYXNNb3VzZURvd24oaXNNb3VzZURvd24pXG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JyB9fVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRCb3JkZXJlZEJveFxuICAgICAgICAgIG9uTW91c2VEb3duPXtzZXRNb3VzZURvd24odHJ1ZSl9XG4gICAgICAgICAgb25Nb3VzZVVwPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17c2V0TW91c2VEb3duKGZhbHNlKX1cbiAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmlnaHRDYXJkV2lkdGggJiYgbGVmdENhcmRXaWR0aCA/IChcbiAgICAgICAgICAgIDxGb2N1c092ZXJsYXlcbiAgICAgICAgICAgICAgZm9jdXNQb3NpdGlvbj17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZSA/ICdsZWZ0JyA6ICdyaWdodCd9XG4gICAgICAgICAgICAgIHJpZ2h0Q2FyZFdpZHRoPXtyaWdodENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgbGVmdENhcmRXaWR0aD17bGVmdENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgaGFzTW91c2VEb3duPXtoYXNNb3VzZURvd259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtsZWZ0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtsZWZ0QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1sZWZ0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtyaWdodEJ1dHRvblJlZn1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17cmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gcmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBsYWJlbD17cmlnaHRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LXJpZ2h0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEJvcmRlcmVkQm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */"));
|
|
41
45
|
const SwitchButton = ({
|
|
42
46
|
value,
|
|
43
47
|
onChange,
|
|
@@ -46,6 +50,7 @@ const SwitchButton = ({
|
|
|
46
50
|
name,
|
|
47
51
|
leftButton,
|
|
48
52
|
rightButton,
|
|
53
|
+
size = "small",
|
|
49
54
|
tooltip,
|
|
50
55
|
className,
|
|
51
56
|
"data-testid": dataTestId
|
|
@@ -69,7 +74,7 @@ const SwitchButton = ({
|
|
|
69
74
|
const setMouseDown = (isMouseDown) => () => setHasMouseDown(isMouseDown);
|
|
70
75
|
return /* @__PURE__ */ jsxRuntime.jsx(index$1.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
|
|
71
76
|
display: "inline-flex"
|
|
72
|
-
}, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledBorderedBox, { onMouseDown: setMouseDown(true), onMouseUp: setMouseDown(false), onMouseLeave: setMouseDown(false), children: [
|
|
77
|
+
}, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledBorderedBox, { onMouseDown: setMouseDown(true), onMouseUp: setMouseDown(false), onMouseLeave: setMouseDown(false), "data-size": size, children: [
|
|
73
78
|
rightCardWidth && leftCardWidth ? /* @__PURE__ */ jsxRuntime.jsx(FocusOverlay.FocusOverlay, { focusPosition: localValue === leftButton.value ? "left" : "right", rightCardWidth, leftCardWidth, hasMouseDown }) : null,
|
|
74
79
|
/* @__PURE__ */ jsxRuntime.jsx(StyledSelectableCard, { ref: leftButtonRef, name, value: leftButton.value, checked: localValue === leftButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === leftButton.value, label: leftButton.label, "data-testid": dataTestId ? `${dataTestId}-left` : void 0 }),
|
|
75
80
|
/* @__PURE__ */ jsxRuntime.jsx(StyledSelectableCard, { ref: rightButtonRef, name, value: rightButton.value, checked: localValue === rightButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === rightButton.value, label: rightButton.label, "data-testid": dataTestId ? `${dataTestId}-right` : void 0 })
|
|
@@ -18,9 +18,10 @@ type SwitchButtonProps = {
|
|
|
18
18
|
};
|
|
19
19
|
className?: string;
|
|
20
20
|
'data-testid'?: string;
|
|
21
|
+
size?: 'small' | 'medium';
|
|
21
22
|
};
|
|
22
23
|
/**
|
|
23
24
|
* SwitchButton is a component that allows the user to select between two options.
|
|
24
25
|
*/
|
|
25
|
-
export declare const SwitchButton: ({ value, onChange, onFocus, onBlur, name, leftButton, rightButton, tooltip, className, "data-testid": dataTestId, }: SwitchButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare const SwitchButton: ({ value, onChange, onFocus, onBlur, name, leftButton, rightButton, size, tooltip, className, "data-testid": dataTestId, }: SwitchButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
26
27
|
export {};
|
|
@@ -4,36 +4,40 @@ import { useRef, useState, useEffect } from "react";
|
|
|
4
4
|
import { SelectableCard } from "../SelectableCard/index.js";
|
|
5
5
|
import { Tooltip } from "../Tooltip/index.js";
|
|
6
6
|
import { FocusOverlay } from "./FocusOverlay.js";
|
|
7
|
-
const
|
|
7
|
+
const SIZES = {
|
|
8
|
+
small: 40,
|
|
9
|
+
medium: 48
|
|
10
|
+
};
|
|
11
|
+
const StyledSelectableCard = /* @__PURE__ */ _styled(SelectableCard, process.env.NODE_ENV === "production" ? {
|
|
8
12
|
target: "e4ryteh1"
|
|
9
13
|
} : {
|
|
10
14
|
target: "e4ryteh1",
|
|
11
|
-
label: "
|
|
12
|
-
})("border:
|
|
15
|
+
label: "StyledSelectableCard"
|
|
16
|
+
})("border:none;padding:", ({
|
|
13
17
|
theme
|
|
14
|
-
}) => theme.
|
|
18
|
+
}) => theme.space["1"], " ", ({
|
|
15
19
|
theme
|
|
16
|
-
}) => theme.
|
|
20
|
+
}) => theme.space["2"], ";font-weight:", ({
|
|
17
21
|
theme
|
|
18
|
-
}) => theme.
|
|
22
|
+
}) => theme.typography.bodyStrong.weight, ";justify-content:center;align-items:center;transition:all 200ms ease-in-out;white-space:nowrap;&:hover,&:focus-within,&:active{box-shadow:none;border:none;&:not([data-error='true'][data-disabled='true']){border:none;}}&[data-checked='true']{border:none;}&[data-checked='true'] label{color:", ({
|
|
19
23
|
theme
|
|
20
|
-
}) => theme.
|
|
21
|
-
|
|
24
|
+
}) => theme.colors.primary.textStrong, ";}&:not([data-checked='true']) label{&:hover{color:", ({
|
|
25
|
+
theme
|
|
26
|
+
}) => theme.colors.primary.text, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW1EIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ2hhbmdlRXZlbnQsIENoYW5nZUV2ZW50SGFuZGxlciwgRm9jdXNFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0YWJsZUNhcmQgfSBmcm9tICcuLi9TZWxlY3RhYmxlQ2FyZCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgRm9jdXNPdmVybGF5IH0gZnJvbSAnLi9Gb2N1c092ZXJsYXknXG5cbmNvbnN0IFNJWkVTID0ge1xuICBzbWFsbDogNDAsXG4gIG1lZGl1bTogNDgsXG59XG5cbmNvbnN0IFN0eWxlZFNlbGVjdGFibGVDYXJkID0gc3R5bGVkKFNlbGVjdGFibGVDYXJkKWBcbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keVN0cm9uZy53ZWlnaHR9O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdHJhbnNpdGlvbjogYWxsIDIwMG1zIGVhc2UtaW4tb3V0O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmFjdGl2ZSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgJjpub3QoW2RhdGEtZXJyb3I9J3RydWUnXVtkYXRhLWRpc2FibGVkPSd0cnVlJ10pIHtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gIH1cblxuICAmW2RhdGEtY2hlY2tlZD0ndHJ1ZSddIGxhYmVsIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS50ZXh0U3Ryb25nfTtcbiAgfVxuXG4gICY6bm90KFtkYXRhLWNoZWNrZWQ9J3RydWUnXSkgbGFiZWwge1xuICAgICY6aG92ZXIge1xuICAgICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dH07XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRCb3JkZXJlZEJveCA9IHN0eWxlZC5kaXY8eyAnZGF0YS1zaXplJzogJ3NtYWxsJyB8ICdtZWRpdW0nIH0+YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJltkYXRhLXNpemU9J3NtYWxsJ10ge1xuICAgICYgPiAke1N0eWxlZFNlbGVjdGFibGVDYXJkfSB7XG4gICAgICBoZWlnaHQ6ICR7U0laRVMuc21hbGx9cHg7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLXNpemU9J21lZGl1bSddIHtcbiAgICAmID4gJHtTdHlsZWRTZWxlY3RhYmxlQ2FyZH0ge1xuICAgICAgaGVpZ2h0OiAke1NJWkVTLm1lZGl1bX1weDtcbiAgICB9XG4gIH1cbmBcbnR5cGUgU3dpdGNoQnV0dG9uUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZ1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlclxuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyXG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlclxuICB0b29sdGlwPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyXG4gIGxlZnRCdXR0b246IHtcbiAgICBsYWJlbDogc3RyaW5nXG4gICAgdmFsdWU6IHN0cmluZ1xuICAgIGRpc2FibGVkPzogYm9vbGVhblxuICB9XG4gIHJpZ2h0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nXG59XG5cbi8qKlxuICogU3dpdGNoQnV0dG9uIGlzIGEgY29tcG9uZW50IHRoYXQgYWxsb3dzIHRoZSB1c2VyIHRvIHNlbGVjdCBiZXR3ZWVuIHR3byBvcHRpb25zLlxuICovXG5leHBvcnQgY29uc3QgU3dpdGNoQnV0dG9uID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIG5hbWUsXG4gIGxlZnRCdXR0b24sXG4gIHJpZ2h0QnV0dG9uLFxuICBzaXplID0gJ3NtYWxsJyxcbiAgdG9vbHRpcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3dpdGNoQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGVmdEJ1dHRvblJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3QgcmlnaHRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IFtsZWZ0Q2FyZFdpZHRoLCBzZXRMZWZ0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbcmlnaHRDYXJkV2lkdGgsIHNldFJpZ2h0Q2FyZFdpZHRoXSA9IHVzZVN0YXRlPG51bWJlcj4oKVxuICBjb25zdCBbaGFzTW91c2VEb3duLCBzZXRIYXNNb3VzZURvd25dID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgW2xvY2FsVmFsdWUsIHNldExvY2FsVmFsdWVdID0gdXNlU3RhdGUoXG4gICAgdmFsdWUgPT09IGxlZnRCdXR0b24udmFsdWUgPyBsZWZ0QnV0dG9uLnZhbHVlIDogcmlnaHRCdXR0b24udmFsdWUsXG4gIClcbiAgY29uc3QgaGFuZGxlT25DaGFuZ2UgPSAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudClcbiAgICBzZXRMb2NhbFZhbHVlKGV2ZW50LnRhcmdldC52YWx1ZSlcbiAgfVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFsZWZ0QnV0dG9uUmVmLmN1cnJlbnQgfHwgIXJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQpIHJldHVyblxuICAgIHNldExlZnRDYXJkV2lkdGgobGVmdEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICAgIHNldFJpZ2h0Q2FyZFdpZHRoKHJpZ2h0QnV0dG9uUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgpXG4gIH0sIFtsZWZ0QnV0dG9uLnZhbHVlLCBsZWZ0QnV0dG9uUmVmLCBsb2NhbFZhbHVlLCByaWdodEJ1dHRvblJlZl0pXG5cbiAgY29uc3Qgc2V0TW91c2VEb3duID0gKGlzTW91c2VEb3duOiBib29sZWFuKSA9PiAoKSA9PlxuICAgIHNldEhhc01vdXNlRG93bihpc01vdXNlRG93bilcblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e3Rvb2x0aXB9PlxuICAgICAgPGRpdlxuICAgICAgICBzdHlsZT17eyBkaXNwbGF5OiAnaW5saW5lLWZsZXgnIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEJvcmRlcmVkQm94XG4gICAgICAgICAgb25Nb3VzZURvd249e3NldE1vdXNlRG93bih0cnVlKX1cbiAgICAgICAgICBvbk1vdXNlVXA9e3NldE1vdXNlRG93bihmYWxzZSl9XG4gICAgICAgICAgb25Nb3VzZUxlYXZlPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtyaWdodENhcmRXaWR0aCAmJiBsZWZ0Q2FyZFdpZHRoID8gKFxuICAgICAgICAgICAgPEZvY3VzT3ZlcmxheVxuICAgICAgICAgICAgICBmb2N1c1Bvc2l0aW9uPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gJ2xlZnQnIDogJ3JpZ2h0J31cbiAgICAgICAgICAgICAgcmlnaHRDYXJkV2lkdGg9e3JpZ2h0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBsZWZ0Q2FyZFdpZHRoPXtsZWZ0Q2FyZFdpZHRofVxuICAgICAgICAgICAgICBoYXNNb3VzZURvd249e2hhc01vdXNlRG93bn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e2xlZnRCdXR0b25SZWZ9XG4gICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgdmFsdWU9e2xlZnRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgbGFiZWw9e2xlZnRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWxlZnRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGFibGVDYXJkXG4gICAgICAgICAgICByZWY9e3JpZ2h0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtyaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGNoZWNrZWQ9e2xvY2FsVmFsdWUgPT09IHJpZ2h0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZU9uQ2hhbmdlfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgZGF0YS1jaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtyaWdodEJ1dHRvbi5sYWJlbH1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tcmlnaHRgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkQm9yZGVyZWRCb3g+XG4gICAgICA8L2Rpdj5cbiAgICA8L1Rvb2x0aXA+XG4gIClcbn1cbiJdfQ== */"));
|
|
27
|
+
const StyledBorderedBox = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
22
28
|
target: "e4ryteh0"
|
|
23
29
|
} : {
|
|
24
30
|
target: "e4ryteh0",
|
|
25
|
-
label: "
|
|
26
|
-
})("border:
|
|
27
|
-
theme
|
|
28
|
-
}) => theme.space["1"], " ", ({
|
|
31
|
+
label: "StyledBorderedBox"
|
|
32
|
+
})("border:1px solid ", ({
|
|
29
33
|
theme
|
|
30
|
-
}) => theme.
|
|
34
|
+
}) => theme.colors.neutral.border, ";border-radius:", ({
|
|
31
35
|
theme
|
|
32
|
-
}) => theme.
|
|
36
|
+
}) => theme.radii.default, ";padding:", ({
|
|
33
37
|
theme
|
|
34
|
-
}) => theme.
|
|
38
|
+
}) => theme.space["0.5"], ";display:flex;gap:", ({
|
|
35
39
|
theme
|
|
36
|
-
}) => theme.
|
|
40
|
+
}) => theme.space["1"], ";position:relative;&[data-size='small']{&>", StyledSelectableCard, "{height:", SIZES.small, "px;}}&[data-size='medium']{&>", StyledSelectableCard, "{height:", SIZES.medium, "px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N3aXRjaEJ1dHRvbi9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN5RSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Td2l0Y2hCdXR0b24vaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENoYW5nZUV2ZW50LCBDaGFuZ2VFdmVudEhhbmRsZXIsIEZvY3VzRXZlbnRIYW5kbGVyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNlbGVjdGFibGVDYXJkIH0gZnJvbSAnLi4vU2VsZWN0YWJsZUNhcmQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IEZvY3VzT3ZlcmxheSB9IGZyb20gJy4vRm9jdXNPdmVybGF5J1xuXG5jb25zdCBTSVpFUyA9IHtcbiAgc21hbGw6IDQwLFxuICBtZWRpdW06IDQ4LFxufVxuXG5jb25zdCBTdHlsZWRTZWxlY3RhYmxlQ2FyZCA9IHN0eWxlZChTZWxlY3RhYmxlQ2FyZClgXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTdHJvbmcud2VpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAyMDBtcyBlYXNlLWluLW91dDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbixcbiAgJjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgICY6bm90KFtkYXRhLWVycm9yPSd0cnVlJ11bZGF0YS1kaXNhYmxlZD0ndHJ1ZSddKSB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWNoZWNrZWQ9J3RydWUnXSBsYWJlbCB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkudGV4dFN0cm9uZ307XG4gIH1cblxuICAmOm5vdChbZGF0YS1jaGVja2VkPSd0cnVlJ10pIGxhYmVsIHtcbiAgICAmOmhvdmVyIHtcbiAgICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LnRleHR9O1xuICAgIH1cbiAgfVxuYFxuY29uc3QgU3R5bGVkQm9yZGVyZWRCb3ggPSBzdHlsZWQuZGl2PHsgJ2RhdGEtc2l6ZSc6ICdzbWFsbCcgfCAnbWVkaXVtJyB9PmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICZbZGF0YS1zaXplPSdzbWFsbCddIHtcbiAgICAmID4gJHtTdHlsZWRTZWxlY3RhYmxlQ2FyZH0ge1xuICAgICAgaGVpZ2h0OiAke1NJWkVTLnNtYWxsfXB4O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdtZWRpdW0nXSB7XG4gICAgJiA+ICR7U3R5bGVkU2VsZWN0YWJsZUNhcmR9IHtcbiAgICAgIGhlaWdodDogJHtTSVpFUy5tZWRpdW19cHg7XG4gICAgfVxuICB9XG5gXG50eXBlIFN3aXRjaEJ1dHRvblByb3BzID0ge1xuICBuYW1lOiBzdHJpbmdcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgb25DaGFuZ2U6IENoYW5nZUV2ZW50SGFuZGxlclxuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXJcbiAgdG9vbHRpcD86IHN0cmluZ1xuICB2YWx1ZT86IHN0cmluZyB8IG51bWJlclxuICBsZWZ0QnV0dG9uOiB7XG4gICAgbGFiZWw6IHN0cmluZ1xuICAgIHZhbHVlOiBzdHJpbmdcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfVxuICByaWdodEJ1dHRvbjoge1xuICAgIGxhYmVsOiBzdHJpbmdcbiAgICB2YWx1ZTogc3RyaW5nXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIH1cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG4vKipcbiAqIFN3aXRjaEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB0aGUgdXNlciB0byBzZWxlY3QgYmV0d2VlbiB0d28gb3B0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFN3aXRjaEJ1dHRvbiA9ICh7XG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBuYW1lLFxuICBsZWZ0QnV0dG9uLFxuICByaWdodEJ1dHRvbixcbiAgc2l6ZSA9ICdzbWFsbCcsXG4gIHRvb2x0aXAsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN3aXRjaEJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IGxlZnRCdXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHJpZ2h0QnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBbbGVmdENhcmRXaWR0aCwgc2V0TGVmdENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW3JpZ2h0Q2FyZFdpZHRoLCBzZXRSaWdodENhcmRXaWR0aF0gPSB1c2VTdGF0ZTxudW1iZXI+KClcbiAgY29uc3QgW2hhc01vdXNlRG93biwgc2V0SGFzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGNvbnN0IFtsb2NhbFZhbHVlLCBzZXRMb2NhbFZhbHVlXSA9IHVzZVN0YXRlKFxuICAgIHZhbHVlID09PSBsZWZ0QnV0dG9uLnZhbHVlID8gbGVmdEJ1dHRvbi52YWx1ZSA6IHJpZ2h0QnV0dG9uLnZhbHVlLFxuICApXG4gIGNvbnN0IGhhbmRsZU9uQ2hhbmdlID0gKGV2ZW50OiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQpXG4gICAgc2V0TG9jYWxWYWx1ZShldmVudC50YXJnZXQudmFsdWUpXG4gIH1cblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbGVmdEJ1dHRvblJlZi5jdXJyZW50IHx8ICFyaWdodEJ1dHRvblJlZi5jdXJyZW50KSByZXR1cm5cbiAgICBzZXRMZWZ0Q2FyZFdpZHRoKGxlZnRCdXR0b25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICBzZXRSaWdodENhcmRXaWR0aChyaWdodEJ1dHRvblJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoKVxuICB9LCBbbGVmdEJ1dHRvbi52YWx1ZSwgbGVmdEJ1dHRvblJlZiwgbG9jYWxWYWx1ZSwgcmlnaHRCdXR0b25SZWZdKVxuXG4gIGNvbnN0IHNldE1vdXNlRG93biA9IChpc01vdXNlRG93bjogYm9vbGVhbikgPT4gKCkgPT5cbiAgICBzZXRIYXNNb3VzZURvd24oaXNNb3VzZURvd24pXG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXt0b29sdGlwfT5cbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JyB9fVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRCb3JkZXJlZEJveFxuICAgICAgICAgIG9uTW91c2VEb3duPXtzZXRNb3VzZURvd24odHJ1ZSl9XG4gICAgICAgICAgb25Nb3VzZVVwPXtzZXRNb3VzZURvd24oZmFsc2UpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17c2V0TW91c2VEb3duKGZhbHNlKX1cbiAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgID5cbiAgICAgICAgICB7cmlnaHRDYXJkV2lkdGggJiYgbGVmdENhcmRXaWR0aCA/IChcbiAgICAgICAgICAgIDxGb2N1c092ZXJsYXlcbiAgICAgICAgICAgICAgZm9jdXNQb3NpdGlvbj17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZSA/ICdsZWZ0JyA6ICdyaWdodCd9XG4gICAgICAgICAgICAgIHJpZ2h0Q2FyZFdpZHRoPXtyaWdodENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgbGVmdENhcmRXaWR0aD17bGVmdENhcmRXaWR0aH1cbiAgICAgICAgICAgICAgaGFzTW91c2VEb3duPXtoYXNNb3VzZURvd259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtsZWZ0QnV0dG9uUmVmfVxuICAgICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICAgIHZhbHVlPXtsZWZ0QnV0dG9uLnZhbHVlfVxuICAgICAgICAgICAgY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gbGVmdEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIGxhYmVsPXtsZWZ0QnV0dG9uLmxhYmVsfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1sZWZ0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxTdHlsZWRTZWxlY3RhYmxlQ2FyZFxuICAgICAgICAgICAgcmVmPXtyaWdodEJ1dHRvblJlZn1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICB2YWx1ZT17cmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBjaGVja2VkPXtsb2NhbFZhbHVlID09PSByaWdodEJ1dHRvbi52YWx1ZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVPbkNoYW5nZX1cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIGRhdGEtY2hlY2tlZD17bG9jYWxWYWx1ZSA9PT0gcmlnaHRCdXR0b24udmFsdWV9XG4gICAgICAgICAgICBsYWJlbD17cmlnaHRCdXR0b24ubGFiZWx9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LXJpZ2h0YCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZEJvcmRlcmVkQm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */"));
|
|
37
41
|
const SwitchButton = ({
|
|
38
42
|
value,
|
|
39
43
|
onChange,
|
|
@@ -42,6 +46,7 @@ const SwitchButton = ({
|
|
|
42
46
|
name,
|
|
43
47
|
leftButton,
|
|
44
48
|
rightButton,
|
|
49
|
+
size = "small",
|
|
45
50
|
tooltip,
|
|
46
51
|
className,
|
|
47
52
|
"data-testid": dataTestId
|
|
@@ -65,7 +70,7 @@ const SwitchButton = ({
|
|
|
65
70
|
const setMouseDown = (isMouseDown) => () => setHasMouseDown(isMouseDown);
|
|
66
71
|
return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsx("div", { style: {
|
|
67
72
|
display: "inline-flex"
|
|
68
|
-
}, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxs(StyledBorderedBox, { onMouseDown: setMouseDown(true), onMouseUp: setMouseDown(false), onMouseLeave: setMouseDown(false), children: [
|
|
73
|
+
}, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxs(StyledBorderedBox, { onMouseDown: setMouseDown(true), onMouseUp: setMouseDown(false), onMouseLeave: setMouseDown(false), "data-size": size, children: [
|
|
69
74
|
rightCardWidth && leftCardWidth ? /* @__PURE__ */ jsx(FocusOverlay, { focusPosition: localValue === leftButton.value ? "left" : "right", rightCardWidth, leftCardWidth, hasMouseDown }) : null,
|
|
70
75
|
/* @__PURE__ */ jsx(StyledSelectableCard, { ref: leftButtonRef, name, value: leftButton.value, checked: localValue === leftButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === leftButton.value, label: leftButton.label, "data-testid": dataTestId ? `${dataTestId}-left` : void 0 }),
|
|
71
76
|
/* @__PURE__ */ jsx(StyledSelectableCard, { ref: rightButtonRef, name, value: rightButton.value, checked: localValue === rightButton.value, onChange: handleOnChange, onBlur, onFocus, "data-checked": localValue === rightButton.value, label: rightButton.label, "data-testid": dataTestId ? `${dataTestId}-right` : void 0 })
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ultraviolet/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.55.0",
|
|
4
4
|
"description": "Ultraviolet UI",
|
|
5
5
|
"homepage": "https://github.com/scaleway/ultraviolet#readme",
|
|
6
6
|
"repository": {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"react-dom": "18.3.1"
|
|
61
61
|
},
|
|
62
62
|
"devDependencies": {
|
|
63
|
-
"@babel/core": "7.24.
|
|
63
|
+
"@babel/core": "7.24.6",
|
|
64
64
|
"@emotion/react": "11.11.4",
|
|
65
65
|
"@emotion/styled": "11.11.5",
|
|
66
66
|
"@types/react": "18.3.1",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@types/react-dom": "18.3.0",
|
|
69
69
|
"react": "18.3.1",
|
|
70
70
|
"react-dom": "18.3.1",
|
|
71
|
-
"@ultraviolet/icons": "2.12.
|
|
71
|
+
"@ultraviolet/icons": "2.12.12",
|
|
72
72
|
"@ultraviolet/themes": "1.11.0",
|
|
73
73
|
"@utils/test": "0.0.1"
|
|
74
74
|
},
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"react-use-clipboard": "1.0.9",
|
|
89
89
|
"reakit": "1.3.11",
|
|
90
90
|
"@ultraviolet/themes": "1.11.0",
|
|
91
|
-
"@ultraviolet/icons": "2.12.
|
|
91
|
+
"@ultraviolet/icons": "2.12.12"
|
|
92
92
|
},
|
|
93
93
|
"scripts": {
|
|
94
94
|
"prebuild": "shx rm -rf dist",
|