@hyphen/hyphen-components 5.8.0 → 5.8.1

package/dist/css/utilities.css

@@ -3,7 +3,7 @@
   \***************************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Fri, 15 Aug 2025 16:51:26 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:26 GMT
  */
 
 .font-family-monospace { font-family: var(--assets-font-family-monospace); }
@@ -878,9 +878,9 @@
 
 .break-normal { word-break: var(--font-word-break-normal); }
 
-.break-break-all { word-break: var(--font-word-break-break-all); }
+.break-all { word-break: var(--font-word-break-all); }
 
-.break-keep-all { word-break: var(--font-word-break-keep-all); }
+.break-keep { word-break: var(--font-word-break-keep); }
 
 .bw-0 { border-width: var(--size-border-width-0); border-style: solid; }
 
@@ -2203,9 +2203,9 @@
 
   .break-normal-tablet { word-break: var(--font-word-break-normal); }
 
-  .break-break-all-tablet { word-break: var(--font-word-break-break-all); }
+  .break-all-tablet { word-break: var(--font-word-break-all); }
 
-  .break-keep-all-tablet { word-break: var(--font-word-break-keep-all); }
+  .break-keep-tablet { word-break: var(--font-word-break-keep); }
 
   .bw-0-tablet { border-width: var(--size-border-width-0); border-style: solid; }
 
@@ -3508,9 +3508,9 @@
 
   .break-normal-desktop { word-break: var(--font-word-break-normal); }
 
-  .break-break-all-desktop { word-break: var(--font-word-break-break-all); }
+  .break-all-desktop { word-break: var(--font-word-break-all); }
 
-  .break-keep-all-desktop { word-break: var(--font-word-break-keep-all); }
+  .break-keep-desktop { word-break: var(--font-word-break-keep); }
 
   .bw-0-desktop { border-width: var(--size-border-width-0); border-style: solid; }
 
@@ -4813,9 +4813,9 @@
 
   .break-normal-hd { word-break: var(--font-word-break-normal); }
 
-  .break-break-all-hd { word-break: var(--font-word-break-break-all); }
+  .break-all-hd { word-break: var(--font-word-break-all); }
 
-  .break-keep-all-hd { word-break: var(--font-word-break-keep-all); }
+  .break-keep-hd { word-break: var(--font-word-break-keep); }
 
   .bw-0-hd { border-width: var(--size-border-width-0); border-style: solid; }
 

package/dist/css/variables.css

@@ -3,7 +3,7 @@
   \*********************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Fri, 15 Aug 2025 16:51:26 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:26 GMT
  */
 
 :root {
@@ -238,8 +238,8 @@
   --font-white-space-pre-wrap: pre-wrap;
   --font-white-space-break-spaces: break-spaces;
   --font-word-break-normal: normal;
-  --font-word-break-break-all: break-all;
-  --font-word-break-keep-all: keep-all;
+  --font-word-break-all: break-all;
+  --font-word-break-keep: keep-all;
   --size-border-width-0: 0rem;
   --size-border-width-sm: 0.0625rem;
   --size-border-width-md: 0.125rem;
@@ -366,7 +366,7 @@
   \*******************************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Fri, 15 Aug 2025 16:51:26 GMT
+ * Generated on Fri, 15 Aug 2025 18:14:26 GMT
  */
 
 :root.dark {

package/dist/types/index.d.ts

@@ -32,7 +32,7 @@ export type CssFlexValue = 'auto' | 'initial' | 'none' | 'inherit' | 'unset';
 export type CssOverflowValue = 'visible' | 'hidden' | 'clip' | 'auto' | 'scroll' | 'inherit' | 'initial' | 'unset';
 export type CssDisplayValue = 'none' | 'flex' | 'inline-flex' | 'block' | 'inline-block' | 'inline' | 'inherit' | 'grid' | 'table-cell' | 'contents';
 export type CssWhiteSpaceValue = 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
-export type CssWordBreakValue = 'normal' | 'break-all' | 'keep-all';
+export type CssWordBreakValue = 'normal' | 'all' | 'keep';
 export type CssTextAlignValue = 'left' | 'center' | 'right';
 export type BaseSpacing = SpacingSize | string | undefined;
 export type BorderRadiusSize = BorderRadius | string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyphen/hyphen-components",
-  "version": "5.8.0",
+  "version": "5.8.1",
   "license": "MIT",
   "author": {
     "name": "@hyphen"
@@ -62,7 +62,7 @@
   ],
   "dependencies": {
     "@emotion/react": "^11.14.0",
-    "@hyphen/hyphen-design-tokens": "^4.40.0",
+    "@hyphen/hyphen-design-tokens": "^5.0.0",
     "@popperjs/core": "^2.11.8",
     "@radix-ui/react-collapsible": "^1.1.11",
     "@radix-ui/react-dropdown-menu": "^2.1.15",

package/src/components/Box/Box.stories.tsx

@@ -1203,7 +1203,7 @@ export const WordBreak = () => (
       <Box
         as="p"
         display="block"
-        wordBreak="break-all"
+        wordBreak="all"
         borderWidth="0 sm 0 sm"
         borderColor="danger"
       >
@@ -1216,7 +1216,7 @@ export const WordBreak = () => (
       <Box
         as="p"
         display="block"
-        wordBreak="keep-all"
+        wordBreak="keep"
         borderWidth="0 sm 0 sm"
         borderColor="danger"
       >

package/src/types/index.ts

@@ -129,7 +129,7 @@ export type CssWhiteSpaceValue =
   | 'pre-wrap'
   | 'pre-line';
 
-export type CssWordBreakValue = 'normal' | 'break-all' | 'keep-all';
+export type CssWordBreakValue = 'normal' | 'all' | 'keep';
 
 export type CssTextAlignValue = 'left' | 'center' | 'right';