@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

package/dist/Button-mmhMLwp9.js

@@ -1,359 +0,0 @@
-import { jsxs as M, Fragment as N, jsx as a } from "react/jsx-runtime";
-import { forwardRef as R, useId as E, useContext as W, useRef as k, useMemo as u, useCallback as A, useImperativeHandle as K } from "react";
-import { IressSpinner as O } from "./components/Spinner/Spinner.js";
-import "./components/Spinner/Spinner.styles.js";
-import { GlobalCSSClass as f } from "./enums.js";
-import "./components/ButtonGroup/ButtonGroup.styles.js";
-import { m as D, a as L, s as T, i as q, c as z } from "./css-fGu_jDvv.js";
-import { c as J } from "./cx-DN21T1EH.js";
-import { s as Q } from "./is-valid-prop-Ce0wiweq.js";
-import "./components/ButtonGroup/ButtonGroupProvider.js";
-import { useButtonGroupItem as U } from "./components/ButtonGroup/hooks/useButtonGroupItem.js";
-import { c as X } from "./create-recipe-C-ASk1Hy.js";
-import { PopoverContext as Y } from "./components/Popover/hooks/usePopover.js";
-const h = {}, Z = [
-  {
-    mode: "primary",
-    status: "danger",
-    css: {
-      root: {
-        color: "colour.system.danger.onFill",
-        _before: {
-          content: "''",
-          bg: "colour.system.danger.fill"
-        },
-        _after: {
-          content: "''",
-          bg: "colour.system.danger.fillHover"
-        },
-        _active: {
-          _after: {
-            boxShadow: "color-mix(in srgb, {colors.colour.system.danger.fill}, transparent 80%) 0px 0px 0px 3px"
-          }
-        }
-      },
-      spinner: {
-        color: "colour.system.danger.onFill"
-      }
-    }
-  },
-  {
-    mode: "secondary",
-    status: "danger",
-    css: {
-      root: {
-        color: "colour.system.danger.text",
-        _before: {
-          content: "''",
-          bg: "colour.system.danger.surface"
-        },
-        _after: {
-          content: "''",
-          bg: "colour.system.danger.surfaceHover"
-        },
-        _active: {
-          _after: {
-            boxShadow: "color-mix(in srgb, {colors.colour.system.danger.surface}, transparent 60%) 0px 0px 0px 3px"
-          }
-        }
-      },
-      spinner: {
-        color: "colour.system.danger.text"
-      }
-    }
-  },
-  {
-    mode: "tertiary",
-    status: "danger",
-    css: {
-      root: {
-        color: "colour.system.danger.text",
-        _after: {
-          content: "''",
-          bg: "colour.system.danger.surfaceHover"
-        },
-        _active: {
-          _after: {
-            boxShadow: "color-mix(in srgb, {colors.colour.system.danger.surface}, transparent 60%) 0px 0px 0px 3px"
-          }
-        }
-      },
-      spinner: {
-        color: "colour.system.danger.text"
-      }
-    }
-  },
-  {
-    mode: "primary",
-    status: "success",
-    css: {
-      root: {
-        color: "colour.system.success.onFill",
-        _before: {
-          content: "''",
-          bg: "colour.system.success.fill"
-        },
-        _after: {
-          content: "''",
-          bg: "colour.system.success.fillHover"
-        },
-        _active: {
-          _after: {
-            boxShadow: "color-mix(in srgb, {colors.colour.system.success.fill}, transparent 80%) 0px 0px 0px 3px"
-          }
-        }
-      },
-      spinner: {
-        color: "colour.system.success.onFill"
-      }
-    }
-  },
-  {
-    mode: "secondary",
-    status: "success",
-    css: {
-      root: {
-        color: "colour.system.success.text",
-        _before: {
-          content: "''",
-          bg: "colour.system.success.surface"
-        },
-        _after: {
-          content: "''",
-          bg: "colour.system.success.surfaceHover"
-        },
-        _active: {
-          _after: {
-            boxShadow: "color-mix(in srgb, {colors.colour.system.success.surface}, transparent 60%) 0px 0px 0px 3px"
-          }
-        }
-      },
-      spinner: {
-        color: "colour.system.success.text"
-      }
-    }
-  },
-  {
-    mode: "tertiary",
-    status: "success",
-    css: {
-      root: {
-        color: "colour.system.success.text",
-        _after: {
-          content: "''",
-          bg: "colour.system.success.surfaceHover"
-        },
-        _active: {
-          _after: {
-            boxShadow: "color-mix(in srgb, {colors.colour.system.success.surface}, transparent 60%) 0px 0px 0px 3px"
-          }
-        }
-      },
-      spinner: {
-        color: "colour.system.success.text"
-      }
-    }
-  },
-  {
-    mode: "primary",
-    loading: !0,
-    css: {
-      root: {
-        bg: "colour.primary.fill"
-      }
-    }
-  },
-  {
-    mode: "secondary",
-    loading: !0,
-    css: {
-      root: {
-        bg: "colour.primary.surface"
-      }
-    }
-  },
-  {
-    mode: "primary",
-    inButtonGroup: !0,
-    css: {
-      root: {
-        boxShadow: "none"
-      }
-    }
-  },
-  {
-    mode: "tertiary",
-    inButtonGroup: !0,
-    css: {
-      root: {
-        color: "colour.neutral.80",
-        _after: {
-          bg: "colour.primary.surfaceHover"
-        }
-      }
-    }
-  }
-], $ = [
-  [
-    "root",
-    "button__root"
-  ],
-  [
-    "prepend",
-    "button__prepend"
-  ],
-  [
-    "append",
-    "button__append"
-  ],
-  [
-    "spinner",
-    "button__spinner"
-  ]
-], oo = /* @__PURE__ */ $.map(([o, e]) => [o, X(e, h, q(Z, o))]), ro = D((o = {}) => Object.fromEntries(oo.map(([e, t]) => [e, t.recipeFn(o)]))), S = [
-  "active",
-  "fluid",
-  "inButtonGroup",
-  "loading",
-  "mode",
-  "noWrap",
-  "status"
-], to = (o) => ({ ...h, ...L(o) }), so = /* @__PURE__ */ Object.assign(ro, {
-  __recipe__: !1,
-  __name__: "button",
-  raw: (o) => o,
-  classNameMap: {},
-  variantKeys: S,
-  variantMap: {
-    active: [
-      "true"
-    ],
-    fluid: [
-      "true",
-      "xs",
-      "sm",
-      "md",
-      "lg",
-      "xl",
-      "xxl"
-    ],
-    inButtonGroup: [
-      "true"
-    ],
-    loading: [
-      "true"
-    ],
-    mode: [
-      "primary",
-      "secondary",
-      "tertiary"
-    ],
-    noWrap: [
-      "true"
-    ],
-    status: [
-      "success",
-      "danger"
-    ]
-  },
-  splitVariantProps(o) {
-    return T(o, S);
-  },
-  getVariantProps: to
-}), eo = ({
-  active: o,
-  append: e,
-  children: t,
-  className: d,
-  element: p,
-  fluid: x,
-  loading: r = !1,
-  mode: y = "secondary",
-  prepend: l,
-  noWrap: C = !1,
-  onClick: b,
-  status: F,
-  value: w,
-  ...g
-}, B) => {
-  const i = E(), I = w ?? (typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? t : void 0), G = W(Y), m = k(null), n = U({ value: I }), H = u(() => n ? n.active ? "primary" : "tertiary" : y, [n, y]), s = so({
-    active: (
-      // eslint-disable-next-line react-hooks/refs -- ref needed for forwarding
-      o ?? G?.isActiveActivator(m.current)
-    ),
-    fluid: x === !0 ? "true" : x,
-    inButtonGroup: !!n,
-    mode: H,
-    loading: !!r,
-    noWrap: C,
-    status: F
-  }), [_, c] = u(
-    () => Q(g),
-    [g]
-  ), v = A(
-    (j) => {
-      r || (b?.(j), n?.toggle());
-    },
-    [n, r, b]
-  ), P = u(
-    () => ({
-      children: /* @__PURE__ */ M(N, { children: [
-        l && !r && /* @__PURE__ */ a("span", { className: s.prepend, children: l }),
-        !!r && /* @__PURE__ */ a(
-          O,
-          {
-            className: s.spinner,
-            fixedWidth: !0,
-            id: i,
-            screenreaderText: r === !0 ? "Loading" : r
-          }
-        ),
-        t,
-        e && /* @__PURE__ */ a("span", { className: s.append, children: e })
-      ] }),
-      className: J(
-        d,
-        f.FormElement,
-        f.FormElementInner,
-        s.root,
-        z(_),
-        f.Button
-      ),
-      onClick: v
-    }),
-    [
-      e,
-      t,
-      d,
-      v,
-      r,
-      l,
-      i,
-      _,
-      s.append,
-      s.prepend,
-      s.root,
-      s.spinner
-    ]
-  );
-  K(B, () => m.current);
-  const V = u(
-    () => p ?? (c.href ? "a" : "button"),
-    [p, c.href]
-  );
-  return /* @__PURE__ */ a(
-    V,
-    {
-      "aria-describedby": r ? i : void 0,
-      type: p || !c.href ? "button" : void 0,
-      ...P,
-      ...n?.props,
-      ...c,
-      ref: m
-    }
-  );
-}, _o = R(eo);
-export {
-  _o as I,
-  so as b
-};

package/dist/Provider-8wS70V56.js

@@ -1,64 +0,0 @@
-import { jsxs as $, jsx as r } from "react/jsx-runtime";
-import "./components/Modal/Modal.styles.js";
-import "react";
-import "./Button-mmhMLwp9.js";
-import "./components/Button/CloseButton/CloseButton.js";
-import "./components/Modal/hooks/useModal.js";
-import { IressModalProvider as n } from "./components/Modal/ModalProvider.js";
-import { IressToasterProvider as m } from "./components/Toaster/ToasterProvider.js";
-import "./components/Toaster/hooks/useToaster.js";
-import "./components/Toaster/Toaster.styles.js";
-import "./components/Toaster/components/Toast/Toast.styles.js";
-import "./components/Slideout/Slideout.styles.js";
-import "./index-CZ9ot38T.js";
-import "./components/Slideout/hooks/useSlideout.js";
-import { IressSlideoutProvider as d } from "./components/Slideout/SlideoutProvider.js";
-import { createPortal as y } from "react-dom";
-var o = /* @__PURE__ */ ((e) => (e.Color = "color", e.Dimension = "dimension", e.FontFamily = "fontFamily", e.FontSize = "fontSize", e.Background = "background", e.Border = "border", e.Radius = "radius", e.Shadow = "shadow", e.Typography = "typography", e))(o || {});
-o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color, o.Color;
-o.Shadow, o.Border, o.Shadow, o.Border, o.Shadow, o.Border, o.Shadow, o.Shadow, o.Color;
-o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Radius, o.Radius, o.Radius, o.Radius;
-o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension, o.Dimension;
-const h = [
-  "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"
-];
-o.FontSize, o.FontFamily, o.FontFamily, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography, o.Typography;
-const z = ({
-  children: e,
-  container: t,
-  noDefaultFont: i,
-  noIcons: s,
-  position: l,
-  ...a
-}) => /* @__PURE__ */ $(n, { container: t, children: [
-  /* @__PURE__ */ r(m, { container: t, position: l, children: /* @__PURE__ */ r(d, { container: t, ...a, children: e }) }),
-  !i && y(
-    h.map((p) => /* @__PURE__ */ r(
-      "link",
-      {
-        rel: "stylesheet",
-        href: p,
-        "data-iress-design-system-font": !0
-      },
-      p
-    )),
-    document.head,
-    "design-system-font"
-  ),
-  !s && y(
-    /* @__PURE__ */ r(
-      "link",
-      {
-        rel: "stylesheet",
-        href: "https://cdn.iress.com/icons/5.15.4/css/combined.min.css",
-        "data-iress-design-system-icons": !0
-      }
-    ),
-    document.head,
-    "design-system-icons"
-  )
-] });
-export {
-  z as I,
-  h as i
-};

package/dist/TableProvider-bdUNuoG-.js

@@ -1,81 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import * as s from "react";
-import { createContext as g, useMemo as c } from "react";
-import { c as d, a as p, g as b, b as C } from "./composeTableColumnDefs-BfFBOARB.js";
-import { composeTableInitialSorting as m } from "./components/Table/helpers/composeTableInitialSorting.js";
-function P(t, e) {
-  return t ? y(t) ? /* @__PURE__ */ s.createElement(t, e) : t : null;
-}
-function y(t) {
-  return S(t) || typeof t == "function" || R(t);
-}
-function S(t) {
-  return typeof t == "function" && (() => {
-    const e = Object.getPrototypeOf(t);
-    return e.prototype && e.prototype.isReactComponent;
-  })();
-}
-function R(t) {
-  return typeof t == "object" && typeof t.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(t.$$typeof.description);
-}
-function x(t) {
-  const e = {
-    state: {},
-    // Dummy state
-    onStateChange: () => {
-    },
-    // noop
-    renderFallbackValue: null,
-    ...t
-  }, [o] = s.useState(() => ({
-    current: d(e)
-  })), [a, n] = s.useState(() => o.current.initialState);
-  return o.current.setOptions((i) => ({
-    ...i,
-    ...t,
-    state: {
-      ...a,
-      ...t.state
-    },
-    // Similarly, we'll maintain both our internal state and any user-provided
-    // state.
-    onStateChange: (r) => {
-      n(r), t.onStateChange == null || t.onStateChange(r);
-    }
-  })), o.current;
-}
-function T() {
-  return g(void 0);
-}
-function v() {
-  return M;
-}
-const M = T(), k = ({
-  children: t,
-  columns: e,
-  rows: o
-}) => {
-  const a = c(() => p(o, e), [e, o]), n = x({
-    columns: a,
-    data: o,
-    getCoreRowModel: C(),
-    getSortedRowModel: b(),
-    initialState: {
-      sorting: m(e)
-    }
-  }), i = c(
-    () => ({
-      api: n,
-      getColumnByKey: (l) => e?.find((u) => u.key === l)
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- only update when columns and rows change
-    [o, e, n.getState().sorting]
-  ), { Provider: r } = v();
-  return /* @__PURE__ */ f(r, { value: i, children: t });
-};
-export {
-  k as T,
-  M as a,
-  P as f,
-  v as g
-};

package/dist/components/Badge/Badge.js

@@ -1,43 +0,0 @@
-import { jsx as l, jsxs as n } from "react/jsx-runtime";
-import { propagateTestid as f } from "../../helpers/utility/propagateTestid.js";
-import { c as a } from "../../css-fGu_jDvv.js";
-import { c as g } from "../../cx-DN21T1EH.js";
-import { badge as b } from "./Badge.styles.js";
-import { s as x } from "../../factory-oPXoMw9H.js";
-import { s as y } from "../../is-valid-prop-Ce0wiweq.js";
-import { GlobalCSSClass as C } from "../../enums.js";
-const w = ({
-  children: e,
-  mode: m = "neutral",
-  pill: p,
-  className: i,
-  host: s,
-  ...t
-}) => {
-  const o = b.raw({ mode: m, pill: p, host: !!s }), [d, c] = y(t), r = /* @__PURE__ */ l(
-    x.span,
-    {
-      ...c,
-      className: g(
-        a(o.root, o.badge, d),
-        i,
-        C.Badge
-      ),
-      children: e
-    }
-  );
-  return s ? /* @__PURE__ */ n(
-    "div",
-    {
-      className: a(o.host),
-      "data-testid": f(t["data-testid"], "host"),
-      children: [
-        s,
-        r
-      ]
-    }
-  ) : r;
-};
-export {
-  w as IressBadge
-};

package/dist/components/Badge/Badge.styles.js

@@ -1,105 +0,0 @@
-import { s as o } from "../../sva-OmxClA9g.js";
-const r = o({
-  slots: ["root", "badge", "host"],
-  base: {
-    root: {
-      display: "inline-block",
-      overflow: "visible",
-      textStyle: "typography.body.sm.regular",
-      boxSizing: "border-box",
-      lineHeight: 1,
-      textAlign: "center",
-      whiteSpace: "nowrap",
-      textDecoration: "none",
-      minHeight: "[1.35em]",
-      minWidth: "[1.35em]",
-      alignSelf: "flex-start"
-    },
-    badge: {
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: "radius.system.badge",
-      paddingBlock: "spacing.1",
-      paddingInline: "spacing.1",
-      "& > span": {
-        lineHeight: 1,
-        display: "inline-block"
-      }
-    },
-    host: {
-      position: "relative",
-      height: "auto"
-    }
-  },
-  variants: {
-    host: {
-      true: {
-        badge: {
-          position: "absolute",
-          insetBlockStart: "spacing.0",
-          insetInlineEnd: "spacing.0",
-          zIndex: "100",
-          transformOrigin: "100% 0",
-          borderRadius: "radius.100",
-          transform: {
-            base: "translate(50%, -50%)",
-            _rtl: "translate(-50%, -50%)"
-          }
-        }
-      }
-    },
-    pill: {
-      true: {
-        badge: {
-          borderRadius: "radius.100"
-        }
-      }
-    },
-    mode: {
-      primary: {
-        root: {
-          bg: "colour.primary.fill",
-          color: "colour.primary.onFill"
-        }
-      },
-      success: {
-        root: {
-          bg: "colour.system.success.fill",
-          color: "colour.system.success.onFill"
-        }
-      },
-      warning: {
-        root: {
-          bg: "colour.system.warning.fill",
-          color: "colour.system.warning.onFill"
-        }
-      },
-      danger: {
-        root: {
-          bg: "colour.system.danger.fill",
-          color: "colour.system.danger.onFill"
-        }
-      },
-      info: {
-        root: {
-          bg: "colour.system.info.fill",
-          color: "colour.system.info.onFill"
-        }
-      },
-      neutral: {
-        root: {
-          bg: "colour.neutral.20",
-          color: "colour.neutral.80"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    mode: "neutral",
-    pill: !1,
-    host: !1
-  }
-});
-export {
-  r as badge
-};

package/dist/components/Badge/index.js

@@ -1,6 +0,0 @@
-import { IressBadge as o } from "./Badge.js";
-import { badge as d } from "./Badge.styles.js";
-export {
-  o as IressBadge,
-  d as badge
-};