@strapi/design-system 1.4.2 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (277) hide show
  1. package/dist/Accordion/AccordionContent.cjs +1 -1
  2. package/dist/Accordion/AccordionContent.js +17 -37
  3. package/dist/Accordion/AccordionToggle.cjs +6 -6
  4. package/dist/Accordion/AccordionToggle.js +75 -96
  5. package/dist/Alert/Alert.cjs +12 -12
  6. package/dist/Alert/Alert.js +83 -102
  7. package/dist/Badge/Badge.cjs +4 -4
  8. package/dist/Badge/Badge.js +29 -49
  9. package/dist/BaseButton/BaseButton.cjs +3 -3
  10. package/dist/BaseButton/BaseButton.js +20 -42
  11. package/dist/BaseCheckbox/BaseCheckbox.cjs +6 -6
  12. package/dist/BaseCheckbox/BaseCheckbox.js +35 -55
  13. package/dist/BaseLink/BaseLink.cjs +2 -2
  14. package/dist/BaseLink/BaseLink.js +21 -43
  15. package/dist/BaseRadio/BaseRadio.cjs +8 -8
  16. package/dist/BaseRadio/BaseRadio.js +31 -51
  17. package/dist/BaseRadio/RadioGroup.cjs +1 -1
  18. package/dist/BaseRadio/RadioGroup.js +24 -44
  19. package/dist/Box/BoxProps.cjs +1 -1
  20. package/dist/Box/BoxProps.js +10 -19
  21. package/dist/Breadcrumbs/Breadcrumbs.cjs +4 -4
  22. package/dist/Breadcrumbs/Breadcrumbs.js +29 -50
  23. package/dist/Button/Button.cjs +14 -14
  24. package/dist/Button/Button.js +53 -73
  25. package/dist/Card/Card.cjs +1 -1
  26. package/dist/Card/Card.js +17 -37
  27. package/dist/Card/CardAsset.cjs +4 -4
  28. package/dist/Card/CardAsset.js +19 -42
  29. package/dist/Card/CardBadge.cjs +3 -3
  30. package/dist/Card/CardBadge.js +9 -18
  31. package/dist/Card/CardBody.cjs +1 -1
  32. package/dist/Card/CardBody.js +8 -19
  33. package/dist/Card/CardCheckbox.cjs +1 -1
  34. package/dist/Card/CardCheckbox.js +12 -22
  35. package/dist/Card/CardContent.cjs +2 -2
  36. package/dist/Card/CardContent.js +11 -32
  37. package/dist/Card/CardHeader.cjs +2 -2
  38. package/dist/Card/CardHeader.js +9 -19
  39. package/dist/Card/CardTimer.cjs +2 -2
  40. package/dist/Card/CardTimer.js +20 -42
  41. package/dist/Card/CardTitle.cjs +1 -1
  42. package/dist/Card/CardTitle.js +16 -27
  43. package/dist/CarouselInput/Carousel.cjs +6 -6
  44. package/dist/CarouselInput/Carousel.js +77 -107
  45. package/dist/CarouselInput/CarouselActions.cjs +1 -1
  46. package/dist/CarouselInput/CarouselActions.js +7 -17
  47. package/dist/CarouselInput/CarouselImage.cjs +3 -3
  48. package/dist/CarouselInput/CarouselImage.js +26 -38
  49. package/dist/CarouselInput/CarouselInput.cjs +1 -1
  50. package/dist/CarouselInput/CarouselInput.js +49 -83
  51. package/dist/CarouselInput/CarouselSlide.cjs +2 -2
  52. package/dist/CarouselInput/CarouselSlide.js +20 -42
  53. package/dist/Checkbox/Checkbox.cjs +2 -2
  54. package/dist/Checkbox/Checkbox.js +44 -63
  55. package/dist/Combobox/Combobox.cjs +1 -1
  56. package/dist/Combobox/Combobox.js +196 -246
  57. package/dist/Combobox/ComboboxOption.cjs +1 -1
  58. package/dist/Combobox/ComboboxOption.js +25 -47
  59. package/dist/Combobox/utils.cjs +1 -1
  60. package/dist/Combobox/utils.js +21 -21
  61. package/dist/DatePicker/DatePicker.cjs +1 -1
  62. package/dist/DatePicker/DatePicker.js +85 -117
  63. package/dist/DatePicker/DatePickerCalendar.cjs +1 -1
  64. package/dist/DatePicker/DatePickerCalendar.js +1 -1
  65. package/dist/DatePicker/DatePickerTd.cjs +4 -4
  66. package/dist/DatePicker/DatePickerTd.js +23 -42
  67. package/dist/DatePicker/DatePickerTh.cjs +3 -3
  68. package/dist/DatePicker/DatePickerTh.js +23 -44
  69. package/dist/DatePicker/utils/getYears.cjs +1 -1
  70. package/dist/DatePicker/utils/getYears.js +6 -7
  71. package/dist/DateTimePicker/DateTimePicker.cjs +1 -1
  72. package/dist/DateTimePicker/DateTimePicker.js +92 -126
  73. package/dist/DateTimePicker/DateTimePickerProps.cjs +1 -1
  74. package/dist/DateTimePicker/DateTimePickerProps.js +10 -19
  75. package/dist/Dialog/Dialog.cjs +5 -5
  76. package/dist/Dialog/Dialog.js +39 -58
  77. package/dist/Divider/Divider.cjs +4 -2
  78. package/dist/Divider/Divider.js +17 -38
  79. package/dist/Field/Field.cjs +1 -1
  80. package/dist/Field/Field.js +20 -39
  81. package/dist/Field/FieldAction.cjs +2 -2
  82. package/dist/Field/FieldAction.js +13 -35
  83. package/dist/Field/FieldInput.cjs +6 -6
  84. package/dist/Field/FieldInput.js +47 -67
  85. package/dist/Field/FieldLabel.cjs +3 -3
  86. package/dist/Field/FieldLabel.js +26 -46
  87. package/dist/Flex/FlexProps.cjs +1 -1
  88. package/dist/Flex/FlexProps.js +10 -19
  89. package/dist/FocusTrap/FocusTrap.cjs +1 -1
  90. package/dist/FocusTrap/FocusTrap.js +32 -52
  91. package/dist/Grid/Grid.cjs +3 -3
  92. package/dist/Grid/Grid.js +20 -42
  93. package/dist/Grid/GridItem.cjs +2 -2
  94. package/dist/Grid/GridItem.js +22 -41
  95. package/dist/Icon/Icon.cjs +2 -2
  96. package/dist/Icon/Icon.js +17 -27
  97. package/dist/IconButton/IconButton.cjs +4 -4
  98. package/dist/IconButton/IconButton.js +44 -64
  99. package/dist/KeyboardNavigable/KeyboardNavigable.cjs +1 -1
  100. package/dist/KeyboardNavigable/KeyboardNavigable.js +38 -58
  101. package/dist/Layout/HeaderLayout.cjs +2 -2
  102. package/dist/Layout/HeaderLayout.js +78 -96
  103. package/dist/Link/Link.cjs +6 -6
  104. package/dist/Link/Link.js +34 -54
  105. package/dist/LinkButton/LinkButton.cjs +10 -10
  106. package/dist/LinkButton/LinkButton.js +47 -69
  107. package/dist/Loader/Loader.cjs +4 -4
  108. package/dist/Loader/Loader.js +25 -47
  109. package/dist/Main/Main.cjs +2 -2
  110. package/dist/Main/Main.js +15 -35
  111. package/dist/MainNav/MainNav.cjs +2 -2
  112. package/dist/MainNav/MainNav.js +19 -40
  113. package/dist/MainNav/NavCondense.cjs +3 -3
  114. package/dist/MainNav/NavCondense.js +20 -40
  115. package/dist/MainNav/NavFooter.cjs +3 -0
  116. package/dist/MainNav/NavFooter.js +14 -0
  117. package/dist/MainNav/NavLink.cjs +13 -13
  118. package/dist/MainNav/NavLink.js +57 -76
  119. package/dist/MainNav/NavSection.cjs +1 -1
  120. package/dist/MainNav/NavSection.js +46 -67
  121. package/dist/MainNav/NavSections.cjs +4 -1
  122. package/dist/MainNav/NavSections.js +23 -40
  123. package/dist/MainNav/NavUser.cjs +2 -6
  124. package/dist/MainNav/NavUser.js +31 -55
  125. package/dist/MainNav/index.cjs +1 -1
  126. package/dist/MainNav/index.js +14 -12
  127. package/dist/ModalLayout/ModalBody.cjs +2 -2
  128. package/dist/ModalLayout/ModalBody.js +9 -19
  129. package/dist/ModalLayout/ModalLayout.cjs +3 -3
  130. package/dist/ModalLayout/ModalLayout.js +30 -52
  131. package/dist/NumberInput/NumberInput.cjs +6 -6
  132. package/dist/NumberInput/NumberInput.js +123 -157
  133. package/dist/Pagination/components.cjs +7 -7
  134. package/dist/Pagination/components.js +65 -88
  135. package/dist/Popover/Popover.cjs +3 -3
  136. package/dist/Popover/Popover.js +65 -91
  137. package/dist/Portal/Portal.cjs +1 -1
  138. package/dist/Portal/Portal.js +11 -12
  139. package/dist/ProgressBar/ProgressBar.cjs +2 -2
  140. package/dist/ProgressBar/ProgressBar.js +27 -49
  141. package/dist/Radio/Radio.cjs +2 -2
  142. package/dist/Radio/Radio.js +19 -40
  143. package/dist/RawTable/RawCell.cjs +1 -1
  144. package/dist/RawTable/RawCell.js +69 -89
  145. package/dist/RawTable/RawTable.cjs +1 -1
  146. package/dist/RawTable/RawTable.js +46 -66
  147. package/dist/RawTable/RawTbody.cjs +1 -1
  148. package/dist/RawTable/RawTbody.js +11 -30
  149. package/dist/RawTable/RawThead.cjs +1 -1
  150. package/dist/RawTable/RawThead.js +10 -29
  151. package/dist/RawTable/RawTr.cjs +1 -1
  152. package/dist/RawTable/RawTr.js +14 -34
  153. package/dist/Searchbar/SearchForm.cjs +1 -1
  154. package/dist/Searchbar/SearchForm.js +5 -16
  155. package/dist/Searchbar/Searchbar.cjs +7 -7
  156. package/dist/Searchbar/Searchbar.js +45 -65
  157. package/dist/Select/MultiSelectNested.cjs +1 -1
  158. package/dist/Select/MultiSelectNested.js +23 -45
  159. package/dist/Select/OptGroup.cjs +1 -1
  160. package/dist/Select/OptGroup.js +15 -35
  161. package/dist/Select/Option.cjs +7 -7
  162. package/dist/Select/Option.js +37 -57
  163. package/dist/Select/Select.cjs +2 -2
  164. package/dist/Select/Select.js +145 -186
  165. package/dist/Select/SelectButton.cjs +2 -2
  166. package/dist/Select/SelectButton.js +33 -53
  167. package/dist/SimpleMenu/SimpleMenu.cjs +9 -9
  168. package/dist/SimpleMenu/SimpleMenu.js +137 -163
  169. package/dist/Stack/Stack.cjs +3 -3
  170. package/dist/Stack/Stack.js +29 -50
  171. package/dist/Status/Status.cjs +4 -4
  172. package/dist/Status/Status.js +30 -50
  173. package/dist/SubNav/SubNav.cjs +3 -3
  174. package/dist/SubNav/SubNav.js +15 -37
  175. package/dist/SubNav/SubNavHeader.cjs +2 -2
  176. package/dist/SubNav/SubNavHeader.js +38 -39
  177. package/dist/SubNav/SubNavLink.cjs +6 -6
  178. package/dist/SubNav/SubNavLink.js +39 -61
  179. package/dist/SubNav/SubNavSections.cjs +1 -1
  180. package/dist/SubNav/SubNavSections.js +17 -39
  181. package/dist/Switch/Switch.cjs +5 -5
  182. package/dist/Switch/Switch.js +35 -57
  183. package/dist/Table/Cell.cjs +3 -3
  184. package/dist/Table/Cell.js +20 -40
  185. package/dist/Table/TFooter.cjs +3 -3
  186. package/dist/Table/TFooter.js +28 -50
  187. package/dist/Table/Table.cjs +5 -5
  188. package/dist/Table/Table.js +35 -55
  189. package/dist/Table/Tbody.cjs +2 -2
  190. package/dist/Table/Tbody.js +8 -17
  191. package/dist/Table/Thead.cjs +2 -2
  192. package/dist/Table/Thead.js +8 -17
  193. package/dist/Table/Tr.cjs +2 -2
  194. package/dist/Table/Tr.js +8 -17
  195. package/dist/Tabs/TabGroup.cjs +1 -1
  196. package/dist/Tabs/TabGroup.js +26 -45
  197. package/dist/Tabs/TabPanels.cjs +1 -1
  198. package/dist/Tabs/TabPanels.js +24 -43
  199. package/dist/Tabs/Tabs.cjs +2 -2
  200. package/dist/Tabs/Tabs.js +94 -112
  201. package/dist/Tag/Tag.cjs +4 -4
  202. package/dist/Tag/Tag.js +27 -50
  203. package/dist/TextButton/TextButton.cjs +6 -6
  204. package/dist/TextButton/TextButton.js +39 -59
  205. package/dist/TextInput/TextInput.cjs +1 -1
  206. package/dist/TextInput/TextInput.js +49 -69
  207. package/dist/Textarea/Textarea.cjs +3 -3
  208. package/dist/Textarea/Textarea.js +43 -63
  209. package/dist/Textarea/TextareaInput.cjs +4 -4
  210. package/dist/Textarea/TextareaInput.js +30 -50
  211. package/dist/TimePicker/TimePicker.cjs +3 -3
  212. package/dist/TimePicker/TimePicker.js +62 -95
  213. package/dist/ToggleCheckbox/ToggleCheckbox.cjs +8 -8
  214. package/dist/ToggleCheckbox/ToggleCheckbox.js +56 -78
  215. package/dist/ToggleInput/ToggleInput.cjs +3 -3
  216. package/dist/ToggleInput/ToggleInput.js +65 -97
  217. package/dist/Tooltip/Tooltip.cjs +2 -2
  218. package/dist/Tooltip/Tooltip.js +38 -57
  219. package/dist/Typography/TypographyProps.cjs +1 -1
  220. package/dist/Typography/TypographyProps.js +13 -22
  221. package/dist/helpers/getDefaultLocale.cjs +1 -1
  222. package/dist/helpers/getDefaultLocale.js +1 -1
  223. package/dist/helpers/handleResponsiveValues.cjs +5 -5
  224. package/dist/helpers/handleResponsiveValues.js +14 -14
  225. package/dist/index.cjs +1 -1
  226. package/dist/index.js +150 -148
  227. package/dist/themes/darkTheme/index.cjs +1 -1
  228. package/dist/themes/darkTheme/index.js +8 -18
  229. package/dist/themes/extendTheme.cjs +4 -4
  230. package/dist/themes/extendTheme.js +18 -29
  231. package/dist/themes/lightTheme/index.cjs +1 -1
  232. package/dist/themes/lightTheme/index.js +8 -18
  233. package/dist/v2/Breadcrumbs/Breadcrumbs.cjs +2 -2
  234. package/dist/v2/Breadcrumbs/Breadcrumbs.js +23 -43
  235. package/dist/v2/Breadcrumbs/Crumb.cjs +1 -1
  236. package/dist/v2/Breadcrumbs/Crumb.js +22 -44
  237. package/dist/v2/Breadcrumbs/CrumbLink.cjs +2 -2
  238. package/dist/v2/Breadcrumbs/CrumbLink.js +14 -35
  239. package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs +2 -2
  240. package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js +19 -41
  241. package/dist/v2/Link/Link.cjs +5 -5
  242. package/dist/v2/Link/Link.js +42 -64
  243. package/dist/v2/LinkButton/LinkButton.cjs +10 -10
  244. package/dist/v2/LinkButton/LinkButton.js +51 -75
  245. package/dist/v2/MainNav/MainNav.cjs +2 -2
  246. package/dist/v2/MainNav/MainNav.js +19 -40
  247. package/dist/v2/MainNav/NavBrand.cjs +3 -3
  248. package/dist/v2/MainNav/NavBrand.js +57 -78
  249. package/dist/v2/MainNav/NavCondense.cjs +3 -3
  250. package/dist/v2/MainNav/NavCondense.js +20 -40
  251. package/dist/v2/MainNav/NavFooter.cjs +3 -0
  252. package/dist/v2/MainNav/NavFooter.js +14 -0
  253. package/dist/v2/MainNav/NavLink.cjs +13 -13
  254. package/dist/v2/MainNav/NavLink.js +60 -81
  255. package/dist/v2/MainNav/NavSection.cjs +1 -1
  256. package/dist/v2/MainNav/NavSection.js +46 -67
  257. package/dist/v2/MainNav/NavSections.cjs +4 -1
  258. package/dist/v2/MainNav/NavSections.js +23 -40
  259. package/dist/v2/MainNav/NavUser.cjs +2 -6
  260. package/dist/v2/MainNav/NavUser.js +31 -55
  261. package/dist/v2/MainNav/index.cjs +1 -1
  262. package/dist/v2/MainNav/index.js +14 -12
  263. package/dist/v2/Pagination/components.cjs +7 -7
  264. package/dist/v2/Pagination/components.js +65 -89
  265. package/dist/v2/SimpleMenu/SimpleMenu.cjs +9 -9
  266. package/dist/v2/SimpleMenu/SimpleMenu.js +131 -156
  267. package/dist/v2/SubNav/SubNav.cjs +3 -3
  268. package/dist/v2/SubNav/SubNav.js +15 -37
  269. package/dist/v2/SubNav/SubNavHeader.cjs +2 -2
  270. package/dist/v2/SubNav/SubNavHeader.js +38 -39
  271. package/dist/v2/SubNav/SubNavLink.cjs +6 -6
  272. package/dist/v2/SubNav/SubNavLink.js +42 -64
  273. package/dist/v2/SubNav/SubNavSections.cjs +1 -1
  274. package/dist/v2/SubNav/SubNavSections.js +17 -39
  275. package/dist/v2/index.cjs +1 -1
  276. package/dist/v2/index.js +37 -35
  277. package/package.json +3 -3
@@ -1,29 +1,8 @@
1
- var u = Object.defineProperty, b = Object.defineProperties;
2
- var x = Object.getOwnPropertyDescriptors;
3
- var o = Object.getOwnPropertySymbols;
4
- var d = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
5
- var n = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, c = (e, t) => {
6
- for (var r in t || (t = {}))
7
- d.call(t, r) && n(e, r, t[r]);
8
- if (o)
9
- for (var r of o(t))
10
- p.call(t, r) && n(e, r, t[r]);
11
- return e;
12
- }, m = (e, t) => b(e, x(t));
13
- var l = (e, t) => {
14
- var r = {};
15
- for (var i in e)
16
- d.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
17
- if (e != null && o)
18
- for (var i of o(e))
19
- t.indexOf(i) < 0 && p.call(e, i) && (r[i] = e[i]);
20
- return r;
21
- };
22
- import a from "react";
23
- import f from "styled-components";
24
- import h from "prop-types";
25
- import { Flex as w } from "../Flex/Flex.js";
26
- const y = f.img`
1
+ import t from "react";
2
+ import o from "styled-components";
3
+ import i from "prop-types";
4
+ import { Flex as n } from "../Flex/Flex.js";
5
+ const d = o.img`
27
6
  // inline flows is based on typography and displays an extra white space below the image
28
7
  // switch to block is required in order to make the img stick the bottom of the container
29
8
  // addition infos: https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image
@@ -32,34 +11,32 @@ const y = f.img`
32
11
  max-height: 100%;
33
12
  max-width: 100%;
34
13
  object-fit: contain;
35
- `, k = {
14
+ `, p = {
36
15
  S: 88,
37
16
  M: 164
38
- }, v = f.div`
17
+ }, c = o.div`
39
18
  display: flex;
40
19
  justify-content: center;
41
- height: ${({ size: e }) => k[e] / 16}rem;
20
+ height: ${({ size: e }) => p[e] / 16}rem;
42
21
  width: 100%;
43
22
  background: repeating-conic-gradient(${({ theme: e }) => e.colors.neutral100} 0% 25%, transparent 0% 50%) 50% / 20px
44
23
  20px;
45
24
  border-top-left-radius: ${({ theme: e }) => e.borderRadius};
46
25
  border-top-right-radius: ${({ theme: e }) => e.borderRadius};
47
- `, g = (i) => {
48
- var s = i, { size: e, children: t } = s, r = l(s, ["size", "children"]);
49
- return /* @__PURE__ */ a.createElement(v, {
50
- size: e
51
- }, t ? /* @__PURE__ */ a.createElement(w, null, t) : /* @__PURE__ */ a.createElement(y, m(c({}, r), {
52
- "aria-hidden": !0
53
- })));
54
- };
55
- g.defaultProps = {
26
+ `, a = ({ size: e, children: r, ...s }) => /* @__PURE__ */ t.createElement(c, {
27
+ size: e
28
+ }, r ? /* @__PURE__ */ t.createElement(n, null, r) : /* @__PURE__ */ t.createElement(d, {
29
+ ...s,
30
+ "aria-hidden": !0
31
+ }));
32
+ a.defaultProps = {
56
33
  children: void 0,
57
34
  size: "M"
58
35
  };
59
- g.propTypes = {
60
- children: h.node,
61
- size: h.oneOf(["S", "M"])
36
+ a.propTypes = {
37
+ children: i.node,
38
+ size: i.oneOf(["S", "M"])
62
39
  };
63
40
  export {
64
- g as CardAsset
41
+ a as CardAsset
65
42
  };
@@ -1,6 +1,6 @@
1
- "use strict";var c=Object.defineProperty;var d=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var l=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&l(e,a,t[a]);if(d)for(var a of d(t))i.call(t,a)&&l(e,a,t[a]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),g=require("styled-components"),B=require("../Badge/Badge.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(f),s=o(g),p=s.default.div`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),r=require("styled-components"),n=require("../Badge/Badge.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=a(l),d=a(r),o=d.default.div`
2
2
  margin-left: auto;
3
3
  flex-shrink: 0;
4
- `,_=s.default(B.Badge)`
4
+ `,s=d.default(n.Badge)`
5
5
  margin-left: ${({theme:e})=>e.spaces[1]};
6
- `,m=e=>n.default.createElement(p,null,n.default.createElement(_,r({},e)));exports.CardBadge=m;
6
+ `,c=e=>t.default.createElement(o,null,t.default.createElement(s,{...e}));exports.CardBadge=c;
@@ -1,23 +1,14 @@
1
- var i = Object.defineProperty;
2
- var a = Object.getOwnPropertySymbols;
3
- var l = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
4
- var o = (e, t, r) => t in e ? i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, m = (e, t) => {
5
- for (var r in t || (t = {}))
6
- l.call(t, r) && o(e, r, t[r]);
7
- if (a)
8
- for (var r of a(t))
9
- s.call(t, r) && o(e, r, t[r]);
10
- return e;
11
- };
12
- import n from "react";
13
- import d from "styled-components";
14
- import { Badge as c } from "../Badge/Badge.js";
15
- const f = d.div`
1
+ import t from "react";
2
+ import r from "styled-components";
3
+ import { Badge as a } from "../Badge/Badge.js";
4
+ const o = r.div`
16
5
  margin-left: auto;
17
6
  flex-shrink: 0;
18
- `, p = d(c)`
7
+ `, m = r(a)`
19
8
  margin-left: ${({ theme: e }) => e.spaces[1]};
20
- `, C = (e) => /* @__PURE__ */ n.createElement(f, null, /* @__PURE__ */ n.createElement(p, m({}, e)));
9
+ `, l = (e) => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(m, {
10
+ ...e
11
+ }));
21
12
  export {
22
- C as CardBadge
13
+ l as CardBadge
23
14
  };
@@ -1 +1 @@
1
- "use strict";var c=Object.defineProperty,u=Object.defineProperties;var i=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var d=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&d(e,a,t[a]);if(o)for(var a of o(t))f.call(t,a)&&d(e,a,t[a]);return e},l=(e,t)=>u(e,i(t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),x=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=B(g),m=e=>n.default.createElement(p.Box,{paddingLeft:3,paddingRight:3,paddingTop:2,paddingBottom:2},n.default.createElement(x.Flex,l(r({},e),{alignItems:"flex-start"})));exports.CardBody=m;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),o=require("../Flex/Flex.cjs"),d=require("../Box/Box.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(a),l=e=>t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:2,paddingBottom:2},t.default.createElement(o.Flex,{...e,alignItems:"flex-start"}));exports.CardBody=l;
@@ -1,26 +1,15 @@
1
- var n = Object.defineProperty, p = Object.defineProperties;
2
- var f = Object.getOwnPropertyDescriptors;
3
- var r = Object.getOwnPropertySymbols;
4
- var g = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
5
- var a = (e, t, o) => t in e ? n(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
6
- for (var o in t || (t = {}))
7
- g.call(t, o) && a(e, o, t[o]);
8
- if (r)
9
- for (var o of r(t))
10
- l.call(t, o) && a(e, o, t[o]);
11
- return e;
12
- }, m = (e, t) => p(e, f(t));
13
- import i from "react";
14
- import { Flex as c } from "../Flex/Flex.js";
15
- import { Box as x } from "../Box/Box.js";
16
- const R = (e) => /* @__PURE__ */ i.createElement(x, {
1
+ import t from "react";
2
+ import { Flex as o } from "../Flex/Flex.js";
3
+ import { Box as r } from "../Box/Box.js";
4
+ const i = (e) => /* @__PURE__ */ t.createElement(r, {
17
5
  paddingLeft: 3,
18
6
  paddingRight: 3,
19
7
  paddingTop: 2,
20
8
  paddingBottom: 2
21
- }, /* @__PURE__ */ i.createElement(c, m(d({}, e), {
9
+ }, /* @__PURE__ */ t.createElement(o, {
10
+ ...e,
22
11
  alignItems: "flex-start"
23
- })));
12
+ }));
24
13
  export {
25
- R as CardBody
14
+ i as CardBody
26
15
  };
@@ -1 +1 @@
1
- "use strict";var n=Object.defineProperty;var c=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var o=(e,t,a)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,r=(e,t)=>{for(var a in t||(t={}))d.call(t,a)&&o(e,a,t[a]);if(c)for(var a of c(t))i.call(t,a)&&o(e,a,t[a]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),l=require("./CardAction.cjs"),C=require("../BaseCheckbox/BaseCheckbox.cjs"),b=require("./CardContext.cjs"),f=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=f(u),x=e=>{const{id:t}=b.useCard();return s.default.createElement(l.CardAction,{position:"start"},s.default.createElement(C.BaseCheckbox,r({"aria-labelledby":`${t}-title`},e)))};exports.CardCheckbox=x;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),o=require("./CardAction.cjs"),r=require("../BaseCheckbox/BaseCheckbox.cjs"),s=require("./CardContext.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=n(c),d=e=>{const{id:a}=s.useCard();return t.default.createElement(o.CardAction,{position:"start"},t.default.createElement(r.BaseCheckbox,{"aria-labelledby":`${a}-title`,...e}))};exports.CardCheckbox=d;
@@ -1,26 +1,16 @@
1
- var c = Object.defineProperty;
2
- var o = Object.getOwnPropertySymbols;
3
- var l = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
4
- var a = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, i = (r, t) => {
5
- for (var e in t || (t = {}))
6
- l.call(t, e) && a(r, e, t[e]);
7
- if (o)
8
- for (var e of o(t))
9
- n.call(t, e) && a(r, e, t[e]);
10
- return r;
11
- };
12
- import m from "react";
13
- import { CardAction as d } from "./CardAction.js";
14
- import { BaseCheckbox as p } from "../BaseCheckbox/BaseCheckbox.js";
15
- import { useCard as s } from "./CardContext.js";
16
- const h = (r) => {
17
- const { id: t } = s();
18
- return /* @__PURE__ */ m.createElement(d, {
1
+ import t from "react";
2
+ import { CardAction as o } from "./CardAction.js";
3
+ import { BaseCheckbox as a } from "../BaseCheckbox/BaseCheckbox.js";
4
+ import { useCard as i } from "./CardContext.js";
5
+ const d = (e) => {
6
+ const { id: r } = i();
7
+ return /* @__PURE__ */ t.createElement(o, {
19
8
  position: "start"
20
- }, /* @__PURE__ */ m.createElement(p, i({
21
- "aria-labelledby": `${t}-title`
22
- }, r)));
9
+ }, /* @__PURE__ */ t.createElement(a, {
10
+ "aria-labelledby": `${r}-title`,
11
+ ...e
12
+ }));
23
13
  };
24
14
  export {
25
- h as CardCheckbox
15
+ d as CardCheckbox
26
16
  };
@@ -1,3 +1,3 @@
1
- "use strict";var i=Object.defineProperty;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var a=(e,t,o)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,u=(e,t)=>{for(var o in t||(t={}))c.call(t,o)&&a(e,o,t[o]);if(n)for(var o of n(t))l.call(t,o)&&a(e,o,t[o]);return e};var d=(e,t)=>{var o={};for(var r in e)c.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&n)for(var r of n(e))t.indexOf(r)<0&&l.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),y=require("prop-types"),_=require("styled-components"),B=require("../Box/Box.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},b=s(f),q=s(y),x=s(_),C=x.default(B.Box)`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("prop-types"),a=require("styled-components"),c=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=t(n),u=t(s),d=t(a),p=d.default(c.Box)`
2
2
  word-break: break-all;
3
- `,p=o=>{var r=o,{children:e}=r,t=d(r,["children"]);return b.default.createElement(C,u({},t),e)};p.propTypes={children:q.default.node.isRequired};exports.CardContent=p;
3
+ `,o=({children:e,...r})=>l.default.createElement(p,{...r},e);o.propTypes={children:u.default.node.isRequired};exports.CardContent=o;
@@ -1,36 +1,15 @@
1
- var l = Object.defineProperty;
2
- var p = Object.getOwnPropertySymbols;
3
- var a = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
4
- var m = (r, e, o) => e in r ? l(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, d = (r, e) => {
5
- for (var o in e || (e = {}))
6
- a.call(e, o) && m(r, o, e[o]);
7
- if (p)
8
- for (var o of p(e))
9
- n.call(e, o) && m(r, o, e[o]);
10
- return r;
11
- };
12
- var i = (r, e) => {
13
- var o = {};
14
- for (var t in r)
15
- a.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
16
- if (r != null && p)
17
- for (var t of p(r))
18
- e.indexOf(t) < 0 && n.call(r, t) && (o[t] = r[t]);
19
- return o;
20
- };
21
- import s from "react";
22
- import c from "prop-types";
23
- import f from "styled-components";
24
- import { Box as k } from "../Box/Box.js";
25
- const u = f(k)`
1
+ import o from "react";
2
+ import t from "prop-types";
3
+ import p from "styled-components";
4
+ import { Box as m } from "../Box/Box.js";
5
+ const a = p(m)`
26
6
  word-break: break-all;
27
- `, x = (o) => {
28
- var t = o, { children: r } = t, e = i(t, ["children"]);
29
- return /* @__PURE__ */ s.createElement(u, d({}, e), r);
30
- };
31
- x.propTypes = {
32
- children: c.node.isRequired
7
+ `, n = ({ children: r, ...e }) => /* @__PURE__ */ o.createElement(a, {
8
+ ...e
9
+ }, r);
10
+ n.propTypes = {
11
+ children: t.node.isRequired
33
12
  };
34
13
  export {
35
- x as CardContent
14
+ n as CardContent
36
15
  };
@@ -1,4 +1,4 @@
1
- "use strict";var s=Object.defineProperty;var o=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var a=(e,t,r)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&a(e,r,t[r]);if(o)for(var r of o(t))d.call(t,r)&&a(e,r,t[r]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),i=require("styled-components"),f=require("../Flex/Flex.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=n(u),y=n(i),_=y.default(f.Flex)`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),o=require("styled-components"),a=require("../Flex/Flex.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=t(r),n=t(o),s=n.default(a.Flex)`
2
2
  position: relative;
3
3
  border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
4
- `,b=e=>p.default.createElement(_,l({justifyContent:"center"},e));exports.CardHeader=b;
4
+ `,c=e=>l.default.createElement(s,{justifyContent:"center",...e});exports.CardHeader=c;
@@ -1,23 +1,13 @@
1
- var d = Object.defineProperty;
2
- var o = Object.getOwnPropertySymbols;
3
- var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
4
- var a = (e, r, t) => r in e ? d(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, n = (e, r) => {
5
- for (var t in r || (r = {}))
6
- i.call(r, t) && a(e, t, r[t]);
7
- if (o)
8
- for (var t of o(r))
9
- l.call(r, t) && a(e, t, r[t]);
10
- return e;
11
- };
12
- import m from "react";
13
- import p from "styled-components";
14
- import { Flex as s } from "../Flex/Flex.js";
15
- const c = p(s)`
1
+ import r from "react";
2
+ import t from "styled-components";
3
+ import { Flex as o } from "../Flex/Flex.js";
4
+ const a = t(o)`
16
5
  position: relative;
17
6
  border-bottom: 1px solid ${({ theme: e }) => e.colors.neutral150};
18
- `, b = (e) => /* @__PURE__ */ m.createElement(c, n({
19
- justifyContent: "center"
20
- }, e));
7
+ `, l = (e) => /* @__PURE__ */ r.createElement(a, {
8
+ justifyContent: "center",
9
+ ...e
10
+ });
21
11
  export {
22
- b as CardHeader
12
+ l as CardHeader
23
13
  };
@@ -1,5 +1,5 @@
1
- "use strict";var y=Object.defineProperty;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var p=(e,t,r)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,n=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&p(e,r,t[r]);if(a)for(var r of a(t))c.call(t,r)&&p(e,r,t[r]);return e};var l=(e,t)=>{var r={};for(var o in e)u.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&c.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),T=require("prop-types"),g=require("styled-components"),m=require("../Box/Box.cjs"),_=require("../Typography/Typography.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=s(f),h=s(T),b=s(g),q=b.default(m.Box)`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),p=require("prop-types"),u=require("styled-components"),c=require("../Box/Box.cjs"),n=require("../Typography/Typography.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=t(s),l=t(p),d=t(u),i=d.default(c.Box)`
2
2
  position: absolute;
3
3
  bottom: ${({theme:e})=>e.spaces[1]};
4
4
  right: ${({theme:e})=>e.spaces[1]};
5
- `,i=r=>{var o=r,{children:e}=o,t=l(o,["children"]);return d.default.createElement(q,n({padding:1,background:"neutral800",color:"neutral0",as:"time",hasRadius:!0},t),d.default.createElement(_.Typography,{variant:"pi",textColor:"neutral0"},e))};i.propTypes={children:h.default.node.isRequired};exports.CardTimer=i;
5
+ `,o=({children:e,...a})=>r.default.createElement(i,{padding:1,background:"neutral800",color:"neutral0",as:"time",hasRadius:!0,...a},r.default.createElement(n.Typography,{variant:"pi",textColor:"neutral0"},e));o.propTypes={children:l.default.node.isRequired};exports.CardTimer=o;
@@ -1,48 +1,26 @@
1
- var l = Object.defineProperty;
2
- var a = Object.getOwnPropertySymbols;
3
- var i = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
4
- var p = (r, e, o) => e in r ? l(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, s = (r, e) => {
5
- for (var o in e || (e = {}))
6
- i.call(e, o) && p(r, o, e[o]);
7
- if (a)
8
- for (var o of a(e))
9
- m.call(e, o) && p(r, o, e[o]);
10
- return r;
11
- };
12
- var n = (r, e) => {
13
- var o = {};
14
- for (var t in r)
15
- i.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
16
- if (r != null && a)
17
- for (var t of a(r))
18
- e.indexOf(t) < 0 && m.call(r, t) && (o[t] = r[t]);
19
- return o;
20
- };
21
- import d from "react";
22
- import c from "prop-types";
23
- import u from "styled-components";
24
- import { Box as f } from "../Box/Box.js";
25
- import { Typography as y } from "../Typography/Typography.js";
26
- const T = u(f)`
1
+ import e from "react";
2
+ import t from "prop-types";
3
+ import a from "styled-components";
4
+ import { Box as p } from "../Box/Box.js";
5
+ import { Typography as i } from "../Typography/Typography.js";
6
+ const m = a(p)`
27
7
  position: absolute;
28
8
  bottom: ${({ theme: r }) => r.spaces[1]};
29
9
  right: ${({ theme: r }) => r.spaces[1]};
30
- `, g = (o) => {
31
- var t = o, { children: r } = t, e = n(t, ["children"]);
32
- return /* @__PURE__ */ d.createElement(T, s({
33
- padding: 1,
34
- background: "neutral800",
35
- color: "neutral0",
36
- as: "time",
37
- hasRadius: !0
38
- }, e), /* @__PURE__ */ d.createElement(y, {
39
- variant: "pi",
40
- textColor: "neutral0"
41
- }, r));
42
- };
43
- g.propTypes = {
44
- children: c.node.isRequired
10
+ `, s = ({ children: r, ...o }) => /* @__PURE__ */ e.createElement(m, {
11
+ padding: 1,
12
+ background: "neutral800",
13
+ color: "neutral0",
14
+ as: "time",
15
+ hasRadius: !0,
16
+ ...o
17
+ }, /* @__PURE__ */ e.createElement(i, {
18
+ variant: "pi",
19
+ textColor: "neutral0"
20
+ }, r));
21
+ s.propTypes = {
22
+ children: t.node.isRequired
45
23
  };
46
24
  export {
47
- g as CardTimer
25
+ s as CardTimer
48
26
  };
@@ -1 +1 @@
1
- "use strict";var d=Object.defineProperty,c=Object.defineProperties;var s=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var i=(t,e,r)=>e in t?d(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,a=(t,e)=>{for(var r in e||(e={}))p.call(e,r)&&i(t,r,e[r]);if(o)for(var r of o(e))y.call(e,r)&&i(t,r,e[r]);return t},l=(t,e)=>c(t,s(e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),n=require("../Typography/Typography.cjs"),f=require("./CardContext.cjs"),g=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},u=g(C),T=t=>{const{id:e}=f.useCard();return u.default.createElement(n.Typography,a({variant:"pi",id:`${e}-title`,textColor:"neutral800",fontWeight:"bold",as:"div"},t))},b=t=>u.default.createElement(n.Typography,l(a({variant:"pi"},t),{textColor:"neutral600",as:"div"}));exports.CardSubtitle=b;exports.CardTitle=T;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),e=require("../Typography/Typography.cjs"),i=require("./CardContext.cjs"),l=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=l(o),n=t=>{const{id:a}=i.useCard();return r.default.createElement(e.Typography,{variant:"pi",id:`${a}-title`,textColor:"neutral800",fontWeight:"bold",as:"div",...t})},u=t=>r.default.createElement(e.Typography,{variant:"pi",...t,textColor:"neutral600",as:"div"});exports.CardSubtitle=u;exports.CardTitle=n;
@@ -1,34 +1,23 @@
1
- var m = Object.defineProperty, p = Object.defineProperties;
2
- var u = Object.getOwnPropertyDescriptors;
3
- var a = Object.getOwnPropertySymbols;
4
- var c = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
5
- var i = (r, t, e) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, o = (r, t) => {
6
- for (var e in t || (t = {}))
7
- c.call(t, e) && i(r, e, t[e]);
8
- if (a)
9
- for (var e of a(t))
10
- s.call(t, e) && i(r, e, t[e]);
11
- return r;
12
- }, n = (r, t) => p(r, u(t));
13
- import l from "react";
14
- import { Typography as d } from "../Typography/Typography.js";
15
- import { useCard as f } from "./CardContext.js";
16
- const g = (r) => {
17
- const { id: t } = f();
18
- return /* @__PURE__ */ l.createElement(d, o({
1
+ import r from "react";
2
+ import { Typography as e } from "../Typography/Typography.js";
3
+ import { useCard as a } from "./CardContext.js";
4
+ const d = (t) => {
5
+ const { id: o } = a();
6
+ return /* @__PURE__ */ r.createElement(e, {
19
7
  variant: "pi",
20
- id: `${t}-title`,
8
+ id: `${o}-title`,
21
9
  textColor: "neutral800",
22
10
  fontWeight: "bold",
23
- as: "div"
24
- }, r));
25
- }, h = (r) => /* @__PURE__ */ l.createElement(d, n(o({
26
- variant: "pi"
27
- }, r), {
11
+ as: "div",
12
+ ...t
13
+ });
14
+ }, m = (t) => /* @__PURE__ */ r.createElement(e, {
15
+ variant: "pi",
16
+ ...t,
28
17
  textColor: "neutral600",
29
18
  as: "div"
30
- }));
19
+ });
31
20
  export {
32
- h as CardSubtitle,
33
- g as CardTitle
21
+ m as CardSubtitle,
22
+ d as CardTitle
34
23
  };
@@ -1,14 +1,14 @@
1
- "use strict";var D=Object.defineProperty,F=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var R=(e,t,r)=>t in e?D(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,T=(e,t)=>{for(var r in t||(t={}))x.call(t,r)&&R(e,r,t[r]);if(u)for(var r of u(t))C.call(t,r)&&R(e,r,t[r]);return e},E=(e,t)=>F(e,P(t));var _=(e,t)=>{var r={};for(var l in e)x.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(e!=null&&u)for(var l of u(e))t.indexOf(l)<0&&C.call(e,l)&&(r[l]=e[l]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),S=require("prop-types"),O=require("styled-components"),G=require("@strapi/icons/ChevronRight"),M=require("@strapi/icons/ChevronLeft"),j=require("../Icon/Icon.cjs"),d=require("../Box/Box.cjs"),$=require("../Typography/Typography.cjs"),H=require("../Flex/Flex.cjs"),z=require("../Tooltip/Tooltip.cjs"),A=require("../helpers/keyboardKeys.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=s(i),a=s(S),f=s(O),J=s(G),N=s(M),Q=f.default(d.Box)`
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),j=require("prop-types"),A=require("styled-components"),L=require("@strapi/icons/ChevronRight"),k=require("@strapi/icons/ChevronLeft"),g=require("../Icon/Icon.cjs"),l=require("../Box/Box.cjs"),B=require("../Typography/Typography.cjs"),K=require("../Flex/Flex.cjs"),w=require("../Tooltip/Tooltip.cjs"),b=require("../helpers/keyboardKeys.cjs"),n=r=>r&&typeof r=="object"&&"default"in r?r:{default:r},t=n(o),e=n(j),d=n(A),I=n(L),D=n(k),F=d.default(l.Box)`
2
2
  display: grid;
3
3
  grid-template-columns: auto 1fr auto;
4
4
  grid-template-areas: 'startAction slides endAction';
5
- `,U=f.default(d.Box)`
5
+ `,P=d.default(l.Box)`
6
6
  grid-area: slides;
7
- `,L=f.default.button`
8
- grid-area: ${({area:e})=>e};
7
+ `,v=d.default.button`
8
+ grid-area: ${({area:r})=>r};
9
9
 
10
10
  &:focus svg path,
11
11
  &:hover svg path {
12
- fill: ${({theme:e})=>e.colors.neutral900};
12
+ fill: ${({theme:r})=>r.colors.neutral900};
13
13
  }
14
- `,p=V=>{var g=V,{actions:e,children:t,label:r,nextLabel:l,onNext:h,onPrevious:y,previousLabel:k,secondaryLabel:c,selectedSlide:B}=g,K=_(g,["actions","children","label","nextLabel","onNext","onPrevious","previousLabel","secondaryLabel","selectedSlide"]);const b=i.useRef(null),v=i.useRef(null),m=i.Children.toArray(t).map((n,I)=>i.cloneElement(n,{selected:I===B})),w=n=>{switch(n.key){case A.KeyboardKeys.RIGHT:{n.preventDefault(),v.current.focus(),h();break}case A.KeyboardKeys.LEFT:{n.preventDefault(),b.current.focus(),y();break}}},q=m.length>1;return o.default.createElement(d.Box,E(T({},K),{onKeyDown:w}),o.default.createElement(d.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100"},o.default.createElement(Q,{as:"section","aria-roledescription":"carousel","aria-label":r,position:"relative"},q&&o.default.createElement(L,{onClick:y,area:"startAction",ref:b,"aria-label":k,type:"button"},o.default.createElement(j.Icon,{as:N.default,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),q&&o.default.createElement(L,{onClick:h,area:"endAction",ref:v,"aria-label":l,type:"button"},o.default.createElement(j.Icon,{as:J.default,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),o.default.createElement(U,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden"},m),e),c&&o.default.createElement(d.Box,{paddingTop:2,paddingLeft:4,paddingRight:4},o.default.createElement(z.Tooltip,{label:c},o.default.createElement(H.Flex,{justifyContent:"center"},o.default.createElement($.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0},c))))))};p.defaultProps={actions:void 0,error:void 0,hint:void 0,required:!1,secondaryLabel:void 0};p.propTypes={actions:a.default.node,children:a.default.node.isRequired,error:a.default.string,hint:a.default.oneOfType([a.default.string,a.default.node,a.default.arrayOf(a.default.node)]),label:a.default.string.isRequired,nextLabel:a.default.string.isRequired,onNext:a.default.func.isRequired,onPrevious:a.default.func.isRequired,previousLabel:a.default.string.isRequired,required:a.default.bool,secondaryLabel:a.default.string,selectedSlide:a.default.number.isRequired};exports.Carousel=p;
14
+ `,s=({actions:r,children:m,label:q,nextLabel:R,onNext:u,onPrevious:c,previousLabel:x,secondaryLabel:i,selectedSlide:C,...T})=>{const f=o.useRef(null),p=o.useRef(null),h=o.Children.toArray(m).map((a,_)=>o.cloneElement(a,{selected:_===C})),E=a=>{switch(a.key){case b.KeyboardKeys.RIGHT:{a.preventDefault(),p.current.focus(),u();break}case b.KeyboardKeys.LEFT:{a.preventDefault(),f.current.focus(),c();break}}},y=h.length>1;return t.default.createElement(l.Box,{...T,onKeyDown:E},t.default.createElement(l.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100"},t.default.createElement(F,{as:"section","aria-roledescription":"carousel","aria-label":q,position:"relative"},y&&t.default.createElement(v,{onClick:c,area:"startAction",ref:f,"aria-label":x,type:"button"},t.default.createElement(g.Icon,{as:D.default,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),y&&t.default.createElement(v,{onClick:u,area:"endAction",ref:p,"aria-label":R,type:"button"},t.default.createElement(g.Icon,{as:I.default,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),t.default.createElement(P,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden"},h),r),i&&t.default.createElement(l.Box,{paddingTop:2,paddingLeft:4,paddingRight:4},t.default.createElement(w.Tooltip,{label:i},t.default.createElement(K.Flex,{justifyContent:"center"},t.default.createElement(B.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0},i))))))};s.defaultProps={actions:void 0,error:void 0,hint:void 0,required:!1,secondaryLabel:void 0};s.propTypes={actions:e.default.node,children:e.default.node.isRequired,error:e.default.string,hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),label:e.default.string.isRequired,nextLabel:e.default.string.isRequired,onNext:e.default.func.isRequired,onPrevious:e.default.func.isRequired,previousLabel:e.default.string.isRequired,required:e.default.bool,secondaryLabel:e.default.string,selectedSlide:e.default.number.isRequired};exports.Carousel=s;