@fluidattacks/design 3.1.12 → 3.1.14

package/dist/components/typography/heading/index.js

@@ -1,9 +1,6 @@
-import { jsx as z } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-import { S as x } from "../../../styles-fH2c4cfc.mjs";
-const b = h(function({ bgGradient: i, children: e, className: r, color: a, display: t, fontFamily: n, fontWeight: l, letterSpacing: o, lineSpacing: s, lineSpacingSm: c, size: m, sizeMd: $, sizeSm: d, textFill: p, wordBreak: f, ...g }, S) {
-  return z(x, { $bgGradient: i, $color: a, $display: t, $fontFamily: n, $fontWeight: l, $letterSpacing: o, $lineSpacing: s, $lineSpacingSm: c, $size: m, $sizeMd: $, $sizeSm: d, $textFill: p, $wordBreak: f, className: r, ref: S, ...g, children: e });
-});
+import "react/jsx-runtime";
+import "react";
+import { aK as m } from "../../../components-C2JBXbtI.mjs";
 export {
-  b as Heading
+  m as Heading
 };

package/dist/components/typography/index.js

@@ -1,8 +1,6 @@
-import { Heading as e } from "./heading/index.js";
-import { Span as t } from "./span/index.js";
-import { Text as f } from "./text/index.js";
+import { aK as s, aM as n, aL as o } from "../../components-C2JBXbtI.mjs";
 export {
-  e as Heading,
-  t as Span,
-  f as Text
+  s as Heading,
+  n as Span,
+  o as Text
 };

package/dist/components/typography/span/index.js

@@ -1,9 +1,6 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { a as d } from "../../../styles-fH2c4cfc.mjs";
-const u = g(function({ children: i, color: n, content: e, display: t, fontFamily: o, fontWeight: r, letterSpacing: a, lineSpacing: c, lineSpacingSm: l, size: s, sizeMd: p, sizeSm: m, ...f }, S) {
-  return $(d, { $color: n, $content: e, $display: t, $fontFamily: o, $fontWeight: r, $letterSpacing: a, $lineSpacing: c, $lineSpacingSm: l, $size: s, $sizeMd: p, $sizeSm: m, ref: S, ...f, children: i });
-});
+import "react/jsx-runtime";
+import "react";
+import { aM as m } from "../../../components-C2JBXbtI.mjs";
 export {
-  u as Span
+  m as Span
 };

package/dist/components/typography/text/index.js

@@ -1,9 +1,6 @@
-import { jsx as z } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { b as h } from "../../../styles-fH2c4cfc.mjs";
-const w = x(function({ bgGradient: i, children: e, className: r, color: t, display: a, fontFamily: n, fontWeight: l, letterSpacing: o, lineSpacing: s, lineSpacingSm: c, size: m, sizeMd: $, sizeSm: p, textFill: d, wordBreak: f, ...g }, S) {
-  return z(h, { $bgGradient: i, $color: t, $display: a, $fontFamily: n, $fontWeight: l, $letterSpacing: o, $lineSpacing: s, $lineSpacingSm: c, $size: m, $sizeMd: $, $sizeSm: p, $textFill: d, $wordBreak: f, className: r, ref: S, ...g, children: e });
-});
+import "react/jsx-runtime";
+import "react";
+import { aL as p } from "../../../components-C2JBXbtI.mjs";
 export {
-  w as Text
+  p as Text
 };

package/dist/components/web-form/index.js

@@ -1,71 +1,6 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { styled as e } from "styled-components";
-import { Button as o } from "../button/index.js";
-const l = e.form`
-  ${({ theme: n }) => `
-    align-items: center;
-    background: ${n.palette.gray[50]};
-    backdrop-filter: blur(11px);
-    border-radius: ${n.spacing[1]};
-    box-shadow: ${n.shadows.md};
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: ${n.spacing[3]} ${n.spacing[2]};
-    width: 628px;
-
-    &::before {
-      background: ${n.palette.gradients["02"]} border-box;
-      border-radius: ${n.spacing[1]};
-      content: "";
-      position: absolute;
-      inset: 0;
-      border: 2px solid transparent;
-      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
-      mask-composite: exclude;
-    }
-
-    @media screen and (max-width: ${n.breakpoints.mobile}) {
-      width: 320px;
-    }
-  `}
-`, m = e.div`
-  align-items: flex-start;
-  align-self: stretch;
-  display: flex;
-  flex-direction: column;
-  gap: ${({ theme: n }) => n.spacing[1.5]};
-
-  button[type="submit"] {
-    width: 100%;
-
-    > * {
-      text-align: center;
-    }
-  }
-`, f = e.div`
-  ${({ theme: n }) => `
-    align-items: flex-start;
-    align-self: stretch;
-    container-type: inline-size;
-    display: flex;
-    flex-direction: row;
-    gap: ${n.spacing[1]};
-    position: relative;
-
-    &:has(> :nth-child(2)) {
-      > div {
-        display: flex;
-        width: 50%;
-      }
-    }
-
-    @media screen and (max-width: ${n.breakpoints.mobile}) {
-      flex-direction: column;
-    }
-  `}
-`, x = ({ children: n, name: i, onSubmit: a, submitDisabled: s, submitLabel: r = "Submit" }) => t(l, { "aria-label": i, name: i, onSubmit: a, children: d(m, { children: [n, t(o, { disabled: s, type: "submit", children: r })] }) });
+import "react/jsx-runtime";
+import { aO as a, aN as e } from "../../components-C2JBXbtI.mjs";
 export {
-  f as FormItem,
-  x as WebForm
+  a as FormItem,
+  e as WebForm
 };