Merge pull request #1814 from SpareBank1/develop_overflow-wrap

Develop overflow wrap
SpareBank1 · Feb 28, 2024 · dbee0a8 · dbee0a8
2 parents 8ad9109 + 52e9596
commit dbee0a8
Show file tree

Hide file tree

Showing 11 changed files with 8 additions and 20 deletions.
diff --git a/packages/ffe-accordion/less/accordion.less b/packages/ffe-accordion/less/accordion.less
@@ -18,8 +18,7 @@
 
     &__heading,
     &__body {
-        word-break: break-all;
-        hyphens: auto;
+        overflow-wrap: anywhere;
     }
 
     &__heading-button {

diff --git a/packages/ffe-cards/less/components.less b/packages/ffe-cards/less/components.less
@@ -28,6 +28,5 @@
 }
 
 :where(.ffe-card-body__card-name, .ffe-card-body__text, .ffe-card-body__subtext, .ffe-card-body__title) {
-    word-break: break-all;
-    hyphens: auto;
+    overflow-wrap: anywhere;
 }
diff --git a/packages/ffe-context-message/less/context-message.less b/packages/ffe-context-message/less/context-message.less
@@ -58,8 +58,7 @@
     .ffe-small-text,
     .ffe-link-text,
     &__header {
-        word-break: break-all;
-        hyphens: auto;
+        overflow-wrap: anywhere;
     }
 
     .ffe-body-paragraph,

diff --git a/packages/ffe-core/less/typography.less b/packages/ffe-core/less/typography.less
@@ -197,8 +197,7 @@
     margin-bottom: @ffe-spacing-xs;
     margin-top: 0;
     text-wrap: balance;
-    word-break: break-all;
-    hyphens: auto;
+    overflow-wrap: anywhere;
 
     &--error {
         color: var(--ffe-g-error-color);
@@ -475,6 +474,5 @@
 .ffe-pre-text,
 .ffe-small-text,
 .ffe-micro-text {
-    word-break: break-all;
-    hyphens: auto;
+    overflow-wrap: anywhere;
 }
diff --git a/packages/ffe-form/less/form-label.less b/packages/ffe-form/less/form-label.less
@@ -1,6 +1,5 @@
 .ffe-form-label {
-    word-break: break-all;
-    hyphens: auto;
+    overflow-wrap: anywhere;
     padding-bottom: @ffe-spacing-xs;
     display: inline-block;
     position: relative;

diff --git a/packages/ffe-form/less/radio-block.less b/packages/ffe-form/less/radio-block.less
@@ -10,7 +10,6 @@
     width: 100%;
     transition: width @ffe-transition-duration @ffe-ease-in-out-back;
     overflow-wrap: anywhere;
-    hyphens: auto;
 
     &__content,
     &__header {

diff --git a/packages/ffe-form/less/radio-button.less b/packages/ffe-form/less/radio-button.less
@@ -3,7 +3,6 @@
 
     line-height: var(--line-height);
     overflow-wrap: anywhere;
-    hyphens: auto;
     font-family: var(--ffe-g-font);
     font-variant-numeric: tabular-nums;
     display: grid;

diff --git a/packages/ffe-form/less/radio-switch.less b/packages/ffe-form/less/radio-switch.less
@@ -20,7 +20,6 @@
     margin-top: @ffe-spacing-sm;
     line-height: 1.5;
     overflow-wrap: anywhere;
-    hyphens: auto;
 
     &::before {
         content: '';

diff --git a/packages/ffe-form/less/tooltip.less b/packages/ffe-form/less/tooltip.less
@@ -46,7 +46,6 @@
         visibility: hidden;
         transition: height @ffe-transition-duration @ffe-ease;
         overflow-wrap: anywhere;
-        hyphens: auto;
     }
 
     &--open &__text {

diff --git a/packages/ffe-message-box/less/message-box.less b/packages/ffe-message-box/less/message-box.less
@@ -5,8 +5,7 @@
     .ffe-body-paragraph,
     .ffe-link-text,
     &__title {
-        word-break: break-all;
-        hyphens: auto;
+        overflow-wrap: anywhere;
     }
 
     .ffe-body-paragraph {

diff --git a/packages/ffe-system-message/less/system-message.less b/packages/ffe-system-message/less/system-message.less
@@ -179,8 +179,7 @@
         padding: 0;
         font-size: 0.875rem;
         flex: 1 1 auto;
-        word-break: break-all;
-        hyphens: auto;
+        overflow-wrap: anywhere;
 
         @media (min-width: 600px) {
             font-size: 1rem;