@pismo/marola 0.0.1-alpha.4 → 0.0.1-alpha.5

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+

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

@@ -1,6 +1,6 @@
 import { ComponentType, ElementType, HTMLAttributes, 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 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>;
 export type TypographyProps = {
     children: ReactNode;

package/dist/components/Typography/Typography.js

@@ -1,34 +1,34 @@
 import '../../assets/Typography.css';
 import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as u, useMemo as c } from "react";
-import { c as f } from "../../clsx-DB4S2d7J.js";
-const p = "_h1_111i6_1", g = "_h2_111i6_11", k = "_h3_111i6_21", q = "_h4_111i6_31", T = "_body_111i6_41", $ = "_quote_111i6_75", w = "_form__input_111i6_86", S = "_form__hint_111i6_91", x = "_form__label_111i6_96", N = "_form__dropdown_111i6_101", v = "_table__header_111i6_107", E = "_table__body_111i6_112", V = "_button_111i6_123", r = {
-  h1: p,
-  "h1--bold": "_h1--bold_111i6_7",
-  h2: g,
-  "h2--bold": "_h2--bold_111i6_17",
-  h3: k,
-  "h3--bold": "_h3--bold_111i6_27",
-  h4: q,
-  "h4--bold": "_h4--bold_111i6_37",
-  body: T,
-  "body--large": "_body--large_111i6_46",
-  "body--medium": "_body--medium_111i6_50",
-  "body--small": "_body--small_111i6_54",
-  "body--tiny": "_body--tiny_111i6_58",
-  "body--bold": "_body--bold_111i6_62",
-  "body--strikethrough": "_body--strikethrough_111i6_65",
-  "body--underlined": "_body--underlined_111i6_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_111i6_71",
-  quote: $,
-  "quote--large": "_quote--large_111i6_80",
-  form__input: w,
-  form__hint: S,
+import { forwardRef as k, useMemo as u } from "react";
+import { c } from "../../clsx-DB4S2d7J.js";
+const v = "_h1_nv7ki_1", f = "_h2_nv7ki_11", p = "_h3_nv7ki_21", g = "_h4_nv7ki_31", q = "_body_nv7ki_41", T = "_quote_nv7ki_75", $ = "_form__input_nv7ki_86", w = "_form__hint_nv7ki_91", x = "_form__label_nv7ki_96", N = "_form__dropdown_nv7ki_101", S = "_table__header_nv7ki_107", E = "_table__body_nv7ki_112", V = "_button_nv7ki_123", n = {
+  h1: v,
+  "h1--bold": "_h1--bold_nv7ki_7",
+  h2: f,
+  "h2--bold": "_h2--bold_nv7ki_17",
+  h3: p,
+  "h3--bold": "_h3--bold_nv7ki_27",
+  h4: g,
+  "h4--bold": "_h4--bold_nv7ki_37",
+  body: q,
+  "body--large": "_body--large_nv7ki_46",
+  "body--medium": "_body--medium_nv7ki_50",
+  "body--small": "_body--small_nv7ki_54",
+  "body--tiny": "_body--tiny_nv7ki_58",
+  "body--bold": "_body--bold_nv7ki_62",
+  "body--strikethrough": "_body--strikethrough_nv7ki_65",
+  "body--underlined": "_body--underlined_nv7ki_68",
+  "body--strikethrough-underlined": "_body--strikethrough-underlined_nv7ki_71",
+  quote: T,
+  "quote--large": "_quote--large_nv7ki_80",
+  form__input: $,
+  form__hint: w,
   form__label: x,
   form__dropdown: N,
-  table__header: v,
+  table__header: S,
   table__body: E,
-  "table__body--secondary": "_table__body--secondary_111i6_117",
+  "table__body--secondary": "_table__body--secondary_nv7ki_117",
   button: V
 }, j = (e) => {
   const _ = e.toString();
@@ -36,36 +36,27 @@ const p = "_h1_111i6_1", g = "_h2_111i6_11", k = "_h3_111i6_21", q = "_h4_111i6_
   return _.match(/^h[1-4]/) ? o = _ : _.match(/^h[5-6]/) && (o = "h4"), _ === "th" && (o = "table-header"), _ === "td" && (o = "table-body"), o;
 }, z = (e) => {
   let _ = e.replace(/^([a-z]*)-/, "$1__");
-  return _ = _.replace(new RegExp("(?<!-)-(?!-)", "g"), "--"), console.log("styleString", _), _;
-}, R = u((e, _) => {
+  return _ = _.replace(new RegExp("(?<!-)-(?!-)", "g"), "--"), _;
+}, R = k((e, _) => {
   const {
     dataTestId: o,
     children: b,
     className: l,
-    underline: n = !1,
+    underline: d = !1,
     element: i = "span",
     bold: a = !1,
     variant: t = j(i),
-    strikethrough: d = !1,
+    strikethrough: r = !1,
     elementProps: s
-  } = e, h = i, m = c(() => f(
-    r[z(t)],
+  } = e, h = i, m = u(() => c(
+    n[z(t)],
     l,
-    { [r[`${t}--bold`]]: a },
-    { [r[`${t}--underlined`]]: n },
-    { [r[`${t}--strikethrough`]]: d },
-    { [r[`${t}--strikethrough-underlined`]]: d && d && n }
-  ), [a, l, d, n, t]);
-  return /* @__PURE__ */ y(
-    h,
-    {
-      ref: _,
-      "data-testid": o,
-      ...s != null && s,
-      className: m,
-      children: b
-    }
-  );
+    { [n[`${t}--bold`]]: a },
+    { [n[`${t}--underlined`]]: d },
+    { [n[`${t}--strikethrough`]]: r },
+    { [n[`${t}--strikethrough-underlined`]]: r && r && d }
+  ), [a, l, r, d, t]);
+  return /* @__PURE__ */ y(h, { ref: _, "data-testid": o, ...s != null && s, className: m, children: b });
 });
 export {
   R as Typography,