@smartyweb/ui 1.2.6 → 1.3.0

package/README.md

@@ -146,7 +146,7 @@ This opens an interactive prompt:
 Then apply the version bump immediately on the same branch:
 
 ```bash
-npx changeset version   # bumps package.json and updates CHANGELOG.md
+npm run version   # bumps package.json and updates CHANGELOG.md
 ```
 
 Commit everything and push:

package/dist/buttons/Link/Link.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+type SharedProps = {
+    variant?: "default" | "negative";
+    background?: "light" | "dark";
+    onClick?: React.MouseEventHandler;
+    children?: React.ReactNode;
+};
+type AsAnchor = SharedProps & {
+    as?: "a";
+    href: string;
+    openInNewTab?: boolean;
+    disabled?: never;
+};
+type AsButton = SharedProps & {
+    as: "button";
+    href?: never;
+    openInNewTab?: never;
+    disabled?: boolean;
+};
+type AsCustom = SharedProps & {
+    as: React.ElementType;
+    href: string;
+    openInNewTab?: boolean;
+    disabled?: never;
+};
+export type LinkProps = AsAnchor | AsButton | AsCustom;
+export declare function Link({ as: Tag, variant, background, href, openInNewTab, disabled, onClick, children, }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/buttons/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps } from './Link';

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m="_hExtra_dx1fb_1",p={hExtra:m};function h({as:a="h1",children:s,className:t}){const n=[p.hExtra,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const y="_h1_1lolt_1",f={h1:y};function d({children:a,className:s}){return o.jsx("h1",{className:`${f.h1}${s?` ${s}`:""}`,children:a})}const j="_h2_1i98w_1",g={h2:j};function N({as:a="h2",children:s,className:t}){const n=[g.h2,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const x="_h3_wip1f_1",b={h3:x};function B({as:a="h3",children:s,className:t}){const n=[b.h3,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const $="_h4_thwwf_1",L={h4:$};function H({as:a="h4",children:s,className:t}){const n=[L.h4,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const S="_h5_zem0s_1",v={h5:S};function C({as:a="h5",children:s,className:t}){const n=[v.h5,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const M="_h6_py9o3_1",E={h6:M};function U({as:a="h6",children:s,className:t}){const n=[E.h6,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const z="_paragraph_6mdxp_1",k={paragraph:z};function w({as:a="p",children:s,className:t}){const n=[k.paragraph,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const P="_bodyLarge_zgxpr_1",q={bodyLarge:P};function O({as:a="p",children:s,className:t}){const n=[q.bodyLarge,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const R="_bodySmall_izgxi_1",A={bodySmall:R};function D({as:a="p",children:s,className:t}){const n=[A.bodySmall,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const F="_buttonLarge_1kib2_1",G={buttonLarge:F};function J({as:a="span",children:s,className:t}){const n=[G.buttonLarge,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const K="_buttonSmall_1ga6z_1",Q={buttonSmall:K};function T({as:a="span",children:s,className:t}){const n=[Q.buttonSmall,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const V="_captionLarge_keyl9_1",W={captionLarge:V};function X({as:a="span",children:s,className:t}){const n=[W.captionLarge,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const Y="_captionMedium_9rjdy_1",Z={captionMedium:Y};function I({as:a="span",children:s,className:t}){const n=[Z.captionMedium,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const ss="_captionUppercase_15jnh_1",as={captionUppercase:ss};function ts({as:a="span",children:s,className:t}){const n=[as.captionUppercase,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const ns="_code_1o5oi_1",os={code:ns};function es({as:a="code",children:s,className:t}){const n=[os.code,t].filter(Boolean).join(" ");return o.jsx(a,{className:n,children:s})}const cs="_button_1n3va_1",rs="_sm_1n3va_39",ls="_primary_1n3va_58",is="_secondary_1n3va_74",us="_negative_1n3va_93",e={button:cs,sm:rs,primary:ls,secondary:is,negative:us};function _s({as:a="button",variant:s="primary",size:t="default",href:n,openInNewTab:c,disabled:r,type:l,onClick:i,children:u}){const _=[e.button,e[s],t==="sm"&&e.sm].filter(Boolean).join(" ");return o.jsx(a,{className:_,href:n,target:c?"_blank":void 0,rel:c?"noopener noreferrer":void 0,disabled:r,type:l,onClick:i,children:u})}exports.BodyLarge=O;exports.BodySmall=D;exports.Button=_s;exports.ButtonLarge=J;exports.ButtonSmall=T;exports.CaptionLarge=X;exports.CaptionMedium=I;exports.CaptionUppercase=ts;exports.Code=es;exports.H1=d;exports.H2=N;exports.H3=B;exports.H4=H;exports.H5=C;exports.H6=U;exports.HExtra=h;exports.Paragraph=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),m="_h1_1765w_1",y={h1:m};function h({children:t,className:s}){return o.jsx("h1",{className:`${y.h1}${s?` ${s}`:""}`,children:t})}const d="_button_hxesz_1",x="_sm_hxesz_26",b="_primary_hxesz_33",f="_secondary_hxesz_49",g="_negative_hxesz_68",e={button:d,sm:x,primary:b,secondary:f,negative:g};function v({as:t="button",variant:s="primary",size:r="default",href:a,openInNewTab:n,disabled:c,type:_,onClick:i,children:u}){const l=[e.button,e[s],r==="sm"&&e.sm].filter(Boolean).join(" ");return o.jsx(t,{className:l,href:a,target:n?"_blank":void 0,rel:n?"noopener noreferrer":void 0,disabled:c,type:_,onClick:i,children:u})}exports.Button=v;exports.H1=h;

package/dist/index.js

@@ -1,164 +1,44 @@
 import { jsx as o } from "react/jsx-runtime";
-const u = "_hExtra_dx1fb_1", p = {
-  hExtra: u
+const u = "_h1_1765w_1", h = {
+  h1: u
 };
-function Z({ as: n = "h1", children: s, className: a }) {
-  const t = [p.hExtra, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
+function z({ children: t, className: s }) {
+  return /* @__PURE__ */ o("h1", { className: `${h.h1}${s ? ` ${s}` : ""}`, children: t });
 }
-const h = "_h1_1lolt_1", f = {
-  h1: h
+const y = "_button_hxesz_1", x = "_sm_hxesz_26", d = "_primary_hxesz_33", f = "_secondary_hxesz_49", p = "_negative_hxesz_68", n = {
+  button: y,
+  sm: x,
+  primary: d,
+  secondary: f,
+  negative: p
 };
-function I({ children: n, className: s }) {
-  return /* @__PURE__ */ o("h1", { className: `${f.h1}${s ? ` ${s}` : ""}`, children: n });
-}
-const y = "_h2_1i98w_1", d = {
-  h2: y
-};
-function T({ as: n = "h2", children: s, className: a }) {
-  const t = [d.h2, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const N = "_h3_wip1f_1", g = {
-  h3: N
-};
-function ss({ as: n = "h3", children: s, className: a }) {
-  const t = [g.h3, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const b = "_h4_thwwf_1", B = {
-  h4: b
-};
-function ns({ as: n = "h4", children: s, className: a }) {
-  const t = [B.h4, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const j = "_h5_zem0s_1", $ = {
-  h5: j
-};
-function as({ as: n = "h5", children: s, className: a }) {
-  const t = [$.h5, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const L = "_h6_py9o3_1", x = {
-  h6: L
-};
-function ts({ as: n = "h6", children: s, className: a }) {
-  const t = [x.h6, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const v = "_paragraph_6mdxp_1", S = {
-  paragraph: v
-};
-function os({ as: n = "p", children: s, className: a }) {
-  const t = [S.paragraph, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const H = "_bodyLarge_zgxpr_1", E = {
-  bodyLarge: H
-};
-function es({ as: n = "p", children: s, className: a }) {
-  const t = [E.bodyLarge, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const M = "_bodySmall_izgxi_1", U = {
-  bodySmall: M
-};
-function cs({ as: n = "p", children: s, className: a }) {
-  const t = [U.bodySmall, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const z = "_buttonLarge_1kib2_1", C = {
-  buttonLarge: z
-};
-function ls({ as: n = "span", children: s, className: a }) {
-  const t = [C.buttonLarge, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const k = "_buttonSmall_1ga6z_1", w = {
-  buttonSmall: k
-};
-function rs({ as: n = "span", children: s, className: a }) {
-  const t = [w.buttonSmall, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const P = "_captionLarge_keyl9_1", q = {
-  captionLarge: P
-};
-function is({ as: n = "span", children: s, className: a }) {
-  const t = [q.captionLarge, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const A = "_captionMedium_9rjdy_1", D = {
-  captionMedium: A
-};
-function _s({ as: n = "span", children: s, className: a }) {
-  const t = [D.captionMedium, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const F = "_captionUppercase_15jnh_1", G = {
-  captionUppercase: F
-};
-function ms({ as: n = "span", children: s, className: a }) {
-  const t = [G.captionUppercase, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const J = "_code_1o5oi_1", K = {
-  code: J
-};
-function us({ as: n = "code", children: s, className: a }) {
-  const t = [K.code, a].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(n, { className: t, children: s });
-}
-const O = "_button_1n3va_1", Q = "_sm_1n3va_39", R = "_primary_1n3va_58", V = "_secondary_1n3va_74", W = "_negative_1n3va_93", e = {
-  button: O,
-  sm: Q,
-  primary: R,
-  secondary: V,
-  negative: W
-};
-function ps({
-  as: n = "button",
+function g({
+  as: t = "button",
   variant: s = "primary",
-  size: a = "default",
-  href: t,
-  openInNewTab: c,
-  disabled: l,
-  type: r,
+  size: r = "default",
+  href: a,
+  openInNewTab: e,
+  disabled: c,
+  type: _,
   onClick: i,
-  children: _
+  children: m
 }) {
-  const m = [e.button, e[s], a === "sm" && e.sm].filter(Boolean).join(" ");
+  const l = [n.button, n[s], r === "sm" && n.sm].filter(Boolean).join(" ");
   return /* @__PURE__ */ o(
-    n,
+    t,
     {
-      className: m,
-      href: t,
-      target: c ? "_blank" : void 0,
-      rel: c ? "noopener noreferrer" : void 0,
-      disabled: l,
-      type: r,
+      className: l,
+      href: a,
+      target: e ? "_blank" : void 0,
+      rel: e ? "noopener noreferrer" : void 0,
+      disabled: c,
+      type: _,
       onClick: i,
-      children: _
+      children: m
     }
   );
 }
 export {
-  es as BodyLarge,
-  cs as BodySmall,
-  ps as Button,
-  ls as ButtonLarge,
-  rs as ButtonSmall,
-  is as CaptionLarge,
-  _s as CaptionMedium,
-  ms as CaptionUppercase,
-  us as Code,
-  I as H1,
-  T as H2,
-  ss as H3,
-  ns as H4,
-  as as H5,
-  ts as H6,
-  Z as HExtra,
-  os as Paragraph
+  g as Button,
+  z as H1
 };

package/dist/text/index.d.ts

@@ -1,16 +1 @@
-export * from './HExtra';
 export * from './H1';
-export * from './H2';
-export * from './H3';
-export * from './H4';
-export * from './H5';
-export * from './H6';
-export * from './Paragraph';
-export * from './BodyLarge';
-export * from './BodySmall';
-export * from './ButtonLarge';
-export * from './ButtonSmall';
-export * from './CaptionLarge';
-export * from './CaptionMedium';
-export * from './CaptionUppercase';
-export * from './Code';

package/dist/ui.css

@@ -1 +1 @@
-:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body: Inter;--font-desktop-caption: Inter;--font-desktop-code: Hack;--h-extra-desktop-letter-spacing: -.03em;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-font-size: 6rem;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h2-desktop-font-size: 3.25rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-line-height: 3rem;--h3-desktop-font-size: 2.75rem;--h4-desktop-letter-spacing: -.02em;--h4-desktop-line-height: 2.6875rem;--h4-desktop-font-size: 2.25rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h6-desktop-font-size: 1.75rem;--h5-desktop-line-height: 2.0625rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--paragraph-desktop-letter-spacing: -.01em;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-font-size: 1.5rem;--body-small-desktop-letter-spacing: -.02em;--body-small-desktop-line-height: 1.5rem;--body-small-desktop-font-size: 1rem;--caption-large-desktop-letter-spacing: -.02em;--caption-large-desktop-line-height: 1.5rem;--caption-large-desktop-font-size: 1rem;--caption-medium-desktop-line-height: 1.125rem;--caption-medium-desktop-letter-spacing: -.02em;--caption-medium-desktop-font-size: .75rem;--code-desktop-letter-spacing: 0;--code-desktop-line-height: 1.0625rem;--code-desktop-font-size: .875rem;--caption-uppercase-desktop-letter-spacing: .4em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-font-size: .8125rem;--body-large-desktop-letter-spacing: -.02em;--body-large-desktop-line-height: 1.875rem;--body-large-desktop-font-size: 1.25rem;--button-small-desktop-line-height: 1.5rem;--button-small-desktop-letter-spacing: -.02em;--button-small-desktop-font-size: 1.0625rem;--button-large-desktop-letter-spacing: -.02em;--button-large-desktop-line-height: 1.5rem;--button-large-desktop-font-size: 1.25rem;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body: Inter;--font-tablet-caption: Inter;--font-tablet-code: Hack;--h-extra-tablet-letter-spacing: -.03em;--h-extra-tablet-line-height: 6.625rem;--h-extra-tablet-font-size: 6rem;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4rem;--h1-tablet-font-size: 4rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h2-tablet-font-size: 3rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-line-height: 2.75rem;--h3-tablet-font-size: 2.5rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-line-height: 2.6875rem;--h4-tablet-font-size: 2.25rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h6-tablet-font-size: 1.5rem;--h5-tablet-line-height: 2.1875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--paragraph-tablet-letter-spacing: -.01em;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-font-size: 1.375rem;--body-small-tablet-letter-spacing: -.02em;--body-small-tablet-line-height: 1.5rem;--body-small-tablet-font-size: 1rem;--caption-large-tablet-letter-spacing: -.02em;--caption-large-tablet-line-height: 1.5rem;--caption-large-tablet-font-size: 1rem;--caption-medium-tablet-line-height: 1.125rem;--caption-medium-tablet-letter-spacing: -.02em;--caption-medium-tablet-font-size: .75rem;--code-tablet-letter-spacing: 0;--code-tablet-line-height: 1.0625rem;--code-tablet-font-size: .875rem;--caption-uppercase-tablet-letter-spacing: .4em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-font-size: .8125rem;--body-large-tablet-letter-spacing: -.02em;--body-large-tablet-line-height: 1.6875rem;--body-large-tablet-font-size: 1.125rem;--button-small-tablet-line-height: 1.5rem;--button-small-tablet-letter-spacing: -.02em;--button-small-tablet-font-size: 1rem;--button-large-tablet-letter-spacing: -.02em;--button-large-tablet-line-height: 1.5rem;--button-large-tablet-font-size: 1.125rem;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body: Inter;--font-mobile-caption: Inter;--font-mobile-code: Hack;--h-extra-mobile-letter-spacing: -.02em;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-font-size: 3.5rem;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h2-mobile-font-size: 2.5rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-line-height: 2.5rem;--h3-mobile-font-size: 2.25rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-line-height: 2.625rem;--h4-mobile-font-size: 2rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h6-mobile-font-size: 1.25rem;--h5-mobile-line-height: 1.5rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--paragraph-mobile-letter-spacing: -.01em;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-font-size: 1.125rem;--body-small-mobile-letter-spacing: -.01em;--body-small-mobile-line-height: 1.3125rem;--body-small-mobile-font-size: .875rem;--caption-large-mobile-letter-spacing: -.02em;--caption-large-mobile-line-height: 1.5rem;--caption-large-mobile-font-size: 1rem;--caption-medium-mobile-line-height: 1.125rem;--caption-medium-mobile-letter-spacing: -.02em;--caption-medium-mobile-font-size: .75rem;--code-mobile-letter-spacing: 0;--code-mobile-line-height: 1.0625rem;--code-mobile-font-size: .75rem;--caption-uppercase-mobile-letter-spacing: .4em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-font-size: .8125rem;--body-large-mobile-letter-spacing: -.01em;--body-large-mobile-line-height: 1.5rem;--body-large-mobile-font-size: 1rem;--button-small-mobile-line-height: 1.5rem;--button-small-mobile-letter-spacing: -.01em;--button-small-mobile-font-size: .875rem;--button-large-mobile-letter-spacing: -.01em;--button-large-mobile-line-height: 1.5rem;--button-large-mobile-font-size: 1rem;--text-headings-primary: #151b23;--text-body-primary: #151b23;--text-action: #0066ff;--text-action-hover: #0039b5;--text-disabled: #b7bec7;--text-warning: #6b1000;--text-positive: #005925;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #383e48;--text-body-secondary: #383e48;--text-body-tertiary: #939ba6;--text-headings-tertiary: #939ba6;--text-button-primary: #ffffff;--text-pressed: #001d7a;--text-on-lit-blu-hover-pressed: #002ea3;--icons-default: #151b23;--icons-default-secondary: #383e48;--icons-default-tertiary: #939ba6;--icons-action: #0066ff;--icons-action-hover: #0039b5;--icons-disabled: #b7bec7;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #f55591;--icons-on-lit-blu: #0039b5;--icons-on-lit-blu-hover: #0066ff;--icons-on-action: #ffffff;--icons-pressed: #001d7a;--icons-disabled-hover: #939ba6;--surface-primary: #ffffff;--surface-secondary: #f5f7fa;--surface-tertiary: #e6e9ed;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #0066ff;--surface-action-hover: #0039b5;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #e6e9ed;--surface-action-pressed: #001d7a;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #b7bec7;--stroke-secondary: #e6e9ed;--stroke-tertiary: #d6dbe0;--stroke-disabled: #b7bec7;--stroke-focused: #5aa1ff;--stroke-action: #0066ff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #0039b5;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #001d7a;--stroke-default: #151b23;--stroke-disabled-hover: #939ba6;--borderradius-lg: 36px;--borderradius-md: 24px;--borderradius-sm: 360px;--borderradius-none: 0;--strokewidth-lg: 4px;--strokewidth-md: 2px;--strokewidth-sm: 1px;--strokewidth-none: 0;--spacing-5xs: 4px;--spacing-4xs: 8px;--spacing-3xs: 12px;--spacing-2xs: 16px;--spacing-xs: 20px;--spacing-s: 24px;--spacing-m: 28px;--spacing-l: 32px;--spacing-xl: 40px;--spacing-2xl: 44px;--spacing-3xl: 48px;--spacing-4xl: 56px;--spacing-5xl: 64px;--spacing-6xl: 72px;--spacing-7xl: 80px;--spacing-8xl: 96px;--spacing-9xl: 120px;--spacing-10xl: 160px}[data-theme=dark]{--text-headings-primary: #ffffff;--text-body-primary: #ffffff;--text-action: #ffffff;--text-action-hover: #b7bec7;--text-disabled: #49505b;--text-warning: #f5804e;--text-positive: #47cc69;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #0066ff;--text-headings-secondary: #b7bec7;--text-body-secondary: #b7bec7;--text-body-tertiary: #383e48;--text-headings-tertiary: #383e48;--text-button-primary: #151b23;--text-pressed: #5c636e;--text-on-lit-blu-hover-pressed: #0039b5;--icons-default: #ffffff;--icons-default-secondary: #b7bec7;--icons-default-tertiary: #383e48;--icons-action: #ffffff;--icons-action-hover: #b7bec7;--icons-disabled: #5c636e;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #f55591;--icons-on-lit-blu: #ffffff;--icons-on-lit-blu-hover: #ffffff;--icons-on-action: #151b23;--icons-pressed: #5c636e;--icons-disabled-hover: #383e48;--surface-primary: #151b23;--surface-secondary: #262c36;--surface-tertiary: #383e48;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #ffffff;--surface-action-hover: #b7bec7;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #5c636e;--surface-action-pressed: #6e7580;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #d6dbe0;--surface-overlay: #001d7a80;--surface-disabled-hover: #383e48;--stroke-secondary: #49505b;--stroke-tertiary: #5c636e;--stroke-disabled: #383e48;--stroke-focused: #5aa1ff;--stroke-action: #ffffff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #b7bec7;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #5c636e;--stroke-default: #ffffff;--stroke-disabled-hover: #151b23}._hExtra_dx1fb_1{font-family:var(--ui-font-primary);font-weight:600;font-size:var(--h-extra-desktop-font-size);line-height:var(--h-extra-desktop-line-height);letter-spacing:var(--h-extra-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:767px){._hExtra_dx1fb_1{font-size:var(--h-extra-mobile-font-size);line-height:var(--h-extra-mobile-line-height);letter-spacing:var(--h-extra-mobile-letter-spacing)}}._h1_1lolt_1{font-family:var(--ui-font-primary);font-weight:500;font-size:clamp(var(--h1-mobile-font-size),1.878vw + 2.31rem,var(--h1-desktop-font-size));line-height:clamp(var(--h1-mobile-line-height),1.878vw + 2.31rem,var(--h1-desktop-line-height));letter-spacing:clamp(var(--h1-mobile-letter-spacing),-.00939vw - .00648em,var(--h1-desktop-letter-spacing));font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._h2_1i98w_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h2-desktop-font-size);line-height:var(--h2-desktop-line-height);letter-spacing:var(--h2-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h2_1i98w_1{font-size:var(--h2-tablet-font-size);line-height:var(--h2-tablet-line-height)}}@media(max-width:767px){._h2_1i98w_1{font-size:var(--h2-mobile-font-size);line-height:var(--h2-mobile-line-height);letter-spacing:var(--h2-mobile-letter-spacing)}}._h3_wip1f_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h3-desktop-font-size);line-height:var(--h3-desktop-line-height);letter-spacing:var(--h3-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h3_wip1f_1{font-size:var(--h3-tablet-font-size);line-height:var(--h3-tablet-line-height)}}@media(max-width:767px){._h3_wip1f_1{font-size:var(--h3-mobile-font-size);line-height:var(--h3-mobile-line-height);letter-spacing:var(--h3-mobile-letter-spacing)}}._h4_thwwf_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h4-desktop-font-size);line-height:var(--h4-desktop-line-height);letter-spacing:var(--h4-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:767px){._h4_thwwf_1{font-size:var(--h4-mobile-font-size);line-height:var(--h4-mobile-line-height);letter-spacing:var(--h4-mobile-letter-spacing)}}._h5_zem0s_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h5-desktop-font-size);line-height:var(--h5-desktop-line-height);letter-spacing:var(--h5-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h5_zem0s_1{font-size:var(--h5-tablet-font-size);line-height:var(--h5-tablet-line-height)}}@media(max-width:767px){._h5_zem0s_1{font-size:var(--h5-mobile-font-size);line-height:var(--h5-mobile-line-height)}}._h6_py9o3_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--h6-desktop-font-size);line-height:var(--h6-desktop-line-height);letter-spacing:var(--h6-desktop-letter-spacing);font-feature-settings:"dlig" 1,"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._h6_py9o3_1{font-size:var(--h6-tablet-font-size);line-height:var(--h6-tablet-line-height)}}@media(max-width:767px){._h6_py9o3_1{font-size:var(--h6-mobile-font-size);line-height:var(--h6-mobile-line-height)}}._paragraph_6mdxp_1{font-family:var(--ui-font-primary);font-weight:500;font-size:var(--paragraph-desktop-font-size);line-height:var(--paragraph-desktop-line-height);letter-spacing:var(--paragraph-desktop-letter-spacing);font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}@media(max-width:1439px){._paragraph_6mdxp_1{font-size:var(--paragraph-tablet-font-size);line-height:var(--paragraph-tablet-line-height)}}@media(max-width:767px){._paragraph_6mdxp_1{font-size:var(--paragraph-mobile-font-size);line-height:var(--paragraph-mobile-line-height)}}._bodyLarge_zgxpr_1{font-family:var(--ui-font-primary);font-weight:400;font-size:var(--body-large-desktop-font-size);line-height:var(--body-large-desktop-line-height);letter-spacing:var(--body-large-desktop-letter-spacing);font-feature-settings:"dlig" 1;margin:0}@media(max-width:1439px){._bodyLarge_zgxpr_1{font-size:var(--body-large-tablet-font-size);line-height:var(--body-large-tablet-line-height)}}@media(max-width:767px){._bodyLarge_zgxpr_1{font-size:var(--body-large-mobile-font-size);line-height:var(--body-large-mobile-line-height);letter-spacing:var(--body-large-mobile-letter-spacing)}}._bodySmall_izgxi_1{font-family:var(--ui-font-primary);font-weight:400;font-size:var(--body-small-desktop-font-size);line-height:var(--body-small-desktop-line-height);letter-spacing:var(--body-small-desktop-letter-spacing);font-feature-settings:"dlig" 1;margin:0}@media(max-width:767px){._bodySmall_izgxi_1{font-size:var(--body-small-mobile-font-size);line-height:var(--body-small-mobile-line-height);letter-spacing:var(--body-small-mobile-letter-spacing)}}._buttonLarge_1kib2_1{font-family:var(--ui-font-body);font-weight:500;font-size:var(--button-large-desktop-font-size);line-height:var(--button-large-desktop-line-height);letter-spacing:var(--button-large-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:1439px){._buttonLarge_1kib2_1{font-size:var(--button-large-tablet-font-size)}}@media(max-width:767px){._buttonLarge_1kib2_1{font-family:var(--ui-font-primary);font-size:var(--button-large-mobile-font-size);letter-spacing:var(--button-large-mobile-letter-spacing)}}._buttonSmall_1ga6z_1{font-family:var(--ui-font-body);font-weight:500;font-size:var(--button-small-desktop-font-size);line-height:var(--button-small-desktop-line-height);letter-spacing:var(--button-small-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:1439px){._buttonSmall_1ga6z_1{font-size:var(--button-small-tablet-font-size)}}@media(max-width:767px){._buttonSmall_1ga6z_1{font-family:var(--ui-font-primary);font-size:var(--button-small-mobile-font-size);letter-spacing:var(--button-small-mobile-letter-spacing)}}._captionLarge_keyl9_1{font-family:var(--ui-font-body);font-weight:500;font-size:var(--caption-large-desktop-font-size);line-height:var(--caption-large-desktop-line-height);letter-spacing:var(--caption-large-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:767px){._captionLarge_keyl9_1{font-family:var(--ui-font-primary)}}._captionMedium_9rjdy_1{font-family:var(--ui-font-body);font-weight:400;font-size:var(--caption-medium-desktop-font-size);line-height:var(--caption-medium-desktop-line-height);letter-spacing:var(--caption-medium-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:767px){._captionMedium_9rjdy_1{font-family:var(--ui-font-primary)}}._captionUppercase_15jnh_1{font-family:var(--ui-font-body);font-weight:400;font-size:var(--caption-uppercase-desktop-font-size);line-height:var(--caption-uppercase-desktop-line-height);letter-spacing:var(--caption-uppercase-desktop-letter-spacing);font-feature-settings:"dlig" 1;text-transform:uppercase}@media(max-width:767px){._captionUppercase_15jnh_1{font-family:var(--ui-font-primary)}}._code_1o5oi_1{font-family:var(--ui-font-code);font-weight:400;font-size:var(--code-desktop-font-size);line-height:var(--code-desktop-line-height);letter-spacing:var(--code-desktop-letter-spacing);font-feature-settings:"dlig" 1}@media(max-width:767px){._code_1o5oi_1{font-size:var(--code-mobile-font-size)}}._button_1n3va_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-sm);padding:1em 1.6em;font-family:var(--ui-font-body);font-weight:500;font-size:var(--button-large-desktop-font-size);line-height:var(--button-large-desktop-line-height);letter-spacing:var(--button-large-desktop-letter-spacing);font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}@media(max-width:1439px){._button_1n3va_1{font-size:var(--button-large-tablet-font-size);padding:1.111em 1.556em}}@media(max-width:767px){._button_1n3va_1{font-size:var(--button-large-mobile-font-size);letter-spacing:var(--button-large-mobile-letter-spacing);padding:1em 1.5em}}._button_1n3va_1:focus-visible{outline:2px solid var(--stroke-focused);outline-offset:2px}._button_1n3va_1:disabled{cursor:not-allowed}._sm_1n3va_39{font-size:var(--button-small-desktop-font-size);line-height:var(--button-small-desktop-line-height);letter-spacing:var(--button-small-desktop-letter-spacing);padding:.706em 1.176em}@media(max-width:1439px){._sm_1n3va_39{font-size:var(--button-small-tablet-font-size)}}@media(max-width:767px){._sm_1n3va_39{font-size:var(--button-small-mobile-font-size);letter-spacing:var(--button-small-mobile-letter-spacing);padding:.571em 1.143em}}._primary_1n3va_58{background-color:var(--surface-action);color:var(--text-button-primary)}._primary_1n3va_58:hover:not(:disabled){background-color:var(--surface-action-hover);color:var(--text-button-primary)}._primary_1n3va_58:active:not(:disabled){background-color:var(--surface-action-pressed)}._primary_1n3va_58:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}._secondary_1n3va_74{background-color:transparent;color:var(--text-body-primary);box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-default);transition:box-shadow .15s ease,color .15s ease}._secondary_1n3va_74:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-action-hover);color:var(--text-action-hover)}._secondary_1n3va_74:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-action-pressed);color:var(--text-pressed)}._secondary_1n3va_74:disabled{box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-disabled);color:var(--text-disabled)}._negative_1n3va_93{background-color:var(--surface-negative);color:var(--text-negative)}._negative_1n3va_93:hover:not(:disabled){background-color:var(--surface-negative-hover);color:var(--text-negative)}._negative_1n3va_93:active:not(:disabled){background-color:var(--surface-negative-pressed)}._negative_1n3va_93:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}
+:root{--font-desktop-heading: TT Hoves Pro;--font-desktop-paragraph: TT Hoves Pro;--font-desktop-buttons: Inter;--font-desktop-body: Inter;--font-desktop-caption: Inter;--font-desktop-code: Hack;--font-desktop-bodyinter: Inter;--font-desktop-bodytthoves: TT Hoves Pro;--font-desktop-numbers: TT Hoves Pro;--h-extra-desktop-letter-spacing: -.03em;--h-extra-desktop-line-height: 6.625rem;--h-extra-desktop-font-size: 6rem;--h1-desktop-letter-spacing: -.02em;--h1-desktop-line-height: 4rem;--h1-desktop-font-size: 4rem;--h2-desktop-letter-spacing: -.02em;--h2-desktop-line-height: 3.5625rem;--h2-desktop-font-size: 3.25rem;--h3-desktop-letter-spacing: -.02em;--h3-desktop-line-height: 3rem;--h3-desktop-font-size: 2.75rem;--h4-desktop-letter-spacing: -.01em;--h4-desktop-line-height: 2.6875rem;--h4-desktop-font-size: 2.25rem;--h6-desktop-letter-spacing: -.01em;--h6-desktop-line-height: 1.9375rem;--h6-desktop-font-size: 1.75rem;--h5-desktop-line-height: 2.0625rem;--h5-desktop-letter-spacing: -.01em;--h5-desktop-font-size: 1.875rem;--paragraph-desktop-letter-spacing: -.01em;--paragraph-desktop-line-height: 2.25rem;--paragraph-desktop-font-size: 1.5rem;--body-small-desktop-letter-spacing: -.01em;--body-small-desktop-line-height: 1.25rem;--body-small-desktop-font-size: .875rem;--caption-large-desktop-letter-spacing: -.01em;--caption-large-desktop-line-height: 1.5rem;--caption-large-desktop-font-size: 1rem;--caption-medium-desktop-line-height: 1.125rem;--caption-medium-desktop-letter-spacing: -.02em;--caption-medium-desktop-font-size: .75rem;--code-desktop-letter-spacing: 0;--code-desktop-line-height: 1.5625rem;--code-desktop-font-size: 1.125rem;--caption-uppercase-desktop-letter-spacing: .04em;--caption-uppercase-desktop-line-height: 1rem;--caption-uppercase-desktop-font-size: .8125rem;--body-large-desktop-letter-spacing: -.02em;--body-large-desktop-line-height: 1.875rem;--body-large-desktop-font-size: 1.25rem;--button-small-desktop-line-height: 1.5rem;--button-small-desktop-letter-spacing: -.02em;--button-small-desktop-font-size: 1.0625rem;--button-large-desktop-letter-spacing: -.02em;--button-large-desktop-line-height: 1.5rem;--button-large-desktop-font-size: 1.25rem;--captionsm-desktop-line-height: 1.125rem;--captionsm-desktop-letter-spacing: -.02em;--captionsm-desktop-font-size: .75rem;--bodylginter-desktop-letter-spacing: -.02em;--bodylginter-desktop-line-height: 1.875rem;--bodylginter-desktop-font-size: 1.25rem;--buttonsm-desktop-line-height: 1.5rem;--buttonsm-desktop-letter-spacing: -.01em;--buttonsm-desktop-font-size: .875rem;--buttonlg-desktop-letter-spacing: -.02em;--buttonlg-desktop-line-height: 1.5rem;--buttonlg-desktop-font-size: 1.25rem;--h7-desktop-font-size: 1.5rem;--h7-desktop-letter-spacing: -.01em;--h7-desktop-line-height: 1.75rem;--buttonmd-desktop-font-size: 1.0625rem;--buttonmd-desktop-line-height: 1.5rem;--buttonmd-desktop-letter-spacing: -.02em;--bodymdtthoves-desktop-letter-spacing: -.01em;--bodymdtthoves-desktop-font-size: 1rem;--bodymdtthoves-desktop-line-height: 1.375rem;--bodylgtthoves-desktop-font-size: 1.125rem;--bodylgtthoves-desktop-line-height: 1.5rem;--bodylgtthoves-desktop-letter-spacing: -.01em;--numbers-desktop-line-height: 1.375rem;--numbers-desktop-letter-spacing: .04em;--numbers-desktop-font-size: 1rem;--bodymdinter-desktop-letter-spacing: -.02em;--bodymdinter-desktop-font-size: 1rem;--bodymdinter-desktop-line-height: 1.5rem;--captionsmbold-desktop-font-size: .75rem;--captionsmbold-desktop-line-height: 1rem;--captionsmbold-desktop-letter-spacing: -.01em;--font-tablet-heading: TT Hoves Pro;--font-tablet-paragraph: TT Hoves Pro;--font-tablet-buttons: Inter;--font-tablet-body: Inter;--font-tablet-caption: Inter;--font-tablet-code: Hack;--font-tablet-bodyinter: Inter;--font-tablet-bodytthoves: TT Hoves Pro;--font-tablet-numbers: TT Hoves Pro;--h-extra-tablet-letter-spacing: -.03em;--h-extra-tablet-line-height: 7.5625rem;--h-extra-tablet-font-size: 6.875rem;--h1-tablet-letter-spacing: -.02em;--h1-tablet-line-height: 4.4rem;--h1-tablet-font-size: 4rem;--h2-tablet-letter-spacing: -.02em;--h2-tablet-line-height: 3.3125rem;--h2-tablet-font-size: 3rem;--h3-tablet-letter-spacing: -.02em;--h3-tablet-line-height: 2.75rem;--h3-tablet-font-size: 2.5rem;--h4-tablet-letter-spacing: -.02em;--h4-tablet-line-height: 2.6875rem;--h4-tablet-font-size: 2.25rem;--h6-tablet-letter-spacing: -.01em;--h6-tablet-line-height: 1.625rem;--h6-tablet-font-size: 1.5rem;--h5-tablet-line-height: 2.1875rem;--h5-tablet-letter-spacing: -.01em;--h5-tablet-font-size: 2rem;--paragraph-tablet-letter-spacing: -.01em;--paragraph-tablet-line-height: 2.0625rem;--paragraph-tablet-font-size: 1.375rem;--body-small-tablet-letter-spacing: -.01em;--body-small-tablet-line-height: 1.25rem;--body-small-tablet-font-size: .875rem;--caption-large-tablet-letter-spacing: -.02em;--caption-large-tablet-line-height: 1.5rem;--caption-large-tablet-font-size: 1rem;--caption-medium-tablet-line-height: 1.125rem;--caption-medium-tablet-letter-spacing: -.02em;--caption-medium-tablet-font-size: .75rem;--code-tablet-letter-spacing: 0;--code-tablet-line-height: 1.5625rem;--code-tablet-font-size: 1.125rem;--caption-uppercase-tablet-letter-spacing: .04em;--caption-uppercase-tablet-line-height: 1rem;--caption-uppercase-tablet-font-size: .8125rem;--body-large-tablet-letter-spacing: -.02em;--body-large-tablet-line-height: 1.6875rem;--body-large-tablet-font-size: 1.125rem;--button-small-tablet-line-height: 1.5rem;--button-small-tablet-letter-spacing: -.02em;--button-small-tablet-font-size: 1rem;--button-large-tablet-letter-spacing: -.02em;--button-large-tablet-line-height: 1.5rem;--button-large-tablet-font-size: 1.125rem;--captionsm-tablet-line-height: 1.125rem;--captionsm-tablet-letter-spacing: -.02em;--captionsm-tablet-font-size: .75rem;--bodylginter-tablet-letter-spacing: -.02em;--bodylginter-tablet-line-height: 1.6875rem;--bodylginter-tablet-font-size: 1.125rem;--buttonsm-tablet-line-height: 1.5rem;--buttonsm-tablet-letter-spacing: -.01em;--buttonsm-tablet-font-size: .875rem;--buttonlg-tablet-letter-spacing: -.02em;--buttonlg-tablet-line-height: 1.5rem;--buttonlg-tablet-font-size: 1.125rem;--h7-tablet-font-size: 1.375rem;--h7-tablet-letter-spacing: -.01em;--h7-tablet-line-height: 1.625rem;--buttonmd-tablet-font-size: 1rem;--buttonmd-tablet-line-height: 1.5rem;--buttonmd-tablet-letter-spacing: -.02em;--bodymdtthoves-tablet-letter-spacing: -.01em;--bodymdtthoves-tablet-font-size: 1rem;--bodymdtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-font-size: 1rem;--bodylgtthoves-tablet-line-height: 1.375rem;--bodylgtthoves-tablet-letter-spacing: -.01em;--numbers-tablet-line-height: 1.375rem;--numbers-tablet-letter-spacing: .04em;--numbers-tablet-font-size: 1rem;--bodymdinter-tablet-letter-spacing: -.02em;--bodymdinter-tablet-font-size: 1rem;--bodymdinter-tablet-line-height: 1.5rem;--captionsmbold-tablet-font-size: .75rem;--captionsmbold-tablet-line-height: 1rem;--captionsmbold-tablet-letter-spacing: -.01em;--font-mobile-heading: TT Hoves Pro;--font-mobile-paragraph: TT Hoves Pro;--font-mobile-buttons: Inter;--font-mobile-body: Inter;--font-mobile-caption: Inter;--font-mobile-code: Hack;--font-mobile-bodyinter: Inter;--font-mobile-bodytthoves: TT Hoves Pro;--font-mobile-numbers: TT Hoves Pro;--h-extra-mobile-letter-spacing: -.02em;--h-extra-mobile-line-height: 3.875rem;--h-extra-mobile-font-size: 3.5rem;--h1-mobile-letter-spacing: -.01em;--h1-mobile-line-height: 2.75rem;--h1-mobile-font-size: 2.75rem;--h2-mobile-letter-spacing: -.01em;--h2-mobile-line-height: 2.75rem;--h2-mobile-font-size: 2.5rem;--h3-mobile-letter-spacing: -.01em;--h3-mobile-line-height: 2.5rem;--h3-mobile-font-size: 2.25rem;--h4-mobile-letter-spacing: -.01em;--h4-mobile-line-height: 2.625rem;--h4-mobile-font-size: 2rem;--h6-mobile-letter-spacing: -.01em;--h6-mobile-line-height: 1.375rem;--h6-mobile-font-size: 1.25rem;--h5-mobile-line-height: 1.5rem;--h5-mobile-letter-spacing: -.01em;--h5-mobile-font-size: 1.375rem;--paragraph-mobile-letter-spacing: -.01em;--paragraph-mobile-line-height: 1.6875rem;--paragraph-mobile-font-size: 1.125rem;--body-small-mobile-letter-spacing: -.01em;--body-small-mobile-line-height: 1.25rem;--body-small-mobile-font-size: .875rem;--caption-large-mobile-letter-spacing: -.02em;--caption-large-mobile-line-height: 1.5rem;--caption-large-mobile-font-size: 1rem;--caption-medium-mobile-line-height: 1.125rem;--caption-medium-mobile-letter-spacing: -.02em;--caption-medium-mobile-font-size: .75rem;--code-mobile-letter-spacing: 0;--code-mobile-line-height: 1.375rem;--code-mobile-font-size: 1rem;--caption-uppercase-mobile-letter-spacing: .04em;--caption-uppercase-mobile-line-height: 1rem;--caption-uppercase-mobile-font-size: .75rem;--body-large-mobile-letter-spacing: -.01em;--body-large-mobile-line-height: 1.5rem;--body-large-mobile-font-size: 1rem;--button-small-mobile-line-height: 1.5rem;--button-small-mobile-letter-spacing: -.01em;--button-small-mobile-font-size: .875rem;--button-large-mobile-letter-spacing: -.01em;--button-large-mobile-line-height: 1.5rem;--button-large-mobile-font-size: 1rem;--captionsm-mobile-line-height: 1.125rem;--captionsm-mobile-letter-spacing: -.02em;--captionsm-mobile-font-size: .75rem;--bodylginter-mobile-letter-spacing: -.01em;--bodylginter-mobile-line-height: 1.5rem;--bodylginter-mobile-font-size: 1rem;--buttonsm-mobile-line-height: 1.5rem;--buttonsm-mobile-letter-spacing: -.01em;--buttonsm-mobile-font-size: .75rem;--buttonlg-mobile-letter-spacing: -.01em;--buttonlg-mobile-line-height: 1.5rem;--buttonlg-mobile-font-size: 1rem;--h7-mobile-font-size: 1.25rem;--h7-mobile-letter-spacing: -.01em;--h7-mobile-line-height: 1.5rem;--buttonmd-mobile-font-size: .875rem;--buttonmd-mobile-line-height: 1.5rem;--buttonmd-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-letter-spacing: -.01em;--bodymdtthoves-mobile-font-size: 1rem;--bodymdtthoves-mobile-line-height: 1.375rem;--bodylgtthoves-mobile-font-size: .875rem;--bodylgtthoves-mobile-line-height: 1.1875rem;--bodylgtthoves-mobile-letter-spacing: -.01em;--numbers-mobile-line-height: 1.375rem;--numbers-mobile-letter-spacing: .04em;--numbers-mobile-font-size: 1rem;--bodymdinter-mobile-letter-spacing: -.01em;--bodymdinter-mobile-font-size: .875rem;--bodymdinter-mobile-line-height: 1.3125rem;--captionsmbold-mobile-font-size: .75rem;--captionsmbold-mobile-line-height: 1rem;--captionsmbold-mobile-letter-spacing: -.01em;--text-headings-primary: #151b23;--text-body-primary: #151b23;--text-action: #0066ff;--text-action-hover: #0039b5;--text-disabled: #b7bec7;--text-warning: #6b1000;--text-positive: #005925;--text-negative: #6b0039;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #383e48;--text-body-secondary: #383e48;--text-body-tertiary: #939ba6;--text-headings-tertiary: #939ba6;--text-button-primary: #ffffff;--text-pressed: #001d7a;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #001d7a;--icons-default: #151b23;--icons-default-secondary: #383e48;--icons-default-tertiary: #939ba6;--icons-action: #0066ff;--icons-action-hover: #0039b5;--icons-disabled: #d6dbe0;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #0039b5;--icons-on-lit-blu-hover: #0066ff;--icons-on-action: #ffffff;--icons-pressed: #001d7a;--icons-disabled-hover: #939ba6;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #ffffff;--surface-secondary: #f5f7fa;--surface-tertiary: #e6e9ed;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #0066ff;--surface-action-hover: #0039b5;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #e6e9ed;--surface-action-pressed: #001d7a;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #b7bec7;--surface-disabled-blue: #bddcff;--surface-elevation: #00204a08;--surface-toggle: #b7bec7;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--stroke-secondary: #e6e9ed;--stroke-tertiary: #d6dbe0;--stroke-disabled: #b7bec7;--stroke-focused: #5aa1ff;--stroke-action: #0066ff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #0039b5;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #001d7a;--stroke-default: #151b23;--stroke-disabled-hover: #939ba6;--borderradius-lg: 36px;--borderradius-md: 24px;--borderradius-sm: 360px;--borderradius-none: 0;--borderradius-button: 99px;--borderradius-cardlg: 24px;--borderradius-cardsm: 12px;--borderradius-pill: 99px;--borderradius-focusedstroke: 4px;--strokewidth-lg: 8px;--strokewidth-md: 4px;--strokewidth-sm: 2px;--strokewidth-none: 0;--spacing-5xs: .25rem;--spacing-4xs: .5rem;--spacing-3xs: .75rem;--spacing-2xs: 1rem;--spacing-xs: 1.25rem;--spacing-s: 1.5rem;--spacing-m: 1.75rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2xl: 2.75rem;--spacing-3xl: 3rem;--spacing-4xl: 3.5rem;--spacing-5xl: 4rem;--spacing-6xl: 4.5rem;--spacing-7xl: 5rem;--spacing-8xl: 6rem;--spacing-9xl: 7.5rem;--spacing-10xl: 10rem;--product-enrichment: #47cc69;--product-address-autocomplete: #9560ff;--product-geocoding: #f5804e;--product-address-verification: #f55591;--product-professional-services: #0066ff;--product-data-sets: #3dc9d1;--insetspacing-5xs: .25rem;--insetspacing-4xs: .5rem;--insetspacing-3xs: .75rem;--insetspacing-2xs: 1rem;--insetspacing-xs: 1.25rem;--insetspacing-s: 1.5rem;--insetspacing-m: 1.75rem;--insetspacing-l: 2rem;--insetspacing-xl: 2.5rem;--insetspacing-2xl: 2.75rem;--insetspacing-3xl: 3rem;--insetspacing-4xl: 3.5rem;--insetspacing-5xl: 4rem;--insetspacing-6xl: 4.5rem;--insetspacing-7xl: 5rem;--insetspacing-8xl: 6rem;--insetspacing-9xl: 7.5rem;--insetspacing-10xl: 10rem;--stackspacing-5xs: .25rem;--stackspacing-4xs: .5rem;--stackspacing-3xs: .75rem;--stackspacing-2xs: 1rem;--stackspacing-xs: 1.25rem;--stackspacing-s: 1.5rem;--stackspacing-m: 1.75rem;--stackspacing-l: 2rem;--stackspacing-xl: 2.5rem;--stackspacing-2xl: 2.75rem;--stackspacing-3xl: 3rem;--stackspacing-4xl: 3.5rem;--stackspacing-5xl: 4rem;--stackspacing-6xl: 4.5rem;--stackspacing-7xl: 5rem;--stackspacing-8xl: 6rem;--stackspacing-9xl: 7.5rem;--stackspacing-10xl: 10rem;--inlinespacing-5xs: .25rem;--inlinespacing-4xs: .5rem;--inlinespacing-3xs: .75rem;--inlinespacing-2xs: 1rem;--inlinespacing-xs: 1.25rem;--inlinespacing-s: 1.5rem;--inlinespacing-m: 1.75rem;--inlinespacing-l: 2rem;--inlinespacing-xl: 2.5rem;--inlinespacing-2xl: 2.75rem;--inlinespacing-3xl: 3rem;--inlinespacing-4xl: 3.5rem;--inlinespacing-5xl: 4rem;--inlinespacing-6xl: 4.5rem;--inlinespacing-7xl: 5rem;--inlinespacing-8xl: 6rem;--inlinespacing-9xl: 7.5rem;--inlinespacing-10xl: 10rem}[data-theme=dark]{--text-headings-primary: #ffffff;--text-body-primary: #ffffff;--text-action: #ffffff;--text-action-hover: #b7bec7;--text-disabled: #49505b;--text-warning: #f5804e;--text-positive: #47cc69;--text-negative: #f55591;--text-on-lit-blu: #0039b5;--text-on-lit-blu-hover: #001d7a;--text-headings-secondary: #b7bec7;--text-body-secondary: #b7bec7;--text-body-tertiary: #383e48;--text-headings-tertiary: #383e48;--text-button-primary: #151b23;--text-pressed: #5c636e;--text-on-lit-blu-hover-pressed: #002ea3;--text-action-pressed: #5c636e;--icons-default: #ffffff;--icons-default-secondary: #b7bec7;--icons-default-tertiary: #383e48;--icons-action: #ffffff;--icons-action-hover: #b7bec7;--icons-disabled: #383e48;--icons-warning: #f5804e;--icons-positive: #47cc69;--icons-negative: #b22265;--icons-on-lit-blu: #ffffff;--icons-on-lit-blu-hover: #ffffff;--icons-on-action: #151b23;--icons-pressed: #5c636e;--icons-disabled-hover: #383e48;--icons-disabled-on-blu: #8fc1ff;--surface-primary: #151b23;--surface-secondary: #262c36;--surface-tertiary: #383e48;--surface-secondary-tinted: #e2f0ff;--surface-tertiary-tinted: #bddcff;--surface-action: #ffffff;--surface-action-hover: #b7bec7;--surface-positive: #cffad6;--surface-warning: #ffebde;--surface-negative: #ffe8ef;--surface-on-lit-blu: #0039b5;--surface-on-lit-blu-hover: #0066ff;--surface-disabled: #939ba6;--surface-action-pressed: #6e7580;--surface-negative-hover: #ffcbdb;--surface-negative-pressed: #ffafc8;--surface-overlay: #001d7a80;--surface-disabled-hover: #383e48;--surface-disabled-blue: #bddcff;--surface-elevation: #262c36;--surface-toggle: #5c636e;--surface-toggle-hover: #939ba6;--surface-toggle-hover-on-blu: #2d84ff;--surface-toggle-on-blu: #5aa1ff;--stroke-secondary: #49505b;--stroke-tertiary: #5c636e;--stroke-disabled: #383e48;--stroke-focused: #5aa1ff;--stroke-action: #ffffff;--stroke-positive: #005925;--stroke-warning: #6b1000;--stroke-negative: #6b0039;--stroke-action-hover: #b7bec7;--stroke-on-lit-blu: #0039b5;--stroke-on-lit-blu-hover: #0066ff;--stroke-action-pressed: #5c636e;--stroke-default: #ffffff;--stroke-disabled-hover: #151b23}._h1_1765w_1{font-size:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);line-height:clamp(2.75rem,1.8779vw + 2.3099rem,4rem);letter-spacing:-.02em;font-family:var(--ui-font-primary);font-weight:500;font-feature-settings:"ss01" 1,"ss02" 1,"ss04" 1;margin:0}._button_hxesz_1{appearance:none;border:none;background:none;display:inline-block;text-decoration:none;cursor:pointer;border-radius:var(--borderradius-sm);padding:clamp(.75rem,.3756vw + .662rem,1rem) clamp(1rem,.7512vw + .8239rem,1.5rem);font-size:clamp(1rem,.3756vw + .912rem,1.25rem);line-height:1.5rem;letter-spacing:-.02em;font-family:var(--ui-font-body);font-weight:500;font-feature-settings:"dlig" 1;transition:background-color .15s ease,color .15s ease}._button_hxesz_1:focus-visible{outline:2px solid var(--stroke-focused);outline-offset:2px}._button_hxesz_1:disabled{cursor:not-allowed}._sm_hxesz_26{font-size:clamp(.875rem,.2817vw + .809rem,1.0625rem);line-height:1.5rem;letter-spacing:-.02em;padding:clamp(.5rem,.3756vw + .412rem,.75rem) clamp(1rem,.3756vw + .912rem,1.25rem)}._primary_hxesz_33{background-color:var(--surface-action);color:var(--text-button-primary)}._primary_hxesz_33:hover:not(:disabled){background-color:var(--surface-action-hover);color:var(--text-button-primary)}._primary_hxesz_33:active:not(:disabled){background-color:var(--surface-action-pressed)}._primary_hxesz_33:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}._secondary_hxesz_49{background-color:transparent;color:var(--text-body-primary);box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-default);transition:box-shadow .15s ease,color .15s ease}._secondary_hxesz_49:hover:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-action-hover);color:var(--text-action-hover)}._secondary_hxesz_49:active:not(:disabled){box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-action-pressed);color:var(--text-pressed)}._secondary_hxesz_49:disabled{box-shadow:inset 0 0 0 var(--strokewidth-md) var(--stroke-disabled);color:var(--text-disabled)}._negative_hxesz_68{background-color:var(--surface-negative);color:var(--text-negative)}._negative_hxesz_68:hover:not(:disabled){background-color:var(--surface-negative-hover);color:var(--text-negative)}._negative_hxesz_68:active:not(:disabled){background-color:var(--surface-negative-pressed)}._negative_hxesz_68:disabled{background-color:var(--surface-disabled);color:var(--text-disabled)}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartyweb/ui",
-	"version": "1.2.6",
+	"version": "1.3.0",
 	"type": "module",
 	"main": "dist/index.cjs",
 	"module": "dist/index.js",
@@ -21,6 +21,7 @@
 		"build": "node sd.config.js && vite build",
 		"typecheck": "tsc --noEmit",
 		"changeset": "changeset",
+		"version": "changeset version",
 		"release": "changeset publish",
 		"storybook": "node sd.config.js && storybook dev -p 6006",
 		"build-storybook": "storybook build",

package/dist/text/BodyLarge/BodyLarge.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface BodyLargeProps {
-    as?: "p" | "div" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function BodyLarge({ as: Tag, children, className }: BodyLargeProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/BodyLarge/index.d.ts

@@ -1 +0,0 @@
-export { BodyLarge } from './BodyLarge';

package/dist/text/BodySmall/BodySmall.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface BodySmallProps {
-    as?: "p" | "div" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function BodySmall({ as: Tag, children, className }: BodySmallProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/BodySmall/index.d.ts

@@ -1 +0,0 @@
-export { BodySmall } from './BodySmall';

package/dist/text/ButtonLarge/ButtonLarge.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface ButtonLargeProps {
-    as?: "span" | "p" | "div";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function ButtonLarge({ as: Tag, children, className }: ButtonLargeProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/ButtonLarge/index.d.ts

@@ -1 +0,0 @@
-export { ButtonLarge } from './ButtonLarge';

package/dist/text/ButtonSmall/ButtonSmall.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface ButtonSmallProps {
-    as?: "span" | "p" | "div";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function ButtonSmall({ as: Tag, children, className }: ButtonSmallProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/ButtonSmall/index.d.ts

@@ -1 +0,0 @@
-export { ButtonSmall } from './ButtonSmall';

package/dist/text/CaptionLarge/CaptionLarge.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface CaptionLargeProps {
-    as?: "span" | "p" | "div";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function CaptionLarge({ as: Tag, children, className }: CaptionLargeProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/CaptionLarge/index.d.ts

@@ -1 +0,0 @@
-export { CaptionLarge } from './CaptionLarge';

package/dist/text/CaptionMedium/CaptionMedium.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface CaptionMediumProps {
-    as?: "span" | "p" | "div";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function CaptionMedium({ as: Tag, children, className }: CaptionMediumProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/CaptionMedium/index.d.ts

@@ -1 +0,0 @@
-export { CaptionMedium } from './CaptionMedium';

package/dist/text/CaptionUppercase/CaptionUppercase.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface CaptionUppercaseProps {
-    as?: "span" | "p" | "div";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function CaptionUppercase({ as: Tag, children, className }: CaptionUppercaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/CaptionUppercase/index.d.ts

@@ -1 +0,0 @@
-export { CaptionUppercase } from './CaptionUppercase';

package/dist/text/Code/Code.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface CodeProps {
-    as?: "code" | "pre";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function Code({ as: Tag, children, className }: CodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/Code/index.d.ts

@@ -1 +0,0 @@
-export { Code } from './Code';

package/dist/text/H2/H2.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface H2Props {
-    as?: "h1" | "h2" | "h3" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function H2({ as: Tag, children, className }: H2Props): import("react/jsx-runtime").JSX.Element;

package/dist/text/H2/index.d.ts

@@ -1 +0,0 @@
-export { H2 } from './H2';

package/dist/text/H3/H3.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface H3Props {
-    as?: "h2" | "h3" | "h4" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function H3({ as: Tag, children, className }: H3Props): import("react/jsx-runtime").JSX.Element;

package/dist/text/H3/index.d.ts

@@ -1 +0,0 @@
-export { H3 } from './H3';

package/dist/text/H4/H4.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface H4Props {
-    as?: "h3" | "h4" | "h5" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function H4({ as: Tag, children, className }: H4Props): import("react/jsx-runtime").JSX.Element;

package/dist/text/H4/index.d.ts

@@ -1 +0,0 @@
-export { H4 } from './H4';

package/dist/text/H5/H5.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface H5Props {
-    as?: "h4" | "h5" | "h6" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function H5({ as: Tag, children, className }: H5Props): import("react/jsx-runtime").JSX.Element;

package/dist/text/H5/index.d.ts

@@ -1 +0,0 @@
-export { H5 } from './H5';

package/dist/text/H6/H6.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface H6Props {
-    as?: "h5" | "h6" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function H6({ as: Tag, children, className }: H6Props): import("react/jsx-runtime").JSX.Element;

package/dist/text/H6/index.d.ts

@@ -1 +0,0 @@
-export { H6 } from './H6';

package/dist/text/HExtra/HExtra.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface HExtraProps {
-    as?: "h1" | "h2" | "h3" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function HExtra({ as: Tag, children, className }: HExtraProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/HExtra/index.d.ts

@@ -1,2 +0,0 @@
-export { HExtra } from './HExtra';
-export type { HExtraProps } from './HExtra';

package/dist/text/Paragraph/Paragraph.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export interface ParagraphProps {
-    as?: "p" | "div" | "span";
-    children: React.ReactNode;
-    className?: string;
-}
-export declare function Paragraph({ as: Tag, children, className }: ParagraphProps): import("react/jsx-runtime").JSX.Element;

package/dist/text/Paragraph/index.d.ts

@@ -1 +0,0 @@
-export { Paragraph } from './Paragraph';