Add break-anywhere utility (#12127)

Author: serkodev

src/corePlugins.js

@@ -1538,6 +1538,13 @@ export let corePlugins = {
       '.break-words': { 'overflow-wrap': 'break-word' },
       '.break-all': { 'word-break': 'break-all' },
       '.break-keep': { 'word-break': 'keep-all' },
+      '.break-anywhere': {
+        'word-break': 'break-word',
+        '@supports (overflow-wrap: anywhere)': {
+          'overflow-wrap': 'anywhere',
+          'word-break': 'normal',
+        },
+      },
     })
   },
 

tests/plugins/__snapshots__/wordBreak.test.js.snap

@@ -18,5 +18,16 @@ exports[`should test the 'wordBreak' plugin 1`] = `
 .break-keep {
   word-break: keep-all;
 }
+
+.break-anywhere {
+  word-break: break-word;
+}
+
+@supports (overflow-wrap: anywhere) {
+  .break-anywhere {
+    overflow-wrap: anywhere;
+    word-break: normal;
+  }
+}
 "
 `;