@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.
Files changed (127) hide show
  1. package/dist/components/ActionBar/index.js +16 -26
  2. package/dist/components/Alert/index.js +77 -88
  3. package/dist/components/Avatar/index.js +29 -26
  4. package/dist/components/Badge/index.js +36 -52
  5. package/dist/components/Banner/index.js +64 -139
  6. package/dist/components/BarChart/Tooltip.js +23 -18
  7. package/dist/components/BarChart/index.js +29 -42
  8. package/dist/components/BarStack/index.js +89 -163
  9. package/dist/components/Breadcrumbs/index.js +30 -33
  10. package/dist/components/Bullet/index.js +24 -28
  11. package/dist/components/Button/index.js +117 -159
  12. package/dist/components/Card/index.js +45 -52
  13. package/dist/components/Carousel/index.js +75 -99
  14. package/dist/components/Checkbox/index.js +246 -343
  15. package/dist/components/CheckboxGroup/index.js +60 -56
  16. package/dist/components/CopyButton/index.js +1 -15
  17. package/dist/components/DateInput/index.js +124 -243
  18. package/dist/components/Dialog/Context.js +1 -3
  19. package/dist/components/Dialog/index.js +22 -43
  20. package/dist/components/Dialog/subComponents/Button.js +1 -10
  21. package/dist/components/Dialog/subComponents/Stack.js +3 -1
  22. package/dist/components/Dialog/subComponents/Text.js +3 -1
  23. package/dist/components/EmptyState/index.js +58 -50
  24. package/dist/components/Expandable/index.js +19 -23
  25. package/dist/components/GlobalAlert/GlobalAlertLink.js +4 -20
  26. package/dist/components/GlobalAlert/index.js +34 -87
  27. package/dist/components/LineChart/CustomLegend.js +76 -72
  28. package/dist/components/LineChart/Tooltip.js +26 -37
  29. package/dist/components/LineChart/helpers.js +11 -9
  30. package/dist/components/LineChart/index.js +38 -55
  31. package/dist/components/Link/index.js +86 -125
  32. package/dist/components/List/Body.js +12 -7
  33. package/dist/components/List/Cell.js +36 -33
  34. package/dist/components/List/HeaderCell.js +54 -68
  35. package/dist/components/List/HeaderRow.js +16 -18
  36. package/dist/components/List/ListContext.js +68 -87
  37. package/dist/components/List/Row.js +136 -169
  38. package/dist/components/List/SelectBar.js +31 -14
  39. package/dist/components/List/SkeletonRows.js +42 -23
  40. package/dist/components/List/index.js +39 -59
  41. package/dist/components/Loader/index.js +44 -65
  42. package/dist/components/Menu/Item.js +52 -62
  43. package/dist/components/Menu/index.js +105 -171
  44. package/dist/components/MenuV2/Group.js +14 -16
  45. package/dist/components/MenuV2/Item.js +67 -74
  46. package/dist/components/MenuV2/index.js +76 -110
  47. package/dist/components/Meter/index.js +44 -57
  48. package/dist/components/Modal/Dialog.js +44 -100
  49. package/dist/components/Modal/index.js +23 -58
  50. package/dist/components/Notice/index.js +13 -29
  51. package/dist/components/Notification/index.js +9 -48
  52. package/dist/components/NumberInput/index.js +113 -200
  53. package/dist/components/NumberInputV2/index.js +200 -349
  54. package/dist/components/Pagination/getPageNumbers.js +3 -1
  55. package/dist/components/Pagination/index.js +45 -81
  56. package/dist/components/PasswordCheck/index.js +10 -15
  57. package/dist/components/PasswordStrengthMeter/index.js +66 -68
  58. package/dist/components/PieChart/Legends.js +121 -99
  59. package/dist/components/PieChart/Tooltip.js +35 -15
  60. package/dist/components/PieChart/index.js +68 -87
  61. package/dist/components/Popover/index.js +57 -106
  62. package/dist/components/Popup/helpers.js +24 -12
  63. package/dist/components/Popup/index.js +263 -351
  64. package/dist/components/ProgressBar/index.js +33 -51
  65. package/dist/components/Radio/index.js +119 -188
  66. package/dist/components/RadioGroup/index.js +46 -51
  67. package/dist/components/Row/index.js +11 -20
  68. package/dist/components/SelectInput/index.js +165 -212
  69. package/dist/components/SelectInputV2/Dropdown.js +233 -473
  70. package/dist/components/SelectInputV2/DropdownOption.js +44 -115
  71. package/dist/components/SelectInputV2/SearchBarDropdown.js +28 -44
  72. package/dist/components/SelectInputV2/SelectBar.js +137 -240
  73. package/dist/components/SelectInputV2/SelectInputProvider.js +45 -77
  74. package/dist/components/SelectInputV2/index.js +39 -98
  75. package/dist/components/SelectableCard/index.js +127 -183
  76. package/dist/components/SelectableCardGroup/index.js +50 -55
  77. package/dist/components/Separator/index.js +44 -64
  78. package/dist/components/Skeleton/Block.js +28 -20
  79. package/dist/components/Skeleton/Blocks.js +26 -16
  80. package/dist/components/Skeleton/BoxWithIcon.js +24 -17
  81. package/dist/components/Skeleton/Donut.js +46 -21
  82. package/dist/components/Skeleton/IconSkeleton.js +19 -9
  83. package/dist/components/Skeleton/Line.js +11 -8
  84. package/dist/components/Skeleton/List.js +48 -21
  85. package/dist/components/Skeleton/Slider.js +36 -22
  86. package/dist/components/Skeleton/Square.js +9 -7
  87. package/dist/components/Skeleton/index.js +38 -45
  88. package/dist/components/Snippet/index.js +139 -128
  89. package/dist/components/Stack/index.js +10 -17
  90. package/dist/components/Status/index.js +42 -27
  91. package/dist/components/StepList/index.js +34 -45
  92. package/dist/components/Stepper/index.js +106 -114
  93. package/dist/components/SwitchButton/FocusOverlay.js +18 -27
  94. package/dist/components/SwitchButton/index.js +39 -103
  95. package/dist/components/Table/Body.js +3 -1
  96. package/dist/components/Table/Cell.js +15 -6
  97. package/dist/components/Table/Header.js +12 -5
  98. package/dist/components/Table/HeaderCell.js +48 -91
  99. package/dist/components/Table/HeaderRow.js +11 -13
  100. package/dist/components/Table/Row.js +39 -44
  101. package/dist/components/Table/SelectBar.js +31 -14
  102. package/dist/components/Table/SkeletonRows.js +43 -11
  103. package/dist/components/Table/TableContext.js +29 -44
  104. package/dist/components/Table/index.js +37 -51
  105. package/dist/components/Tabs/Tab.js +108 -158
  106. package/dist/components/Tabs/TabMenu.js +52 -53
  107. package/dist/components/Tabs/TabMenuItem.js +19 -24
  108. package/dist/components/Tabs/TabsContext.js +1 -3
  109. package/dist/components/Tabs/index.js +44 -79
  110. package/dist/components/Tag/index.js +66 -75
  111. package/dist/components/TagInput/index.js +125 -188
  112. package/dist/components/TagList/index.js +51 -56
  113. package/dist/components/Text/index.js +10 -35
  114. package/dist/components/TextArea/index.js +140 -208
  115. package/dist/components/TextInput/index.js +326 -411
  116. package/dist/components/TextInputV2/index.js +170 -294
  117. package/dist/components/TimeInput/index.js +3 -174
  118. package/dist/components/Toaster/index.js +26 -74
  119. package/dist/components/Toggle/index.js +112 -172
  120. package/dist/components/ToggleGroup/index.js +44 -35
  121. package/dist/components/Tooltip/index.js +34 -41
  122. package/dist/components/VerificationCode/index.js +58 -63
  123. package/dist/helpers/legend.js +4 -4
  124. package/dist/theme/index.js +10 -13
  125. package/dist/utils/ids.js +3 -1
  126. package/dist/utils/responsive/Breakpoint.js +8 -6
  127. package/package.json +4 -4
@@ -1,26 +1,40 @@
1
1
  import { jsx } from "@emotion/react/jsx-runtime";
2
- import styled from "@emotion/styled";
3
- const StyledContainer = styled.div`
4
- height: 277px;
5
- display: grid;
6
- grid-template-columns: repeat(${({ length }) => length}, 1fr);
7
- gap: ${({ theme }) => theme.space["2"]};
8
- overflow: auto;
9
- `;
10
- const StyledCard = styled.div`
11
- border: 1px solid ${({ theme }) => theme.colors.neutral.borderWeak};
12
- border-radius: ${({ theme }) => theme.radii.default};
13
- width: 239px;
14
- height: 261px;
15
- overflow: hidden;
16
- `;
17
- const StyledBanner = styled.div`
18
- border: 1px solid ${({ theme }) => theme.colors.neutral.borderWeak};
19
- background-color: ${({ theme }) => theme.colors.neutral.borderWeak};
20
- width: 100%;
21
- height: 33%;
22
- `;
23
- const Slider = ({ length = 4 }) => /* @__PURE__ */ jsx(StyledContainer, { length, children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsx(StyledBanner, {}) }, `skeleton-slider-card-${i}`)) });
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 styled from "@emotion/styled";
2
- const Square = styled.div`
3
- height: 100%;
4
- width: 100%;
5
- max-width: 100%;
6
- background-color: ${({ theme }) => theme.colors.neutral.borderWeak};
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 = styled.div`
21
- position: relative;
22
- width: 100%;
23
- overflow: hidden;
24
- cursor: progress;
25
- display: flex;
26
- flex-flow: column;
27
- height: 100%;
28
- `;
29
- const StyledDiv = styled.div`
30
- position: absolute;
31
- top: 0;
32
- height: 100%;
33
- width: 25%;
34
- opacity: 0.8;
35
- background: linear-gradient(
36
- 90deg,
37
- ${({ theme }) => theme.colors.neutral.backgroundWeak}00,
38
- ${({ theme }) => theme.colors.neutral.backgroundWeak}4D,
39
- ${({ theme }) => theme.colors.neutral.backgroundWeak}66,
40
- ${({ theme }) => theme.colors.neutral.backgroundWeak}4D,
41
- ${({ theme }) => theme.colors.neutral.backgroundWeak}00
42
- );
43
- animation: ${shineAnimation} 1s linear infinite;
44
- animation-direction: alternate;
45
-
46
- @media (prefers-reduced-motion: reduce) {
47
- animation: unset;
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
- StyledContainer,
71
- {
72
- className,
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