@stihl-design-system/components 1.0.0-RC.36 → 1.0.0-RC.37

package/chunks/LinkCard.BjXQ85ZH.js

@@ -0,0 +1,159 @@
+"use client";
+import { jsxs as x, jsx as s, Fragment as ae } from "react/jsx-runtime";
+import { d as ne } from "./index.D-sRdssb.js";
+import { c as I } from "./index.DL9mof6u.js";
+import { isValidElement as se, cloneElement as re } from "react";
+import { DSFlag as ee } from "../flag.CE32qHPa.js";
+import { DSHeading as le } from "../heading.DHLpT4dc.js";
+import { D as de } from "./LinkButton.CWibqvhs.js";
+import { g as D } from "./helpers.CexwVao7.js";
+import '../assets/LinkCard.DgC0-Ow5.css';const ce = "ds-link-card_root_1v6ea_1", pe = "ds-link-card_root--responsive_1v6ea_4", he = "ds-link-card_wrapper_1v6ea_9", me = "ds-link-card_content_1v6ea_21", fe = "ds-link-card_footer_1v6ea_36", ge = "ds-link-card_flags_1v6ea_41", ve = "ds-link-card_root--horizontal_1v6ea_45", ke = "ds-link-card_header_1v6ea_134", _e = "ds-link-card_heading_1v6ea_146", ue = "ds-link-card_link_1v6ea_150", Le = "ds-link-card_description_1v6ea_155", be = "ds-link-card_meta-data_1v6ea_172", Ne = "ds-link-card_brand-flag_1v6ea_198", i = {
+  root: ce,
+  rootResponsive: pe,
+  wrapper: he,
+  content: me,
+  footer: fe,
+  flags: ge,
+  rootHorizontal: ve,
+  header: ke,
+  heading: _e,
+  link: ue,
+  description: Le,
+  metaData: be,
+  brandFlag: Ne
+}, De = ({
+  href: h,
+  linkComponent: e,
+  flags: t,
+  flagListAriaLabel: m,
+  heading: f,
+  isResponsive: g,
+  orientation: v,
+  img: r,
+  brandFlag: a
+}) => {
+  if (!h && !e)
+    throw new Error(D("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent'."));
+  if (h && e)
+    throw new Error(D("DSLinkCard", "Please provide either the 'href' prop or a custom 'linkComponent', but not both."));
+  if (!f)
+    throw new Error(D("DSLinkCard", "The 'heading' prop is required and must be provided."));
+  t && t.length > 6 && console.warn(D("DSLinkCard", "It is recommended to provide a maximum of 6 flags for optimal display.")), t && t.length > 0 && !m && console.warn(D("DSLinkCard", "When providing flags, please also ensure to add the 'flagListAriaLabel' to describe the list of flags for non sighted screen reader users.")), g === !0 && v && console.warn(D("DSLinkCard", "The 'orientation' prop is ignored when 'isResponsive' is set to true. Please set 'isResponsive' to false to use the 'orientation' prop.")), a && r === void 0 && console.warn(D("DSLinkCard", "The 'brandFlag' prop is set to true, but no 'img' prop is provided. The 'brandFlag' will have no effect without an image."));
+}, je = (h) => {
+  const e = ne.c(75);
+  let t, m, f, g, v, r, a, l, d, n, o, k, u, c, L, b;
+  e[0] !== h ? ({
+    heading: l,
+    brandFlag: t,
+    className: m,
+    classNameContent: f,
+    classNameWrapper: g,
+    decorativeLinkButtonProps: v,
+    description: r,
+    flagListAriaLabel: a,
+    flags: L,
+    href: d,
+    img: n,
+    isResponsive: b,
+    linkComponent: o,
+    metaData: k,
+    orientation: u,
+    ...c
+  } = h, e[0] = h, e[1] = t, e[2] = m, e[3] = f, e[4] = g, e[5] = v, e[6] = r, e[7] = a, e[8] = l, e[9] = d, e[10] = n, e[11] = o, e[12] = k, e[13] = u, e[14] = c, e[15] = L, e[16] = b) : (t = e[1], m = e[2], f = e[3], g = e[4], v = e[5], r = e[6], a = e[7], l = e[8], d = e[9], n = e[10], o = e[11], k = e[12], u = e[13], c = e[14], L = e[15], b = e[16]);
+  let p, _;
+  e[17] !== t || e[18] !== a || e[19] !== l || e[20] !== d || e[21] !== n || e[22] !== o || e[23] !== u || e[24] !== L || e[25] !== b ? (p = L === void 0 ? [] : L, _ = b === void 0 ? !0 : b, process.env.NODE_ENV !== "production" && De({
+    href: d,
+    linkComponent: o,
+    heading: l,
+    flags: p,
+    flagListAriaLabel: a,
+    isResponsive: _,
+    orientation: u,
+    img: n,
+    brandFlag: t
+  }), e[17] = t, e[18] = a, e[19] = l, e[20] = d, e[21] = n, e[22] = o, e[23] = u, e[24] = L, e[25] = b, e[26] = p, e[27] = _) : (p = e[26], _ = e[27]);
+  let R;
+  e[28] !== v ? (R = v || {}, e[28] = v, e[29] = R) : R = e[29];
+  const {
+    label: H,
+    iconName: O,
+    variant: te,
+    hideLabel: W,
+    size: U
+  } = R, q = U === void 0 ? "small" : U, P = te === "ghost" ? "ghost" : "filled", M = k || p.length > 0 || H, $ = _ === !1 && u === "horizontal";
+  let j;
+  e[30] !== m || e[31] !== _ || e[32] !== $ ? (j = I(i.root, m, {
+    [i.rootResponsive]: _,
+    [i.rootHorizontal]: $
+  }), e[30] = m, e[31] = _, e[32] = $, e[33] = j) : j = e[33];
+  const G = j;
+  let y;
+  e[34] !== g ? (y = I(i.wrapper, g), e[34] = g, e[35] = y) : y = e[35];
+  const J = y;
+  let V;
+  e[36] !== f ? (V = I(i.content, f), e[36] = f, e[37] = V) : V = e[37];
+  const K = V;
+  let A;
+  if (e[38] !== d || e[39] !== o || e[40] !== c) {
+    const ie = (N) => o && se(o) ? re(o, {
+      ...o.props,
+      className: I(i.link, o.props.className),
+      children: /* @__PURE__ */ x(ae, { children: [
+        N,
+        " ",
+        o.props.children
+      ] })
+    }) : /* @__PURE__ */ s("a", { href: d, className: i.link, ...c, children: N });
+    A = (N) => {
+      const X = typeof N == "object" && N !== void 0, {
+        headingText: oe,
+        headingSize: Y,
+        headingTag: Z
+      } = X ? N : {
+        headingText: N
+      };
+      return /* @__PURE__ */ s(le, { tag: Z === void 0 ? "h3" : Z, size: Y === void 0 ? "medium" : Y, className: i.heading, children: ie(oe) });
+    }, e[38] = d, e[39] = o, e[40] = c, e[41] = A;
+  } else
+    A = e[41];
+  const Q = A;
+  let w;
+  e[42] !== Q || e[43] !== l ? (w = Q(l), e[42] = Q, e[43] = l, e[44] = w) : w = e[44];
+  let C;
+  e[45] !== r ? (C = r && /* @__PURE__ */ s("div", { className: i.description, children: r }), e[45] = r, e[46] = C) : C = e[46];
+  let S;
+  e[47] !== w || e[48] !== C ? (S = /* @__PURE__ */ x("div", { className: i.header, children: [
+    w,
+    C
+  ] }), e[47] = w, e[48] = C, e[49] = S) : S = e[49];
+  let z;
+  e[50] !== P || e[51] !== W || e[52] !== O || e[53] !== H || e[54] !== q || e[55] !== a || e[56] !== p || e[57] !== M || e[58] !== k ? (z = M && /* @__PURE__ */ x("div", { className: i.footer, children: [
+    k && /* @__PURE__ */ s("div", { className: i.metaData, children: k }),
+    p.length > 0 && /* @__PURE__ */ s("ul", { className: i.flags, "aria-label": a, children: p.map(we) }),
+    H && /* @__PURE__ */ s(de, { iconName: O, iconPosition: "right", variant: P, hideLabel: W, size: q, isFlush: P === "ghost", "aria-hidden": !0, children: H })
+  ] }), e[50] = P, e[51] = W, e[52] = O, e[53] = H, e[54] = q, e[55] = a, e[56] = p, e[57] = M, e[58] = k, e[59] = z) : z = e[59];
+  let F;
+  e[60] !== K || e[61] !== S || e[62] !== z ? (F = /* @__PURE__ */ x("div", { className: K, children: [
+    S,
+    z
+  ] }), e[60] = K, e[61] = S, e[62] = z, e[63] = F) : F = e[63];
+  let T;
+  e[64] !== t || e[65] !== n ? (T = n && /* @__PURE__ */ x("div", { className: i.image, children: [
+    t && /* @__PURE__ */ s(ee, { color: "orange-base", className: i.brandFlag, children: t }),
+    n
+  ] }), e[64] = t, e[65] = n, e[66] = T) : T = e[66];
+  let E;
+  e[67] !== F || e[68] !== T || e[69] !== J ? (E = /* @__PURE__ */ x("div", { className: J, children: [
+    F,
+    T
+  ] }), e[67] = F, e[68] = T, e[69] = J, e[70] = E) : E = e[70];
+  let B;
+  return e[71] !== c || e[72] !== G || e[73] !== E ? (B = /* @__PURE__ */ s("div", { ...c, className: G, children: E }), e[71] = c, e[72] = G, e[73] = E, e[74] = B) : B = e[74], B;
+};
+function we(h, e) {
+  return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(ee, { color: "grey-light", children: h }) }, e);
+}
+export {
+  je as D,
+  De as v
+};

package/chunks/{RadioGroup.BDsVAhCK.js → RadioGroup.DupoApOX.js}

@@ -4,7 +4,7 @@ import { d as X } from "./index.D-sRdssb.js";
 import { c as J } from "./index.DL9mof6u.js";
 import { forwardRef as Y, useState as Z } from "react";
 import { D as oo } from "./Fieldset.Bk8W5h13.js";
-import { DSRadio as eo } from "../radio.pyM5ma9s.js";
+import { DSRadio as eo } from "../radio.DYKHJbxF.js";
 import { g, r as W } from "./helpers.CexwVao7.js";
 import '../assets/RadioGroup.q1lQ-HIZ.css';const to = "ds-radio-group_fieldset--custom-area-above_1r3gv_1", ro = "ds-radio-group_root_1r3gv_5", so = "ds-radio-group_root--horizontal_1r3gv_13", io = "ds-radio-group_root--invalid_1r3gv_16", ao = "ds-radio-group_root--custom-area-above_1r3gv_19", no = "ds-radio-group_root--custom-area-above--horizontal_1r3gv_26", H = {
   fieldsetCustomAreaAbove: to,

package/chunks/Text.utils.B4MiHAK_.js

@@ -0,0 +1,11 @@
+"use client";
+import { a } from "./helpers.CexwVao7.js";
+import "react";
+import "./index.D-sRdssb.js";
+const m = ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"], r = ["large", "medium", "small", "x-small", "xx-small"], o = ["bold", "normal"], d = (t, s) => Array.isArray(s) ? s.some((i) => !!a(t, i)) : !!a(t, s);
+export {
+  m as T,
+  r as a,
+  o as b,
+  d as i
+};

package/chunks/TextUtility.C68m5upo.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as k } from "react/jsx-runtime";
+import { d as M } from "./index.D-sRdssb.js";
+import { c as X } from "./index.DL9mof6u.js";
+import { useRef as N, useEffect as P } from "react";
+import { g } from "./helpers.CexwVao7.js";
+import { i as B } from "./Text.utils.B4MiHAK_.js";
+import '../assets/TextUtility.BsMYk5lH.css';const Y = "ds-text-utility_root_1hq5u_6", $ = "ds-text-utility_root--large_1hq5u_15", z = "ds-text-utility_root--large-bold_1hq5u_26", G = "ds-text-utility_root--medium_1hq5u_37", R = "ds-text-utility_root--medium-bold_1hq5u_48", W = "ds-text-utility_root--small_1hq5u_59", j = "ds-text-utility_root--small-bold_1hq5u_70", A = "ds-text-utility_root--small-demi_1hq5u_81", C = "ds-text-utility_root--x-small-demi_1hq5u_92", H = "ds-text-utility_root--theme-dark_1hq5u_186", l = {
+  root: Y,
+  rootLarge: $,
+  rootLargeBold: z,
+  rootMedium: G,
+  rootMediumBold: R,
+  rootSmall: W,
+  rootSmallBold: j,
+  rootSmallDemi: A,
+  rootXSmallDemi: C,
+  rootThemeDark: H
+}, tt = ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"], ot = ["large", "medium", "small", "x-small"], et = ["bold", "demi", "normal"], O = ({
+  size: i,
+  weight: t
+}) => {
+  t === "demi" && i !== "small" && i !== "x-small" && console.warn(g("DSTextUtility", 'Invalid prop combination: weight "demi" is only supported on sizes "small" and "x-small".')), i === "x-small" && t !== "demi" && console.warn(g("DSTextUtility", 'Invalid prop combination: size "x-small" only supports weight "demi".'));
+}, lt = (i) => {
+  const t = M.c(29);
+  let r, a, m, n, d, c, u;
+  t[0] !== i ? ({
+    children: r,
+    className: a,
+    size: n,
+    tag: d,
+    theme: c,
+    weight: u,
+    ...m
+  } = i, t[0] = i, t[1] = r, t[2] = a, t[3] = m, t[4] = n, t[5] = d, t[6] = c, t[7] = u) : (r = t[1], a = t[2], m = t[3], n = t[4], d = t[5], c = t[6], u = t[7]);
+  const o = n === void 0 ? "medium" : n, s = d === void 0 ? "p" : d, L = c === void 0 ? "light" : c, e = u === void 0 ? "normal" : u, _ = N(null);
+  let h, T;
+  t[8] !== o || t[9] !== s || t[10] !== e ? (h = () => {
+    if (process.env.NODE_ENV !== "production" && (O({
+      size: o,
+      weight: e
+    }), _.current))
+      t: switch (s) {
+        case "li": {
+          if (!B(_.current, "ul, ol"))
+            throw Error(g("DSTextUtility", `The DSTextUtility component with the tag "${s}" is not within a list element (ul, ol). Please ensure it's placed correctly.`));
+          break t;
+        }
+        case "dt":
+        case "dd": {
+          if (!B(_.current, "dl"))
+            throw Error(g("DSTextUtility", `The DSTextUtility component with the tag "${s}" is not within a description list element (dl). Please ensure it's placed correctly.`));
+          break t;
+        }
+        default:
+          return;
+      }
+  }, T = [s, o, e], t[8] = o, t[9] = s, t[10] = e, t[11] = h, t[12] = T) : (h = t[11], T = t[12]), P(h, T);
+  const f = s, y = o === "large" && e === "normal", S = o === "large" && e === "bold", D = o === "medium" && e === "normal", b = o === "medium" && e === "bold", w = o === "small" && e === "normal", E = o === "small" && e === "bold", q = o === "small" && e === "demi", U = o === "x-small" && e === "demi", v = L === "dark";
+  let p;
+  t[13] !== a || t[14] !== b || t[15] !== w || t[16] !== E || t[17] !== q || t[18] !== U || t[19] !== v || t[20] !== y || t[21] !== S || t[22] !== D ? (p = X(l.root, a, {
+    [l.rootLarge]: y,
+    [l.rootLargeBold]: S,
+    [l.rootMedium]: D,
+    [l.rootMediumBold]: b,
+    [l.rootSmall]: w,
+    [l.rootSmallBold]: E,
+    [l.rootSmallDemi]: q,
+    [l.rootXSmallDemi]: U,
+    [l.rootThemeDark]: v
+  }), t[13] = a, t[14] = b, t[15] = w, t[16] = E, t[17] = q, t[18] = U, t[19] = v, t[20] = y, t[21] = S, t[22] = D, t[23] = p) : p = t[23];
+  const I = p;
+  let x;
+  return t[24] !== f || t[25] !== r || t[26] !== m || t[27] !== I ? (x = /* @__PURE__ */ k(f, { className: I, ref: _, ...m, children: r }), t[24] = f, t[25] = r, t[26] = m, t[27] = I, t[28] = x) : x = t[28], x;
+};
+export {
+  lt as D,
+  tt as T,
+  ot as a,
+  et as b,
+  O as v
+};

package/components/LinkCard/Link.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/LinkCard/LinkCard.d.ts

@@ -0,0 +1,80 @@
+import { AnchorHTMLAttributes, JSX } from 'react';
+import { LinkButtonProps } from '../LinkButton/LinkButton';
+import { CardHeading } from './LinkCard.utils';
+type DecorativeLinkButtonProps = Pick<LinkButtonProps, 'iconPosition' | 'iconName' | 'size' | 'hideLabel'> & {
+    label?: string;
+    variant?: Extract<LinkButtonProps['variant'], 'filled' | 'ghost'>;
+};
+export interface LinkCardProps extends AnchorHTMLAttributes<HTMLAnchorElement | HTMLDivElement> {
+    /**
+     * The `heading` prop can either be a simple `string` or an object with specific properties.
+     * When provided as a string, it represents the default medium h3 heading directly.
+     * When provided as an object, it allows for more detailed configuration, including:
+     * - `headingText: string` The text content for the heading.
+     * - `headingSize?: 'x-large' | 'x-large-uppercase' | 'large' | 'large-uppercase' | 'medium' | 'medium-uppercase' | 'small' | 'small-uppercase'` Defines the size of the heading, using predefined size types, defaults to `'medium'`
+     * - `headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'` Specifies the HTML tag to be used for the heading, such as 'h1', 'h2', etc., defaults to `'h3'`
+     *
+     * @prop {string | { headingText: string; headingSize?: HeadingSize; headingTag?: HeadingTag; }} heading
+     */
+    heading: CardHeading;
+    /** Orange brand flag text displayed on the image. */
+    brandFlag?: string;
+    /**
+     * ClassName for the content container inside the card.
+     */
+    classNameContent?: string;
+    /**
+     * ClassName for the card wrapper element.
+     */
+    classNameWrapper?: string;
+    /**
+     * Props for the decorative link button optionally displayed at the bottom of the card.
+     *
+     * - `label?: string` The text label for the decorative link button.
+     * - `variant?: 'filled' | 'ghost'` The variant style for the decorative link button, defaults to `'filled'`.
+     * - `iconPosition?: 'left' | 'right'` The position of the icon in the decorative link button.
+     * - `iconName?: IconName` The name of the icon to be used in the decorative link button.
+     * - `size?: 'small' | 'medium'` The size of the decorative link button.
+     * - `hideLabel?: boolean` Whether to hide the label of the decorative link button.
+     */
+    decorativeLinkButtonProps?: DecorativeLinkButtonProps;
+    /** Short descriptive text displayed beneath the headline. */
+    description?: React.ReactNode;
+    /**
+     * ARIA label for the list of flags for screen readers. Needed if flags are provided.
+     */
+    flagListAriaLabel?: string;
+    /**
+     * Array of DSFlag components to be displayed on the card.
+     */
+    flags?: string[];
+    /** Defines the URL to link to. */
+    href?: string;
+    /** Image element to be displayed within the card. */
+    img?: React.ReactNode;
+    /**
+     * Makes the card layout responsive.
+     * @default true
+     */
+    isResponsive?: boolean;
+    /** Link component to be used for the navigation. */
+    linkComponent?: React.ReactElement<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement> & {
+        onClick?: () => void;
+        to?: string;
+    }>;
+    /** Meta data content displayed beneath the description. */
+    metaData?: React.ReactNode;
+    /**
+     * Sets the orientation of the card.
+     * @default 'vertical'
+     */
+    orientation?: 'vertical' | 'horizontal';
+}
+/**
+ * A simple, responsive & accessible Card component that can be used as a link to navigate to other pages.
+ * The entire card is clickable and follows accessibility best practices.
+ *
+ * Design in Figma: [Link Card](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=26075-11591&p=f&t=WDN78eWtKR9F8yYp-11)
+ */
+export declare const DSLinkCard: ({ heading, brandFlag, className, classNameContent, classNameWrapper, decorativeLinkButtonProps, description, flagListAriaLabel, flags, href, img, isResponsive, linkComponent, metaData, orientation, ...rest }: LinkCardProps) => JSX.Element;
+export {};

package/components/LinkCard/LinkCard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/LinkCard/LinkCard.utils.d.ts

@@ -0,0 +1,10 @@
+import { HeadingSize, HeadingTag } from '../Heading/Heading.utils';
+import { LinkCardProps } from './LinkCard';
+export type CardHeading = string | {
+    headingText: string;
+    headingSize?: HeadingSize;
+    headingTag?: HeadingTag;
+};
+type ValidationProps = Pick<LinkCardProps, 'href' | 'linkComponent' | 'flags' | 'flagListAriaLabel' | 'heading' | 'isResponsive' | 'orientation' | 'img' | 'brandFlag'>;
+export declare const validateLinkCardProps: ({ href, linkComponent, flags, flagListAriaLabel, heading, isResponsive, orientation, img, brandFlag, }: ValidationProps) => void;
+export {};

package/components/TextUtility/TextUtility.d.ts

@@ -0,0 +1,30 @@
+import { HTMLAttributes, JSX } from 'react';
+import { Theme } from '../../types';
+import { TextUtilitySize, TextUtilityTag, TextUtilityWeight } from './TextUtility.utils';
+export interface TextUtilityProps extends HTMLAttributes<HTMLQuoteElement | HTMLDivElement | HTMLLegendElement | HTMLParagraphElement | HTMLSpanElement | HTMLTimeElement> {
+    /** Content of the text. */
+    children: React.ReactNode;
+    /** Size of the text.
+     * @default 'medium'
+     */
+    size?: TextUtilitySize;
+    /** Specifies the HTML tag to be used for the text.
+     * @default 'p'
+     */
+    tag?: TextUtilityTag;
+    /** Defines the theme.
+     * @default 'light'
+     */
+    theme?: Theme;
+    /** Defines the weight. **Weight 'demi' is only supported on sizes 'small' and 'x-small'. Size 'x-small' only supports 'demi' weight.**.
+     * @default 'normal'
+     */
+    weight?: TextUtilityWeight;
+}
+/**
+ * The `DSTextUtility` component is optimized for utility text use-cases
+ * (labels, captions, UI text) and maps directly to the SCSS utility typography mixins.
+ *
+ * Design in Figma: [Text](https://www.figma.com/design/d9wrOp4aCplDsV9AVC87Xn/Typography-%F0%9F%85%B0%EF%B8%8F?node-id=3-2301&t=TeSgud7dB5pnld5s-11)
+ */
+export declare const DSTextUtility: ({ children, className, size, tag, theme, weight, ...rest }: TextUtilityProps) => JSX.Element;

package/components/TextUtility/TextUtility.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/TextUtility/TextUtility.utils.d.ts

@@ -0,0 +1,10 @@
+import { TextUtilityProps } from './TextUtility';
+export declare const TEXT_UTILITY_TAG: readonly ["address", "blockquote", "cite", "div", "dd", "dfn", "dt", "figcaption", "legend", "li", "p", "span", "time"];
+export type TextUtilityTag = (typeof TEXT_UTILITY_TAG)[number];
+export declare const TEXT_UTILITY_SIZE: readonly ["large", "medium", "small", "x-small"];
+export type TextUtilitySize = (typeof TEXT_UTILITY_SIZE)[number];
+export declare const TEXT_UTILITY_WEIGHT: readonly ["bold", "demi", "normal"];
+export type TextUtilityWeight = (typeof TEXT_UTILITY_WEIGHT)[number];
+type ValidationProps = Pick<TextUtilityProps, 'size' | 'weight'>;
+export declare const validateTextUtilityProps: ({ size, weight }: ValidationProps) => void;
+export {};

package/components/TextUtility/TextUtility.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/index.d.ts

@@ -50,6 +50,8 @@ export * from './components/Link/Link';
 export * from './components/Link/Link.utils';
 export * from './components/LinkButton/LinkButton';
 export * from './components/LinkButton/LinkButton.utils';
+export * from './components/LinkCard/LinkCard';
+export * from './components/LinkCard/LinkCard.utils';
 export * from './components/Logo/Logo';
 export * from './components/Logo/Logo.utils';
 export * from './components/MegaMenu/MegaMenu';
@@ -83,6 +85,8 @@ export * from './components/Text/Text';
 export * from './components/Text/Text.utils';
 export * from './components/Textarea/Textarea';
 export * from './components/Textarea/Textarea.utils';
+export * from './components/TextUtility/TextUtility';
+export * from './components/TextUtility/TextUtility.utils';
 export * from './components/Title/Title';
 export * from './components/Title/Title.utils';
 export * from './components/Toast/ToastManager';