@iress-oss/ids-components 6.0.0-alpha.20 → 6.0.0-alpha.21

package/dist/components/Spinner/Spinner.js

@@ -2,15 +2,16 @@ import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { GlobalCSSClass as e } from "../../enums.js";
 import { IressIcon as N } from "../Icon/Icon.js";
 import "../Icon/Icon.styles.js";
+import "../Icon/IconProvider.js";
 import { chatty as d, spinner as f } from "./Spinner.styles.js";
-import { c as n } from "../../cx-DN21T1EH.js";
+import { c as t } from "../../cx-DN21T1EH.js";
 const S = (r) => {
   if (r.variant === "chatty") {
     const { className: c, screenreaderText: i, ...l } = r, s = d();
     return /* @__PURE__ */ p(
       "span",
       {
-        className: n(c, s.root, e.Spinner),
+        className: t(c, s.root, e.Spinner),
         "aria-label": i,
         role: "status",
         ...l,
@@ -22,12 +23,12 @@ const S = (r) => {
       }
     );
   }
-  const { className: t, spin: o = "half", ...m } = r;
+  const { className: n, spin: o = "half", ...m } = r;
   return /* @__PURE__ */ a(
     N,
     {
       ...m,
-      className: n(t, f(), e.Spinner),
+      className: t(n, f(), e.Spinner),
       name: "spinner-third",
       spin: o
     }

package/dist/components/TabSet/TabSet.styles.js

@@ -41,11 +41,13 @@ const e = t({
       position: "relative"
     },
     panel: {
-      pt: "md",
       textStyle: "typography.body.md",
       _focusVisible: {
         layerStyle: "elevation.focus",
         outline: "[none]"
+      },
+      "& > :not([hidden])": {
+        pt: "sm"
       }
     },
     activeIndicator: {

package/dist/components/Table/Table.styles.js

@@ -27,6 +27,10 @@ const r = {
     "sortIcon",
     "table__sortIcon"
   ],
+  [
+    "sortIconActive",
+    "table__sortIconActive"
+  ],
   [
     "activator",
     "table__activator"
@@ -35,7 +39,7 @@ const r = {
     "rowGroupHeader",
     "table__rowGroupHeader"
   ]
-], m = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, c(b, t))]), u = s((t = {}) => Object.fromEntries(m.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
+], m = /* @__PURE__ */ d.map(([t, e]) => [t, p(e, r, c(b, t))]), _ = s((t = {}) => Object.fromEntries(m.map(([e, o]) => [e, o.recipeFn(t)]))), a = [
   "alternate",
   "compact",
   "hover",
@@ -43,7 +47,7 @@ const r = {
   "sortButtonNoWrap",
   "tableBodyOpen",
   "hiddenCaption"
-], _ = (t) => ({ ...r, ...l(t) }), g = /* @__PURE__ */ Object.assign(u, {
+], u = (t) => ({ ...r, ...l(t) }), g = /* @__PURE__ */ Object.assign(_, {
   __recipe__: !1,
   __name__: "table",
   raw: (t) => t,
@@ -75,7 +79,7 @@ const r = {
   splitVariantProps(t) {
     return i(t, a);
   },
-  getVariantProps: _
+  getVariantProps: u
 }), V = n({
   base: {
     textAlign: "start"

package/dist/components/Table/components/TableSortButton.js

@@ -1,29 +1,38 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { IressIcon as l } from "../../Icon/Icon.js";
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { IressIcon as t } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
+import "../../Icon/IconProvider.js";
 import { table as p } from "../Table.styles.js";
 const i = ({
-  children: r,
-  label: s = "sortable",
-  noWrap: e = !0,
-  sort: t,
-  toggleSorting: n
+  children: s,
+  label: n = "sortable",
+  noWrap: a = !0,
+  sort: e,
+  toggleSorting: c
 }) => {
-  const a = t?.desc ? "sort-down" : "sort-up", o = p({ sortButtonNoWrap: e });
-  return /* @__PURE__ */ c(
+  const d = e?.desc ? "arrow_drop_down" : "arrow_drop_up", o = p({ sortButtonNoWrap: a });
+  return /* @__PURE__ */ m(
     "button",
     {
       type: "button",
       className: o.sortHeader,
-      onClick: n,
+      onClick: c,
       children: [
-        r,
-        /* @__PURE__ */ m(
-          l,
+        s,
+        /* @__PURE__ */ r(
+          t,
           {
-            name: t ? a : "sort",
+            name: "sort",
             className: o.sortIcon,
-            screenreaderText: s
+            screenreaderText: n
+          }
+        ),
+        e && /* @__PURE__ */ r(
+          t,
+          {
+            name: d,
+            className: o.sortIconActive,
+            screenreaderText: e.desc ? "(sorted descending)" : "(sorted ascending)"
           }
         )
       ]

package/dist/components/Tag/Tag.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { useRef as B, useMemo as D } from "react";
 import { propagateTestid as P } from "../../helpers/utility/propagateTestid.js";
-import "../../Button-BTkololu.js";
+import "../../Button-BwZzMODc.js";
 import { IressCloseButton as j } from "../Button/CloseButton/CloseButton.js";
 import { tag as l } from "./Tag.styles.js";
 import { c as w } from "../../css-DNdLYQld.js";

package/dist/components/Toaster/components/Toast/Toast.js

@@ -1,16 +1,17 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as I, createElement as b } from "react";
 import { propagateTestid as c } from "../../../../helpers/utility/propagateTestid.js";
-import { I as v } from "../../../../Button-BTkololu.js";
+import { I as v } from "../../../../Button-BwZzMODc.js";
 import { IressCloseButton as C } from "../../../Button/CloseButton/CloseButton.js";
 import "../../../Inline/Inline.styles.js";
-import { IressInline as m } from "../../../Inline/Inline.js";
+import { IressInline as n } from "../../../Inline/Inline.js";
 import { IressText as T } from "../../../Text/Text.js";
 import { c as l } from "../../../../cx-DN21T1EH.js";
 import { toast as k } from "./Toast.styles.js";
 import { s as B } from "../../../../factory-CsinCTPr.js";
 import { IressIcon as S } from "../../../Icon/Icon.js";
 import "../../../Icon/Icon.styles.js";
+import "../../../Icon/IconProvider.js";
 import { GlobalCSSClass as j } from "../../../../enums.js";
 const w = {
   error: "colour.system.danger.text",
@@ -20,71 +21,70 @@ const w = {
   error: "ban",
   success: "check",
   info: "info-square"
-}, W = I(
+}, _ = I(
   ({
     actions: i,
-    heading: t,
-    status: o,
+    heading: s,
+    status: r,
     children: p,
     content: d,
     dismissible: f = !0,
     onClose: h,
-    "data-testid": r,
+    "data-testid": t,
     className: u,
     ...x
   }, y) => {
-    const s = k({ status: o }), g = !!i?.length;
+    const o = k({ status: r }), g = !!i?.length;
     return /* @__PURE__ */ e(
       B.div,
       {
         ...x,
-        "data-testid": r,
-        className: l(u, s.root, j.Toast),
+        "data-testid": t,
+        className: l(u, o.root, j.Toast),
         tabIndex: -1,
         ref: y,
-        children: /* @__PURE__ */ e("div", { className: s.panel, children: /* @__PURE__ */ n(m, { gap: "sm", verticalAlign: "top", noWrap: !0, children: [
+        children: /* @__PURE__ */ e("div", { className: o.panel, children: /* @__PURE__ */ m(n, { gap: "sm", verticalAlign: "top", noWrap: !0, children: [
           /* @__PURE__ */ e(
             S,
             {
-              name: A[o],
-              screenreaderText: `${o}: `,
-              textStyle: "typography.heading.2",
-              fixedWidth: !0,
-              color: w[o]
+              name: A[r],
+              screenreaderText: `${r}: `,
+              textStyle: "typography.heading.4",
+              color: w[r]
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ m(
             "div",
             {
-              className: s.wrapper,
-              "data-testid": c(r, "content"),
+              className: o.wrapper,
+              "data-testid": c(t, "content"),
               children: [
-                t && /* @__PURE__ */ e(
+                s && /* @__PURE__ */ e(
                   T,
                   {
-                    className: s.heading,
-                    "data-testid": c(r, "heading"),
-                    children: typeof t == "string" ? /* @__PURE__ */ e("h2", { children: t }) : t
+                    className: o.heading,
+                    "data-testid": c(t, "heading"),
+                    children: typeof s == "string" ? /* @__PURE__ */ e("h2", { children: s }) : s
                   }
                 ),
                 f && /* @__PURE__ */ e(
                   C,
                   {
                     "data-testid": c(
-                      r,
+                      t,
                       "close-button__button"
                     ),
-                    className: s.closeButton,
+                    className: o.closeButton,
                     onClick: (a) => h?.(a),
                     screenreaderText: "Dismiss"
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: s.content, children: d ?? p }),
-                g && /* @__PURE__ */ e(m, { gap: "sm", mt: "spacing.1", children: i?.map((a, N) => /* @__PURE__ */ b(
+                /* @__PURE__ */ e("div", { className: o.content, children: d ?? p }),
+                g && /* @__PURE__ */ e(n, { gap: "sm", mt: "spacing.1", children: i?.map((a, N) => /* @__PURE__ */ b(
                   v,
                   {
                     ...a,
-                    className: l(a.className, s.action),
+                    className: l(a.className, o.action),
                     key: N
                   }
                 )) })
@@ -96,7 +96,7 @@ const w = {
     );
   }
 );
-W.displayName = "Toast";
+_.displayName = "Toast";
 export {
-  W as Toast
+  _ as Toast
 };

package/dist/components/Toaster/components/Toast/Toast.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const toast: import('../../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "heading" | "icon" | "wrapper" | "action" | "root" | "closeButton" | "panel", {
+export declare const toast: import('../../../../styled-system/types').SlotRecipeRuntimeFn<"content" | "heading" | "wrapper" | "action" | "root" | "closeButton" | "panel", {
     status: {
         error: {
             panel: {

package/dist/components/Toaster/components/Toast/Toast.styles.js

@@ -5,7 +5,6 @@ const r = o({
     "action",
     "panel",
     "wrapper",
-    "icon",
     "heading",
     "content",
     "closeButton"
@@ -33,9 +32,6 @@ const r = o({
       lineHeight: "1.5",
       paddingRight: "spacing.6"
     },
-    icon: {
-      lineHeight: "normal"
-    },
     heading: {
       display: "inline-block",
       marginBottom: "spacing.1",

package/dist/{index-0AvnPY9d.js → index-Bir9MtY7.js}

@@ -11,10 +11,6 @@ const s = {
     value: "1px solid var(--iress-colour-neutral-70, #6D7278)",
     variable: "var(--borders-input)"
   },
-  "borders.placeholder": {
-    value: "1.5px solid var(--iress-colour-neutral-30, #E2E6EA)",
-    variable: "var(--borders-placeholder)"
-  },
   "borders.hover": {
     value: "1px solid var(--iress-colour-primary-fill, #003271)",
     variable: "var(--borders-hover)"