@sebgroup/green-core 1.21.0 → 1.21.1

package/chunks/{chunk.VSKJEB3E.js → chunk.4X3HPE72.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.CHVI25AH.js";
+} from "./chunk.J4ILQ5CR.js";
 import {
   TransitionalStyles
 } from "./chunk.4QOFEG6G.js";

package/chunks/{chunk.SGLJLAGT.js → chunk.7OGHOTSC.js}

@@ -1,12 +1,12 @@
 import {
   GdsSegment
-} from "./chunk.VSKJEB3E.js";
+} from "./chunk.4X3HPE72.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
 import {
   tokens
-} from "./chunk.CHVI25AH.js";
+} from "./chunk.J4ILQ5CR.js";
 import {
   TransitionalStyles
 } from "./chunk.4QOFEG6G.js";

package/chunks/{chunk.J2R3AIG6.js → chunk.ANUORL2J.js}

@@ -1,6 +1,6 @@
 import {
   tokens
-} from "./chunk.CHVI25AH.js";
+} from "./chunk.J4ILQ5CR.js";
 import {
   GdsFormControlElement
 } from "./chunk.MZSK66DN.js";

package/chunks/{chunk.XLS7UNGY.js → chunk.GCNDTO6B.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.NBEFLQNK.js";
 import {
   tokens
-} from "./chunk.CHVI25AH.js";
+} from "./chunk.J4ILQ5CR.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -103,7 +103,7 @@ var GdsGrid = class extends GdsElement {
         ({ desktop, tablet, mobile } = processBreakpoints(l, m, s));
       }
     }
-    if (propertyName === "auto-columns") {
+    if (propertyName === "autoColumns") {
       if (this.autoColumns && !this.autoColumns.includes(" ")) {
         desktop = tablet = mobile = `${this.autoColumns}px`;
       } else {
@@ -145,7 +145,7 @@ var GdsGrid = class extends GdsElement {
     this._updateCSSVariables("padding", "padding");
   }
   _updateAutoColumnsVariables() {
-    this._updateCSSVariables("auto-columns", "col-width");
+    this._updateCSSVariables("autoColumns", "col-width");
   }
   render() {
     return html`<slot></slot>`;

package/chunks/{chunk.CHVI25AH.js → chunk.J4ILQ5CR.js}

@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
 // dist/libs/tokens/internal/pallet.css
 var pallet_default = `/**
  * Do not edit directly
- * Generated on Fri, 24 May 2024 12:54:25 GMT
+ * Generated on Fri, 24 May 2024 13:43:45 GMT
  */
 
 :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
 // dist/libs/tokens/internal/theme/light.css
 var light_default = `/**
  * Do not edit directly
- * Generated on Fri, 24 May 2024 12:54:25 GMT
+ * Generated on Fri, 24 May 2024 13:43:45 GMT
  */
 
 :host {
@@ -286,7 +286,7 @@ var light_default = `/**
 // dist/libs/tokens/internal/size.css
 var size_default = `/**
  * Do not edit directly
- * Generated on Fri, 24 May 2024 12:54:25 GMT
+ * Generated on Fri, 24 May 2024 13:43:45 GMT
  */
 
 :host {
@@ -532,7 +532,7 @@ var size_default = `/**
 // dist/libs/tokens/internal/motion.css
 var motion_default = `/**
  * Do not edit directly
- * Generated on Fri, 24 May 2024 12:54:25 GMT
+ * Generated on Fri, 24 May 2024 13:43:45 GMT
  */
 
 :host {

package/chunks/{chunk.5KJYTRMS.js → chunk.JHBHVIOB.js}

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

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 = "-4274f8";
+var VER_SUFFIX = "-0fe63e";
 var elementLookupTable = /* @__PURE__ */ new Map();
 var gdsCustomElement = (tagName) => {
   if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {

package/components/button/button.js

@@ -1,9 +1,9 @@
 import {
   GdsButton
-} from "../../chunks/chunk.J2R3AIG6.js";
+} from "../../chunks/chunk.ANUORL2J.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.5KJYTRMS.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.JHBHVIOB.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.KBYQYDL3.js";
 import "../../chunks/chunk.4QOFEG6G.js";

package/components/button/index.js

@@ -1,10 +1,10 @@
 import "../../chunks/chunk.JGTSJ4J6.js";
 import {
   GdsButton
-} from "../../chunks/chunk.J2R3AIG6.js";
+} from "../../chunks/chunk.ANUORL2J.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.5KJYTRMS.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.JHBHVIOB.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.KBYQYDL3.js";
 import "../../chunks/chunk.4QOFEG6G.js";

package/components/filter-chips/filter-chip/filter-chip.js

@@ -5,10 +5,10 @@ import "../../../chunks/chunk.PGPF5MYJ.js";
 import "../../../chunks/chunk.AXSHTURA.js";
 import "../../../chunks/chunk.L7I7KHQL.js";
 import "../../../chunks/chunk.JGTSJ4J6.js";
-import "../../../chunks/chunk.J2R3AIG6.js";
+import "../../../chunks/chunk.ANUORL2J.js";
 import "../../../chunks/chunk.TX64TTBN.js";
-import "../../../chunks/chunk.5KJYTRMS.js";
-import "../../../chunks/chunk.CHVI25AH.js";
+import "../../../chunks/chunk.JHBHVIOB.js";
+import "../../../chunks/chunk.J4ILQ5CR.js";
 import "../../../chunks/chunk.MZSK66DN.js";
 import "../../../chunks/chunk.KBYQYDL3.js";
 import "../../../chunks/chunk.4QOFEG6G.js";

package/components/filter-chips/filter-chip/index.js

@@ -6,10 +6,10 @@ import "../../../chunks/chunk.PGPF5MYJ.js";
 import "../../../chunks/chunk.AXSHTURA.js";
 import "../../../chunks/chunk.L7I7KHQL.js";
 import "../../../chunks/chunk.JGTSJ4J6.js";
-import "../../../chunks/chunk.J2R3AIG6.js";
+import "../../../chunks/chunk.ANUORL2J.js";
 import "../../../chunks/chunk.TX64TTBN.js";
-import "../../../chunks/chunk.5KJYTRMS.js";
-import "../../../chunks/chunk.CHVI25AH.js";
+import "../../../chunks/chunk.JHBHVIOB.js";
+import "../../../chunks/chunk.J4ILQ5CR.js";
 import "../../../chunks/chunk.MZSK66DN.js";
 import "../../../chunks/chunk.KBYQYDL3.js";
 import "../../../chunks/chunk.4QOFEG6G.js";

package/components/filter-chips/filter-chips.js

@@ -8,10 +8,10 @@ import "../../chunks/chunk.PGPF5MYJ.js";
 import "../../chunks/chunk.AXSHTURA.js";
 import "../../chunks/chunk.L7I7KHQL.js";
 import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.J2R3AIG6.js";
+import "../../chunks/chunk.ANUORL2J.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.5KJYTRMS.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.JHBHVIOB.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.C3ECHGX7.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.KBYQYDL3.js";

package/components/filter-chips/index.js

@@ -11,10 +11,10 @@ import "../../chunks/chunk.PGPF5MYJ.js";
 import "../../chunks/chunk.AXSHTURA.js";
 import "../../chunks/chunk.L7I7KHQL.js";
 import "../../chunks/chunk.JGTSJ4J6.js";
-import "../../chunks/chunk.J2R3AIG6.js";
+import "../../chunks/chunk.ANUORL2J.js";
 import "../../chunks/chunk.TX64TTBN.js";
-import "../../chunks/chunk.5KJYTRMS.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.JHBHVIOB.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.C3ECHGX7.js";
 import "../../chunks/chunk.MZSK66DN.js";
 import "../../chunks/chunk.KBYQYDL3.js";

package/components/grid/grid.d.ts

@@ -1,5 +1,4 @@
 import { GdsElement } from '../../gds-element';
-type GridSizes = 'none' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl';
 /**
  * @element gds-grid
  * The `gds-grid` is a custom element that provides a flexible grid system. It uses CSS grid layout to arrange its child elements into columns. This component is highly customizable and responsive, allowing you to specify the number of `columns`, `gap`, `padding`, and fluidity for different devices with automated column size based on the content using the `auto-columns` attribute.
@@ -28,7 +27,7 @@ export declare class GdsGrid extends GdsElement {
      * <gds-grid gap="l:m m:s s:xs"></gds-grid> <!-- different values for each breakpoint -->
      * ```
      */
-    gap?: GridSizes;
+    gap?: string;
     /**
      * Defines the gap size between grid items in vertical axis. Accepts a single value for all breakpoints or a "l:desktop m:tablet s:mobile" format. Sizes can be 'none', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'.
      * @example
@@ -37,7 +36,7 @@ export declare class GdsGrid extends GdsElement {
      * <gds-grid row-gap="l:m m:s s:xs"></gds-grid> <!-- different values for each breakpoint -->
      * ```
      */
-    rowGap?: GridSizes;
+    rowGap?: string;
     /**
      * Defines the padding size around the grid. Accepts a single value for all breakpoints or a "l:desktop m:tablet s:mobile" format. Sizes can be 'none', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'.
      * @example
@@ -46,7 +45,7 @@ export declare class GdsGrid extends GdsElement {
      * <gds-grid padding="l:m m:s s:xs"></gds-grid> <!-- different values for each breakpoint -->
      * ```
      */
-    padding?: GridSizes;
+    padding?: string;
     /**
      * Defines the minimum column width in pixels. Accepts a single value for all breakpoints or a "l:desktop m:tablet s:mobile" format. If set, the grid adjusts column size based on content and available width, even without other attributes.
      * @example
@@ -55,7 +54,7 @@ export declare class GdsGrid extends GdsElement {
      * <gds-grid auto-columns="l:200 m:100 s:80"></gds-grid> <!-- different values for each breakpoint -->
      * ```
      */
-    autoColumns?: GridSizes;
+    autoColumns?: string;
     /**
      * Lifecycle method called when the element is connected to the DOM.
      * It updates the column, gap, and padding variables.
@@ -89,4 +88,3 @@ export declare class GdsGrid extends GdsElement {
     private _updateAutoColumnsVariables;
     render(): any;
 }
-export {};

package/components/grid/grid.js

@@ -1,8 +1,8 @@
 import {
   GdsGrid
-} from "../../chunks/chunk.XLS7UNGY.js";
+} from "../../chunks/chunk.GCNDTO6B.js";
 import "../../chunks/chunk.NBEFLQNK.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.2WO4NHJ2.js";

package/components/grid/index.js

@@ -1,8 +1,8 @@
 import {
   GdsGrid
-} from "../../chunks/chunk.XLS7UNGY.js";
+} from "../../chunks/chunk.GCNDTO6B.js";
 import "../../chunks/chunk.NBEFLQNK.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.2WO4NHJ2.js";

package/components/index.js

@@ -1,16 +1,16 @@
 import "../chunks/chunk.TJA7LL3V.js";
 import {
   GdsSegmentedControl
-} from "../chunks/chunk.SGLJLAGT.js";
+} from "../chunks/chunk.7OGHOTSC.js";
 import "../chunks/chunk.TSDZQZBY.js";
-import "../chunks/chunk.VSKJEB3E.js";
+import "../chunks/chunk.4X3HPE72.js";
 import {
   GdsTheme
 } from "../chunks/chunk.LZXR7Q7Q.js";
 import "../chunks/chunk.4ZADZSWE.js";
 import {
   GdsGrid
-} from "../chunks/chunk.XLS7UNGY.js";
+} from "../chunks/chunk.GCNDTO6B.js";
 import {
   GdsGroupedList
 } from "../chunks/chunk.BJOJYTQV.js";
@@ -33,10 +33,10 @@ import "../chunks/chunk.NBEFLQNK.js";
 import "../chunks/chunk.JGTSJ4J6.js";
 import {
   GdsButton
-} from "../chunks/chunk.J2R3AIG6.js";
+} from "../chunks/chunk.ANUORL2J.js";
 import "../chunks/chunk.TX64TTBN.js";
-import "../chunks/chunk.5KJYTRMS.js";
-import "../chunks/chunk.CHVI25AH.js";
+import "../chunks/chunk.JHBHVIOB.js";
+import "../chunks/chunk.J4ILQ5CR.js";
 import {
   GdsContextMenu
 } from "../chunks/chunk.IKRRGS7G.js";

package/components/segmented-control/index.js

@@ -1,13 +1,13 @@
 import {
   GdsSegmentedControl
-} from "../../chunks/chunk.SGLJLAGT.js";
+} from "../../chunks/chunk.7OGHOTSC.js";
 import "../../chunks/chunk.TSDZQZBY.js";
-import "../../chunks/chunk.VSKJEB3E.js";
+import "../../chunks/chunk.4X3HPE72.js";
 import "../../chunks/chunk.4ZADZSWE.js";
 import "../../chunks/chunk.VHN4JEZC.js";
 import "../../chunks/chunk.AXSHTURA.js";
 import "../../chunks/chunk.L7I7KHQL.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.4QOFEG6G.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/components/segmented-control/segment/index.js

@@ -1,8 +1,8 @@
 import "../../../chunks/chunk.TSDZQZBY.js";
 import {
   GdsSegment
-} from "../../../chunks/chunk.VSKJEB3E.js";
-import "../../../chunks/chunk.CHVI25AH.js";
+} from "../../../chunks/chunk.4X3HPE72.js";
+import "../../../chunks/chunk.J4ILQ5CR.js";
 import "../../../chunks/chunk.4QOFEG6G.js";
 import "../../../chunks/chunk.ZQ4D5K7J.js";
 import "../../../chunks/chunk.W7CV3QYI.js";

package/components/segmented-control/segment/segment.js

@@ -1,7 +1,7 @@
 import {
   GdsSegment
-} from "../../../chunks/chunk.VSKJEB3E.js";
-import "../../../chunks/chunk.CHVI25AH.js";
+} from "../../../chunks/chunk.4X3HPE72.js";
+import "../../../chunks/chunk.J4ILQ5CR.js";
 import "../../../chunks/chunk.4QOFEG6G.js";
 import "../../../chunks/chunk.ZQ4D5K7J.js";
 import "../../../chunks/chunk.W7CV3QYI.js";

package/components/segmented-control/segmented-control.js

@@ -1,13 +1,13 @@
 import {
   GdsSegmentedControl
-} from "../../chunks/chunk.SGLJLAGT.js";
+} from "../../chunks/chunk.7OGHOTSC.js";
 import "../../chunks/chunk.TSDZQZBY.js";
-import "../../chunks/chunk.VSKJEB3E.js";
+import "../../chunks/chunk.4X3HPE72.js";
 import "../../chunks/chunk.4ZADZSWE.js";
 import "../../chunks/chunk.VHN4JEZC.js";
 import "../../chunks/chunk.AXSHTURA.js";
 import "../../chunks/chunk.L7I7KHQL.js";
-import "../../chunks/chunk.CHVI25AH.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.4QOFEG6G.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/index.js

@@ -1,16 +1,16 @@
 import "./chunks/chunk.TJA7LL3V.js";
 import {
   GdsSegmentedControl
-} from "./chunks/chunk.SGLJLAGT.js";
+} from "./chunks/chunk.7OGHOTSC.js";
 import "./chunks/chunk.TSDZQZBY.js";
-import "./chunks/chunk.VSKJEB3E.js";
+import "./chunks/chunk.4X3HPE72.js";
 import {
   GdsTheme
 } from "./chunks/chunk.LZXR7Q7Q.js";
 import "./chunks/chunk.4ZADZSWE.js";
 import {
   GdsGrid
-} from "./chunks/chunk.XLS7UNGY.js";
+} from "./chunks/chunk.GCNDTO6B.js";
 import {
   GdsGroupedList
 } from "./chunks/chunk.BJOJYTQV.js";
@@ -33,10 +33,10 @@ import "./chunks/chunk.NBEFLQNK.js";
 import "./chunks/chunk.JGTSJ4J6.js";
 import {
   GdsButton
-} from "./chunks/chunk.J2R3AIG6.js";
+} from "./chunks/chunk.ANUORL2J.js";
 import "./chunks/chunk.TX64TTBN.js";
-import "./chunks/chunk.5KJYTRMS.js";
-import "./chunks/chunk.CHVI25AH.js";
+import "./chunks/chunk.JHBHVIOB.js";
+import "./chunks/chunk.J4ILQ5CR.js";
 import {
   GdsContextMenu
 } from "./chunks/chunk.IKRRGS7G.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "1.21.0",
+  "version": "1.21.1",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/primitives/ripple/index.js

@@ -1,8 +1,8 @@
 import "../../chunks/chunk.TX64TTBN.js";
 import {
   Ripple
-} from "../../chunks/chunk.5KJYTRMS.js";
-import "../../chunks/chunk.CHVI25AH.js";
+} from "../../chunks/chunk.JHBHVIOB.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.YO24ZYAD.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";

package/primitives/ripple/ripple.js

@@ -1,7 +1,7 @@
 import {
   Ripple
-} from "../../chunks/chunk.5KJYTRMS.js";
-import "../../chunks/chunk.CHVI25AH.js";
+} from "../../chunks/chunk.JHBHVIOB.js";
+import "../../chunks/chunk.J4ILQ5CR.js";
 import "../../chunks/chunk.YO24ZYAD.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";