@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/Tab.css

@@ -1,198 +1,236 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._tab_1854k_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-  ._tab-panel_1854k_15,
-  ._tab-button_1854k_16,
-  ._tab-list_1854k_17 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: revert-layer;
-  }
-  ._overflow-prev_1854k_30,
-  ._overflow-next_1854k_31 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: inline-flex;
-  }
-}
-@layer base {
-  ._tab_1854k_2 {
-    flex-direction: column;
-    gap: 1rem;
-    overflow: hidden;
-    max-width: 100%;
-    background-color: inherit;
-    margin: -0.25rem;
-    padding: 0.25rem;
-  }
-  ._tab-button_1854k_16 {
-    display: flex;
-    padding-block: 0.25rem;
-    padding-inline: 0.5rem;
-    position: relative;
-    flex-basis: content;
-    justify-content: center;
-    align-items: center;
-    min-height: 3rem;
-    min-width: -moz-min-content;
-    min-width: min-content;
-    max-width: 80%;
-    cursor: pointer;
-    font-size: 1rem;
-    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1), outline 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  ._tab-button_1854k_16 ._inner_1854k_70 {
-    padding-block: 0;
-    padding-inline: 0.25rem;
-    border-radius: 0.1875rem;
-    position: relative;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    outline-offset: 0.125rem;
-    min-width: 1.5rem;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-    text-align: center;
-  }
-  ._tab-button_1854k_16 ._indicator_1854k_83 {
-    height: 0.125rem;
-    display: block;
-    position: absolute;
-    inset-block-end: 0;
-    inset-inline-start: 0;
-    inset-inline-end: 0;
-    background-color: currentColor;
-  }
-  ._tab-list_1854k_17 {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    position: relative;
-    overflow: auto;
-    box-shadow: inset 0px -0.0625rem var(--border-color-subdued, #dfe0e1);
-  }
-  ._tab-list_1854k_17 ._overflow-prev_1854k_30,
-  ._tab-list_1854k_17 ._overflow-next_1854k_31 {
-    position: absolute;
-    justify-content: center;
-    align-items: center;
-    z-index: 1;
-    border-radius: 100%;
-    background-color: var(--background-color-strong, #f7f7f7);
-    width: 2rem;
-    height: 2rem;
-    cursor: pointer;
-    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  ._tab-list_1854k_17 ._overflow-prev_1854k_30 svg,
-  ._tab-list_1854k_17 ._overflow-next_1854k_31 svg {
-    fill: currentColor;
-  }
-  ._tab-list_1854k_17 ._scroller_1854k_117 {
-    overflow: scroll;
-    display: flex;
-    flex-grow: 1;
-  }
-  ._tab-list_1854k_17 ._scroller_1854k_117::-webkit-scrollbar {
+.anvil2{@layer starter, reset, base, state, application;._tab_2y36m_1 {
+  --a2-internal-tab-button-foreground-color: var(
+    --a2-mod-tab-button-foreground-color
+  );
+  --a2-internal-tab-button-background-color: var(
+    --a2-mod-tab-button-background-color
+  );
+  --a2-mod-tab-background-color-hover: var(--a2-tab-button-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  --a2-mod-tab-background-color-active: var(--a2-tab-button-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
+  --a2-mod-tab-background-color-overflow-button: var(--a2-tab-overflow-button-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
+  --a2-mod-tab-border-color: var(--a2-tab-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
+  --a2-mod-tab-button-foreground-color: var(--a2-tab-button-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-tab-button-foreground-color-hover: var(--a2-tab-button-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-tab-button-foreground-color-active: var(--a2-tab-button-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-tab-button-flex-basis: content;
+  --a2-mod-tab-focus-ring-color: var(--a2-tab-button-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-tab-mask-fade-desktop: var(--a2-size-8, 2rem);
+  --a2-mod-tab-mask-fade-mobile: var(--a2-size-2, 0.5rem);
+  --a2-mod-tab-overflow-button-border-radius: var(--a2-border-radius-circular, 100%);
+  --a2-mod-tab-overflow-button-size: var(--a2-size-8, 2rem);
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  background-color: inherit;
+  flex-direction: column;
+  gap: var(--a2-size-4, 1rem);
+  margin: calc(var(--a2-size-1, 0.25rem) * -1);
+  max-width: 100%;
+  overflow: hidden;
+  padding: var(--a2-size-1, 0.25rem);
+}._fill_2y36m_41 {
+  --a2-mod-tab-button-flex-basis: 100%;
+}._tab-button_2y36m_45 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-basis: var(--a2-mod-tab-button-flex-basis);
+  font-size: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
+  justify-content: center;
+  max-width: 80%;
+  min-height: var(--a2-size-12, 3rem);
+  min-width: -moz-min-content;
+  min-width: min-content;
+  padding-block: var(--a2-size-1, 0.25rem);
+  padding-inline: var(--a2-size-2, 0.5rem);
+  position: relative;
+  color: var(--a2-mod-tab-button-foreground-color);
+  background-color: var(--a2-internal-tab-button-background-color);
+  transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1)), outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+}._tab-button_2y36m_45[data-interactive=hover], ._tab-button_2y36m_45:hover {
+  --a2-internal-tab-button-background-color: var(
+    --a2-mod-tab-background-color-hover
+  );
+  --a2-internal-tab-button-foreground-color: var(
+    --a2-mod-tab-button-foreground-color-hover
+  );
+}._tab-button_2y36m_45[data-interactive=active], ._tab-button_2y36m_45:active {
+  --a2-internal-tab-button-background-color: var(
+    --a2-mod-tab-background-color-active
+  );
+  --a2-internal-tab-button-foreground-color: var(
+    --a2-mod-tab-button-foreground-color-active
+  );
+}._tab-button_2y36m_45[data-interactive=focus-visible] ._inner_2y36m_89, ._tab-button_2y36m_45:focus-visible ._inner_2y36m_89 {
+  outline-width: var(--a2-size-half, 0.125rem);
+}._inner_2y36m_89 {
+  border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
+  min-width: var(--a2-size-6, 1.5rem);
+  outline: 0 solid var(--a2-mod-tab-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+  overflow: hidden;
+  padding-block: 0;
+  padding-inline: var(--a2-size-1, 0.25rem);
+  position: relative;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}._indicator_2y36m_107 {
+  background-color: var(--a2-tab-button-selected-indicator-background-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  display: block;
+  height: var(--a2-size-half, 0.125rem);
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  inset-inline-start: 0;
+  position: absolute;
+}._tab-list_2y36m_117 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  align-items: center;
+  box-shadow: inset 0px -0.0625rem var(--a2-mod-tab-border-color);
+  display: flex;
+  justify-content: flex-start;
+  overflow: auto;
+  position: relative;
+}._scroller_2y36m_137 {
+  -webkit-mask-image: var(--a2-mod-tab-scroller-mask-image, none);
+  display: flex;
+  flex-grow: 1;
+  mask-image: var(--a2-mod-tab-scroller-mask-image, none);
+  overflow: scroll;
+}._scroller_2y36m_137::-webkit-scrollbar {
+  display: none;
+}._right_2y36m_148._left_2y36m_148 {
+  --a2-mod-tab-scroller-mask-image: linear-gradient(
+    to left,
+    transparent var(--a2-mod-tab-mask-fade-desktop),
+    black 4rem,
+    black calc(100% - 4rem),
+    transparent var(--a2-mod-tab-mask-fade-desktop)
+  );
+}._right_2y36m_148 {
+  --a2-mod-tab-scroller-mask-image: linear-gradient(
+    to left,
+    transparent var(--a2-mod-tab-mask-fade-desktop),
+    black 4rem
+  );
+}._left_2y36m_148 {
+  --a2-mod-tab-scroller-mask-image: linear-gradient(
+    to right,
+    transparent var(--a2-mod-tab-mask-fade-desktop),
+    black 4rem
+  );
+}._overflow-prev_2y36m_174,
+._overflow-next_2y36m_175 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  background-color: var(--a2-mod-tab-background-color-overflow-button);
+  border-radius: var(--a2-mod-tab-overflow-button-border-radius);
+  cursor: pointer;
+  height: var(--a2-mod-tab-overflow-button-size);
+  justify-content: center;
+  position: absolute;
+  transition: background-color var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: var(--a2-mod-tab-overflow-button-size);
+  z-index: 1;
+}._overflow-prev_2y36m_174:hover::before,
+._overflow-next_2y36m_175:hover::before {
+  background-color: var(--a2-mod-tab-background-color-hover);
+  border-radius: var(--a2-mod-tab-overflow-button-border-radius);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}@media (prefers-reduced-motion: reduce) {
+  ._overflow-prev_2y36m_174,
+  ._overflow-next_2y36m_175 {
+    transition-duration: 0.01ms !important;
+  }
+}._overflow-prev_2y36m_174 {
+  inset-inline-start: var(--a2-size-1, 0.25rem);
+}._overflow-next_2y36m_175 {
+  inset-inline-end: var(--a2-size-1, 0.25rem);
+}._tab-panel_2y36m_222 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: revert-layer;
+  font-size: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
+}@media (hover: none) and (pointer: coarse) {
+  ._overflow-prev_2y36m_174,
+  ._overflow-next_2y36m_175 {
     display: none;
   }
-  ._tab-list_1854k_17 ._scroller_1854k_117._right_1854k_125._left_1854k_125 {
-    -webkit-mask-image: linear-gradient(to left, transparent 2rem, black 4rem, black calc(100% - 4rem), transparent calc(100% - 2rem));
-    mask-image: linear-gradient(to left, transparent 2rem, black 4rem, black calc(100% - 4rem), transparent calc(100% - 2rem));
-  }
-  ._tab-list_1854k_17 ._scroller_1854k_117._right_1854k_125 {
-    -webkit-mask-image: linear-gradient(to left, transparent 2rem, black 4rem);
-    mask-image: linear-gradient(to left, transparent 2rem, black 4rem);
-  }
-  ._tab-list_1854k_17 ._scroller_1854k_117._left_1854k_125 {
-    -webkit-mask-image: linear-gradient(to right, transparent 2rem, black 4rem);
-    mask-image: linear-gradient(to right, transparent 2rem, black 4rem);
-  }
-  ._tab-list_1854k_17 ._overflow-prev_1854k_30 {
-    inset-inline-start: 0.25rem;
-  }
-  ._tab-list_1854k_17 ._overflow-next_1854k_31 {
-    inset-inline-end: 0.25rem;
-  }
-  ._tab-panel_1854k_15 {
-    font-size: 1rem;
-  }
+  ._right_2y36m_148._left_2y36m_148 {
+    --a2-mod-tab-scroller-mask-image: linear-gradient(
+      to left,
+      transparent var(--a2-mod-tab-mask-fade-mobile),
+      black 4rem,
+      black calc(100% - 4rem),
+      transparent var(--a2-mod-tab-mask-fade-mobile)
+    );
+  }
+  ._right_2y36m_148 {
+    --a2-mod-tab-scroller-mask-image: linear-gradient(
+      to left,
+      transparent var(--a2-mod-tab-mask-fade-mobile),
+      black 4rem
+    );
+  }
+  ._left_2y36m_148 {
+    --a2-mod-tab-scroller-mask-image: linear-gradient(
+      to right,
+      transparent var(--a2-mod-tab-mask-fade-mobile),
+      black 4rem
+    );
+  }
+}[dir=rtl] ._overflow-next_2y36m_175,
+[dir=rtl] ._overflow-prev_2y36m_174 {
+  rotate: 180deg;
 }
-@layer state {
-  ._tab_1854k_2._fill_1854k_148 ._tab-button_1854k_16 {
-    flex-basis: 100%;
-  }
-  ._tab-button_1854k_16[data-interactive=hover], ._tab-button_1854k_16:hover {
-    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._tab-button_1854k_16[data-interactive=focus-visible] ._inner_1854k_70, ._tab-button_1854k_16:focus-visible ._inner_1854k_70 {
-    outline-width: 0.125rem;
-  }
-  ._tab-list_1854k_17 ._overflow-prev_1854k_30:hover::before,
-  ._tab-list_1854k_17 ._overflow-next_1854k_31:hover::before {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 100%;
-    background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
-  }
-  @media (hover: none) and (pointer: coarse) {
-    ._tab-list_1854k_17 ._overflow-prev_1854k_30,
-    ._tab-list_1854k_17 ._overflow-next_1854k_31 {
-      display: none;
-    }
-    ._tab-list_1854k_17 ._scroller_1854k_117._right_1854k_125._left_1854k_125 {
-      -webkit-mask-image: linear-gradient(to left, transparent 0.5rem, black 4rem, black calc(100% - 4rem), transparent calc(100% - 0.5rem));
-      mask-image: linear-gradient(to left, transparent 0.5rem, black 4rem, black calc(100% - 4rem), transparent calc(100% - 0.5rem));
-    }
-    ._tab-list_1854k_17 ._scroller_1854k_117._right_1854k_125 {
-      -webkit-mask-image: linear-gradient(to left, transparent 0.5rem, black 4rem);
-      mask-image: linear-gradient(to left, transparent 0.5rem, black 4rem);
-    }
-    ._tab-list_1854k_17 ._scroller_1854k_117._left_1854k_125 {
-      -webkit-mask-image: linear-gradient(to right, transparent 0.5rem, black 4rem);
-      mask-image: linear-gradient(to right, transparent 0.5rem, black 4rem);
-    }
-  }
-}
-@layer application {
-  @media (prefers-reduced-motion: reduce) {
-    ._tab-list_1854k_17 ._overflow-prev_1854k_30,
-    ._tab-list_1854k_17 ._overflow-next_1854k_31 {
-      transition-duration: 0.01ms !important;
-    }
-  }
-  [dir=rtl] ._overflow-next_1854k_31,
-  [dir=rtl] ._overflow-prev_1854k_30 {
-    rotate: 180deg;
-  }
 }

package/dist/Tab.js

@@ -1,2 +1,2 @@
-export { T as Tab, T as default } from './Tab-BZpTCG0i.js';
+export { T as Tab, T as default } from './Tab-CewPzmuK.js';
 //# sourceMappingURL=Tab.js.map

package/dist/Table.js

@@ -1,2 +1,2 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-JRxu2yTP.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-D9Xj1nq5.js';
 //# sourceMappingURL=Table.js.map

package/dist/{Text-WiS8UZkY.js → Text-J5YtSSXY.js}

@@ -1,31 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cx } from './index-De1g9FRV.js';
 import { forwardRef } from 'react';
-import { A as AiMark } from './AiMark-DR-w6Nbm.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
-
-import './Text.css';const headline = "_headline_1p7vt_2";
-const eyebrow = "_eyebrow_1p7vt_15";
-const bodytext = "_bodytext_1p7vt_28";
-const xlarge = "_xlarge_1p7vt_87";
-const large = "_large_1p7vt_94";
-const medium = "_medium_1p7vt_101";
-const small = "_small_1p7vt_107";
-const subdued = "_subdued_1p7vt_137";
-const inline = "_inline_1p7vt_140";
-const styles = {
-	headline: headline,
-	eyebrow: eyebrow,
-	bodytext: bodytext,
-	"headline-with-ai-mark": "_headline-with-ai-mark_1p7vt_43",
-	xlarge: xlarge,
-	"headline-ai-mark": "_headline-ai-mark_1p7vt_91",
-	large: large,
-	medium: medium,
-	small: small,
-	subdued: subdued,
-	inline: inline
-};
+import { t as textStyles } from './Text.module-BXrY87ui.js';
+import { A as AiMark } from './AiMark-B1-M3ZgP.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
 const Text = forwardRef((props, ref) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -40,21 +18,20 @@ const Text = forwardRef((props, ref) => {
       aiMark,
       ...rest
     } = componentProps;
-    const TextClasses = cx(styles["headline"], className, {
-      [styles[`${size}`]]: size
+    const TextClasses = cx(textStyles["headline"], className, {
+      [textStyles[`${size}`]]: size
     });
     const styleCombined = { ...style, ...layoutStyles };
     const aiMarkSize = size === "small" ? "medium" : size;
-    const aiMarkNode = aiMark && /* @__PURE__ */ jsx(
+    const aiMarkNode = aiMark && /* @__PURE__ */ jsx("span", { className: textStyles["headline-ai-mark"], children: /* @__PURE__ */ jsx(
       AiMark,
       {
-        className: styles["headline-ai-mark"],
         type: "gradient",
         collapsePadding: "block",
         size: aiMarkSize,
         popoverOrTooltipConfig: typeof aiMark === "object" ? aiMark : void 0
       }
-    );
+    ) });
     return (
       // @ts-expect-error ts(2604) HeadlineElement will work as element tag
       /* @__PURE__ */ jsx(
@@ -65,7 +42,7 @@ const Text = forwardRef((props, ref) => {
           "data-anv": "text",
           style: styleCombined,
           ...rest,
-          children: aiMarkNode ? /* @__PURE__ */ jsxs("span", { className: styles["headline-with-ai-mark"], children: [
+          children: aiMarkNode ? /* @__PURE__ */ jsxs("span", { className: textStyles["headline-with-ai-mark"], children: [
             children,
             aiMarkNode
           ] }) : children
@@ -81,8 +58,8 @@ const Text = forwardRef((props, ref) => {
       style,
       ...rest
     } = componentProps;
-    const TextClasses = cx(styles["eyebrow"], className, {
-      [styles[`${size}`]]: size
+    const TextClasses = cx(textStyles["eyebrow"], className, {
+      [textStyles[`${size}`]]: size
     });
     const styleCombined = { ...style, ...layoutStyles };
     return /* @__PURE__ */ jsx(
@@ -107,10 +84,10 @@ const Text = forwardRef((props, ref) => {
       size = "medium",
       ...rest
     } = componentProps;
-    const TextClasses = cx(styles["bodytext"], className, {
-      [styles[`${size}`]]: size,
-      [styles["subdued"]]: subdued,
-      [styles["inline"]]: inline
+    const TextClasses = cx(textStyles["bodytext"], className, {
+      [textStyles[`${size}`]]: size,
+      [textStyles["subdued"]]: subdued,
+      [textStyles["inline"]]: inline
     });
     const styleCombined = { ...style, ...layoutStyles };
     if (inline) {
@@ -143,4 +120,4 @@ const Text = forwardRef((props, ref) => {
 Text.displayName = "Text";
 
 export { Text as T };
-//# sourceMappingURL=Text-WiS8UZkY.js.map
+//# sourceMappingURL=Text-J5YtSSXY.js.map

package/dist/Text-J5YtSSXY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-J5YtSSXY.js","sources":["../src/components/Text/Text.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { forwardRef, LegacyRef } from \"react\";\nimport styles from \"./Text.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { AiMark } from \"../AiMark\";\nimport {\n  BodyTextInlineProps,\n  BodyTextProps,\n  EyebrowProps,\n  HeadlineProps,\n} from \"./types\";\n\n/**\n * Props for the Text component\n * @extends HeadlineProps<\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\">\n * @extends EyebrowProps\n * @extends BodyTextProps\n * @extends BodyTextInlineProps\n */\nexport type TextProps =\n  | HeadlineProps<\"h1\">\n  | HeadlineProps<\"h2\">\n  | HeadlineProps<\"h3\">\n  | HeadlineProps<\"h4\">\n  | HeadlineProps<\"h5\">\n  | HeadlineProps<\"h6\">\n  | EyebrowProps\n  | BodyTextProps\n  | BodyTextInlineProps;\n\n/**\n * Text component for displaying various types of text content with consistent styling.\n *\n * Features:\n * - Multiple text variants (headline, eyebrow, body)\n * - Semantic HTML elements (h1-h6, p, span)\n * - Multiple size options for each variant\n *\n * @example\n * <Text variant=\"headline\" el=\"h1\" size=\"large\">Main Heading</Text>\n * <Text variant=\"headline\" el=\"h2\" size=\"medium\">Sub Heading</Text>\n *\n * @example\n * <Text variant=\"eyebrow\" size=\"small\">Category Label</Text>\n *\n * @example\n * <Text size=\"large\">Large body text</Text>\n * <Text subdued>Deemphasized text</Text>\n * <Text inline>Inline text within other text</Text>\n */\nexport const Text = forwardRef<\n  HTMLHeadingElement | HTMLSpanElement | HTMLParagraphElement,\n  TextProps\n>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  if (props.variant === \"headline\") {\n    const {\n      variant: _,\n      children,\n      className,\n      el: HeadlineElement,\n      size = \"medium\",\n      style,\n      aiMark,\n      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"headline\"], className, {\n      [styles[`${size}`]]: size,\n    });\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    const aiMarkSize = size === \"small\" ? \"medium\" : size;\n\n    const aiMarkNode = aiMark && (\n      <span className={styles[\"headline-ai-mark\"]}>\n        <AiMark\n          type=\"gradient\"\n          collapsePadding=\"block\"\n          size={aiMarkSize}\n          popoverOrTooltipConfig={\n            typeof aiMark === \"object\" ? aiMark : undefined\n          }\n        />\n      </span>\n    );\n\n    return (\n      // @ts-expect-error ts(2604) HeadlineElement will work as element tag\n      <HeadlineElement\n        ref={ref as LegacyRef<HTMLHeadingElement>}\n        className={TextClasses}\n        data-anv=\"text\"\n        style={styleCombined}\n        {...rest}\n      >\n        {aiMarkNode ? (\n          <span className={styles[\"headline-with-ai-mark\"]}>\n            {children}\n            {aiMarkNode}\n          </span>\n        ) : (\n          children\n        )}\n      </HeadlineElement>\n    );\n  } else if (props.variant === \"eyebrow\") {\n    const {\n      variant: _,\n      children,\n      className,\n      size = \"medium\",\n      style,\n      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"eyebrow\"], className, {\n      [styles[`${size}`]]: size,\n    });\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    return (\n      <span\n        ref={ref as LegacyRef<HTMLSpanElement>}\n        className={TextClasses}\n        data-anv=\"text\"\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </span>\n    );\n  } else {\n    const {\n      variant: _,\n      children,\n      className,\n      subdued,\n      inline,\n      style,\n      size = \"medium\",\n      ...rest\n    } = componentProps;\n\n    const TextClasses = classnames(styles[\"bodytext\"], className, {\n      [styles[`${size}`]]: size,\n      [styles[\"subdued\"]]: subdued,\n      [styles[\"inline\"]]: inline,\n    });\n\n    const styleCombined = { ...style, ...layoutStyles };\n\n    if (inline) {\n      return (\n        <span\n          ref={ref as LegacyRef<HTMLSpanElement>}\n          className={TextClasses}\n          data-anv=\"text\"\n          style={styleCombined}\n          {...rest}\n        >\n          {children}\n        </span>\n      );\n    } else {\n      return (\n        <p\n          ref={ref as LegacyRef<HTMLParagraphElement>}\n          className={TextClasses}\n          data-anv=\"text\"\n          style={styleCombined}\n          {...rest}\n        >\n          {children}\n        </p>\n      );\n    }\n  }\n});\n\nText.displayName = \"Text\";\n"],"names":["classnames","styles"],"mappings":"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"}