@sebgroup/green-core 1.41.3 → 1.42.0

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

@@ -1,7 +1,7 @@
 import {
   register8 as register,
   segment_trans_styles_default
-} from "../../../chunks/chunk.FRKST3V3.js";
+} from "../../../chunks/chunk.3XCSDEVC.js";
 import "../../../chunks/chunk.W7CV3QYI.js";
 import "../../../chunks/chunk.VOYMQ322.js";
 import "../../../chunks/chunk.5VURDMKE.js";

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

@@ -1,14 +1,14 @@
 import {
   GdsSegmentedControl
-} from "../../chunks/chunk.VHC2TZFN.js";
+} from "../../chunks/chunk.RHDKSFLQ.js";
 import "../../chunks/chunk.TSDZQZBY.js";
-import "../../chunks/chunk.JECXO3YI.js";
+import "../../chunks/chunk.XF5K6ZIH.js";
 import "../../chunks/chunk.VHN4JEZC.js";
 import "../../chunks/chunk.PZ3JKDIQ.js";
 import "../../chunks/chunk.Q6BGQYZP.js";
 import "../../chunks/chunk.IGJXZGV4.js";
-import "../../chunks/chunk.FRKST3V3.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.3XCSDEVC.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

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

@@ -1,7 +1,7 @@
 import {
   register9 as register,
   segmented_control_trans_styles_default
-} from "../../chunks/chunk.FRKST3V3.js";
+} from "../../chunks/chunk.3XCSDEVC.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";

package/components/theme/index.js

@@ -1,9 +1,9 @@
 import {
   GdsTheme
-} from "../../chunks/chunk.IKIDSA6U.js";
+} from "../../chunks/chunk.EJUBEZ5B.js";
 import "../../chunks/chunk.WM7HBMMV.js";
-import "../../chunks/chunk.FRKST3V3.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.3XCSDEVC.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/components/theme/theme.js

@@ -1,9 +1,9 @@
 import {
   GdsTheme
-} from "../../chunks/chunk.IKIDSA6U.js";
+} from "../../chunks/chunk.EJUBEZ5B.js";
 import "../../chunks/chunk.WM7HBMMV.js";
-import "../../chunks/chunk.FRKST3V3.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.3XCSDEVC.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/components/theme/theme.trans.styles.js

@@ -1,7 +1,7 @@
 import {
   register12 as register,
   theme_trans_styles_default
-} from "../../chunks/chunk.FRKST3V3.js";
+} from "../../chunks/chunk.3XCSDEVC.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";

package/index.js

@@ -1,29 +1,29 @@
 import "./chunks/chunk.WK7IKANC.js";
 import {
   GdsSegmentedControl
-} from "./chunks/chunk.VHC2TZFN.js";
+} from "./chunks/chunk.RHDKSFLQ.js";
 import "./chunks/chunk.TSDZQZBY.js";
-import "./chunks/chunk.JECXO3YI.js";
+import "./chunks/chunk.XF5K6ZIH.js";
 import {
   GdsTheme
-} from "./chunks/chunk.IKIDSA6U.js";
+} from "./chunks/chunk.EJUBEZ5B.js";
 import {
   GdsVideo
-} from "./chunks/chunk.Q4V3NZWP.js";
+} from "./chunks/chunk.MBOWSQFX.js";
 import "./chunks/chunk.SXGACXKX.js";
 import {
   MenuButton
-} from "./chunks/chunk.UHNPSJD7.js";
+} from "./chunks/chunk.27FXJC7Z.js";
 import {
   GdsGrid
-} from "./chunks/chunk.FYU66WVW.js";
+} from "./chunks/chunk.JZZIQFBB.js";
 import {
   GdsImg
-} from "./chunks/chunk.2M3OZFKW.js";
+} from "./chunks/chunk.G3YUUPNZ.js";
 import "./chunks/chunk.NKSKWGNM.js";
 import {
   GdsGroupedList
-} from "./chunks/chunk.TITFQADC.js";
+} from "./chunks/chunk.IV4BHCMI.js";
 import "./chunks/chunk.73TOOYEY.js";
 import "./chunks/chunk.V7ZQ5N3U.js";
 import {
@@ -33,7 +33,7 @@ import "./chunks/chunk.VHN4JEZC.js";
 import "./chunks/chunk.MURVRI5G.js";
 import {
   GdsFilterChip
-} from "./chunks/chunk.QI63FAPW.js";
+} from "./chunks/chunk.H3EKOZFJ.js";
 import "./chunks/chunk.YL55SGZC.js";
 import "./chunks/chunk.US5K5OGQ.js";
 import {
@@ -42,53 +42,53 @@ import {
 import "./chunks/chunk.A23HHQDO.js";
 import {
   GdsFlex
-} from "./chunks/chunk.3BXJ2QSM.js";
+} from "./chunks/chunk.GHYMUUPE.js";
 import "./chunks/chunk.DCVDALVX.js";
 import {
   GdsCard
-} from "./chunks/chunk.MXEOEIBB.js";
+} from "./chunks/chunk.OCU74EXO.js";
 import "./chunks/chunk.OJK4O3JQ.js";
 import {
   GdsContainer
-} from "./chunks/chunk.YVOYO7NA.js";
+} from "./chunks/chunk.VC72CYU3.js";
 import "./chunks/chunk.LRGDEZXT.js";
 import {
   GdsText
-} from "./chunks/chunk.DUOVRIQ3.js";
+} from "./chunks/chunk.DBILHPMR.js";
 import {
   GdsContextMenu
-} from "./chunks/chunk.VI5YAAZZ.js";
+} from "./chunks/chunk.DEMK2FD7.js";
 import "./chunks/chunk.UF6IEONX.js";
-import "./chunks/chunk.2OM65U7R.js";
+import "./chunks/chunk.34MAIINV.js";
 import {
   GdsMenuItem
-} from "./chunks/chunk.ACZZOEZO.js";
+} from "./chunks/chunk.4VW724L2.js";
 import "./chunks/chunk.7TCXY7BP.js";
 import {
   GdsDatepicker
-} from "./chunks/chunk.ANXCMF3X.js";
+} from "./chunks/chunk.XO3GEBSD.js";
 import "./chunks/chunk.PZ3JKDIQ.js";
 import "./chunks/chunk.Q6BGQYZP.js";
 import "./chunks/chunk.JIENYBLI.js";
 import "./chunks/chunk.Q2T57HE7.js";
 import {
   GdsDropdown
-} from "./chunks/chunk.AVF2XDCI.js";
+} from "./chunks/chunk.S2QX5GSA.js";
 import "./chunks/chunk.MI4A2C2A.js";
-import "./chunks/chunk.JVTCYOPL.js";
+import "./chunks/chunk.Q54LZGGX.js";
 import {
   GdsOption
-} from "./chunks/chunk.FVMGQCFX.js";
+} from "./chunks/chunk.6GS7KCSS.js";
 import "./chunks/chunk.O27XCCY5.js";
 import "./chunks/chunk.C3ECHGX7.js";
 import "./chunks/chunk.NPTXYRT4.js";
 import {
   GdsMenuHeading
-} from "./chunks/chunk.XRGHHEV3.js";
+} from "./chunks/chunk.IA5PLMWU.js";
 import "./chunks/chunk.2X23R32H.js";
 import "./chunks/chunk.LFJRIUDW.js";
 import "./chunks/chunk.ZJVOZRT5.js";
-import "./chunks/chunk.THIKKSKY.js";
+import "./chunks/chunk.RPYPYJW6.js";
 import "./chunks/chunk.IZ4S7TBG.js";
 import "./chunks/chunk.FQDJDWFN.js";
 import {
@@ -96,33 +96,33 @@ import {
 } from "./chunks/chunk.IGJXZGV4.js";
 import "./chunks/chunk.WJDR7FTS.js";
 import "./chunks/chunk.DJ2OXJZN.js";
-import "./chunks/chunk.D2YFE7PP.js";
-import "./chunks/chunk.RB5IEYTY.js";
+import "./chunks/chunk.DMV5YQTC.js";
+import "./chunks/chunk.CTY24X3K.js";
 import {
   GdsCoachmark
 } from "./chunks/chunk.OZA4JG7D.js";
 import {
   GdsDivider
-} from "./chunks/chunk.QHSSAUNX.js";
+} from "./chunks/chunk.O7YI7FZ5.js";
 import {
   GdsSpacer
-} from "./chunks/chunk.FNDEKTVD.js";
+} from "./chunks/chunk.DW6Q6SBC.js";
 import {
   GdsBadge
-} from "./chunks/chunk.KEABUNKI.js";
-import "./chunks/chunk.ADPMTWTS.js";
+} from "./chunks/chunk.4KEZS5UA.js";
+import "./chunks/chunk.U6OZ3R3W.js";
 import "./chunks/chunk.JGTSJ4J6.js";
 import {
   GdsButton
-} from "./chunks/chunk.R23KL74Y.js";
+} from "./chunks/chunk.EYEFIM2C.js";
 import "./chunks/chunk.TX64TTBN.js";
-import "./chunks/chunk.FOLZGQJ4.js";
+import "./chunks/chunk.L6K6EODO.js";
 import "./chunks/chunk.YBOK7MI7.js";
 import "./chunks/chunk.2BMJPIND.js";
 import "./chunks/chunk.KBYQYDL3.js";
 import "./chunks/chunk.WM7HBMMV.js";
-import "./chunks/chunk.FRKST3V3.js";
-import "./chunks/chunk.67V2EUAS.js";
+import "./chunks/chunk.3XCSDEVC.js";
+import "./chunks/chunk.3DNQAQ3I.js";
 import "./chunks/chunk.2WO4NHJ2.js";
 import "./chunks/chunk.ZQ4D5K7J.js";
 import "./chunks/chunk.W7CV3QYI.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.41.3",
+  "version": "1.42.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/primitives/listbox/index.js

@@ -1,15 +1,15 @@
 import "../../chunks/chunk.MI4A2C2A.js";
 import {
   GdsListbox
-} from "../../chunks/chunk.JVTCYOPL.js";
-import "../../chunks/chunk.FVMGQCFX.js";
+} from "../../chunks/chunk.Q54LZGGX.js";
+import "../../chunks/chunk.6GS7KCSS.js";
 import "../../chunks/chunk.NPTXYRT4.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.LFJRIUDW.js";
 import "../../chunks/chunk.IGJXZGV4.js";
 import "../../chunks/chunk.WM7HBMMV.js";
-import "../../chunks/chunk.FRKST3V3.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.3XCSDEVC.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/primitives/listbox/listbox.js

@@ -1,14 +1,14 @@
 import {
   GdsListbox
-} from "../../chunks/chunk.JVTCYOPL.js";
-import "../../chunks/chunk.FVMGQCFX.js";
+} from "../../chunks/chunk.Q54LZGGX.js";
+import "../../chunks/chunk.6GS7KCSS.js";
 import "../../chunks/chunk.NPTXYRT4.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.LFJRIUDW.js";
 import "../../chunks/chunk.IGJXZGV4.js";
 import "../../chunks/chunk.WM7HBMMV.js";
-import "../../chunks/chunk.FRKST3V3.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.3XCSDEVC.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/primitives/listbox/option.js

@@ -1,12 +1,12 @@
 import {
   GdsOption
-} from "../../chunks/chunk.FVMGQCFX.js";
+} from "../../chunks/chunk.6GS7KCSS.js";
 import "../../chunks/chunk.NPTXYRT4.js";
 import "../../chunks/chunk.LFJRIUDW.js";
 import "../../chunks/chunk.IGJXZGV4.js";
 import "../../chunks/chunk.WM7HBMMV.js";
-import "../../chunks/chunk.FRKST3V3.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.3XCSDEVC.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/primitives/menu/index.js

@@ -1,11 +1,11 @@
 import "../../chunks/chunk.UF6IEONX.js";
 import {
   GdsMenu
-} from "../../chunks/chunk.2OM65U7R.js";
-import "../../chunks/chunk.ACZZOEZO.js";
+} from "../../chunks/chunk.34MAIINV.js";
+import "../../chunks/chunk.4VW724L2.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.LFJRIUDW.js";
-import "../../chunks/chunk.FRKST3V3.js";
+import "../../chunks/chunk.3XCSDEVC.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.YO24ZYAD.js";

package/primitives/menu/menu-heading.js

@@ -1,7 +1,7 @@
 import {
   GdsMenuHeading
-} from "../../chunks/chunk.XRGHHEV3.js";
-import "../../chunks/chunk.FRKST3V3.js";
+} from "../../chunks/chunk.IA5PLMWU.js";
+import "../../chunks/chunk.3XCSDEVC.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.YO24ZYAD.js";

package/primitives/menu/menu-item.js

@@ -1,8 +1,8 @@
 import {
   GdsMenuItem
-} from "../../chunks/chunk.ACZZOEZO.js";
+} from "../../chunks/chunk.4VW724L2.js";
 import "../../chunks/chunk.LFJRIUDW.js";
-import "../../chunks/chunk.FRKST3V3.js";
+import "../../chunks/chunk.3XCSDEVC.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.YO24ZYAD.js";

package/primitives/menu/menu.js

@@ -1,10 +1,10 @@
 import {
   GdsMenu
-} from "../../chunks/chunk.2OM65U7R.js";
-import "../../chunks/chunk.ACZZOEZO.js";
+} from "../../chunks/chunk.34MAIINV.js";
+import "../../chunks/chunk.4VW724L2.js";
 import "../../chunks/chunk.2X23R32H.js";
 import "../../chunks/chunk.LFJRIUDW.js";
-import "../../chunks/chunk.FRKST3V3.js";
+import "../../chunks/chunk.3XCSDEVC.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";
 import "../../chunks/chunk.YO24ZYAD.js";

package/primitives/ripple/index.js

@@ -1,8 +1,8 @@
 import "../../chunks/chunk.TX64TTBN.js";
 import {
   Ripple
-} from "../../chunks/chunk.FOLZGQJ4.js";
-import "../../chunks/chunk.67V2EUAS.js";
+} from "../../chunks/chunk.L6K6EODO.js";
+import "../../chunks/chunk.3DNQAQ3I.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.FOLZGQJ4.js";
-import "../../chunks/chunk.67V2EUAS.js";
+} from "../../chunks/chunk.L6K6EODO.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.YO24ZYAD.js";
 import "../../chunks/chunk.VOYMQ322.js";
 import "../../chunks/chunk.5VURDMKE.js";

package/primitives/signal/index.js

@@ -1,9 +1,9 @@
 import {
   GdsSignal
-} from "../../chunks/chunk.OBHMVP3G.js";
+} from "../../chunks/chunk.OL4Y3QHU.js";
 import "../../chunks/chunk.7VC33K5Z.js";
-import "../../chunks/chunk.ADPMTWTS.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.U6OZ3R3W.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/primitives/signal/signal.js

@@ -1,9 +1,9 @@
 import {
   GdsSignal
-} from "../../chunks/chunk.OBHMVP3G.js";
+} from "../../chunks/chunk.OL4Y3QHU.js";
 import "../../chunks/chunk.7VC33K5Z.js";
-import "../../chunks/chunk.ADPMTWTS.js";
-import "../../chunks/chunk.67V2EUAS.js";
+import "../../chunks/chunk.U6OZ3R3W.js";
+import "../../chunks/chunk.3DNQAQ3I.js";
 import "../../chunks/chunk.2WO4NHJ2.js";
 import "../../chunks/chunk.ZQ4D5K7J.js";
 import "../../chunks/chunk.W7CV3QYI.js";

package/transitional-styles.js

@@ -1,7 +1,7 @@
 import {
   TransitionalStyles,
   registerTransitionalStyles
-} from "./chunks/chunk.FRKST3V3.js";
+} from "./chunks/chunk.3XCSDEVC.js";
 import "./chunks/chunk.W7CV3QYI.js";
 import "./chunks/chunk.VOYMQ322.js";
 import "./chunks/chunk.5VURDMKE.js";

package/utils/decorators/style-expression-property.d.ts

@@ -1,12 +1,27 @@
 import { GdsElement } from 'src/gds-element';
+/**
+ * Options for `@styleExpressionProperty`.
+ */
 export type StyleExpressionPropertyOptions = {
+    /** The DOM-attribute to bind to. Same as the attribute option on Lits @property decorator */
     attribute?: string;
+    /** The selector to use for the CSS rule. Defaults to `:host` */
     selector?: string;
+    /** The CSS property to set. Defaults to the property key, i.e if the decorator is
+     * attached to a property named `padding`, the default name of the CSS property will
+     * also be `padding`. This option overrides that. */
     property?: string;
+    /** A function that takes a value and returns a string. Defaults to `(value) => 'var(--gds-space-${value})'`
+     * This can be used to resolve the values into CSS variables for example. */
     valueTemplate?: (value: string) => string;
+    /** A function that takes a property name and an array of values and returns a string. Defaults to
+     * `(property, values) => `${property}: ${values.join(' ')};`
+     * This can be used to customize the generated CSS. This runs after the `valueTemplate` is executed. */
     styleTemplate?: (property: string, values: string[]) => string;
 };
 /**
- * todo
+ * A decorator that can be used to create a Style Expression Property.
+ *
+ * @param options Options for the decorator.
  */
 export declare function styleExpressionProperty(options?: StyleExpressionPropertyOptions): <ElemClass extends GdsElement>(proto: ElemClass, descriptor: PropertyKey) => void;

package/utils/helpers/style-expression-parser-tester.d.ts

@@ -0,0 +1 @@
+export {};

package/utils/helpers/style-expression-parser.d.ts

@@ -1,7 +1,11 @@
 type Tokens = string[];
+type BreakpointValues = {
+    sel: string;
+    values: string[];
+};
 type BreakpointData = {
     breakpoint: string;
-    values: string[];
+    values: BreakpointValues[];
 };
 type BreakpointTree = BreakpointData[];
 /**