@oslokommune/punkt-css 12.34.4 → 12.35.0

package/dist/scss/abstracts/variables/_index.scss

@@ -6,7 +6,7 @@
 @forward 'spacing';
 
 // Default icon path
-$icon-path: 'https://punkt-cdn.oslo.kommune.no/12.34/icons' !default;
+$icon-path: 'https://punkt-cdn.oslo.kommune.no/12.35/icons' !default;
 
 // Borders
 $border-width: (

package/dist/scss/abstracts/variables/_typography.scss

@@ -65,7 +65,9 @@ $font-size: (
   'size-30': 1.875rem,
   'size-36': 2.25rem,
   'size-40': 2.5rem,
+  'size-48': 3rem,
   'size-54': 3.375rem,
+  'size-70': 4.375rem,
 ) !default;
 
 $font-weight: (
@@ -115,12 +117,24 @@ $pkt-font-weight: (
 
 // pkt specific styles
 $pkt-styles: (
+  'pkt-txt-70': (
+    'size': 'size-70',
+    'weight': 'regular',
+    'letter-spacing': 'tighter',
+    'line-height': 'lh-82',
+  ),
   'pkt-txt-54': (
     'size': 'size-54',
     'weight': 'regular',
     'letter-spacing': 'tighter',
     'line-height': 'lh-82',
   ),
+  'pkt-txt-48': (
+    'size': 'size-48',
+    'weight': 'regular',
+    'letter-spacing': 'tight',
+    'line-height': 'lh-54',
+  ),
   'pkt-txt-40': (
     'size': 'size-40',
     'weight': 'regular',

package/dist/scss/components/_heading.scss

@@ -0,0 +1,48 @@
+@use 'sass:map';
+@use '../abstracts/variables';
+@use '../abstracts/mixins/typography';
+@use '../abstracts/mixins/breakpoints' as *;
+@use '../abstracts/functions';
+
+.pkt-heading {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.2;
+
+  &--xlarge {
+    @include typography.get-text('pkt-txt-70');
+  }
+
+  &--large {
+    @include typography.get-text('pkt-txt-48');
+  }
+
+  &--medium {
+    @include typography.get-text('pkt-txt-30');
+  }
+
+  &--small {
+    @include typography.get-text('pkt-txt-24');
+  }
+
+  &--xsmall {
+    @include typography.get-text('pkt-txt-22');
+  }
+
+  &--noSpacing {
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+
+  &--start {
+    text-align: start;
+  }
+
+  &--end {
+    text-align: end;
+  }
+
+  &--center {
+    text-align: center;
+  }
+}

package/dist/scss/components/_index.scss

@@ -8,6 +8,7 @@
 @forward 'combobox';
 @forward 'footer';
 @forward 'header';
+@forward 'heading';
 @forward 'icon';
 @forward 'inputwrapper';
 @forward 'linkcard';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-css",
-  "version": "12.34.4",
+  "version": "12.35.0",
   "description": "CSS-rammeverket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -57,5 +57,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "437c77a182d85a710e0d5adbf492ea7585a0d472"
+  "gitHead": "897a80f0520cca735bc514c074d11a7e750079cc"
 }