@sebgroup/green-core 1.28.1 → 1.30.0

package/chunks/{chunk.P7FNMCWJ.js → chunk.4XLVTKU5.js}

@@ -1,9 +1,9 @@
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   tokens
-} from "./chunk.JWXILQKR.js";
+} from "./chunk.FJUIK5PN.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -19,7 +19,7 @@ import {
 import { property } from "lit/decorators.js";
 import { unsafeCSS } from "lit";
 
-// libs/core/src/components/segmented-control/segment/segment.style.css
+// libs/core/src/components/segmented-control/segment/segment.style.css?inline
 var segment_style_default = `:host {
   display: flex;
   transition: 0.2s;
@@ -45,6 +45,11 @@ button {
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
 }
 
 @media (pointer: fine) {
@@ -54,6 +59,10 @@ button {
       var(--gds-sys-color-state-layers-state-black-dim1),
       transparent
     );
+
+    &:disabled {
+      background-color: transparent;
+    }
   }
 }
 
@@ -68,6 +77,7 @@ var GdsSegment = class extends GdsElement {
   constructor() {
     super(...arguments);
     this.selected = false;
+    this.disabled = false;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -75,7 +85,10 @@ var GdsSegment = class extends GdsElement {
     this.setAttribute("role", "listitem");
   }
   render() {
-    return html`<button aria-current=${String(this.selected)}>
+    return html`<button
+      aria-current=${String(this.selected)}
+      ?disabled="${this.disabled}"
+    >
       <slot></slot>
     </button>`;
   }
@@ -87,6 +100,9 @@ __decorateClass([
 __decorateClass([
   property()
 ], GdsSegment.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsSegment.prototype, "disabled", 2);
 GdsSegment = __decorateClass([
   gdsCustomElement("gds-segment")
 ], GdsSegment);

package/chunks/{chunk.TMMPKW2M.js → chunk.57LSASOY.js}

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

package/chunks/{chunk.W3RODT4Z.js → chunk.5DR24KUY.js}

@@ -1,6 +1,6 @@
 import {
   GdsContainer
-} from "./chunk.7WOD4L5I.js";
+} from "./chunk.7D4CRLVS.js";
 import {
   card_style_css_default
 } from "./chunk.3ULLOORV.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.JWXILQKR.js";
+} from "./chunk.FJUIK5PN.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.7WOD4L5I.js → chunk.7D4CRLVS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.JWXILQKR.js";
+} from "./chunk.FJUIK5PN.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -20,6 +20,10 @@ import {
 
 // libs/core/src/components/layout/container/container.ts
 var GdsContainer = class extends GdsElement {
+  constructor() {
+    super(...arguments);
+    this.display = "block";
+  }
   render() {
     return html`<slot></slot>`;
   }

package/chunks/{chunk.MBRVTL42.js → chunk.7VDSEUTR.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.54252E4T.js";
 import {
   GdsContainer
-} from "./chunk.7WOD4L5I.js";
+} from "./chunk.7D4CRLVS.js";
 import {
   styleExpressionProperty
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.JWXILQKR.js";
+} from "./chunk.FJUIK5PN.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.S63G7END.js → chunk.7Y5WL74C.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2X23R32H.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.AIIIR7YQ.js → chunk.C3SO7KTM.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.MZSK66DN.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.HHRXGBRM.js → chunk.COEIL5XR.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   tokens
-} from "./chunk.JWXILQKR.js";
+} from "./chunk.FJUIK5PN.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.NW6QJEJ7.js → chunk.DCXVWTKS.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.EILYPOGS.js → chunk.FC6X4F4U.js}

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

package/chunks/{chunk.JZPPDKRE.js → chunk.FDDMV56N.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.JWXILQKR.js → chunk.FJUIK5PN.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 Thu, 04 Jul 2024 13:51:16 GMT
+ * Generated on Tue, 09 Jul 2024 10:30:20 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 Thu, 04 Jul 2024 13:51:16 GMT
+ * Generated on Tue, 09 Jul 2024 10:30:20 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 Thu, 04 Jul 2024 13:51:16 GMT
+ * Generated on Tue, 09 Jul 2024 10:30:20 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 Thu, 04 Jul 2024 13:51:16 GMT
+ * Generated on Tue, 09 Jul 2024 10:30:20 GMT
  */
 
 :host {
@@ -368,7 +368,7 @@ var text_default = `/**
 // dist/libs/tokens/internal/motion.css?inline
 var motion_default = `/**
  * Do not edit directly
- * Generated on Thu, 04 Jul 2024 13:51:16 GMT
+ * Generated on Tue, 09 Jul 2024 10:30:20 GMT
  */
 
 :host {

package/chunks/{chunk.27ED3WJU.js → chunk.FQQ43BBK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   tokens
-} from "./chunk.JWXILQKR.js";
+} from "./chunk.FJUIK5PN.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.MYA45ATV.js → chunk.H46PLH6E.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.FMXZ2CBC.js → chunk.IP4SNLCX.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk.2ND5EWHE.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/chunk.IZ4S7TBG.js

@@ -0,0 +1,47 @@
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement,
+  html
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/components/popover/backdrop.ts
+import { css } from "lit";
+import { property } from "lit/decorators.js";
+var GdsBackdrop = class extends GdsElement {
+  constructor() {
+    super(...arguments);
+    this.show = false;
+  }
+  render() {
+    return html``;
+  }
+};
+GdsBackdrop.styles = css`
+    :host {
+      display: none;
+      position: fixed;
+      inset: 0;
+      background-color: rgba(0, 0, 0, 0.25);
+      width: 100%;
+      height: 100%;
+    }
+
+    :host([show]) {
+      display: block;
+    }
+  `;
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], GdsBackdrop.prototype, "show", 2);
+GdsBackdrop = __decorateClass([
+  gdsCustomElement("gds-backdrop")
+], GdsBackdrop);
+
+export {
+  GdsBackdrop
+};

package/chunks/{chunk.MUVW2RPS.js → chunk.JL6J6MCJ.js}

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

package/chunks/{chunk.2YTPPLUR.js → chunk.LJLIYGQD.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.KT7MWJCG.js → chunk.LPQA7BDV.js}

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

package/chunks/{chunk.ZDK6GCF7.js → chunk.LRCIIA5E.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.F7RPWFJJ.js → chunk.LRRFNCU5.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";

package/chunks/{chunk.MS745ZCJ.js → chunk.LYAC2QCH.js}

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

package/chunks/{chunk.HOSMWBJK.js → chunk.O2NYP6CU.js}

@@ -1,6 +1,6 @@
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   renderMonthGridView
 } from "./chunk.RB5IEYTY.js";

package/chunks/{chunk.XCYLFTFG.js → chunk.PVMVDWNH.js}

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

package/chunks/{chunk.AZQ7OHDE.js → chunk.SUCYW2BN.js}

@@ -1,15 +1,15 @@
 import {
   GdsSegment
-} from "./chunk.P7FNMCWJ.js";
+} from "./chunk.4XLVTKU5.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
 import {
   TransitionalStyles
-} from "./chunk.HNQ5BESO.js";
+} from "./chunk.UZLOEUQK.js";
 import {
   tokens
-} from "./chunk.JWXILQKR.js";
+} from "./chunk.FJUIK5PN.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -35,7 +35,7 @@ import { query, state, property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { msg } from "@lit/localize";
 
-// libs/core/src/components/segmented-control/segmented-control.style.css
+// libs/core/src/components/segmented-control/segmented-control.style.css?inline
 var segmented_control_style_default = `:host {
   background-color: var(--gds-sys-color-container-container-dim1);
   border: 0.25rem solid var(--gds-sys-color-container-container-dim1);
@@ -410,7 +410,7 @@ __decorateClass([
   property({ type: Number, attribute: "seg-min-width" })
 ], GdsSegmentedControl.prototype, "segMinWidth", 2);
 __decorateClass([
-  property()
+  property({ reflect: true })
 ], GdsSegmentedControl.prototype, "size", 2);
 __decorateClass([
   property()

package/chunks/{chunk.HNQ5BESO.js → chunk.UZLOEUQK.js}

@@ -763,7 +763,7 @@ var popover_trans_styles_default = `/* stylelint-disable max-nesting-depth */
     }
   }
   @media (min-width: 36em) {
-    dialog.use-modal-in-mobile::backdrop {
+    dialog.use-modal-in-mobile:not(.has-backdrop)::backdrop {
       opacity: 0;
     }
   }
@@ -1537,12 +1537,28 @@ var segmented_control_trans_styles_default = `@layer base, reset, transitional-s
 }
 `;
 
-// libs/core/src/components/segmented-control/segment/segment.trans.styles.css?inline
-var segment_trans_styles_default = `@layer base, reset, transitional-styles;
-
+// libs/core/src/components/segmented-control/segment/segment.trans.styles.scss?inline
+var segment_trans_styles_default = `/* stylelint-disable max-nesting-depth */
+/* stylelint-enable max-nesting-depth */
+/**
+ * Calculate the luminance for a color.
+ * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ */
+/**
+ * Calculate the contrast ratio between two colors.
+ * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+ */
+/* stylelint-disable */
+/* stylelint-enable */
+/* stylelint-disable */
+/**
+* @deprecated
+* Use \`add-focus\` instead
+*/
+/** add background color, color and border-color to element when it has focus-visible i.e. tab focus */
+@layer base, reset, transitional-styles;
 @layer transitional-styles {
   @layer _base;
-
   @layer _base {
     :host {
       border-right: 1px solid #333;
@@ -1551,11 +1567,9 @@ var segment_trans_styles_default = `@layer base, reset, transitional-styles;
       transition: 0.2s;
       z-index: 1;
     }
-
     :host(:last-child) {
       border-right: 0;
     }
-
     button {
       -webkit-appearance: none;
          -moz-appearance: none;
@@ -1577,25 +1591,36 @@ var segment_trans_styles_default = `@layer base, reset, transitional-styles;
       white-space: nowrap;
       width: 100%;
     }
-
     @media (pointer: fine) {
       button:hover {
         background-color: var(--grey-400);
       }
     }
-
-    button[aria-current='true'] {
+    button[aria-current=true] {
       background-color: #333;
       color: #fff;
     }
-
     button:focus-visible {
       outline: 2px solid #000;
       outline-offset: -2px;
     }
+    button:disabled,
+    button[aria-disabled=true],
+    button.disabled {
+      color: var(--text-disabled-color) !important;
+      border-color: var(--border-disabled-color) !important;
+      cursor: not-allowed;
+    }
+    button:disabled::-moz-placeholder, button[aria-disabled=true]::-moz-placeholder, button.disabled::-moz-placeholder {
+      color: var(--text-disabled-color);
+    }
+    button:disabled::placeholder,
+    button[aria-disabled=true]::placeholder,
+    button.disabled::placeholder {
+      color: var(--text-disabled-color);
+    }
   }
-}
-`;
+}`;
 
 // libs/core/src/components/segmented-control/segment/segment.trans.styles.ts
 function register9() {