@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.
Files changed (116) hide show
  1. package/README.md +9 -17
  2. package/dist/Button/Button.cjs +2 -2
  3. package/dist/Button/Button.js +4 -4
  4. package/dist/Combobox/Combobox.cjs +14 -13
  5. package/dist/Combobox/Combobox.js +73 -68
  6. package/dist/DatePicker/DatePicker.cjs +82 -6
  7. package/dist/DatePicker/DatePicker.js +414 -55
  8. package/dist/DateTimePicker/DateTimePicker.cjs +7 -1
  9. package/dist/DateTimePicker/DateTimePicker.js +97 -53
  10. package/dist/DateTimePicker/index.cjs +1 -1
  11. package/dist/DateTimePicker/index.js +3 -2
  12. package/dist/DesignSystemProvider.cjs +1 -0
  13. package/dist/DesignSystemProvider.js +10 -0
  14. package/dist/Grid/Grid.cjs +3 -3
  15. package/dist/Grid/Grid.js +6 -3
  16. package/dist/MainNav/MainNav.cjs +2 -2
  17. package/dist/MainNav/MainNav.js +9 -31
  18. package/dist/MainNav/MainNavContext.cjs +1 -1
  19. package/dist/MainNav/MainNavContext.js +1 -1
  20. package/dist/MainNav/NavBrand.cjs +3 -3
  21. package/dist/MainNav/NavBrand.js +12 -38
  22. package/dist/MainNav/NavCondense.cjs +2 -2
  23. package/dist/MainNav/NavCondense.js +15 -23
  24. package/dist/MainNav/NavFooter.cjs +1 -1
  25. package/dist/MainNav/NavFooter.js +4 -10
  26. package/dist/MainNav/NavLink.cjs +9 -9
  27. package/dist/MainNav/NavLink.js +13 -35
  28. package/dist/MainNav/NavSection.cjs +1 -1
  29. package/dist/MainNav/NavSection.js +9 -43
  30. package/dist/MainNav/NavSections.cjs +2 -2
  31. package/dist/MainNav/NavSections.js +7 -21
  32. package/dist/MainNav/NavUser.cjs +2 -2
  33. package/dist/MainNav/NavUser.js +13 -27
  34. package/dist/NumberInput/NumberInput.cjs +2 -2
  35. package/dist/NumberInput/NumberInput.js +40 -40
  36. package/dist/Popover/Popover.cjs +3 -4
  37. package/dist/Popover/Popover.js +46 -48
  38. package/dist/Popover/index.cjs +1 -1
  39. package/dist/Popover/index.js +5 -9
  40. package/dist/Popover/primitives.cjs +1 -0
  41. package/dist/Popover/primitives.js +5 -0
  42. package/dist/Searchbar/Searchbar.cjs +2 -2
  43. package/dist/Searchbar/Searchbar.js +5 -5
  44. package/dist/Select/SelectParts.cjs +1 -1
  45. package/dist/Select/SelectParts.js +1 -1
  46. package/dist/Select/SingleSelect.cjs +1 -1
  47. package/dist/Select/SingleSelect.js +36 -32
  48. package/dist/SimpleMenu/SimpleMenu.cjs +9 -9
  49. package/dist/SimpleMenu/SimpleMenu.js +62 -151
  50. package/dist/SubNav/SubNav.cjs +5 -5
  51. package/dist/SubNav/SubNav.js +8 -13
  52. package/dist/SubNav/SubNavHeader.cjs +3 -3
  53. package/dist/SubNav/SubNavHeader.js +29 -76
  54. package/dist/SubNav/SubNavLink.cjs +13 -13
  55. package/dist/SubNav/SubNavLink.js +20 -52
  56. package/dist/SubNav/SubNavLinkSection.cjs +4 -4
  57. package/dist/SubNav/SubNavLinkSection.js +19 -35
  58. package/dist/SubNav/SubNavSection.cjs +2 -2
  59. package/dist/SubNav/SubNavSection.js +15 -55
  60. package/dist/SubNav/SubNavSectionLabel.cjs +3 -3
  61. package/dist/SubNav/SubNavSectionLabel.js +10 -38
  62. package/dist/SubNav/SubNavSections.cjs +1 -1
  63. package/dist/SubNav/SubNavSections.js +4 -18
  64. package/dist/TextInput/TextInput.cjs +1 -1
  65. package/dist/TextInput/TextInput.js +5 -5
  66. package/dist/ThemeProvider/ThemeProvider.cjs +2 -2
  67. package/dist/ThemeProvider/ThemeProvider.js +4 -3
  68. package/dist/TimePicker/TimePicker.cjs +5 -7
  69. package/dist/TimePicker/TimePicker.js +79 -33
  70. package/dist/TimePicker/index.cjs +1 -1
  71. package/dist/TimePicker/index.js +3 -2
  72. package/dist/helpers/context.cjs +1 -0
  73. package/dist/helpers/context.js +21 -0
  74. package/dist/helpers/getDefaultLocale.cjs +4 -1
  75. package/dist/helpers/getDefaultLocale.js +7 -2
  76. package/dist/hooks/useDateFormatter.cjs +1 -0
  77. package/dist/hooks/useDateFormatter.js +20 -0
  78. package/dist/index.cjs +1 -1
  79. package/dist/index.js +309 -304
  80. package/dist/v2/Breadcrumbs/Breadcrumbs.cjs +2 -2
  81. package/dist/v2/Breadcrumbs/Breadcrumbs.js +15 -23
  82. package/dist/v2/Breadcrumbs/Crumb.cjs +1 -1
  83. package/dist/v2/Breadcrumbs/Crumb.js +6 -25
  84. package/dist/v2/Breadcrumbs/CrumbLink.cjs +2 -2
  85. package/dist/v2/Breadcrumbs/CrumbLink.js +6 -15
  86. package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs +4 -3
  87. package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js +8 -14
  88. package/dist/v2/Breadcrumbs/Divider.cjs +1 -1
  89. package/dist/v2/Breadcrumbs/Divider.js +3 -4
  90. package/dist/v2/SimpleMenu/Menu.cjs +10 -10
  91. package/dist/v2/SimpleMenu/Menu.js +11 -11
  92. package/package.json +11 -10
  93. package/dist/DatePicker/DatePickerCalendar.cjs +0 -1
  94. package/dist/DatePicker/DatePickerCalendar.js +0 -43
  95. package/dist/DatePicker/DatePickerTd.cjs +0 -19
  96. package/dist/DatePicker/DatePickerTd.js +0 -29
  97. package/dist/DatePicker/DatePickerTh.cjs +0 -9
  98. package/dist/DatePicker/DatePickerTh.js +0 -18
  99. package/dist/DatePicker/compareDates.cjs +0 -1
  100. package/dist/DatePicker/compareDates.js +0 -4
  101. package/dist/DatePicker/components.cjs +0 -39
  102. package/dist/DatePicker/components.js +0 -53
  103. package/dist/DatePicker/utils/formatDate.cjs +0 -1
  104. package/dist/DatePicker/utils/formatDate.js +0 -4
  105. package/dist/DatePicker/utils/generateWeeks.cjs +0 -1
  106. package/dist/DatePicker/utils/generateWeeks.js +0 -17
  107. package/dist/DatePicker/utils/getDayOfWeek.cjs +0 -1
  108. package/dist/DatePicker/utils/getDayOfWeek.js +0 -15
  109. package/dist/DatePicker/utils/getMonths.cjs +0 -1
  110. package/dist/DatePicker/utils/getMonths.js +0 -7
  111. package/dist/DatePicker/utils/getYears.cjs +0 -1
  112. package/dist/DatePicker/utils/getYears.js +0 -9
  113. package/dist/DatePicker/utils/index.cjs +0 -1
  114. package/dist/DatePicker/utils/index.js +0 -12
  115. package/dist/DateTimePicker/parseDate.cjs +0 -1
  116. 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,4 +0,0 @@
1
- const e = (t, r) => new Intl.DateTimeFormat(r).format(t);
2
- export {
3
- e as formatDate
4
- };
@@ -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,7 +0,0 @@
1
- const o = () => {
2
- const t = new Intl.DateTimeFormat(void 0, { month: "long" }).format;
3
- return Array(12).fill(null).map((e, n) => t(new Date(1970, n, 1)));
4
- };
5
- export {
6
- o as getMonths
7
- };
@@ -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,9 +0,0 @@
1
- const E = (n, s) => {
2
- const t = (/* @__PURE__ */ new Date()).getFullYear(), a = n?.getFullYear() ?? t - 200, A = s?.getFullYear() ?? t + 15, r = [];
3
- for (let e = a; e <= A; e++)
4
- r.push(e);
5
- return r;
6
- };
7
- export {
8
- E as getYears
9
- };
@@ -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;
@@ -1,8 +0,0 @@
1
- const r = (t) => {
2
- const e = Date.parse(t);
3
- if (!Number.isNaN(e))
4
- return new Date(e);
5
- };
6
- export {
7
- r as parseDate
8
- };