@strapi/design-system 1.6.6 → 1.7.0-alpha.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 (82) hide show
  1. package/README.md +55 -0
  2. package/dist/BaseButton/BaseButton.cjs +1 -1
  3. package/dist/BaseButton/BaseButton.js +1 -1
  4. package/dist/BaseLink/BaseLink.cjs +1 -3
  5. package/dist/BaseLink/BaseLink.js +14 -14
  6. package/dist/Combobox/Combobox.cjs +104 -1
  7. package/dist/Combobox/Combobox.js +348 -278
  8. package/dist/Combobox/ComboboxList.cjs +1 -1
  9. package/dist/Combobox/ComboboxList.js +7 -6
  10. package/dist/Combobox/ComboboxOption.cjs +1 -1
  11. package/dist/Combobox/ComboboxOption.js +3 -29
  12. package/dist/DatePicker/DatePicker.cjs +6 -2
  13. package/dist/DatePicker/DatePicker.js +55 -49
  14. package/dist/DateTimePicker/parseDate.cjs +1 -0
  15. package/dist/DateTimePicker/parseDate.js +8 -0
  16. package/dist/NumberInput/NumberInput.cjs +2 -2
  17. package/dist/NumberInput/NumberInput.js +31 -31
  18. package/dist/Select/MultiSelect.cjs +30 -0
  19. package/dist/Select/MultiSelect.js +239 -0
  20. package/dist/Select/MultiSelectNested.cjs +3 -1
  21. package/dist/Select/MultiSelectNested.js +25 -12
  22. package/dist/Select/OptGroup.cjs +1 -1
  23. package/dist/Select/OptGroup.js +3 -22
  24. package/dist/Select/Option.cjs +1 -45
  25. package/dist/Select/Option.js +12 -100
  26. package/dist/Select/Select.cjs +1 -3
  27. package/dist/Select/Select.js +9 -207
  28. package/dist/Select/SelectList.cjs +1 -1
  29. package/dist/Select/SelectList.js +98 -80
  30. package/dist/Select/SelectParts.cjs +79 -0
  31. package/dist/Select/SelectParts.js +221 -0
  32. package/dist/Select/SingleSelect.cjs +1 -0
  33. package/dist/Select/SingleSelect.js +129 -0
  34. package/dist/Select/index.cjs +1 -1
  35. package/dist/Select/index.js +15 -10
  36. package/dist/TimePicker/TimePicker.cjs +2 -2
  37. package/dist/TimePicker/TimePicker.js +42 -40
  38. package/dist/helpers/objects.cjs +1 -1
  39. package/dist/helpers/objects.js +6 -22
  40. package/dist/hooks/useComposeRefs.cjs +1 -0
  41. package/dist/hooks/useComposeRefs.js +14 -0
  42. package/dist/hooks/useIntersection.cjs +1 -1
  43. package/dist/hooks/useIntersection.js +7 -7
  44. package/dist/index.cjs +1 -1
  45. package/dist/index.js +143 -138
  46. package/dist/themes/extendTheme.cjs +4 -4
  47. package/dist/themes/extendTheme.js +21 -13
  48. package/dist/themes/utils.cjs +6 -6
  49. package/dist/themes/utils.js +7 -6
  50. package/dist/v2/Link/Link.cjs +13 -11
  51. package/dist/v2/Link/Link.js +52 -37
  52. package/dist/v2/SimpleMenu/Menu.cjs +65 -0
  53. package/dist/v2/SimpleMenu/Menu.js +229 -0
  54. package/dist/v2/SimpleMenu/SimpleMenu.cjs +1 -33
  55. package/dist/v2/SimpleMenu/SimpleMenu.js +37 -176
  56. package/dist/v2/SimpleMenu/index.cjs +1 -1
  57. package/dist/v2/SimpleMenu/index.js +5 -3
  58. package/dist/v2/index.cjs +1 -1
  59. package/dist/v2/index.js +53 -51
  60. package/package.json +6 -19
  61. package/dist/Combobox/components.cjs +0 -53
  62. package/dist/Combobox/components.js +0 -64
  63. package/dist/Combobox/utils.cjs +0 -1
  64. package/dist/Combobox/utils.js +0 -78
  65. package/dist/Select/SelectButton.cjs +0 -19
  66. package/dist/Select/SelectButton.js +0 -69
  67. package/dist/Select/SelectTags.cjs +0 -6
  68. package/dist/Select/SelectTags.js +0 -38
  69. package/dist/Select/components.cjs +0 -39
  70. package/dist/Select/components.js +0 -48
  71. package/dist/Select/constants.cjs +0 -1
  72. package/dist/Select/constants.js +0 -8
  73. package/dist/Select/hooks/useButtonRef.cjs +0 -1
  74. package/dist/Select/hooks/useButtonRef.js +0 -13
  75. package/dist/Select/hooks/useListRef.cjs +0 -1
  76. package/dist/Select/hooks/useListRef.js +0 -18
  77. package/dist/Select/utils.cjs +0 -1
  78. package/dist/Select/utils.js +0 -17
  79. package/dist/helpers/arrays.cjs +0 -1
  80. package/dist/helpers/arrays.js +0 -6
  81. package/dist/v2/SimpleMenu/utils.cjs +0 -12
  82. package/dist/v2/SimpleMenu/utils.js +0 -15
package/dist/Select/utils.js DELETED
@@ -1,17 +0,0 @@
1
- import n from "compute-scroll-into-view";
2
- const d = (e, t) => {
3
- e.setAttribute("aria-activedescendant", t.getAttribute("id")), e.querySelectorAll('[role="option"]').forEach((c) => c.classList.remove("is-focused")), t.classList.add("is-focused"), n(t, {
4
- scrollMode: "if-needed",
5
- block: "nearest",
6
- inline: "nearest"
7
- }).forEach(({ el: c, top: o, left: s }) => {
8
- c.scrollTop = o, c.scrollLeft = s;
9
- });
10
- }, l = (e) => {
11
- const t = e.getAttribute("aria-activedescendant");
12
- return e.querySelector(`#${t}`);
13
- };
14
- export {
15
- d as changeDescendant,
16
- l as getActiveDescendant
17
- };
package/dist/helpers/arrays.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(r){return r&&typeof r=="object"&&Array.isArray(r)}exports.isArray=e;
package/dist/helpers/arrays.js DELETED
@@ -1,6 +0,0 @@
1
- function o(r) {
2
- return r && typeof r == "object" && Array.isArray(r);
3
- }
4
- export {
5
- o as isArray
6
- };
package/dist/v2/SimpleMenu/utils.cjs DELETED
@@ -1,12 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=({theme:o})=>`
2
- text-align: left;
3
- width: 100%;
4
- color: ${o.colors.neutral800};
5
- border-radius: ${o.borderRadius};
6
- &:focus {
7
- background-color: ${o.colors.primary100};
8
- }
9
- &:not([aria-disabled]):hover {
10
- background-color: ${o.colors.primary100};
11
- }
12
- `;exports.getOptionStyle=r;
package/dist/v2/SimpleMenu/utils.js DELETED
@@ -1,15 +0,0 @@
1
- const r = ({ theme: o }) => `
2
- text-align: left;
3
- width: 100%;
4
- color: ${o.colors.neutral800};
5
- border-radius: ${o.borderRadius};
6
- &:focus {
7
- background-color: ${o.colors.primary100};
8
- }
9
- &:not([aria-disabled]):hover {
10
- background-color: ${o.colors.primary100};
11
- }
12
- `;
13
- export {
14
- r as getOptionStyle
15
- };