@sb1/ffe-core 27.1.1 → 27.2.0

package/css/breakpoints.css

@@ -1,4 +1,5 @@
-:root {
+:root,
+:host {
   --breakpoint-sm: 480px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 1024px;

package/css/colors.css

@@ -1,4 +1,5 @@
-:root {
+:root,
+:host {
   --ffe-blue-royal: #002776;
   --ffe-blue-cobalt: #005aa4;
   --ffe-blue-azure: #0071cd;

package/css/dimensions.css

@@ -1,4 +1,5 @@
-:root {
+:root,
+:host {
   --app-width: 1280px;
   --app-width-min: 320px;
   --app-margin: 20px;

package/css/motion.css

@@ -1,4 +1,5 @@
-:root {
+:root,
+:host {
   --ffe-ease-in-out-back: cubic-bezier(0.46, -0.265, 0.48, 1.38);
   --ffe-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
   --ffe-transition-duration: 0.2s;

package/css/spacing.css

@@ -1,4 +1,5 @@
-:root {
+:root,
+:host {
   --ffe-spacing: 8px;
   --ffe-spacing-2xs: 4px;
   --ffe-spacing-xs: 8px;

package/less/theme.less

@@ -111,22 +111,19 @@
     /** Fonts */
 
     /* Default font */
-    --ffe-g-font: 'SpareBank1-regular', 'MuseoSans-500', arial, sans-serif;
+    --ffe-g-font: 'SpareBank1-regular', arial, sans-serif;
 
     /* h1 - h2 */
-    --ffe-g-font-heading: 'SpareBank1-title-medium', 'MuseoSansRounded-700',
-        arial, sans-serif;
+    --ffe-g-font-heading: 'SpareBank1-title-medium', arial, sans-serif;
 
     /* h3 - h6 */
-    --ffe-g-font-heading-small: 'SpareBank1-medium', 'MuseoSansRounded-700',
-        arial, sans-serif;
+    --ffe-g-font-heading-small: 'SpareBank1-medium', arial, sans-serif;
 
     /* Bold text */
-    --ffe-g-font-strong: 'SpareBank1-medium', 'MuseoSansRounded-700', arial,
-        sans-serif;
+    --ffe-g-font-strong: 'SpareBank1-medium', arial, sans-serif;
 
     /* Emphasized text */
-    --ffe-g-font-italic: 'SpareBank1-italic', 'MuseoSans-500', arial, sans-serif;
+    --ffe-g-font-italic: 'SpareBank1-italic', arial, sans-serif;
 
     /** Typography */
 

package/less/typography.less

@@ -196,6 +196,7 @@
     font-weight: normal;
     margin-bottom: @ffe-spacing-xs;
     margin-top: 0;
+    text-wrap: balance;
 
     &--error {
         color: var(--ffe-g-error-color);
@@ -256,6 +257,7 @@
     margin-top: 0;
     line-height: 1.5rem;
     color: var(--ffe-g-text-color);
+    text-wrap: balance;
 
     &--text-center {
         text-align: center;
@@ -272,6 +274,7 @@
     font-variant-numeric: tabular-nums;
     margin-top: 0;
     margin-bottom: 1em;
+    text-wrap: balance;
 }
 
 .ffe-lead-paragraph {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-core",
-    "version": "27.1.1",
+    "version": "27.2.0",
     "description": "Rammeverk for Felles Front End",
     "license": "MIT",
     "author": "SpareBank 1",
@@ -31,5 +31,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "22b8ad48a07c5afca3100dfef456bb667a0dfb0e"
+    "gitHead": "ae86a1b0efce7a96908d46b2cc8eb523c660d8bf"
 }