feat(Text): added break-word to wordBreak property (#1424)

gravity-ui · Mar 18, 2024 · 607c3ea · 607c3ea
1 parent 682444a
commit 607c3ea
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/components/Text/README.md b/src/components/Text/README.md
@@ -103,7 +103,7 @@ LANDING_BLOCK-->
 
 ### Word Break
 
-The word-break css property. Can be `break-all`.
+The word-break css property. Can be `break-all` | `break-word`.
 
 <!--LANDING_BLOCK
 
@@ -174,6 +174,6 @@ LANDING_BLOCK-->
 | ellipsis      | Hidden overflow content will be replaced by an ellipsis                   |                `boolean`                 |            |
 | ellipsisLines | The number of whole lines of text after which the content will be cut off |                 `number`                 |            |
 | whiteSpace    | The white-space css property                                              |       `"nowrap"` `"break-spaces"`        |            |
-| wordBreak     | The word-break css property                                               |              `"break-all"`               |            |
+| wordBreak     | The word-break css property                                               |       `"break-all"` `"break-word"`       |            |
 | color         | Color of the text                                                         | `string` (see values in "Color" section) |            |
 | qa            | HTML `data-qa` attribute, used in tests                                   |                 `string`                 |            |
diff --git a/src/components/Text/text/text.scss b/src/components/Text/text/text.scss
@@ -91,4 +91,7 @@ $block: '.#{variables.$ns}text';
     &_wb_break-all {
         word-break: break-all;
     }
+    &_wb_break-word {
+        word-break: break-word;
+    }
 }
diff --git a/src/components/Text/text/text.ts b/src/components/Text/text/text.ts
@@ -85,7 +85,7 @@ export interface TextBaseProps {
     /**
      * word-break css property
      */
-    wordBreak?: 'break-all';
+    wordBreak?: 'break-all' | 'break-word';
 }
 
 /**
-Original file line number
+Diff line change
@@ Expand Up / @@ -85,7 +85,7 @@ export interface TextBaseProps { @@
         /**
          * word-break css property
          */
-        wordBreak?: 'break-all';
+        wordBreak?: 'break-all' | 'break-word';
     }
     /**
@@ Expand Down @@