@sebgroup/green-core 1.19.0 → 1.20.1

package/chunks/{chunk.DFYMYEGD.js → chunk.2X23R32H.js}

@@ -51,7 +51,6 @@ var ListboxKbNavController = class {
         e.stopPropagation();
       }
     });
-    ;
     (this.host = host).addController(this);
   }
   hostConnected() {

package/chunks/{chunk.WD3OOHSN.js → chunk.4QOFEG6G.js}

@@ -274,8 +274,7 @@ var dropdown_trans_styles_default = `/**
   :host(:invalid) button + .form-info::before {
     background: transparent;
     border-radius: 0 0 4px 4px;
-    -webkit-clip-path: inset(4px 0 0 0);
-            clip-path: inset(4px 0 0 0);
+    clip-path: inset(4px 0 0 0);
     content: "";
     display: block;
     height: 4px;
@@ -286,8 +285,7 @@ var dropdown_trans_styles_default = `/**
   }
   :host(:invalid) button + .form-info::before {
     background: var(--intent-danger-background);
-    -webkit-clip-path: inset(1px 0 0 0);
-            clip-path: inset(1px 0 0 0);
+    clip-path: inset(1px 0 0 0);
   }
   ::slotted([slot=trigger]) {
     overflow: hidden;
@@ -415,7 +413,7 @@ var dropdown_trans_styles_default = `/**
     --color: rgb(255, 255, 255);
     border-color: #199be3;
   }
-  button[aria-selected], button:active, button.active, button.active:hover, button:active:hover {
+  button[aria-selected=true], button:active, button.active, button.active:hover, button:active:hover {
     background-color: rgb(0, 122, 199);
     color: rgb(255, 255, 255);
     --background: rgb(0, 122, 199);
@@ -963,7 +961,7 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
-.gds-filter-chip))[aria-selected], button:where(:not(.primary,
+.gds-filter-chip))[aria-selected=true], button:where(:not(.primary,
 .tertiary,
 .ghost,
 .danger,
@@ -1004,22 +1002,22 @@ button:where(:not(.primary,
 [aria-haspopup=menu],
 [role=switch],
 .gds-filter-chip)):active:hover,
-a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-selected],
+a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-selected=true],
 a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):active,
 a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).active,
 a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).active:hover,
 a.button:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):active:hover,
-button.secondary[aria-selected],
+button.secondary[aria-selected=true],
 button.secondary:active,
 button.secondary.active,
 button.secondary.active:hover,
 button.secondary:active:hover,
-a.button.secondary[aria-selected],
+a.button.secondary[aria-selected=true],
 a.button.secondary:active,
 a.button.secondary.active,
 a.button.secondary.active:hover,
 a.button.secondary:active:hover,
-input:is([type=button], [type=reset])[aria-selected],
+input:is([type=button], [type=reset])[aria-selected=true],
 input:is([type=button], [type=reset]):active,
 input:is([type=button], [type=reset]).active,
 input:is([type=button], [type=reset]).active:hover,
@@ -1032,7 +1030,7 @@ button[type=button]:where(:not(.primary,
 .link,
 .icon,
 [aria-haspopup=listbox],
-[aria-haspopup=menu]))[aria-selected],
+[aria-haspopup=menu]))[aria-selected=true],
 button[type=button]:where(:not(.primary,
 .tertiary,
 .ghost,
@@ -1069,7 +1067,7 @@ button[type=button]:where(:not(.primary,
 .icon,
 [aria-haspopup=listbox],
 [aria-haspopup=menu])):active:hover,
-button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-selected],
+button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-selected=true],
 button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):active,
 button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).active,
 button[type=reset]:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).active:hover,
@@ -1390,7 +1388,7 @@ button:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch],
-.gds-filter-chip))[aria-selected], button:where(:not(.primary,
+.gds-filter-chip))[aria-selected=true], button:where(:not(.primary,
 .secondary,
 .ghost,
 .danger,
@@ -1431,17 +1429,17 @@ button:where(:not(.primary,
 [aria-haspopup=menu],
 [role=switch],
 .gds-filter-chip)):active:hover,
-a.button:where(:not(.primary, .secondary, .ghost, .close, .link))[aria-selected],
+a.button:where(:not(.primary, .secondary, .ghost, .close, .link))[aria-selected=true],
 a.button:where(:not(.primary, .secondary, .ghost, .close, .link)):active,
 a.button:where(:not(.primary, .secondary, .ghost, .close, .link)).active,
 a.button:where(:not(.primary, .secondary, .ghost, .close, .link)).active:hover,
 a.button:where(:not(.primary, .secondary, .ghost, .close, .link)):active:hover,
-button.tertiary[aria-selected],
+button.tertiary[aria-selected=true],
 button.tertiary:active,
 button.tertiary.active,
 button.tertiary.active:hover,
 button.tertiary:active:hover,
-a.button.tertiary[aria-selected],
+a.button.tertiary[aria-selected=true],
 a.button.tertiary:active,
 a.button.tertiary.active,
 a.button.tertiary.active:hover,
@@ -1605,8 +1603,8 @@ a.button.primary:not(:disabled, .disabled, [aria-disabled]):hover {
   --color: rgb(255, 255, 255);
   border-color: #199be3;
 }
-button.primary[aria-selected], button.primary:active, button.primary.active, button.primary.active:hover, button.primary:active:hover,
-input[type=submit][aria-selected],
+button.primary[aria-selected=true], button.primary:active, button.primary.active, button.primary.active:hover, button.primary:active:hover,
+input[type=submit][aria-selected=true],
 input[type=submit]:active,
 input[type=submit].active,
 input[type=submit].active:hover,
@@ -1616,7 +1614,7 @@ button[type=submit]:not(.secondary,
 .danger,
 .close,
 .link,
-.gds-filter-chip)[aria-selected],
+.gds-filter-chip)[aria-selected=true],
 button[type=submit]:not(.secondary,
 .ghost,
 .danger,
@@ -1641,12 +1639,12 @@ button[type=submit]:not(.secondary,
 .close,
 .link,
 .gds-filter-chip):active:hover,
-input[type=submit]:not(.secondary, .ghost, .danger, .close, .link)[aria-selected],
+input[type=submit]:not(.secondary, .ghost, .danger, .close, .link)[aria-selected=true],
 input[type=submit]:not(.secondary, .ghost, .danger, .close, .link):active,
 input[type=submit]:not(.secondary, .ghost, .danger, .close, .link).active,
 input[type=submit]:not(.secondary, .ghost, .danger, .close, .link).active:hover,
 input[type=submit]:not(.secondary, .ghost, .danger, .close, .link):active:hover,
-a.button.primary[aria-selected],
+a.button.primary[aria-selected=true],
 a.button.primary:active,
 a.button.primary.active,
 a.button.primary.active:hover,
@@ -1770,8 +1768,8 @@ button.ghost:not(:disabled, .disabled, [aria-disabled]):hover,
   --color: rgb(255, 255, 255);
   border-color: rgb(51, 51, 51);
 }
-button.ghost[aria-selected], button.ghost:active, button.ghost.active, button.ghost.active:hover, button.ghost:active:hover,
-.button.ghost[aria-selected],
+button.ghost[aria-selected=true], button.ghost:active, button.ghost.active, button.ghost.active:hover, button.ghost:active:hover,
+.button.ghost[aria-selected=true],
 .button.ghost:active,
 .button.ghost.active,
 .button.ghost.active:hover,
@@ -1891,18 +1889,18 @@ input[type=submit].danger:not(.secondary, .ghost, .close, .link):not(:disabled,
   --color: rgb(255, 255, 255);
   border-color: rgb(216, 26, 26);
 }
-button.primary.danger[aria-selected], button.primary.danger:active, button.primary.danger.active, button.primary.danger.active:hover, button.primary.danger:active:hover,
-.button.primary.danger[aria-selected],
+button.primary.danger[aria-selected=true], button.primary.danger:active, button.primary.danger.active, button.primary.danger.active:hover, button.primary.danger:active:hover,
+.button.primary.danger[aria-selected=true],
 .button.primary.danger:active,
 .button.primary.danger.active,
 .button.primary.danger.active:hover,
 .button.primary.danger:active:hover,
-button[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-selected],
+button[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-selected=true],
 button[type=submit].danger:not(.secondary, .ghost, .close, .link):active,
 button[type=submit].danger:not(.secondary, .ghost, .close, .link).active,
 button[type=submit].danger:not(.secondary, .ghost, .close, .link).active:hover,
 button[type=submit].danger:not(.secondary, .ghost, .close, .link):active:hover,
-input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-selected],
+input[type=submit].danger:not(.secondary, .ghost, .close, .link)[aria-selected=true],
 input[type=submit].danger:not(.secondary, .ghost, .close, .link):active,
 input[type=submit].danger:not(.secondary, .ghost, .close, .link).active,
 input[type=submit].danger:not(.secondary, .ghost, .close, .link).active:hover,
@@ -2038,7 +2036,7 @@ button.danger:where(:not(.primary,
 .link,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
-[role=switch]))[aria-selected], button.danger:where(:not(.primary,
+[role=switch]))[aria-selected=true], button.danger:where(:not(.primary,
 .tertiary,
 .ghost,
 .close,
@@ -2071,22 +2069,22 @@ button.danger:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch])):active:hover,
-a.button.danger:where(:not(.primary, .tertiary, .ghost, .close, .link))[aria-selected],
+a.button.danger:where(:not(.primary, .tertiary, .ghost, .close, .link))[aria-selected=true],
 a.button.danger:where(:not(.primary, .tertiary, .ghost, .close, .link)):active,
 a.button.danger:where(:not(.primary, .tertiary, .ghost, .close, .link)).active,
 a.button.danger:where(:not(.primary, .tertiary, .ghost, .close, .link)).active:hover,
 a.button.danger:where(:not(.primary, .tertiary, .ghost, .close, .link)):active:hover,
-button.secondary.danger[aria-selected],
+button.secondary.danger[aria-selected=true],
 button.secondary.danger:active,
 button.secondary.danger.active,
 button.secondary.danger.active:hover,
 button.secondary.danger:active:hover,
-a.button.secondary.danger[aria-selected],
+a.button.secondary.danger[aria-selected=true],
 a.button.secondary.danger:active,
 a.button.secondary.danger.active,
 a.button.secondary.danger.active:hover,
 a.button.secondary.danger:active:hover,
-input.danger:is([type=button], [type=reset])[aria-selected],
+input.danger:is([type=button], [type=reset])[aria-selected=true],
 input.danger:is([type=button], [type=reset]):active,
 input.danger:is([type=button], [type=reset]).active,
 input.danger:is([type=button], [type=reset]).active:hover,
@@ -2098,7 +2096,7 @@ button[type=button].danger:where(:not(.primary,
 .close,
 .link,
 .gds-filter-chip [aria-haspopup=listbox],
-[aria-haspopup=menu]))[aria-selected],
+[aria-haspopup=menu]))[aria-selected=true],
 button[type=button].danger:where(:not(.primary,
 .tertiary,
 .ghost,
@@ -2131,7 +2129,7 @@ button[type=button].danger:where(:not(.primary,
 .link,
 .gds-filter-chip [aria-haspopup=listbox],
 [aria-haspopup=menu])):active:hover,
-button[type=reset].danger:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-selected],
+button[type=reset].danger:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link))[aria-selected=true],
 button[type=reset].danger:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)):active,
 button[type=reset].danger:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).active,
 button[type=reset].danger:where(:not(.primary, .tertiary, .ghost, .danger, .close, .link)).active:hover,
@@ -2325,7 +2323,7 @@ button.danger:where(:not(.primary,
 .link,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
-[role=switch]))[aria-selected], button.danger:where(:not(.primary,
+[role=switch]))[aria-selected=true], button.danger:where(:not(.primary,
 .secondary,
 .ghost,
 .close,
@@ -2358,17 +2356,17 @@ button.danger:where(:not(.primary,
 [aria-haspopup=listbox],
 [aria-haspopup=menu],
 [role=switch])):active:hover,
-a.button.danger:where(:not(.primary, .secondary, .ghost, .close, .link))[aria-selected],
+a.button.danger:where(:not(.primary, .secondary, .ghost, .close, .link))[aria-selected=true],
 a.button.danger:where(:not(.primary, .secondary, .ghost, .close, .link)):active,
 a.button.danger:where(:not(.primary, .secondary, .ghost, .close, .link)).active,
 a.button.danger:where(:not(.primary, .secondary, .ghost, .close, .link)).active:hover,
 a.button.danger:where(:not(.primary, .secondary, .ghost, .close, .link)):active:hover,
-button.tertiary.danger[aria-selected],
+button.tertiary.danger[aria-selected=true],
 button.tertiary.danger:active,
 button.tertiary.danger.active,
 button.tertiary.danger.active:hover,
 button.tertiary.danger:active:hover,
-a.button.tertiary.danger[aria-selected],
+a.button.tertiary.danger[aria-selected=true],
 a.button.tertiary.danger:active,
 a.button.tertiary.danger.active,
 a.button.tertiary.danger.active:hover,
@@ -3080,8 +3078,7 @@ i.sg-icon.sg-icon-ellipsis::before {
   :host(:invalid) .field + .form-info::before {
     background: transparent;
     border-radius: 0 0 4px 4px;
-    -webkit-clip-path: inset(4px 0 0 0);
-            clip-path: inset(4px 0 0 0);
+    clip-path: inset(4px 0 0 0);
     content: "";
     display: block;
     height: 4px;
@@ -3092,8 +3089,7 @@ i.sg-icon.sg-icon-ellipsis::before {
   }
   :host(:invalid) .field + .form-info::before {
     background: var(--intent-danger-background);
-    -webkit-clip-path: inset(1px 0 0 0);
-            clip-path: inset(1px 0 0 0);
+    clip-path: inset(1px 0 0 0);
   }
   .header {
     padding-top: 0.5rem;
@@ -3351,6 +3347,19 @@ var calendar_trans_styles_default = `/* stylelint-disable max-nesting-depth */
     :host table tbody tr td.disabled.sg-date-holiday {
       color: hsla(var(--sg-hsl-red-2), 0.25);
     }
+    :host table tbody tr td.custom-date {
+      position: relative;
+    }
+    :host table tbody .indicator_dot {
+      display: block;
+      width: 0.375rem;
+      height: 0.375rem;
+      border-radius: 50%;
+      margin: auto;
+      position: absolute;
+      inset-block-end: 0.125rem;
+      inset-inline: 0;
+    }
     table {
       flex-grow: 1;
       width: 100%;
@@ -3581,6 +3590,42 @@ function register9() {
 }
 var segmented_control_trans_styles_default2 = register9;
 
+// libs/core/src/components/filter-chips/filter-chips.trans.styles.scss
+var filter_chips_trans_styles_default = `@layer base, reset, transitional-styles;
+@layer transitional-styles {
+  @layer _base, _overrides;
+  @layer _base {}
+  @layer _overrides {}
+}`;
+
+// libs/core/src/components/filter-chips/filter-chip/filter-chip.trans.styles.scss
+var filter_chip_trans_styles_default = `@layer base, reset, transitional-styles;
+@layer transitional-styles {
+  @layer _base, _overrides;
+  @layer _base {
+    .btn-p {
+      padding: 0 0.75rem;
+    }
+    .icon {
+      width: 1rem;
+    }
+  }
+}`;
+
+// libs/core/src/components/filter-chips/filter-chip/filter-chip.trans.styles.ts
+function register11() {
+  TransitionalStyles.instance.register("gds-filter-chip", filter_chip_trans_styles_default.toString());
+  register10();
+}
+var filter_chip_trans_styles_default2 = register11;
+
+// libs/core/src/components/filter-chips/filter-chips.trans.styles.ts
+function register12() {
+  TransitionalStyles.instance.register("gds-filter-chips", filter_chips_trans_styles_default.toString());
+  register11();
+}
+var filter_chips_trans_styles_default2 = register12;
+
 // libs/core/src/components/theme/chlorophyll-tokens.scss
 var chlorophyll_tokens_default = `/**
  * Calculate the luminance for a color.
@@ -4162,23 +4207,24 @@ Values for light mode are used by default.
 }`;
 
 // libs/core/src/components/theme/theme.trans.styles.ts
-function register10() {
+function register13() {
   TransitionalStyles.instance.register(
     "gds-theme",
     chlorophyll_tokens_default.toString()
   );
 }
-var theme_trans_styles_default = register10;
+var theme_trans_styles_default = register13;
 
 // libs/core/src/utils/transitional-styles/transitional-styles.ts
 var registerTransitionalStyles = () => {
-  register10();
+  register13();
   register3();
   register4();
   register6();
   register7();
   register9();
-  register11();
+  register12();
+  register10();
 };
 var _styles, _elements, _useLegacyStylesheets;
 var _TransitionalStyles = class _TransitionalStyles {
@@ -4335,13 +4381,10 @@ i.sg-icon.sg-icon-ellipsis::before {
       align-items: center;
       display: inline-flex;
       justify-content: center;
-      transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), outline-offset 0s, outline-width 0s;
-      background: rgb(0, 122, 199);
-      border-color: rgb(0, 122, 199);
-      color: #fff;
-      --color: #fff;
       font-size: inherit;
       overflow: hidden;
+      display: flex;
+      gap: 0.5rem;
     }
     button:focus:not(:focus-visible) {
       box-shadow: none;
@@ -4374,37 +4417,44 @@ i.sg-icon.sg-icon-ellipsis::before {
       font-size: 1.5rem;
       line-height: 2rem;
     }
-    button:not(:disabled, .disabled, [aria-disabled]):hover {
+    :host(:not([variant=ghost])) button {
+      transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), outline-offset 0s, outline-width 0s;
+      background: rgb(0, 122, 199);
+      border-color: rgb(0, 122, 199);
+      color: #fff;
+      --color: #fff;
+    }
+    :host(:not([variant=ghost])) button:not(:disabled, .disabled, [aria-disabled]):hover {
       background-color: #199be3;
       color: rgb(255, 255, 255);
       --background: #199be3;
       --color: rgb(255, 255, 255);
       border-color: #199be3;
     }
-    button[aria-selected], button:active, button.active, button.active:hover, button:active:hover {
+    :host(:not([variant=ghost])) button[aria-selected=true], :host(:not([variant=ghost])) button:active, :host(:not([variant=ghost])) button.active, :host(:not([variant=ghost])) button.active:hover, :host(:not([variant=ghost])) button:active:hover {
       background-color: rgb(0, 122, 199);
       color: rgb(255, 255, 255);
       --background: rgb(0, 122, 199);
       --color: rgb(255, 255, 255);
       border-color: rgb(0, 122, 199);
     }
-    button:focus-visible {
+    :host(:not([variant=ghost])) button:focus-visible {
       background-color: #199be3;
       color: rgb(255, 255, 255);
       --background: #199be3;
       --color: rgb(255, 255, 255);
       border-color: #199be3 !important;
     }
-    button:disabled, button.disabled, button[aria-disabled=true] {
+    :host(:not([variant=ghost])) button:disabled, :host(:not([variant=ghost])) button.disabled, :host(:not([variant=ghost])) button[aria-disabled=true] {
       background: var(--form-control-primary-bg-disabled) !important;
       color: var(--text-primary-disabled-color) !important;
       border-color: var(--border-primary-disabled-color) !important;
       cursor: not-allowed;
     }
-    button:disabled::-moz-placeholder, button.disabled::-moz-placeholder, button[aria-disabled=true]::-moz-placeholder {
+    :host(:not([variant=ghost])) button:disabled::-moz-placeholder, :host(:not([variant=ghost])) button.disabled::-moz-placeholder, :host(:not([variant=ghost])) button[aria-disabled=true]::-moz-placeholder {
       color: var(--text-disabled-color);
     }
-    button:disabled::placeholder, button.disabled::placeholder, button[aria-disabled=true]::placeholder {
+    :host(:not([variant=ghost])) button:disabled::placeholder, :host(:not([variant=ghost])) button.disabled::placeholder, :host(:not([variant=ghost])) button[aria-disabled=true]::placeholder {
       color: var(--text-disabled-color);
     }
     button.icon {
@@ -4440,7 +4490,7 @@ i.sg-icon.sg-icon-ellipsis::before {
       --color: rgb(255, 255, 255);
       border-color: #199be3;
     }
-    :host([rank*=secondary]) button[aria-selected], :host([rank*=secondary]) button:active, :host([rank*=secondary]) button.active, :host([rank*=secondary]) button.active:hover, :host([rank*=secondary]) button:active:hover {
+    :host([rank*=secondary]) button[aria-selected=true], :host([rank*=secondary]) button:active, :host([rank*=secondary]) button.active, :host([rank*=secondary]) button.active:hover, :host([rank*=secondary]) button:active:hover {
       background-color: rgb(0, 122, 199);
       color: rgb(255, 255, 255);
       --background: rgb(0, 122, 199);
@@ -4483,7 +4533,7 @@ i.sg-icon.sg-icon-ellipsis::before {
       --color: rgb(255, 255, 255);
       border-color: #199be3;
     }
-    :host([rank*=tertiary]) button[aria-selected], :host([rank*=tertiary]) button:active, :host([rank*=tertiary]) button.active, :host([rank*=tertiary]) button.active:hover, :host([rank*=tertiary]) button:active:hover {
+    :host([rank*=tertiary]) button[aria-selected=true], :host([rank*=tertiary]) button:active, :host([rank*=tertiary]) button.active, :host([rank*=tertiary]) button.active:hover, :host([rank*=tertiary]) button:active:hover {
       background-color: rgb(0, 122, 199);
       color: rgb(255, 255, 255);
       --background: rgb(0, 122, 199);
@@ -4519,8 +4569,8 @@ i.sg-icon.sg-icon-ellipsis::before {
       --color: rgb(255, 255, 255);
       border-color: rgb(216, 26, 26);
     }
-    :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button[aria-selected], :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button:active, :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button.active, :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button.active:hover, :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button:active:hover,
-    :host([variant=negative][rank=primary]) button[aria-selected],
+    :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button[aria-selected=true], :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button:active, :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button.active, :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button.active:hover, :host([variant=negative]:not([rank=secondary], [rank=tertiary])) button:active:hover,
+    :host([variant=negative][rank=primary]) button[aria-selected=true],
     :host([variant=negative][rank=primary]) button:active,
     :host([variant=negative][rank=primary]) button.active,
     :host([variant=negative][rank=primary]) button.active:hover,
@@ -4584,8 +4634,8 @@ i.sg-icon.sg-icon-ellipsis::before {
       --color: rgb(255, 255, 255);
       border-color: rgb(216, 26, 26);
     }
-    :host([variant=negative][rank=secondary]) button[aria-selected], :host([variant=negative][rank=secondary]) button:active, :host([variant=negative][rank=secondary]) button.active, :host([variant=negative][rank=secondary]) button.active:hover, :host([variant=negative][rank=secondary]) button:active:hover,
-    :host([variant=negative][rank=tertiary]) button[aria-selected],
+    :host([variant=negative][rank=secondary]) button[aria-selected=true], :host([variant=negative][rank=secondary]) button:active, :host([variant=negative][rank=secondary]) button.active, :host([variant=negative][rank=secondary]) button.active:hover, :host([variant=negative][rank=secondary]) button:active:hover,
+    :host([variant=negative][rank=tertiary]) button[aria-selected=true],
     :host([variant=negative][rank=tertiary]) button:active,
     :host([variant=negative][rank=tertiary]) button.active,
     :host([variant=negative][rank=tertiary]) button.active:hover,
@@ -4618,18 +4668,59 @@ i.sg-icon.sg-icon-ellipsis::before {
     :host([variant=negative][rank=secondary]) button {
       border-color: rgb(187, 0, 12);
     }
+    :host([variant=ghost]) button {
+      transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), outline-offset 0s, outline-width 0s;
+      border-color: rgb(51, 51, 51);
+      color: rgb(51, 51, 51);
+      --color: rgb(51, 51, 51);
+    }
+    :host([variant=ghost]) button:not(:disabled, .disabled, [aria-disabled]):hover {
+      background-color: rgb(51, 51, 51);
+      color: rgb(255, 255, 255);
+      --background: rgb(51, 51, 51);
+      --color: rgb(255, 255, 255);
+      border-color: rgb(51, 51, 51);
+    }
+    :host([variant=ghost]) button[aria-selected=true], :host([variant=ghost]) button:active, :host([variant=ghost]) button.active, :host([variant=ghost]) button.active:hover, :host([variant=ghost]) button:active:hover {
+      background-color: rgb(51, 51, 51);
+      color: rgb(255, 255, 255);
+      --background: rgb(51, 51, 51);
+      --color: rgb(255, 255, 255);
+      border-color: rgb(51, 51, 51);
+    }
+    :host([variant=ghost]) button[aria-selected]:hover, :host([variant=ghost]) button.active:hover, :host([variant=ghost]) button:active:hover {
+      opacity: 0.9;
+    }
+    :host([variant=ghost]) button:focus-visible {
+      background-color: rgb(51, 51, 51);
+      color: rgb(255, 255, 255);
+      --background: rgb(51, 51, 51);
+      --color: rgb(255, 255, 255);
+      border-color: rgb(51, 51, 51) !important;
+    }
+    :host([variant=ghost]) button:disabled, :host([variant=ghost]) button.disabled, :host([variant=ghost]) button[aria-disabled=true] {
+      color: var(--text-disabled-color) !important;
+      border-color: var(--border-disabled-color) !important;
+      cursor: not-allowed;
+    }
+    :host([variant=ghost]) button:disabled::-moz-placeholder, :host([variant=ghost]) button.disabled::-moz-placeholder, :host([variant=ghost]) button[aria-disabled=true]::-moz-placeholder {
+      color: var(--text-disabled-color);
+    }
+    :host([variant=ghost]) button:disabled::placeholder, :host([variant=ghost]) button.disabled::placeholder, :host([variant=ghost]) button[aria-disabled=true]::placeholder {
+      color: var(--text-disabled-color);
+    }
   }
   @layer _overrides {}
 }`;
 
 // libs/core/src/components/button/button.trans.styles.ts
-function register11() {
+function register10() {
   TransitionalStyles.instance.register("gds-button", button_trans_styles_default.toString());
 }
-var button_trans_styles_default2 = register11;
+var button_trans_styles_default2 = register10;
 
 export {
-  register11 as register,
+  register10 as register,
   button_trans_styles_default2 as button_trans_styles_default,
   register3 as register2,
   dropdown_trans_styles_default2 as dropdown_trans_styles_default,
@@ -4643,7 +4734,11 @@ export {
   segment_trans_styles_default2 as segment_trans_styles_default,
   register9 as register7,
   segmented_control_trans_styles_default2 as segmented_control_trans_styles_default,
-  register10 as register8,
+  register11 as register8,
+  filter_chip_trans_styles_default2 as filter_chip_trans_styles_default,
+  register12 as register9,
+  filter_chips_trans_styles_default2 as filter_chips_trans_styles_default,
+  register13 as register10,
   theme_trans_styles_default,
   registerTransitionalStyles,
   TransitionalStyles

package/chunks/{chunk.TQNYJ3ZV.js → chunk.4ZTSWZUY.js}

@@ -1,15 +1,15 @@
 import {
   GdsFormControlElement
-} from "./chunk.OBMJAQII.js";
+} from "./chunk.MZSK66DN.js";
+import {
+  constrainSlots
+} from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.WD3OOHSN.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   observeLightDOM
 } from "./chunk.WM7HBMMV.js";
-import {
-  constrainSlots
-} from "./chunk.6NM7ENKA.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -33,7 +33,6 @@ import { when } from "lit/directives/when.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { classMap } from "lit/directives/class-map.js";
 import { msg, str, updateWhenLocaleChanges } from "@lit/localize";
-import "reflect-metadata";
 
 // libs/core/src/components/dropdown/dropdown.styles.ts
 import { css } from "lit";

package/chunks/{chunk.H3RHSZBE.js → chunk.5EPIZQO6.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.WD3OOHSN.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.ATDR2LQS.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.7ET5U6M4.js → chunk.73TOOYEY.js}

@@ -1,6 +1,6 @@
 import {
   GdsElement
-} from "./chunk.ATDR2LQS.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.EVCXHZZV.js → chunk.BJOJYTQV.js}

@@ -1,12 +1,12 @@
+import {
+  constrainSlots
+} from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.WD3OOHSN.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   GdsElement
-} from "./chunk.ATDR2LQS.js";
-import {
-  constrainSlots
-} from "./chunk.6NM7ENKA.js";
+} from "./chunk.ZQ4D5K7J.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.HQQWYXGV.js → chunk.BLKXWE5L.js}

@@ -1,9 +1,13 @@
+import {
+  dateArrayConverter,
+  dateConverter
+} from "./chunk.C3ECHGX7.js";
 import {
   GdsFormControlElement
-} from "./chunk.OBMJAQII.js";
+} from "./chunk.MZSK66DN.js";
 import {
   TransitionalStyles
-} from "./chunk.WD3OOHSN.js";
+} from "./chunk.4QOFEG6G.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -42,22 +46,6 @@ var styles = css`
 `;
 
 // libs/core/src/components/datepicker/datepicker.ts
-var dateConverter = {
-  fromAttribute(value) {
-    return new Date(value);
-  },
-  toAttribute(value) {
-    return value.toISOString();
-  }
-};
-var dateArrayConverter = {
-  fromAttribute(value) {
-    return value.split(",").map((d) => new Date(d.trim()));
-  },
-  toAttribute(value) {
-    return JSON.stringify(value.map((d) => d.toISOString()));
-  }
-};
 var _valueOnOpen, _renderBackToValidRangeButton, renderBackToValidRangeButton_fn, _focusDate, focusDate_fn, _getSpinnerLabel, getSpinnerLabel_fn, _getMinSpinnerValue, getMinSpinnerValue_fn, _getMaxSpinnerValue, getMaxSpinnerValue_fn, _dispatchChangeEvent, dispatchChangeEvent_fn, _dispatchInputEvent, dispatchInputEvent_fn, _handleFieldFocusOut, _handleSpinnerFocus, _handleClipboardCopy, _handleClipboardPaste, _handleFieldClick, _handleCalendarChange, _handleMonthChange, _handleYearChange, _handleIncrementFocusedMonth, _handleDecrementFocusedMonth, _handleCalendarFocusChange, _handlePopoverStateChange, _handleSpinnerKeydown, _parseDateFormat, parseDateFormat_fn, _handleSpinnerChange, _spinnerState, _years, years_get, _isValueOutsideRange, isValueOutsideRange_get;
 var GdsDatepicker = class extends GdsFormControlElement {
   constructor() {