@pismo/marola 0.0.1-alpha.5 → 0.0.1-alpha.6

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 (84) hide show
  1. package/README.md +13 -2
  2. package/dist/{Button-D--uN90N.js → Button-W6tM-_IT.js} +3 -3
  3. package/dist/Dialog.module-CGVM5V_D.js +15 -0
  4. package/dist/Portal-P3fPvS3-.js +19695 -0
  5. package/dist/{Tabs.module-BKlNuSPH.js → Tabs.module-BA-PC7fA.js} +13 -13
  6. package/dist/_commonjsHelpers-CT_km90n.js +30 -0
  7. package/dist/assets/Advice.css +1 -0
  8. package/dist/assets/Button.css +1 -1
  9. package/dist/assets/Checkbox.css +1 -0
  10. package/dist/assets/Dialog.css +1 -1
  11. package/dist/assets/IconButton.css +1 -1
  12. package/dist/assets/Pagination.css +1 -1
  13. package/dist/assets/Skeleton.css +1 -0
  14. package/dist/assets/SortTooltip.css +1 -0
  15. package/dist/assets/Stepper.css +1 -0
  16. package/dist/assets/Table.css +1 -0
  17. package/dist/assets/Tabs.css +1 -1
  18. package/dist/assets/Tooltip.css +1 -0
  19. package/dist/assets/Typography.css +1 -1
  20. package/dist/assets/{main.css → global.css} +1 -1
  21. package/dist/components/Advice/Advice.d.ts +13 -0
  22. package/dist/components/Advice/Advice.js +25 -0
  23. package/dist/components/Button/Button.d.ts +1 -1
  24. package/dist/components/Button/Button.js +54 -38
  25. package/dist/components/Checkbox/Checkbox.d.ts +17 -0
  26. package/dist/components/Checkbox/Checkbox.js +48 -0
  27. package/dist/components/Dialog/Actions.js +1 -1
  28. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  29. package/dist/components/Dialog/Backdrop.js +1 -1
  30. package/dist/components/Dialog/CloseIconButton.js +12 -124
  31. package/dist/components/Dialog/Dialog.js +417 -20072
  32. package/dist/components/Dialog/Title.js +1 -1
  33. package/dist/components/Icon/Icon.d.ts +7 -0
  34. package/dist/components/Icon/Icon.js +9 -0
  35. package/dist/components/IconButton/IconButton.d.ts +3 -3
  36. package/dist/components/IconButton/IconButton.js +54 -65
  37. package/dist/components/PageHeader/PageHeader.d.ts +25 -15
  38. package/dist/components/PageHeader/PageHeader.js +32 -50
  39. package/dist/components/PageHeader/PageHeader.stories.d.ts +43 -0
  40. package/dist/components/PageHeader/PageHeader.stories.js +49 -0
  41. package/dist/components/Pagination/Pagination.js +38 -38
  42. package/dist/components/Skeleton/Skeleton.d.ts +18 -0
  43. package/dist/components/Skeleton/Skeleton.js +26 -0
  44. package/dist/components/SortTooltip/SortTooltip.d.ts +26 -0
  45. package/dist/components/SortTooltip/SortTooltip.js +67 -1
  46. package/dist/components/Stepper/Stepper.d.ts +16 -0
  47. package/dist/components/Stepper/Stepper.js +33 -0
  48. package/dist/components/Table/Table.d.ts +39 -0
  49. package/dist/components/Table/Table.js +122 -1
  50. package/dist/components/Table/TableContext.d.ts +19 -0
  51. package/dist/components/Table/TableContext.js +21 -1
  52. package/dist/components/Tabs/Tab.d.ts +1 -1
  53. package/dist/components/Tabs/Tab.js +5 -5
  54. package/dist/components/Tabs/TabPanel.d.ts +1 -1
  55. package/dist/components/Tabs/TabPanel.js +4 -4
  56. package/dist/components/Tabs/Tabs.d.ts +1 -1
  57. package/dist/components/Tabs/Tabs.js +3 -3
  58. package/dist/components/Tooltip/Tooltip.d.ts +17 -0
  59. package/dist/components/Tooltip/Tooltip.js +1463 -1
  60. package/dist/components/Typography/Typography.d.ts +13 -4
  61. package/dist/components/Typography/Typography.js +76 -59
  62. package/dist/components/Typography/Typography.stories.d.ts +18 -0
  63. package/dist/components/Typography/Typography.stories.js +30 -0
  64. package/dist/components/Typography/typography.test.d.ts +1 -0
  65. package/dist/components/Typography/typography.test.js +11360 -0
  66. package/dist/{index-BvA1HyDs.js → index-D2P7y2mE.js} +90 -95
  67. package/dist/magic-string.es-O_8lTkE3.js +738 -0
  68. package/dist/main.d.ts +1 -0
  69. package/dist/main.js +30 -28
  70. package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +26 -0
  71. package/dist/react-CGNQ6M5x.js +117 -0
  72. package/dist/test-utils/assertStyles.d.ts +1 -0
  73. package/dist/test-utils/assertStyles.js +11 -0
  74. package/dist/types/helpers.d.ts +8 -0
  75. package/dist/{useButton-abQpo0za.js → useButton-JpyBo5M4.js} +2 -2
  76. package/dist/{useCompoundItem-wTwXbURC.js → useCompoundItem-CTYi5M_E.js} +1 -1
  77. package/dist/utils/styleStrings.d.ts +6 -0
  78. package/dist/utils/styleStrings.js +10 -0
  79. package/dist/utils/styleStrings.test.d.ts +1 -0
  80. package/dist/utils/styleStrings.test.js +41 -0
  81. package/dist/vi.Y_w82WR8-Df0JUamG.js +9860 -0
  82. package/package.json +26 -6
  83. package/dist/Dialog.module-BKWFakxu.js +0 -15
  84. package/dist/objectWithoutPropertiesLoose-ClNcje2_.js +0 -22
@@ -1,132 +1,20 @@
1
- import { jsx as j } from "react/jsx-runtime";
2
- import { d as C, e as W } from "../../index-BvA1HyDs.js";
3
- import I from "react";
4
- import { s as O } from "../../Dialog.module-BKWFakxu.js";
5
- import { B as P } from "../../Button-D--uN90N.js";
6
- var N = { exports: {} };
7
- (function(w, b) {
8
- (function(x, y) {
9
- w.exports = y(I);
10
- })(C, (x) => (() => {
11
- var y = { 639: (t) => {
12
- t.exports = x;
13
- } }, E = {};
14
- function s(t) {
15
- var o = E[t];
16
- if (o !== void 0)
17
- return o.exports;
18
- var c = E[t] = { exports: {} };
19
- return y[t](c, c.exports, s), c.exports;
20
- }
21
- s.n = (t) => {
22
- var o = t && t.__esModule ? () => t.default : () => t;
23
- return s.d(o, { a: o }), o;
24
- }, s.d = (t, o) => {
25
- for (var c in o)
26
- s.o(o, c) && !s.o(t, c) && Object.defineProperty(t, c, { enumerable: !0, get: o[c] });
27
- }, s.o = (t, o) => Object.prototype.hasOwnProperty.call(t, o), s.r = (t) => {
28
- typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 });
29
- };
30
- var _ = {};
31
- return (() => {
32
- s.r(_), s.d(_, { default: () => B });
33
- var t = s(639), o = s.n(t), c = function(i, a, l, r) {
34
- return new (l || (l = Promise))(function(p, u) {
35
- function h(n) {
36
- try {
37
- d(r.next(n));
38
- } catch (e) {
39
- u(e);
40
- }
41
- }
42
- function f(n) {
43
- try {
44
- d(r.throw(n));
45
- } catch (e) {
46
- u(e);
47
- }
48
- }
49
- function d(n) {
50
- var e;
51
- n.done ? p(n.value) : (e = n.value, e instanceof l ? e : new l(function(m) {
52
- m(e);
53
- })).then(h, f);
54
- }
55
- d((r = r.apply(i, a || [])).next());
56
- });
57
- };
58
- function T() {
59
- return typeof globalThis < "u" && globalThis.WAVES_ICONS_BASE_URL ? globalThis.WAVES_ICONS_BASE_URL : typeof window < "u" && window.WAVES_ICONS_BASE_URL ? window.WAVES_ICONS_BASE_URL : "https://waves-icons.pismolabs.io/bin";
60
- }
61
- function A(i, a, l) {
62
- const r = a && Number.isNaN(Number(a)) ? a : a ? `${a}px` : "1em", p = l || "currentColor", u = { fill: p, color: p, width: r, height: r };
63
- return i && Object.keys(u).forEach((h) => {
64
- i.setAttribute(h, u[h]);
65
- }), i && Object.assign(i.style, u), i;
66
- }
67
- const B = ({ icon: i, color: a, size: l }) => {
68
- const r = (0, t.useRef)(null), [p, u] = (0, t.useState)(null), h = (f) => {
69
- const d = A(f, `${l || ""}`, a);
70
- r != null && r.current && (r.current.innerHTML = "", r.current.append(d)), u(d);
71
- };
72
- return (0, t.useEffect)(() => {
73
- (function(f, d = !1) {
74
- return c(this, void 0, void 0, function* () {
75
- return function(n) {
76
- return c(this, void 0, void 0, function* () {
77
- return fetch(n, { cache: "force-cache" }).then((e) => e.status >= 200 && e.status <= 299 ? e.text() : Promise.resolve(`
78
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
79
- <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
80
- <!-- Waves Icon Not Found -->
81
- </svg>
82
- `)).catch(console.error);
83
- });
84
- }(f.startsWith("http") ? f : function(n, e = "svg", m) {
85
- return m || (m = T()), `${m}/${n}.${e}`;
86
- }(f)).then((n) => {
87
- try {
88
- const e = d ? n : function(m, S) {
89
- S || (S = `
90
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
91
- <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
92
- <!-- Waves Icon Not Found -->
93
- </svg>
94
- `);
95
- const g = Object.assign(document.createElement("template"), { innerHTML: S }).content.querySelector("svg");
96
- return Array.from(g.attributes).map(({ name: v }) => v).find((v) => {
97
- v.startsWith("on") && g.removeAttribute(v);
98
- }), g.querySelectorAll(["a", "animate", "color-profile", "cursor", "discard", "fedropshadow", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"].join(",")).forEach((v) => {
99
- v.remove();
100
- }), g.setAttribute("data-waves-icon", m), g;
101
- }(f, n);
102
- return Promise.resolve(e);
103
- } catch (e) {
104
- return Promise.reject(e);
105
- }
106
- }).catch(console.error);
107
- });
108
- })(i).then(h).catch(console.error);
109
- }, [i]), (0, t.useEffect)(() => {
110
- A(p, `${l || ""}`, a);
111
- }, [l, a]), o().createElement("span", { ref: r });
112
- };
113
- })(), _;
114
- })());
115
- })(N);
116
- var L = N.exports;
117
- const R = /* @__PURE__ */ W(L), V = ({ handleOnClose: w, className: b }) => {
118
- const x = b != null ? O["dialog__close-icon "] + b : O["dialog__close-icon"];
119
- return /* @__PURE__ */ j(
120
- P,
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { W as l } from "../../react-CGNQ6M5x.js";
3
+ import { s as t } from "../../Dialog.module-CGVM5V_D.js";
4
+ import { B as r } from "../../Button-W6tM-_IT.js";
5
+ const m = ({ handleOnClose: a, className: o }) => {
6
+ const i = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
7
+ return /* @__PURE__ */ s(
8
+ r,
121
9
  {
122
- className: x,
10
+ className: i,
123
11
  "aria-description": "Close dialog",
124
- onClick: w,
12
+ onClick: a,
125
13
  "data-testid": "dialog-close-button",
126
- children: /* @__PURE__ */ j(R, { icon: "fa/duotone/circle-xmark", size: 32, color: "var(--gray-75)" })
14
+ children: /* @__PURE__ */ s(l, { icon: "fa/duotone/circle-xmark", size: 32, color: "var(--gray-75)" })
127
15
  }
128
16
  );
129
17
  };
130
18
  export {
131
- V as default
19
+ m as default
132
20
  };