@ogcio/design-system-react 1.31.1 → 1.32.0

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/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
 };