@strapi/design-system 1.7.10 → 1.8.1
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/README.md +9 -17
- package/dist/Button/Button.cjs +2 -2
- package/dist/Button/Button.js +4 -4
- package/dist/Combobox/Combobox.cjs +14 -13
- package/dist/Combobox/Combobox.js +73 -68
- package/dist/DatePicker/DatePicker.cjs +82 -6
- package/dist/DatePicker/DatePicker.js +414 -55
- package/dist/DateTimePicker/DateTimePicker.cjs +7 -1
- package/dist/DateTimePicker/DateTimePicker.js +97 -53
- package/dist/DateTimePicker/index.cjs +1 -1
- package/dist/DateTimePicker/index.js +3 -2
- package/dist/DesignSystemProvider.cjs +1 -0
- package/dist/DesignSystemProvider.js +10 -0
- package/dist/Grid/Grid.cjs +3 -3
- package/dist/Grid/Grid.js +6 -3
- package/dist/MainNav/MainNav.cjs +2 -2
- package/dist/MainNav/MainNav.js +9 -31
- package/dist/MainNav/MainNavContext.cjs +1 -1
- package/dist/MainNav/MainNavContext.js +1 -1
- package/dist/MainNav/NavBrand.cjs +3 -3
- package/dist/MainNav/NavBrand.js +12 -38
- package/dist/MainNav/NavCondense.cjs +2 -2
- package/dist/MainNav/NavCondense.js +15 -23
- package/dist/MainNav/NavFooter.cjs +1 -1
- package/dist/MainNav/NavFooter.js +4 -10
- package/dist/MainNav/NavLink.cjs +9 -9
- package/dist/MainNav/NavLink.js +13 -35
- package/dist/MainNav/NavSection.cjs +1 -1
- package/dist/MainNav/NavSection.js +9 -43
- package/dist/MainNav/NavSections.cjs +2 -2
- package/dist/MainNav/NavSections.js +7 -21
- package/dist/MainNav/NavUser.cjs +2 -2
- package/dist/MainNav/NavUser.js +13 -27
- package/dist/NumberInput/NumberInput.cjs +2 -2
- package/dist/NumberInput/NumberInput.js +40 -40
- package/dist/Popover/Popover.cjs +3 -4
- package/dist/Popover/Popover.js +46 -48
- package/dist/Popover/index.cjs +1 -1
- package/dist/Popover/index.js +5 -9
- package/dist/Popover/primitives.cjs +1 -0
- package/dist/Popover/primitives.js +5 -0
- package/dist/Searchbar/Searchbar.cjs +2 -2
- package/dist/Searchbar/Searchbar.js +5 -5
- package/dist/Select/SelectParts.cjs +1 -1
- package/dist/Select/SelectParts.js +1 -1
- package/dist/Select/SingleSelect.cjs +1 -1
- package/dist/Select/SingleSelect.js +36 -32
- package/dist/SimpleMenu/SimpleMenu.cjs +9 -9
- package/dist/SimpleMenu/SimpleMenu.js +62 -151
- package/dist/SubNav/SubNav.cjs +5 -5
- package/dist/SubNav/SubNav.js +8 -13
- package/dist/SubNav/SubNavHeader.cjs +3 -3
- package/dist/SubNav/SubNavHeader.js +29 -76
- package/dist/SubNav/SubNavLink.cjs +13 -13
- package/dist/SubNav/SubNavLink.js +20 -52
- package/dist/SubNav/SubNavLinkSection.cjs +4 -4
- package/dist/SubNav/SubNavLinkSection.js +19 -35
- package/dist/SubNav/SubNavSection.cjs +2 -2
- package/dist/SubNav/SubNavSection.js +15 -55
- package/dist/SubNav/SubNavSectionLabel.cjs +3 -3
- package/dist/SubNav/SubNavSectionLabel.js +10 -38
- package/dist/SubNav/SubNavSections.cjs +1 -1
- package/dist/SubNav/SubNavSections.js +4 -18
- package/dist/TextInput/TextInput.cjs +1 -1
- package/dist/TextInput/TextInput.js +5 -5
- package/dist/ThemeProvider/ThemeProvider.cjs +2 -2
- package/dist/ThemeProvider/ThemeProvider.js +4 -3
- package/dist/TimePicker/TimePicker.cjs +5 -7
- package/dist/TimePicker/TimePicker.js +79 -33
- package/dist/TimePicker/index.cjs +1 -1
- package/dist/TimePicker/index.js +3 -2
- package/dist/helpers/context.cjs +1 -0
- package/dist/helpers/context.js +21 -0
- package/dist/helpers/getDefaultLocale.cjs +4 -1
- package/dist/helpers/getDefaultLocale.js +7 -2
- package/dist/hooks/useDateFormatter.cjs +1 -0
- package/dist/hooks/useDateFormatter.js +20 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +309 -304
- package/dist/v2/Breadcrumbs/Breadcrumbs.cjs +2 -2
- package/dist/v2/Breadcrumbs/Breadcrumbs.js +15 -23
- package/dist/v2/Breadcrumbs/Crumb.cjs +1 -1
- package/dist/v2/Breadcrumbs/Crumb.js +6 -25
- package/dist/v2/Breadcrumbs/CrumbLink.cjs +2 -2
- package/dist/v2/Breadcrumbs/CrumbLink.js +6 -15
- package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs +4 -3
- package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js +8 -14
- package/dist/v2/Breadcrumbs/Divider.cjs +1 -1
- package/dist/v2/Breadcrumbs/Divider.js +3 -4
- package/dist/v2/SimpleMenu/Menu.cjs +10 -10
- package/dist/v2/SimpleMenu/Menu.js +11 -11
- package/package.json +11 -10
- package/dist/DatePicker/DatePickerCalendar.cjs +0 -1
- package/dist/DatePicker/DatePickerCalendar.js +0 -43
- package/dist/DatePicker/DatePickerTd.cjs +0 -19
- package/dist/DatePicker/DatePickerTd.js +0 -29
- package/dist/DatePicker/DatePickerTh.cjs +0 -9
- package/dist/DatePicker/DatePickerTh.js +0 -18
- package/dist/DatePicker/compareDates.cjs +0 -1
- package/dist/DatePicker/compareDates.js +0 -4
- package/dist/DatePicker/components.cjs +0 -39
- package/dist/DatePicker/components.js +0 -53
- package/dist/DatePicker/utils/formatDate.cjs +0 -1
- package/dist/DatePicker/utils/formatDate.js +0 -4
- package/dist/DatePicker/utils/generateWeeks.cjs +0 -1
- package/dist/DatePicker/utils/generateWeeks.js +0 -17
- package/dist/DatePicker/utils/getDayOfWeek.cjs +0 -1
- package/dist/DatePicker/utils/getDayOfWeek.js +0 -15
- package/dist/DatePicker/utils/getMonths.cjs +0 -1
- package/dist/DatePicker/utils/getMonths.js +0 -7
- package/dist/DatePicker/utils/getYears.cjs +0 -1
- package/dist/DatePicker/utils/getYears.js +0 -9
- package/dist/DatePicker/utils/index.cjs +0 -1
- package/dist/DatePicker/utils/index.js +0 -12
- package/dist/DateTimePicker/parseDate.cjs +0 -1
- package/dist/DateTimePicker/parseDate.js +0 -8
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import o, { css as t } from "styled-components";
|
|
2
|
-
import { InputWrapper as n } from "../Field/FieldInput.js";
|
|
3
|
-
import { Popover as i } from "../Popover/Popover.js";
|
|
4
|
-
import { Box as a } from "../Box/Box.js";
|
|
5
|
-
const c = o(i)`
|
|
6
|
-
max-height: ${3 * 6}rem;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
`;
|
|
9
|
-
/**
|
|
10
|
-
* @preserve
|
|
11
|
-
* @deprecated This component will be removed in the next major version
|
|
12
|
-
*/
|
|
13
|
-
const m = o.button`
|
|
14
|
-
border: none;
|
|
15
|
-
background: transparent;
|
|
16
|
-
border-radius: ${({ theme: r }) => r.borderRadius};
|
|
17
|
-
cursor: ${(r) => r["aria-disabled"] ? "not-allowed" : void 0};
|
|
18
|
-
|
|
19
|
-
& svg path {
|
|
20
|
-
fill: ${({ theme: r }) => r.colors.neutral500};
|
|
21
|
-
}
|
|
22
|
-
`, u = o.div`
|
|
23
|
-
${({ bold: r, theme: e }) => r ? t`
|
|
24
|
-
& ${n} {
|
|
25
|
-
border: 1px solid ${e.colors.primary600};
|
|
26
|
-
}
|
|
27
|
-
` : ""}
|
|
28
|
-
`;
|
|
29
|
-
/**
|
|
30
|
-
* @preserve
|
|
31
|
-
* @deprecated This component will be removed in the next major version
|
|
32
|
-
*/
|
|
33
|
-
const $ = o(a)`
|
|
34
|
-
background: transparent;
|
|
35
|
-
border: none;
|
|
36
|
-
position: relative;
|
|
37
|
-
z-index: 1;
|
|
38
|
-
|
|
39
|
-
svg {
|
|
40
|
-
height: ${11 / 16}rem;
|
|
41
|
-
width: ${11 / 16}rem;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
svg path {
|
|
45
|
-
fill: ${({ theme: r }) => r.colors.neutral600};
|
|
46
|
-
}
|
|
47
|
-
`;
|
|
48
|
-
export {
|
|
49
|
-
m as DatePickerButton,
|
|
50
|
-
c as DatePickerPopover,
|
|
51
|
-
u as DatePickerWrapper,
|
|
52
|
-
$ as IconBox
|
|
53
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(t,e)=>new Intl.DateTimeFormat(e).format(t);exports.formatDate=r;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../compareDates.cjs"),D=7*6,M=(e,g)=>{const i=new Date(e.getFullYear(),e.getMonth(),1),l=new Date(e.getFullYear(),e.getMonth()+1,0).getDate(),c=new Date(e.getFullYear(),e.getMonth(),0).getDate(),r=i.getDay(),h=l+r,s=[];let a=0,u=0,n=0,o;for(let t=0;t<D;t++)t>6&&t%7===0&&n++,s[n]||(s[n]=[]),t<r?o={date:new Date(e.getFullYear(),e.getMonth()-1,c-r+t+1),outsideMonth:!0}:t<h?o={date:new Date(e.getFullYear(),e.getMonth(),t-r+1)}:o={date:new Date(e.getFullYear(),e.getMonth()+1,t-r-l+1),outsideMonth:!0},f.isDateEqual(g,o.date)&&(a=n+1,u=s[n].length,o.isSelected=!0),s[n].push(o);return[s,a,u]};exports.generateWeeks=M;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { isDateEqual as f } from "../compareDates.js";
|
|
2
|
-
const D = 7 * 6, w = (e, g) => {
|
|
3
|
-
const i = new Date(e.getFullYear(), e.getMonth(), 1), l = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate(), h = new Date(e.getFullYear(), e.getMonth(), 0).getDate(), r = i.getDay(), c = l + r, s = [];
|
|
4
|
-
let a = 0, u = 0, n = 0, o;
|
|
5
|
-
for (let t = 0; t < D; t++)
|
|
6
|
-
t > 6 && t % 7 === 0 && n++, s[n] || (s[n] = []), t < r ? o = {
|
|
7
|
-
date: new Date(e.getFullYear(), e.getMonth() - 1, h - r + t + 1),
|
|
8
|
-
outsideMonth: !0
|
|
9
|
-
} : t < c ? o = { date: new Date(e.getFullYear(), e.getMonth(), t - r + 1) } : o = {
|
|
10
|
-
date: new Date(e.getFullYear(), e.getMonth() + 1, t - r - l + 1),
|
|
11
|
-
outsideMonth: !0
|
|
12
|
-
}, f(g, o.date) && (a = n + 1, u = s[n].length, o.isSelected = !0), s[n].push(o);
|
|
13
|
-
return [s, a, u];
|
|
14
|
-
};
|
|
15
|
-
export {
|
|
16
|
-
w as generateWeeks
|
|
17
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=()=>{const e=new Intl.DateTimeFormat(void 0,{weekday:"long"}).format,t=new Date(1970,0,1),n=new Date(1970,0,2),o=new Date(1970,0,3),a=new Date(1970,0,4),s=new Date(1970,0,5),c=new Date(1970,0,6),r=new Date(1970,0,7);return{sun:e(a),mon:e(s),tue:e(c),wed:e(r),thu:e(t),fri:e(n),sat:e(o)}};exports.getDayOfWeek=u;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
const D = () => {
|
|
2
|
-
const e = new Intl.DateTimeFormat(void 0, { weekday: "long" }).format, t = new Date(1970, 0, 1), n = new Date(1970, 0, 2), o = new Date(1970, 0, 3), a = new Date(1970, 0, 4), s = new Date(1970, 0, 5), w = new Date(1970, 0, 6), c = new Date(1970, 0, 7);
|
|
3
|
-
return {
|
|
4
|
-
sun: e(a),
|
|
5
|
-
mon: e(s),
|
|
6
|
-
tue: e(w),
|
|
7
|
-
wed: e(c),
|
|
8
|
-
thu: e(t),
|
|
9
|
-
fri: e(n),
|
|
10
|
-
sat: e(o)
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
D as getDayOfWeek
|
|
15
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=()=>{const t=new Intl.DateTimeFormat(void 0,{month:"long"}).format;return Array(12).fill(null).map((o,e)=>t(new Date(1970,e,1)))};exports.getMonths=n;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=200,l=15,u=(s,a)=>{const t=new Date().getFullYear(),n=s?.getFullYear()??t-c,o=a?.getFullYear()??t+l,r=[];for(let e=n;e<=o;e++)r.push(e);return r};exports.getYears=u;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./getDayOfWeek.cjs"),t=require("./getMonths.cjs"),r=require("./generateWeeks.cjs"),a=require("./getYears.cjs"),s=require("./formatDate.cjs");exports.getDayOfWeek=e.getDayOfWeek;exports.getMonths=t.getMonths;exports.generateWeeks=r.generateWeeks;exports.getYears=a.getYears;exports.formatDate=s.formatDate;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { getDayOfWeek as o } from "./getDayOfWeek.js";
|
|
2
|
-
import { getMonths as f } from "./getMonths.js";
|
|
3
|
-
import { generateWeeks as a } from "./generateWeeks.js";
|
|
4
|
-
import { getYears as x } from "./getYears.js";
|
|
5
|
-
import { formatDate as s } from "./formatDate.js";
|
|
6
|
-
export {
|
|
7
|
-
s as formatDate,
|
|
8
|
-
a as generateWeeks,
|
|
9
|
-
o as getDayOfWeek,
|
|
10
|
-
f as getMonths,
|
|
11
|
-
x as getYears
|
|
12
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=t=>{const e=Date.parse(t);if(!Number.isNaN(e))return new Date(e)};exports.parseDate=r;
|