@sebgroup/green-core 1.39.0 → 1.40.0

package/chunks/{chunk.KC3QFSLY.js → chunk.22BHF5MM.js}

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

package/chunks/{chunk.JLTCEWS2.js → chunk.42QKJ3AE.js}

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

package/chunks/{chunk.YAGE2PRV.js → chunk.4VE5KIQV.js}

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

package/chunks/{chunk.FMJZDVMQ.js → chunk.5FEETFJJ.js}

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

package/chunks/chunk.7VC33K5Z.js

@@ -0,0 +1,49 @@
+// libs/core/src/primitives/signal/signal.style.css.ts
+import { css } from "lit";
+var style = css`
+  :host {
+    display: contents;
+  }
+
+  [part='signal'] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    width: 6px;
+    height: 6px;
+    border-radius: var(--gds-space-max);
+    background-color: currentColor;
+    transition: all 0.4s;
+
+    &::before {
+      display: flex;
+      position: absolute;
+      content: '';
+      inset: -4px;
+      border-radius: inherit;
+      background-color: color-mix(in srgb, currentColor, transparent 80%);
+      animation: signal 3s ease-in-out infinite;
+    }
+  }
+
+  @keyframes signal {
+    0% {
+      transform: scale(2);
+      opacity: 0;
+    }
+    60% {
+      transform: scale(1);
+      opacity: 1;
+    }
+    100% {
+      transform: scale(3);
+      opacity: 0;
+    }
+  }
+`;
+var signal_style_css_default = style;
+
+export {
+  signal_style_css_default
+};

package/chunks/{chunk.P4YC2BEI.js → chunk.CZFPSYSK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.VGQTBRXA.js";
+} from "./chunk.ZFI2LPGC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -53,7 +53,7 @@ __decorateClass([
       if (transparency) {
         return `color-mix(in srgb, var(--gds-sys-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
       } else {
-        return `var(--gds-sys-color-${colorName})`;
+        return `var(--gds-color-${colorName})`;
       }
     }
   })

package/chunks/{chunk.HXSX2352.js → chunk.DM2X2WJJ.js}

@@ -1,6 +1,6 @@
 import {
   GdsSegment
-} from "./chunk.TUCS4UFR.js";
+} from "./chunk.H2VKRHL7.js";
 import {
   resizeObserver
 } from "./chunk.VHN4JEZC.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.S7DYDS4E.js";
 import {
   tokens
-} from "./chunk.VGQTBRXA.js";
+} from "./chunk.ZFI2LPGC.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.N54HRIOT.js → chunk.GDH3LVVJ.js}

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

package/chunks/{chunk.TUCS4UFR.js → chunk.H2VKRHL7.js}

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

package/chunks/{chunk.F7VQ4QEE.js → chunk.HSI6XK2B.js}

@@ -1,6 +1,6 @@
 import {
   GdsContainer
-} from "./chunk.P4YC2BEI.js";
+} from "./chunk.CZFPSYSK.js";
 import {
   card_style_css_default
 } from "./chunk.JTFG2VCZ.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.VGQTBRXA.js";
+} from "./chunk.ZFI2LPGC.js";
 import {
   gdsCustomElement,
   html
@@ -35,7 +35,7 @@ __decorateClass([
   styleExpressionProperty({
     valueTemplate: (v) => {
       const [size, color] = v.split("/");
-      return `var(--gds-space-${size}) solid ${color ? `var(--gds-sys-color-${color})` : "currentColor"}`;
+      return `var(--gds-space-${size}) solid ${color ? `var(--gds-color-${color})` : "currentColor"}`;
     },
     styleTemplate: (_prop, values) => {
       const top = values[0];

package/chunks/{chunk.QCDJEZMP.js → chunk.LV3U2CE2.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.54252E4T.js";
 import {
   GdsContainer
-} from "./chunk.P4YC2BEI.js";
+} from "./chunk.CZFPSYSK.js";
 import {
   styleExpressionProperty
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.VGQTBRXA.js";
+} from "./chunk.ZFI2LPGC.js";
 import {
   gdsCustomElement,
   html

package/chunks/{chunk.KALODFIV.js → chunk.Q6HA6IGV.js}

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

package/chunks/{chunk.HGTRTF3J.js → chunk.QHOOLVJZ.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.KBYQYDL3.js";
 import {
   tokens
-} from "./chunk.VGQTBRXA.js";
+} from "./chunk.ZFI2LPGC.js";
 import {
   watch
 } from "./chunk.2WO4NHJ2.js";

package/chunks/{chunk.P46R3OGN.js → chunk.TEPZ5LAW.js}

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

package/chunks/{chunk.OZBL6IO2.js → chunk.TH2C35R2.js}

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

package/chunks/{chunk.QCGLT253.js → chunk.UMYAICK2.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   tokens
-} from "./chunk.VGQTBRXA.js";
+} from "./chunk.ZFI2LPGC.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -110,9 +110,9 @@ __decorateClass([
     valueTemplate: (v) => {
       const [colorName, transparency] = v.split("/");
       if (transparency) {
-        return `color-mix(in srgb, var(--gds-sys-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
+        return `color-mix(in srgb, var(--gds-color-${colorName}) ${parseFloat(transparency) * 100}%, transparent 0%)`;
       } else {
-        return `var(--gds-sys-color-${colorName})`;
+        return `var(--gds-color-${colorName})`;
       }
     }
   })

package/chunks/{chunk.GRJSXR6F.js → chunk.UWI5YW33.js}

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

package/chunks/{chunk.N4OJZNL2.js → chunk.VBALKDBZ.js}

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

package/chunks/{chunk.EF6MCM6B.js → chunk.VIVDWSPB.js}

@@ -1,6 +1,13 @@
 import {
   TransitionalStyles
 } from "./chunk.S7DYDS4E.js";
+import {
+  dark_default,
+  light_default
+} from "./chunk.ZFI2LPGC.js";
+import {
+  watch
+} from "./chunk.2WO4NHJ2.js";
 import {
   GdsElement
 } from "./chunk.ZQ4D5K7J.js";
@@ -14,7 +21,7 @@ import {
 
 // libs/core/src/components/theme/theme.ts
 import { property } from "lit/decorators.js";
-import { css } from "lit";
+import { css, unsafeCSS } from "lit";
 var GdsTheme = class extends GdsElement {
   constructor() {
     super(...arguments);
@@ -23,10 +30,27 @@ var GdsTheme = class extends GdsElement {
   connectedCallback() {
     super.connectedCallback();
     TransitionalStyles.instance.apply(this, "gds-theme");
+    this._dynamicStylesController.inject(
+      "tokens",
+      unsafeCSS(`:host {${dark_default}}`)
+    );
   }
   render() {
     return html`<slot></slot>`;
   }
+  _onColorSchemeChange() {
+    if (this.colorScheme === "dark") {
+      this._dynamicStylesController.inject(
+        "tokens",
+        unsafeCSS(`:host { ${dark_default}}`)
+      );
+    } else {
+      this._dynamicStylesController.inject(
+        "tokens",
+        unsafeCSS(`:host { ${light_default}}`)
+      );
+    }
+  }
 };
 GdsTheme.styles = css`
     :host {
@@ -36,6 +60,9 @@ GdsTheme.styles = css`
 __decorateClass([
   property({ reflect: true, attribute: "color-scheme" })
 ], GdsTheme.prototype, "colorScheme", 2);
+__decorateClass([
+  watch("colorScheme")
+], GdsTheme.prototype, "_onColorSchemeChange", 1);
 GdsTheme = __decorateClass([
   gdsCustomElement("gds-theme")
 ], GdsTheme);

package/chunks/{chunk.XOI3RMD2.js → chunk.VL4HFY2N.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.ADPMTWTS.js";
 import {
   GdsButton
-} from "./chunk.Q2QJ2KF2.js";
+} from "./chunk.WZRLM4IU.js";
 import {
   gdsCustomElement
 } from "./chunk.VOYMQ322.js";
@@ -15,13 +15,14 @@ import {
 import { css } from "lit";
 var style = css`
   :host {
-    position: fixed;
-    inset: auto 2rem 2rem auto;
+    display: contents;
   }
 
   .button {
     box-shadow: var(--gds-shadow-m);
-    height: calc(var(--_size) + 0.5rem);
+    position: fixed;
+    inset: auto var(--gds-space-3xl) var(--gds-space-3xl) auto;
+    block-size: calc(var(--_block-size) + var(--gds-space-xs));
   }
 `;
 var fab_styles_default = style;
@@ -45,7 +46,8 @@ __decorateClass([
 ], GdsFab.prototype, "transform", 2);
 __decorateClass([
   styleExpressionProperty({
-    valueTemplate: (v) => v
+    valueTemplate: (v) => v,
+    selector: '[part="_button"]'
   })
 ], GdsFab.prototype, "inset", 2);
 GdsFab = __decorateClass([

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

package/chunks/chunk.WNFJQ5DF.js

@@ -0,0 +1,40 @@
+import {
+  signal_style_css_default
+} from "./chunk.7VC33K5Z.js";
+import {
+  styleExpressionProperty
+} from "./chunk.ADPMTWTS.js";
+import {
+  tokens
+} from "./chunk.ZFI2LPGC.js";
+import {
+  GdsElement
+} from "./chunk.ZQ4D5K7J.js";
+import {
+  gdsCustomElement
+} from "./chunk.VOYMQ322.js";
+import {
+  __decorateClass
+} from "./chunk.5VURDMKE.js";
+
+// libs/core/src/primitives/signal/signal.ts
+import { html } from "lit/static-html.js";
+var GdsSignal = class extends GdsElement {
+  render() {
+    return html`<div part="signal"></div>`;
+  }
+};
+GdsSignal.styles = [tokens, signal_style_css_default];
+__decorateClass([
+  styleExpressionProperty({
+    valueTemplate: (v) => `var(--gds-color-${v})`,
+    selector: '[part="signal"]'
+  })
+], GdsSignal.prototype, "color", 2);
+GdsSignal = __decorateClass([
+  gdsCustomElement("gds-signal")
+], GdsSignal);
+
+export {
+  GdsSignal
+};