@xola/ui-kit 3.4.5 → 3.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 (94) hide show
  1. package/README.md +27 -2
  2. package/build/components/Alert.js +6 -10
  3. package/build/components/Avatar.js +4 -4
  4. package/build/components/Badge.d.ts +2 -1
  5. package/build/components/Badge.js +18 -16
  6. package/build/components/Breadcrumb.js +1 -1
  7. package/build/components/Breakdown.js +20 -20
  8. package/build/components/Buttons/Button.js +1 -1
  9. package/build/components/Buttons/ButtonGroup.js +18 -18
  10. package/build/components/Buttons/SubmitButton.js +12 -12
  11. package/build/components/Buttons/ToggleButton.js +1 -1
  12. package/build/components/Counter.js +1 -1
  13. package/build/components/DatePicker/DatePicker.js +19 -19
  14. package/build/components/DatePicker/DatePickerPopover.js +18 -18
  15. package/build/components/DatePicker/Day.js +1 -1
  16. package/build/components/DatePicker/LocalizedDayPicker.js +14 -14
  17. package/build/components/DatePicker/MonthGrid.js +20 -20
  18. package/build/components/DatePicker/MonthSelector.js +13 -13
  19. package/build/components/DatePicker/NavbarElement.js +9 -9
  20. package/build/components/DatePicker/RangeDatePicker.js +3 -7
  21. package/build/components/DatePicker/UpcomingDatePicker.js +14 -14
  22. package/build/components/Dot/Dot.js +4 -4
  23. package/build/components/Drawer.js +9 -9
  24. package/build/components/Forms/BaseInput.js +4 -4
  25. package/build/components/Forms/Checkbox.js +5 -5
  26. package/build/components/Forms/ComboBox.js +10 -10
  27. package/build/components/Forms/FormGroup.js +3 -3
  28. package/build/components/Forms/InlineValuePopover.js +11 -11
  29. package/build/components/Forms/Input.js +5 -5
  30. package/build/components/Forms/Label.js +3 -3
  31. package/build/components/Forms/RangeSlider.js +14 -14
  32. package/build/components/Forms/Switch.js +15 -15
  33. package/build/components/Forms/Textarea.js +4 -4
  34. package/build/components/Forms/ValuePopoverText.js +5 -5
  35. package/build/components/HeaderToolbar.js +1 -1
  36. package/build/components/ImageUpload.js +11 -11
  37. package/build/components/Key.js +6 -6
  38. package/build/components/Logo.js +4 -4
  39. package/build/components/Modal.js +10 -10
  40. package/build/components/Popover/Popover.js +6 -12
  41. package/build/components/Popover/PopoverList.js +13 -22
  42. package/build/components/Screens/Login.js +10 -10
  43. package/build/components/Search.js +11 -11
  44. package/build/components/Sidebar/Sidebar.Account.js +8 -8
  45. package/build/components/Sidebar/Sidebar.Button.js +4 -4
  46. package/build/components/Sidebar/Sidebar.Heading.js +4 -4
  47. package/build/components/Sidebar/Sidebar.Link.js +21 -20
  48. package/build/components/Sidebar/Sidebar.Menu.d.ts +3 -0
  49. package/build/components/Sidebar/Sidebar.Menu.js +15 -13
  50. package/build/components/Sidebar/Sidebar.js +26 -26
  51. package/build/components/Skeleton.js +7 -7
  52. package/build/components/Spinner.js +2 -2
  53. package/build/components/Table.js +5 -5
  54. package/build/components/Tabs/Tabs.Panel.js +5 -5
  55. package/build/components/Tabs/Tabs.Tab.js +7 -7
  56. package/build/components/Tabs/Tabs.js +7 -7
  57. package/build/components/Tag.js +10 -10
  58. package/build/components/Utilities/Phone.js +3 -3
  59. package/build/full.css +1 -1
  60. package/build/{icons/build/helpers → helpers}/classnames.js +2 -2
  61. package/build/helpers/flash.js +5 -5
  62. package/build/icons/src/AnnounceIcon.js +13 -0
  63. package/build/icons/src/BellIcon.js +27 -0
  64. package/build/icons/{build → src}/CalendarIcon.js +6 -5
  65. package/build/icons/src/CheckIcon.js +8 -0
  66. package/build/icons/src/ChevronDownIcon.js +8 -0
  67. package/build/icons/src/ChevronLeftIcon.js +8 -0
  68. package/build/icons/src/ChevronRightIcon.js +8 -0
  69. package/build/icons/src/CircleNotch.js +6 -0
  70. package/build/icons/src/CloseIcon.js +11 -0
  71. package/build/icons/src/DownArrowIcon.js +16 -0
  72. package/build/icons/src/ImageIcon.js +27 -0
  73. package/build/icons/src/SearchIcon.js +16 -0
  74. package/build/icons/src/TrashIcon.js +20 -0
  75. package/build/icons/src/WarningDiamondIcon.js +27 -0
  76. package/build/icons/src/helpers/classnames.js +8 -0
  77. package/build/icons/src/helpers/icon.js +11 -0
  78. package/build/icons/{build → src}/images/XolaLogoSimple.js +5 -4
  79. package/package.json +1 -1
  80. package/build/icons/build/AnnounceIcon.js +0 -6
  81. package/build/icons/build/BellIcon.js +0 -23
  82. package/build/icons/build/CheckIcon.js +0 -7
  83. package/build/icons/build/ChevronDownIcon.js +0 -7
  84. package/build/icons/build/ChevronLeftIcon.js +0 -7
  85. package/build/icons/build/ChevronRightIcon.js +0 -7
  86. package/build/icons/build/CircleNotch.js +0 -5
  87. package/build/icons/build/CloseIcon.js +0 -7
  88. package/build/icons/build/DownArrowIcon.js +0 -15
  89. package/build/icons/build/ImageIcon.js +0 -23
  90. package/build/icons/build/SearchIcon.js +0 -15
  91. package/build/icons/build/TrashIcon.js +0 -16
  92. package/build/icons/build/WarningDiamondIcon.js +0 -23
  93. package/build/icons/build/helpers/icon.js +0 -10
  94. /package/build/icons/{build → src}/helpers/iconSizes.js +0 -0
package/build/icons/build/CheckIcon.js DELETED
@@ -1,7 +0,0 @@
1
- import e from "react";
2
- import { createIcon as t } from "./helpers/icon.js";
3
- const r = t((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 12", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M12.166 3l-7.333 7.333L1.5 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
4
- r.tags = ["tick", "correct"];
5
- export {
6
- r as CheckIcon
7
- };
package/build/icons/build/ChevronDownIcon.js DELETED
@@ -1,7 +0,0 @@
1
- import e from "react";
2
- import { createIcon as r } from "./helpers/icon.js";
3
- const t = r((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M12.75 4.25l-5.5 5.5-5.5-5.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
4
- t.tags = ["arrow"];
5
- export {
6
- t as ChevronDownIcon
7
- };
package/build/icons/build/ChevronLeftIcon.js DELETED
@@ -1,7 +0,0 @@
1
- import e from "react";
2
- import { createIcon as r } from "./helpers/icon.js";
3
- const t = r((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M9 12.5L3.5 7 9 1.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
4
- t.tags = ["arrow"];
5
- export {
6
- t as ChevronLeftIcon
7
- };
package/build/icons/build/ChevronRightIcon.js DELETED
@@ -1,7 +0,0 @@
1
- import e from "react";
2
- import { createIcon as r } from "./helpers/icon.js";
3
- const t = r((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { d: "M4.5 1.5L10 7l-5.5 5.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
4
- t.tags = ["arrow"];
5
- export {
6
- t as ChevronRightIcon
7
- };
package/build/icons/build/CircleNotch.js DELETED
@@ -1,5 +0,0 @@
1
- import e from "react";
2
- const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "none", viewBox: "0 0 14 14", ...t }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M14 7a7 7 0 10-7 7v-1.4A5.6 5.6 0 1112.6 7H14z" }));
3
- export {
4
- r as CircleNotch
5
- };
package/build/icons/build/CloseIcon.js DELETED
@@ -1,7 +0,0 @@
1
- import e from "react";
2
- import { createIcon as r } from "./helpers/icon.js";
3
- const l = r((t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#prefix__clip0_5_1805)", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ e.createElement("path", { d: "M11.148 3.147l-8.295 8.295M11.147 11.442L2.853 3.147" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "prefix__clip0_5_1805" }, /* @__PURE__ */ e.createElement("path", { fill: "#fff", d: "M0 0h14v14H0z" })))));
4
- l.tags = ["cross", "delete", "x"];
5
- export {
6
- l as CloseIcon
7
- };
package/build/icons/build/DownArrowIcon.js DELETED
@@ -1,15 +0,0 @@
1
- import o from "react";
2
- import { createIcon as t } from "./helpers/icon.js";
3
- const r = t((e) => /* @__PURE__ */ o.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", fill: "none", viewBox: "0 0 14 14", ...e }, /* @__PURE__ */ o.createElement(
4
- "path",
5
- {
6
- d: "M10 6L7.184 8.816v0a.26.26 0 01-.368 0L4 6",
7
- stroke: "currentColor",
8
- strokeLinecap: "round",
9
- strokeLinejoin: "round"
10
- }
11
- )));
12
- r.tags = ["collapse", "fold"];
13
- export {
14
- r as DownArrowIcon
15
- };
package/build/icons/build/ImageIcon.js DELETED
@@ -1,23 +0,0 @@
1
- import e from "react";
2
- import { createIcon as r } from "./helpers/icon.js";
3
- const t = r((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 15, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement(
4
- "path",
5
- {
6
- d: "M12.231 2h-9.13a.435.435 0 00-.435.435v9.13c0 .24.195.435.435.435h9.13c.24 0 .435-.195.435-.435v-9.13A.435.435 0 0012.231 2zM2.666 10.26h10",
7
- stroke: "currentColor",
8
- strokeLinecap: "round",
9
- strokeLinejoin: "round"
10
- }
11
- ), /* @__PURE__ */ e.createElement(
12
- "path",
13
- {
14
- d: "M2.666 9.665s1.083-2.707 2.436-2.707c1.354 0 2.437 1.625 2.437 1.625l1.63-2.8h-.006a.903.903 0 011.24-.324c.152.086.27.216.352.373l1.911 3.823",
15
- stroke: "currentColor",
16
- strokeLinecap: "round",
17
- strokeLinejoin: "round"
18
- }
19
- )));
20
- t.tags = ["photo"];
21
- export {
22
- t as ImageIcon
23
- };
package/build/icons/build/SearchIcon.js DELETED
@@ -1,15 +0,0 @@
1
- import e from "react";
2
- import { createIcon as t } from "./helpers/icon.js";
3
- const r = t((o) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", ...o }, /* @__PURE__ */ e.createElement(
4
- "path",
5
- {
6
- d: "M6.217 10.878a4.661 4.661 0 100-9.322 4.661 4.661 0 000 9.322zM9.514 9.513l2.93 2.931",
7
- stroke: "currentColor",
8
- strokeLinecap: "round",
9
- strokeLinejoin: "round"
10
- }
11
- )));
12
- r.tags = ["magnifying glass"];
13
- export {
14
- r as SearchIcon
15
- };
package/build/icons/build/TrashIcon.js DELETED
@@ -1,16 +0,0 @@
1
- import e from "react";
2
- import { createIcon as r } from "./helpers/icon.js";
3
- const l = r((t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement(
4
- "g",
5
- {
6
- clipPath: "url(#prefix__clip0_141_9201)",
7
- stroke: "currentColor",
8
- strokeLinecap: "round",
9
- strokeLinejoin: "round"
10
- },
11
- /* @__PURE__ */ e.createElement("path", { d: "M1.828 3.324H12.15M8.095 1.85H5.883v0a.737.737 0 00-.737.737v.737h3.686v-.737 0a.737.737 0 00-.737-.737v0zM5.883 9.591V5.905M8.095 9.591V5.905M10.363 11.495v0a.737.737 0 01-.735.677H4.35v0a.737.737 0 01-.735-.677l-.681-8.17h8.11l-.681 8.17z" })
12
- ), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "prefix__clip0_141_9201" }, /* @__PURE__ */ e.createElement("path", { fill: "#fff", transform: "translate(1.09 1.113)", d: "M0 0h11.796v11.796H0z" })))));
13
- l.tags = ["delete", "remove", "bin"];
14
- export {
15
- l as TrashIcon
16
- };
package/build/icons/build/WarningDiamondIcon.js DELETED
@@ -1,23 +0,0 @@
1
- import e from "react";
2
- import { createIcon as t } from "./helpers/icon.js";
3
- const r = t((o) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 14 14", width: 14, height: 14, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement(
4
- "path",
5
- {
6
- d: "M12.587 6.614L7.358 1.386a.545.545 0 00-.771 0L1.358 6.614a.545.545 0 000 .772l5.229 5.228a.546.546 0 00.771 0l5.229-5.228a.545.545 0 000-.772zM6.985 4.286v3.06",
7
- stroke: "currentColor",
8
- strokeLinecap: "round",
9
- strokeLinejoin: "round"
10
- }
11
- ), /* @__PURE__ */ e.createElement(
12
- "path",
13
- {
14
- d: "M6.978 9.196a.127.127 0 00-.131.136c0 .07.06.13.136.13a.134.134 0 00.126-.141l-.006-.005c-.005-.077-.065-.137-.136-.137M6.985 9.196H6.98",
15
- stroke: "currentColor",
16
- strokeLinecap: "round",
17
- strokeLinejoin: "round"
18
- }
19
- )));
20
- r.tags = ["exclamation"];
21
- export {
22
- r as WarningDiamondIcon
23
- };
package/build/icons/build/helpers/icon.js DELETED
@@ -1,10 +0,0 @@
1
- import t from "./classnames.js";
2
- import n from "react";
3
- import { iconSizes as r } from "./iconSizes.js";
4
- const p = (e) => {
5
- const o = ({ size: a = "small", className: m, ...s }) => /* @__PURE__ */ n.createElement(e, { className: t(r[a], "relative -top-0.25 inline-block", m), ...s });
6
- return o.displayName = `Icon(${e.displayName || e.name || "Component"})`, o;
7
- };
8
- export {
9
- p as createIcon
10
- };
/package/build/icons/{build → src}/helpers/iconSizes.js RENAMED
File without changes