@ogcio/design-system-react 1.31.0 → 1.32.0

package/dist/atoms/icons/CheckCircle.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+function a(e) {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.size ?? 24,
+      height: e.size ?? 24,
+      className: e.className,
+      id: e.id,
+      role: e.label ? "img" : void 0,
+      "aria-label": e.label,
+      "aria-hidden": !e.label,
+      fill: e.color ?? "currentColor",
+      "data-testid": e.dataTestId ?? "check_circle",
+      children: /* @__PURE__ */ l("path", { d: "m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
+    }
+  );
+}
+export {
+  a as default
+};

package/dist/atoms/icons/Error.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function Error(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Error;

package/dist/atoms/icons/Error.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function l(t) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t.size ?? 24,
+      height: t.size ?? 24,
+      className: t.className,
+      id: t.id,
+      role: t.label ? "img" : void 0,
+      "aria-label": t.label,
+      "aria-hidden": !t.label,
+      fill: t.color ?? "currentColor",
+      "data-testid": t.dataTestId ?? "error",
+      children: /* @__PURE__ */ e("path", { d: "M508.5-291.5Q520-303 520-320t-11.5-28.5Q497-360 480-360t-28.5 11.5Q440-337 440-320t11.5 28.5Q463-280 480-280t28.5-11.5ZM440-440h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/icons/FirstPage.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function FirstPage(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default FirstPage;

package/dist/atoms/icons/FirstPage.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function l(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a.size ?? 24,
+      height: a.size ?? 24,
+      className: a.className,
+      id: a.id,
+      role: a.label ? "img" : void 0,
+      "aria-label": a.label,
+      "aria-hidden": !a.label,
+      fill: a.color ?? "currentColor",
+      "data-testid": a.dataTestId ?? "first_page",
+      children: /* @__PURE__ */ e("path", { d: "M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z" })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/icons/Info.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function Info(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Info;

package/dist/atoms/icons/Info.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+function i(t) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t.size ?? 24,
+      height: t.size ?? 24,
+      className: t.className,
+      id: t.id,
+      role: t.label ? "img" : void 0,
+      "aria-label": t.label,
+      "aria-hidden": !t.label,
+      fill: t.color ?? "currentColor",
+      "data-testid": t.dataTestId ?? "info",
+      children: /* @__PURE__ */ a("path", { d: "M440-280h80v-240h-80v240Zm68.5-331.5Q520-623 520-640t-11.5-28.5Q497-680 480-680t-28.5 11.5Q440-657 440-640t11.5 28.5Q463-600 480-600t28.5-11.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
+    }
+  );
+}
+export {
+  i as default
+};

package/dist/atoms/icons/KeyboardArrowLeft.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function KeyboardArrowLeft(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default KeyboardArrowLeft;

package/dist/atoms/icons/KeyboardArrowLeft.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+function t(e) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.size ?? 24,
+      height: e.size ?? 24,
+      className: e.className,
+      id: e.id,
+      role: e.label ? "img" : void 0,
+      "aria-label": e.label,
+      "aria-hidden": !e.label,
+      fill: e.color ?? "currentColor",
+      "data-testid": e.dataTestId ?? "keyboard_arrow_left",
+      children: /* @__PURE__ */ a("path", { d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" })
+    }
+  );
+}
+export {
+  t as default
+};

package/dist/atoms/icons/KeyboardArrowRight.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function KeyboardArrowRight(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default KeyboardArrowRight;

package/dist/atoms/icons/KeyboardArrowRight.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function l(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a.size ?? 24,
+      height: a.size ?? 24,
+      className: a.className,
+      id: a.id,
+      role: a.label ? "img" : void 0,
+      "aria-label": a.label,
+      "aria-hidden": !a.label,
+      fill: a.color ?? "currentColor",
+      "data-testid": a.dataTestId ?? "keyboard_arrow_right",
+      children: /* @__PURE__ */ e("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/icons/LastPage.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function LastPage(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default LastPage;

package/dist/atoms/icons/LastPage.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function t(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a.size ?? 24,
+      height: a.size ?? 24,
+      className: a.className,
+      id: a.id,
+      role: a.label ? "img" : void 0,
+      "aria-label": a.label,
+      "aria-hidden": !a.label,
+      fill: a.color ?? "currentColor",
+      "data-testid": a.dataTestId ?? "last_page",
+      children: /* @__PURE__ */ e("path", { d: "m280-240-56-56 184-184-184-184 56-56 240 240-240 240Zm360 0v-480h80v480h-80Z" })
+    }
+  );
+}
+export {
+  t as default
+};

package/dist/atoms/icons/Warning.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function Warning(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Warning;

package/dist/atoms/icons/Warning.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+function i(a) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a.size ?? 24,
+      height: a.size ?? 24,
+      className: a.className,
+      id: a.id,
+      role: a.label ? "img" : void 0,
+      "aria-label": a.label,
+      "aria-hidden": !a.label,
+      fill: a.color ?? "currentColor",
+      "data-testid": a.dataTestId ?? "warning",
+      children: /* @__PURE__ */ t("path", { d: "m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm330.5-51.5Q520-263 520-280t-11.5-28.5Q497-320 480-320t-28.5 11.5Q440-297 440-280t11.5 28.5Q463-240 480-240t28.5-11.5ZM440-360h80v-200h-80v200Zm40-100Z" })
+    }
+  );
+}
+export {
+  i as default
+};

package/dist/atoms/icons/index.d.ts

@@ -1,6 +1,16 @@
-export { default as KeyboardArrowDown } from './KeyboardArrowDown';
-export { default as KeyboardArrowUp } from './KeyboardArrowUp';
 export { default as Close } from './Close';
 export { default as Visibility } from './Visibility';
 export { default as VisibilityOff } from './VisibilityOff';
+export { default as KeyboardArrowLeft } from './KeyboardArrowLeft';
+export { default as KeyboardArrowRight } from './KeyboardArrowRight';
+export { default as KeyboardArrowDown } from './KeyboardArrowDown';
+export { default as KeyboardArrowUp } from './KeyboardArrowUp';
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowRight } from './ArrowRight';
+export { default as FirstPage } from './FirstPage';
+export { default as LastPage } from './LastPage';
+export { default as Info } from './Info';
+export { default as Error } from './Error';
+export { default as Warning } from './Warning';
+export { default as CheckCircle } from './CheckCircle';
 export * from './types';

package/dist/atoms/icons/index.js

@@ -1,12 +1,32 @@
-import { default as e } from "./KeyboardArrowDown.js";
-import { default as f } from "./KeyboardArrowUp.js";
-import { default as i } from "./Close.js";
-import { default as s } from "./Visibility.js";
-import { default as p } from "./VisibilityOff.js";
+import { default as e } from "./Close.js";
+import { default as t } from "./Visibility.js";
+import { default as s } from "./VisibilityOff.js";
+import { default as l } from "./KeyboardArrowLeft.js";
+import { default as m } from "./KeyboardArrowRight.js";
+import { default as x } from "./KeyboardArrowDown.js";
+import { default as w } from "./KeyboardArrowUp.js";
+import { default as y } from "./ArrowLeft.js";
+import { default as g } from "./ArrowRight.js";
+import { default as K } from "./FirstPage.js";
+import { default as C } from "./LastPage.js";
+import { default as c } from "./Info.js";
+import { default as R } from "./Error.js";
+import { default as k } from "./Warning.js";
+import { default as E } from "./CheckCircle.js";
 export {
-  i as Close,
-  e as KeyboardArrowDown,
-  f as KeyboardArrowUp,
-  s as Visibility,
-  p as VisibilityOff
+  y as ArrowLeft,
+  g as ArrowRight,
+  E as CheckCircle,
+  e as Close,
+  R as Error,
+  K as FirstPage,
+  c as Info,
+  x as KeyboardArrowDown,
+  l as KeyboardArrowLeft,
+  m as KeyboardArrowRight,
+  w as KeyboardArrowUp,
+  C as LastPage,
+  t as Visibility,
+  s as VisibilityOff,
+  k as Warning
 };

package/dist/atoms/icons/logos/LogoBlack.js

@@ -14,7 +14,7 @@ function M(L) {
       "aria-label": L.label,
       "data-testid": L.dataTestId,
       children: [
-        /* @__PURE__ */ V("g", { "clip-path": "url(#clip0_209_1004)", children: [
+        /* @__PURE__ */ V("g", { clipPath: "url(#clip0_209_1004)", children: [
           /* @__PURE__ */ C(
             "path",
             {

package/dist/atoms/icons/logos/LogoGoldGreen.js

@@ -14,7 +14,7 @@ function M(L) {
       "aria-label": L.label,
       "data-testid": L.dataTestId,
       children: [
-        /* @__PURE__ */ V("g", { "clip-path": "url(#clip0_175_13114)", children: [
+        /* @__PURE__ */ V("g", { clipPath: "url(#clip0_175_13114)", children: [
           /* @__PURE__ */ C(
             "path",
             {

package/dist/atoms/icons/logos/LogoGoldWhite.js

@@ -24,8 +24,8 @@ function l(L) {
         /* @__PURE__ */ C(
           "path",
           {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M62.4848 17.4042C62.8713 18.6147 62.9885 19.1072 62.9885 19.9775C62.9885 23.7614 59.7379 26.3717 55.0163 26.3717C53.9325 26.3717 53.3138 26.2963 51.8043 25.9938C51.3399 26.561 51.1077 27.0912 51.1077 27.583C51.1077 28.5287 51.9979 28.9451 54.204 29.1344L57.6097 29.3991C60.5509 29.6261 60.8603 29.7015 61.8669 30.2694C62.8721 30.7989 63.5694 32.124 63.5694 33.41C63.5694 37.4963 59.1578 40.3721 53.1202 40.3721C48.6315 40.3721 45.6517 38.5559 45.6517 35.8694C45.6517 34.9991 45.7288 33.4854 49.0573 32.0102C47.5485 30.9882 47.0062 30.421 47.0062 29.4745C47.0062 28.264 47.5478 27.3937 50.7212 25.7284C49.251 24.9719 48.748 24.631 47.9736 23.8368C47.0062 22.891 46.4647 21.6043 46.4647 20.28C46.4647 16.9124 49.9475 14.3398 54.5148 14.3398C55.3649 14.3398 56.5274 14.4529 57.9976 14.7177C59.2357 14.9447 60.1259 15.0586 60.6288 15.0586C61.6347 15.0586 63.0672 14.7938 64.8853 14.2636L65.1561 16.8747L62.4848 17.4042ZM56.2937 33.0321L50.2183 32.5403C49.7532 33.4107 49.6768 33.7509 49.6768 34.5081C49.6768 37.043 51.4185 38.4812 54.5141 38.4812C57.261 38.4812 59.4679 37.0437 59.4679 35.1137C59.4672 33.6747 58.6148 33.183 56.2937 33.0321ZM50.7205 20.5077C50.7205 18.2368 52.2686 16.4207 54.6676 16.4207C57.1839 16.4207 58.6541 18.0859 58.6549 20.5077C58.6549 22.9672 57.0288 24.5186 54.5905 24.5186C52.1143 24.5186 50.7205 22.9295 50.7205 20.5077Z",
             fill: "white"
           }
@@ -33,8 +33,8 @@ function l(L) {
         /* @__PURE__ */ C(
           "path",
           {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M65.9647 24.367C65.9647 29.8916 68.7509 32.8051 74.1305 32.8051C80.013 32.8051 83.8438 29.0205 83.843 22.5886C83.843 17.1394 81.0182 14.1505 75.8715 14.1505C69.8347 14.1505 65.9647 18.1237 65.9647 24.367ZM71.0342 23.1565C71.0342 18.994 72.5445 16.1559 74.7885 16.1559C77.1882 16.1559 78.7742 19.2587 78.7735 23.9507C78.7735 28.1509 77.3811 30.8374 74.9814 30.8374C72.428 30.8374 71.0342 27.9616 71.0342 23.1565Z",
             fill: "white"
           }
@@ -56,8 +56,8 @@ function l(L) {
         /* @__PURE__ */ C(
           "path",
           {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M112.902 7.75558C112.902 8.96682 113.831 9.95032 115.03 9.95032C116.191 9.95032 117.158 8.96609 117.158 7.75558C117.158 6.50662 116.19 5.52312 115.03 5.52312C113.831 5.52312 112.902 6.50662 112.902 7.75558ZM110.503 31.1021V32.0102H119.016V31.1021C117.623 30.8374 116.888 30.4587 116.617 29.7777C116.462 29.3621 116.346 28.4156 116.346 27.0535V19.7128L116.656 14.7938L116.153 14.2644L111.547 15.324V16.0805C113.057 16.7231 113.444 17.5558 113.444 20.1668C113.444 20.3554 113.444 20.5824 113.405 20.7717L113.173 27.0528C113.018 30.1563 112.631 30.7612 110.503 31.1021Z",
             fill: "white"
           }
@@ -65,8 +65,8 @@ function l(L) {
         /* @__PURE__ */ C(
           "path",
           {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M121.413 23.9884C121.413 28.9828 124.2 32.4265 128.225 32.4265C131.631 32.4265 135.23 30.648 135.695 28.755L134.92 28.6042C132.405 29.5122 131.515 29.7393 130.083 29.7393C126.483 29.7393 124.355 27.2044 124.355 22.9287V21.9452H135.308C135.5 20.8479 135.578 19.8636 135.578 19.1072C135.578 16.1182 133.566 14.3775 130.044 14.3775C124.741 14.3775 121.413 18.0482 121.413 23.9884ZM129.348 16.0798C131.205 16.0798 132.637 17.3665 132.637 18.9556L132.636 19.7498L132.095 20.3931H124.626C125.516 17.5935 127.18 16.0798 129.348 16.0798Z",
             fill: "white"
           }

package/dist/atoms/icons/logos/LogoHarpBlack.js

@@ -14,7 +14,7 @@ function l(L) {
       "aria-label": L.label,
       "data-testid": L.dataTestId,
       children: [
-        /* @__PURE__ */ M("g", { "clip-path": "url(#clip0_212_1062)", children: [
+        /* @__PURE__ */ M("g", { clipPath: "url(#clip0_212_1062)", children: [
           /* @__PURE__ */ C(
             "path",
             {

package/dist/atoms/icons/logos/LogoWhite.js

@@ -14,7 +14,7 @@ function l(L) {
       "aria-label": L.label,
       "data-testid": L.dataTestId,
       children: [
-        /* @__PURE__ */ V("g", { "clip-path": "url(#clip0_175_13118)", children: [
+        /* @__PURE__ */ V("g", { clipPath: "url(#clip0_175_13118)", children: [
           /* @__PURE__ */ C(
             "path",
             {

package/dist/atoms/index.d.ts

@@ -1,3 +1,4 @@
-export { default as DsButton } from './DsButton';
+export { default as Button } from './Button';
 export { default as InsetText } from './InsetText';
+export * from './heading';
 export * from './icons';

package/dist/atoms/index.js

@@ -1,16 +1,52 @@
-import { default as t } from "./DsButton.js";
+import { default as o } from "./Button.js";
 import { default as a } from "./InsetText.js";
-import { default as s } from "./icons/KeyboardArrowDown.js";
-import { default as d } from "./icons/KeyboardArrowUp.js";
-import { default as p } from "./icons/Close.js";
-import { default as x } from "./icons/Visibility.js";
-import { default as b } from "./icons/VisibilityOff.js";
+import { default as s } from "./heading/H1.js";
+import { default as l } from "./heading/H2.js";
+import { default as x } from "./heading/H3.js";
+import { default as u } from "./heading/H4.js";
+import { default as g } from "./heading/H5.js";
+import { default as w } from "./heading/H6.js";
+import { default as b } from "./heading/styles.js";
+import { getSize as H } from "./heading/utils.js";
+import { default as K } from "./icons/Close.js";
+import { default as L } from "./icons/Visibility.js";
+import { default as I } from "./icons/VisibilityOff.js";
+import { default as R } from "./icons/KeyboardArrowLeft.js";
+import { default as V } from "./icons/KeyboardArrowRight.js";
+import { default as z } from "./icons/KeyboardArrowDown.js";
+import { default as D } from "./icons/KeyboardArrowUp.js";
+import { default as F } from "./icons/ArrowLeft.js";
+import { default as T } from "./icons/ArrowRight.js";
+import { default as W } from "./icons/FirstPage.js";
+import { default as q } from "./icons/LastPage.js";
+import { default as G } from "./icons/Info.js";
+import { default as M } from "./icons/Error.js";
+import { default as Q } from "./icons/Warning.js";
+import { default as Y } from "./icons/CheckCircle.js";
 export {
-  p as Close,
-  t as DsButton,
+  F as ArrowLeft,
+  T as ArrowRight,
+  o as Button,
+  Y as CheckCircle,
+  K as Close,
+  M as Error,
+  W as FirstPage,
+  s as H1,
+  l as H2,
+  x as H3,
+  u as H4,
+  g as H5,
+  w as H6,
+  G as Info,
   a as InsetText,
-  s as KeyboardArrowDown,
-  d as KeyboardArrowUp,
-  x as Visibility,
-  b as VisibilityOff
+  z as KeyboardArrowDown,
+  R as KeyboardArrowLeft,
+  V as KeyboardArrowRight,
+  D as KeyboardArrowUp,
+  q as LastPage,
+  L as Visibility,
+  I as VisibilityOff,
+  Q as Warning,
+  H as getSize,
+  b as headingStyles
 };

package/dist/atoms/storybook/Heading.meta.d.ts

@@ -0,0 +1,60 @@
+import { StoryContext, Renderer } from '@storybook/types';
+export declare const headingMeta: {
+    tags: string[];
+    title: string;
+    args: {
+        id: string;
+    };
+    argTypes: {
+        readonly size: {
+            readonly control: {
+                readonly type: "select";
+            };
+            readonly options: readonly ["", ...("sm" | "md" | "lg" | "xl" | "xs" | "2xs")[]];
+            readonly description: "Font size of the heading. Defaults to the size mapped to the heading level.";
+            readonly table: {
+                readonly type: {
+                    readonly summary: string;
+                };
+            };
+        };
+        readonly id: {
+            readonly control: false;
+            readonly description: "Optional id for linking/targeting and aria references.";
+        };
+        readonly className: {
+            readonly control: false;
+            readonly description: "Additional CSS classes to apply to the heading element.";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+        readonly dataTestId: {
+            readonly control: false;
+            readonly description: "Test id for targeting the element in automated tests.";
+            readonly table: {
+                readonly type: {
+                    readonly summary: "string";
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export declare const Default: {
+    tags: string[];
+    args: {
+        id: string;
+    };
+};
+export declare const AllHeadingLevels: {
+    play: ({ canvasElement, step }: StoryContext<Renderer>) => Promise<void>;
+};

package/dist/atoms/storybook/Heading.meta.js

@@ -0,0 +1,70 @@
+import { K as i, n as t } from "../../index-Bh2cTIps.js";
+import { Size as s } from "../heading/types.js";
+const o = {
+  tags: ["autodocs"],
+  title: "Typography/Heading",
+  args: {
+    id: "heading-id"
+  },
+  argTypes: {
+    size: {
+      control: {
+        type: "select"
+      },
+      options: ["", ...Object.values(s)],
+      description: "Font size of the heading. Defaults to the size mapped to the heading level.",
+      table: {
+        type: {
+          summary: Object.values(s).map((a) => `"${a}"`).join(" | ")
+        }
+      }
+    },
+    id: {
+      control: !1,
+      description: "Optional id for linking/targeting and aria references."
+    },
+    className: {
+      control: !1,
+      description: "Additional CSS classes to apply to the heading element.",
+      table: {
+        type: {
+          summary: "string"
+        }
+      }
+    },
+    dataTestId: {
+      control: !1,
+      description: "Test id for targeting the element in automated tests.",
+      table: {
+        type: {
+          summary: "string"
+        }
+      }
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: "Heading component for rendering semantic heading elements (h1–h6) with consistent typography styles."
+      }
+    }
+  }
+}, r = {
+  tags: ["skip-playwright"],
+  args: o.args
+}, l = {
+  play: async ({
+    canvasElement: a,
+    step: n
+  }) => {
+    const e = i(a);
+    await n("renders h1 to h6 with the correct semantic tags", async () => {
+      t(e.getByTestId("heading-1").tagName).toBe("H1"), t(e.getByTestId("heading-2").tagName).toBe("H2"), t(e.getByTestId("heading-3").tagName).toBe("H3"), t(e.getByTestId("heading-4").tagName).toBe("H4"), t(e.getByTestId("heading-5").tagName).toBe("H5"), t(e.getByTestId("heading-6").tagName).toBe("H6");
+    });
+  }
+};
+export {
+  l as AllHeadingLevels,
+  r as Default,
+  o as headingMeta
+};

package/dist/atoms/storybook/Icons.meta.d.ts

@@ -0,0 +1,51 @@
+import { StoryContext, Renderer } from '@storybook/types';
+import { default as ArrowLeft } from '../icons/ArrowLeft';
+export declare const iconList: {
+    Component: typeof ArrowLeft;
+    name: string;
+    selector: string;
+}[];
+export declare const iconsMeta: {
+    tags: string[];
+    title: string;
+    args: {
+        size: number;
+        color: string;
+        label: string;
+        className: string;
+    };
+    argTypes: {
+        size: {
+            control: "number";
+            description: string;
+        };
+        color: {
+            control: "color";
+            description: string;
+        };
+        label: {
+            control: "text";
+            description: string;
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export declare const Default: {
+    args: {
+        size: number;
+        color: string;
+        label: string;
+        className: string;
+    };
+    play: ({ canvasElement, step }: StoryContext<Renderer>) => Promise<void>;
+};