@iress-oss/ids-components 6.0.0-alpha.22 → 6.0.0-alpha.24

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 (30) hide show
  1. package/dist/{Button-BrpmQKsB.js → Button-CF1am1r6.js} +25 -9
  2. package/dist/Provider-uPW2d6U5.js +49 -0
  3. package/dist/components/Alert/Alert.js +1 -1
  4. package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js +91 -89
  5. package/dist/components/Button/Button.js +1 -1
  6. package/dist/components/Button/CloseButton/CloseButton.js +1 -1
  7. package/dist/components/Button/index.js +1 -1
  8. package/dist/components/Filter/Filter.js +1 -1
  9. package/dist/components/Filter/components/FilterResetButton.js +1 -1
  10. package/dist/components/Icon/Icon.constants.d.ts +2 -0
  11. package/dist/components/Icon/Icon.constants.js +4 -2
  12. package/dist/components/Icon/Icon.js +27 -26
  13. package/dist/components/Icon/Icon.styles.d.ts +1 -0
  14. package/dist/components/Icon/Icon.styles.js +4 -2
  15. package/dist/components/Input/Input.js +1 -1
  16. package/dist/components/Modal/Modal.js +1 -1
  17. package/dist/components/Provider/Provider.js +1 -1
  18. package/dist/components/Provider/index.js +1 -1
  19. package/dist/components/RichSelect/SelectHeading/SelectHeading.js +1 -1
  20. package/dist/components/RichSelect/SelectTags/SelectTags.js +1 -1
  21. package/dist/components/SkipLink/SkipLink.js +1 -1
  22. package/dist/components/Slideout/components/SlideoutInner.js +1 -1
  23. package/dist/components/Tag/Tag.js +1 -1
  24. package/dist/components/Toaster/components/Toast/Toast.js +1 -1
  25. package/dist/main.js +2 -2
  26. package/dist/patterns/Loading/components/ValidateLoading.js +1 -1
  27. package/dist/patterns/Shadow/Shadow.js +61 -30
  28. package/dist/style.css +1 -1
  29. package/package.json +7 -7
  30. package/dist/Provider-Dw49edAo.js +0 -53
@@ -212,30 +212,46 @@ const h = {}, Y = [
212
212
  loading: !0,
213
213
  css: {
214
214
  root: {
215
- bg: "colour.neutral.30",
216
- borderColor: "colour.neutral.30",
217
- color: "colour.neutral.60"
215
+ bg: "colour.neutral.20",
216
+ borderColor: "colour.neutral.20",
217
+ color: "colour.neutral.70"
218
218
  },
219
219
  spinner: {
220
- color: "colour.neutral.60"
220
+ color: "colour.neutral.70"
221
221
  }
222
222
  }
223
223
  },
224
224
  {
225
225
  mode: [
226
226
  "secondary",
227
- "tertiary",
228
227
  "quaternary"
229
228
  ],
230
229
  loading: !0,
231
230
  css: {
232
231
  root: {
233
- bg: "colour.neutral.30",
234
- borderColor: "colour.neutral.60",
235
- color: "colour.neutral.60"
232
+ bg: "colour.neutral.20",
233
+ borderColor: "colour.neutral.40",
234
+ color: "colour.neutral.70",
235
+ _hover: {
236
+ boxShadow: "none"
237
+ }
236
238
  },
237
239
  spinner: {
238
- color: "colour.neutral.60"
240
+ color: "colour.neutral.70"
241
+ }
242
+ }
243
+ },
244
+ {
245
+ mode: "tertiary",
246
+ loading: !0,
247
+ css: {
248
+ root: {
249
+ bg: "colour.neutral.20",
250
+ borderColor: "colour.neutral.70",
251
+ color: "colour.neutral.70"
252
+ },
253
+ spinner: {
254
+ color: "colour.neutral.70"
239
255
  }
240
256
  }
241
257
  },
@@ -0,0 +1,49 @@
1
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
+ import "./components/Modal/Modal.styles.js";
3
+ import "./components/Modal/Modal.js";
4
+ import { IressModalProvider as m } from "./components/Modal/ModalProvider.js";
5
+ import "./components/Modal/hooks/useModal.js";
6
+ import { IressToasterProvider as d } from "./components/Toaster/ToasterProvider.js";
7
+ import "./components/Toaster/hooks/useToaster.js";
8
+ import "./components/Toaster/Toaster.styles.js";
9
+ import "./components/Toaster/components/Toast/Toast.styles.js";
10
+ import "./components/Slideout/Slideout.js";
11
+ import "./components/Slideout/Slideout.styles.js";
12
+ import { IressSlideoutProvider as g } from "./components/Slideout/SlideoutProvider.js";
13
+ import "./components/Slideout/hooks/useSlideout.js";
14
+ import { createPortal as n } from "react-dom";
15
+ import "./components/Icon/Icon.js";
16
+ import "./components/Icon/Icon.styles.js";
17
+ import { IressIconProvider as h } from "./components/Icon/IconProvider.js";
18
+ var r = /* @__PURE__ */ ((o) => (o.Color = "color", o.Dimension = "dimension", o.FontFamily = "fontFamily", o.FontSize = "fontSize", o.Background = "background", o.Border = "border", o.Radius = "radius", o.Shadow = "shadow", o.Typography = "typography", o))(r || {});
19
+ const l = [
20
+ "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
21
+ ];
22
+ r.FontSize, r.FontFamily, r.FontFamily, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography, r.Typography;
23
+ const $ = ({
24
+ children: o,
25
+ container: p,
26
+ noDefaultFont: y,
27
+ position: i,
28
+ ...s
29
+ }) => /* @__PURE__ */ a(m, { container: p, children: [
30
+ /* @__PURE__ */ e(d, { container: p, position: i, children: /* @__PURE__ */ e(g, { container: p, ...s, children: /* @__PURE__ */ e(h, { container: p, noSubsetting: !0, children: o }) }) }),
31
+ !y && n(
32
+ l.map((t) => /* @__PURE__ */ e(
33
+ "link",
34
+ {
35
+ rel: "stylesheet",
36
+ href: t,
37
+ "data-iress-design-system-font": !0
38
+ },
39
+ t
40
+ )),
41
+ document.head,
42
+ "design-system-font"
43
+ )
44
+ ] });
45
+ $.displayName = "IressProvider";
46
+ export {
47
+ $ as I,
48
+ l as i
49
+ };
@@ -9,7 +9,7 @@ import { alert as h } from "./Alert.styles.js";
9
9
  import { c as q } from "../../css-BStWZDQe.js";
10
10
  import { c as I } from "../../cx-DN21T1EH.js";
11
11
  import { GlobalCSSClass as F } from "../../enums.js";
12
- import { I as G } from "../../Button-BrpmQKsB.js";
12
+ import { I as G } from "../../Button-CF1am1r6.js";
13
13
  import { IressCloseButton as L } from "../Button/CloseButton/CloseButton.js";
14
14
  import "../Inline/Inline.styles.js";
15
15
  import { IressInline as M } from "../Inline/Inline.js";
@@ -1,90 +1,92 @@
1
- import { useRef as g, useState as T, useCallback as p, useEffect as _, useMemo as L } from "react";
2
- import { searchLabelValues as U } from "../../../helpers/label-value/searchLabelValues.js";
3
- import { highlightQueryInLabelValue as I } from "../../../helpers/label-value/highlightQueryInLabelValue.js";
4
- function V(r, n, u, c) {
5
- var a = this, t = g(null), f = g(0), s = g(0), e = g(null), i = g([]), l = g(), d = g(), E = g(r), v = g(!0);
6
- E.current = r;
7
- var S = typeof window < "u", m = !n && n !== 0 && S;
1
+ import { useRef as h, useState as D, useCallback as v, useMemo as V, useEffect as U } from "react";
2
+ import { searchLabelValues as B } from "../../../helpers/label-value/searchLabelValues.js";
3
+ import { highlightQueryInLabelValue as C } from "../../../helpers/label-value/highlightQueryInLabelValue.js";
4
+ function G(r, n, u, c) {
5
+ var a = this, t = h(null), f = h(0), s = h(0), e = h(null), i = h([]), o = h(), d = h(), m = h(r), S = h(!0), p = h(), E = h();
6
+ m.current = r;
7
+ var y = typeof window < "u", w = !n && n !== 0 && y;
8
8
  if (typeof r != "function") throw new TypeError("Expected a function");
9
9
  n = +n || 0;
10
- var w = !!(u = u || {}).leading, A = !("trailing" in u) || !!u.trailing, R = "maxWait" in u, H = "debounceOnServer" in u && !!u.debounceOnServer, y = R ? Math.max(+u.maxWait || 0, n) : null;
11
- _(function() {
12
- return v.current = !0, function() {
13
- v.current = !1;
14
- };
15
- }, []);
16
- var M = L(function() {
17
- var x = function(o) {
18
- var h = i.current, b = l.current;
19
- return i.current = l.current = null, f.current = o, s.current = s.current || o, d.current = E.current.apply(b, h);
20
- }, D = function(o, h) {
21
- m && cancelAnimationFrame(e.current), e.current = m ? requestAnimationFrame(o) : setTimeout(o, h);
22
- }, O = function(o) {
23
- if (!v.current) return !1;
24
- var h = o - t.current;
25
- return !t.current || h >= n || h < 0 || R && o - f.current >= y;
26
- }, Q = function(o) {
27
- return e.current = null, A && i.current ? x(o) : (i.current = l.current = null, d.current);
28
- }, F = function o() {
29
- var h = Date.now();
30
- if (w && s.current === f.current && N(), O(h)) return Q(h);
31
- if (v.current) {
32
- var b = n - (h - t.current), k = R ? Math.min(b, y - (h - f.current)) : b;
33
- D(o, k);
10
+ var O = !!(u = u || {}).leading, F = !("trailing" in u) || !!u.trailing, T = !!u.flushOnExit && F, A = "maxWait" in u, _ = "debounceOnServer" in u && !!u.debounceOnServer, H = A ? Math.max(+u.maxWait || 0, n) : null, M = V(function() {
11
+ var b = function(l) {
12
+ var g = i.current, R = o.current;
13
+ return i.current = o.current = null, f.current = l, s.current = s.current || l, d.current = m.current.apply(R, g);
14
+ }, L = function(l, g) {
15
+ w && cancelAnimationFrame(e.current), e.current = w ? requestAnimationFrame(l) : setTimeout(l, g);
16
+ }, N = function(l) {
17
+ if (!S.current) return !1;
18
+ var g = l - t.current;
19
+ return !t.current || g >= n || g < 0 || A && l - f.current >= H;
20
+ }, k = function(l) {
21
+ return e.current = null, F && i.current ? b(l) : (i.current = o.current = null, d.current);
22
+ }, Q = function l() {
23
+ var g = Date.now();
24
+ if (O && s.current === f.current && I(), N(g)) return k(g);
25
+ if (S.current) {
26
+ var R = n - (g - t.current), x = A ? Math.min(R, H - (g - f.current)) : R;
27
+ L(l, x);
34
28
  }
35
- }, N = function() {
29
+ }, I = function() {
36
30
  c && c({});
37
31
  }, W = function() {
38
- if (S || H) {
39
- var o = Date.now(), h = O(o);
40
- if (i.current = [].slice.call(arguments), l.current = a, t.current = o, h) {
41
- if (!e.current && v.current) return f.current = t.current, D(F, n), w ? x(t.current) : d.current;
42
- if (R) return D(F, n), x(t.current);
32
+ if (y || _) {
33
+ var l, g = Date.now(), R = N(g);
34
+ if (i.current = [].slice.call(arguments), o.current = a, t.current = g, T && !p.current && (p.current = function() {
35
+ var x;
36
+ ((x = global.document) == null ? void 0 : x.visibilityState) === "hidden" && E.current.flush();
37
+ }, (l = global.document) == null || l.addEventListener == null || l.addEventListener("visibilitychange", p.current)), R) {
38
+ if (!e.current && S.current) return f.current = t.current, L(Q, n), O ? b(t.current) : d.current;
39
+ if (A) return L(Q, n), b(t.current);
43
40
  }
44
- return e.current || D(F, n), d.current;
41
+ return e.current || L(Q, n), d.current;
45
42
  }
46
43
  };
47
44
  return W.cancel = function() {
48
- var o = e.current;
49
- o && (m ? cancelAnimationFrame(e.current) : clearTimeout(e.current)), f.current = 0, i.current = t.current = l.current = e.current = null, o && c && c({});
45
+ var l = e.current;
46
+ l && (w ? cancelAnimationFrame(e.current) : clearTimeout(e.current)), f.current = 0, i.current = t.current = o.current = e.current = null, l && c && c({});
50
47
  }, W.isPending = function() {
51
48
  return !!e.current;
52
49
  }, W.flush = function() {
53
- return e.current ? Q(Date.now()) : d.current;
50
+ return e.current ? k(Date.now()) : d.current;
54
51
  }, W;
55
- }, [w, R, n, y, A, m, S, H, c]);
56
- return M;
52
+ }, [O, A, n, H, F, T, w, y, _, c]);
53
+ return E.current = M, U(function() {
54
+ return S.current = !0, function() {
55
+ var b;
56
+ T && E.current.flush(), p.current && ((b = global.document) == null || b.removeEventListener == null || b.removeEventListener("visibilitychange", p.current), p.current = null), S.current = !1;
57
+ };
58
+ }, [T]), M;
57
59
  }
58
- function B(r, n) {
60
+ function P(r, n) {
59
61
  return r === n;
60
62
  }
61
- function C(r, n, u) {
62
- var c = B, a = g(r), t = T({})[1], f = V(p(function(e) {
63
+ function j(r, n, u) {
64
+ var c = P, a = h(r), t = D({})[1], f = G(v(function(e) {
63
65
  a.current = e, t({});
64
- }, [t]), n, u, t), s = g(r);
66
+ }, [t]), n, u, t), s = h(r);
65
67
  return c(s.current, r) || (f(r), s.current = r), [a.current, f];
66
68
  }
67
- const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : typeof r == "string" ? r : !0, z = () => {
68
- const [r, n] = T(!1), [u, c] = T(!1), [a, t] = T([]), [f, s] = T(!1), e = p(() => {
69
+ const z = 500, J = 1, K = (r) => r instanceof Error && r.message ? r.message : typeof r == "string" ? r : !0, X = () => {
70
+ const [r, n] = D(!1), [u, c] = D(!1), [a, t] = D([]), [f, s] = D(!1), e = v(() => {
69
71
  t([]), n(!1), c(!1), s(!1);
70
- }, []), i = p(
71
- (m, w) => {
72
+ }, []), i = v(
73
+ (E, y) => {
72
74
  t(
73
- m.map(
74
- (A) => I(A, w)
75
+ E.map(
76
+ (w) => C(w, y)
75
77
  )
76
78
  ), c(!1), n(!1);
77
79
  },
78
80
  []
79
- ), l = p((m) => {
80
- t([]), c(m), n(!1);
81
- }, []), d = p(() => {
81
+ ), o = v((E) => {
82
+ t([]), c(E), n(!1);
83
+ }, []), d = v(() => {
82
84
  c(!1);
83
- }, []), E = p((m) => {
84
- n(m);
85
- }, []), v = p((m) => {
86
- s(m);
87
- }, []), S = p(() => {
85
+ }, []), m = v((E) => {
86
+ n(E);
87
+ }, []), S = v((E) => {
88
+ s(E);
89
+ }, []), p = v(() => {
88
90
  c(!1);
89
91
  }, []);
90
92
  return {
@@ -94,41 +96,41 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
94
96
  hasSearched: f,
95
97
  reset: e,
96
98
  updateWithResults: i,
97
- updateWithError: l,
99
+ updateWithError: o,
98
100
  clearError: d,
99
- setLoadingState: E,
100
- setSearched: v,
101
- clearErrorState: S
101
+ setLoadingState: m,
102
+ setSearched: S,
103
+ clearErrorState: p
102
104
  };
103
- }, J = (r, n) => {
104
- const u = g(""), c = p((s) => u.current === s, []), a = p((s) => {
105
+ }, Y = (r, n) => {
106
+ const u = h(""), c = v((s) => u.current === s, []), a = v((s) => {
105
107
  u.current = s;
106
- }, []), t = p(
107
- async (s, e, i, l = !1) => {
108
- if (c(e) && !l) return;
108
+ }, []), t = v(
109
+ async (s, e, i, o = !1) => {
110
+ if (c(e) && !o) return;
109
111
  const d = ++n.current;
110
- if (a(e), e.length >= i || l) {
112
+ if (a(e), e.length >= i || o) {
111
113
  r.setLoadingState(!0), r.clearErrorState();
112
114
  try {
113
- const E = await s(e);
115
+ const m = await s(e);
114
116
  if (d !== n.current) return;
115
- r.setSearched(!0), r.updateWithResults(E, e);
116
- } catch (E) {
117
+ r.setSearched(!0), r.updateWithResults(m, e);
118
+ } catch (m) {
117
119
  if (d !== n.current) return;
118
120
  r.setSearched(!0), r.updateWithError(
119
- j(E)
121
+ K(m)
120
122
  );
121
123
  }
122
124
  } else
123
125
  r.reset();
124
126
  },
125
127
  [r, c, a, n]
126
- ), f = p(
127
- (s, e, i, l = !1) => {
128
- if (!(c(e) && !l))
129
- if (a(e), e.length >= i || l) {
128
+ ), f = v(
129
+ (s, e, i, o = !1) => {
130
+ if (!(c(e) && !o))
131
+ if (a(e), e.length >= i || o) {
130
132
  r.setSearched(!0);
131
- const d = U(e, s);
133
+ const d = B(e, s);
132
134
  r.updateWithResults(d, e);
133
135
  } else
134
136
  r.reset();
@@ -139,14 +141,14 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
139
141
  handleAsync: t,
140
142
  handleSync: f
141
143
  };
142
- }, Z = ({
143
- debounceThreshold: r = G,
144
+ }, rr = ({
145
+ debounceThreshold: r = z,
144
146
  initialOptions: n = [],
145
- minSearchLength: u = P,
147
+ minSearchLength: u = J,
146
148
  options: c = [],
147
149
  query: a = ""
148
150
  }) => {
149
- const t = z(), f = g(0), s = J(t, f), [e] = C(a, r), i = p(
151
+ const t = X(), f = h(0), s = Y(t, f), [e] = j(a, r), i = v(
150
152
  (d = !1) => {
151
153
  if (typeof c == "function") {
152
154
  s.handleAsync(
@@ -166,9 +168,9 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
166
168
  },
167
169
  [e, u, c, s]
168
170
  );
169
- _(i, [i]);
170
- let l;
171
- return t.results.length ? l = t.results : e.length ? l = [] : l = n ?? [], {
171
+ U(i, [i]);
172
+ let o;
173
+ return t.results.length ? o = t.results : e.length ? o = [] : o = n ?? [], {
172
174
  clearError: t.clearError,
173
175
  debouncedQuery: e,
174
176
  error: t.error,
@@ -176,11 +178,11 @@ const G = 500, P = 1, j = (r) => r instanceof Error && r.message ? r.message : t
176
178
  shouldShowInstructions: a.length < u && !t.results.length && !n?.length,
177
179
  shouldShowDebounceWaiting: a.length >= u && e.length < u && !t.loading && !t.hasSearched,
178
180
  shouldShowNoResults: t.hasSearched && !t.loading && t.results.length === 0 && a.length >= u,
179
- results: l,
181
+ results: o,
180
182
  startSearch: i,
181
183
  stopSearch: t.reset
182
184
  };
183
185
  };
184
186
  export {
185
- Z as useAutocompleteSearch
187
+ rr as useAutocompleteSearch
186
188
  };
@@ -9,7 +9,7 @@ import "../ButtonGroup/hooks/useButtonGroupItem.js";
9
9
  import "../../is-valid-prop-DTA0i8bT.js";
10
10
  import "../../css-BStWZDQe.js";
11
11
  import "../../cx-DN21T1EH.js";
12
- import { I as g } from "../../Button-BrpmQKsB.js";
12
+ import { I as g } from "../../Button-CF1am1r6.js";
13
13
  import "../Popover/Popover.js";
14
14
  import "../Popover/Popover.styles.js";
15
15
  import "../Popover/InputPopover/InputPopover.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { I as e } from "../../../Button-BrpmQKsB.js";
2
+ import { I as e } from "../../../Button-CF1am1r6.js";
3
3
  import { IressIcon as i } from "../../Icon/Icon.js";
4
4
  import "../../Icon/Icon.styles.js";
5
5
  import "../../Icon/IconProvider.js";
@@ -1,4 +1,4 @@
1
- import { I as s, b as r } from "../../Button-BrpmQKsB.js";
1
+ import { I as s, b as r } from "../../Button-CF1am1r6.js";
2
2
  import { IressCloseButton as n } from "./CloseButton/CloseButton.js";
3
3
  export {
4
4
  s as IressButton,
@@ -9,7 +9,7 @@ import { IressPopover as me } from "../Popover/Popover.js";
9
9
  import "../Popover/Popover.styles.js";
10
10
  import "../Popover/InputPopover/InputPopover.js";
11
11
  import "../Popover/hooks/useFloatingPopover.js";
12
- import { I as ce } from "../../Button-BrpmQKsB.js";
12
+ import { I as ce } from "../../Button-CF1am1r6.js";
13
13
  import "../Button/CloseButton/CloseButton.js";
14
14
  import { useRichSelectState as de } from "../RichSelect/hooks/useRichSelectState.js";
15
15
  import "../../Autocomplete-DUsna_OY.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { I as i } from "../../../Button-BrpmQKsB.js";
2
+ import { I as i } from "../../../Button-CF1am1r6.js";
3
3
  import "../../Button/CloseButton/CloseButton.js";
4
4
  import { filter as p } from "../Filter.styles.js";
5
5
  import { usePopoverItem as f } from "../../Popover/hooks/usePopoverItem.js";
@@ -1,4 +1,6 @@
1
1
  export declare const MATERIAL_SYMBOLS: {
2
+ readonly family: "Material Symbols Rounded";
3
+ readonly className: "material-symbols-rounded";
2
4
  readonly figmaGrade: "Emphasis";
3
5
  readonly figmaOpticalSize: "24dp";
4
6
  readonly grade: 0;
@@ -1,4 +1,6 @@
1
- const i = {
1
+ const a = {
2
+ family: "Material Symbols Rounded",
3
+ className: "material-symbols-rounded",
2
4
  figmaGrade: "Emphasis",
3
5
  figmaOpticalSize: "24dp",
4
6
  grade: 0,
@@ -6,5 +8,5 @@ const i = {
6
8
  weight: 300
7
9
  };
8
10
  export {
9
- i as MATERIAL_SYMBOLS
11
+ a as MATERIAL_SYMBOLS
10
12
  };
@@ -1,58 +1,59 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
2
  import { s as d } from "../../factory-BrouwSOb.js";
3
- import { s as v } from "../../is-valid-prop-DTA0i8bT.js";
4
- import { c as L } from "../../css-BStWZDQe.js";
3
+ import { s as w } from "../../is-valid-prop-DTA0i8bT.js";
4
+ import { c as M } from "../../css-BStWZDQe.js";
5
5
  import { c as p } from "../../cx-DN21T1EH.js";
6
6
  import { icon as I } from "./Icon.styles.js";
7
7
  import { GlobalCSSClass as u } from "../../enums.js";
8
- import { useContext as M, useEffect as N } from "react";
9
- import { IconContext as S } from "./IconProvider.js";
8
+ import { useContext as S, useEffect as v } from "react";
9
+ import { IconContext as N } from "./IconProvider.js";
10
10
  import { idsLogger as _ } from "../../helpers/utility/idsLogger.js";
11
- import { FA_TO_MATERIAL_MAP as $ } from "./helpers/iconMapping.js";
12
- const E = ({
11
+ import { FA_TO_MATERIAL_MAP as E } from "./helpers/iconMapping.js";
12
+ import { MATERIAL_SYMBOLS as $ } from "./Icon.constants.js";
13
+ const F = ({
13
14
  className: r,
14
15
  flip: m,
15
- name: s,
16
+ name: e,
16
17
  rotate: l,
17
18
  screenreaderText: a,
18
19
  spin: n,
19
20
  type: f,
20
21
  ...t
21
22
  }) => {
22
- const i = M(S), e = f ?? i?.type ?? "material";
23
+ const i = S(N), s = f ?? i?.type ?? "material";
23
24
  f == "fontawesome" && _(
24
- `[IressIcon] Font Awesome is deprecated and will be removed in a future version. Please migrate to Material Symbols. Icon name: "${s}"`
25
+ `[IressIcon] Font Awesome is deprecated and will be removed in a future version. Please migrate to Material Symbols. Icon name: "${e}"`
25
26
  );
26
27
  let o;
27
- if (e === "material" && (o = $[s] ?? s), N(() => {
28
- e === "material" && i && o && i.registerIcon(o);
29
- }, [e, i, o]), e === "material" && o) {
30
- const x = i ? i.isIconLoaded(o) : !0, C = I.raw({
28
+ if (s === "material" && (o = E[e] ?? e), v(() => {
29
+ s === "material" && i && o && i.registerIcon(o);
30
+ }, [s, i, o]), s === "material" && o) {
31
+ const y = i ? i.isIconLoaded(o) : !0, C = I.raw({
31
32
  flip: m,
32
33
  rotate: l,
33
34
  spin: n,
34
35
  filled: t.filled,
35
- type: e,
36
- loading: !x
37
- }), [w, A] = v(t);
36
+ type: s,
37
+ loading: !y
38
+ }), [L, b] = w(t);
38
39
  return /* @__PURE__ */ c(
39
40
  d.span,
40
41
  {
41
42
  role: "img",
42
43
  className: p(
43
- L(C, w),
44
+ M(C, L),
44
45
  u.Icon,
45
- "material-symbols-rounded",
46
+ $.className,
46
47
  r
47
48
  ),
48
49
  "aria-hidden": !a && "true",
49
50
  "aria-label": a,
50
- ...A,
51
+ ...b,
51
52
  children: o
52
53
  }
53
54
  );
54
55
  }
55
- const g = "fa-", y = t.set ?? "fal", b = t.fixedWidth ?? !1, h = I({
56
+ const g = "fa-", A = t.set ?? "fal", h = t.fixedWidth ?? !1, x = I({
56
57
  flip: m,
57
58
  rotate: l,
58
59
  spin: n
@@ -62,11 +63,11 @@ const E = ({
62
63
  {
63
64
  role: "img",
64
65
  className: p(
65
- h,
66
+ x,
66
67
  u.Icon,
67
- y,
68
- `${g}${s}`,
69
- b && "fa-fw",
68
+ A,
69
+ `${g}${e}`,
70
+ h && "fa-fw",
70
71
  r
71
72
  ),
72
73
  "aria-hidden": !a && "true",
@@ -75,7 +76,7 @@ const E = ({
75
76
  }
76
77
  );
77
78
  };
78
- E.displayName = "IressIcon";
79
+ F.displayName = "IressIcon";
79
80
  export {
80
- E as IressIcon
81
+ F as IressIcon
81
82
  };
@@ -3,6 +3,7 @@ export declare const icon: import('../../styled-system/types').RecipeRuntimeFn<{
3
3
  fontawesome: {};
4
4
  material: {
5
5
  fontFamily: "Material Symbols Rounded";
6
+ fontWeight: 300;
6
7
  textStyle: "inherit";
7
8
  verticalAlign: "middle";
8
9
  materialSymbols: "true";
@@ -1,11 +1,13 @@
1
1
  import { c as t } from "../../cva-DJVW1KHF.js";
2
- const i = t({
2
+ import { MATERIAL_SYMBOLS as i } from "./Icon.constants.js";
3
+ const o = t({
3
4
  base: {},
4
5
  variants: {
5
6
  type: {
6
7
  fontawesome: {},
7
8
  material: {
8
9
  fontFamily: "Material Symbols Rounded",
10
+ fontWeight: i.weight,
9
11
  textStyle: "inherit",
10
12
  verticalAlign: "middle",
11
13
  materialSymbols: "true",
@@ -73,5 +75,5 @@ const i = t({
73
75
  ]
74
76
  });
75
77
  export {
76
- i as icon
78
+ o as icon
77
79
  };
@@ -13,7 +13,7 @@ import { input as X } from "./Input.styles.js";
13
13
  import { s as Z } from "../../factory-BrouwSOb.js";
14
14
  import { s as _ } from "../../is-valid-prop-DTA0i8bT.js";
15
15
  import { useNoDefaultValueInForms as ee } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
16
- import "../../Button-BrpmQKsB.js";
16
+ import "../../Button-CF1am1r6.js";
17
17
  import { IressCloseButton as te } from "../Button/CloseButton/CloseButton.js";
18
18
  const re = ({ rows: t, ...c }, P) => {
19
19
  const {
@@ -1,6 +1,6 @@
1
1
  import { jsx as n, jsxs as v } from "react/jsx-runtime";
2
2
  import { useState as Z, useEffect as w, useMemo as oo } from "react";
3
- import "../../Button-BrpmQKsB.js";
3
+ import "../../Button-CF1am1r6.js";
4
4
  import { IressCloseButton as eo } from "../Button/CloseButton/CloseButton.js";
5
5
  import { u as to, b as so, c as ro, d as no, e as ao, F as io, f as lo, g as co } from "../../floating-ui.react-BlU6Nz_4.js";
6
6
  import { idsLogger as mo } from "../../helpers/utility/idsLogger.js";
@@ -12,7 +12,7 @@ import "../Slideout/Slideout.styles.js";
12
12
  import "../Slideout/SlideoutProvider.js";
13
13
  import "../Slideout/hooks/useSlideout.js";
14
14
  import "react-dom";
15
- import { I as j } from "../../Provider-Dw49edAo.js";
15
+ import { I as j } from "../../Provider-uPW2d6U5.js";
16
16
  import "../Icon/Icon.js";
17
17
  import "../Icon/Icon.styles.js";
18
18
  import "../Icon/IconProvider.js";
@@ -1,4 +1,4 @@
1
- import { I as o } from "../../Provider-Dw49edAo.js";
1
+ import { I as o } from "../../Provider-uPW2d6U5.js";
2
2
  export {
3
3
  o as IressProvider
4
4
  };
@@ -8,7 +8,7 @@ import "../../Menu/MenuDivider/MenuDivider.js";
8
8
  import "../../Menu/MenuItem/MenuItem.js";
9
9
  import { IressMenuHeading as g } from "../../Menu/MenuText/MenuText.js";
10
10
  import { GlobalCSSClass as a } from "../../../enums.js";
11
- import { I as h } from "../../../Button-BrpmQKsB.js";
11
+ import { I as h } from "../../../Button-CF1am1r6.js";
12
12
  import "../../Button/CloseButton/CloseButton.js";
13
13
  import "../../Popover/Popover.js";
14
14
  import "../../Popover/Popover.styles.js";
@@ -21,7 +21,7 @@ import "../../Popover/Popover.styles.js";
21
21
  import "../../Popover/InputPopover/InputPopover.js";
22
22
  import { usePopover as V } from "../../Popover/hooks/usePopover.js";
23
23
  import "../../Popover/hooks/useFloatingPopover.js";
24
- import { I as G } from "../../../Button-BrpmQKsB.js";
24
+ import { I as G } from "../../../Button-CF1am1r6.js";
25
25
  import "../../Button/CloseButton/CloseButton.js";
26
26
  import { IressIcon as R } from "../../Icon/Icon.js";
27
27
  import "../../Icon/Icon.styles.js";