@sb1/ffe-core 19.1.0 → 19.2.0

package/css/colors.css

@@ -27,9 +27,6 @@
   --ffe-black: #262626;
   --ffe-blue-deep-sky: #008ed2;
   --ffe-sand-ivory: #fbfaf5;
-  --ffe-blue-onahau--dark: #c8f1ff;
-  --ffe-grey-shuttle--dark: #5d6c79;
-  --ffe-grey-dark-blue--dark: #293a4c;
   --ffe-black-darkmode: #000000;
   --ffe-white-darkmode: #ffffff;
   --ffe-grey-charcoal-darkmode: #1c1c1c;

package/less/colors.less

@@ -46,11 +46,6 @@
 @ffe-blue-deep-sky: #008ed2; // Deprecated 05.2018 - Use @ffe-blue-azure in stead
 @ffe-sand-ivory: #fbfaf5; // Deprecated 05.2018 - Use @ffe-sand or @ffe-grey-warm in stead
 
-// Dark variants. Only for use in internal applications with dark background.
-@ffe-blue-onahau--dark: #c8f1ff; // Active link color with --dark
-@ffe-grey-shuttle--dark: #5d6c79; // Background color for form elements with --dark
-@ffe-grey-dark-blue--dark: #293a4c; // Background color used with --dark
-
 // Dark mode. Only for use in a native app context.
 @ffe-black-darkmode: #000000; // Default background color
 @ffe-white-darkmode: #ffffff; // Emphasized text

package/less/font-sizes.less

@@ -25,7 +25,7 @@
 }
 
 .ffe-fontsize-sub-lead-paragraph() {
-    font-size: 1rem;
+    font-size: 1.063rem;
 
     .ffe-fontsize(@breakpoint-sm, {font-size: 1.125rem;});
 }

package/less/typography.less

@@ -180,9 +180,6 @@
             color: @ffe-farge-lysgraa;
         }
     }
-    &--dark {
-        color: @ffe-white;
-    }
 }
 
 .ffe-micro-text {
@@ -303,7 +300,7 @@
 
 .ffe-lead-paragraph {
     color: @ffe-farge-fjell;
-    line-height: 1.75rem;
+    line-height: 1.5rem;
     .ffe-fontsize-lead-paragraph();
     .native & {
         @media (prefers-color-scheme: dark) {
@@ -330,9 +327,13 @@
     text-decoration: none;
     word-wrap: break-word;
     line-height: 1em;
+    display: inline-block;
+    transition: all @ffe-transition-duration @ffe-ease;
+
     .native & {
         @media (prefers-color-scheme: dark) {
             color: @ffe-farge-vann-70;
+            border-color: @ffe-farge-vann-70;
         }
     }
 
@@ -354,8 +355,8 @@
         text-decoration: none;
         .native & {
             @media (prefers-color-scheme: dark) {
-                color: @ffe-farge-lyng-30;
-                border-color: @ffe-farge-lyng-30;
+                color: @ffe-farge-lyng-70;
+                border-color: @ffe-farge-lyng-70;
             }
         }
     }
@@ -363,6 +364,24 @@
     &--no-underline {
         border-bottom: none;
     }
+
+    &:focus {
+        border-color: @ffe-farge-hvit;
+        border-radius: 1px;
+        background-color: @ffe-farge-vann;
+        box-shadow: 0 0 0 2px @ffe-farge-vann;
+        color: @ffe-farge-hvit;
+        outline: none;
+
+        .native & {
+            @media (prefers-color-scheme: dark) {
+                border-color: @ffe-farge-svart !important;
+                background-color: @ffe-farge-vann-70;
+                box-shadow: 0 0 0 2px @ffe-farge-vann-70;
+                color: @ffe-farge-svart !important;
+            }
+        }
+    }
 }
 
 .ffe-divider-line {

package/lib/colors.d.ts

@@ -26,9 +26,6 @@ export declare const greyWarm = "#f6f6f3";
 export declare const black = "#262626";
 export declare const blueDeepSky = "#008ed2";
 export declare const sandIvory = "#fbfaf5";
-export declare const blueOnahauDark = "#c8f1ff";
-export declare const greyShuttleDark = "#5d6c79";
-export declare const greyDarkBlueDark = "#293a4c";
 export declare const blackDarkmode = "#000000";
 export declare const whiteDarkmode = "#ffffff";
 export declare const greyCharcoalDarkmode = "#1c1c1c";

package/lib/colors.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.fargeHvit = exports.fargeLysvarmgraa = exports.fargeVarmgraa = exports.fargeMoerkvarmgraa = exports.fargeLysgraa = exports.fargeGraaWcag = exports.fargeGraa = exports.fargeMoerkgraa = exports.fargeKoksgraa = exports.fargeSvart = exports.fargeNatt = exports.fargeSol30 = exports.fargeSol70 = exports.fargeSol = exports.fargeMulte30 = exports.fargeMulte70 = exports.fargeMulte = exports.fargeSkog30 = exports.fargeSkog70 = exports.fargeSkog = exports.fargeBaer30 = exports.fargeBaer70 = exports.fargeBaerWcag = exports.fargeBaer = exports.fargeLyng30 = exports.fargeLyng70 = exports.fargeLyng = exports.fargeNordlys30 = exports.fargeNordlys70 = exports.fargeNordlysWcag = exports.fargeNordlys = exports.fargeVillblomst30 = exports.fargeVillblomst70 = exports.fargeVillblomst = exports.fargeMyrull30 = exports.fargeMyrull70 = exports.fargeMyrull = exports.fargeSyrin30 = exports.fargeSyrin70 = exports.fargeSyrin = exports.fargeFrost30 = exports.fargeFrost70 = exports.fargeFrost = exports.fargeSand30 = exports.fargeSand70 = exports.fargeSand = exports.fargeVann30Hover = exports.fargeVann30 = exports.fargeVann70 = exports.fargeVann = exports.fargeFjell30 = exports.fargeFjell70 = exports.fargeFjell = exports.redDarkmode = exports.blueAzureDarkmode = exports.greyCloudDarkmode = exports.greySilverDarkmode = exports.greyDarkmode = exports.greyCharcoalDarkmode = exports.whiteDarkmode = exports.blackDarkmode = exports.greyDarkBlueDark = exports.greyShuttleDark = exports.blueOnahauDark = exports.sandIvory = exports.blueDeepSky = exports.black = exports.greyWarm = exports.greyCharcoal = exports.greySilver = exports.greyCloud = exports.grey = exports.white = exports.sand = exports.purpleViolet = exports.purpleMagenta = exports.purple = exports.red = exports.orangeSalmon = exports.orangeFire = exports.orange = exports.greenMint = exports.greenEmerald = exports.greenShamrock = exports.green = exports.blueFocus = exports.blueIce = exports.bluePale = exports.blueSky = exports.blueAzure = exports.blueCobalt = exports.blueRoyal = void 0;
+exports.fargeHvit = exports.fargeLysvarmgraa = exports.fargeVarmgraa = exports.fargeMoerkvarmgraa = exports.fargeLysgraa = exports.fargeGraaWcag = exports.fargeGraa = exports.fargeMoerkgraa = exports.fargeKoksgraa = exports.fargeSvart = exports.fargeNatt = exports.fargeSol30 = exports.fargeSol70 = exports.fargeSol = exports.fargeMulte30 = exports.fargeMulte70 = exports.fargeMulte = exports.fargeSkog30 = exports.fargeSkog70 = exports.fargeSkog = exports.fargeBaer30 = exports.fargeBaer70 = exports.fargeBaerWcag = exports.fargeBaer = exports.fargeLyng30 = exports.fargeLyng70 = exports.fargeLyng = exports.fargeNordlys30 = exports.fargeNordlys70 = exports.fargeNordlysWcag = exports.fargeNordlys = exports.fargeVillblomst30 = exports.fargeVillblomst70 = exports.fargeVillblomst = exports.fargeMyrull30 = exports.fargeMyrull70 = exports.fargeMyrull = exports.fargeSyrin30 = exports.fargeSyrin70 = exports.fargeSyrin = exports.fargeFrost30 = exports.fargeFrost70 = exports.fargeFrost = exports.fargeSand30 = exports.fargeSand70 = exports.fargeSand = exports.fargeVann30Hover = exports.fargeVann30 = exports.fargeVann70 = exports.fargeVann = exports.fargeFjell30 = exports.fargeFjell70 = exports.fargeFjell = exports.redDarkmode = exports.blueAzureDarkmode = exports.greyCloudDarkmode = exports.greySilverDarkmode = exports.greyDarkmode = exports.greyCharcoalDarkmode = exports.whiteDarkmode = exports.blackDarkmode = exports.sandIvory = exports.blueDeepSky = exports.black = exports.greyWarm = exports.greyCharcoal = exports.greySilver = exports.greyCloud = exports.grey = exports.white = exports.sand = exports.purpleViolet = exports.purpleMagenta = exports.purple = exports.red = exports.orangeSalmon = exports.orangeFire = exports.orange = exports.greenMint = exports.greenEmerald = exports.greenShamrock = exports.green = exports.blueFocus = exports.blueIce = exports.bluePale = exports.blueSky = exports.blueAzure = exports.blueCobalt = exports.blueRoyal = void 0;
 exports.blueRoyal = '#002776';
 exports.blueCobalt = '#005aa4';
 exports.blueAzure = '#0071cd';
@@ -29,9 +29,6 @@ exports.greyWarm = '#f6f6f3';
 exports.black = '#262626';
 exports.blueDeepSky = '#008ed2';
 exports.sandIvory = '#fbfaf5';
-exports.blueOnahauDark = '#c8f1ff';
-exports.greyShuttleDark = '#5d6c79';
-exports.greyDarkBlueDark = '#293a4c';
 exports.blackDarkmode = '#000000';
 exports.whiteDarkmode = '#ffffff';
 exports.greyCharcoalDarkmode = '#1c1c1c';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sb1/ffe-core",
-  "version": "19.1.0",
+  "version": "19.2.0",
   "description": "Rammeverk for Felles Front End",
   "license": "MIT",
   "author": "SpareBank 1",
@@ -31,5 +31,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8886f3c7f73c8dc931a338ef3ad3d504a068c2ed"
+  "gitHead": "1c792a461d9c000bef0abb115457cb40f0b8e1cc"
 }