@ogcio/design-system-react 1.31.1 → 1.33.0

package/dist/tooltip/variants.d.ts

@@ -0,0 +1,115 @@
+export declare const tooltipVariants: import('tailwind-variants').TVReturnType<{
+    position: {
+        top: {
+            tooltip: string[];
+        };
+        bottom: {
+            tooltip: string[];
+        };
+        left: {
+            tooltip: string[];
+        };
+        right: {
+            tooltip: string[];
+        };
+    };
+}, {
+    wrapper: string;
+    tooltip: string[];
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    position: {
+        top: {
+            tooltip: string[];
+        };
+        bottom: {
+            tooltip: string[];
+        };
+        left: {
+            tooltip: string[];
+        };
+        right: {
+            tooltip: string[];
+        };
+    };
+}, {
+    position: {
+        top: {
+            tooltip: string[];
+        };
+        bottom: {
+            tooltip: string[];
+        };
+        left: {
+            tooltip: string[];
+        };
+        right: {
+            tooltip: string[];
+        };
+    };
+}>, {
+    position: {
+        top: {
+            tooltip: string[];
+        };
+        bottom: {
+            tooltip: string[];
+        };
+        left: {
+            tooltip: string[];
+        };
+        right: {
+            tooltip: string[];
+        };
+    };
+}, {
+    wrapper: string;
+    tooltip: string[];
+}, import('tailwind-variants').TVReturnType<{
+    position: {
+        top: {
+            tooltip: string[];
+        };
+        bottom: {
+            tooltip: string[];
+        };
+        left: {
+            tooltip: string[];
+        };
+        right: {
+            tooltip: string[];
+        };
+    };
+}, {
+    wrapper: string;
+    tooltip: string[];
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    position: {
+        top: {
+            tooltip: string[];
+        };
+        bottom: {
+            tooltip: string[];
+        };
+        left: {
+            tooltip: string[];
+        };
+        right: {
+            tooltip: string[];
+        };
+    };
+}, {
+    position: {
+        top: {
+            tooltip: string[];
+        };
+        bottom: {
+            tooltip: string[];
+        };
+        left: {
+            tooltip: string[];
+        };
+        right: {
+            tooltip: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/tooltip/variants.js

@@ -0,0 +1,59 @@
+import { c as t } from "../index-CB-zPpNk.js";
+const e = t({
+  slots: {
+    wrapper: "gi-relative gi-inline-block gi-overflow-visible gi-text-lg",
+    tooltip: [
+      "gi-absolute gi-z-[100] gi-block",
+      "gi-bg-color-surface-system-neutral-layer11 gi-text-color-text-tone-light-default",
+      "gi-text-sm gi-text-left gi-px-3 gi-py-2 gi-rounded-sm",
+      "gi-opacity-100 gi-transition-opacity gi-duration-300",
+      "gi-w-max gi-max-w-[324px]"
+    ]
+  },
+  variants: {
+    position: {
+      top: {
+        tooltip: [
+          "gi-bottom-full gi-left-1/2 gi-translate-x-[-50%] gi-translate-y-[-0.75rem]",
+          "after:gi-content-[''] after:gi-absolute after:gi-left-1/2 after:gi-translate-x-[-50%]",
+          "after:gi-border-x-[9px] after:gi-border-x-transparent",
+          "after:gi-border-t-[9px] after:gi-border-t-color-surface-system-neutral-layer11",
+          "after:gi-bottom-[-0.45rem]"
+        ]
+      },
+      bottom: {
+        tooltip: [
+          "gi-top-full gi-left-1/2 gi-translate-x-[-50%] gi-translate-y-[0.75rem]",
+          "after:gi-content-[''] after:gi-absolute after:gi-left-1/2 after:gi-translate-x-[-50%]",
+          "after:gi-border-x-[9px] after:gi-border-x-transparent",
+          "after:gi-border-b-[9px] after:gi-border-b-color-surface-system-neutral-layer11",
+          "after:gi-top-[-0.45rem]"
+        ]
+      },
+      left: {
+        tooltip: [
+          "gi-right-full gi-top-1/2 gi-translate-y-[-50%] gi-translate-x-[-0.75rem]",
+          "after:gi-content-[''] after:gi-absolute after:gi-top-1/2 after:gi-translate-y-[-50%]",
+          "after:gi-border-y-[9px] after:gi-border-y-transparent",
+          "after:gi-border-l-[9px] after:gi-border-l-color-surface-system-neutral-layer11",
+          "after:gi-right-[-0.45rem]"
+        ]
+      },
+      right: {
+        tooltip: [
+          "gi-left-full gi-top-1/2 gi-translate-y-[-50%] gi-translate-x-[0.75rem]",
+          "after:gi-content-[''] after:gi-absolute after:gi-top-1/2 after:gi-translate-y-[-50%]",
+          "after:gi-border-y-[9px] after:gi-border-y-transparent",
+          "after:gi-border-r-[9px] after:gi-border-r-color-surface-system-neutral-layer11",
+          "after:gi-left-[-0.45rem]"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    position: "top"
+  }
+});
+export {
+  e as tooltipVariants
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.31.1",
+  "version": "1.33.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/design-system-tailwind": "1.23.0",
+    "@ogcio/theme-doete": "1.0.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
-};