@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,26 +1,40 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
const StyledContainer =
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
const
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
3
|
+
const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
4
|
+
target: "e1yrvvrg2"
|
|
5
|
+
} : {
|
|
6
|
+
target: "e1yrvvrg2",
|
|
7
|
+
label: "StyledContainer"
|
|
8
|
+
})("height:277px;display:grid;grid-template-columns:repeat(", ({
|
|
9
|
+
length
|
|
10
|
+
}) => length, ", 1fr);gap:", ({
|
|
11
|
+
theme
|
|
12
|
+
}) => theme.space["2"], ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXNEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGxlbmd0aDogbnVtYmVyIH0+YFxuICBoZWlnaHQ6IDI3N3B4O1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGxlbmd0aCB9KSA9PiBsZW5ndGh9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIG92ZXJmbG93OiBhdXRvO1xuYFxuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgd2lkdGg6IDIzOXB4O1xuICBoZWlnaHQ6IDI2MXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5jb25zdCBTdHlsZWRCYW5uZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAzMyU7XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBsZW5ndGggPSA0IH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZENvbnRhaW5lciBsZW5ndGg9e2xlbmd0aH0+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxTdHlsZWRDYXJkIGtleT17YHNrZWxldG9uLXNsaWRlci1jYXJkLSR7aX1gfT5cbiAgICAgICAgPFN0eWxlZEJhbm5lciAvPlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICkpfVxuICA8L1N0eWxlZENvbnRhaW5lcj5cbilcbiJdfQ== */"));
|
|
13
|
+
const StyledCard = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
14
|
+
target: "e1yrvvrg1"
|
|
15
|
+
} : {
|
|
16
|
+
target: "e1yrvvrg1",
|
|
17
|
+
label: "StyledCard"
|
|
18
|
+
})("border:1px solid ", ({
|
|
19
|
+
theme
|
|
20
|
+
}) => theme.colors.neutral.borderWeak, ";border-radius:", ({
|
|
21
|
+
theme
|
|
22
|
+
}) => theme.radii.default, ";width:239px;height:261px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IGxlbmd0aDogbnVtYmVyIH0+YFxuICBoZWlnaHQ6IDI3N3B4O1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgkeyh7IGxlbmd0aCB9KSA9PiBsZW5ndGh9LCAxZnIpO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIG92ZXJmbG93OiBhdXRvO1xuYFxuXG5jb25zdCBTdHlsZWRDYXJkID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgd2lkdGg6IDIzOXB4O1xuICBoZWlnaHQ6IDI2MXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG5jb25zdCBTdHlsZWRCYW5uZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAzMyU7XG5gXG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBsZW5ndGggPSA0IH06IHsgbGVuZ3RoPzogbnVtYmVyIH0pID0+IChcbiAgPFN0eWxlZENvbnRhaW5lciBsZW5ndGg9e2xlbmd0aH0+XG4gICAge0FycmF5LmZyb20oeyBsZW5ndGggfSwgKF8sIGkpID0+IChcbiAgICAgIDxTdHlsZWRDYXJkIGtleT17YHNrZWxldG9uLXNsaWRlci1jYXJkLSR7aX1gfT5cbiAgICAgICAgPFN0eWxlZEJhbm5lciAvPlxuICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICkpfVxuICA8L1N0eWxlZENvbnRhaW5lcj5cbilcbiJdfQ== */"));
|
|
23
|
+
const StyledBanner = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
24
|
+
target: "e1yrvvrg0"
|
|
25
|
+
} : {
|
|
26
|
+
target: "e1yrvvrg0",
|
|
27
|
+
label: "StyledBanner"
|
|
28
|
+
})("border:1px solid ", ({
|
|
29
|
+
theme
|
|
30
|
+
}) => theme.colors.neutral.borderWeak, ";background-color:", ({
|
|
31
|
+
theme
|
|
32
|
+
}) => theme.colors.neutral.borderWeak, ";width:100%;height:33%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9TbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBsZW5ndGg6IG51bWJlciB9PmBcbiAgaGVpZ2h0OiAyNzdweDtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoJHsoeyBsZW5ndGggfSkgPT4gbGVuZ3RofSwgMWZyKTtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBvdmVyZmxvdzogYXV0bztcbmBcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIHdpZHRoOiAyMzlweDtcbiAgaGVpZ2h0OiAyNjFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdmBcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzMlO1xuYFxuXG5leHBvcnQgY29uc3QgU2xpZGVyID0gKHsgbGVuZ3RoID0gNCB9OiB7IGxlbmd0aD86IG51bWJlciB9KSA9PiAoXG4gIDxTdHlsZWRDb250YWluZXIgbGVuZ3RoPXtsZW5ndGh9PlxuICAgIHtBcnJheS5mcm9tKHsgbGVuZ3RoIH0sIChfLCBpKSA9PiAoXG4gICAgICA8U3R5bGVkQ2FyZCBrZXk9e2Bza2VsZXRvbi1zbGlkZXItY2FyZC0ke2l9YH0+XG4gICAgICAgIDxTdHlsZWRCYW5uZXIgLz5cbiAgICAgIDwvU3R5bGVkQ2FyZD5cbiAgICApKX1cbiAgPC9TdHlsZWRDb250YWluZXI+XG4pXG4iXX0= */"));
|
|
33
|
+
const Slider = ({
|
|
34
|
+
length = 4
|
|
35
|
+
}) => /* @__PURE__ */ jsx(StyledContainer, { length, children: Array.from({
|
|
36
|
+
length
|
|
37
|
+
}, (_, i) => /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsx(StyledBanner, {}) }, `skeleton-slider-card-${i}`)) });
|
|
24
38
|
export {
|
|
25
39
|
Slider
|
|
26
40
|
};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
const Square =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
const Square = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
3
|
+
target: "e1uz28830"
|
|
4
|
+
} : {
|
|
5
|
+
target: "e1uz28830",
|
|
6
|
+
label: "Square"
|
|
7
|
+
})("height:100%;width:100%;max-width:100%;background-color:", ({
|
|
8
|
+
theme
|
|
9
|
+
}) => theme.colors.neutral.borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NxdWFyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NxdWFyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFNxdWFyZSA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcbiJdfQ== */"));
|
|
8
10
|
export {
|
|
9
11
|
Square
|
|
10
12
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
2
3
|
import { keyframes } from "@emotion/react";
|
|
3
|
-
import styled from "@emotion/styled";
|
|
4
4
|
import { Block } from "./Block.js";
|
|
5
5
|
import { Blocks } from "./Blocks.js";
|
|
6
6
|
import { BoxWithIcon } from "./BoxWithIcon.js";
|
|
@@ -9,6 +9,9 @@ import { Line } from "./Line.js";
|
|
|
9
9
|
import { List } from "./List.js";
|
|
10
10
|
import { Slider } from "./Slider.js";
|
|
11
11
|
import { Square } from "./Square.js";
|
|
12
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
13
|
+
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).";
|
|
14
|
+
}
|
|
12
15
|
const shineAnimation = keyframes`
|
|
13
16
|
from {
|
|
14
17
|
left: -25%;
|
|
@@ -17,36 +20,36 @@ const shineAnimation = keyframes`
|
|
|
17
20
|
left: 100%;
|
|
18
21
|
}
|
|
19
22
|
`;
|
|
20
|
-
const StyledContainer =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
position:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
23
|
+
const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
24
|
+
target: "e183x2r81"
|
|
25
|
+
} : {
|
|
26
|
+
target: "e183x2r81",
|
|
27
|
+
label: "StyledContainer"
|
|
28
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
29
|
+
name: "158ltsb",
|
|
30
|
+
styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%"
|
|
31
|
+
} : {
|
|
32
|
+
name: "158ltsb",
|
|
33
|
+
styles: "position:relative;width:100%;overflow:hidden;cursor:progress;display:flex;flex-flow:column;height:100%",
|
|
34
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCbG9jayB9IGZyb20gJy4vQmxvY2snXG5pbXBvcnQgeyBCbG9ja3MgfSBmcm9tICcuL0Jsb2NrcydcbmltcG9ydCB7IEJveFdpdGhJY29uIH0gZnJvbSAnLi9Cb3hXaXRoSWNvbidcbmltcG9ydCB7IERvbnV0IH0gZnJvbSAnLi9Eb251dCdcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnLi9MaXN0J1xuaW1wb3J0IHsgU2xpZGVyIH0gZnJvbSAnLi9TbGlkZXInXG5pbXBvcnQgeyBTcXVhcmUgfSBmcm9tICcuL1NxdWFyZSdcblxuY29uc3Qgc2hpbmVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIGxlZnQ6IC0yNSU7XG4gIH1cbiAgdG8ge1xuICAgIGxlZnQ6IDEwMCU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwcm9ncmVzcztcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbmBcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDI1JTtcbiAgb3BhY2l0eTogMC44O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTRELFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NjYsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTAwXG4gICk7XG4gIGFuaW1hdGlvbjogJHtzaGluZUFuaW1hdGlvbn0gMXMgbGluZWFyIGluZmluaXRlO1xuICBhbmltYXRpb24tZGlyZWN0aW9uOiBhbHRlcm5hdGU7XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IHVuc2V0O1xuICB9XG5gXG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBibG9jazogQmxvY2ssXG4gIGJsb2NrczogQmxvY2tzLFxuICBib3g6IEJveFdpdGhJY29uLFxuICBkb251dDogRG9udXQsXG4gIGxpbmU6IExpbmUsXG4gIGxpc3Q6IExpc3QsXG4gIHNsaWRlcjogU2xpZGVyLFxuICBzcXVhcmU6IFNxdWFyZSxcbn0gYXMgY29uc3RcblxudHlwZSBTa2VsZXRvblZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgdmFyaWFudHNcblxudHlwZSBTa2VsZXRvblByb3BzID0ge1xuICB2YXJpYW50PzogU2tlbGV0b25WYXJpYW50XG4gIGxlbmd0aD86IG51bWJlclxuICBjb2w/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdhcmlhLWxhYmVsJz86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU2tlbGV0b24gY29tcG9uZW50IGlzIHVzZWQgdG8gaW5kaWNhdGUgdGhhdCB0aGUgZGF0YSBpcyBsb2FkaW5nLlxuICogSXQgaXMgdXNlZCB0byBwcm92aWRlIGEgYmV0dGVyIHVzZXIgZXhwZXJpZW5jZSBieSBzaG93aW5nIGEgdGVtcG9yYXJ5IHBsYWNlaG9sZGVyIHJlZmxlY3RpbmcgdGhlIGRpbWVuc2lvbnMgb2YgdGhlXG4gKiBjb250ZW50IHRoYXQgd2lsbCBldmVudHVhbGx5IGJlIGxvYWRlZCBvbiB0aGUgc2NyZWVuLlxuICovXG5leHBvcnQgY29uc3QgU2tlbGV0b24gPSAoe1xuICB2YXJpYW50ID0gJ2Jsb2NrcycsXG4gIGxlbmd0aCxcbiAgY29sLFxuICBjbGFzc05hbWUsXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2tlbGV0b25Qcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSB2YXJpYW50c1t2YXJpYW50XVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhcmlhLWJ1c3lcbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q29tcG9uZW50IGxlbmd0aD17bGVuZ3RofSBjb2w9e2NvbH0gLz5cblxuICAgICAgPFN0eWxlZERpdiAvPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBza2VsZXRvblR5cGVzID0gT2JqZWN0LmtleXModmFyaWFudHMpIGFzIFNrZWxldG9uVmFyaWFudFtdXG4iXX0= */",
|
|
35
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
36
|
+
});
|
|
37
|
+
const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
38
|
+
target: "e183x2r80"
|
|
39
|
+
} : {
|
|
40
|
+
target: "e183x2r80",
|
|
41
|
+
label: "StyledDiv"
|
|
42
|
+
})("position:absolute;top:0;height:100%;width:25%;opacity:0.8;background:linear-gradient(\n 90deg,\n ", ({
|
|
43
|
+
theme
|
|
44
|
+
}) => theme.colors.neutral.backgroundWeak, "00,\n ", ({
|
|
45
|
+
theme
|
|
46
|
+
}) => theme.colors.neutral.backgroundWeak, "4D,\n ", ({
|
|
47
|
+
theme
|
|
48
|
+
}) => theme.colors.neutral.backgroundWeak, "66,\n ", ({
|
|
49
|
+
theme
|
|
50
|
+
}) => theme.colors.neutral.backgroundWeak, "4D,\n ", ({
|
|
51
|
+
theme
|
|
52
|
+
}) => theme.colors.neutral.backgroundWeak, "00\n );animation:", shineAnimation, " 1s linear infinite;animation-direction:alternate;@media (prefers-reduced-motion: reduce){animation:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCbG9jayB9IGZyb20gJy4vQmxvY2snXG5pbXBvcnQgeyBCbG9ja3MgfSBmcm9tICcuL0Jsb2NrcydcbmltcG9ydCB7IEJveFdpdGhJY29uIH0gZnJvbSAnLi9Cb3hXaXRoSWNvbidcbmltcG9ydCB7IERvbnV0IH0gZnJvbSAnLi9Eb251dCdcbmltcG9ydCB7IExpbmUgfSBmcm9tICcuL0xpbmUnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnLi9MaXN0J1xuaW1wb3J0IHsgU2xpZGVyIH0gZnJvbSAnLi9TbGlkZXInXG5pbXBvcnQgeyBTcXVhcmUgfSBmcm9tICcuL1NxdWFyZSdcblxuY29uc3Qgc2hpbmVBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIGxlZnQ6IC0yNSU7XG4gIH1cbiAgdG8ge1xuICAgIGxlZnQ6IDEwMCU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwcm9ncmVzcztcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbmBcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDI1JTtcbiAgb3BhY2l0eTogMC44O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30wMCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTRELFxuICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NjYsXG4gICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300RCxcbiAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTAwXG4gICk7XG4gIGFuaW1hdGlvbjogJHtzaGluZUFuaW1hdGlvbn0gMXMgbGluZWFyIGluZmluaXRlO1xuICBhbmltYXRpb24tZGlyZWN0aW9uOiBhbHRlcm5hdGU7XG5cbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IHVuc2V0O1xuICB9XG5gXG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBibG9jazogQmxvY2ssXG4gIGJsb2NrczogQmxvY2tzLFxuICBib3g6IEJveFdpdGhJY29uLFxuICBkb251dDogRG9udXQsXG4gIGxpbmU6IExpbmUsXG4gIGxpc3Q6IExpc3QsXG4gIHNsaWRlcjogU2xpZGVyLFxuICBzcXVhcmU6IFNxdWFyZSxcbn0gYXMgY29uc3RcblxudHlwZSBTa2VsZXRvblZhcmlhbnQgPSBrZXlvZiB0eXBlb2YgdmFyaWFudHNcblxudHlwZSBTa2VsZXRvblByb3BzID0ge1xuICB2YXJpYW50PzogU2tlbGV0b25WYXJpYW50XG4gIGxlbmd0aD86IG51bWJlclxuICBjb2w/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdhcmlhLWxhYmVsJz86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU2tlbGV0b24gY29tcG9uZW50IGlzIHVzZWQgdG8gaW5kaWNhdGUgdGhhdCB0aGUgZGF0YSBpcyBsb2FkaW5nLlxuICogSXQgaXMgdXNlZCB0byBwcm92aWRlIGEgYmV0dGVyIHVzZXIgZXhwZXJpZW5jZSBieSBzaG93aW5nIGEgdGVtcG9yYXJ5IHBsYWNlaG9sZGVyIHJlZmxlY3RpbmcgdGhlIGRpbWVuc2lvbnMgb2YgdGhlXG4gKiBjb250ZW50IHRoYXQgd2lsbCBldmVudHVhbGx5IGJlIGxvYWRlZCBvbiB0aGUgc2NyZWVuLlxuICovXG5leHBvcnQgY29uc3QgU2tlbGV0b24gPSAoe1xuICB2YXJpYW50ID0gJ2Jsb2NrcycsXG4gIGxlbmd0aCxcbiAgY29sLFxuICBjbGFzc05hbWUsXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU2tlbGV0b25Qcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSB2YXJpYW50c1t2YXJpYW50XVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhcmlhLWJ1c3lcbiAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICA8Q29tcG9uZW50IGxlbmd0aD17bGVuZ3RofSBjb2w9e2NvbH0gLz5cblxuICAgICAgPFN0eWxlZERpdiAvPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBza2VsZXRvblR5cGVzID0gT2JqZWN0LmtleXModmFyaWFudHMpIGFzIFNrZWxldG9uVmFyaWFudFtdXG4iXX0= */"));
|
|
50
53
|
const variants = {
|
|
51
54
|
block: Block,
|
|
52
55
|
blocks: Blocks,
|
|
@@ -66,20 +69,10 @@ const Skeleton = ({
|
|
|
66
69
|
"data-testid": dataTestId
|
|
67
70
|
}) => {
|
|
68
71
|
const Component = variants[variant];
|
|
69
|
-
return /* @__PURE__ */ jsxs(
|
|
70
|
-
|
|
71
|
-
{
|
|
72
|
-
|
|
73
|
-
"aria-busy": true,
|
|
74
|
-
"aria-live": "polite",
|
|
75
|
-
"aria-label": ariaLabel,
|
|
76
|
-
"data-testid": dataTestId,
|
|
77
|
-
children: [
|
|
78
|
-
/* @__PURE__ */ jsx(Component, { length, col }),
|
|
79
|
-
/* @__PURE__ */ jsx(StyledDiv, {})
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
);
|
|
72
|
+
return /* @__PURE__ */ jsxs(StyledContainer, { className, "aria-busy": true, "aria-live": "polite", "aria-label": ariaLabel, "data-testid": dataTestId, children: [
|
|
73
|
+
/* @__PURE__ */ jsx(Component, { length, col }),
|
|
74
|
+
/* @__PURE__ */ jsx(StyledDiv, {})
|
|
75
|
+
] });
|
|
83
76
|
};
|
|
84
77
|
export {
|
|
85
78
|
Skeleton
|