@pismo/marola 0.0.1-alpha.6 → 0.0.1-alpha.8

package/dist/components/Typography/Typography.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ComponentType, ElementType, HTMLAttributes, LabelHTMLAttributes, ReactNode } from 'react';
 
 export type VariantType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-large' | 'body-medium' | 'body' | 'body-small' | 'body-tiny' | 'quote-large' | 'quote' | 'form-input' | 'form-label' | 'form-hint' | 'form-dropdown' | 'table-header' | 'table-body' | 'table-body-secondary' | 'button' | 'link';
 export type CommonTypographyHTMLAttributes = HTMLAttributes<HTMLParagraphElement> & HTMLAttributes<HTMLHeadingElement> & HTMLAttributes<HTMLSpanElement> & HTMLAttributes<HTMLTableCellElement>;
@@ -7,18 +7,18 @@ export type TypographyProps = {
     children: ReactNode;
     /** The HTML element to render as on the DOM */
     element?: ElementType;
-    /** Additional props to pass down to native HTML element e.g. dataset attributes  */
+    /** Style to be visually displayed as  */
     variant?: VariantType;
     /** Space seperated list of CSS classes to apply */
     className?: string;
-    /** Style to be visually displayed as  */
+    /** Whether to apply underline text decoration */
     underline?: boolean;
     /** Whether to apply strikethrough text decoration */
     strikethrough?: boolean;
     /** Whether to set a higher 'bold' font weight */
     bold?: boolean;
-    /** Whether to apply underline text decoration */
-    elementProps?: HTMLAttributes<CommonTypographyHTMLAttributes>;
+    /** Additional props to pass down to native HTML element e.g. dataset attributes  */
+    elementProps?: HTMLAttributes<CommonTypographyHTMLAttributes> & LabelHTMLAttributes<HTMLLabelElement>;
     /** ID that tests can use to get this component from the DOM */
     ['data-testid']?: string;
 };

package/dist/components/Typography/Typography.stories.d.ts

@@ -12,6 +12,19 @@ declare const meta: {
             };
         };
     };
+    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        children: import('react').ReactNode;
+        element?: import('react').ElementType | undefined;
+        variant?: import('./Typography').VariantType | undefined;
+        className?: string | undefined;
+        underline?: boolean | undefined;
+        strikethrough?: boolean | undefined;
+        bold?: boolean | undefined;
+        elementProps?: (import('react').HTMLAttributes<import('./Typography').CommonTypographyHTMLAttributes> & import('react').LabelHTMLAttributes<HTMLLabelElement>) | undefined;
+        "data-testid"?: string | undefined;
+        ref?: import('react').LegacyRef<import('react').ElementType | import('react').ComponentType> | undefined;
+        key?: import('react').Key | null | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/components/Typography/Typography.stories.js

@@ -1,30 +1,30 @@
 import '../../assets/global.css';
+import { jsx as t } from "react/jsx-runtime";
 /* empty css                    */
-import "react/jsx-runtime";
-import "../Dialog/Backdrop.js";
-import "../../react-CGNQ6M5x.js";
-import { Typography as t } from "./Typography.js";
-import "react";
-import "../Tabs/Tabs.js";
-import "../Tabs/Tab.js";
-import "../Tabs/TabPanel.js";
-import "../Table/Table.js";
 import "../Button/Button.js";
+import "react";
+import "../Dialog/Backdrop.js";
+import { Typography as p } from "./Typography.js";
 import "../IconButton/IconButton.js";
-const y = {
+import "../Table/Table.js";
+import "../Tabs/Tabs.js";
+const c = {
   title: "Components/Typography",
-  component: t,
+  component: p,
   tags: ["autodocs"],
   argTypes: {
     element: {
       options: ["span", "p", "h1", "h2", "h3", "h4", "h5", "h6", "td", "th"],
       control: { type: "select" }
     }
-  }
-}, g = {
+  },
+  decorators: [
+    (o) => /* @__PURE__ */ t("div", { style: { margin: "1em" }, children: /* @__PURE__ */ t(o, {}) })
+  ]
+}, d = {
   args: { children: "Example text" }
 };
 export {
-  g as Simple,
-  y as default
+  d as Simple,
+  c as default
 };

package/dist/components/Typography/typography.test.js

@@ -3,21 +3,18 @@ var pu = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports);
 import { jsx as L } from "react/jsx-runtime";
 import * as St from "react";
 import pi from "react";
-import { r as Jo, R as rr } from "../../Portal-P3fPvS3-.js";
+import { r as Jo, R as rr } from "../../index-BNWbc5Kh.js";
 import { g as fu } from "../../_commonjsHelpers-CT_km90n.js";
 /* empty css                    */
+import "../Button/Button.js";
 import "../Dialog/Backdrop.js";
-import "../../react-CGNQ6M5x.js";
 import { Typography as U } from "./Typography.js";
-import "../Tabs/Tabs.js";
-import "../Tabs/Tab.js";
-import "../Tabs/TabPanel.js";
-import "../Table/Table.js";
-import "../Button/Button.js";
 import "../IconButton/IconButton.js";
+import "../Table/Table.js";
+import "../Tabs/Tabs.js";
 import { assertClassesApplied as mu } from "../../test-utils/assertStyles.js";
 import { d as xt, a as bu, i as H, g as vu } from "../../vi.Y_w82WR8-Df0JUamG.js";
-var HE = pu((s_, pt) => {
+var HE = pu((o_, pt) => {
   var To = { exports: {} }, ae = {};
   /**
    * @license React