@sebgroup/green-core 1.37.1 → 1.38.1

package/chunks/chunk.6OEWQFQM.js

@@ -0,0 +1,87 @@
+// libs/core/src/components/content/text/text.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    display: contents;
+  }
+
+  * {
+    margin: unset;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    text-wrap: inherit;
+  }
+
+  :host(:not([size])) {
+    h1 {
+      font-size: var(--gds-text-size-heading-xl);
+      line-height: var(--gds-text-line-height-heading-xl);
+      font-weight: var(--gds-text-weight-regular);
+    }
+
+    h2 {
+      font-size: var(--gds-text-size-heading-l);
+      line-height: var(--gds-text-line-height-heading-l);
+      font-weight: var(--gds-text-weight-regular);
+    }
+
+    h3 {
+      font-size: var(--gds-text-size-heading-m);
+      line-height: var(--gds-text-line-height-heading-m);
+      font-weight: var(--gds-text-weight-regular);
+    }
+
+    h4 {
+      font-size: var(--gds-text-size-heading-s);
+      line-height: var(--gds-text-line-height-heading-s);
+      font-weight: var(--gds-text-weight-regular);
+    }
+
+    h5 {
+      font-size: var(--gds-text-size-heading-xs);
+      line-height: var(--gds-text-line-height-heading-xs);
+      font-weight: var(--gds-text-weight-regular);
+    }
+
+    h6 {
+      font-size: var(--gds-text-size-heading-2xs);
+      line-height: var(--gds-text-line-height-heading-2xs);
+      font-weight: var(--gds-text-weight-regular);
+    }
+
+    p,
+    span,
+    em,
+    strong,
+    mark {
+      font-size: var(--gds-text-size-body-m);
+      line-height: var(--gds-text-line-height-body-m);
+    }
+
+    small {
+      font-size: var(--gds-text-size-detail-xs);
+      line-height: var(--gds-text-line-height-detail-xs);
+    }
+  }
+
+  :host(:not([weight])) {
+    strong {
+      font-weight: var(--gds-text-weight-book);
+    }
+  }
+
+  :host([lines]) {
+    * {
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      -webkit-line-clamp: var(--_lines);
+    }
+  }
+`;
+var text_style_css_default = style;
+
+export {
+  text_style_css_default
+};

package/chunks/{chunk.UOICZQEF.js → chunk.6OJLIA73.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.ZSQJO33Y.js → chunk.AP23QGB4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.S7DYDS4E.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.UPMNOUXU.js → chunk.D35VWG7Z.js}

@@ -1,6 +1,6 @@
 import {
   GdsSegment
-} from "./chunk.ZSQJO33Y.js";
+} from "./chunk.AP23QGB4.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.S7DYDS4E.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.DYPJZPWR.js → chunk.HEEBT6PP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.VJBREBFI.js → chunk.IMMOU34L.js}

@@ -11,7 +11,8 @@ import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
 import {
-  gdsCustomElement
+  gdsCustomElement,
+  html
 } from "./chunk.VOYMQ322.js";
 import {
   __decorateClass,
@@ -22,7 +23,7 @@ import {
 } from "./chunk.5VURDMKE.js";
 
 // libs/core/src/components/popover/popover.ts
-import { html, unsafeCSS } from "lit";
+import { unsafeCSS } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { msg } from "@lit/localize";

package/chunks/{chunk.TNLTSPZS.js → chunk.IWTL7STV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.4HVHFLEB.js → chunk.J5IZQIXN.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.S7DYDS4E.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/chunk.JTFG2VCZ.js

@@ -0,0 +1,12 @@
+// libs/core/src/components/layout/card/card.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    display: block;
+  }
+`;
+var card_style_css_default = style;
+
+export {
+  card_style_css_default
+};

package/chunks/{chunk.VQLNKK6A.js → chunk.NMP7SICY.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";

package/chunks/{chunk.KEH76AOH.js → chunk.OYCRDQFS.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css?inline
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 13:03:10 GMT
+ * Generated on Thu, 05 Sep 2024 08:48:46 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css?inline
 var light_default = `/**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 13:03:10 GMT
+ * Generated on Thu, 05 Sep 2024 08:48:46 GMT
  */
 
 :host {
@@ -286,7 +286,7 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css?inline
 var size_default = `/**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 13:03:10 GMT
+ * Generated on Thu, 05 Sep 2024 08:48:46 GMT
  */
 
 :host {
@@ -313,7 +313,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/text.css?inline
 var text_default = `/**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 13:03:10 GMT
+ * Generated on Thu, 05 Sep 2024 08:48:46 GMT
  */
 
 :host {
@@ -322,53 +322,59 @@ var text_default = `/**
   --gds-text-weight-book: 450;
   --gds-text-weight-regular: 400;
   --gds-text-weight-light: 300;
-  --gds-text-size-label-overline: 14px;
-  --gds-text-size-label-input-medium: 14px;
-  --gds-text-size-label-input-large: 16px;
-  --gds-text-size-label-information-medium: 14px;
-  --gds-text-size-label-information-large: 16px;
-  --gds-text-size-label-small: 12px;
-  --gds-text-size-label-medium: 14px;
-  --gds-text-size-label-large: 16px;
-  --gds-text-size-body-small: 12px;
-  --gds-text-size-body-medium: 14px;
-  --gds-text-size-body-large: 16px;
-  --gds-text-size-title-small: 14px;
-  --gds-text-size-title-medium: 16px;
-  --gds-text-size-title-large: 22px;
-  --gds-text-size-headline-small: 24px;
-  --gds-text-size-headline-medium: 28px;
-  --gds-text-size-headline-large: 32px;
-  --gds-text-size-display-small: 40px;
-  --gds-text-size-display-medium: 64px;
-  --gds-text-size-display-large: 82px;
-  --gds-text-line-height-label-overline: 18px;
-  --gds-text-line-height-label-input-medium: 20px;
-  --gds-text-line-height-label-input-large: 20px;
-  --gds-text-line-height-label-information-medium: 20px;
-  --gds-text-line-height-label-information-large: 20px;
-  --gds-text-line-height-label-small: 16px;
-  --gds-text-line-height-label-medium: 20px;
-  --gds-text-line-height-label-large: 20px;
-  --gds-text-line-height-body-small: 16px;
-  --gds-text-line-height-body-medium: 20px;
-  --gds-text-line-height-body-large: 20px;
-  --gds-text-line-height-title-small: 20px;
-  --gds-text-line-height-title-medium: 24px;
-  --gds-text-line-height-title-large: 28px;
-  --gds-text-line-height-headline-small: 30px;
-  --gds-text-line-height-headline-medium: 36px;
-  --gds-text-line-height-headline-large: 40px;
-  --gds-text-line-height-display-small: 52px;
-  --gds-text-line-height-display-medium: 80px;
-  --gds-text-line-height-display-large: 98px;
+  --gds-text-size-preamble-xs: 16px;
+  --gds-text-size-preamble-s: 18px;
+  --gds-text-size-preamble-m: 20px;
+  --gds-text-size-preamble-l: 24px;
+  --gds-text-size-preamble-xl: 28px;
+  --gds-text-size-preamble-2xl: 32px;
+  --gds-text-size-display-s: 32px;
+  --gds-text-size-display-m: 36px;
+  --gds-text-size-display-l: 48px;
+  --gds-text-size-display-xl: 64px;
+  --gds-text-size-display-2xl: 82px;
+  --gds-text-size-body-s: 14px;
+  --gds-text-size-body-m: 16px;
+  --gds-text-size-body-l: 20px;
+  --gds-text-size-detail-xs: 12px;
+  --gds-text-size-detail-s: 14px;
+  --gds-text-size-detail-m: 16px;
+  --gds-text-size-heading-2xl: 14px;
+  --gds-text-size-heading-xs: 16px;
+  --gds-text-size-heading-s: 20px;
+  --gds-text-size-heading-m: 24px;
+  --gds-text-size-heading-l: 28px;
+  --gds-text-size-heading-xl: 32px;
+  --gds-text-line-height-preamble-xs: 24px;
+  --gds-text-line-height-preamble-s: 26px;
+  --gds-text-line-height-preamble-m: 28px;
+  --gds-text-line-height-preamble-l: 32px;
+  --gds-text-line-height-preamble-xl: 36px;
+  --gds-text-line-height-preamble-2xl: 40px;
+  --gds-text-line-height-display-s: 40px;
+  --gds-text-line-height-display-m: 44px;
+  --gds-text-line-height-display-l: 56px;
+  --gds-text-line-height-display-xl: 72px;
+  --gds-text-line-height-display-2xl: 90px;
+  --gds-text-line-height-body-s: 20px;
+  --gds-text-line-height-body-m: 24px;
+  --gds-text-line-height-body-l: 26px;
+  --gds-text-line-height-detail-xs: 16px;
+  --gds-text-line-height-detail-s: 18px;
+  --gds-text-line-height-detail-m: 20px;
+  --gds-text-line-height-heading-2xs: 20px;
+  --gds-text-line-height-heading-xs: 24px;
+  --gds-text-line-height-heading-s: 28px;
+  --gds-text-line-height-heading-m: 32px;
+  --gds-text-line-height-heading-l: 40px;
+  --gds-text-line-height-heading-xl: 44px;
 }
 `;
 
 // dist/libs/tokens/internal/motion.css?inline
 var motion_default = `/**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 13:03:10 GMT
+ * Generated on Thu, 05 Sep 2024 08:48:46 GMT
  */
 
 :host {
@@ -383,13 +389,29 @@ var motion_default = `/**
 }
 `;
 
+// dist/libs/tokens/internal/shadow.css?inline
+var shadow_default = `/**
+ * Do not edit directly
+ * Generated on Thu, 05 Sep 2024 08:48:46 GMT
+ */
+
+:host {
+--gds-shadow-xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
+--gds-shadow-s: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+--gds-shadow-m: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);
+--gds-shadow-l: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);
+--gds-shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
+}
+`;
+
 // libs/core/src/tokens.style.ts
 var tokens = [
   unsafeCSS(pallet_default),
   unsafeCSS(light_default),
   unsafeCSS(size_default),
   unsafeCSS(text_default),
-  unsafeCSS(motion_default)
+  unsafeCSS(motion_default),
+  unsafeCSS(shadow_default)
 ];
 
 export {

package/chunks/{chunk.Q2TJK5H6.js → chunk.PC4VJLMM.js}

@@ -1,15 +1,15 @@
 import {
   card_style_css_default
-} from "./chunk.3ULLOORV.js";
+} from "./chunk.JTFG2VCZ.js";
 import {
   GdsContainer
-} from "./chunk.75A656AN.js";
+} from "./chunk.Z3RX3OZJ.js";
 import {
   styleExpressionProperty
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.I5MEHADH.js → chunk.PN4BONI4.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.54252E4T.js";
 import {
   GdsContainer
-} from "./chunk.75A656AN.js";
+} from "./chunk.Z3RX3OZJ.js";
 import {
   styleExpressionProperty
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.VJPENO3A.js → chunk.R2RVGPT7.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.S7DYDS4E.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.BIGNKD34.js → chunk.REE5LG5I.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.S7DYDS4E.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -78,16 +78,16 @@ var styles = css`
     }
 
     label {
-      font-size: var(--gds-text-size-label-input-large);
+      font-size: var(--gds-text-size-detail-m);
+      line-height: var(--gds-text-line-height-detail-m);
       font-weight: var(--gds-text-weight-book);
-      line-height: var(--gds-text-line-height-label-input-large);
       font-family: inherit;
     }
 
     .form-info {
-      font-size: var(--gds-text-size-label-information-medium);
+      font-size: var(--gds-text-size-detail-s);
+      line-height: var(--gds-text-line-height-detail-s);
       font-weight: var(--gds-text-weight-regular);
-      line-height: var(--gds-text-line-height-label-information-medium);
     }
 
     .field {
@@ -96,8 +96,8 @@ var styles = css`
       gap: var(--gds-space-2xs);
       padding: var(--gds-space-2xs);
       border-radius: var(--gds-space-xs);
-      font-size: var(--gds-text-size-label-medium);
-      line-height: var(--gds-text-line-height-label-medium);
+      font-size: var(--gds-text-size-detail-m);
+      line-height: var(--gds-text-line-height-detail-m);
       font-weight: var(--gds-text-weight-regular);
       font-family: inherit;
       overflow: hidden;
@@ -165,6 +165,7 @@ var styles = css`
         outline-offset: -4px;
         border-radius: var(--gds-space-xs);
         padding-top: var(--gds-space-3xs);
+        font-family: inherit;
 
         &:focus-visible,
         &:hover {
@@ -174,7 +175,7 @@ var styles = css`
 
       &.small {
         height: var(--gds-space-xl);
-        font-size: var(--gds-text-size-label-small);
+        font-size: var(--gds-text-size-detail-s);
         padding: 0;
 
         button {

package/chunks/{chunk.RTQT64GZ.js → chunk.SXLN3MMQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.AM6QDD3K.js → chunk.TH5D3QVK.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.S7DYDS4E.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";
@@ -62,6 +62,7 @@ var style = css`
       cursor: pointer;
       box-sizing: border-box;
       font-size: var(--gds-space-m);
+      font-family: inherit;
 
       // TODO: Update colors to use tokens
       border-color: #6f6f6f;
@@ -106,9 +107,9 @@ var style = css`
     }
 
     label {
-      font-weight: var(--gds-text-weight-regular);
-      line-height: var(--gds-text-line-height-label-input-large);
-      font-size: var(--gds-text-size-label-input-large);
+      font-size: var(--gds-text-size-detail-m);
+      line-height: var(--gds-text-line-height-detail-m);
+      font-weight: var(--gds-text-weight-book);
       padding-block: var(--gds-space-2xs);
       font-family: inherit;
     }
@@ -125,9 +126,10 @@ var style = css`
       border-bottom: 1px solid var(--gds-sys-color-base400);
       width: 100%;
       padding: var(--gds-space-m);
-      font-weight: var(--gds-text-weight-regular);
+      font-weight: var(--gds-text-weight-book);
       flex: 1;
       box-sizing: border-box;
+      font-family: inherit;
 
       &:focus {
         border-color: var(--gds-sys-color-base800);
@@ -136,7 +138,7 @@ var style = css`
       &::placeholder {
         color: currrentColor;
         font-family: inherit;
-        font-weight: var(--gds-text-weight-regular);
+        font-weight: var(--gds-text-weight-book);
         color: var(--gds-sys-color-base800);
       }
     }

package/chunks/{chunk.JRGHGU44.js → chunk.V22RY2FP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   tokens
-} from "./chunk.KEH76AOH.js";
+} from "./chunk.OYCRDQFS.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -179,7 +179,7 @@ var MenuButton = class extends GdsElement {
         download=${ifDefined(__privateGet(this, _isLink, isLink_get) ? this.download : void 0)}
       >
         <slot name="lead"></slot>
-        <slot></slot>
+        <slot part="main-slot"></slot>
         <slot name="trail"></slot>
       </${tag}>
     `;

package/chunks/chunk.VOYMQ322.js

@@ -1,7 +1,7 @@
 // libs/core/src/utils/helpers/custom-element-scoping.ts
 import { html as litHtml } from "lit";
 import { customElement } from "lit/decorators.js";
-var VER_SUFFIX = "-4f3a6a";
+var VER_SUFFIX = "-c7402d";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {