welcome-ui 7.3.0 → 7.4.0

package/dist/Text.mjs

@@ -1,8 +1,8 @@
 "use client";
-import p from "react";
-import f, { css as n, th as r, system as d } from "@xstyled/styled-components";
-import { forwardRef as b } from "./System.mjs";
-const x = {
+import f from "react";
+import b, { css as i, th as d, system as a } from "@xstyled/styled-components";
+import { forwardRef as x } from "./System.mjs";
+const g = {
   h0: "h1",
   h1: "h2",
   h2: "h3",
@@ -10,7 +10,7 @@ const x = {
   h4: "h5",
   h5: "h6",
   h6: "h6"
-}, g = (e) => n`
+}, k = (e) => i`
   /* stylelint-disable-next-line value-no-vendor-prefix */
   display: -webkit-box;
   /* stylelint-disable-next-line property-no-vendor-prefix */
@@ -20,17 +20,18 @@ const x = {
   line-height: normal;
   overflow: hidden;
   word-break: ${e === 1 ? "break-all" : null};
-`, y = f.p(({ lines: e, theme: o, variant: t, withDash: s }) => {
-  const l = x[t], h = t == null ? void 0 : t.startsWith("h"), i = e && e !== 1 / 0 && t.startsWith("h") && o.fonts.headings.includes("welcome-font");
-  return n`
-    ${r(`texts.${l || t}`)};
+`, y = b.p(({ lines: e, theme: n, variant: t, withDash: s, wordBreak: l }) => {
+  const h = g[t], r = t == null ? void 0 : t.startsWith("h"), o = e && e !== 1 / 0 && t.startsWith("h") && n.fonts.headings.includes("welcome-font");
+  return i`
+    ${d(`texts.${h || t}`)};
+    word-break: ${l};
 
     /* Start fallback for non-webkit */
     display: block;
-    ${e && e !== 1 / 0 && g(e)};
+    ${e && e !== 1 / 0 && k(e)};
     /* End fallback for non-webkit */
 
-    ${s && h && n`
+    ${s && r && i`
       display: flex;
 
       &:before {
@@ -46,19 +47,19 @@ const x = {
     `}
 
     @media (min-width: lg) {
-      ${r(`texts.${t}`)};
-      ${d};
+      ${d(`texts.${t}`)};
+      ${a};
     }
 
-    ${i && n`
+    ${o && i`
       & {
         line-height: 1.4;
       }
     `}
 
-    ${d};
+    ${a};
   `;
-}), k = {
+}), w = {
   h0: "h1",
   h1: "h1",
   h2: "h2",
@@ -72,26 +73,36 @@ const x = {
   xs: "p",
   "subtitle-md": "span",
   "subtitle-sm": "span"
-}, u = b(
-  ({ as: e, children: o, dataTestId: t, lines: s, variant: l = "md", withDash: h, ...i }, a) => {
-    const c = e || k[l], m = i.className || "";
-    return /* @__PURE__ */ p.createElement(
+}, $ = x(
+  ({
+    as: e,
+    children: n,
+    dataTestId: t,
+    lines: s,
+    variant: l = "md",
+    withDash: h,
+    wordBreak: r = "break-word",
+    ...o
+  }, c) => {
+    const m = e || w[l], p = o.className || "";
+    return /* @__PURE__ */ f.createElement(
       y,
       {
-        as: c,
+        as: m,
         "data-testid": t,
         lines: s,
-        ref: a,
+        ref: c,
         variant: l,
         withDash: h,
-        ...i,
-        className: `${m} wui-text`
+        wordBreak: r,
+        ...o,
+        className: `${p} wui-text`
       },
-      o
+      n
     );
   }
 );
-u.displayName = "Text";
+$.displayName = "Text";
 export {
-  u as Text
+  $ as Text
 };

package/dist/types/components/Text/index.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 import { CreateWuiProps } from '../System';
 declare const TAG_NAMES: {
     h0: string;
@@ -19,6 +20,7 @@ export interface TextOptions {
     lines?: number;
     variant?: Variant;
     withDash?: boolean;
+    wordBreak?: CSSProperties['wordBreak'];
 }
 export type TextProps = CreateWuiProps<'p', TextOptions>;
 export declare const Text: import('../System').CreateWuiComponent<"p", TextProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "7.3.0",
+  "version": "7.4.0",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"