@sb1/ffe-core 27.3.11 → 27.4.0

package/less/typography.less

@@ -1,143 +1,6 @@
 @import 'breakpoints';
 @import 'colors';
 
-// Heading
-//
-// Markup:
-// <h1 class="ffe-h1">Overskrift nivå 1</h1>
-// <h2 class="ffe-h2">Overskrift nivå 2</h2>
-// <h3 class="ffe-h3">Overskrift nivå 3</h3>
-// <h4 class="ffe-h4">Overskrift nivå 4</h4>
-// <h5 class="ffe-h5">Overskrift nivå 5</h5>
-// <h6 class="ffe-h6">Overskrift nivå 6</h6>
-//
-// Styleguide ffe-core.typography.headings
-
-// Heading classes
-//
-// Markup:
-// <div class="{{modifier_class}}">Overskrift</div>
-//
-// .ffe-h1 - nivå 1
-// .ffe-h2 - nivå 2
-// .ffe-h3 - nivå 3
-// .ffe-h4 - nivå 4
-// .ffe-h5 - nivå 5
-// .ffe-h6 - nivå 6
-//
-// Styleguide ffe-core.typography.headings-classes
-
-// Heading modifiers
-//
-// Markup:
-// <div class="ffe-h3 ffe-h3{{modifier_class}}">Overskrift</div>
-//
-// --error         - Error
-// --inline        - Inline
-// --no-margin     - No margin
-// --with-border   - With border
-// --no-underline  - No underline
-//
-// Styleguide ffe-core.typography.headings-modifiers
-
-// Body paragraph
-//
-// Markup:
-// <p class="ffe-body-paragraph {{modifier_class}}">
-//    Velg en av bankene våre, og bruk BankID for å bli kunde. Nettbank og
-//    mobilbank får du med en gang, og bankkortet kommer i posten om en ukes
-//    tid.
-// </p>
-//
-// .ffe-body-paragraph--text-center - Centered
-// .ffe-body-paragraph--text-left   - Aligned left
-//
-// Styleguide ffe-core.typography.body-paragraph
-
-// Lead paragraph
-//
-// Markup:
-// <p class="ffe-lead-paragraph">
-//    Velg en av bankene våre, og bruk BankID for å bli kunde. Nettbank og
-//    mobilbank får du med en gang, og bankkortet kommer i posten om en ukes
-//    tid.
-// </p>
-// <p class="ffe-sub-lead-paragraph">
-//    Velg en av bankene våre, og bruk BankID for å bli kunde. Nettbank og
-//    mobilbank får du med en gang, og bankkortet kommer i posten om en ukes
-//    tid.
-// </p>
-// <p class="ffe-body-paragraph">
-//    Velg en av bankene våre, og bruk BankID for å bli kunde. Nettbank og
-//    mobilbank får du med en gang, og bankkortet kommer i posten om en ukes
-//    tid.
-// </p>
-//
-// Styleguide ffe-core.typography.lead-paragraph
-
-// Small text
-//
-// Markup:
-// <div class="ffe-small-text">Dette er en liten type</div>
-//
-// Styleguide ffe-core.typography.small-text
-
-// Micro text
-//
-// Markup:
-// <div class="ffe-micro-text">Dette er den minste typen vi har</div>
-//
-// Styleguide ffe-core.typography.micro-text
-
-// Strong text
-//
-// Markup:
-// <div class="ffe-strong-text">Dette er en sterk type</div>
-//
-// Styleguide ffe-core.typography.strong-text
-
-// Emphasized text
-//
-// Markup:
-// <div class="ffe-em-text">Dette bør utheves</div>
-//
-// Styleguide ffe-core.typography.em-text
-
-// Preformatted text
-//
-// Markup:
-// <pre class="ffe-pre-text">
-//    Gammal dam
-//    Ein frosk hoppar
-//    Lyden av vatnet
-// </pre>
-//
-// Styleguide ffe-core.typography.pre-text
-
-// Divider line
-//
-// Markup:
-// <hr class="ffe-divider-line"/>
-//
-// Styleguide ffe-core.typography.divider-line
-
-// Inline separator
-//
-// Markup:
-// <hr class="ffe-inline-seperator"/>
-//
-// Styleguide ffe-core.typography.inline-seperator
-
-// Link
-//
-// Markup:
-// <a class="ffe-link-text {{modifier_class}}" href="#na">Link text</a>
-//
-// :hover - Hover state
-// .ffe-link-text--no-underline - not underlined
-//
-// Styleguide ffe-core.typography.link-text
-
 .ffe-h1 {
     line-height: 2.25rem;
     font-size: var(--ffe-fontsize-h1);
@@ -184,6 +47,10 @@
 
 .ffe-micro-text {
     font-size: var(--ffe-fontsize-micro-text);
+
+    &--strong {
+        font-family: var(--ffe-g-font-strong);
+    }
 }
 
 .ffe-h1,

package/lib/breakpoints.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.breakpointXl = exports.breakpointLg = exports.breakpointMd = exports.breakpointSm = void 0;
 exports.breakpointSm = '480px';
 exports.breakpointMd = '768px';

package/lib/colors.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.fargeSyrin70 = exports.fargeSyrin = exports.fargeFrost30 = exports.fargeFrost70 = exports.fargeFrost = exports.fargeSand30 = exports.fargeSand70 = exports.fargeSand = 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.fargeHvit = exports.fargeLysvarmgraa = exports.fargeVarmgraa = exports.fargeMoerkvarmgraa = exports.fargeLysgraa = 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.fargeBaer = exports.fargeLyng30 = exports.fargeLyng70 = exports.fargeLyng = exports.fargeNordlys30 = exports.fargeNordlys70 = exports.fargeNordlys = exports.fargeVillblomst30 = exports.fargeVillblomst70 = exports.fargeVillblomst = exports.fargeMyrull30 = exports.fargeMyrull70 = exports.fargeMyrull = exports.fargeSyrin30 = void 0;
 exports.blueRoyal = '#002776';

package/lib/dimensions.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.appMargin = exports.appWidthMin = exports.appWidth = void 0;
 exports.appWidth = '1280px';
 exports.appWidthMin = '320px';

package/lib/index.js

@@ -13,7 +13,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./breakpoints"), exports);
 __exportStar(require("./colors"), exports);
 __exportStar(require("./dimensions"), exports);

package/lib/motion.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.transitionDuration = exports.ease = exports.easeInOutBack = void 0;
 exports.easeInOutBack = 'cubic-bezier(0.46, -0.265, 0.48, 1.38)';
 exports.ease = 'cubic-bezier(0.25, 0.1, 0.25, 1)';

package/lib/spacing.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.spacing5xl = exports.spacing4xl = exports.spacing3xl = exports.spacing2xl = exports.spacingXl = exports.spacingLg = exports.spacingMd = exports.spacingSm = exports.spacingXs = exports.spacing2xs = exports.spacing = void 0;
 exports.spacing = '8px';
 exports.spacing2xs = '4px';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-core",
-    "version": "27.3.11",
+    "version": "27.4.0",
     "description": "Rammeverk for Felles Front End",
     "license": "MIT",
     "author": "SpareBank 1",
@@ -25,11 +25,10 @@
         "@sb1/ffe-buildtool": "^0.6.1",
         "case": "^1.5.5",
         "less": "^4.1.2",
-        "postcss": "^8.3.6",
-        "typescript": "^4.6.4"
+        "postcss": "^8.3.6"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "12285ee4ecea525ee235bc88aee2ffe38c32f0d1"
+    "gitHead": "8f14fe9d40314d64c62a4622e7d35b33b9e5484d"
 }