@sebgroup/green-core 1.53.0 → 1.54.0

package/chunks/{chunk.J5DMXXVI.js → chunk.47ASHWGJ.js}

@@ -5,7 +5,7 @@ import {
 // dist/libs/tokens/internal/dark.css?inline
 var dark_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:41 GMT
  */
 
 color-scheme: dark;
@@ -119,7 +119,7 @@ color-scheme: dark;
 // dist/libs/tokens/internal/light.css?inline
 var light_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:41 GMT
  */
 
 color-scheme: light;
@@ -236,7 +236,7 @@ import { css, unsafeCSS } from "lit";
 // dist/libs/tokens/internal/motion.css?inline
 var motion_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:42 GMT
  */
 
 :host {
@@ -255,7 +255,7 @@ var motion_default = `/**
 // dist/libs/tokens/internal/pallet.css?inline
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:41 GMT
  */
 
 :host {
@@ -416,7 +416,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/shadow.css?inline
 var shadow_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:42 GMT
  */
 
 :host {
@@ -431,7 +431,7 @@ var shadow_default = `/**
 // dist/libs/tokens/internal/size.css?inline
 var size_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:41 GMT
  */
 
 :host {
@@ -458,7 +458,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/text.css?inline
 var text_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:41 GMT
  */
 
 :host {
@@ -519,7 +519,7 @@ var text_default = `/**
 // dist/libs/tokens/internal/theme/light.css?inline
 var light_default2 = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:41 GMT
  */
 
 :host {
@@ -745,7 +745,7 @@ var light_default2 = `/**
 // dist/libs/tokens/internal/viewport.css?inline
 var viewport_default = `/**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 08:45:17 GMT
+ * Generated on Wed, 06 Nov 2024 13:57:41 GMT
  */
 
 :host {

package/chunks/{chunk.JKGAGDGB.js → chunk.55YQ2AEP.js}

@@ -1,12 +1,12 @@
 import {
   forwardAttributes
-} from "./chunk.J7DSST52.js";
+} from "./chunk.MURSGBEB.js";
 import {
   GdsFormControlElement
 } from "./chunk.JPBBNSKG.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement,
   html
@@ -19,7 +19,7 @@ import {
 } from "./chunk.SEHSDSX2.js";
 
 // libs/core/src/components/input/input.ts
-import { msg } from "@lit/localize";
+import { localized, msg } from "@lit/localize";
 import { property, query, queryAsync, state } from "lit/decorators.js";
 import { choose } from "lit/directives/choose.js";
 import { nothing } from "lit/html.js";
@@ -293,6 +293,7 @@ renderNativeInput_fn = function() {
         id="input"
         ?disabled=${this.disabled}
         aria-describedby="supporting-text"
+        aria-invalid=${this.invalid}
         placeholder=" "
         ${forwardAttributes(__privateGet(this, _forwardableAttrs))}
       />
@@ -366,7 +367,8 @@ __decorateClass([
   state()
 ], GdsInput.prototype, "trailSlotOccupied", 2);
 GdsInput = __decorateClass([
-  gdsCustomElement("gds-input")
+  gdsCustomElement("gds-input"),
+  localized()
 ], GdsInput);
 
 export {

package/chunks/{chunk.4ZEY7PY3.js → chunk.5U3AAT52.js}

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

package/chunks/{chunk.M6XP56RZ.js → chunk.6BGALSTN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.GR2UJWJ6.js → chunk.6BRWDGZB.js}

@@ -1,12 +1,12 @@
 import {
   GdsContainer
-} from "./chunk.M6XP56RZ.js";
+} from "./chunk.6BGALSTN.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.63P446RK.js → chunk.6CVYINEE.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.73NZRIVS.js → chunk.AH3YKJ73.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.SEHSDSX2.js";
 
 // libs/core/src/primitives/form-control-header/form-control-header.ts
-import { msg } from "@lit/localize";
+import { localized, msg } from "@lit/localize";
 import { property, query, state } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 
@@ -160,7 +160,8 @@ __decorateClass([
   query("#extended-supporting-text")
 ], GdsFormControlHeader.prototype, "_extendedSupportingText", 2);
 GdsFormControlHeader = __decorateClass([
-  gdsCustomElement("gds-form-control-header")
+  gdsCustomElement("gds-form-control-header"),
+  localized()
 ], GdsFormControlHeader);
 
 export {

package/chunks/{chunk.42PXLAME.js → chunk.AWTTYF3N.js}

@@ -7,7 +7,7 @@ import {
 import {
   dark_default,
   light_default
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.EOPGCWMH.js → chunk.CRFU6TUO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.SNMFZLKM.js → chunk.CSNNQCHB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.AQNM536Y.js → chunk.DDUBJV4O.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.L5CV67AQ.js → chunk.EKK7QSOY.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement
 } from "./chunk.MLXMQIEV.js";

package/chunks/{chunk.DN2OAVGL.js → chunk.ESXDJQVI.js}

@@ -1,12 +1,12 @@
 import {
   defaultStyles
-} from "./chunk.X67XGMIT.js";
+} from "./chunk.UEJZWDMS.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.FTNCVDPI.js → chunk.GWVKYKJF.js}

@@ -1,12 +1,12 @@
 import {
   GdsContainer
-} from "./chunk.M6XP56RZ.js";
+} from "./chunk.6BGALSTN.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.FGC4UTL3.js → chunk.HW62Q5D3.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.SHNODDWS.js → chunk.JWPQJGRZ.js}

@@ -1,12 +1,12 @@
 import {
   GdsContainer
-} from "./chunk.M6XP56RZ.js";
+} from "./chunk.6BGALSTN.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.HHIMJM3I.js → chunk.K6FUR23P.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement,
   html
@@ -27,7 +27,7 @@ import {
 } from "./chunk.SEHSDSX2.js";
 
 // libs/core/src/components/datepicker/datepicker.ts
-import { msg } from "@lit/localize";
+import { localized, msg } from "@lit/localize";
 import { nothing } from "lit";
 import { property, query, queryAll, queryAsync, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -422,7 +422,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
       () => html`<label for="spinner-0" id="label">${this.label}</label>`
     )}
 
-      <div class="form-info"><slot name="sub-label"></slot></div>
+      <div class="form-info" id="sub-label"><slot name="sub-label"></slot></div>
 
       <div
         class=${classMap({ field: true, small: this.size === "small" })}
@@ -446,7 +446,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
                   aria-valuemin=${__privateMethod(this, _getMinSpinnerValue, getMinSpinnerValue_fn).call(this, f.name)}
                   aria-valuemax=${__privateMethod(this, _getMaxSpinnerValue, getMaxSpinnerValue_fn).call(this, f.name)}
                   aria-label=${__privateMethod(this, _getSpinnerLabel, getSpinnerLabel_fn).call(this, f.name)}
-                  aria-describedby="label"
+                  aria-describedby="label sub-label message"
                   @keydown=${__privateGet(this, _handleSpinnerKeydown)}
                   @change=${(e) => __privateGet(this, _handleSpinnerChange).call(this, e.detail.value, f.name)}
                   @focus=${__privateGet(this, _handleSpinnerFocus)}
@@ -472,7 +472,7 @@ var GdsDatepicker = class extends GdsFormControlElement {
         </button>
       </div>
 
-      <div class="form-info">
+      <div class="form-info" aria-live="polite" id="message">
         <slot name="message">${this.validationMessage}</slot>
       </div>
 
@@ -818,7 +818,8 @@ __decorateClass([
   watch("open")
 ], GdsDatepicker.prototype, "_handleOpenChange", 1);
 GdsDatepicker = __decorateClass([
-  gdsCustomElement("gds-datepicker")
+  gdsCustomElement("gds-datepicker"),
+  localized()
 ], GdsDatepicker);
 
 export {

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 = "-dc75ab";
+var VER_SUFFIX = "-2c2afd";
 var ScopedElementRegistry = class {
   static get instance() {
     var _a;

package/chunks/{chunk.D3L6HEPA.js → chunk.MQFE3PAE.js}

@@ -1,12 +1,12 @@
 import {
   GdsFlex
-} from "./chunk.SHNODDWS.js";
+} from "./chunk.JWPQJGRZ.js";
 import {
   styleExpressionProperty
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement
 } from "./chunk.MLXMQIEV.js";

package/chunks/{chunk.J7DSST52.js → chunk.MURSGBEB.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.JMP5YJFE.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.Q5OLRSYK.js → chunk.N4SENP7N.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.V7EJYOZX.js → chunk.NE34DSSV.js}

@@ -23,7 +23,7 @@ import {
 } from "./chunk.SEHSDSX2.js";
 
 // libs/core/src/components/popover/popover.ts
-import { msg } from "@lit/localize";
+import { localized, msg } from "@lit/localize";
 import { unsafeCSS } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -472,7 +472,8 @@ __decorateClass([
   watchMediaQuery("(max-width: 576px)")
 ], GdsPopover.prototype, "_handleMobileLayout", 1);
 GdsPopover = __decorateClass([
-  gdsCustomElement("gds-popover")
+  gdsCustomElement("gds-popover"),
+  localized()
 ], GdsPopover);
 
 export {

package/chunks/{chunk.TWRFSLE6.js → chunk.NKZ4SF67.js}

@@ -22,6 +22,7 @@ import {
 } from "./chunk.SEHSDSX2.js";
 
 // libs/core/src/components/dialog/dialog.ts
+import { localized, msg } from "@lit/localize";
 import { property, query } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 
@@ -97,7 +98,6 @@ var styles = css`
 `;
 
 // libs/core/src/components/dialog/dialog.ts
-import { msg } from "@lit/localize";
 registerGlobalScrollLockStyles();
 var _returnValue, _handleNativeClose, _dispatchCloseEvent, _dispatchShowEvent, _dispatchUiStateEvent, _handleTriggerSlotChange, handleTriggerSlotChange_fn, _handleTriggerClick;
 var GdsDialog = class extends GdsElement {
@@ -284,7 +284,8 @@ __decorateClass([
   watch("open")
 ], GdsDialog.prototype, "_handleOpenChange", 1);
 GdsDialog = __decorateClass([
-  gdsCustomElement("gds-dialog")
+  gdsCustomElement("gds-dialog"),
+  localized()
 ], GdsDialog);
 
 export {

package/chunks/{chunk.YML4GZFK.js → chunk.NVTB6QQA.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.SEHSDSX2.js";
 
 // libs/core/src/components/context-menu/context-menu.ts
-import { msg } from "@lit/localize";
+import { localized, msg } from "@lit/localize";
 import { nothing } from "lit";
 import { property, queryAsync } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -138,7 +138,8 @@ __decorateClass([
   queryAsync("#trigger")
 ], GdsContextMenu.prototype, "elTriggerBtn", 2);
 GdsContextMenu = __decorateClass([
-  gdsCustomElement("gds-context-menu")
+  gdsCustomElement("gds-context-menu"),
+  localized()
 ], GdsContextMenu);
 
 export {

package/chunks/{chunk.ZJJAPP2N.js → chunk.NXWIDNCS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H2KG3F2S.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";

package/chunks/{chunk.G4MIWNYF.js → chunk.PEVPHEJW.js}

@@ -1,12 +1,12 @@
 import {
   defaultStyles
-} from "./chunk.X67XGMIT.js";
+} from "./chunk.UEJZWDMS.js";
 import {
   observeLightDOM
 } from "./chunk.WM7HBMMV.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";
@@ -25,6 +25,7 @@ var styles = css`
     line-height: var(--gds-text-line-height-body-m);
     --default-border: 1px solid
       color-mix(in srgb, currentColor, transparent 80%);
+    letter-spacing: 0.0125rem;
   }
 
   :host > :first-child {
@@ -47,12 +48,15 @@ var styles = css`
 
   p {
     margin-bottom: 1lh;
+    max-width: 80ch;
   }
 
   blockquote {
     margin: unset;
+    margin-block: 2lh;
     border-left: 0.2rem solid currentColor;
-    padding-left: 1ch;
+    padding-left: 2ch;
+    max-width: 40ch;
   }
 
   s {
@@ -97,6 +101,7 @@ var styles = css`
   }
   figcaption {
     font-size: smaller;
+    margin-block-start: 0.4lh;
   }
 
   /*
@@ -104,17 +109,28 @@ var styles = css`
   * -----------------------------------------------------------
   */
   table {
-    border-collapse: collapse;
+    border-collapse: separate;
+    border-spacing: 0;
     width: 100%;
+    border: var(--default-border);
+    border-radius: var(--gds-space-s);
   }
   th {
     font-weight: var(--gds-text-weight-book);
     text-align: left;
     border-bottom: var(--default-border);
+    border-left: transparent;
+    border-right: transparent;
+    color: var(--gds-color-l3-content-secondary);
+  }
+
+  th:not(:last-child) {
+    border-right: var(--default-border);
   }
+
   th,
   td {
-    padding: 0.3lh 0.6ch;
+    padding: 0.3lh 2ch;
   }
   td:not(:last-child) {
     border-right: var(--default-border);
@@ -128,24 +144,54 @@ var styles = css`
   * -----------------------------------------------------------
   */
   details {
-    border: var(--default-border);
-    border-radius: var(--gds-space-xs);
-    padding: 0.5em 0.5em 0;
+    border-top: solid var(--gds-space-4xs) var(--gds-color-l3-border-tertiary);
+    font-size: var(--gds-text-size-body-m);
+    line-height: var(--gds-text-line-height-body-m);
+    color: var(--gds-color-l2-content-secondary);
   }
 
   summary {
-    font-weight: var(--gds-text-weight-book);
-    margin: -0.5em -0.5em 0;
-    padding: 0.5em;
+    font-weight: var(--gds-text-weight-regular);
+    list-style: none;
+    padding: 0.4lh 0.2ch;
+    font-size: var(--gds-text-size-body-l);
+    line-height: var(--gds-text-line-height-body-l);
+    color: var(--gds-color-l2-content-primary);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    user-select: none;
+    outline-offset: var(--gds-space-2xs);
+    outline-color: currentColor;
+
+    &:focus-visible {
+      border-radius: var(--gds-space-2xs);
+    }
+  }
+
+  summary::after {
+    content: '+';
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+    font-weight: var(--gds-text-weight-regular);
+    font-size: var(--gds-text-size-body-l);
+  }
+
+  details[open] summary::after {
+    content: '-';
   }
 
   details[open] {
-    padding: 0.5em;
+    margin-bottom: 1lh;
   }
 
   details[open] summary {
-    border-bottom: var(--default-border);
-    margin-bottom: 0.5em;
+    border-bottom: var(--gds-space-4xs) solid
+      var(--gds-color-l3-border-tertiary);
   }
 `;
 

package/chunks/{chunk.SB7IYMZJ.js → chunk.PGUBIB7S.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.TYGMNHNO.js";
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.SEHSDSX2.js";
 
 // libs/core/src/components/segmented-control/segmented-control.ts
-import { msg } from "@lit/localize";
+import { localized, msg } from "@lit/localize";
 import { unsafeCSS } from "lit";
 import { property, query, state } from "lit/decorators.js";
 
@@ -344,7 +344,8 @@ __decorateClass([
   watch("segMinWidth")
 ], GdsSegmentedControl.prototype, "_recalculateMinWidth", 1);
 GdsSegmentedControl = __decorateClass([
-  gdsCustomElement("gds-segmented-control")
+  gdsCustomElement("gds-segmented-control"),
+  localized()
 ], GdsSegmentedControl);
 
 export {

package/chunks/{chunk.3EGZBI5M.js → chunk.PZHRM5AI.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.J5DMXXVI.js";
+} from "./chunk.47ASHWGJ.js";
 import {
   GdsElement
 } from "./chunk.6X2WDWO3.js";