@ultraviolet/ui 1.51.2 → 1.51.3
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/components/ActionBar/index.js +16 -26
- package/dist/components/Alert/index.js +77 -88
- package/dist/components/Avatar/index.js +29 -26
- package/dist/components/Badge/index.js +36 -52
- package/dist/components/Banner/index.js +64 -139
- package/dist/components/BarChart/Tooltip.js +23 -18
- package/dist/components/BarChart/index.js +29 -42
- package/dist/components/BarStack/index.js +89 -163
- package/dist/components/Breadcrumbs/index.js +30 -33
- package/dist/components/Bullet/index.js +24 -28
- package/dist/components/Button/index.js +117 -159
- package/dist/components/Card/index.js +45 -52
- package/dist/components/Carousel/index.js +75 -99
- package/dist/components/Checkbox/index.js +246 -343
- package/dist/components/CheckboxGroup/index.js +60 -56
- package/dist/components/CopyButton/index.js +1 -15
- package/dist/components/DateInput/index.js +124 -243
- package/dist/components/Dialog/Context.js +1 -3
- package/dist/components/Dialog/index.js +22 -43
- package/dist/components/Dialog/subComponents/Button.js +1 -10
- package/dist/components/Dialog/subComponents/Stack.js +3 -1
- package/dist/components/Dialog/subComponents/Text.js +3 -1
- package/dist/components/EmptyState/index.js +58 -50
- package/dist/components/Expandable/index.js +19 -23
- package/dist/components/GlobalAlert/GlobalAlertLink.js +4 -20
- package/dist/components/GlobalAlert/index.js +34 -87
- package/dist/components/LineChart/CustomLegend.js +76 -72
- package/dist/components/LineChart/Tooltip.js +26 -37
- package/dist/components/LineChart/helpers.js +11 -9
- package/dist/components/LineChart/index.js +38 -55
- package/dist/components/Link/index.js +86 -125
- package/dist/components/List/Body.js +12 -7
- package/dist/components/List/Cell.js +36 -33
- package/dist/components/List/HeaderCell.js +54 -68
- package/dist/components/List/HeaderRow.js +16 -18
- package/dist/components/List/ListContext.js +68 -87
- package/dist/components/List/Row.js +136 -169
- package/dist/components/List/SelectBar.js +31 -14
- package/dist/components/List/SkeletonRows.js +42 -23
- package/dist/components/List/index.js +39 -59
- package/dist/components/Loader/index.js +44 -65
- package/dist/components/Menu/Item.js +52 -62
- package/dist/components/Menu/index.js +105 -171
- package/dist/components/MenuV2/Group.js +14 -16
- package/dist/components/MenuV2/Item.js +67 -74
- package/dist/components/MenuV2/index.js +76 -110
- package/dist/components/Meter/index.js +44 -57
- package/dist/components/Modal/Dialog.js +44 -100
- package/dist/components/Modal/index.js +23 -58
- package/dist/components/Notice/index.js +13 -29
- package/dist/components/Notification/index.js +9 -48
- package/dist/components/NumberInput/index.js +113 -200
- package/dist/components/NumberInputV2/index.js +200 -349
- package/dist/components/Pagination/getPageNumbers.js +3 -1
- package/dist/components/Pagination/index.js +45 -81
- package/dist/components/PasswordCheck/index.js +10 -15
- package/dist/components/PasswordStrengthMeter/index.js +66 -68
- package/dist/components/PieChart/Legends.js +121 -99
- package/dist/components/PieChart/Tooltip.js +35 -15
- package/dist/components/PieChart/index.js +68 -87
- package/dist/components/Popover/index.js +57 -106
- package/dist/components/Popup/helpers.js +24 -12
- package/dist/components/Popup/index.js +263 -351
- package/dist/components/ProgressBar/index.js +33 -51
- package/dist/components/Radio/index.js +119 -188
- package/dist/components/RadioGroup/index.js +46 -51
- package/dist/components/Row/index.js +11 -20
- package/dist/components/SelectInput/index.js +165 -212
- package/dist/components/SelectInputV2/Dropdown.js +233 -473
- package/dist/components/SelectInputV2/DropdownOption.js +44 -115
- package/dist/components/SelectInputV2/SearchBarDropdown.js +28 -44
- package/dist/components/SelectInputV2/SelectBar.js +137 -240
- package/dist/components/SelectInputV2/SelectInputProvider.js +45 -77
- package/dist/components/SelectInputV2/index.js +39 -98
- package/dist/components/SelectableCard/index.js +127 -183
- package/dist/components/SelectableCardGroup/index.js +50 -55
- package/dist/components/Separator/index.js +44 -64
- package/dist/components/Skeleton/Block.js +28 -20
- package/dist/components/Skeleton/Blocks.js +26 -16
- package/dist/components/Skeleton/BoxWithIcon.js +24 -17
- package/dist/components/Skeleton/Donut.js +46 -21
- package/dist/components/Skeleton/IconSkeleton.js +19 -9
- package/dist/components/Skeleton/Line.js +11 -8
- package/dist/components/Skeleton/List.js +48 -21
- package/dist/components/Skeleton/Slider.js +36 -22
- package/dist/components/Skeleton/Square.js +9 -7
- package/dist/components/Skeleton/index.js +38 -45
- package/dist/components/Snippet/index.js +139 -128
- package/dist/components/Stack/index.js +10 -17
- package/dist/components/Status/index.js +42 -27
- package/dist/components/StepList/index.js +34 -45
- package/dist/components/Stepper/index.js +106 -114
- package/dist/components/SwitchButton/FocusOverlay.js +18 -27
- package/dist/components/SwitchButton/index.js +39 -103
- package/dist/components/Table/Body.js +3 -1
- package/dist/components/Table/Cell.js +15 -6
- package/dist/components/Table/Header.js +12 -5
- package/dist/components/Table/HeaderCell.js +48 -91
- package/dist/components/Table/HeaderRow.js +11 -13
- package/dist/components/Table/Row.js +39 -44
- package/dist/components/Table/SelectBar.js +31 -14
- package/dist/components/Table/SkeletonRows.js +43 -11
- package/dist/components/Table/TableContext.js +29 -44
- package/dist/components/Table/index.js +37 -51
- package/dist/components/Tabs/Tab.js +108 -158
- package/dist/components/Tabs/TabMenu.js +52 -53
- package/dist/components/Tabs/TabMenuItem.js +19 -24
- package/dist/components/Tabs/TabsContext.js +1 -3
- package/dist/components/Tabs/index.js +44 -79
- package/dist/components/Tag/index.js +66 -75
- package/dist/components/TagInput/index.js +125 -188
- package/dist/components/TagList/index.js +51 -56
- package/dist/components/Text/index.js +10 -35
- package/dist/components/TextArea/index.js +140 -208
- package/dist/components/TextInput/index.js +326 -411
- package/dist/components/TextInputV2/index.js +170 -294
- package/dist/components/TimeInput/index.js +3 -174
- package/dist/components/Toaster/index.js +26 -74
- package/dist/components/Toggle/index.js +112 -172
- package/dist/components/ToggleGroup/index.js +44 -35
- package/dist/components/Tooltip/index.js +34 -41
- package/dist/components/VerificationCode/index.js +58 -63
- package/dist/helpers/legend.js +4 -4
- package/dist/theme/index.js +10 -13
- package/dist/utils/ids.js +3 -1
- package/dist/utils/responsive/Breakpoint.js +8 -6
- package/package.json +4 -4
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
3
|
import { Link } from "../Link/index.js";
|
|
4
4
|
import { Stack } from "../Stack/index.js";
|
|
5
5
|
import { Text } from "../Text/index.js";
|
|
6
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
7
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
8
|
+
}
|
|
6
9
|
const CONTAINER_SIZES = {
|
|
7
10
|
small: 720,
|
|
8
11
|
medium: 720,
|
|
@@ -13,23 +16,46 @@ const IMAGE_SIZES = {
|
|
|
13
16
|
medium: 96,
|
|
14
17
|
large: 240
|
|
15
18
|
};
|
|
16
|
-
const CenteredText =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
})
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
const CenteredText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
|
|
20
|
+
target: "e1m66ceh2"
|
|
21
|
+
} : {
|
|
22
|
+
target: "e1m66ceh2",
|
|
23
|
+
label: "CenteredText"
|
|
24
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
25
|
+
name: "1azakc",
|
|
26
|
+
styles: "text-align:center"
|
|
27
|
+
} : {
|
|
28
|
+
name: "1azakc",
|
|
29
|
+
styles: "text-align:center",
|
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ09OVEFJTkVSX1NJWkVTID0ge1xuICBzbWFsbDogNzIwLFxuICBtZWRpdW06IDcyMCxcbiAgbGFyZ2U6IDExNDAsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2l6ZXNUeXBlcyA9IGtleW9mIHR5cGVvZiBDT05UQUlORVJfU0laRVNcblxuY29uc3QgSU1BR0VfU0laRVM6IFJlY29yZDxTaXplc1R5cGVzLCBudW1iZXI+ID0ge1xuICBzbWFsbDogNjQsXG4gIG1lZGl1bTogOTYsXG4gIGxhcmdlOiAyNDAsXG59XG5cbmNvbnN0IENlbnRlcmVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuYFxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU3RhY2ssIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2l6ZScsICdib3JkZXJlZCddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzaXplOiBTaXplc1R5cGVzXG4gIGJvcmRlcmVkPzogYm9vbGVhblxufT5gXG4gIG1heC13aWR0aDogJHsoeyBzaXplIH0pID0+IENPTlRBSU5FUl9TSVpFU1tzaXplXX1weDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ2xhcmdlJyA/ICdwYWRkaW5nOiAwIDE0MHB4JyA6IG51bGwpfTtcbiAgJHsoeyB0aGVtZSwgYm9yZGVyZWQgfSkgPT5cbiAgICBib3JkZXJlZFxuICAgICAgPyBgXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYFxuICAgICAgOiBudWxsfTtcbmBcblxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc1J119O1xuYFxuXG50eXBlIEVtcHR5U3RhdGVQcm9wcyA9IHtcbiAgdGl0bGU/OiBzdHJpbmdcbiAgZGVzY3JpcHRpb246IFJlYWN0Tm9kZVxuICAvKipcbiAgICogQ29udGFpbmVyIHNpemUgd2lsbCBiZSBzYW1lIG9uIGBzbWFsbGAgYW5kIGBtZWRpdW1gXG4gICAqIG9ubHkgdGhlIGltYWdlIHNpemUgd2lsbCBjaGFuZ2Ugb24gdGhvc2UgcHJvcGVydGllcy5cbiAgICogYHNtYWxsYCBhbmQgYG1lZGl1bWAgY29udGFpbmVyIGlzIDcyMHB4IHdpZGVcbiAgICogYGxhcmdlYCBjb250YWluZXIgaXMgMTA4MHB4IHdpZGVcbiAgICovXG4gIHNpemU/OiBTaXplc1R5cGVzXG4gIC8qKlxuICAgKiBZb3UgY2FuIGdpdmUgdGhlIHBhdGggb2YgYW4gaW1hZ2Ugb3IgYSBjb21wb25lbnQgdGhhdCB3aWxsIHJlbmRlciBhbiBpbWFnZS5cbiAgICovXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdE5vZGVcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3ROb2RlXG4gIGxlYXJuTW9yZT86IHtcbiAgICBsaW5rOiBzdHJpbmdcbiAgICB0ZXh0OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBFbXB0eVN0YXRlIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBtZXNzYWdlIHdoZW4gdGhlcmUgaXMgbm8gZGF0YSB0byBzaG93LlxuICovXG5leHBvcnQgY29uc3QgRW1wdHlTdGF0ZSA9ICh7XG4gIGltYWdlLFxuICB0aXRsZSxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIGRlc2NyaXB0aW9uLFxuICBwcmltYXJ5QnV0dG9uLFxuICBzZWNvbmRhcnlCdXR0b24sXG4gIGxlYXJuTW9yZSxcbiAgY2xhc3NOYW1lLFxuICBib3JkZXJlZCxcbiAgY2hpbGRyZW4sXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBFbXB0eVN0YXRlUHJvcHMpID0+IChcbiAgPENvbnRhaW5lclxuICAgIHNpemU9e3NpemV9XG4gICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICA+XG4gICAgPFN0eWxlZFN0YWNrIGdhcD17M30ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfSBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAge2ltYWdlICYmIHR5cGVvZiBpbWFnZSA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPGltZyB3aWR0aD17SU1BR0VfU0laRVNbc2l6ZV19IGFsdD1cIlwiIHNyYz17aW1hZ2V9IC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaW1hZ2VcbiAgICAgICAgKX1cbiAgICAgICAgPFN0YWNrIGdhcD17MC41fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge3RpdGxlID8gKFxuICAgICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cImgyXCIgdmFyaWFudD1cImhlYWRpbmdTbWFsbFwiIHByb21pbmVuY2U9XCJzdHJvbmdcIj5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9DZW50ZXJlZFRleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVwiPlxuICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvQ2VudGVyZWRUZXh0PlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxTdGFjayBnYXA9ezJ9IGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsyfT5cbiAgICAgICAgICB7c2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgICAgIHtwcmltYXJ5QnV0dG9ufVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgICB7bGVhcm5Nb3JlPy50ZXh0ID8gKFxuICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICBocmVmPXtsZWFybk1vcmUubGlua31cbiAgICAgICAgICAgIHRhcmdldD17bGVhcm5Nb3JlLnRhcmdldH1cbiAgICAgICAgICAgIHNlbnRpbWVudD1cImluZm9cIlxuICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsZWFybk1vcmUudGV4dH1cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFN0YWNrPlxuICA8L0NvbnRhaW5lcj5cbilcbiJdfQ== */",
|
|
31
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
32
|
+
});
|
|
33
|
+
const Container = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
34
|
+
shouldForwardProp: (prop) => !["size", "bordered"].includes(prop),
|
|
35
|
+
target: "e1m66ceh1"
|
|
36
|
+
} : {
|
|
37
|
+
shouldForwardProp: (prop) => !["size", "bordered"].includes(prop),
|
|
38
|
+
target: "e1m66ceh1",
|
|
39
|
+
label: "Container"
|
|
40
|
+
})("max-width:", ({
|
|
41
|
+
size
|
|
42
|
+
}) => CONTAINER_SIZES[size], "px;margin:0 auto;", ({
|
|
43
|
+
size
|
|
44
|
+
}) => size === "large" ? "padding: 0 140px" : null, ";", ({
|
|
45
|
+
theme,
|
|
46
|
+
bordered
|
|
47
|
+
}) => bordered ? `
|
|
26
48
|
border: 1px solid ${theme.colors.neutral.border};
|
|
27
49
|
border-radius: ${theme.radii.default};
|
|
28
|
-
` : null
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
50
|
+
` : null, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9FbXB0eVN0YXRlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBDT05UQUlORVJfU0laRVMgPSB7XG4gIHNtYWxsOiA3MjAsXG4gIG1lZGl1bTogNzIwLFxuICBsYXJnZTogMTE0MCxcbn0gYXMgY29uc3RcblxudHlwZSBTaXplc1R5cGVzID0ga2V5b2YgdHlwZW9mIENPTlRBSU5FUl9TSVpFU1xuXG5jb25zdCBJTUFHRV9TSVpFUzogUmVjb3JkPFNpemVzVHlwZXMsIG51bWJlcj4gPSB7XG4gIHNtYWxsOiA2NCxcbiAgbWVkaXVtOiA5NixcbiAgbGFyZ2U6IDI0MCxcbn1cblxuY29uc3QgQ2VudGVyZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTdGFjaywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzaXplJywgJ2JvcmRlcmVkJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNpemU6IFNpemVzVHlwZXNcbiAgYm9yZGVyZWQ/OiBib29sZWFuXG59PmBcbiAgbWF4LXdpZHRoOiAkeyh7IHNpemUgfSkgPT4gQ09OVEFJTkVSX1NJWkVTW3NpemVdfXB4O1xuICBtYXJnaW46IDAgYXV0bztcbiAgJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbGFyZ2UnID8gJ3BhZGRpbmc6IDAgMTQwcHgnIDogbnVsbCl9O1xuICAkeyh7IHRoZW1lLCBib3JkZXJlZCB9KSA9PlxuICAgIGJvcmRlcmVkXG4gICAgICA/IGBcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBgXG4gICAgICA6IG51bGx9O1xuYFxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzUnXX07XG5gXG5cbnR5cGUgRW1wdHlTdGF0ZVByb3BzID0ge1xuICB0aXRsZT86IHN0cmluZ1xuICBkZXNjcmlwdGlvbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBDb250YWluZXIgc2l6ZSB3aWxsIGJlIHNhbWUgb24gYHNtYWxsYCBhbmQgYG1lZGl1bWBcbiAgICogb25seSB0aGUgaW1hZ2Ugc2l6ZSB3aWxsIGNoYW5nZSBvbiB0aG9zZSBwcm9wZXJ0aWVzLlxuICAgKiBgc21hbGxgIGFuZCBgbWVkaXVtYCBjb250YWluZXIgaXMgNzIwcHggd2lkZVxuICAgKiBgbGFyZ2VgIGNvbnRhaW5lciBpcyAxMDgwcHggd2lkZVxuICAgKi9cbiAgc2l6ZT86IFNpemVzVHlwZXNcbiAgLyoqXG4gICAqIFlvdSBjYW4gZ2l2ZSB0aGUgcGF0aCBvZiBhbiBpbWFnZSBvciBhIGNvbXBvbmVudCB0aGF0IHdpbGwgcmVuZGVyIGFuIGltYWdlLlxuICAgKi9cbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0Tm9kZVxuICBzZWNvbmRhcnlCdXR0b24/OiBSZWFjdE5vZGVcbiAgbGVhcm5Nb3JlPzoge1xuICAgIGxpbms6IHN0cmluZ1xuICAgIHRleHQ6IHN0cmluZ1xuICAgIHRhcmdldD86IHN0cmluZ1xuICB9XG4gIGJvcmRlcmVkPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIEVtcHR5U3RhdGUgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIG1lc3NhZ2Ugd2hlbiB0aGVyZSBpcyBubyBkYXRhIHRvIHNob3cuXG4gKi9cbmV4cG9ydCBjb25zdCBFbXB0eVN0YXRlID0gKHtcbiAgaW1hZ2UsXG4gIHRpdGxlLFxuICBzaXplID0gJ2xhcmdlJyxcbiAgZGVzY3JpcHRpb24sXG4gIHByaW1hcnlCdXR0b24sXG4gIHNlY29uZGFyeUJ1dHRvbixcbiAgbGVhcm5Nb3JlLFxuICBjbGFzc05hbWUsXG4gIGJvcmRlcmVkLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEVtcHR5U3RhdGVQcm9wcykgPT4gKFxuICA8Q29udGFpbmVyXG4gICAgc2l6ZT17c2l6ZX1cbiAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gID5cbiAgICA8U3R5bGVkU3RhY2sgZ2FwPXszfSBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgIDxTdGFjayBnYXA9ezJ9IGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7aW1hZ2UgJiYgdHlwZW9mIGltYWdlID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8aW1nIHdpZHRoPXtJTUFHRV9TSVpFU1tzaXplXX0gYWx0PVwiXCIgc3JjPXtpbWFnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpbWFnZVxuICAgICAgICApfVxuICAgICAgICA8U3RhY2sgZ2FwPXswLjV9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7dGl0bGUgPyAoXG4gICAgICAgICAgICA8Q2VudGVyZWRUZXh0IGFzPVwiaDJcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L0NlbnRlcmVkVGV4dD5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8Q2VudGVyZWRUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5XCI+XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9DZW50ZXJlZFRleHQ+XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1N0YWNrPlxuICAgICAgPFN0YWNrIGdhcD17Mn0ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezJ9PlxuICAgICAgICAgIHtzZWNvbmRhcnlCdXR0b259XG4gICAgICAgICAge3ByaW1hcnlCdXR0b259XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICAgIHtsZWFybk1vcmU/LnRleHQgPyAoXG4gICAgICAgICAgPExpbmtcbiAgICAgICAgICAgIGhyZWY9e2xlYXJuTW9yZS5saW5rfVxuICAgICAgICAgICAgdGFyZ2V0PXtsZWFybk1vcmUudGFyZ2V0fVxuICAgICAgICAgICAgc2VudGltZW50PVwiaW5mb1wiXG4gICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xlYXJuTW9yZS50ZXh0fVxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkU3RhY2s+XG4gIDwvQ29udGFpbmVyPlxuKVxuIl19 */"));
|
|
51
|
+
const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
52
|
+
target: "e1m66ceh0"
|
|
53
|
+
} : {
|
|
54
|
+
target: "e1m66ceh0",
|
|
55
|
+
label: "StyledStack"
|
|
56
|
+
})("padding:", ({
|
|
57
|
+
theme
|
|
58
|
+
}) => theme.space["5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ09OVEFJTkVSX1NJWkVTID0ge1xuICBzbWFsbDogNzIwLFxuICBtZWRpdW06IDcyMCxcbiAgbGFyZ2U6IDExNDAsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2l6ZXNUeXBlcyA9IGtleW9mIHR5cGVvZiBDT05UQUlORVJfU0laRVNcblxuY29uc3QgSU1BR0VfU0laRVM6IFJlY29yZDxTaXplc1R5cGVzLCBudW1iZXI+ID0ge1xuICBzbWFsbDogNjQsXG4gIG1lZGl1bTogOTYsXG4gIGxhcmdlOiAyNDAsXG59XG5cbmNvbnN0IENlbnRlcmVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuYFxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU3RhY2ssIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2l6ZScsICdib3JkZXJlZCddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzaXplOiBTaXplc1R5cGVzXG4gIGJvcmRlcmVkPzogYm9vbGVhblxufT5gXG4gIG1heC13aWR0aDogJHsoeyBzaXplIH0pID0+IENPTlRBSU5FUl9TSVpFU1tzaXplXX1weDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ2xhcmdlJyA/ICdwYWRkaW5nOiAwIDE0MHB4JyA6IG51bGwpfTtcbiAgJHsoeyB0aGVtZSwgYm9yZGVyZWQgfSkgPT5cbiAgICBib3JkZXJlZFxuICAgICAgPyBgXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYFxuICAgICAgOiBudWxsfTtcbmBcblxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc1J119O1xuYFxuXG50eXBlIEVtcHR5U3RhdGVQcm9wcyA9IHtcbiAgdGl0bGU/OiBzdHJpbmdcbiAgZGVzY3JpcHRpb246IFJlYWN0Tm9kZVxuICAvKipcbiAgICogQ29udGFpbmVyIHNpemUgd2lsbCBiZSBzYW1lIG9uIGBzbWFsbGAgYW5kIGBtZWRpdW1gXG4gICAqIG9ubHkgdGhlIGltYWdlIHNpemUgd2lsbCBjaGFuZ2Ugb24gdGhvc2UgcHJvcGVydGllcy5cbiAgICogYHNtYWxsYCBhbmQgYG1lZGl1bWAgY29udGFpbmVyIGlzIDcyMHB4IHdpZGVcbiAgICogYGxhcmdlYCBjb250YWluZXIgaXMgMTA4MHB4IHdpZGVcbiAgICovXG4gIHNpemU/OiBTaXplc1R5cGVzXG4gIC8qKlxuICAgKiBZb3UgY2FuIGdpdmUgdGhlIHBhdGggb2YgYW4gaW1hZ2Ugb3IgYSBjb21wb25lbnQgdGhhdCB3aWxsIHJlbmRlciBhbiBpbWFnZS5cbiAgICovXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdE5vZGVcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3ROb2RlXG4gIGxlYXJuTW9yZT86IHtcbiAgICBsaW5rOiBzdHJpbmdcbiAgICB0ZXh0OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBFbXB0eVN0YXRlIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBtZXNzYWdlIHdoZW4gdGhlcmUgaXMgbm8gZGF0YSB0byBzaG93LlxuICovXG5leHBvcnQgY29uc3QgRW1wdHlTdGF0ZSA9ICh7XG4gIGltYWdlLFxuICB0aXRsZSxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIGRlc2NyaXB0aW9uLFxuICBwcmltYXJ5QnV0dG9uLFxuICBzZWNvbmRhcnlCdXR0b24sXG4gIGxlYXJuTW9yZSxcbiAgY2xhc3NOYW1lLFxuICBib3JkZXJlZCxcbiAgY2hpbGRyZW4sXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBFbXB0eVN0YXRlUHJvcHMpID0+IChcbiAgPENvbnRhaW5lclxuICAgIHNpemU9e3NpemV9XG4gICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICA+XG4gICAgPFN0eWxlZFN0YWNrIGdhcD17M30ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfSBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAge2ltYWdlICYmIHR5cGVvZiBpbWFnZSA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPGltZyB3aWR0aD17SU1BR0VfU0laRVNbc2l6ZV19IGFsdD1cIlwiIHNyYz17aW1hZ2V9IC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaW1hZ2VcbiAgICAgICAgKX1cbiAgICAgICAgPFN0YWNrIGdhcD17MC41fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge3RpdGxlID8gKFxuICAgICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cImgyXCIgdmFyaWFudD1cImhlYWRpbmdTbWFsbFwiIHByb21pbmVuY2U9XCJzdHJvbmdcIj5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9DZW50ZXJlZFRleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVwiPlxuICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvQ2VudGVyZWRUZXh0PlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxTdGFjayBnYXA9ezJ9IGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsyfT5cbiAgICAgICAgICB7c2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgICAgIHtwcmltYXJ5QnV0dG9ufVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgICB7bGVhcm5Nb3JlPy50ZXh0ID8gKFxuICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICBocmVmPXtsZWFybk1vcmUubGlua31cbiAgICAgICAgICAgIHRhcmdldD17bGVhcm5Nb3JlLnRhcmdldH1cbiAgICAgICAgICAgIHNlbnRpbWVudD1cImluZm9cIlxuICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsZWFybk1vcmUudGV4dH1cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFN0YWNrPlxuICA8L0NvbnRhaW5lcj5cbilcbiJdfQ== */"));
|
|
33
59
|
const EmptyState = ({
|
|
34
60
|
image,
|
|
35
61
|
title,
|
|
@@ -42,41 +68,23 @@ const EmptyState = ({
|
|
|
42
68
|
bordered,
|
|
43
69
|
children,
|
|
44
70
|
"data-testid": dataTestId
|
|
45
|
-
}) => /* @__PURE__ */ jsx(
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
"data-testid": dataTestId,
|
|
52
|
-
children: /* @__PURE__ */ jsxs(StyledStack, { gap: 3, justifyContent: "center", alignItems: "center", children: [
|
|
53
|
-
/* @__PURE__ */ jsxs(Stack, { gap: 2, justifyContent: "center", alignItems: "center", children: [
|
|
54
|
-
image && typeof image === "string" ? /* @__PURE__ */ jsx("img", { width: IMAGE_SIZES[size], alt: "", src: image }) : image,
|
|
55
|
-
/* @__PURE__ */ jsxs(Stack, { gap: 0.5, alignItems: "center", children: [
|
|
56
|
-
title ? /* @__PURE__ */ jsx(CenteredText, { as: "h2", variant: "headingSmall", prominence: "strong", children: title }) : null,
|
|
57
|
-
/* @__PURE__ */ jsx(CenteredText, { as: "p", variant: "body", children: description })
|
|
58
|
-
] })
|
|
59
|
-
] }),
|
|
60
|
-
/* @__PURE__ */ jsxs(Stack, { gap: 2, justifyContent: "center", alignItems: "center", children: [
|
|
61
|
-
/* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
|
|
62
|
-
secondaryButton,
|
|
63
|
-
primaryButton
|
|
64
|
-
] }),
|
|
65
|
-
learnMore?.text ? /* @__PURE__ */ jsx(
|
|
66
|
-
Link,
|
|
67
|
-
{
|
|
68
|
-
href: learnMore.link,
|
|
69
|
-
target: learnMore.target,
|
|
70
|
-
sentiment: "info",
|
|
71
|
-
iconPosition: "right",
|
|
72
|
-
children: learnMore.text
|
|
73
|
-
}
|
|
74
|
-
) : null
|
|
75
|
-
] }),
|
|
76
|
-
children
|
|
71
|
+
}) => /* @__PURE__ */ jsx(Container, { size, bordered, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxs(StyledStack, { gap: 3, justifyContent: "center", alignItems: "center", children: [
|
|
72
|
+
/* @__PURE__ */ jsxs(Stack, { gap: 2, justifyContent: "center", alignItems: "center", children: [
|
|
73
|
+
image && typeof image === "string" ? /* @__PURE__ */ jsx("img", { width: IMAGE_SIZES[size], alt: "", src: image }) : image,
|
|
74
|
+
/* @__PURE__ */ jsxs(Stack, { gap: 0.5, alignItems: "center", children: [
|
|
75
|
+
title ? /* @__PURE__ */ jsx(CenteredText, { as: "h2", variant: "headingSmall", prominence: "strong", children: title }) : null,
|
|
76
|
+
/* @__PURE__ */ jsx(CenteredText, { as: "p", variant: "body", children: description })
|
|
77
77
|
] })
|
|
78
|
-
}
|
|
79
|
-
|
|
78
|
+
] }),
|
|
79
|
+
/* @__PURE__ */ jsxs(Stack, { gap: 2, justifyContent: "center", alignItems: "center", children: [
|
|
80
|
+
/* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
|
|
81
|
+
secondaryButton,
|
|
82
|
+
primaryButton
|
|
83
|
+
] }),
|
|
84
|
+
learnMore?.text ? /* @__PURE__ */ jsx(Link, { href: learnMore.link, target: learnMore.target, sentiment: "info", iconPosition: "right", children: learnMore.text }) : null
|
|
85
|
+
] }),
|
|
86
|
+
children
|
|
87
|
+
] }) });
|
|
80
88
|
export {
|
|
81
89
|
EmptyState
|
|
82
90
|
};
|
|
@@ -1,17 +1,24 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
3
|
import { useState, useRef, useEffect } from "react";
|
|
4
4
|
const ANIMATION_DURATION = 300;
|
|
5
|
-
const StyledExpandable =
|
|
6
|
-
shouldForwardProp: (prop) => !["opened", "minHeight", "animationDuration"].includes(prop)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
const StyledExpandable = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
6
|
+
shouldForwardProp: (prop) => !["opened", "minHeight", "animationDuration"].includes(prop),
|
|
7
|
+
target: "e5hc7t70"
|
|
8
|
+
} : {
|
|
9
|
+
shouldForwardProp: (prop) => !["opened", "minHeight", "animationDuration"].includes(prop),
|
|
10
|
+
target: "e5hc7t70",
|
|
11
|
+
label: "StyledExpandable"
|
|
12
|
+
})("transition:max-height ", ({
|
|
13
|
+
animationDuration
|
|
14
|
+
}) => animationDuration, "ms ease-out,opacity ", ({
|
|
15
|
+
animationDuration
|
|
16
|
+
}) => animationDuration, "ms ease-out;overflow:", ({
|
|
17
|
+
opened
|
|
18
|
+
}) => opened ? "visible" : "hidden", ";height:auto;max-height:", ({
|
|
19
|
+
opened,
|
|
20
|
+
minHeight
|
|
21
|
+
}) => opened ? "initial" : `${minHeight}px`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0V4cGFuZGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCc0UiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRXhwYW5kYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgQU5JTUFUSU9OX0RVUkFUSU9OID0gMzAwIC8vIGluIG1zXG5cbnR5cGUgRXhwYW5kYWJsZVByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGNvbnRlbnQgdG8gZGlzcGxheVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVG8gZGlzcGxheSBvciBub3QgdGhlIGNvbnRlbnRcbiAgICovXG4gIG9wZW5lZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFRoZSBtaW5pbXVtIGhlaWdodCBvZiB0aGUgY29udGVudFxuICAgKi9cbiAgbWluSGVpZ2h0PzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGFuaW1hdGlvbkR1cmF0aW9uPzogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFeHBhbmRhYmxlID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgIVsnb3BlbmVkJywgJ21pbkhlaWdodCcsICdhbmltYXRpb25EdXJhdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBvcGVuZWQ/OiBib29sZWFuOyBtaW5IZWlnaHQ6IG51bWJlcjsgYW5pbWF0aW9uRHVyYXRpb246IG51bWJlciB9PmBcbiAgdHJhbnNpdGlvbjpcbiAgICBtYXgtaGVpZ2h0ICR7KHsgYW5pbWF0aW9uRHVyYXRpb24gfSkgPT4gYW5pbWF0aW9uRHVyYXRpb259bXMgZWFzZS1vdXQsXG4gICAgb3BhY2l0eSAkeyh7IGFuaW1hdGlvbkR1cmF0aW9uIH0pID0+IGFuaW1hdGlvbkR1cmF0aW9ufW1zIGVhc2Utb3V0O1xuICBvdmVyZmxvdzogJHsoeyBvcGVuZWQgfSkgPT4gKG9wZW5lZCA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nKX07XG4gIGhlaWdodDogYXV0bztcbiAgbWF4LWhlaWdodDogJHsoeyBvcGVuZWQsIG1pbkhlaWdodCB9KSA9PlxuICAgIG9wZW5lZCA/ICdpbml0aWFsJyA6IGAke21pbkhlaWdodH1weGB9O1xuYFxuXG4vKipcbiAqIFRoZSBFeHBhbmRhYmxlIGNvbXBvbmVudCBpcyBhIGR5bmFtaWMgUmVhY3QgY29tcG9uZW50IHRoYXQgYWxsb3dzIGZvciB0aGUgZXhwYW5zaW9uIG9mIGl0cyBjaGlsZHJlbiBjb250ZW50XG4gKiBiYXNlZCBvbiBpdHMgaGVpZ2h0LiBUaGUgY29tcG9uZW50IGNvbWVzIHdpdGggYSBzbGVlayBhbmQgc21vb3RoIGFuaW1hdGlvbiwgcHJvdmlkaW5nIGEgdmlzdWFsbHkgcGxlYXNpbmdcbiAqIHVzZXIgZXhwZXJpZW5jZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEV4cGFuZGFibGUgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbmVkLFxuICBtaW5IZWlnaHQgPSAwLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGFuaW1hdGlvbkR1cmF0aW9uID0gQU5JTUFUSU9OX0RVUkFUSU9OLFxufTogRXhwYW5kYWJsZVByb3BzKSA9PiB7XG4gIGNvbnN0IFtoZWlnaHQsIHNldEhlaWdodF0gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihudWxsKVxuICBjb25zdCB0cmFuc2l0aW9uVGltZXIgPSB1c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCB1bmRlZmluZWQ+KClcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIC8qKlxuICAgKiBBdCBtb3VudCwgd2Ugc2V0IHRoZSBoZWlnaHQgdmFyaWFibGUgdG8gdGhlIGhlaWdodCBvZiB0aGUgY29udGVudCBvbmx5IGlmIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLlxuICAgKiBUaGlzIGlzIHRvIGVuc3VyZSB3ZSBkb24ndCBoYXZlIGFuaW1hdGlvbiB3aGVuIHRoZSBjb21wb25lbnQgaXMgb3BlbmVkIGF0IG1vdW50LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldEhlaWdodChyZWYuY3VycmVudC5zY3JvbGxIZWlnaHQgPz8gMClcbiAgICB9XG4gIH0sIFtyZWYuY3VycmVudD8uc2Nyb2xsSGVpZ2h0XSlcblxuICAvKipcbiAgICogSGVyZSB3ZSBzZXQgbWF4SGVpZ2h0IHRvIHRoZSBoZWlnaHQgb2YgdGhlIGNvbnRlbnQgd2hlbiB0aGUgY29tcG9uZW50IGlzIG9wZW5lZFxuICAgKiBhbmQgYWZ0ZXIgMzAwbXMgd2Ugc2V0IG1heEhlaWdodCB0byBpbml0aWFsIHRvIGxldCB0aGUgY29udGVudCBncm93IHdpdGggYW5pbWF0aW9uLlxuICAgKiBTZXR0aW5nIGl0IHRvIGluaXRpYWwgaXMgcmVxdWlyZWQgdG8gYmUgYWJsZSB0byBoYXZlIG5lc3RlZCBleHBhbmRhYmxlIG9yIHRoZSBoZWlnaHQgd29uJ3QgZm9sbG93LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob3BlbmVkICYmIHJlZi5jdXJyZW50ICYmIGhlaWdodCkge1xuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUubWF4SGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YFxuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUudmlzaWJpbGl0eSA9ICcnXG4gICAgICB0cmFuc2l0aW9uVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSAnaW5pdGlhbCdcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5vdmVyZmxvdyA9ICd2aXNpYmxlJ1xuICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnJ1xuICAgICAgICB9XG4gICAgICB9LCBBTklNQVRJT05fRFVSQVRJT04pXG4gICAgfSBlbHNlIHtcbiAgICAgIGNsZWFyVGltZW91dCh0cmFuc2l0aW9uVGltZXIuY3VycmVudClcblxuICAgICAgaWYgKHJlZi5jdXJyZW50ICYmIGhlaWdodCkge1xuICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSBgJHtoZWlnaHR9cHhgXG4gICAgICAgIHRyYW5zaXRpb25UaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSBgJHttaW5IZWlnaHR9cHhgXG4gICAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgaWYgKHJlZi5jdXJyZW50ICYmICFtaW5IZWlnaHQpIHtcbiAgICAgICAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS52aXNpYmlsaXR5ID0gJ2hpZGRlbidcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSwgQU5JTUFUSU9OX0RVUkFUSU9OKVxuICAgICAgICAgIH1cbiAgICAgICAgfSwgMClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRyYW5zaXRpb25UaW1lci5jdXJyZW50KVxuICAgIH1cbiAgfSwgW2hlaWdodCwgbWluSGVpZ2h0LCBvcGVuZWRdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEV4cGFuZGFibGVcbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9wZW5lZD17b3BlbmVkfVxuICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICBhbmltYXRpb25EdXJhdGlvbj17YW5pbWF0aW9uRHVyYXRpb259XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkRXhwYW5kYWJsZT5cbiAgKVxufVxuIl19 */"));
|
|
15
22
|
const Expandable = ({
|
|
16
23
|
children,
|
|
17
24
|
opened,
|
|
@@ -60,18 +67,7 @@ const Expandable = ({
|
|
|
60
67
|
clearTimeout(transitionTimer.current);
|
|
61
68
|
};
|
|
62
69
|
}, [height, minHeight, opened]);
|
|
63
|
-
return /* @__PURE__ */ jsx(
|
|
64
|
-
StyledExpandable,
|
|
65
|
-
{
|
|
66
|
-
"data-testid": dataTestId,
|
|
67
|
-
ref,
|
|
68
|
-
className,
|
|
69
|
-
opened,
|
|
70
|
-
minHeight,
|
|
71
|
-
animationDuration,
|
|
72
|
-
children
|
|
73
|
-
}
|
|
74
|
-
);
|
|
70
|
+
return /* @__PURE__ */ jsx(StyledExpandable, { "data-testid": dataTestId, ref, className, opened, minHeight, animationDuration, children });
|
|
75
71
|
};
|
|
76
72
|
export {
|
|
77
73
|
Expandable,
|
|
@@ -13,26 +13,10 @@ const GlobalAlertLink = ({
|
|
|
13
13
|
oneLine = false,
|
|
14
14
|
"data-testid": dataTestId
|
|
15
15
|
}) => {
|
|
16
|
-
const {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
href,
|
|
21
|
-
target,
|
|
22
|
-
download,
|
|
23
|
-
sentiment: "neutral",
|
|
24
|
-
prominence: theme === "light" ? "stronger" : "strong",
|
|
25
|
-
size: "small",
|
|
26
|
-
variant: "inline",
|
|
27
|
-
rel,
|
|
28
|
-
className,
|
|
29
|
-
onClick,
|
|
30
|
-
"aria-label": ariaLabel,
|
|
31
|
-
oneLine,
|
|
32
|
-
"data-testid": dataTestId,
|
|
33
|
-
children
|
|
34
|
-
}
|
|
35
|
-
);
|
|
16
|
+
const {
|
|
17
|
+
theme
|
|
18
|
+
} = useTheme();
|
|
19
|
+
return /* @__PURE__ */ jsx(Link, { href, target, download, sentiment: "neutral", prominence: theme === "light" ? "stronger" : "strong", size: "small", variant: "inline", rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, children });
|
|
36
20
|
};
|
|
37
21
|
export {
|
|
38
22
|
GlobalAlertLink
|
|
@@ -1,39 +1,31 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
2
3
|
import { useTheme } from "@emotion/react";
|
|
3
|
-
import styled from "@emotion/styled";
|
|
4
4
|
import { useReducer } from "react";
|
|
5
5
|
import { Button, SIZE_HEIGHT } from "../Button/index.js";
|
|
6
6
|
import { Stack } from "../Stack/index.js";
|
|
7
7
|
import { Text } from "../Text/index.js";
|
|
8
8
|
import { GlobalAlertLink } from "./GlobalAlertLink.js";
|
|
9
|
-
const CloseButton =
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
&[data-variant='danger'] {
|
|
30
|
-
background-color: ${({ theme }) => theme.colors.danger.backgroundStrong};
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&[data-variant='promotional'] {
|
|
34
|
-
background: ${({ theme }) => theme.colors.other.gradients.background.linear.aqua};
|
|
35
|
-
}
|
|
36
|
-
`;
|
|
9
|
+
const CloseButton = /* @__PURE__ */ _styled(Button, process.env.NODE_ENV === "production" ? {
|
|
10
|
+
target: "ewvyccp1"
|
|
11
|
+
} : {
|
|
12
|
+
target: "ewvyccp1",
|
|
13
|
+
label: "CloseButton"
|
|
14
|
+
})("background:none;position:absolute;right:", SIZE_HEIGHT.xsmall, "px;&:hover,&:focus,&:active{background:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0dsb2JhbEFsZXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWxlcnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVJlZHVjZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiwgU0laRV9IRUlHSFQgfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBHbG9iYWxBbGVydExpbmsgfSBmcm9tICcuL0dsb2JhbEFsZXJ0TGluaydcblxuY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogJHtTSVpFX0hFSUdIVC54c21hbGx9cHg7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNTZweDtcbiAgcGFkZGluZzogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuXG4gICZbZGF0YS12YXJpYW50PSdpbmZvJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmluZm8uYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAmW2RhdGEtdmFyaWFudD0nZGFuZ2VyJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLmRhbmdlci5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICZbZGF0YS12YXJpYW50PSdwcm9tb3Rpb25hbCddIHtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgICB0aGVtZS5jb2xvcnMub3RoZXIuZ3JhZGllbnRzLmJhY2tncm91bmQubGluZWFyLmFxdWF9O1xuICB9XG5gXG5cbnR5cGUgR2xvYmFsQWxlcnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICB2YXJpYW50PzogJ2luZm8nIHwgJ2RhbmdlcicgfCAncHJvbW90aW9uYWwnXG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsb3NhYmxlPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBidXR0b25UZXh0Pzogc3RyaW5nXG4gIG9uQ2xpY2tCdXR0b24/OiAoKSA9PiB2b2lkXG59XG5cbi8qKlxuICogR2xvYmFsQWxlcnQgaXMgYSBjb21wb25lbnQgdGhhdCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBnbG9iYWwgYWxlcnQgbWVzc2FnZS5cbiAqIEl0IGhhcyBpdHMgb3duIGludGVybmFsIHN0YXRlIGFuZCBjYW4gYmUgY2xvc2VkIGJ5IGNsaWNraW5nIG9uIHRoZSBjbG9zZSBidXR0b24uXG4gKi9cbmV4cG9ydCBjb25zdCBHbG9iYWxBbGVydCA9ICh7XG4gIGNoaWxkcmVuLFxuICB2YXJpYW50ID0gJ2luZm8nLFxuICBvbkNsb3NlLFxuICBjbG9zYWJsZSA9IHRydWUsXG4gIGJ1dHRvblRleHQsXG4gIG9uQ2xpY2tCdXR0b24sXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEdsb2JhbEFsZXJ0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKVxuICBjb25zdCBbb3BlbmVkLCB0b2dnbGVPcGVuZWRdID0gdXNlUmVkdWNlcih2YWx1ZSA9PiAhdmFsdWUsIHRydWUpXG5cbiAgaWYgKCFvcGVuZWQpIHJldHVybiBudWxsXG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBkYXRhLXZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIDxTdGFja1xuICAgICAgICBnYXA9ezJ9XG4gICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICA+XG4gICAgICAgIDxUZXh0XG4gICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICBwcm9taW5lbmNlPXt0aGVtZSA9PT0gJ2xpZ2h0JyA/ICdzdHJvbmdlcicgOiAnc3Ryb25nJ31cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICB7b25DbGlja0J1dHRvbiAmJiBidXR0b25UZXh0ID8gKFxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tCdXR0b259XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgICAge2Nsb3NhYmxlID8gKFxuICAgICAgICA8Q2xvc2VCdXR0b25cbiAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICBzaXplPVwieHNtYWxsXCJcbiAgICAgICAgICBpY29uPVwiY2xvc2VcIlxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIHRvZ2dsZU9wZW5lZCgpXG4gICAgICAgICAgICBvbkNsb3NlPy4oKVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuXG5HbG9iYWxBbGVydC5MaW5rID0gR2xvYmFsQWxlcnRMaW5rXG4iXX0= */"));
|
|
15
|
+
const Container = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
|
|
16
|
+
target: "ewvyccp0"
|
|
17
|
+
} : {
|
|
18
|
+
target: "ewvyccp0",
|
|
19
|
+
label: "Container"
|
|
20
|
+
})("width:100%;height:56px;padding:0 ", ({
|
|
21
|
+
theme
|
|
22
|
+
}) => theme.space["2"], ";&[data-variant='info']{background-color:", ({
|
|
23
|
+
theme
|
|
24
|
+
}) => theme.colors.info.backgroundStrong, ";}&[data-variant='danger']{background-color:", ({
|
|
25
|
+
theme
|
|
26
|
+
}) => theme.colors.danger.backgroundStrong, ";}&[data-variant='promotional']{background:", ({
|
|
27
|
+
theme
|
|
28
|
+
}) => theme.colors.other.gradients.background.linear.aqua, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0dsb2JhbEFsZXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0dsb2JhbEFsZXJ0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VSZWR1Y2VyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24sIFNJWkVfSEVJR0hUIH0gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgR2xvYmFsQWxlcnRMaW5rIH0gZnJvbSAnLi9HbG9iYWxBbGVydExpbmsnXG5cbmNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6ICR7U0laRV9IRUlHSFQueHNtYWxsfXB4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMsXG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTdGFjaylgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDU2cHg7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcblxuICAmW2RhdGEtdmFyaWFudD0naW5mbyddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5pbmZvLmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJltkYXRhLXZhcmlhbnQ9J2RhbmdlciddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAmW2RhdGEtdmFyaWFudD0ncHJvbW90aW9uYWwnXSB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLm90aGVyLmdyYWRpZW50cy5iYWNrZ3JvdW5kLmxpbmVhci5hcXVhfTtcbiAgfVxuYFxuXG50eXBlIEdsb2JhbEFsZXJ0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgdmFyaWFudD86ICdpbmZvJyB8ICdkYW5nZXInIHwgJ3Byb21vdGlvbmFsJ1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZFxuICBjbG9zYWJsZT86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgYnV0dG9uVGV4dD86IHN0cmluZ1xuICBvbkNsaWNrQnV0dG9uPzogKCkgPT4gdm9pZFxufVxuXG4vKipcbiAqIEdsb2JhbEFsZXJ0IGlzIGEgY29tcG9uZW50IHRoYXQgaXMgdXNlZCB0byBkaXNwbGF5IGEgZ2xvYmFsIGFsZXJ0IG1lc3NhZ2UuXG4gKiBJdCBoYXMgaXRzIG93biBpbnRlcm5hbCBzdGF0ZSBhbmQgY2FuIGJlIGNsb3NlZCBieSBjbGlja2luZyBvbiB0aGUgY2xvc2UgYnV0dG9uLlxuICovXG5leHBvcnQgY29uc3QgR2xvYmFsQWxlcnQgPSAoe1xuICBjaGlsZHJlbixcbiAgdmFyaWFudCA9ICdpbmZvJyxcbiAgb25DbG9zZSxcbiAgY2xvc2FibGUgPSB0cnVlLFxuICBidXR0b25UZXh0LFxuICBvbkNsaWNrQnV0dG9uLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBHbG9iYWxBbGVydFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVRoZW1lKClcbiAgY29uc3QgW29wZW5lZCwgdG9nZ2xlT3BlbmVkXSA9IHVzZVJlZHVjZXIodmFsdWUgPT4gIXZhbHVlLCB0cnVlKVxuXG4gIGlmICghb3BlbmVkKSByZXR1cm4gbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lclxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgZGF0YS12YXJpYW50PXt2YXJpYW50fVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICA8U3RhY2tcbiAgICAgICAgZ2FwPXsyfVxuICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgPlxuICAgICAgICA8VGV4dFxuICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgcHJvbWluZW5jZT17dGhlbWUgPT09ICdsaWdodCcgPyAnc3Ryb25nZXInIDogJ3N0cm9uZyd9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICAge29uQ2xpY2tCdXR0b24gJiYgYnV0dG9uVGV4dCA/IChcbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrQnV0dG9ufVxuICAgICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2J1dHRvblRleHR9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtjbG9zYWJsZSA/IChcbiAgICAgICAgPENsb3NlQnV0dG9uXG4gICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgICAgICAgaWNvbj1cImNsb3NlXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICB0b2dnbGVPcGVuZWQoKVxuICAgICAgICAgICAgb25DbG9zZT8uKClcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9Db250YWluZXI+XG4gIClcbn1cblxuR2xvYmFsQWxlcnQuTGluayA9IEdsb2JhbEFsZXJ0TGlua1xuIl19 */"));
|
|
37
29
|
const GlobalAlert = ({
|
|
38
30
|
children,
|
|
39
31
|
variant = "info",
|
|
@@ -44,67 +36,22 @@ const GlobalAlert = ({
|
|
|
44
36
|
className,
|
|
45
37
|
"data-testid": dataTestId
|
|
46
38
|
}) => {
|
|
47
|
-
const {
|
|
39
|
+
const {
|
|
40
|
+
theme
|
|
41
|
+
} = useTheme();
|
|
48
42
|
const [opened, toggleOpened] = useReducer((value) => !value, true);
|
|
49
43
|
if (!opened)
|
|
50
44
|
return null;
|
|
51
|
-
return /* @__PURE__ */ jsxs(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
/* @__PURE__ */ jsxs(
|
|
62
|
-
Stack,
|
|
63
|
-
{
|
|
64
|
-
gap: 2,
|
|
65
|
-
direction: "row",
|
|
66
|
-
justifyContent: "center",
|
|
67
|
-
alignItems: "center",
|
|
68
|
-
children: [
|
|
69
|
-
/* @__PURE__ */ jsx(
|
|
70
|
-
Text,
|
|
71
|
-
{
|
|
72
|
-
variant: "bodySmall",
|
|
73
|
-
as: "p",
|
|
74
|
-
sentiment: "neutral",
|
|
75
|
-
prominence: theme === "light" ? "stronger" : "strong",
|
|
76
|
-
children
|
|
77
|
-
}
|
|
78
|
-
),
|
|
79
|
-
onClickButton && buttonText ? /* @__PURE__ */ jsx(
|
|
80
|
-
Button,
|
|
81
|
-
{
|
|
82
|
-
onClick: onClickButton,
|
|
83
|
-
variant: "filled",
|
|
84
|
-
sentiment: "neutral",
|
|
85
|
-
size: "small",
|
|
86
|
-
children: buttonText
|
|
87
|
-
}
|
|
88
|
-
) : null
|
|
89
|
-
]
|
|
90
|
-
}
|
|
91
|
-
),
|
|
92
|
-
closable ? /* @__PURE__ */ jsx(
|
|
93
|
-
CloseButton,
|
|
94
|
-
{
|
|
95
|
-
variant: "filled",
|
|
96
|
-
size: "xsmall",
|
|
97
|
-
icon: "close",
|
|
98
|
-
sentiment: "primary",
|
|
99
|
-
onClick: () => {
|
|
100
|
-
toggleOpened();
|
|
101
|
-
onClose?.();
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
) : null
|
|
105
|
-
]
|
|
106
|
-
}
|
|
107
|
-
);
|
|
45
|
+
return /* @__PURE__ */ jsxs(Container, { justifyContent: "center", alignItems: "center", direction: "row", "data-variant": variant, "data-testid": dataTestId, className, children: [
|
|
46
|
+
/* @__PURE__ */ jsxs(Stack, { gap: 2, direction: "row", justifyContent: "center", alignItems: "center", children: [
|
|
47
|
+
/* @__PURE__ */ jsx(Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: theme === "light" ? "stronger" : "strong", children }),
|
|
48
|
+
onClickButton && buttonText ? /* @__PURE__ */ jsx(Button, { onClick: onClickButton, variant: "filled", sentiment: "neutral", size: "small", children: buttonText }) : null
|
|
49
|
+
] }),
|
|
50
|
+
closable ? /* @__PURE__ */ jsx(CloseButton, { variant: "filled", size: "xsmall", icon: "close", sentiment: "primary", onClick: () => {
|
|
51
|
+
toggleOpened();
|
|
52
|
+
onClose?.();
|
|
53
|
+
} }) : null
|
|
54
|
+
] });
|
|
108
55
|
};
|
|
109
56
|
GlobalAlert.Link = GlobalAlertLink;
|
|
110
57
|
export {
|