@ogcio/design-system-react 1.31.1 → 1.32.0

package/dist/table/table-pagination.js

@@ -1,9 +1,9 @@
-import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { cn as p } from "../cn.js";
 import { translate as s } from "../i18n/utility.js";
 import { IconButton as t } from "../icon-button/icon-button.js";
-import { SelectNative as f, SelectItem as v } from "../select/select-native.js";
-const j = ({
+import { SelectNative as f, SelectItem as u } from "../select/select-native.js";
+const I = ({
   currentPage: i,
   totalPages: e,
   onPageChange: l,
@@ -14,7 +14,7 @@ const j = ({
   }, m = () => {
     i < e && l(i + 1);
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: p(
@@ -35,7 +35,8 @@ const j = ({
             variant: "flat",
             className: "gi-mr-2",
             icon: {
-              icon: "first_page"
+              icon: "first_page",
+              useFontIcon: !0
             }
           }
         ),
@@ -48,11 +49,12 @@ const j = ({
             variant: "flat",
             className: "gi-mr-2",
             icon: {
-              icon: "chevron_left"
+              icon: "chevron_left",
+              useFontIcon: !0
             }
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(
           "div",
           {
             className: "gi-table-pagination-label gi-space-x-2",
@@ -67,8 +69,8 @@ const j = ({
                   "aria-label": "Select page",
                   value: i,
                   className: "!gi-min-w-12 !gi-border-color-border-system-neutral-interactive-muted",
-                  onChange: (c) => l(Number(c.target.value)),
-                  children: Array.from({ length: e }, (c, r) => /* @__PURE__ */ a(v, { value: r + 1, children: r + 1 }, r + 1))
+                  onChange: (o) => l(Number(o.target.value)),
+                  children: Array.from({ length: e }, (o, r) => /* @__PURE__ */ a(u, { value: r + 1, children: r + 1 }, r + 1))
                 }
               ),
               /* @__PURE__ */ a("span", { children: s("table.pagination.ofTotal", {
@@ -87,7 +89,8 @@ const j = ({
             variant: "flat",
             className: "gi-ml-2",
             icon: {
-              icon: "chevron_right"
+              icon: "chevron_right",
+              useFontIcon: !0
             }
           }
         ),
@@ -100,7 +103,8 @@ const j = ({
             variant: "flat",
             className: "gi-ml-2",
             icon: {
-              icon: "last_page"
+              icon: "last_page",
+              useFontIcon: !0
             }
           }
         )
@@ -109,6 +113,6 @@ const j = ({
   );
 };
 export {
-  j as TablePagination,
-  j as default
+  I as TablePagination,
+  I as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.31.1",
+  "version": "1.32.0",
   "description": "The Government of Ireland Design System React components.",
   "type": "module",
   "main": "dist/index.js",
@@ -48,6 +48,7 @@
     "rollup-preserve-directives": "^1.1.2"
   },
   "devDependencies": {
+    "@storybook/types": "^8.6.14",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -63,11 +64,11 @@
     "postcss-import": "^16.1.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "@ogcio/design-system-prettier-config": "1.1.0",
-    "@ogcio/design-system-tailwind": "1.22.0",
-    "@ogcio/design-system-eslint-config": "1.3.0",
-    "@ogcio/theme-govie": "1.21.3",
-    "@ogcio/theme-doete": "1.0.0"
+    "@ogcio/design-system-eslint-config": "1.4.0",
+    "@ogcio/design-system-prettier-config": "1.1.1",
+    "@ogcio/theme-doete": "1.0.0",
+    "@ogcio/design-system-tailwind": "1.23.0",
+    "@ogcio/theme-govie": "1.21.4"
   },
   "scripts": {
     "format": "prettier 'src/**/*.{ts,tsx}' --write",

package/dist/heading/heading.d.ts

@@ -1,150 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-export declare const sizeVariants: {
-    xl: string;
-    lg: string;
-    md: string;
-    sm: string;
-    xs: string;
-    '2xs': string;
-};
-export declare const asVariants: {
-    h1: string;
-    h2: string;
-    h3: string;
-    h4: string;
-    h5: string;
-    h6: string;
-};
-export declare const headingVariants: import('tailwind-variants').TVReturnType<{
-    size: {
-        xl: string;
-        lg: string;
-        md: string;
-        sm: string;
-        xs: string;
-        '2xs': string;
-    };
-    as: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h6: string;
-    };
-}, {
-    text: string;
-    base: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        xl: string;
-        lg: string;
-        md: string;
-        sm: string;
-        xs: string;
-        '2xs': string;
-    };
-    as: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h6: string;
-    };
-}, {
-    size: {
-        xl: string;
-        lg: string;
-        md: string;
-        sm: string;
-        xs: string;
-        '2xs': string;
-    };
-    as: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h6: string;
-    };
-}>, {
-    size: {
-        xl: string;
-        lg: string;
-        md: string;
-        sm: string;
-        xs: string;
-        '2xs': string;
-    };
-    as: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h6: string;
-    };
-}, {
-    text: string;
-    base: string;
-}, import('tailwind-variants').TVReturnType<{
-    size: {
-        xl: string;
-        lg: string;
-        md: string;
-        sm: string;
-        xs: string;
-        '2xs': string;
-    };
-    as: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h6: string;
-    };
-}, {
-    text: string;
-    base: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    size: {
-        xl: string;
-        lg: string;
-        md: string;
-        sm: string;
-        xs: string;
-        '2xs': string;
-    };
-    as: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h6: string;
-    };
-}, {
-    size: {
-        xl: string;
-        lg: string;
-        md: string;
-        sm: string;
-        xs: string;
-        '2xs': string;
-    };
-    as: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h6: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type HeadingProps = VariantProps<typeof headingVariants> & {
-    caption?: string;
-} & React.HTMLAttributes<HTMLHeadingElement>;
-export declare function Heading({ as, size, children, caption, className, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/heading/heading.js

@@ -1,50 +0,0 @@
-import { jsxs as x, Fragment as o, jsx as s } from "react/jsx-runtime";
-import { c as l } from "../index-CB-zPpNk.js";
-import { cn as e } from "../cn.js";
-const c = {
-  xl: "gi-heading-xl",
-  lg: "gi-heading-lg",
-  md: "gi-heading-md",
-  sm: "gi-heading-sm",
-  xs: "gi-heading-xs",
-  "2xs": "gi-heading-2xs"
-}, f = {
-  h1: "gi-heading-xl",
-  h2: "gi-heading-lg",
-  h3: "gi-heading-md",
-  h4: "gi-heading-sm",
-  h5: "gi-heading-xs",
-  h6: "gi-heading-2xs"
-}, p = l({
-  slots: {
-    text: "gi-text-gray-600",
-    base: ""
-  },
-  variants: {
-    size: c,
-    as: f
-  },
-  defaultVariants: {
-    as: "h1"
-  }
-});
-function j({
-  as: i,
-  size: g,
-  children: n,
-  caption: a,
-  className: t,
-  ...h
-}) {
-  const d = i || "h1", { text: r, base: m } = p({ as: i, size: g });
-  return /* @__PURE__ */ x(o, { children: [
-    a && /* @__PURE__ */ s("span", { className: e(r()), "aria-hidden": "true", children: a }),
-    /* @__PURE__ */ s(d, { className: e(m(), t), ...h, children: n })
-  ] });
-}
-export {
-  j as Heading,
-  f as asVariants,
-  p as headingVariants,
-  c as sizeVariants
-};