@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.
- package/dist/Accordion/AccordionContent.cjs +1 -1
- package/dist/Accordion/AccordionContent.js +17 -37
- package/dist/Accordion/AccordionToggle.cjs +6 -6
- package/dist/Accordion/AccordionToggle.js +75 -96
- package/dist/Alert/Alert.cjs +12 -12
- package/dist/Alert/Alert.js +83 -102
- package/dist/Badge/Badge.cjs +4 -4
- package/dist/Badge/Badge.js +29 -49
- package/dist/BaseButton/BaseButton.cjs +3 -3
- package/dist/BaseButton/BaseButton.js +20 -42
- package/dist/BaseCheckbox/BaseCheckbox.cjs +6 -6
- package/dist/BaseCheckbox/BaseCheckbox.js +35 -55
- package/dist/BaseLink/BaseLink.cjs +2 -2
- package/dist/BaseLink/BaseLink.js +21 -43
- package/dist/BaseRadio/BaseRadio.cjs +8 -8
- package/dist/BaseRadio/BaseRadio.js +31 -51
- package/dist/BaseRadio/RadioGroup.cjs +1 -1
- package/dist/BaseRadio/RadioGroup.js +24 -44
- package/dist/Box/BoxProps.cjs +1 -1
- package/dist/Box/BoxProps.js +10 -19
- package/dist/Breadcrumbs/Breadcrumbs.cjs +4 -4
- package/dist/Breadcrumbs/Breadcrumbs.js +29 -50
- package/dist/Button/Button.cjs +14 -14
- package/dist/Button/Button.js +53 -73
- package/dist/Card/Card.cjs +1 -1
- package/dist/Card/Card.js +17 -37
- package/dist/Card/CardAsset.cjs +4 -4
- package/dist/Card/CardAsset.js +19 -42
- package/dist/Card/CardBadge.cjs +3 -3
- package/dist/Card/CardBadge.js +9 -18
- package/dist/Card/CardBody.cjs +1 -1
- package/dist/Card/CardBody.js +8 -19
- package/dist/Card/CardCheckbox.cjs +1 -1
- package/dist/Card/CardCheckbox.js +12 -22
- package/dist/Card/CardContent.cjs +2 -2
- package/dist/Card/CardContent.js +11 -32
- package/dist/Card/CardHeader.cjs +2 -2
- package/dist/Card/CardHeader.js +9 -19
- package/dist/Card/CardTimer.cjs +2 -2
- package/dist/Card/CardTimer.js +20 -42
- package/dist/Card/CardTitle.cjs +1 -1
- package/dist/Card/CardTitle.js +16 -27
- package/dist/CarouselInput/Carousel.cjs +6 -6
- package/dist/CarouselInput/Carousel.js +77 -107
- package/dist/CarouselInput/CarouselActions.cjs +1 -1
- package/dist/CarouselInput/CarouselActions.js +7 -17
- package/dist/CarouselInput/CarouselImage.cjs +3 -3
- package/dist/CarouselInput/CarouselImage.js +26 -38
- package/dist/CarouselInput/CarouselInput.cjs +1 -1
- package/dist/CarouselInput/CarouselInput.js +49 -83
- package/dist/CarouselInput/CarouselSlide.cjs +2 -2
- package/dist/CarouselInput/CarouselSlide.js +20 -42
- package/dist/Checkbox/Checkbox.cjs +2 -2
- package/dist/Checkbox/Checkbox.js +44 -63
- package/dist/Combobox/Combobox.cjs +1 -1
- package/dist/Combobox/Combobox.js +196 -246
- package/dist/Combobox/ComboboxOption.cjs +1 -1
- package/dist/Combobox/ComboboxOption.js +25 -47
- package/dist/Combobox/utils.cjs +1 -1
- package/dist/Combobox/utils.js +21 -21
- package/dist/DatePicker/DatePicker.cjs +1 -1
- package/dist/DatePicker/DatePicker.js +85 -117
- package/dist/DatePicker/DatePickerCalendar.cjs +1 -1
- package/dist/DatePicker/DatePickerCalendar.js +1 -1
- package/dist/DatePicker/DatePickerTd.cjs +4 -4
- package/dist/DatePicker/DatePickerTd.js +23 -42
- package/dist/DatePicker/DatePickerTh.cjs +3 -3
- package/dist/DatePicker/DatePickerTh.js +23 -44
- package/dist/DatePicker/utils/getYears.cjs +1 -1
- package/dist/DatePicker/utils/getYears.js +6 -7
- package/dist/DateTimePicker/DateTimePicker.cjs +1 -1
- package/dist/DateTimePicker/DateTimePicker.js +92 -126
- package/dist/DateTimePicker/DateTimePickerProps.cjs +1 -1
- package/dist/DateTimePicker/DateTimePickerProps.js +10 -19
- package/dist/Dialog/Dialog.cjs +5 -5
- package/dist/Dialog/Dialog.js +39 -58
- package/dist/Divider/Divider.cjs +4 -2
- package/dist/Divider/Divider.js +17 -38
- package/dist/Field/Field.cjs +1 -1
- package/dist/Field/Field.js +20 -39
- package/dist/Field/FieldAction.cjs +2 -2
- package/dist/Field/FieldAction.js +13 -35
- package/dist/Field/FieldInput.cjs +6 -6
- package/dist/Field/FieldInput.js +47 -67
- package/dist/Field/FieldLabel.cjs +3 -3
- package/dist/Field/FieldLabel.js +26 -46
- package/dist/Flex/FlexProps.cjs +1 -1
- package/dist/Flex/FlexProps.js +10 -19
- package/dist/FocusTrap/FocusTrap.cjs +1 -1
- package/dist/FocusTrap/FocusTrap.js +32 -52
- package/dist/Grid/Grid.cjs +3 -3
- package/dist/Grid/Grid.js +20 -42
- package/dist/Grid/GridItem.cjs +2 -2
- package/dist/Grid/GridItem.js +22 -41
- package/dist/Icon/Icon.cjs +2 -2
- package/dist/Icon/Icon.js +17 -27
- package/dist/IconButton/IconButton.cjs +4 -4
- package/dist/IconButton/IconButton.js +44 -64
- package/dist/KeyboardNavigable/KeyboardNavigable.cjs +1 -1
- package/dist/KeyboardNavigable/KeyboardNavigable.js +38 -58
- package/dist/Layout/HeaderLayout.cjs +2 -2
- package/dist/Layout/HeaderLayout.js +78 -96
- package/dist/Link/Link.cjs +6 -6
- package/dist/Link/Link.js +34 -54
- package/dist/LinkButton/LinkButton.cjs +10 -10
- package/dist/LinkButton/LinkButton.js +47 -69
- package/dist/Loader/Loader.cjs +4 -4
- package/dist/Loader/Loader.js +25 -47
- package/dist/Main/Main.cjs +2 -2
- package/dist/Main/Main.js +15 -35
- package/dist/MainNav/MainNav.cjs +2 -2
- package/dist/MainNav/MainNav.js +19 -40
- package/dist/MainNav/NavCondense.cjs +3 -3
- package/dist/MainNav/NavCondense.js +20 -40
- package/dist/MainNav/NavFooter.cjs +3 -0
- package/dist/MainNav/NavFooter.js +14 -0
- package/dist/MainNav/NavLink.cjs +13 -13
- package/dist/MainNav/NavLink.js +57 -76
- package/dist/MainNav/NavSection.cjs +1 -1
- package/dist/MainNav/NavSection.js +46 -67
- package/dist/MainNav/NavSections.cjs +4 -1
- package/dist/MainNav/NavSections.js +23 -40
- package/dist/MainNav/NavUser.cjs +2 -6
- package/dist/MainNav/NavUser.js +31 -55
- package/dist/MainNav/index.cjs +1 -1
- package/dist/MainNav/index.js +14 -12
- package/dist/ModalLayout/ModalBody.cjs +2 -2
- package/dist/ModalLayout/ModalBody.js +9 -19
- package/dist/ModalLayout/ModalLayout.cjs +3 -3
- package/dist/ModalLayout/ModalLayout.js +30 -52
- package/dist/NumberInput/NumberInput.cjs +6 -6
- package/dist/NumberInput/NumberInput.js +123 -157
- package/dist/Pagination/components.cjs +7 -7
- package/dist/Pagination/components.js +65 -88
- package/dist/Popover/Popover.cjs +3 -3
- package/dist/Popover/Popover.js +65 -91
- package/dist/Portal/Portal.cjs +1 -1
- package/dist/Portal/Portal.js +11 -12
- package/dist/ProgressBar/ProgressBar.cjs +2 -2
- package/dist/ProgressBar/ProgressBar.js +27 -49
- package/dist/Radio/Radio.cjs +2 -2
- package/dist/Radio/Radio.js +19 -40
- package/dist/RawTable/RawCell.cjs +1 -1
- package/dist/RawTable/RawCell.js +69 -89
- package/dist/RawTable/RawTable.cjs +1 -1
- package/dist/RawTable/RawTable.js +46 -66
- package/dist/RawTable/RawTbody.cjs +1 -1
- package/dist/RawTable/RawTbody.js +11 -30
- package/dist/RawTable/RawThead.cjs +1 -1
- package/dist/RawTable/RawThead.js +10 -29
- package/dist/RawTable/RawTr.cjs +1 -1
- package/dist/RawTable/RawTr.js +14 -34
- package/dist/Searchbar/SearchForm.cjs +1 -1
- package/dist/Searchbar/SearchForm.js +5 -16
- package/dist/Searchbar/Searchbar.cjs +7 -7
- package/dist/Searchbar/Searchbar.js +45 -65
- package/dist/Select/MultiSelectNested.cjs +1 -1
- package/dist/Select/MultiSelectNested.js +23 -45
- package/dist/Select/OptGroup.cjs +1 -1
- package/dist/Select/OptGroup.js +15 -35
- package/dist/Select/Option.cjs +7 -7
- package/dist/Select/Option.js +37 -57
- package/dist/Select/Select.cjs +2 -2
- package/dist/Select/Select.js +145 -186
- package/dist/Select/SelectButton.cjs +2 -2
- package/dist/Select/SelectButton.js +33 -53
- package/dist/SimpleMenu/SimpleMenu.cjs +9 -9
- package/dist/SimpleMenu/SimpleMenu.js +137 -163
- package/dist/Stack/Stack.cjs +3 -3
- package/dist/Stack/Stack.js +29 -50
- package/dist/Status/Status.cjs +4 -4
- package/dist/Status/Status.js +30 -50
- package/dist/SubNav/SubNav.cjs +3 -3
- package/dist/SubNav/SubNav.js +15 -37
- package/dist/SubNav/SubNavHeader.cjs +2 -2
- package/dist/SubNav/SubNavHeader.js +38 -39
- package/dist/SubNav/SubNavLink.cjs +6 -6
- package/dist/SubNav/SubNavLink.js +39 -61
- package/dist/SubNav/SubNavSections.cjs +1 -1
- package/dist/SubNav/SubNavSections.js +17 -39
- package/dist/Switch/Switch.cjs +5 -5
- package/dist/Switch/Switch.js +35 -57
- package/dist/Table/Cell.cjs +3 -3
- package/dist/Table/Cell.js +20 -40
- package/dist/Table/TFooter.cjs +3 -3
- package/dist/Table/TFooter.js +28 -50
- package/dist/Table/Table.cjs +5 -5
- package/dist/Table/Table.js +35 -55
- package/dist/Table/Tbody.cjs +2 -2
- package/dist/Table/Tbody.js +8 -17
- package/dist/Table/Thead.cjs +2 -2
- package/dist/Table/Thead.js +8 -17
- package/dist/Table/Tr.cjs +2 -2
- package/dist/Table/Tr.js +8 -17
- package/dist/Tabs/TabGroup.cjs +1 -1
- package/dist/Tabs/TabGroup.js +26 -45
- package/dist/Tabs/TabPanels.cjs +1 -1
- package/dist/Tabs/TabPanels.js +24 -43
- package/dist/Tabs/Tabs.cjs +2 -2
- package/dist/Tabs/Tabs.js +94 -112
- package/dist/Tag/Tag.cjs +4 -4
- package/dist/Tag/Tag.js +27 -50
- package/dist/TextButton/TextButton.cjs +6 -6
- package/dist/TextButton/TextButton.js +39 -59
- package/dist/TextInput/TextInput.cjs +1 -1
- package/dist/TextInput/TextInput.js +49 -69
- package/dist/Textarea/Textarea.cjs +3 -3
- package/dist/Textarea/Textarea.js +43 -63
- package/dist/Textarea/TextareaInput.cjs +4 -4
- package/dist/Textarea/TextareaInput.js +30 -50
- package/dist/TimePicker/TimePicker.cjs +3 -3
- package/dist/TimePicker/TimePicker.js +62 -95
- package/dist/ToggleCheckbox/ToggleCheckbox.cjs +8 -8
- package/dist/ToggleCheckbox/ToggleCheckbox.js +56 -78
- package/dist/ToggleInput/ToggleInput.cjs +3 -3
- package/dist/ToggleInput/ToggleInput.js +65 -97
- package/dist/Tooltip/Tooltip.cjs +2 -2
- package/dist/Tooltip/Tooltip.js +38 -57
- package/dist/Typography/TypographyProps.cjs +1 -1
- package/dist/Typography/TypographyProps.js +13 -22
- package/dist/helpers/getDefaultLocale.cjs +1 -1
- package/dist/helpers/getDefaultLocale.js +1 -1
- package/dist/helpers/handleResponsiveValues.cjs +5 -5
- package/dist/helpers/handleResponsiveValues.js +14 -14
- package/dist/index.cjs +1 -1
- package/dist/index.js +150 -148
- package/dist/themes/darkTheme/index.cjs +1 -1
- package/dist/themes/darkTheme/index.js +8 -18
- package/dist/themes/extendTheme.cjs +4 -4
- package/dist/themes/extendTheme.js +18 -29
- package/dist/themes/lightTheme/index.cjs +1 -1
- package/dist/themes/lightTheme/index.js +8 -18
- package/dist/v2/Breadcrumbs/Breadcrumbs.cjs +2 -2
- package/dist/v2/Breadcrumbs/Breadcrumbs.js +23 -43
- package/dist/v2/Breadcrumbs/Crumb.cjs +1 -1
- package/dist/v2/Breadcrumbs/Crumb.js +22 -44
- package/dist/v2/Breadcrumbs/CrumbLink.cjs +2 -2
- package/dist/v2/Breadcrumbs/CrumbLink.js +14 -35
- package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs +2 -2
- package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js +19 -41
- package/dist/v2/Link/Link.cjs +5 -5
- package/dist/v2/Link/Link.js +42 -64
- package/dist/v2/LinkButton/LinkButton.cjs +10 -10
- package/dist/v2/LinkButton/LinkButton.js +51 -75
- package/dist/v2/MainNav/MainNav.cjs +2 -2
- package/dist/v2/MainNav/MainNav.js +19 -40
- package/dist/v2/MainNav/NavBrand.cjs +3 -3
- package/dist/v2/MainNav/NavBrand.js +57 -78
- package/dist/v2/MainNav/NavCondense.cjs +3 -3
- package/dist/v2/MainNav/NavCondense.js +20 -40
- package/dist/v2/MainNav/NavFooter.cjs +3 -0
- package/dist/v2/MainNav/NavFooter.js +14 -0
- package/dist/v2/MainNav/NavLink.cjs +13 -13
- package/dist/v2/MainNav/NavLink.js +60 -81
- package/dist/v2/MainNav/NavSection.cjs +1 -1
- package/dist/v2/MainNav/NavSection.js +46 -67
- package/dist/v2/MainNav/NavSections.cjs +4 -1
- package/dist/v2/MainNav/NavSections.js +23 -40
- package/dist/v2/MainNav/NavUser.cjs +2 -6
- package/dist/v2/MainNav/NavUser.js +31 -55
- package/dist/v2/MainNav/index.cjs +1 -1
- package/dist/v2/MainNav/index.js +14 -12
- package/dist/v2/Pagination/components.cjs +7 -7
- package/dist/v2/Pagination/components.js +65 -89
- package/dist/v2/SimpleMenu/SimpleMenu.cjs +9 -9
- package/dist/v2/SimpleMenu/SimpleMenu.js +131 -156
- package/dist/v2/SubNav/SubNav.cjs +3 -3
- package/dist/v2/SubNav/SubNav.js +15 -37
- package/dist/v2/SubNav/SubNavHeader.cjs +2 -2
- package/dist/v2/SubNav/SubNavHeader.js +38 -39
- package/dist/v2/SubNav/SubNavLink.cjs +6 -6
- package/dist/v2/SubNav/SubNavLink.js +42 -64
- package/dist/v2/SubNav/SubNavSections.cjs +1 -1
- package/dist/v2/SubNav/SubNavSections.js +17 -39
- package/dist/v2/index.cjs +1 -1
- package/dist/v2/index.js +37 -35
- package/package.json +3 -3
package/dist/Card/CardAsset.js
CHANGED
|
@@ -1,29 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
`,
|
|
14
|
+
`, p = {
|
|
36
15
|
S: 88,
|
|
37
16
|
M: 164
|
|
38
|
-
},
|
|
17
|
+
}, c = o.div`
|
|
39
18
|
display: flex;
|
|
40
19
|
justify-content: center;
|
|
41
|
-
height: ${({ size: e }) =>
|
|
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
|
-
`,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
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
|
-
|
|
60
|
-
children:
|
|
61
|
-
size:
|
|
36
|
+
a.propTypes = {
|
|
37
|
+
children: i.node,
|
|
38
|
+
size: i.oneOf(["S", "M"])
|
|
62
39
|
};
|
|
63
40
|
export {
|
|
64
|
-
|
|
41
|
+
a as CardAsset
|
|
65
42
|
};
|
package/dist/Card/CardBadge.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
`,
|
|
4
|
+
`,s=d.default(n.Badge)`
|
|
5
5
|
margin-left: ${({theme:e})=>e.spaces[1]};
|
|
6
|
-
`,
|
|
6
|
+
`,c=e=>t.default.createElement(o,null,t.default.createElement(s,{...e}));exports.CardBadge=c;
|
package/dist/Card/CardBadge.js
CHANGED
|
@@ -1,23 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
`,
|
|
7
|
+
`, m = r(a)`
|
|
19
8
|
margin-left: ${({ theme: e }) => e.spaces[1]};
|
|
20
|
-
`,
|
|
9
|
+
`, l = (e) => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(m, {
|
|
10
|
+
...e
|
|
11
|
+
}));
|
|
21
12
|
export {
|
|
22
|
-
|
|
13
|
+
l as CardBadge
|
|
23
14
|
};
|
package/dist/Card/CardBody.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
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;
|
package/dist/Card/CardBody.js
CHANGED
|
@@ -1,26 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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__ */
|
|
9
|
+
}, /* @__PURE__ */ t.createElement(o, {
|
|
10
|
+
...e,
|
|
22
11
|
alignItems: "flex-start"
|
|
23
|
-
}))
|
|
12
|
+
}));
|
|
24
13
|
export {
|
|
25
|
-
|
|
14
|
+
i as CardBody
|
|
26
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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__ */
|
|
21
|
-
"aria-labelledby": `${
|
|
22
|
-
|
|
9
|
+
}, /* @__PURE__ */ t.createElement(a, {
|
|
10
|
+
"aria-labelledby": `${r}-title`,
|
|
11
|
+
...e
|
|
12
|
+
}));
|
|
23
13
|
};
|
|
24
14
|
export {
|
|
25
|
-
|
|
15
|
+
d as CardCheckbox
|
|
26
16
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
`,
|
|
3
|
+
`,o=({children:e,...r})=>l.default.createElement(p,{...r},e);o.propTypes={children:u.default.node.isRequired};exports.CardContent=o;
|
package/dist/Card/CardContent.js
CHANGED
|
@@ -1,36 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
`,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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
|
-
|
|
14
|
+
n as CardContent
|
|
36
15
|
};
|
package/dist/Card/CardHeader.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
`,
|
|
4
|
+
`,c=e=>l.default.createElement(s,{justifyContent:"center",...e});exports.CardHeader=c;
|
package/dist/Card/CardHeader.js
CHANGED
|
@@ -1,23 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
`,
|
|
19
|
-
justifyContent: "center"
|
|
20
|
-
|
|
7
|
+
`, l = (e) => /* @__PURE__ */ r.createElement(a, {
|
|
8
|
+
justifyContent: "center",
|
|
9
|
+
...e
|
|
10
|
+
});
|
|
21
11
|
export {
|
|
22
|
-
|
|
12
|
+
l as CardHeader
|
|
23
13
|
};
|
package/dist/Card/CardTimer.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
`,
|
|
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;
|
package/dist/Card/CardTimer.js
CHANGED
|
@@ -1,48 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
`,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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
|
-
|
|
25
|
+
s as CardTimer
|
|
48
26
|
};
|
package/dist/Card/CardTitle.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
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;
|
package/dist/Card/CardTitle.js
CHANGED
|
@@ -1,34 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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: `${
|
|
8
|
+
id: `${o}-title`,
|
|
21
9
|
textColor: "neutral800",
|
|
22
10
|
fontWeight: "bold",
|
|
23
|
-
as: "div"
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
33
|
-
|
|
21
|
+
m as CardSubtitle,
|
|
22
|
+
d as CardTitle
|
|
34
23
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
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
|
-
`,
|
|
5
|
+
`,P=d.default(l.Box)`
|
|
6
6
|
grid-area: slides;
|
|
7
|
-
`,
|
|
8
|
-
grid-area: ${({area:
|
|
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:
|
|
12
|
+
fill: ${({theme:r})=>r.colors.neutral900};
|
|
13
13
|
}
|
|
14
|
-
`,
|
|
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;
|