@sebgroup/green-core 2.0.2 → 2.1.0

package/components/dropdown/dropdown.component.d.ts

@@ -40,6 +40,10 @@ export declare class GdsDropdown<ValueT = any> extends GdsFormControlElement<Val
      * The value of the dropdown will be an array of the selected values.
      */
     multiple: boolean;
+    /**
+     * Whether the dropdown should be clearable.
+     */
+    clearable: boolean;
     /**
      * Whether the dropdown should be rendered as a combobox.
      * When set to true, the dropdown will render an input field instead of a button.

package/components/dropdown/dropdown.component.js

@@ -5,7 +5,7 @@ import {
   __privateMethod,
   __privateSet
 } from "../../chunks/chunk.QU3DSPNU.js";
-var _optionElements, _GdsDropdown_instances, shouldShowFooter_fn, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, handleSelectionChange_fn, _dispatchInputEvent, _dispatchChangeEvent, registerAutoCloseListener_fn, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
+var _optionElements, _GdsDropdown_instances, shouldShowFooter_fn, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleClearButton, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, handleSelectionChange_fn, _dispatchInputEvent, _dispatchChangeEvent, registerAutoCloseListener_fn, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
 import { localized, msg, str } from "@lit/localize";
 import { property, query, queryAsync } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
@@ -24,6 +24,7 @@ import { watch } from "../../utils/decorators/watch.js";
 import { GdsFormControlElement } from "../form/form-control.js";
 import { IconCheckmark } from "../icon/icons/checkmark.component.js";
 import { IconChevronBottom } from "../icon/icons/chevron-bottom.component.js";
+import { IconCrossLarge } from "../icon/icons/cross-large.component.js";
 import { GdsPopover } from "../popover/popover.component.js";
 import DropdownStyles from "./dropdown.styles.js";
 export * from "../../primitives/listbox/option.component.js";
@@ -35,6 +36,7 @@ let GdsDropdown = class extends GdsFormControlElement {
     this.open = false;
     this.searchable = false;
     this.multiple = false;
+    this.clearable = false;
     this.combobox = false;
     this.compareWith = (a, b) => a === b;
     this.searchFilter = (q, o) => o.innerHTML.toLowerCase().includes(q.toLowerCase());
@@ -132,6 +134,11 @@ let GdsDropdown = class extends GdsFormControlElement {
         this.open = e.detail.open;
       }
     });
+    __privateAdd(this, _handleClearButton, (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.value = void 0;
+    });
     /**
      * Event handler for filtering the options in the dropdown.
      *
@@ -243,10 +250,10 @@ let GdsDropdown = class extends GdsFormControlElement {
   get displayValue() {
     let displayValue;
     if (Array.isArray(this.value)) {
-      this.value.length > 2 ? displayValue = msg(str`${this.value.length} selected`) : displayValue = this.value.reduce(
+      displayValue = this.value.slice(0, 5).reduce(
         (acc, cur) => acc + this.options.find((v) => v.value === cur)?.innerText + ", ",
         ""
-      ).slice(0, -2);
+      ).slice(0, -2).replace(/(.{25})(.*)/, "$1...");
     } else {
       displayValue = this.options.find((v) => v.selected)?.innerText;
     }
@@ -319,7 +326,35 @@ let GdsDropdown = class extends GdsFormControlElement {
           id="field"
         >
           <slot name="lead" slot="lead"></slot>
-          ${this.combobox && !this.multiple ? __privateGet(this, _renderCombobox).call(this) : __privateGet(this, _renderTriggerButton).call(this)}
+          ${when(
+      this.value && this.multiple && this.value.length > 0,
+      () => html`<gds-badge
+                slot="lead"
+                aria-label=${msg(
+        str`${this.value.length} options selected`
+      )}
+              >
+                ${this.value.length}</gds-badge
+              >`
+    )}
+          ${when(
+      this.clearable && this.value && !this.disabled,
+      () => html`<gds-button
+                id="clear-btn"
+                rank="tertiary"
+                size=${this.size === "small" ? "xs" : "small"}
+                label="${msg("Clear selection")}"
+                @click=${__privateGet(this, _handleClearButton)}
+                slot="trail"
+              >
+                <gds-icon-cross-large></gds-icon-cross-large>
+              </gds-button>`
+    )}
+          ${when(this.combobox && !this.multiple, () => __privateGet(this, _renderCombobox).call(this))}
+          ${when(
+      !this.combobox || this.multiple,
+      () => __privateGet(this, _renderTriggerButton).call(this)
+    )}
           <gds-icon-chevron-bottom slot="trail"></gds-icon-chevron-bottom>
         </gds-field-base>
 
@@ -420,6 +455,7 @@ _renderTriggerButton = new WeakMap();
 _calcMaxHeight = new WeakMap();
 _dispatchUISateEvent = new WeakMap();
 _handlePopoverStateChange = new WeakMap();
+_handleClearButton = new WeakMap();
 _handleSearchFieldInput = new WeakMap();
 _handleSearchFieldKeyDown = new WeakMap();
 _handleListboxKeyDown = new WeakMap();
@@ -470,6 +506,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], GdsDropdown.prototype, "multiple", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsDropdown.prototype, "clearable", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], GdsDropdown.prototype, "combobox", 2);
@@ -536,7 +575,8 @@ GdsDropdown = __decorateClass([
       GdsListbox,
       GdsPopover,
       IconCheckmark,
-      IconChevronBottom
+      IconChevronBottom,
+      IconCrossLarge
     ]
   }),
   localized()

package/generated/locales/da.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/da.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Juli`,
   "s15a852e9f9a50fa5": `Juni`,
   "s17e3edbe032f79ec": `\xC5bn kalender-popup`,
+  "s1910f3ebccaec414": str`${0} valgte`,
   "s1a2dda8f763a68bd": `Januar`,
   "s1e118319b5202c41": `Man`,
   "s1e187019b5262aa6": `Maj`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Annuller`,
   "s307db9af9905317d": `Formularfejloversigt`,
   "s39938ecdae568740": `September`,
+  "s39943b8a5733f5d2": `Automatisk afvisningstimer`,
   "s3b8a6245b12fa2ad": `Br\xF8dkrummer`,
   "s407a88a592a0987c": `August`,
   "s46d6587089bd0356": `N\xE6ste m\xE5ned`,
   "s49730f3d5751a433": `Indl\xE6ser...`,
   "s5052d10b539eabf0": `Marts`,
-  "s58bfb494feb8eb02": str`${0} valgt`,
   "s5d929ff1619ac0c9": `S\xF8g`,
   "s5e8250fb85d64c23": `Luk`,
   "s5febcd9b311c16fe": `Rul til h\xF8jre`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `\xC5bn kontekstmenu`,
   "s83c436ed1bc16dfb": `Vis flere oplysninger`,
   "s8ade4e9d5e804d6a": `F\xF8rste tilg\xE6ngelige dato`,
+  "s8f18916860db5d80": `Ryd valg`,
+  "s979f38023babd06d": `Afvis advarsel`,
   "s9836b719fa8ef857": `L\xF8r`,
   "s987ac119fac8d621": `S\xF8n`,
   "s9af3c72c33088826": str`Der er ${0} fejl, der skal rettes, før du kan fortsætte:`,

package/generated/locales/de.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/de.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Juli`,
   "s15a852e9f9a50fa5": `Juni`,
   "s17e3edbe032f79ec": `Kalender-Modal \xF6ffnen`,
+  "s1910f3ebccaec414": str`${0} ausgewählt`,
   "s1a2dda8f763a68bd": `Januar`,
   "s1e118319b5202c41": `Mo`,
   "s1e187019b5262aa6": `Mai`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Abbrechen`,
   "s307db9af9905317d": `Formularfehler\xFCbersicht`,
   "s39938ecdae568740": `September`,
+  "s39943b8a5733f5d2": `Automatischer Schlie\xDF-Timer`,
   "s3b8a6245b12fa2ad": `Brotkr\xFCmelnavigation`,
   "s407a88a592a0987c": `August`,
   "s46d6587089bd0356": `N\xE4chster Monat`,
   "s49730f3d5751a433": `Laden...`,
   "s5052d10b539eabf0": `M\xE4rz`,
-  "s58bfb494feb8eb02": str`${0} ausgewählt`,
   "s5d929ff1619ac0c9": `Suche`,
   "s5e8250fb85d64c23": `Schlie\xDFen`,
   "s5febcd9b311c16fe": `Nach rechts scrollen`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `Kontextmen\xFC \xF6ffnen`,
   "s83c436ed1bc16dfb": `Weitere Informationen anzeigen`,
   "s8ade4e9d5e804d6a": `Erstes verf\xFCgbares Datum`,
+  "s8f18916860db5d80": `Auswahl l\xF6schen`,
+  "s979f38023babd06d": `Benachrichtigung schlie\xDFen`,
   "s9836b719fa8ef857": `Sa`,
   "s987ac119fac8d621": `So`,
   "s9af3c72c33088826": str`Es gibt ${0} Fehler zu beheben, bevor du fortfahren kannst:`,

package/generated/locales/fi.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/fi.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Hein\xE4`,
   "s15a852e9f9a50fa5": `Kes\xE4`,
   "s17e3edbe032f79ec": `Avaa kalenteri-modal`,
+  "s1910f3ebccaec414": str`${0} valittu`,
   "s1a2dda8f763a68bd": `Tammikuu`,
   "s1e118319b5202c41": `Ma`,
   "s1e187019b5262aa6": `Touko`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Peruuta`,
   "s307db9af9905317d": `Lomakkeen virheiden yhteenveto`,
   "s39938ecdae568740": `Syys`,
+  "s39943b8a5733f5d2": `Automaattinen sulkeutumisaika`,
   "s3b8a6245b12fa2ad": `Murupolku`,
   "s407a88a592a0987c": `Elokuu`,
   "s46d6587089bd0356": `Seuraava kuukausi`,
   "s49730f3d5751a433": `Ladataan...`,
   "s5052d10b539eabf0": `Maalis`,
-  "s58bfb494feb8eb02": str`${0} valittua`,
   "s5d929ff1619ac0c9": `Hae`,
   "s5e8250fb85d64c23": `Sulje`,
   "s5febcd9b311c16fe": `Vierit\xE4 oikealle`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `Avaa pikavalikko`,
   "s83c436ed1bc16dfb": `N\xE4yt\xE4 lis\xE4\xE4 tietoja`,
   "s8ade4e9d5e804d6a": `Ensimm\xE4inen saatavilla oleva p\xE4iv\xE4m\xE4\xE4r\xE4`,
+  "s8f18916860db5d80": `Tyhjenn\xE4 valinta`,
+  "s979f38023babd06d": `Ohita h\xE4lytys`,
   "s9836b719fa8ef857": `La`,
   "s987ac119fac8d621": `Su`,
   "s9af3c72c33088826": str`On ${0} virhettä, jotka täytyy korjata ennen kuin voit jatkaa:`,

package/generated/locales/fr.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/fr.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Juillet`,
   "s15a852e9f9a50fa5": `Juin`,
   "s17e3edbe032f79ec": `Ouvrir le calendrier modal`,
+  "s1910f3ebccaec414": str`${0} options sélectionnés`,
   "s1a2dda8f763a68bd": `Janvier`,
   "s1e118319b5202c41": `Lun`,
   "s1e187019b5262aa6": `Mai`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Annuler`,
   "s307db9af9905317d": `R\xE9sum\xE9 des erreurs du formulaire`,
   "s39938ecdae568740": `Septembre`,
+  "s39943b8a5733f5d2": `Minuterie de fermeture automatique`,
   "s3b8a6245b12fa2ad": `Fil d'Ariane`,
   "s407a88a592a0987c": `Ao\xFBt`,
   "s46d6587089bd0356": `Mois suivant`,
   "s49730f3d5751a433": `Chargement...`,
   "s5052d10b539eabf0": `Mars`,
-  "s58bfb494feb8eb02": str`${0} sélectionné(s)`,
   "s5d929ff1619ac0c9": `Rechercher`,
   "s5e8250fb85d64c23": `Fermer`,
   "s5febcd9b311c16fe": `Faire d\xE9filer \xE0 droite`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `Ouvrir le menu contextuel`,
   "s83c436ed1bc16dfb": `Afficher plus d'informations`,
   "s8ade4e9d5e804d6a": `Premi\xE8re date disponible`,
+  "s8f18916860db5d80": `Effacer la s\xE9lection`,
+  "s979f38023babd06d": `Fermer l'alerte`,
   "s9836b719fa8ef857": `Sam`,
   "s987ac119fac8d621": `Dim`,
   "s9af3c72c33088826": str`Il y a ${0} erreur(s) à corriger avant de pouvoir continuer :`,

package/generated/locales/it.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/it.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Luglio`,
   "s15a852e9f9a50fa5": `Giugno`,
   "s17e3edbe032f79ec": `Apri la finestra del calendario`,
+  "s1910f3ebccaec414": str`${0} opzioni selezionate`,
   "s1a2dda8f763a68bd": `Gennaio`,
   "s1e118319b5202c41": `Lun`,
   "s1e187019b5262aa6": `Maggio`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Annulla`,
   "s307db9af9905317d": `Riepilogo degli errori del modulo`,
   "s39938ecdae568740": `Settembre`,
+  "s39943b8a5733f5d2": `Timer di chiusura automatica`,
   "s3b8a6245b12fa2ad": `Percorso di navigazione`,
   "s407a88a592a0987c": `Agosto`,
   "s46d6587089bd0356": `Mese successivo`,
   "s49730f3d5751a433": `Caricamento...`,
   "s5052d10b539eabf0": `Marzo`,
-  "s58bfb494feb8eb02": str`${0} selezionato`,
   "s5d929ff1619ac0c9": `Cerca`,
   "s5e8250fb85d64c23": `Chiudi`,
   "s5febcd9b311c16fe": `Scorri a destra`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `Apri il menu contestuale`,
   "s83c436ed1bc16dfb": `Mostra pi\xF9 informazioni`,
   "s8ade4e9d5e804d6a": `Prima data disponibile`,
+  "s8f18916860db5d80": `Rimuovi selezione`,
+  "s979f38023babd06d": `Chiudi avviso`,
   "s9836b719fa8ef857": `Sab`,
   "s987ac119fac8d621": `Dom`,
   "s9af3c72c33088826": str`Ci sono ${0} errori da correggere prima di poter continuare:`,

package/generated/locales/nl.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/nl.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Juli`,
   "s15a852e9f9a50fa5": `Juni`,
   "s17e3edbe032f79ec": `Open kalenderpop-up`,
+  "s1910f3ebccaec414": str`${0} geselecteerd`,
   "s1a2dda8f763a68bd": `Januari`,
   "s1e118319b5202c41": `Ma`,
   "s1e187019b5262aa6": `Mei`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Annuleren`,
   "s307db9af9905317d": `Formulierfoutoverzicht`,
   "s39938ecdae568740": `September`,
+  "s39943b8a5733f5d2": `Automatisch sluiten timer`,
   "s3b8a6245b12fa2ad": `Kruimelpad`,
   "s407a88a592a0987c": `Augustus`,
   "s46d6587089bd0356": `Volgende maand`,
   "s49730f3d5751a433": `Laden...`,
   "s5052d10b539eabf0": `Maart`,
-  "s58bfb494feb8eb02": str`${0} geselecteerd`,
   "s5d929ff1619ac0c9": `Zoeken`,
   "s5e8250fb85d64c23": `Sluiten`,
   "s5febcd9b311c16fe": `Scroll rechts`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `Open contextmenu`,
   "s83c436ed1bc16dfb": `Toon meer informatie`,
   "s8ade4e9d5e804d6a": `Eerste beschikbare datum`,
+  "s8f18916860db5d80": `Wis selectie`,
+  "s979f38023babd06d": `Waarschuwing sluiten`,
   "s9836b719fa8ef857": `Za`,
   "s987ac119fac8d621": `Zo`,
   "s9af3c72c33088826": str`Er zijn ${0} fouten die gecorrigeerd moeten worden voordat je verder kunt gaan:`,

package/generated/locales/no.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/no.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Juli`,
   "s15a852e9f9a50fa5": `Juni`,
   "s17e3edbe032f79ec": `\xC5pne kalendermodal`,
+  "s1910f3ebccaec414": str`${0} valgte`,
   "s1a2dda8f763a68bd": `Januar`,
   "s1e118319b5202c41": `Man`,
   "s1e187019b5262aa6": `Mai`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Avbryt`,
   "s307db9af9905317d": `Skjema feil oppsummering`,
   "s39938ecdae568740": `September`,
+  "s39943b8a5733f5d2": `Automatisk lukk-timer`,
   "s3b8a6245b12fa2ad": `Br\xF8dsmuler`,
   "s407a88a592a0987c": `August`,
   "s46d6587089bd0356": `Neste m\xE5ned`,
   "s49730f3d5751a433": `Laster...`,
   "s5052d10b539eabf0": `Mars`,
-  "s58bfb494feb8eb02": str`${0} valgt`,
   "s5d929ff1619ac0c9": `S\xF8k`,
   "s5e8250fb85d64c23": `Lukk`,
   "s5febcd9b311c16fe": `Rull til h\xF8yre`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `\xC5pne kontekstmeny`,
   "s83c436ed1bc16dfb": `Vis mer informasjon`,
   "s8ade4e9d5e804d6a": `F\xF8rste tilgjengelige dato`,
+  "s8f18916860db5d80": `Ryd valg`,
+  "s979f38023babd06d": `Lukk varsel`,
   "s9836b719fa8ef857": `L\xF8r`,
   "s987ac119fac8d621": `S\xF8n`,
   "s9af3c72c33088826": str`Det er ${0} feil som må rettes før du kan fortsette:`,

package/generated/locales/sv.d.ts

@@ -2,6 +2,7 @@ export declare const templates: {
     s15a16ae9f99f19bf: string;
     s15a852e9f9a50fa5: string;
     s17e3edbe032f79ec: string;
+    s1910f3ebccaec414: import("@lit/localize").StrResult;
     s1a2dda8f763a68bd: string;
     s1e118319b5202c41: string;
     s1e187019b5262aa6: string;
@@ -9,12 +10,12 @@ export declare const templates: {
     s2ceb11be2290bb1b: string;
     s307db9af9905317d: string;
     s39938ecdae568740: string;
+    s39943b8a5733f5d2: string;
     s3b8a6245b12fa2ad: string;
     s407a88a592a0987c: string;
     s46d6587089bd0356: string;
     s49730f3d5751a433: string;
     s5052d10b539eabf0: string;
-    s58bfb494feb8eb02: import("@lit/localize").StrResult;
     s5d929ff1619ac0c9: string;
     s5e8250fb85d64c23: string;
     s5febcd9b311c16fe: string;
@@ -27,6 +28,8 @@ export declare const templates: {
     s7fd3469f78111589: string;
     s83c436ed1bc16dfb: string;
     s8ade4e9d5e804d6a: string;
+    s8f18916860db5d80: string;
+    s979f38023babd06d: string;
     s9836b719fa8ef857: string;
     s987ac119fac8d621: string;
     s9af3c72c33088826: import("@lit/localize").StrResult;

package/generated/locales/sv.js

@@ -4,6 +4,7 @@ const templates = {
   "s15a16ae9f99f19bf": `Juli`,
   "s15a852e9f9a50fa5": `Juni`,
   "s17e3edbe032f79ec": `\xD6ppna kalender`,
+  "s1910f3ebccaec414": str`${0} valda alternativ`,
   "s1a2dda8f763a68bd": `Januari`,
   "s1e118319b5202c41": `M\xE5n`,
   "s1e187019b5262aa6": `Maj`,
@@ -11,12 +12,12 @@ const templates = {
   "s2ceb11be2290bb1b": `Avbryt`,
   "s307db9af9905317d": `Sammanfattning av formul\xE4rfel`,
   "s39938ecdae568740": `September`,
+  "s39943b8a5733f5d2": `Automatisk st\xE4ngningstimer`,
   "s3b8a6245b12fa2ad": `Br\xF6dsmulor`,
   "s407a88a592a0987c": `Augusti`,
   "s46d6587089bd0356": `N\xE4sta m\xE5nad`,
   "s49730f3d5751a433": `Laddar...`,
   "s5052d10b539eabf0": `Mars`,
-  "s58bfb494feb8eb02": str`${0} valda`,
   "s5d929ff1619ac0c9": `S\xF6k`,
   "s5e8250fb85d64c23": `St\xE4ng`,
   "s5febcd9b311c16fe": `Scrolla h\xF6ger`,
@@ -29,6 +30,8 @@ const templates = {
   "s7fd3469f78111589": `\xD6ppna meny`,
   "s83c436ed1bc16dfb": `Visa mer information`,
   "s8ade4e9d5e804d6a": `F\xF6rsta tillg\xE4ngliga datum`,
+  "s8f18916860db5d80": `Rensa val`,
+  "s979f38023babd06d": `St\xE4ng varning`,
   "s9836b719fa8ef857": `L\xF6r`,
   "s987ac119fac8d621": `S\xF6n`,
   "s9af3c72c33088826": str`Det finns ${0} fel att åtgärda innan du kan fortsätta:`,

package/generated/react/dropdown/index.d.ts

@@ -6,6 +6,7 @@ export declare const GdsDropdown: (props: React.ComponentProps<ReturnType<typeof
     open?: boolean | undefined;
     searchable?: boolean | undefined;
     multiple?: boolean | undefined;
+    clearable?: boolean | undefined;
     combobox?: boolean | undefined;
     compareWith?: ((a: any, b: any) => boolean) | undefined;
     searchFilter?: ((q: string, o: import("../../../primitives/listbox/option.component").GdsOption) => boolean) | undefined;

package/generated/react/index.d.ts

@@ -1,5 +1,5 @@
-export * from './badge/index.js';
 export * from './alert/index.js';
+export * from './badge/index.js';
 export * from './blur/index.js';
 export * from './breadcrumbs/index.js';
 export * from './button/index.js';
@@ -12,9 +12,9 @@ export * from './datepicker/index.js';
 export * from './details/index.js';
 export * from './dialog/index.js';
 export * from './div/index.js';
-export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './fab/index.js';
+export * from './divider/index.js';
 export * from './filter-chips/index.js';
 export * from './flex/index.js';
 export * from './form-summary/index.js';
@@ -49,6 +49,11 @@ export * from './filter-chip/index.js';
 export * from './formatted-account/index.js';
 export * from './formatted-date/index.js';
 export * from './formatted-number/index.js';
+export * from './radio-group/index.js';
+export * from './segment/index.js';
+export * from './sensitive-account/index.js';
+export * from './sensitive-date/index.js';
+export * from './sensitive-number/index.js';
 export * from './icons/icon-ai/index.js';
 export * from './icons/icon-airplane-up/index.js';
 export * from './icons/icon-archive/index.js';
@@ -341,8 +346,3 @@ export * from './icons/icon-youtube/index.js';
 export * from './icons/icon-zap/index.js';
 export * from './icons/icon-zoom-in/index.js';
 export * from './icons/icon-zoom-out/index.js';
-export * from './radio-group/index.js';
-export * from './segment/index.js';
-export * from './sensitive-account/index.js';
-export * from './sensitive-date/index.js';
-export * from './sensitive-number/index.js';

package/generated/react/index.js

@@ -1,5 +1,5 @@
-export * from "./badge/index.js";
 export * from "./alert/index.js";
+export * from "./badge/index.js";
 export * from "./blur/index.js";
 export * from "./breadcrumbs/index.js";
 export * from "./button/index.js";
@@ -12,9 +12,9 @@ export * from "./datepicker/index.js";
 export * from "./details/index.js";
 export * from "./dialog/index.js";
 export * from "./div/index.js";
-export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./fab/index.js";
+export * from "./divider/index.js";
 export * from "./filter-chips/index.js";
 export * from "./flex/index.js";
 export * from "./form-summary/index.js";
@@ -49,6 +49,11 @@ export * from "./filter-chip/index.js";
 export * from "./formatted-account/index.js";
 export * from "./formatted-date/index.js";
 export * from "./formatted-number/index.js";
+export * from "./radio-group/index.js";
+export * from "./segment/index.js";
+export * from "./sensitive-account/index.js";
+export * from "./sensitive-date/index.js";
+export * from "./sensitive-number/index.js";
 export * from "./icons/icon-ai/index.js";
 export * from "./icons/icon-airplane-up/index.js";
 export * from "./icons/icon-archive/index.js";
@@ -341,8 +346,3 @@ export * from "./icons/icon-youtube/index.js";
 export * from "./icons/icon-zap/index.js";
 export * from "./icons/icon-zoom-in/index.js";
 export * from "./icons/icon-zoom-out/index.js";
-export * from "./radio-group/index.js";
-export * from "./segment/index.js";
-export * from "./sensitive-account/index.js";
-export * from "./sensitive-date/index.js";
-export * from "./sensitive-number/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/utils/helpers/custom-element-scoping.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QU3DSPNU.js";
 import { html as litHtml } from "lit";
-const VER_SUFFIX = "-bc423d";
+const VER_SUFFIX = "-1683a7";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])