@ogcio/design-system-react 1.31.1 → 1.33.0

package/dist/error-text/error-text.js

@@ -1,40 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as m } from "../index-CB-zPpNk.js";
-const d = {
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "../index-CB-zPpNk.js";
+const l = {
   Small: "sm",
   Medium: "md",
   Large: "lg"
-}, l = m({
-  base: "gi-error-text",
-  variants: {
-    size: {
-      sm: "gi-error-text-sm",
-      md: "gi-error-text-md",
-      lg: "gi-error-text-lg"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), x = ({
-  text: r,
+}, d = ({
+  text: t,
   className: e,
-  size: t = d.Medium,
+  size: r = l.Medium,
   dataTestid: i,
-  children: o,
-  ...s
-}) => /* @__PURE__ */ a(
+  children: a,
+  ...o
+}) => /* @__PURE__ */ m(
   "div",
   {
     role: "alert",
-    className: l({ size: t, className: e }),
+    className: n({ size: r, className: e }),
     "data-testid": i,
-    ...s,
-    children: o ?? r
+    ...o,
+    children: a ?? t
   }
 );
-x.displayName = "ErrorText";
+d.displayName = "ErrorText";
+const n = s({
+  base: "gi-font-normal gi-text-color-text-intent-error-default",
+  variants: {
+    size: {
+      sm: "gi-text-sm",
+      md: "gi-text-md",
+      lg: "gi-text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
 export {
-  d as ErrorSize,
-  x as ErrorText
+  l as ErrorSize,
+  d as ErrorText
 };

package/dist/forms/form-field/form-field.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsx as l, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import { jsx as l, jsxs as d, Fragment as x } from "react/jsx-runtime";
 import { S as p } from "../../index-D_wwt4P0.js";
-import { createContext as N, useContext as v, Children as C } from "react";
-import { cn as d } from "../../cn.js";
+import { createContext as v, useContext as N, Children as C } from "react";
+import { cn as s } from "../../cn.js";
 import { ErrorText as L } from "../../error-text/error-text.js";
 import { HintText as E } from "../../hint-text/hint-text.js";
 import { Label as H, styles as P } from "../../label/label.js";
 import { getSpecialComponentType as F, isSpecialComponent as w } from "../../utils/utilities.js";
-const f = N(null);
+const f = v(null);
 function b(e) {
-  v(f) || console.error(`[${e}] must be used within a <FormField>.`);
+  N(f) || console.error(`[${e}] must be used within a <FormField>.`);
 }
 const U = (e) => ["error", "hint", "label"].some((r) => r in e) ? (console.warn(
   "[FormField] Using legacy props. Please migrate to the new composable API."
-), /* @__PURE__ */ l(f.Provider, { value: !0, children: /* @__PURE__ */ m(y, { ...e, children: [
+), /* @__PURE__ */ l(f.Provider, { value: !0, children: /* @__PURE__ */ d(y, { ...e, children: [
   e.label && /* @__PURE__ */ l(u, { ...e.label }),
   e.hint && /* @__PURE__ */ l(h, { ...e.hint }),
   e.error && /* @__PURE__ */ l(g, { ...e.error }),
@@ -25,31 +25,31 @@ const U = (e) => ["error", "hint", "label"].some((r) => r in e) ? (console.warn(
 }) => {
   const r = C.toArray(e), n = r.find(
     (t) => F(t) === "FormFieldLabel"
-  ), c = r.find(
+  ), m = r.find(
     (t) => F(t) === "FormFieldHint"
   ), a = r.find(
     (t) => F(t) === "FormFieldError"
-  ), s = r.filter(
+  ), c = r.filter(
     (t) => !w(t, [
       "FormFieldLabel",
       "FormFieldHint",
       "FormFieldError"
     ])
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ d(
     "fieldset",
     {
-      className: d({ "gi-error-state": !!a }, i),
+      className: s({ "gi-error-state": !!a }, i),
       ...o,
       children: [
-        /* @__PURE__ */ m("div", { className: "gi-pb-3 gi-flex gi-flex-col gi-gap-1", children: [
-          /* @__PURE__ */ m("div", { children: [
+        /* @__PURE__ */ d("div", { className: "gi-pb-3 gi-flex gi-flex-col gi-gap-1", children: [
+          /* @__PURE__ */ d("div", { children: [
             n,
-            c
+            m
           ] }),
           a
         ] }),
-        /* @__PURE__ */ l(p, { children: s })
+        /* @__PURE__ */ l(p, { children: c })
       ]
     }
   );
@@ -59,32 +59,31 @@ const U = (e) => ["error", "hint", "label"].some((r) => r in e) ? (console.warn(
   size: o,
   htmlFor: r,
   className: n,
-  secondaryLabel: c,
+  secondaryLabel: m,
   ...a
 }) => {
   b("FormFieldLabel");
-  const s = /* @__PURE__ */ m(x, { children: [
+  const c = /* @__PURE__ */ d(x, { children: [
     i ?? e,
-    c ? /* @__PURE__ */ l("span", { className: "gi-secondary-label", children: c }) : null
+    m ? /* @__PURE__ */ l("span", { className: "gi-secondary-label", children: m }) : null
   ] });
   return r ? /* @__PURE__ */ l(
     H,
     {
       size: o,
       htmlFor: r,
-      className: d("gi-font-bold", n),
+      className: s("gi-font-bold", n),
       ...a,
-      children: s
+      children: c
     }
   ) : /* @__PURE__ */ l(
     "legend",
     {
-      className: P({
-        size: o,
-        className: d("gi-font-bold", n)
+      className: P({ size: o }).base({
+        className: s("gi-font-bold", n)
       }),
       ...a,
-      children: s
+      children: c
     }
   );
 };
@@ -94,7 +93,7 @@ Object.defineProperty(u, "componentType", {
   enumerable: !1
 });
 u.displayName = "FormFieldLabel";
-const h = ({ children: e, text: i, size: o, className: r }) => (b("FormFieldHint"), /* @__PURE__ */ l(E, { text: i, size: o, className: d("gi-mb-1", r), children: e }));
+const h = ({ children: e, text: i, size: o, className: r }) => (b("FormFieldHint"), /* @__PURE__ */ l(E, { text: i, size: o, className: r, children: e }));
 Object.defineProperty(h, "componentType", {
   value: "FormFieldHint",
   writable: !1,
@@ -112,7 +111,7 @@ const g = ({
   {
     text: i,
     size: o,
-    className: d("gi-mb-1", r),
+    className: s("gi-mb-1", r),
     ...n,
     children: e
   }

package/dist/header/components/header-menu.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { useState as h } from "react";
-import { cn as f } from "../../cn.js";
-import { Icon as g } from "../../icon/icon.js";
+import f from "../../atoms/icons/KeyboardArrowRight.js";
+import { cn as g } from "../../cn.js";
 import { ListItem as s } from "../../list-item/list-item.js";
-const p = ({ index: l, item: e }) => {
+const p = ({ index: n, item: e }) => {
   const [r, c] = h(!1), o = () => {
     c((a) => !a);
   }, t = (a) => {
@@ -13,35 +13,35 @@ const p = ({ index: l, item: e }) => {
   return /* @__PURE__ */ i(
     "div",
     {
-      id: `Accordion-item-${l}`,
+      id: `Accordion-item-${n}`,
       className: "gi-accordion-item-container",
       "data-open": r.toString(),
       role: "presentation",
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ l(
           "div",
           {
             "aria-label": e.label,
-            id: `Accordion-header-${l}`,
+            id: `Accordion-header-${n}`,
             role: "button",
             "aria-expanded": r,
-            "aria-controls": `Accordion-slot-${l}`,
+            "aria-controls": `Accordion-slot-${n}`,
             className: "gi-header-accordion-item-toggle",
             tabIndex: 0,
             onClick: o,
             onKeyDown: t,
             children: /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ n("span", { className: "gi-text-sm gi-font-bold gi-ml-1", children: e.label }),
-              /* @__PURE__ */ n(g, { icon: "chevron_right", className: "gi-accordion-item-icon" })
+              /* @__PURE__ */ l("span", { className: "gi-text-sm gi-font-bold gi-ml-1", children: e.label }),
+              /* @__PURE__ */ l(f, { className: "gi-block gi-shrink-0 gi-accordion-item-icon" })
             ] })
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ l(
           "div",
           {
-            id: `Accordion-slot-${l}`,
+            id: `Accordion-slot-${n}`,
             role: "region",
-            className: f("gi-accordion-item-slot", {
+            className: g("gi-accordion-item-slot", {
               "gi-hidden": !r
             }),
             children: e.slot
@@ -49,13 +49,13 @@ const p = ({ index: l, item: e }) => {
         )
       ]
     },
-    `Accordion-item-${l}`
+    `Accordion-item-${n}`
   );
-}, m = ({
-  items: l,
+}, I = ({
+  items: n,
   secondaryLinks: e
 }) => /* @__PURE__ */ i("ul", { children: [
-  l == null ? void 0 : l.map(({ itemType: r, label: c, ...o }, t) => {
+  n == null ? void 0 : n.map(({ itemType: r, label: c, ...o }, t) => {
     const [a, d] = [
       r === "link" || r === "custom-link",
       r === "slot"
@@ -63,7 +63,7 @@ const p = ({ index: l, item: e }) => {
     if (!c)
       return null;
     if (a)
-      return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
         s,
         {
           href: o == null ? void 0 : o.href,
@@ -73,7 +73,7 @@ const p = ({ index: l, item: e }) => {
         }
       ) }, `navLink-${c}-${t}`);
     if (d)
-      return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+      return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
         p,
         {
           index: t,
@@ -84,7 +84,7 @@ const p = ({ index: l, item: e }) => {
         }
       ) }, `toolItems-${c}-${t}`);
   }),
-  e == null ? void 0 : e.map((r, c) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+  e == null ? void 0 : e.map((r, c) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
     s,
     {
       href: r.href,
@@ -96,5 +96,5 @@ const p = ({ index: l, item: e }) => {
 ] });
 export {
   p as MenuItemAccordion,
-  m as MobileHeaderMenuItems
+  I as MobileHeaderMenuItems
 };

package/dist/header/components/header-search.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Button as c } from "../../button/button.js";
-import { Heading as h } from "../../heading/heading.js";
+import c from "../../Heading.js";
+import h from "../../atoms/Button.js";
 import { translate as a } from "../../i18n/utility.js";
 import { IconButton as d } from "../../icon-button/icon-button.js";
 import { InputText as m } from "../../input-text/input-text.js";
@@ -17,7 +17,7 @@ function b({
       "data-testid": "header-search-form",
       "aria-label": a("header.searchForm", { defaultValue: "Search Form" }),
       children: [
-        /* @__PURE__ */ e(h, { as: "h4", children: "Search the website" }),
+        /* @__PURE__ */ e(c, { as: "h4", children: "Search the website" }),
         /* @__PURE__ */ r("div", { className: "gi-flex gi-items-end gi-mt-4", children: [
           /* @__PURE__ */ e(
             m,
@@ -33,9 +33,9 @@ function b({
             }
           ),
           /* @__PURE__ */ e("div", { className: "gi-ml-1 gi-flex-none gi-hidden md:gi-block", children: /* @__PURE__ */ e(
-            c,
+            h,
             {
-              "aria-label": a("header.submitSearch", {
+              ariaLabel: a("header.submitSearch", {
                 defaultValue: "Submit Search"
               }),
               children: a("header.search", { defaultValue: "Search" })

package/dist/hint-text/hint-text.js

@@ -1,30 +1,36 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as a } from "../index-CB-zPpNk.js";
-const d = {
+import { jsx as a } from "react/jsx-runtime";
+import { c as o } from "../index-CB-zPpNk.js";
+const n = {
   Small: "sm",
   Medium: "md",
   Large: "lg"
-}, l = a({
-  base: "gi-hint-text",
+}, r = ({
+  text: t,
+  children: e,
+  className: i,
+  size: m = n.Medium,
+  ...s
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: l({ size: m, className: i }),
+    "data-testid": "hint-text",
+    ...s,
+    children: e ?? t
+  }
+);
+r.displayName = "HintText";
+const l = o({
+  base: "gi-font-normal gi-text-color-text-system-neutral-muted gi-stroke-color-text-system-neutral-muted gi-mb-0",
   variants: {
     size: {
-      sm: "gi-hint-text-sm",
-      md: "gi-hint-text-md",
-      lg: "gi-hint-text-lg"
+      sm: "gi-text-sm",
+      md: "gi-text-md",
+      lg: "gi-text-lg"
     }
-  },
-  defaultVariants: {
-    size: "md"
   }
-}), r = ({
-  text: t,
-  children: i,
-  className: e,
-  size: m = d.Medium,
-  ...s
-}) => /* @__PURE__ */ n("div", { className: l({ size: m, className: e }), ...s, children: i ?? t });
-r.displayName = "HintText";
+});
 export {
-  d as HintSize,
+  n as HintSize,
   r as HintText
 };

package/dist/icon/icon.js

@@ -1,98 +1,120 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
-import x from "../atoms/icons/KeyboardArrowDown.js";
-import h from "../atoms/icons/KeyboardArrowUp.js";
-import w from "../atoms/icons/Close.js";
-import I from "../atoms/icons/Visibility.js";
-import S from "../atoms/icons/VisibilityOff.js";
-import { cn as l } from "../cn.js";
-import v from "./svgs/bluesky.js";
-import A from "./svgs/facebook.js";
-import R from "./svgs/instagram.js";
-import z from "./svgs/linkedin.js";
-import T from "./svgs/placeholder.js";
-import V from "./svgs/threads.js";
-import D from "./svgs/tiktok.js";
-import E from "./svgs/x.js";
-import F from "./svgs/youtube.js";
-const d = {
+import x from "../atoms/icons/Close.js";
+import A from "../atoms/icons/Visibility.js";
+import I from "../atoms/icons/VisibilityOff.js";
+import l from "../atoms/icons/KeyboardArrowLeft.js";
+import p from "../atoms/icons/KeyboardArrowRight.js";
+import v from "../atoms/icons/KeyboardArrowDown.js";
+import R from "../atoms/icons/KeyboardArrowUp.js";
+import L from "../atoms/icons/ArrowLeft.js";
+import S from "../atoms/icons/ArrowRight.js";
+import K from "../atoms/icons/FirstPage.js";
+import P from "../atoms/icons/LastPage.js";
+import z from "../atoms/icons/Info.js";
+import E from "../atoms/icons/Error.js";
+import F from "../atoms/icons/Warning.js";
+import T from "../atoms/icons/CheckCircle.js";
+import { cn as f } from "../cn.js";
+import V from "./svgs/bluesky.js";
+import D from "./svgs/facebook.js";
+import G from "./svgs/instagram.js";
+import N from "./svgs/linkedin.js";
+import O from "./svgs/placeholder.js";
+import Y from "./svgs/threads.js";
+import $ from "./svgs/tiktok.js";
+import j from "./svgs/x.js";
+import B from "./svgs/youtube.js";
+const g = {
   sm: "16px",
   md: "24px",
   lg: "32px",
   xl: "48px"
-}, G = {
-  social_bluesky: { Component: v, disabledClass: "gi-stroke-gray-700" },
-  social_facebook: { Component: A, disabledClass: "gi-stroke-gray-700" },
+}, M = {
+  social_bluesky: { Component: V, disabledClass: "gi-stroke-gray-700" },
+  social_facebook: { Component: D, disabledClass: "gi-stroke-gray-700" },
   social_instagram: {
-    Component: R,
+    Component: G,
     disabledClass: "gi-stroke-gray-700"
   },
-  social_linkedin: { Component: z, disabledClass: "gi-stroke-gray-700" },
-  social_threads: { Component: V, disabledClass: "gi-stroke-gray-700" },
-  social_tiktok: { Component: D, disabledClass: "gi-stroke-gray-700" },
-  social_x: { Component: E, disabledClass: "gi-stroke-gray-700" },
-  social_youtube: { Component: F, disabledClass: "gi-stroke-gray-700" },
-  placeholder: { Component: T },
-  keyboard_arrow_down: { Component: x },
-  keyboard_arrow_up: { Component: h },
-  close: { Component: w },
-  visibility: { Component: I },
-  visibility_off: { Component: S }
-}, W = u(
+  social_linkedin: { Component: N, disabledClass: "gi-stroke-gray-700" },
+  social_threads: { Component: Y, disabledClass: "gi-stroke-gray-700" },
+  social_tiktok: { Component: $, disabledClass: "gi-stroke-gray-700" },
+  social_x: { Component: j, disabledClass: "gi-stroke-gray-700" },
+  social_youtube: { Component: B, disabledClass: "gi-stroke-gray-700" },
+  placeholder: { Component: O },
+  keyboard_arrow_down: { Component: v },
+  keyboard_arrow_up: { Component: R },
+  close: { Component: x },
+  visibility: { Component: A },
+  visibility_off: { Component: I },
+  info: { Component: z },
+  error: { Component: E },
+  warning: { Component: F },
+  check_circle: { Component: T },
+  keyboard_arrow_left: { Component: l },
+  keyboard_arrow_right: { Component: p },
+  chevron_left: { Component: l },
+  chevron_right: { Component: p },
+  arrow_left_alt: { Component: L },
+  arrow_right_alt: { Component: S },
+  first_page: { Component: K },
+  last_page: { Component: P }
+}, ho = u(
   ({
-    icon: r,
-    size: g = "md",
-    filled: p,
-    disabled: s,
+    icon: i,
+    size: d = "md",
+    filled: C,
+    disabled: e,
     ariaHidden: c,
-    ariaLabel: e,
+    ariaLabel: n,
     inline: o,
-    className: a,
-    onClick: f,
-    useFontIcon: C,
-    ...i
-  }, b) => {
-    const t = d[g] ?? d.md, n = G[String(r)];
-    if (n && !C) {
-      const { Component: k, disabledClass: y } = n, _ = l(
+    className: m,
+    onClick: b,
+    useFontIcon: k,
+    ...r
+  }, y) => {
+    const t = g[d] ?? g.md, a = M[String(i)];
+    if (a && !k) {
+      const { Component: _, disabledClass: h } = a, w = f(
         { "gi-block": !o, "gi-inline-block": o },
         "gi-shrink-0",
-        s && (y || "gi-fill-gray-700"),
-        a
+        e && (h || "gi-fill-gray-700"),
+        m
       );
-      return /* @__PURE__ */ m(k, { size: t, className: _ });
+      return /* @__PURE__ */ s(_, { size: t, className: w });
     }
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ s(
       "span",
       {
         "aria-hidden": c,
-        "aria-label": e,
+        "aria-label": n,
         "data-testid": "govie-icon",
-        ...i,
-        ref: b,
-        onClick: f,
-        role: e ? "img" : "presentation",
-        className: l(
+        ...r,
+        ref: y,
+        onClick: b,
+        role: n ? "img" : "presentation",
+        className: f(
           {
             "gi-block": !o,
             "gi-inline-block": o,
-            "gi-text-gray-700": s
+            "gi-text-gray-700": e
           },
           "material-symbols-outlined",
-          a
+          m
         ),
         style: {
           fontSize: t,
-          fontVariationSettings: `'FILL' ${p ? 1 : 0}, 'wght' 400, 'GRAD' 0, 'opsz' ${t}`,
-          ...i == null ? void 0 : i.style
+          fontVariationSettings: `'FILL' ${C ? 1 : 0}, 'wght' 400, 'GRAD' 0, 'opsz' ${t}`,
+          ...r == null ? void 0 : r.style
         },
-        children: r
+        children: i
       }
     );
   }
 );
 export {
-  W as Icon,
-  W as default
+  ho as Icon,
+  ho as default
 };

package/dist/icon/icons.d.ts

@@ -1,2 +1,2 @@
 export declare const iconIds: readonly ["accessibility_new", "add_circle", "apps", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_left_alt", "arrow_outward", "arrow_right_alt", "arrow_upward", "attach_file", "block", "call", "cancel", "candlestick_chart", "chat_bubble", "check", "check_circle", "chevron_left", "chevron_right", "child_care", "close", "content_copy", "credit_card", "delete", "directions_car", "do_not_disturb_on", "download", "edit", "error", "event", "filter_list", "health_and_safety", "home", "info", "keyboard_arrow_down", "keyboard_arrow_up", "link", "location_on", "login", "logout", "mail", "menu", "mic", "more_horiz", "more_vert", "open_in_new", "person", "person_cancel", "person_check", "refresh", "search", "send", "settings", "sort", "space_dashboard", "sync", "swap_vert", "thumb_down", "thumb_up", "unfold_more", "upload", "visibility", "visibility_off", "warning", "work", "social_bluesky", "social_facebook", "social_instagram", "social_linkedin", "social_threads", "social_tiktok", "social_x", "social_youtube", "placeholder", "first_page", "last_page"];
-export declare const Icons: ("search" | "link" | "sort" | "menu" | "keyboard_arrow_down" | "keyboard_arrow_up" | "close" | "visibility" | "accessibility_new" | "add_circle" | "apps" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_left_alt" | "arrow_outward" | "arrow_right_alt" | "arrow_upward" | "attach_file" | "block" | "call" | "cancel" | "candlestick_chart" | "chat_bubble" | "check" | "check_circle" | "chevron_left" | "chevron_right" | "child_care" | "content_copy" | "credit_card" | "delete" | "directions_car" | "do_not_disturb_on" | "download" | "edit" | "error" | "event" | "filter_list" | "health_and_safety" | "home" | "info" | "location_on" | "login" | "logout" | "mail" | "mic" | "more_horiz" | "more_vert" | "open_in_new" | "person" | "person_cancel" | "person_check" | "refresh" | "send" | "settings" | "space_dashboard" | "sync" | "swap_vert" | "thumb_down" | "thumb_up" | "unfold_more" | "upload" | "visibility_off" | "warning" | "work" | "social_bluesky" | "social_facebook" | "social_instagram" | "social_linkedin" | "social_threads" | "social_tiktok" | "social_x" | "social_youtube" | "placeholder" | "first_page" | "last_page")[];
+export declare const Icons: ("search" | "link" | "sort" | "menu" | "close" | "visibility" | "keyboard_arrow_down" | "keyboard_arrow_up" | "first_page" | "last_page" | "info" | "error" | "warning" | "check_circle" | "accessibility_new" | "add_circle" | "apps" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_left_alt" | "arrow_outward" | "arrow_right_alt" | "arrow_upward" | "attach_file" | "block" | "call" | "cancel" | "candlestick_chart" | "chat_bubble" | "check" | "chevron_left" | "chevron_right" | "child_care" | "content_copy" | "credit_card" | "delete" | "directions_car" | "do_not_disturb_on" | "download" | "edit" | "event" | "filter_list" | "health_and_safety" | "home" | "location_on" | "login" | "logout" | "mail" | "mic" | "more_horiz" | "more_vert" | "open_in_new" | "person" | "person_cancel" | "person_check" | "refresh" | "send" | "settings" | "space_dashboard" | "sync" | "swap_vert" | "thumb_down" | "thumb_up" | "unfold_more" | "upload" | "visibility_off" | "work" | "social_bluesky" | "social_facebook" | "social_instagram" | "social_linkedin" | "social_threads" | "social_tiktok" | "social_x" | "social_youtube" | "placeholder")[];

package/dist/icon-button/icon-button.d.ts

@@ -1,10 +1,8 @@
 import { ButtonProps } from '../button/types.js';
 import { IconProps } from '../icon/icon.js';
-export type IconButtonProps = Omit<ButtonProps, 'children'> & {
+export type IconButtonProps = Omit<ButtonProps, 'children' | 'size'> & {
     icon: Omit<IconProps, 'size'>;
     className?: string;
+    size?: 'medium' | 'small' | 'large' | 'extraLarge';
 };
-export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "children"> & {
-    icon: Omit<IconProps, "size">;
-    className?: string;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/icons/index.d.ts

@@ -1 +1 @@
-export { Close, KeyboardArrowDown, KeyboardArrowUp, Visibility, VisibilityOff, } from '../atoms/icons';
+export { Close, KeyboardArrowDown, KeyboardArrowUp, Visibility, VisibilityOff, CheckCircle, Error, Info, Warning, } from '../atoms/icons';

package/dist/icons/index.js

@@ -1,12 +1,21 @@
-import { default as e } from "../atoms/icons/KeyboardArrowDown.js";
-import { default as f } from "../atoms/icons/KeyboardArrowUp.js";
-import { default as i } from "../atoms/icons/Close.js";
-import { default as s } from "../atoms/icons/Visibility.js";
-import { default as p } from "../atoms/icons/VisibilityOff.js";
+import { default as a } from "../atoms/icons/Close.js";
+import { default as t } from "../atoms/icons/Visibility.js";
+import { default as s } from "../atoms/icons/VisibilityOff.js";
+import "react/jsx-runtime";
+import { default as i } from "../atoms/icons/KeyboardArrowDown.js";
+import { default as m } from "../atoms/icons/KeyboardArrowUp.js";
+import { default as x } from "../atoms/icons/Info.js";
+import { default as n } from "../atoms/icons/Error.js";
+import { default as w } from "../atoms/icons/Warning.js";
+import { default as c } from "../atoms/icons/CheckCircle.js";
 export {
-  i as Close,
-  e as KeyboardArrowDown,
-  f as KeyboardArrowUp,
-  s as Visibility,
-  p as VisibilityOff
+  c as CheckCircle,
+  a as Close,
+  n as Error,
+  x as Info,
+  i as KeyboardArrowDown,
+  m as KeyboardArrowUp,
+  t as Visibility,
+  s as VisibilityOff,
+  w as Warning
 };