@scania/tegel 0.0.7 → 0.0.8

package/dist/collection/collection-manifest.json

@@ -5,12 +5,12 @@
     "./components/data-table/table/table.js",
     "./components/accordion/accordion.js",
     "./components/accordion/accordion-item/accordion-item.js",
-    "./components/badge/badges.js",
+    "./components/badge/badge.js",
     "./components/banner/sdds-banner.js",
     "./components/block/sdds-block.js",
     "./components/breadcrumb/sdds-breadcrumb.js",
     "./components/breadcrumb/sdds-breadcrumb-item/sdds-breadcrumb-item.js",
-    "./components/button/button-component.js",
+    "./components/button/button.js",
     "./components/card/sdds-card.js",
     "./components/checkbox/sdds-checkbox.js",
     "./components/chip/sdds-chip.js",
@@ -27,6 +27,8 @@
     "./components/dropdown/dropdown.js",
     "./components/dropdown/dropdown-filter/dropdown-filter.js",
     "./components/dropdown/dropdown-option/dropdown-option.js",
+    "./components/dropdown-v2/dropdown-v2.js",
+    "./components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.js",
     "./components/footer/webcomponent/sdds-footer.js",
     "./components/footer/webcomponent/sdds-footer-group/sdds-footer-group.js",
     "./components/footer/webcomponent/sdds-footer-item/sdds-footer-item.js",
@@ -82,7 +84,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "3.0.1",
+    "version": "3.2.2",
     "typescriptVersion": "4.9.5"
   },
   "collections": [],

package/dist/collection/components/accordion/accordion-item/accordion-item.js

@@ -7,9 +7,9 @@ export class AccordionItem {
     this.expanded = false;
     this.paddingReset = false;
   }
-  /** Method for toggeling the expanded state of the accordion item. */
+  /** Method for toggeling the expanded state of the Accordion Item. */
   async toggleAccordionItem() {
-    // This is negated in order to emit the value the accordion item will have after it has expanded/redacted.
+    // This is negated in order to emit the value the Accordion Item will have after it has expanded/redacted.
     const event = this.sddsToggle.emit({
       expanded: !this.expanded,
     });
@@ -140,7 +140,7 @@ export class AccordionItem {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Fires when the accordion item is clicked but before the it is closed or opened."
+          "text": "Fires when the Accordion Item is clicked but before the it is closed or opened."
         },
         "complexType": {
           "original": "{\n    expanded: boolean;\n  }",
@@ -163,7 +163,7 @@ export class AccordionItem {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Method for toggeling the expanded state of the accordion item.",
+          "text": "Method for toggeling the expanded state of the Accordion Item.",
           "tags": []
         }
       }

package/dist/collection/components/badge/{badges.css → badge.css}

@@ -1,6 +1,6 @@
 :host {
-  --sdds-badges-background-color: var(--sdds-negative);
-  --sdds-badges-color-text: var(--sdds-white);
+  --sdds-badge-background-color: var(--sdds-negative);
+  --sdds-badge-color-text: var(--sdds-white);
   box-sizing: border-box;
   display: block;
 }
@@ -8,35 +8,35 @@
   box-sizing: border-box;
 }
 
-.sdds-badges {
+.sdds-badge {
   display: block;
   border-radius: 12px;
-  background-color: var(--sdds-badges-background-color);
+  background-color: var(--sdds-badge-background-color);
   text-align: center;
 }
-.sdds-badges.sdds-badges-sm {
+.sdds-badge.sdds-badge-sm {
   height: 8px;
   width: 8px;
   line-height: 8px;
 }
-.sdds-badges.sdds-badges-lg {
+.sdds-badge.sdds-badge-lg {
   height: 20px;
   line-height: 20px;
   width: 20px;
 }
-.sdds-badges.sdds-badges-pill {
+.sdds-badge.sdds-badge-pill {
   display: inline-block;
   width: unset;
   padding-left: 8px;
   padding-right: 8px;
 }
-.sdds-badges.sdds-badges-hidden {
+.sdds-badge.sdds-badge-hidden {
   display: none;
 }
 
-.sdds-badges-text {
+.sdds-badge-text {
   font-family: var(--sdds-font-family-semi-condensed-bold);
   font-size: 12px;
-  color: var(--sdds-badges-color-text);
+  color: var(--sdds-badge-color-text);
   font-weight: bold;
 }

package/dist/collection/components/badge/{badges.js → badge.js}

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core';
-export class SddsBadges {
+export class SddsBadge {
   constructor() {
     this.value = '';
     this.hidden = false;
@@ -33,18 +33,18 @@ export class SddsBadges {
     }
   }
   render() {
-    return (h("host", { class: `sdds-badges sdds-badges-${this.size} ${this.shape === 'pill' ? 'sdds-badges-pill' : ''} ${this.hidden ? 'sdds-badges-hidden' : ''}` }, h("div", { class: "sdds-badges-text" }, this.text)));
+    return (h("host", { class: `sdds-badge sdds-badge-${this.size} ${this.shape === 'pill' ? 'sdds-badge-pill' : ''} ${this.hidden ? 'sdds-badge-hidden' : ''}` }, h("div", { class: "sdds-badge-text" }, this.text)));
   }
-  static get is() { return "sdds-badges"; }
+  static get is() { return "sdds-badge"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
     return {
-      "$": ["badges.scss"]
+      "$": ["badge.scss"]
     };
   }
   static get styleUrls() {
     return {
-      "$": ["badges.css"]
+      "$": ["badge.css"]
     };
   }
   static get properties() {
@@ -61,7 +61,7 @@ export class SddsBadges {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Value shown in badge"
+          "text": "Value shown in Badge"
         },
         "attribute": "value",
         "reflect": false,
@@ -79,7 +79,7 @@ export class SddsBadges {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Changes visibility of badge"
+          "text": "Changes visibility of Badge"
         },
         "attribute": "hidden",
         "reflect": false,
@@ -98,7 +98,7 @@ export class SddsBadges {
         "docs": {
           "tags": [{
               "name": "deprecated",
-              "text": "Use size prop instead. Changes badge from large to small size"
+              "text": "Use size prop instead. Changes Badge from large to small size"
             }],
           "text": ""
         },

package/dist/collection/components/banner/sdds-banner.js

@@ -26,11 +26,11 @@ export class SddsBanner {
     this.hasSubheader = undefined;
     this.hasLink = undefined;
   }
-  /** Hides the banner. */
+  /** Hides the Banner. */
   async hideBanner() {
     this.handleClose();
   }
-  /** Shows the banner */
+  /** Shows the Banner */
   async showBanner() {
     this.handleShow();
   }
@@ -110,7 +110,7 @@ export class SddsBanner {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Type of banner"
+          "text": "Type of Banner"
         },
         "attribute": "type",
         "reflect": false,
@@ -128,7 +128,7 @@ export class SddsBanner {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "ID used for internal table functionality and events, must be unique.\n\n**NOTE**: If you're listening for banner close events you need to set this ID yourself to identify the banner, as the default ID is random and will be different every time."
+          "text": "ID used for internal table functionality and events, must be unique.\n\n**NOTE**: If you're listening for Banner close events you need to set this ID yourself to identify the Banner, as the default ID is random and will be different every time."
         },
         "attribute": "banner-id",
         "reflect": false,
@@ -146,7 +146,7 @@ export class SddsBanner {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Removes the close button on the banner."
+          "text": "Removes the close button on the Banner."
         },
         "attribute": "persistent",
         "reflect": false,
@@ -164,7 +164,7 @@ export class SddsBanner {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Hides the banner"
+          "text": "Hides the Banner"
         },
         "attribute": "hidden",
         "reflect": false,
@@ -187,7 +187,7 @@ export class SddsBanner {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Sends unique banner identifier when the close button is pressed."
+          "text": "Sends a unique Banner identifier when the close button is pressed."
         },
         "complexType": {
           "original": "{\n    bannerId: string;\n  }",
@@ -202,7 +202,7 @@ export class SddsBanner {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Sends unique banner identifier when the close button is pressed."
+          "text": "Sends the unique Banner identifier when the close button is pressed."
         },
         "complexType": {
           "original": "{\n    bannerId: string;\n  }",
@@ -225,7 +225,7 @@ export class SddsBanner {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Hides the banner.",
+          "text": "Hides the Banner.",
           "tags": []
         }
       },
@@ -241,7 +241,7 @@ export class SddsBanner {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Shows the banner",
+          "text": "Shows the Banner",
           "tags": []
         }
       }