@norwegian/core-components 7.14.1 → 7.15.0

package/lib/components/accordion/accordion.component.d.ts

@@ -7,7 +7,7 @@ import { NasComponentBase, ClassModel } from '../../core';
 import * as i0 from "@angular/core";
 /**
  * @description
- * Norwegian Accordion Component | Layout
+ * Norwegian Accordion Component | Layout | New design
  */
 export declare class AccordionComponent extends NasComponentBase implements OnInit {
     /**
@@ -24,6 +24,22 @@ export declare class AccordionComponent extends NasComponentBase implements OnIn
      * <nas-accordion [title]="'This is a title'">You can put any kind of elements and content here...</nas-accordion>
     */
     title: string;
+    /**
+    * @property Input
+    * @description
+    * A string input value to set description next to the title
+    * @example
+    * <nas-accordion [title]="'Title'" [titleDescription]="'This is titleDescription'">You can put any kind of elements and content here...</nas-accordion>
+   */
+    titleDescription: string;
+    /**
+     * @property Input
+     * @description
+     * A string input value to set description below to the title
+     * @example
+     * <nas-accordion [title]="'Title'" [description]="'This is description'">You can put any kind of elements and content here...</nas-accordion>
+    */
+    description: string;
     /**
      * @property Input
      * @description
@@ -187,6 +203,15 @@ export declare class AccordionComponent extends NasComponentBase implements OnIn
      * <nas-accordion [cssStyle]="{'width': '300px', 'height': '40px'}}">You can put any kind of elements and content here...</nas-accordion>
     */
     cssStyle: any;
+    /**
+     * @property Input
+     * @description
+     * Set header level to accordion. Default is h2
+     *
+     * @example
+     * <nas-accordion [htag]="'3'">You can put any kind of elements and content here...</nas-accordion>
+    */
+    htag: '1' | '2' | '3' | '4' | '5';
     /**
      * @property Output
      * @description
@@ -198,6 +223,7 @@ export declare class AccordionComponent extends NasComponentBase implements OnIn
     private animateIn;
     private animateOut;
     regularHeader: boolean;
+    get headerLevel(): number;
     /**
      * @description
      * Represent a accordion component.
@@ -211,5 +237,5 @@ export declare class AccordionComponent extends NasComponentBase implements OnIn
     toggle(): void;
     setHeaderType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "nas-accordion", never, { "expanded": { "alias": "expanded"; "required": false; }; "title": { "alias": "title"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaced": { "alias": "spaced"; "required": false; }; "small": { "alias": "small"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "containerOnToggle": { "alias": "containerOnToggle"; "required": false; }; "nopadding": { "alias": "nopadding"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "approve": { "alias": "approve"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "badgeInfo": { "alias": "badgeInfo"; "required": false; }; "badgeSuccess": { "alias": "badgeSuccess"; "required": false; }; "badgeWarning": { "alias": "badgeWarning"; "required": false; }; "badgeError": { "alias": "badgeError"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "nas-accordion", never, { "expanded": { "alias": "expanded"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleDescription": { "alias": "titleDescription"; "required": false; }; "description": { "alias": "description"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaced": { "alias": "spaced"; "required": false; }; "small": { "alias": "small"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "containerOnToggle": { "alias": "containerOnToggle"; "required": false; }; "nopadding": { "alias": "nopadding"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "approve": { "alias": "approve"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "badgeInfo": { "alias": "badgeInfo"; "required": false; }; "badgeSuccess": { "alias": "badgeSuccess"; "required": false; }; "badgeWarning": { "alias": "badgeWarning"; "required": false; }; "badgeError": { "alias": "badgeError"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "htag": { "alias": "htag"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norwegian/core-components",
-  "version": "7.14.1",
+  "version": "7.15.0",
   "peerDependencies": {
     "@angular/common": ">=16.0.0 < 22.0.0",
     "@angular/core": ">=16.0.0 < 22.0.0"

package/styles/3__base/_heading.scss

@@ -3,20 +3,17 @@
     @include font-size(xxlarge);
     @include font(heading, bold);
     margin: 0 0 $spacing;
-    letter-spacing: -0.03em;
 }
 
 .xl-typo {
     @include font-size(xlarge);
     @include font(heading, bold);
     margin: 0 0 $spacing--medium;
-    letter-spacing: -0.03em;
 }
 
 .l-typo {
     @include font-size(large);
     @include font(heading, bold);
-    letter-spacing: -0.03em;
 }
 
 h1,
@@ -25,7 +22,6 @@ h1,
     @include font-size(xxlarge, false, mobile);
     margin: 0 0 $spacing;
     color: $typography-default;
-    letter-spacing: -0.03em;
 
     @include min-width(md) {
         @include font-size(xxlarge, false, base);
@@ -36,7 +32,6 @@ h2,
 .heading2 {
     @include font(heading, bold);
     @include font-size(xlarge, false, mobile);
-    letter-spacing: -0.03em;
     margin: 0 0 $spacing--xsmall;
 
     @include min-width(md) {
@@ -48,7 +43,6 @@ h3,
 .heading3 {
     @include font(heading, bold);
     @include font-size(large, false, mobile);
-    letter-spacing: -0.03em;
     margin: 0 0 $spacing--xxxsmall;
 
     @include min-width(md) {