@sebgroup/green-core 1.60.0 → 1.61.0

package/chunks/{chunk.ECWUT62F.js → chunk.HOH7FXB5.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";
@@ -34,9 +34,9 @@ var segment_style_default = `@layer base {
        -moz-appearance: none;
             appearance: none;
     background: transparent;
-    border-radius: calc(infinity * 1px);
+    border-radius: var(--gds-space-max);
     border-width: 0;
-    color: var(--gds-sys-color-content-content);
+    color: var(--gds-color-l3-content-tertiary);
     cursor: pointer;
     flex-grow: 1;
     flex-shrink: 0;
@@ -48,7 +48,16 @@ var segment_style_default = `@layer base {
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
-    transition: 0.1s;
+    transition:
+      background-color 0.2s,
+      border-color 0.2s,
+      color 0.2s,
+      outline-color 422ms;
+
+    outline-width: var(--gds-size-3xs);
+    outline-style: solid;
+    outline-offset: -2px;
+    outline-color: transparent;
 
     &:disabled {
       cursor: not-allowed;
@@ -60,7 +69,7 @@ var segment_style_default = `@layer base {
     :host(:not([selected])) button:hover {
       background-color: color-mix(
         in srgb,
-        var(--gds-sys-color-state-layers-state-black-dim1),
+        var(--gds-color-l3-states-light-hover),
         transparent
       );
 
@@ -71,8 +80,11 @@ var segment_style_default = `@layer base {
   }
 
   button:focus-visible {
-    outline: 2px solid #000;
-    outline-offset: -2px;
+    outline-color: color-mix(
+      in srgb,
+      transparent,
+      var(--gds-color-l3-content-tertiary) 100%
+    );
   }
 }
 `;

package/chunks/{chunk.OXGED2L5.js → chunk.HORYYI6N.js}

@@ -12,9 +12,9 @@ import {
 var IconFastForward = class extends GdsIcon {
 };
 /** @private */
-IconFastForward._regularSVG = `<path d="M12.75 11.6324V5.75L21.25 12L12.75 18.25V12.3676M12.75 11.6324L4.75 5.75V18.25L12.75 12.3676M12.75 11.6324V12.3676" stroke="black" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/>`;
+IconFastForward._regularSVG = `<path d="M12.75 11.6324V5.75L21.25 12L12.75 18.25V12.3676M12.75 11.6324L4.75 5.75V18.25L12.75 12.3676M12.75 11.6324V12.3676" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/>`;
 /** @private */
-IconFastForward._solidSVG = `<path d="M5.19429 5.14577C4.96646 4.97824 4.66376 4.95311 4.41141 5.08078C4.15907 5.20845 4 5.4672 4 5.75V18.25C4 18.5328 4.15907 18.7916 4.41141 18.9192C4.66376 19.0469 4.96646 19.0218 5.19429 18.8542L12 13.85V18.25C12 18.5328 12.1591 18.7916 12.4114 18.9192C12.6638 19.0469 12.9665 19.0218 13.1943 18.8542L21.6943 12.6042C21.8865 12.4629 22 12.2386 22 12C22 11.7614 21.8865 11.5371 21.6943 11.3958L13.1943 5.14577C12.9665 4.97824 12.6638 4.95311 12.4114 5.08078C12.1591 5.20845 12 5.4672 12 5.75V10.15L5.19429 5.14577Z" fill="black"/>`;
+IconFastForward._solidSVG = `<path d="M5.19429 5.14577C4.96646 4.97824 4.66376 4.95311 4.41141 5.08078C4.15907 5.20845 4 5.4672 4 5.75V18.25C4 18.5328 4.15907 18.7916 4.41141 18.9192C4.66376 19.0469 4.96646 19.0218 5.19429 18.8542L12 13.85V18.25C12 18.5328 12.1591 18.7916 12.4114 18.9192C12.6638 19.0469 12.9665 19.0218 13.1943 18.8542L21.6943 12.6042C21.8865 12.4629 22 12.2386 22 12C22 11.7614 21.8865 11.5371 21.6943 11.3958L13.1943 5.14577C12.9665 4.97824 12.6638 4.95311 12.4114 5.08078C12.1591 5.20845 12 5.4672 12 5.75V10.15L5.19429 5.14577Z" fill="currentColor"/>`;
 /** @private */
 IconFastForward._name = "fast-forward";
 IconFastForward = __decorateClass([

package/chunks/{chunk.532242YD.js → chunk.IS6GBDKU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.HVDSCK6U.js → chunk.JYTNQTK4.js}

@@ -12,9 +12,9 @@ import {
 var IconBrandX = class extends GdsIcon {
 };
 /** @private */
-IconBrandX._regularSVG = `<path d="M17.4033 3.5H20.2852L13.989 10.701L21.396 20.5H15.5964L11.054 14.557L5.85637 20.5H2.97269L9.70709 12.7977L2.60156 3.5H8.54839L12.6544 8.93215L17.4033 3.5ZM16.3918 18.7738H17.9887L7.68067 5.13549H5.96702L16.3918 18.7738Z" fill="black"/>`;
+IconBrandX._regularSVG = `<path d="M17.4033 3.5H20.2852L13.989 10.701L21.396 20.5H15.5964L11.054 14.557L5.85637 20.5H2.97269L9.70709 12.7977L2.60156 3.5H8.54839L12.6544 8.93215L17.4033 3.5ZM16.3918 18.7738H17.9887L7.68067 5.13549H5.96702L16.3918 18.7738Z" fill="currentColor"/>`;
 /** @private */
-IconBrandX._solidSVG = `<path d="M17.4033 3.5H20.2852L13.989 10.701L21.396 20.5H15.5964L11.054 14.557L5.85637 20.5H2.97269L9.70709 12.7977L2.60156 3.5H8.54839L12.6544 8.93215L17.4033 3.5ZM16.3918 18.7738H17.9887L7.68067 5.13549H5.96702L16.3918 18.7738Z" fill="black"/>`;
+IconBrandX._solidSVG = `<path d="M17.4033 3.5H20.2852L13.989 10.701L21.396 20.5H15.5964L11.054 14.557L5.85637 20.5H2.97269L9.70709 12.7977L2.60156 3.5H8.54839L12.6544 8.93215L17.4033 3.5ZM16.3918 18.7738H17.9887L7.68067 5.13549H5.96702L16.3918 18.7738Z" fill="currentColor"/>`;
 /** @private */
 IconBrandX._name = "brand-x";
 IconBrandX = __decorateClass([

package/chunks/{chunk.4ZHTAQDZ.js → chunk.KEPXMMGX.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";
@@ -21,8 +21,8 @@ var style = css`
   @layer base {
     :host {
       cursor: pointer;
-      color: var(--gds-sys-color-primary-text);
-      background-color: var(--gds-sys-color-container-container-dim1);
+      color: var(--gds-color-l3-content-secondary);
+      background-color: var(--gds-color-l3-background-secondary);
       font-size: var(--gds-text-size-label-input-medium);
       line-height: var(--gds-text-line-height-label-input-medium);
       padding-inline: var(--gds-space-m);

package/chunks/{chunk.LJOYUM3A.js → chunk.KMMI2BYQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   GdsButton
-} from "./chunk.BGWGCMCR.js";
+} from "./chunk.BHWBJIPJ.js";
 import {
   gdsCustomElement
 } from "./chunk.MLXMQIEV.js";

package/chunks/{chunk.KOSOFSBP.js → chunk.KTCN5HJV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.WM7HBMMV.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";
@@ -17,6 +17,9 @@ import {
   __decorateClass
 } from "./chunk.SEHSDSX2.js";
 
+// libs/core/src/components/rich-text/rich-text.ts
+import { property } from "lit/decorators.js";
+
 // libs/core/src/components/rich-text/rich-text.styles.ts
 import { css } from "lit";
 var styles = css`
@@ -197,6 +200,10 @@ var styles = css`
 
 // libs/core/src/components/rich-text/rich-text.ts
 var GdsRichText = class extends GdsElement {
+  constructor() {
+    super(...arguments);
+    this.captureMode = "clone";
+  }
   /**
    * Forwards the selector to the corresponding function on the inner shadowRoot.
    */
@@ -232,12 +239,27 @@ var GdsRichText = class extends GdsElement {
   _captureDOM() {
     if (!this.shadowRoot || this.childNodes.length === 0)
       return;
-    this.shadowRoot.replaceChildren(...Array.from(this.childNodes));
+    if (this.captureMode === "move") {
+      this.shadowRoot.replaceChildren(...Array.from(this.childNodes));
+      return;
+    }
+    const cloned = Array.from(this.childNodes).map(
+      (node) => node.cloneNode(true)
+    );
+    this.shadowRoot.replaceChildren(...cloned);
   }
 };
 GdsRichText.styles = [tokens, defaultStyles, styles];
 __decorateClass([
-  observeLightDOM()
+  property()
+], GdsRichText.prototype, "captureMode", 2);
+__decorateClass([
+  observeLightDOM({
+    childList: true,
+    subtree: true,
+    attributes: true,
+    characterData: true
+  })
 ], GdsRichText.prototype, "_captureDOM", 1);
 GdsRichText = __decorateClass([
   gdsCustomElement("gds-rich-text")

package/chunks/{chunk.EQK24GA7.js → chunk.M6S3B5GI.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/chunk.MLXMQIEV.js

@@ -6,7 +6,7 @@ import {
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-44e8f2";
+var VER_SUFFIX = "-82d2f1";
 var ScopedElementRegistry = class {
   static get instance() {
     var _a;

package/chunks/{chunk.DDEH4BLM.js → chunk.MSDETVDW.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   gdsCustomElement
 } from "./chunk.MLXMQIEV.js";

package/chunks/{chunk.HZSYETQW.js → chunk.NCZAYYNU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.HRNZCGRZ.js → chunk.OSIUU4NF.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   forwardAttributes
-} from "./chunk.BGWGCMCR.js";
+} from "./chunk.BHWBJIPJ.js";
 import {
   GdsFormControlElement
-} from "./chunk.JYQY43ZR.js";
+} from "./chunk.Z3MHP5MN.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   gdsCustomElement,
   html
@@ -231,6 +231,18 @@ var GdsTextarea = class extends GdsFormControlElement {
     });
     __privateAdd(this, _handleClearBtnClick, () => {
       this.value = "";
+      this.dispatchEvent(
+        new Event("gds-input-cleared", {
+          bubbles: true,
+          composed: true
+        })
+      );
+      this.dispatchEvent(
+        new Event("input", {
+          bubbles: true,
+          composed: true
+        })
+      );
     });
     this.lines = 0;
     this.resize = "auto";
@@ -262,6 +274,7 @@ var GdsTextarea = class extends GdsFormControlElement {
 };
 _renderDefault = new WeakSet();
 renderDefault_fn = function() {
+  var _a;
   return html`
       <gds-form-control-header>
         <label for="input" slot="label">${this.label}</label>
@@ -301,8 +314,8 @@ renderDefault_fn = function() {
       </gds-flex>
 
       <gds-form-control-footer
-        .charCounter=${__privateGet(this, _shouldShowRemainingChars, shouldShowRemainingChars_get) && this.maxlength - this.value.length}
-        .validationMessage=${this.invalid && this.validationMessage}
+        .charCounter=${__privateGet(this, _shouldShowRemainingChars, shouldShowRemainingChars_get) && this.maxlength - (((_a = this.value) == null ? void 0 : _a.length) || 0)}
+        .validationMessage=${this.invalid && (this.errorMessage || this.validationMessage)}
       ></gds-form-control-footer>
     `;
 };
@@ -409,7 +422,8 @@ renderNativeTextarea_fn = function() {
 };
 _renderClearButton = new WeakSet();
 renderClearButton_fn = function() {
-  if (this.clearable && this.value.length > 0)
+  var _a;
+  if (this.clearable && (((_a = this.value) == null ? void 0 : _a.length) || 0) > 0)
     return html`
         <gds-button
           size="small"

package/chunks/{chunk.2QH66UQK.js → chunk.P2BOEVHE.js}

@@ -1,10 +1,10 @@
 import {
   Focusable,
   option_styles_default
-} from "./chunk.TVJYFYLU.js";
+} from "./chunk.43JUKB53.js";
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.AIJ6QFLC.js → chunk.PBUUPCPL.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.2FIMLN5K.js → chunk.QIE6QJ5O.js}

@@ -1,12 +1,12 @@
 import {
   GdsContainer
-} from "./chunk.JHTTWGJB.js";
+} from "./chunk.W6E54X7P.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.6YX75PNT.js → chunk.QN5HFZCH.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.E62NOHQC.js";
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";

package/chunks/{chunk.E5WWCN6L.js → chunk.RL2KSWKV.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.E62NOHQC.js";
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.FAQESENL.js → chunk.RTE75ZOU.js}

@@ -4,16 +4,16 @@ import {
 } from "./chunk.C3ECHGX7.js";
 import {
   GdsFormControlElement
-} from "./chunk.JYQY43ZR.js";
+} from "./chunk.Z3MHP5MN.js";
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   gdsCustomElement,
   html
@@ -289,6 +289,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
       this.value = e.detail;
       this.open = false;
       __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
+      __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
     });
     __privateAdd(this, _handleMonthChange, (e) => {
       var _a;
@@ -301,15 +302,17 @@ var GdsDatepicker = class extends GdsFormControlElement {
       this._focusedYear = (_a = e.target) == null ? void 0 : _a.value;
     });
     __privateAdd(this, _handleIncrementFocusedMonth, (_e) => {
-      this._focusedMonth++;
-      if (this._focusedMonth > 11) {
+      if (this._focusedMonth < 11) {
+        this._focusedMonth++;
+      } else if (this._focusedMonth == 11 && this._focusedYear != this.max.getFullYear()) {
         this._focusedMonth = 0;
         this._focusedYear++;
       }
     });
     __privateAdd(this, _handleDecrementFocusedMonth, (_e) => {
-      this._focusedMonth--;
-      if (this._focusedMonth < 0) {
+      if (this._focusedMonth > 0) {
+        this._focusedMonth--;
+      } else if (this._focusedMonth == 0 && this._focusedYear != this.min.getFullYear()) {
         this._focusedMonth = 11;
         this._focusedYear--;
       }
@@ -370,6 +373,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
         return;
       this.value = newDate;
       __privateMethod(this, _dispatchChangeEvent, dispatchChangeEvent_fn).call(this);
+      __privateMethod(this, _dispatchInputEvent, dispatchInputEvent_fn).call(this);
     });
     /**
      * The spinner state keeps track of the spinner values regardless of wheter a complete date has been enter yet.
@@ -595,6 +599,8 @@ var GdsDatepicker = class extends GdsFormControlElement {
     return this._elSpinners[0];
   }
   _handleValueChange() {
+    if (this.value === "")
+      this.value = void 0;
     if (!this.value) {
       __privateSet(this, _spinnerState, {
         year: "yyyy",

package/chunks/{chunk.MXCTN4I7.js → chunk.S4DOMLSN.js}

@@ -1,12 +1,12 @@
 import {
   GdsFlex
-} from "./chunk.EXYL4FK6.js";
+} from "./chunk.WV7BXKV6.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   gdsCustomElement
 } from "./chunk.MLXMQIEV.js";

package/chunks/{chunk.W6APMWG7.js → chunk.SGFAP56K.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.QRS6W5CU.js → chunk.SIRY2HVR.js}

@@ -12,9 +12,9 @@ import {
 var IconBrandGreen = class extends GdsIcon {
 };
 /** @private */
-IconBrandGreen._regularSVG = `<path d="M20.8001 7C17.1001 7 13.9001 9.1 12.2001 12.2C12.0001 10.2 11.2001 8.4 10.1001 6.8C8.70007 4.7 6.60007 3.1 4.30007 2.2L3.70007 2L3.50007 2.5C2.60007 3.9 2.10007 5.5 2.00007 7.2C1.90007 8.9 2.30007 10.5 3.00007 12.1C3.70007 13.6 4.80007 14.9 6.20007 15.8C7.50007 16.8 9.10007 17.4 10.7001 17.5C10.4001 19 10.0001 21 10.0001 21V21.1C10.0001 21.2 10.0001 21.2 10.1001 21.3C10.1001 21.3 10.1001 21.4 10.2001 21.4C10.3001 21.4 10.3001 21.4 10.4001 21.4H11.5001C11.6001 21.4 11.7001 21.4 11.8001 21.4C11.9001 21.3 11.9001 21.2 11.9001 21.1C11.9001 21.1 12.1001 18.8 12.2001 17.6C17.3001 17.3 21.4001 13 21.4001 7.7V7H20.8001ZM3.30007 7.7C3.30007 6.3 3.70007 4.9 4.30007 3.7C8.40007 5.5 11.1001 9.6 11.1001 14.1C11.1001 14.8 11.0001 15.5 10.9001 16.2C8.80007 16 6.90007 15 5.50007 13.4C4.10007 11.9 3.30007 9.8 3.30007 7.7ZM12.4001 16.2C12.7001 12.1 16.0001 8.7 20.1001 8.4C19.8001 12.6 16.5001 15.9 12.4001 16.2Z" fill="black"/>`;
+IconBrandGreen._regularSVG = `<path d="M20.8001 7C17.1001 7 13.9001 9.1 12.2001 12.2C12.0001 10.2 11.2001 8.4 10.1001 6.8C8.70007 4.7 6.60007 3.1 4.30007 2.2L3.70007 2L3.50007 2.5C2.60007 3.9 2.10007 5.5 2.00007 7.2C1.90007 8.9 2.30007 10.5 3.00007 12.1C3.70007 13.6 4.80007 14.9 6.20007 15.8C7.50007 16.8 9.10007 17.4 10.7001 17.5C10.4001 19 10.0001 21 10.0001 21V21.1C10.0001 21.2 10.0001 21.2 10.1001 21.3C10.1001 21.3 10.1001 21.4 10.2001 21.4C10.3001 21.4 10.3001 21.4 10.4001 21.4H11.5001C11.6001 21.4 11.7001 21.4 11.8001 21.4C11.9001 21.3 11.9001 21.2 11.9001 21.1C11.9001 21.1 12.1001 18.8 12.2001 17.6C17.3001 17.3 21.4001 13 21.4001 7.7V7H20.8001ZM3.30007 7.7C3.30007 6.3 3.70007 4.9 4.30007 3.7C8.40007 5.5 11.1001 9.6 11.1001 14.1C11.1001 14.8 11.0001 15.5 10.9001 16.2C8.80007 16 6.90007 15 5.50007 13.4C4.10007 11.9 3.30007 9.8 3.30007 7.7ZM12.4001 16.2C12.7001 12.1 16.0001 8.7 20.1001 8.4C19.8001 12.6 16.5001 15.9 12.4001 16.2Z" fill="currentColor"/>`;
 /** @private */
-IconBrandGreen._solidSVG = `<path d="M20.8001 7C17.1001 7 13.9001 9.1 12.2001 12.2C12.0001 10.2 11.2001 8.4 10.1001 6.8C8.70007 4.7 6.60007 3.1 4.30007 2.2L3.70007 2L3.50007 2.5C2.60007 3.9 2.10007 5.5 2.00007 7.2C1.90007 8.9 2.30007 10.5 3.00007 12.1C3.70007 13.6 4.80007 14.9 6.20007 15.8C7.50007 16.8 9.10007 17.4 10.7001 17.5C10.4001 19 10.0001 21 10.0001 21V21.1C10.0001 21.2 10.0001 21.2 10.1001 21.3C10.1001 21.3 10.1001 21.4 10.2001 21.4C10.3001 21.4 10.3001 21.4 10.4001 21.4H11.5001C11.6001 21.4 11.7001 21.4 11.8001 21.4C11.9001 21.3 11.9001 21.2 11.9001 21.1C11.9001 21.1 12.1001 18.8 12.2001 17.6C17.3001 17.3 21.4001 13 21.4001 7.7V7H20.8001ZM3.30007 7.7C3.30007 6.3 3.70007 4.9 4.30007 3.7C8.40007 5.5 11.1001 9.6 11.1001 14.1C11.1001 14.8 11.0001 15.5 10.9001 16.2C8.80007 16 6.90007 15 5.50007 13.4C4.10007 11.9 3.30007 9.8 3.30007 7.7ZM12.4001 16.2C12.7001 12.1 16.0001 8.7 20.1001 8.4C19.8001 12.6 16.5001 15.9 12.4001 16.2Z" fill="black"/>`;
+IconBrandGreen._solidSVG = `<path d="M20.8001 7C17.1001 7 13.9001 9.1 12.2001 12.2C12.0001 10.2 11.2001 8.4 10.1001 6.8C8.70007 4.7 6.60007 3.1 4.30007 2.2L3.70007 2L3.50007 2.5C2.60007 3.9 2.10007 5.5 2.00007 7.2C1.90007 8.9 2.30007 10.5 3.00007 12.1C3.70007 13.6 4.80007 14.9 6.20007 15.8C7.50007 16.8 9.10007 17.4 10.7001 17.5C10.4001 19 10.0001 21 10.0001 21V21.1C10.0001 21.2 10.0001 21.2 10.1001 21.3C10.1001 21.3 10.1001 21.4 10.2001 21.4C10.3001 21.4 10.3001 21.4 10.4001 21.4H11.5001C11.6001 21.4 11.7001 21.4 11.8001 21.4C11.9001 21.3 11.9001 21.2 11.9001 21.1C11.9001 21.1 12.1001 18.8 12.2001 17.6C17.3001 17.3 21.4001 13 21.4001 7.7V7H20.8001ZM3.30007 7.7C3.30007 6.3 3.70007 4.9 4.30007 3.7C8.40007 5.5 11.1001 9.6 11.1001 14.1C11.1001 14.8 11.0001 15.5 10.9001 16.2C8.80007 16 6.90007 15 5.50007 13.4C4.10007 11.9 3.30007 9.8 3.30007 7.7ZM12.4001 16.2C12.7001 12.1 16.0001 8.7 20.1001 8.4C19.8001 12.6 16.5001 15.9 12.4001 16.2Z" fill="currentColor"/>`;
 /** @private */
 IconBrandGreen._name = "brand-green";
 IconBrandGreen = __decorateClass([

package/chunks/chunk.T6P6LC4Y.js

@@ -0,0 +1,26 @@
+import {
+  GdsIcon
+} from "./chunk.K6WND5FJ.js";
+import {
+  gdsCustomElement
+} from "./chunk.MLXMQIEV.js";
+import {
+  __decorateClass
+} from "./chunk.SEHSDSX2.js";
+
+// libs/core/src/components/icon/icons/brand-chrome.ts
+var IconBrandChrome = class extends GdsIcon {
+};
+/** @private */
+IconBrandChrome._regularSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M4.41459 5.4838C9.06327 0.0735695 17.6827 1.14152 20.905 7.46127C18.6367 7.46205 15.0847 7.46065 13.161 7.46127C11.7657 7.46174 10.865 7.43002 9.88935 7.94361C8.74249 8.54735 7.87704 9.6664 7.57501 10.9809L4.41459 5.4838Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67296 11.9995C8.67296 13.8331 10.1639 15.3249 11.9965 15.3249C13.829 15.3249 15.3199 13.8332 15.3199 11.9995C15.3199 10.1659 13.829 8.67407 11.9965 8.67407C10.1639 8.67407 8.67296 10.1659 8.67296 11.9995Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2863 16.3521C11.4209 16.9064 9.23796 16.2916 8.04219 14.2276C7.12939 12.6521 4.71771 8.45079 3.62163 6.54051C-0.217376 12.4246 3.09133 20.4431 10.0609 21.8117L13.2863 16.3521Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0837 8.67407C16.6374 10.119 16.9758 12.459 15.9233 14.2734C15.1304 15.6404 12.5998 19.9116 11.3732 21.9798C18.5541 22.4225 23.7888 15.3848 21.4243 8.67407H15.0837Z" fill="currentColor"/>`;
+/** @private */
+IconBrandChrome._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M4.41459 5.4838C9.06327 0.0735695 17.6827 1.14152 20.905 7.46127C18.6367 7.46205 15.0847 7.46065 13.161 7.46127C11.7657 7.46174 10.865 7.43002 9.88935 7.94361C8.74249 8.54735 7.87704 9.6664 7.57501 10.9809L4.41459 5.4838Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67296 11.9995C8.67296 13.8331 10.1639 15.3249 11.9965 15.3249C13.829 15.3249 15.3199 13.8332 15.3199 11.9995C15.3199 10.1659 13.829 8.67407 11.9965 8.67407C10.1639 8.67407 8.67296 10.1659 8.67296 11.9995Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2863 16.3521C11.4209 16.9064 9.23796 16.2916 8.04219 14.2276C7.12939 12.6521 4.71771 8.45079 3.62163 6.54051C-0.217376 12.4246 3.09133 20.4431 10.0609 21.8117L13.2863 16.3521Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.0837 8.67407C16.6374 10.119 16.9758 12.459 15.9233 14.2734C15.1304 15.6404 12.5998 19.9116 11.3732 21.9798C18.5541 22.4225 23.7888 15.3848 21.4243 8.67407H15.0837Z" fill="currentColor"/>`;
+/** @private */
+IconBrandChrome._name = "brand-chrome";
+IconBrandChrome = __decorateClass([
+  gdsCustomElement("gds-icon-brand-chrome")
+], IconBrandChrome);
+
+export {
+  IconBrandChrome
+};

package/chunks/{chunk.2RPIXTTF.js → chunk.U44LH2CF.js}

@@ -1541,7 +1541,7 @@ var segment_trans_styles_default = `/* stylelint-disable max-nesting-depth */
               appearance: none;
       background: transparent;
       border-width: 0;
-      color: var(--gds-sys-color-content-content);
+      color: var(--text-primary-color);
       cursor: pointer;
       flex-grow: 1;
       flex-shrink: 0;

package/chunks/{chunk.JHTTWGJB.js → chunk.W6E54X7P.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.EXYL4FK6.js → chunk.WV7BXKV6.js}

@@ -1,12 +1,12 @@
 import {
   GdsContainer
-} from "./chunk.JHTTWGJB.js";
+} from "./chunk.W6E54X7P.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.XFOLMVIU.js → chunk.WXBRUX3Q.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.VHN4JEZC.js";
 import {
   TransitionalStyles
-} from "./chunk.2RPIXTTF.js";
+} from "./chunk.U44LH2CF.js";
 import {
   watch
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";
@@ -33,9 +33,9 @@ import { property, query, state } from "lit/decorators.js";
 // libs/core/src/components/segmented-control/segmented-control.style.css?inline
 var segmented_control_style_default = `@layer base {
   :host {
-    background-color: var(--gds-sys-color-container-container-dim1);
-    border: 0.25rem solid var(--gds-sys-color-container-container-dim1);
-    border-radius: calc(infinity * 1px);
+    background-color: var(--gds-color-l3-background-secondary);
+    border: 0.25rem solid transparent;
+    border-radius: var(--gds-space-max);
     box-sizing: border-box;
     contain: layout;
     display: inline-flex;
@@ -74,10 +74,10 @@ var segmented_control_style_default = `@layer base {
        -moz-appearance: none;
             appearance: none;
     aspect-ratio: 1;
-    background-color: var(--gds-sys-color-container-container-dim1);
-    border-radius: calc(infinity * 1px);
+    border-radius: var(--gds-space-max);
     border-width: 0;
-    color: var(--gds-sys-color-content-content);
+    background-color: var(--gds-color-l3-background-secondary);
+    color: var(--gds-color-l3-content-tertiary);
     cursor: pointer;
     display: flex;
     font-size: 1rem;
@@ -92,8 +92,8 @@ var segmented_control_style_default = `@layer base {
       &:hover {
         background-color: color-mix(
           in srgb,
-          var(--gds-sys-color-state-layers-state-black-dim1),
-          var(--gds-sys-color-container-container-dim1)
+          var(--gds-color-l3-background-secondary),
+          var(--gds-color-l3-states-light-hover)
         );
       }
     }
@@ -128,8 +128,8 @@ var segmented_control_style_default = `@layer base {
   }
 
   #indicator {
-    background-color: var(--gds-sys-color-container-container-bright);
-    border-radius: calc(infinity * 1px);
+    background-color: var(--gds-color-l3-background-quarternary);
+    border-radius: var(--gds-space-max);
     height: 100%;
     left: 0;
     position: absolute;

package/chunks/{chunk.ZKJKGAYQ.js → chunk.XAWXXWZ3.js}

@@ -12,9 +12,9 @@ import {
 var IconBrandAppStore = class extends GdsIcon {
 };
 /** @private */
-IconBrandAppStore._regularSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M6.338 2.5H17.662C19.7829 2.5 21.5 4.21713 21.5024 6.338V17.662C21.5024 19.7829 19.7829 21.5 17.6644 21.5H6.338C4.21713 21.5 2.5 19.7829 2.5 17.6644V6.338C2.5 4.21713 4.21713 2.5 6.338 2.5ZM12.304 6.20024L11.9192 6.86524L11.5416 6.19787C11.2994 5.78224 10.7745 5.64212 10.3589 5.87962C9.94324 6.12187 9.80311 6.64674 10.0406 7.06237L10.9217 8.59187L8.10024 13.482H5.89624C5.41649 13.482 5.03174 13.8667 5.03174 14.3465C5.03174 14.8262 5.41649 15.211 5.89624 15.211H13.7575C14.1351 14.5032 13.6482 13.482 12.779 13.482H10.0976L13.805 7.06474C14.0425 6.64912 13.9024 6.11949 13.4867 5.88199C13.0711 5.64449 12.5415 5.78462 12.304 6.20024ZM7.75349 17.5432L8.58474 16.1016C8.13586 15.5601 7.56824 15.3939 6.86999 15.61L6.25249 16.6787C6.01499 17.0944 6.15511 17.624 6.57074 17.8615C6.98636 18.099 7.51599 17.9589 7.75349 17.5432ZM17.9921 13.4867H15.743C15.5707 13.1885 15.4051 12.9015 15.246 12.626C14.3588 11.0894 13.6759 9.90681 13.1946 9.08112C12.684 9.50624 12.1662 10.7602 12.8906 12.0095C13.2047 12.5545 13.5895 13.2206 14.0445 14.0083C14.6146 14.9954 15.2951 16.1734 16.085 17.5432C16.3272 17.9589 16.8521 18.099 17.2677 17.8615C17.6834 17.6192 17.8235 17.0944 17.586 16.6787L16.7429 15.2157H17.9921C18.4719 15.2157 18.8566 14.831 18.8566 14.3512C18.8566 13.8715 18.4719 13.4867 17.9921 13.4867Z" fill="black"/>`;
+IconBrandAppStore._regularSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M6.338 2.5H17.662C19.7829 2.5 21.5 4.21713 21.5024 6.338V17.662C21.5024 19.7829 19.7829 21.5 17.6644 21.5H6.338C4.21713 21.5 2.5 19.7829 2.5 17.6644V6.338C2.5 4.21713 4.21713 2.5 6.338 2.5ZM12.304 6.20024L11.9192 6.86524L11.5416 6.19787C11.2994 5.78224 10.7745 5.64212 10.3589 5.87962C9.94324 6.12187 9.80311 6.64674 10.0406 7.06237L10.9217 8.59187L8.10024 13.482H5.89624C5.41649 13.482 5.03174 13.8667 5.03174 14.3465C5.03174 14.8262 5.41649 15.211 5.89624 15.211H13.7575C14.1351 14.5032 13.6482 13.482 12.779 13.482H10.0976L13.805 7.06474C14.0425 6.64912 13.9024 6.11949 13.4867 5.88199C13.0711 5.64449 12.5415 5.78462 12.304 6.20024ZM7.75349 17.5432L8.58474 16.1016C8.13586 15.5601 7.56824 15.3939 6.86999 15.61L6.25249 16.6787C6.01499 17.0944 6.15511 17.624 6.57074 17.8615C6.98636 18.099 7.51599 17.9589 7.75349 17.5432ZM17.9921 13.4867H15.743C15.5707 13.1885 15.4051 12.9015 15.246 12.626C14.3588 11.0894 13.6759 9.90681 13.1946 9.08112C12.684 9.50624 12.1662 10.7602 12.8906 12.0095C13.2047 12.5545 13.5895 13.2206 14.0445 14.0083C14.6146 14.9954 15.2951 16.1734 16.085 17.5432C16.3272 17.9589 16.8521 18.099 17.2677 17.8615C17.6834 17.6192 17.8235 17.0944 17.586 16.6787L16.7429 15.2157H17.9921C18.4719 15.2157 18.8566 14.831 18.8566 14.3512C18.8566 13.8715 18.4719 13.4867 17.9921 13.4867Z" fill="currentColor"/>`;
 /** @private */
-IconBrandAppStore._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M6.338 2.5H17.662C19.7829 2.5 21.5 4.21713 21.5024 6.338V17.662C21.5024 19.7829 19.7829 21.5 17.6644 21.5H6.338C4.21713 21.5 2.5 19.7829 2.5 17.6644V6.338C2.5 4.21713 4.21713 2.5 6.338 2.5ZM12.304 6.20024L11.9192 6.86524L11.5416 6.19787C11.2994 5.78224 10.7745 5.64212 10.3589 5.87962C9.94324 6.12187 9.80311 6.64674 10.0406 7.06237L10.9217 8.59187L8.10024 13.482H5.89624C5.41649 13.482 5.03174 13.8667 5.03174 14.3465C5.03174 14.8262 5.41649 15.211 5.89624 15.211H13.7575C14.1351 14.5032 13.6482 13.482 12.779 13.482H10.0976L13.805 7.06474C14.0425 6.64912 13.9024 6.11949 13.4867 5.88199C13.0711 5.64449 12.5415 5.78462 12.304 6.20024ZM7.75349 17.5432L8.58474 16.1016C8.13586 15.5601 7.56824 15.3939 6.86999 15.61L6.25249 16.6787C6.01499 17.0944 6.15511 17.624 6.57074 17.8615C6.98636 18.099 7.51599 17.9589 7.75349 17.5432ZM17.9921 13.4867H15.743C15.5707 13.1885 15.4051 12.9015 15.246 12.626C14.3588 11.0894 13.6759 9.90681 13.1946 9.08112C12.684 9.50624 12.1662 10.7602 12.8906 12.0095C13.2047 12.5545 13.5895 13.2206 14.0445 14.0083C14.6146 14.9954 15.2951 16.1734 16.085 17.5432C16.3272 17.9589 16.8521 18.099 17.2677 17.8615C17.6834 17.6192 17.8235 17.0944 17.586 16.6787L16.7429 15.2157H17.9921C18.4719 15.2157 18.8566 14.831 18.8566 14.3512C18.8566 13.8715 18.4719 13.4867 17.9921 13.4867Z" fill="black"/>`;
+IconBrandAppStore._solidSVG = `<path fill-rule="evenodd" clip-rule="evenodd" d="M6.338 2.5H17.662C19.7829 2.5 21.5 4.21713 21.5024 6.338V17.662C21.5024 19.7829 19.7829 21.5 17.6644 21.5H6.338C4.21713 21.5 2.5 19.7829 2.5 17.6644V6.338C2.5 4.21713 4.21713 2.5 6.338 2.5ZM12.304 6.20024L11.9192 6.86524L11.5416 6.19787C11.2994 5.78224 10.7745 5.64212 10.3589 5.87962C9.94324 6.12187 9.80311 6.64674 10.0406 7.06237L10.9217 8.59187L8.10024 13.482H5.89624C5.41649 13.482 5.03174 13.8667 5.03174 14.3465C5.03174 14.8262 5.41649 15.211 5.89624 15.211H13.7575C14.1351 14.5032 13.6482 13.482 12.779 13.482H10.0976L13.805 7.06474C14.0425 6.64912 13.9024 6.11949 13.4867 5.88199C13.0711 5.64449 12.5415 5.78462 12.304 6.20024ZM7.75349 17.5432L8.58474 16.1016C8.13586 15.5601 7.56824 15.3939 6.86999 15.61L6.25249 16.6787C6.01499 17.0944 6.15511 17.624 6.57074 17.8615C6.98636 18.099 7.51599 17.9589 7.75349 17.5432ZM17.9921 13.4867H15.743C15.5707 13.1885 15.4051 12.9015 15.246 12.626C14.3588 11.0894 13.6759 9.90681 13.1946 9.08112C12.684 9.50624 12.1662 10.7602 12.8906 12.0095C13.2047 12.5545 13.5895 13.2206 14.0445 14.0083C14.6146 14.9954 15.2951 16.1734 16.085 17.5432C16.3272 17.9589 16.8521 18.099 17.2677 17.8615C17.6834 17.6192 17.8235 17.0944 17.586 16.6787L16.7429 15.2157H17.9921C18.4719 15.2157 18.8566 14.831 18.8566 14.3512C18.8566 13.8715 18.4719 13.4867 17.9921 13.4867Z" fill="currentColor"/>`;
 /** @private */
 IconBrandAppStore._name = "brand-app-store";
 IconBrandAppStore = __decorateClass([

package/chunks/{chunk.PIVMG24U.js → chunk.YAPDYZK6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.WOGUULLN.js → chunk.YRHYEHLO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";

package/chunks/{chunk.H7DJUX62.js → chunk.Z334YLO4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.VI2KPHVV.js";
+} from "./chunk.BYYROY6X.js";
 import {
   GdsElement
 } from "./chunk.LQSWYCMZ.js";