@sebgroup/green-core 1.71.0 → 1.71.2

package/generated/react/icons/icon-zoom-in/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconZoomIn = (props) => {
   IconZoomInClass.define();
   const JSXElement = getReactComponent("gds-icon-zoom-in");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconZoomIn

package/generated/react/icons/icon-zoom-out/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const IconZoomOut = (props) => {
   IconZoomOutClass.define();
   const JSXElement = getReactComponent("gds-icon-zoom-out");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconZoomOut

package/generated/react/img/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsImg = (props) => {
   GdsImgClass.define();
   const JSXElement = getReactComponent("gds-img");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsImg

package/generated/react/input/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsInput = (props) => {
   GdsInputClass.define();
   const JSXElement = getReactComponent("gds-input");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsInput

package/generated/react/link/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsLink = (props) => {
   GdsLinkClass.define();
   const JSXElement = getReactComponent("gds-link");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsLink

package/generated/react/list-item/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsListItem = (props) => {
   GdsListItemClass.define();
   const JSXElement = getReactComponent("gds-list-item");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsListItem

package/generated/react/mask/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsMask = (props) => {
   GdsMaskClass.define();
   const JSXElement = getReactComponent("gds-mask");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsMask

package/generated/react/menu-button/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsMenuButton = (props) => {
   GdsMenuButtonClass.define();
   const JSXElement = getReactComponent("gds-menu-button");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsMenuButton

package/generated/react/menu-item/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsMenuItem = (props) => {
   GdsMenuItemClass.define();
   const JSXElement = getReactComponent("gds-menu-item");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsMenuItem

package/generated/react/option/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsOption = (props) => {
   GdsOptionClass.define();
   const JSXElement = getReactComponent("gds-option");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsOption

package/generated/react/popover/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsPopover = (props) => {
   GdsPopoverClass.define();
   const JSXElement = getReactComponent("gds-popover");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsPopover

package/generated/react/radio/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsRadio = (props) => {
   GdsRadioClass.define();
   const JSXElement = getReactComponent("gds-radio");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsRadio

package/generated/react/radio-group/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsRadioGroup = (props) => {
   GdsRadioGroupClass.define();
   const JSXElement = getReactComponent("gds-radio-group");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsRadioGroup

package/generated/react/rich-text/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsRichText = (props) => {
   GdsRichTextClass.define();
   const JSXElement = getReactComponent("gds-rich-text");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsRichText

package/generated/react/segment/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsSegment = (props) => {
   GdsSegmentClass.define();
   const JSXElement = getReactComponent("gds-segment");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsSegment

package/generated/react/segmented-control/index.js

@@ -7,7 +7,8 @@ const GdsSegmentedControl = (props) => {
   const JSXElement = getReactComponent(
     "gds-segmented-control"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsSegmentedControl

package/generated/react/select/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsSelect = (props) => {
   GdsSelectClass.define();
   const JSXElement = getReactComponent("gds-select");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsSelect

package/generated/react/signal/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsSignal = (props) => {
   GdsSignalClass.define();
   const JSXElement = getReactComponent("gds-signal");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsSignal

package/generated/react/spacer/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsSpacer = (props) => {
   GdsSpacerClass.define();
   const JSXElement = getReactComponent("gds-spacer");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsSpacer

package/generated/react/spinner/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsSpinner = (props) => {
   GdsSpinnerClass.define();
   const JSXElement = getReactComponent("gds-spinner");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsSpinner

package/generated/react/text/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsText = (props) => {
   GdsTextClass.define();
   const JSXElement = getReactComponent("gds-text");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsText

package/generated/react/textarea/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsTextarea = (props) => {
   GdsTextareaClass.define();
   const JSXElement = getReactComponent("gds-textarea");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsTextarea

package/generated/react/theme/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsTheme = (props) => {
   GdsThemeClass.define();
   const JSXElement = getReactComponent("gds-theme");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsTheme

package/generated/react/video/index.js

@@ -5,7 +5,8 @@ import { createElement } from "react";
 const GdsVideo = (props) => {
   GdsVideoClass.define();
   const JSXElement = getReactComponent("gds-video");
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   GdsVideo

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.71.0",
+  "version": "1.71.2",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/primitives/field-base/field-base.component.js

@@ -13,7 +13,7 @@ import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import { watch } from "../../utils/decorators/watch.js";
-import { styles } from "./field-base.styles";
+import { styles } from "./field-base.styles.js";
 let GdsFieldBase = class extends GdsElement {
   constructor() {
     super();

package/primitives/form-control-footer/form-control-footer.component.js

@@ -13,7 +13,7 @@ import {
   gdsCustomElement,
   html
 } from "../../utils/helpers/custom-element-scoping.js";
-import { styles } from "./form-control-footer.styles";
+import { styles } from "./form-control-footer.styles.js";
 let GdsFormControlFooter = class extends GdsElement {
   constructor() {
     super(...arguments);

package/primitives/form-control-header/form-control-header.component.js

@@ -16,7 +16,7 @@ import {
   gdsCustomElement,
   html
 } from "../../utils/helpers/custom-element-scoping.js";
-import { styles } from "./form-control-header.styles";
+import { styles } from "./form-control-header.styles.js";
 let GdsFormControlHeader = class extends GdsElement {
   constructor() {
     super(...arguments);

package/primitives/listbox/listbox.component.js

@@ -14,7 +14,7 @@ import {
 } from "../../utils/controllers/listbox-kb-nav-controller.js";
 import { watch } from "../../utils/decorators/watch.js";
 import { unwrap } from "../../utils/helpers/unwrap-slots.js";
-import style from "./listbox.styles";
+import style from "./listbox.styles.js";
 import { GdsOption } from "./option.component.js";
 let GdsListbox = class extends GdsElement {
   constructor() {

package/primitives/listbox/option.component.js

@@ -12,11 +12,11 @@ import { when } from "lit/directives/when.js";
 import { IconCheckmark } from "../../components/icon/icons/checkmark.component.js";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import { watch } from "../../utils/decorators/index.js";
 import { Focusable } from "../../utils/mixins/focusable.js";
-import style from "./option.styles";
+import style from "./option.styles.js";
 let GdsOption = class extends Focusable(GdsElement) {
   constructor() {
     super();

package/primitives/menu/menu-heading.component.js

@@ -5,7 +5,7 @@ import { html } from "lit";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement } from "../../scoping.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
-import style from "./menu-heading.styles";
+import style from "./menu-heading.styles.js";
 let GdsMenuHeading = class extends GdsElement {
   connectedCallback() {
     super.connectedCallback();

package/primitives/menu/menu-item.component.js

@@ -8,7 +8,7 @@ import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import { Focusable } from "../../utils/mixins/focusable.js";
-import styles from "../listbox/option.styles";
+import styles from "../listbox/option.styles.js";
 let GdsMenuItem = class extends Focusable(GdsElement) {
   constructor() {
     super(...arguments);

package/primitives/ripple/ripple.component.js

@@ -5,7 +5,7 @@ import { html, unsafeCSS } from "lit";
 import { query } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import styles from "./ripple.styles.scss.js";
 let GdsRipple = class extends GdsElement {
   constructor() {

package/primitives/selection-controls/selection-field-label.component.js

@@ -6,9 +6,9 @@ import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
-import { styles } from "./selection-field-label.styles";
+import { styles } from "./selection-field-label.styles.js";
 let GdsSelectionFieldLabel = class extends GdsElement {
   constructor() {
     super();

package/tokens/dark.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly\n * Generated on Mon, 31 Mar 2025 13:54:34 GMT\n */\n\ncolor-scheme: dark;\n  --gds-color-l1-background-primary: #0e0e0e;\n  --gds-color-l1-background-tertiary: #d7d7d7;\n  --gds-color-l1-background-secondary: #131313;\n  --gds-color-l1-content-positive: #54b561;\n  --gds-color-l1-content-negative: #a63e2a;\n  --gds-color-l1-content-primary: #d7d7d7;\n  --gds-color-l1-content-secondary: #ababab;\n  --gds-color-l1-content-tertiary: #1b1b1b;\n  --gds-color-l2-background-primary: #242424;\n  --gds-color-l2-background-secondary: #242424;\n  --gds-color-l2-background-tertiary: #d7d7d7;\n  --gds-color-l2-background-positive: #1d3f22;\n  --gds-color-l2-background-negative: #4a1c13;\n  --gds-color-l2-background-notice: #152c41;\n  --gds-color-l2-background-warning: #4c3212;\n  --gds-color-l2-background-information: #353535;\n  --gds-color-l2-background-copper-01: #f2efeb;\n  --gds-color-l2-background-copper-02: #332a18;\n  --gds-color-l2-background-purple-01: #f3eff7;\n  --gds-color-l2-background-purple-02: #372b40;\n  --gds-color-l2-background-green-01: #ecf6ed;\n  --gds-color-l2-background-green-02: #1d3f22;\n  --gds-color-l2-background-blue-01: #eaf0f7;\n  --gds-color-l2-background-blue-02: #152c41;\n  --gds-color-l2-content-primary: #d7d7d7;\n  --gds-color-l2-content-secondary: #ababab;\n  --gds-color-l2-content-tertiary: #1b1b1b;\n  --gds-color-l2-content-positive: #54b561;\n  --gds-color-l2-content-negative: #ee8375;\n  --gds-color-l2-content-warning: #f3b274;\n  --gds-color-l2-content-notice: #78a3d5;\n  --gds-color-l2-content-information: #d7d7d7;\n  --gds-color-l2-content-copper-01: #1b1b1b;\n  --gds-color-l2-content-copper-02: #ffffff;\n  --gds-color-l2-content-purple-01: #1b1b1b;\n  --gds-color-l2-content-purple-02: #ffffff;\n  --gds-color-l2-content-green-01: #1b1b1b;\n  --gds-color-l2-content-green-02: #ffffff;\n  --gds-color-l2-content-blue-01: #1b1b1b;\n  --gds-color-l2-content-blue-02: #ffffff;\n  --gds-color-l2-border-primary: #353535;\n  --gds-color-l2-border-secondary: #5e5e5e;\n  --gds-color-l2-border-tertiary: #2c2c2c;\n  --gds-color-l2-border-quarternary: #d7d7d7;\n  --gds-color-l2-border-inversed: #1b1b1b;\n  --gds-color-l3-background-primary: #d7d7d7;\n  --gds-color-l3-background-secondary: #353535;\n  --gds-color-l3-background-tertiary: #424242;\n  --gds-color-l3-background-quarternary: #0e0e0e;\n  --gds-color-l3-background-positive: #54b561;\n  --gds-color-l3-background-positive-secondary: #25512b;\n  --gds-color-l3-background-positive-badge: #306938;\n  --gds-color-l3-background-negative: #c04831;\n  --gds-color-l3-background-negative-secondary: #602418;\n  --gds-color-l3-background-negative-badge: #4A1C13;\n  --gds-color-l3-background-notice: #78a3d5;\n  --gds-color-l3-background-notice-secondary: #1A3853;\n  --gds-color-l3-background-notice-badge: #214769;\n  --gds-color-l3-background-warning: #f3b274;\n  --gds-color-l3-background-warning-secondary: #624017;\n  --gds-color-l3-background-warning-badge: #744C1B;\n  --gds-color-l3-background-information: #d7d7d7;\n  --gds-color-l3-background-information-secondary: #424242;\n  --gds-color-l3-background-information-badge: #616161;\n  --gds-color-l3-background-buy: #3571a6;\n  --gds-color-l3-background-copper-01: #e4ded5;\n  --gds-color-l3-background-copper-02: #42361f;\n  --gds-color-l3-background-purple-01: #e7deee;\n  --gds-color-l3-background-purple-02: #473752;\n  --gds-color-l3-background-green-01: #d7edd9;\n  --gds-color-l3-background-green-02: #25512b;\n  --gds-color-l3-background-blue-01: #d3dfef;\n  --gds-color-l3-background-blue-02: #1a3853;\n  --gds-color-l3-background-disabled: #181818;\n  --gds-color-l3-background-disabled-secondary: #1b1b1b;\n  --gds-color-l3-content-primary: #1b1b1b;\n  --gds-color-l3-content-secondary: #ababab;\n  --gds-color-l3-content-tertiary: #d7d7d7;\n  --gds-color-l3-content-notice: #78a3d5;\n  --gds-color-l3-content-warning: #f3b274;\n  --gds-color-l3-content-information: #d7d7d7;\n  --gds-color-l3-content-buy: #ffffff;\n  --gds-color-l3-content-copper-01: #1b1b1b;\n  --gds-color-l3-content-copper-02: #ffffff;\n  --gds-color-l3-content-purple-01: #1b1b1b;\n  --gds-color-l3-content-purple-02: #ffffff;\n  --gds-color-l3-content-green-01: #1b1b1b;\n  --gds-color-l3-content-green-02: #ffffff;\n  --gds-color-l3-content-blue-01: #1b1b1b;\n  --gds-color-l3-content-blue-02: #ffffff;\n  --gds-color-l3-content-disabled: #5e5e5e;\n  --gds-color-l3-content-positive: #54b561;\n  --gds-color-l3-content-negative: #ee8375;\n  --gds-color-l3-border-primary: #d7d7d7;\n  --gds-color-l3-border-secondary: #ababab;\n  --gds-color-l3-border-tertiary: #1b1b1b;\n  --gds-color-l3-border-negative: #ee8375;\n  --gds-color-l3-states-dark-hover: #ffffff 15%;\n  --gds-color-l3-states-dark-pressed: #ffffff 25%;\n  --gds-color-l3-states-light-hover: #d7d7d7 10%;\n  --gds-color-l3-states-light-pressed: #d7d7d7 20%;\n  --gds-color-l3-states-positive-hover: #54b561 10%;\n  --gds-color-l3-states-positive-pressed: #54b561 20%;\n  --gds-color-l3-states-negative-hover: #ee8375 10%;\n  --gds-color-l3-states-negative-pressed: #ee8375 20%;\n";
+const styles = "/**\n * Do not edit directly\n * Generated on Tue, 01 Apr 2025 14:47:59 GMT\n */\n\ncolor-scheme: dark;\n  --gds-color-l1-background-primary: #0e0e0e;\n  --gds-color-l1-background-tertiary: #d7d7d7;\n  --gds-color-l1-background-secondary: #131313;\n  --gds-color-l1-content-positive: #54b561;\n  --gds-color-l1-content-negative: #a63e2a;\n  --gds-color-l1-content-primary: #d7d7d7;\n  --gds-color-l1-content-secondary: #ababab;\n  --gds-color-l1-content-tertiary: #1b1b1b;\n  --gds-color-l2-background-primary: #242424;\n  --gds-color-l2-background-secondary: #242424;\n  --gds-color-l2-background-tertiary: #d7d7d7;\n  --gds-color-l2-background-positive: #1d3f22;\n  --gds-color-l2-background-negative: #4a1c13;\n  --gds-color-l2-background-notice: #152c41;\n  --gds-color-l2-background-warning: #4c3212;\n  --gds-color-l2-background-information: #353535;\n  --gds-color-l2-background-copper-01: #f2efeb;\n  --gds-color-l2-background-copper-02: #332a18;\n  --gds-color-l2-background-purple-01: #f3eff7;\n  --gds-color-l2-background-purple-02: #372b40;\n  --gds-color-l2-background-green-01: #ecf6ed;\n  --gds-color-l2-background-green-02: #1d3f22;\n  --gds-color-l2-background-blue-01: #eaf0f7;\n  --gds-color-l2-background-blue-02: #152c41;\n  --gds-color-l2-content-primary: #d7d7d7;\n  --gds-color-l2-content-secondary: #ababab;\n  --gds-color-l2-content-tertiary: #1b1b1b;\n  --gds-color-l2-content-positive: #54b561;\n  --gds-color-l2-content-negative: #ee8375;\n  --gds-color-l2-content-warning: #f3b274;\n  --gds-color-l2-content-notice: #78a3d5;\n  --gds-color-l2-content-information: #d7d7d7;\n  --gds-color-l2-content-copper-01: #1b1b1b;\n  --gds-color-l2-content-copper-02: #ffffff;\n  --gds-color-l2-content-purple-01: #1b1b1b;\n  --gds-color-l2-content-purple-02: #ffffff;\n  --gds-color-l2-content-green-01: #1b1b1b;\n  --gds-color-l2-content-green-02: #ffffff;\n  --gds-color-l2-content-blue-01: #1b1b1b;\n  --gds-color-l2-content-blue-02: #ffffff;\n  --gds-color-l2-border-primary: #353535;\n  --gds-color-l2-border-secondary: #5e5e5e;\n  --gds-color-l2-border-tertiary: #2c2c2c;\n  --gds-color-l2-border-quarternary: #d7d7d7;\n  --gds-color-l2-border-inversed: #1b1b1b;\n  --gds-color-l3-background-primary: #d7d7d7;\n  --gds-color-l3-background-secondary: #353535;\n  --gds-color-l3-background-tertiary: #424242;\n  --gds-color-l3-background-quarternary: #0e0e0e;\n  --gds-color-l3-background-positive: #54b561;\n  --gds-color-l3-background-positive-secondary: #25512b;\n  --gds-color-l3-background-positive-badge: #306938;\n  --gds-color-l3-background-negative: #c04831;\n  --gds-color-l3-background-negative-secondary: #602418;\n  --gds-color-l3-background-negative-badge: #4A1C13;\n  --gds-color-l3-background-notice: #78a3d5;\n  --gds-color-l3-background-notice-secondary: #1A3853;\n  --gds-color-l3-background-notice-badge: #214769;\n  --gds-color-l3-background-warning: #f3b274;\n  --gds-color-l3-background-warning-secondary: #624017;\n  --gds-color-l3-background-warning-badge: #744C1B;\n  --gds-color-l3-background-information: #d7d7d7;\n  --gds-color-l3-background-information-secondary: #424242;\n  --gds-color-l3-background-information-badge: #616161;\n  --gds-color-l3-background-buy: #3571a6;\n  --gds-color-l3-background-copper-01: #e4ded5;\n  --gds-color-l3-background-copper-02: #42361f;\n  --gds-color-l3-background-purple-01: #e7deee;\n  --gds-color-l3-background-purple-02: #473752;\n  --gds-color-l3-background-green-01: #d7edd9;\n  --gds-color-l3-background-green-02: #25512b;\n  --gds-color-l3-background-blue-01: #d3dfef;\n  --gds-color-l3-background-blue-02: #1a3853;\n  --gds-color-l3-background-disabled: #181818;\n  --gds-color-l3-background-disabled-secondary: #1b1b1b;\n  --gds-color-l3-content-primary: #1b1b1b;\n  --gds-color-l3-content-secondary: #ababab;\n  --gds-color-l3-content-tertiary: #d7d7d7;\n  --gds-color-l3-content-notice: #78a3d5;\n  --gds-color-l3-content-warning: #f3b274;\n  --gds-color-l3-content-information: #d7d7d7;\n  --gds-color-l3-content-buy: #ffffff;\n  --gds-color-l3-content-copper-01: #1b1b1b;\n  --gds-color-l3-content-copper-02: #ffffff;\n  --gds-color-l3-content-purple-01: #1b1b1b;\n  --gds-color-l3-content-purple-02: #ffffff;\n  --gds-color-l3-content-green-01: #1b1b1b;\n  --gds-color-l3-content-green-02: #ffffff;\n  --gds-color-l3-content-blue-01: #1b1b1b;\n  --gds-color-l3-content-blue-02: #ffffff;\n  --gds-color-l3-content-disabled: #5e5e5e;\n  --gds-color-l3-content-positive: #54b561;\n  --gds-color-l3-content-negative: #ee8375;\n  --gds-color-l3-border-primary: #d7d7d7;\n  --gds-color-l3-border-secondary: #ababab;\n  --gds-color-l3-border-tertiary: #1b1b1b;\n  --gds-color-l3-border-negative: #ee8375;\n  --gds-color-l3-states-dark-hover: #ffffff 15%;\n  --gds-color-l3-states-dark-pressed: #ffffff 25%;\n  --gds-color-l3-states-light-hover: #d7d7d7 10%;\n  --gds-color-l3-states-light-pressed: #d7d7d7 20%;\n  --gds-color-l3-states-positive-hover: #54b561 10%;\n  --gds-color-l3-states-positive-pressed: #54b561 20%;\n  --gds-color-l3-states-negative-hover: #ee8375 10%;\n  --gds-color-l3-states-negative-pressed: #ee8375 20%;\n";
 export default styles;

package/tokens/light.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly\n * Generated on Mon, 31 Mar 2025 13:54:34 GMT\n */\n\ncolor-scheme: light;\n  --gds-color-l1-background-primary: #ffffff;\n  --gds-color-l1-background-tertiary: #1b1b1b;\n  --gds-color-l1-background-secondary: #eeeeee;\n  --gds-color-l1-content-positive: #35723d;\n  --gds-color-l1-content-negative: #a63e2a;\n  --gds-color-l1-content-primary: #1b1b1b;\n  --gds-color-l1-content-secondary: #5e5e5e;\n  --gds-color-l1-content-tertiary: #ffffff;\n  --gds-color-l2-background-primary: #f3f3f3;\n  --gds-color-l2-background-secondary: #ffffff;\n  --gds-color-l2-background-tertiary: #242424;\n  --gds-color-l2-background-positive: #ecf6ed;\n  --gds-color-l2-background-negative: #fcecea;\n  --gds-color-l2-background-notice: #eaf0f7;\n  --gds-color-l2-background-warning: #fcecbc;\n  --gds-color-l2-background-information: #e2e2e2;\n  --gds-color-l2-background-copper-01: #f2efeb;\n  --gds-color-l2-background-copper-02: #332a18;\n  --gds-color-l2-background-purple-01: #f3eff7;\n  --gds-color-l2-background-purple-02: #372b40;\n  --gds-color-l2-background-green-01: #ecf6ed;\n  --gds-color-l2-background-green-02: #1d3f22;\n  --gds-color-l2-background-blue-01: #eaf0f7;\n  --gds-color-l2-background-blue-02: #152c41;\n  --gds-color-l2-content-primary: #1b1b1b;\n  --gds-color-l2-content-secondary: #5e5e5e;\n  --gds-color-l2-content-tertiary: #ffffff;\n  --gds-color-l2-content-positive: #35723d;\n  --gds-color-l2-content-negative: #a63e2a;\n  --gds-color-l2-content-warning: #65581e;\n  --gds-color-l2-content-notice: #005fac;\n  --gds-color-l2-content-information: #1b1b1b;\n  --gds-color-l2-content-copper-01: #1b1b1b;\n  --gds-color-l2-content-copper-02: #ffffff;\n  --gds-color-l2-content-purple-01: #1b1b1b;\n  --gds-color-l2-content-purple-02: #ffffff;\n  --gds-color-l2-content-green-01: #1b1b1b;\n  --gds-color-l2-content-green-02: #ffffff;\n  --gds-color-l2-content-blue-01: #1b1b1b;\n  --gds-color-l2-content-blue-02: #ffffff;\n  --gds-color-l2-border-primary: #d7d7d7;\n  --gds-color-l2-border-secondary: #6f6f6f;\n  --gds-color-l2-border-tertiary: #f9f9f9;\n  --gds-color-l2-border-quarternary: #1b1b1b;\n  --gds-color-l2-border-inversed: #ffffff;\n  --gds-color-l3-background-primary: #1b1b1b;\n  --gds-color-l3-background-secondary: #e2e2e2;\n  --gds-color-l3-background-tertiary: #d7d7d7;\n  --gds-color-l3-background-quarternary: #ffffff;\n  --gds-color-l3-background-positive: #35723d;\n  --gds-color-l3-background-positive-secondary: #d7edd9;\n  --gds-color-l3-background-positive-badge: #d7edd9;\n  --gds-color-l3-background-negative: #a63e2a;\n  --gds-color-l3-background-negative-secondary: #fcecea;\n  --gds-color-l3-background-negative-badge: #f8d6d3;\n  --gds-color-l3-background-notice: #005fac;\n  --gds-color-l3-background-notice-secondary: #d3dfef;\n  --gds-color-l3-background-notice-badge: #d3dfef;\n  --gds-color-l3-background-warning: #65581e;\n  --gds-color-l3-background-warning-secondary: #fadf7b;\n  --gds-color-l3-background-warning-badge: #fadf7b;\n  --gds-color-l3-background-information: #1b1b1b;\n  --gds-color-l3-background-information-secondary: #d7d7d7;\n  --gds-color-l3-background-information-badge: #d7d7d7;\n  --gds-color-l3-background-buy: #2e6290;\n  --gds-color-l3-background-copper-01: #e4ded5;\n  --gds-color-l3-background-copper-02: #42361f;\n  --gds-color-l3-background-purple-01: #e7deee;\n  --gds-color-l3-background-purple-02: #473752;\n  --gds-color-l3-background-green-01: #d7edd9;\n  --gds-color-l3-background-green-02: #25512b;\n  --gds-color-l3-background-blue-01: #d3dfef;\n  --gds-color-l3-background-blue-02: #1a3853;\n  --gds-color-l3-background-disabled: #f9f9f9;\n  --gds-color-l3-background-disabled-secondary: #f3f3f3;\n  --gds-color-l3-content-primary: #ffffff;\n  --gds-color-l3-content-secondary: #5e5e5e;\n  --gds-color-l3-content-tertiary: #1b1b1b;\n  --gds-color-l3-content-notice: #005fac;\n  --gds-color-l3-content-warning: #65581e;\n  --gds-color-l3-content-information: #1b1b1b;\n  --gds-color-l3-content-buy: #ffffff;\n  --gds-color-l3-content-copper-01: #1b1b1b;\n  --gds-color-l3-content-copper-02: #ffffff;\n  --gds-color-l3-content-purple-01: #1b1b1b;\n  --gds-color-l3-content-purple-02: #ffffff;\n  --gds-color-l3-content-green-01: #1b1b1b;\n  --gds-color-l3-content-green-02: #ffffff;\n  --gds-color-l3-content-blue-01: #1b1b1b;\n  --gds-color-l3-content-blue-02: #ffffff;\n  --gds-color-l3-content-disabled: #ababab;\n  --gds-color-l3-content-positive: #35723d;\n  --gds-color-l3-content-negative: #a63e2a;\n  --gds-color-l3-border-primary: #1b1b1b;\n  --gds-color-l3-border-secondary: #6f6f6f;\n  --gds-color-l3-border-tertiary: #d7d7d7;\n  --gds-color-l3-border-negative: #a63e2a;\n  --gds-color-l3-states-dark-hover: #ffffff 15%;\n  --gds-color-l3-states-dark-pressed: #ffffff 25%;\n  --gds-color-l3-states-light-hover: #1b1b1b 10%;\n  --gds-color-l3-states-light-pressed: #1b1b1b 20%;\n  --gds-color-l3-states-positive-hover: #35723d 10%;\n  --gds-color-l3-states-positive-pressed: #35723d 20%;\n  --gds-color-l3-states-negative-hover: #a63e2a 10%;\n  --gds-color-l3-states-negative-pressed: #a63e2a 20%;\n";
+const styles = "/**\n * Do not edit directly\n * Generated on Tue, 01 Apr 2025 14:47:59 GMT\n */\n\ncolor-scheme: light;\n  --gds-color-l1-background-primary: #ffffff;\n  --gds-color-l1-background-tertiary: #1b1b1b;\n  --gds-color-l1-background-secondary: #eeeeee;\n  --gds-color-l1-content-positive: #35723d;\n  --gds-color-l1-content-negative: #a63e2a;\n  --gds-color-l1-content-primary: #1b1b1b;\n  --gds-color-l1-content-secondary: #5e5e5e;\n  --gds-color-l1-content-tertiary: #ffffff;\n  --gds-color-l2-background-primary: #f3f3f3;\n  --gds-color-l2-background-secondary: #ffffff;\n  --gds-color-l2-background-tertiary: #242424;\n  --gds-color-l2-background-positive: #ecf6ed;\n  --gds-color-l2-background-negative: #fcecea;\n  --gds-color-l2-background-notice: #eaf0f7;\n  --gds-color-l2-background-warning: #fcecbc;\n  --gds-color-l2-background-information: #e2e2e2;\n  --gds-color-l2-background-copper-01: #f2efeb;\n  --gds-color-l2-background-copper-02: #332a18;\n  --gds-color-l2-background-purple-01: #f3eff7;\n  --gds-color-l2-background-purple-02: #372b40;\n  --gds-color-l2-background-green-01: #ecf6ed;\n  --gds-color-l2-background-green-02: #1d3f22;\n  --gds-color-l2-background-blue-01: #eaf0f7;\n  --gds-color-l2-background-blue-02: #152c41;\n  --gds-color-l2-content-primary: #1b1b1b;\n  --gds-color-l2-content-secondary: #5e5e5e;\n  --gds-color-l2-content-tertiary: #ffffff;\n  --gds-color-l2-content-positive: #35723d;\n  --gds-color-l2-content-negative: #a63e2a;\n  --gds-color-l2-content-warning: #65581e;\n  --gds-color-l2-content-notice: #005fac;\n  --gds-color-l2-content-information: #1b1b1b;\n  --gds-color-l2-content-copper-01: #1b1b1b;\n  --gds-color-l2-content-copper-02: #ffffff;\n  --gds-color-l2-content-purple-01: #1b1b1b;\n  --gds-color-l2-content-purple-02: #ffffff;\n  --gds-color-l2-content-green-01: #1b1b1b;\n  --gds-color-l2-content-green-02: #ffffff;\n  --gds-color-l2-content-blue-01: #1b1b1b;\n  --gds-color-l2-content-blue-02: #ffffff;\n  --gds-color-l2-border-primary: #d7d7d7;\n  --gds-color-l2-border-secondary: #6f6f6f;\n  --gds-color-l2-border-tertiary: #f9f9f9;\n  --gds-color-l2-border-quarternary: #1b1b1b;\n  --gds-color-l2-border-inversed: #ffffff;\n  --gds-color-l3-background-primary: #1b1b1b;\n  --gds-color-l3-background-secondary: #e2e2e2;\n  --gds-color-l3-background-tertiary: #d7d7d7;\n  --gds-color-l3-background-quarternary: #ffffff;\n  --gds-color-l3-background-positive: #35723d;\n  --gds-color-l3-background-positive-secondary: #d7edd9;\n  --gds-color-l3-background-positive-badge: #d7edd9;\n  --gds-color-l3-background-negative: #a63e2a;\n  --gds-color-l3-background-negative-secondary: #fcecea;\n  --gds-color-l3-background-negative-badge: #f8d6d3;\n  --gds-color-l3-background-notice: #005fac;\n  --gds-color-l3-background-notice-secondary: #d3dfef;\n  --gds-color-l3-background-notice-badge: #d3dfef;\n  --gds-color-l3-background-warning: #65581e;\n  --gds-color-l3-background-warning-secondary: #fadf7b;\n  --gds-color-l3-background-warning-badge: #fadf7b;\n  --gds-color-l3-background-information: #1b1b1b;\n  --gds-color-l3-background-information-secondary: #d7d7d7;\n  --gds-color-l3-background-information-badge: #d7d7d7;\n  --gds-color-l3-background-buy: #2e6290;\n  --gds-color-l3-background-copper-01: #e4ded5;\n  --gds-color-l3-background-copper-02: #42361f;\n  --gds-color-l3-background-purple-01: #e7deee;\n  --gds-color-l3-background-purple-02: #473752;\n  --gds-color-l3-background-green-01: #d7edd9;\n  --gds-color-l3-background-green-02: #25512b;\n  --gds-color-l3-background-blue-01: #d3dfef;\n  --gds-color-l3-background-blue-02: #1a3853;\n  --gds-color-l3-background-disabled: #f9f9f9;\n  --gds-color-l3-background-disabled-secondary: #f3f3f3;\n  --gds-color-l3-content-primary: #ffffff;\n  --gds-color-l3-content-secondary: #5e5e5e;\n  --gds-color-l3-content-tertiary: #1b1b1b;\n  --gds-color-l3-content-notice: #005fac;\n  --gds-color-l3-content-warning: #65581e;\n  --gds-color-l3-content-information: #1b1b1b;\n  --gds-color-l3-content-buy: #ffffff;\n  --gds-color-l3-content-copper-01: #1b1b1b;\n  --gds-color-l3-content-copper-02: #ffffff;\n  --gds-color-l3-content-purple-01: #1b1b1b;\n  --gds-color-l3-content-purple-02: #ffffff;\n  --gds-color-l3-content-green-01: #1b1b1b;\n  --gds-color-l3-content-green-02: #ffffff;\n  --gds-color-l3-content-blue-01: #1b1b1b;\n  --gds-color-l3-content-blue-02: #ffffff;\n  --gds-color-l3-content-disabled: #ababab;\n  --gds-color-l3-content-positive: #35723d;\n  --gds-color-l3-content-negative: #a63e2a;\n  --gds-color-l3-border-primary: #1b1b1b;\n  --gds-color-l3-border-secondary: #6f6f6f;\n  --gds-color-l3-border-tertiary: #d7d7d7;\n  --gds-color-l3-border-negative: #a63e2a;\n  --gds-color-l3-states-dark-hover: #ffffff 15%;\n  --gds-color-l3-states-dark-pressed: #ffffff 25%;\n  --gds-color-l3-states-light-hover: #1b1b1b 10%;\n  --gds-color-l3-states-light-pressed: #1b1b1b 20%;\n  --gds-color-l3-states-positive-hover: #35723d 10%;\n  --gds-color-l3-states-positive-pressed: #35723d 20%;\n  --gds-color-l3-states-negative-hover: #a63e2a 10%;\n  --gds-color-l3-states-negative-pressed: #a63e2a 20%;\n";
 export default styles;

package/tokens/motion.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly\n * Generated on Mon, 31 Mar 2025 13:54:34 GMT\n */\n\n:host {\n  --gds-sys-motion-duration-slowest: 1.5s;\n  --gds-sys-motion-duration-slow: 1s;\n  --gds-sys-motion-duration-default: .5s;\n  --gds-sys-motion-duration-fast: .4s;\n  --gds-sys-motion-duration-fastest: .2s;\n  --gds-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);\n  --gds-sys-motion-easing-ease-out: cubic-bezier(0.22, 1, 0.36, 1);\n  --gds-sys-motion-easing-ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);\n  --gds-sys-motion-easing-ease-in: cubic-bezier(0.64, 0, 0.78, 0);\n}\n";
+const styles = "/**\n * Do not edit directly\n * Generated on Tue, 01 Apr 2025 14:47:59 GMT\n */\n\n:host {\n  --gds-sys-motion-duration-slowest: 1.5s;\n  --gds-sys-motion-duration-slow: 1s;\n  --gds-sys-motion-duration-default: .5s;\n  --gds-sys-motion-duration-fast: .4s;\n  --gds-sys-motion-duration-fastest: .2s;\n  --gds-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);\n  --gds-sys-motion-easing-ease-out: cubic-bezier(0.22, 1, 0.36, 1);\n  --gds-sys-motion-easing-ease-in-out: cubic-bezier(0.83, 0, 0.17, 1);\n  --gds-sys-motion-easing-ease-in: cubic-bezier(0.64, 0, 0.78, 0);\n}\n";
 export default styles;

package/tokens/shadow.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly\n * Generated on Mon, 31 Mar 2025 13:54:34 GMT\n */\n\n:host {\n--gds-shadow-xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);\n--gds-shadow-s: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n--gds-shadow-m: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);\n--gds-shadow-l: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);\n--gds-shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);\n}\n";
+const styles = "/**\n * Do not edit directly\n * Generated on Tue, 01 Apr 2025 14:47:59 GMT\n */\n\n:host {\n--gds-shadow-xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1);\n--gds-shadow-s: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n--gds-shadow-m: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);\n--gds-shadow-l: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03);\n--gds-shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);\n}\n";
 export default styles;

package/tokens/size.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly\n * Generated on Mon, 31 Mar 2025 13:54:34 GMT\n */\n\n:host {\n  --gds-space-max: 999px;\n  --gds-space-8xl: 120px;\n  --gds-space-7xl: 112px;\n  --gds-space-6xl: 96px;\n  --gds-space-5xl: 80px;\n  --gds-space-4xl: 64px;\n  --gds-space-3xl: 48px;\n  --gds-space-2xl: 40px;\n  --gds-space-xl: 32px;\n  --gds-space-l: 24px;\n  --gds-space-m: 16px;\n  --gds-space-s: 12px;\n  --gds-space-xs: 8px;\n  --gds-space-2xs: 4px;\n  --gds-space-3xs: 2px;\n  --gds-space-4xs: 1px;\n  --gds-space-0: 0px;\n}\n";
+const styles = "/**\n * Do not edit directly\n * Generated on Tue, 01 Apr 2025 14:47:59 GMT\n */\n\n:host {\n  --gds-space-max: 999px;\n  --gds-space-8xl: 120px;\n  --gds-space-7xl: 112px;\n  --gds-space-6xl: 96px;\n  --gds-space-5xl: 80px;\n  --gds-space-4xl: 64px;\n  --gds-space-3xl: 48px;\n  --gds-space-2xl: 40px;\n  --gds-space-xl: 32px;\n  --gds-space-l: 24px;\n  --gds-space-m: 16px;\n  --gds-space-s: 12px;\n  --gds-space-xs: 8px;\n  --gds-space-2xs: 4px;\n  --gds-space-3xs: 2px;\n  --gds-space-4xs: 1px;\n  --gds-space-0: 0px;\n}\n";
 export default styles;

package/tokens/text.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly\n * Generated on Mon, 31 Mar 2025 13:54:34 GMT\n */\n\n:host {\n  --gds-text-weight-bold: 700;\n  --gds-text-weight-medium: 500;\n  --gds-text-weight-book: 450;\n  --gds-text-weight-regular: 400;\n  --gds-text-weight-light: 300;\n  --gds-text-size-preamble-xs: 1rem;\n  --gds-text-size-preamble-s: 1.125rem;\n  --gds-text-size-preamble-m: 1.25rem;\n  --gds-text-size-preamble-l: 1.5rem;\n  --gds-text-size-preamble-xl: 1.75rem;\n  --gds-text-size-preamble-2xl: 2rem;\n  --gds-text-size-display-s: 2rem;\n  --gds-text-size-display-m: 2.25rem;\n  --gds-text-size-display-l: 3rem;\n  --gds-text-size-display-xl: 4rem;\n  --gds-text-size-display-2xl: 5.125rem;\n  --gds-text-size-body-s: 0.875rem;\n  --gds-text-size-body-m: 1rem;\n  --gds-text-size-body-l: 1.25rem;\n  --gds-text-size-detail-xs: 0.75rem;\n  --gds-text-size-detail-s: 0.875rem;\n  --gds-text-size-detail-m: 1rem;\n  --gds-text-size-heading-2xl: 0.875rem;\n  --gds-text-size-heading-xs: 1rem;\n  --gds-text-size-heading-s: 1.25rem;\n  --gds-text-size-heading-m: 1.5rem;\n  --gds-text-size-heading-l: 1.75rem;\n  --gds-text-size-heading-xl: 2rem;\n  --gds-text-line-height-preamble-xs: 1.5rem;\n  --gds-text-line-height-preamble-s: 1.625rem;\n  --gds-text-line-height-preamble-m: 1.75rem;\n  --gds-text-line-height-preamble-l: 2rem;\n  --gds-text-line-height-preamble-xl: 2.25rem;\n  --gds-text-line-height-preamble-2xl: 2.5rem;\n  --gds-text-line-height-display-s: 2.5rem;\n  --gds-text-line-height-display-m: 2.75rem;\n  --gds-text-line-height-display-l: 3.5rem;\n  --gds-text-line-height-display-xl: 4.5rem;\n  --gds-text-line-height-display-2xl: 5.625rem;\n  --gds-text-line-height-body-s: 1.25rem;\n  --gds-text-line-height-body-m: 1.5rem;\n  --gds-text-line-height-body-l: 1.625rem;\n  --gds-text-line-height-detail-xs: 1rem;\n  --gds-text-line-height-detail-s: 1.125rem;\n  --gds-text-line-height-detail-m: 1.25rem;\n  --gds-text-line-height-heading-2xs: 1.25rem;\n  --gds-text-line-height-heading-xs: 1.5rem;\n  --gds-text-line-height-heading-s: 1.75rem;\n  --gds-text-line-height-heading-m: 2rem;\n  --gds-text-line-height-heading-l: 2.5rem;\n  --gds-text-line-height-heading-xl: 2.75rem;\n}\n";
+const styles = "/**\n * Do not edit directly\n * Generated on Tue, 01 Apr 2025 14:47:59 GMT\n */\n\n:host {\n  --gds-text-weight-bold: 700;\n  --gds-text-weight-medium: 500;\n  --gds-text-weight-book: 450;\n  --gds-text-weight-regular: 400;\n  --gds-text-weight-light: 300;\n  --gds-text-size-preamble-xs: 1rem;\n  --gds-text-size-preamble-s: 1.125rem;\n  --gds-text-size-preamble-m: 1.25rem;\n  --gds-text-size-preamble-l: 1.5rem;\n  --gds-text-size-preamble-xl: 1.75rem;\n  --gds-text-size-preamble-2xl: 2rem;\n  --gds-text-size-display-s: 2rem;\n  --gds-text-size-display-m: 2.25rem;\n  --gds-text-size-display-l: 3rem;\n  --gds-text-size-display-xl: 4rem;\n  --gds-text-size-display-2xl: 5.125rem;\n  --gds-text-size-body-s: 0.875rem;\n  --gds-text-size-body-m: 1rem;\n  --gds-text-size-body-l: 1.25rem;\n  --gds-text-size-detail-xs: 0.75rem;\n  --gds-text-size-detail-s: 0.875rem;\n  --gds-text-size-detail-m: 1rem;\n  --gds-text-size-heading-2xl: 0.875rem;\n  --gds-text-size-heading-xs: 1rem;\n  --gds-text-size-heading-s: 1.25rem;\n  --gds-text-size-heading-m: 1.5rem;\n  --gds-text-size-heading-l: 1.75rem;\n  --gds-text-size-heading-xl: 2rem;\n  --gds-text-line-height-preamble-xs: 1.5rem;\n  --gds-text-line-height-preamble-s: 1.625rem;\n  --gds-text-line-height-preamble-m: 1.75rem;\n  --gds-text-line-height-preamble-l: 2rem;\n  --gds-text-line-height-preamble-xl: 2.25rem;\n  --gds-text-line-height-preamble-2xl: 2.5rem;\n  --gds-text-line-height-display-s: 2.5rem;\n  --gds-text-line-height-display-m: 2.75rem;\n  --gds-text-line-height-display-l: 3.5rem;\n  --gds-text-line-height-display-xl: 4.5rem;\n  --gds-text-line-height-display-2xl: 5.625rem;\n  --gds-text-line-height-body-s: 1.25rem;\n  --gds-text-line-height-body-m: 1.5rem;\n  --gds-text-line-height-body-l: 1.625rem;\n  --gds-text-line-height-detail-xs: 1rem;\n  --gds-text-line-height-detail-s: 1.125rem;\n  --gds-text-line-height-detail-m: 1.25rem;\n  --gds-text-line-height-heading-2xs: 1.25rem;\n  --gds-text-line-height-heading-xs: 1.5rem;\n  --gds-text-line-height-heading-s: 1.75rem;\n  --gds-text-line-height-heading-m: 2rem;\n  --gds-text-line-height-heading-l: 2.5rem;\n  --gds-text-line-height-heading-xl: 2.75rem;\n}\n";
 export default styles;

package/utils/helpers/custom-element-scoping.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QTSIPXV3.js";
 import { html as litHtml } from "lit";
-const VER_SUFFIX = "-d4a93f";
+const VER_SUFFIX = "-75a7a4";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])

package/utils/transitional-styles/transitional-styles.js

@@ -4,15 +4,15 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 var _styles, _elements, _useLegacyStylesheets;
 import { unsafeCSS } from "lit";
-import * as Button from "../../components/button/button.trans.styles";
-import * as ContextMenu from "../../components/context-menu/context-menu.trans.styles";
-import * as Datepicker from "../../components/datepicker/datepicker.trans.styles";
-import * as Dropdown from "../../components/dropdown/dropdown.trans.styles";
-import * as FilterChips from "../../components/filter-chips/filter-chips.trans.styles";
-import * as GroupedList from "../../components/grouped-list/grouped-list.trans.styles";
-import * as Input from "../../components/input/input.trans.styles";
-import * as SegmentedControl from "../../components/segmented-control/segmented-control.trans.styles";
-import * as Theme from "../../components/theme/theme.trans.styles";
+import * as Button from "../../components/button/button.trans.styles.js";
+import * as ContextMenu from "../../components/context-menu/context-menu.trans.styles.js";
+import * as Datepicker from "../../components/datepicker/datepicker.trans.styles.js";
+import * as Dropdown from "../../components/dropdown/dropdown.trans.styles.js";
+import * as FilterChips from "../../components/filter-chips/filter-chips.trans.styles.js";
+import * as GroupedList from "../../components/grouped-list/grouped-list.trans.styles.js";
+import * as Input from "../../components/input/input.trans.styles.js";
+import * as SegmentedControl from "../../components/segmented-control/segmented-control.trans.styles.js";
+import * as Theme from "../../components/theme/theme.trans.styles.js";
 import { supportsConstructedStylesheets } from "../../utils/controllers/dynamic-styles-controller.js";
 import { VER_SUFFIX } from "../helpers/custom-element-scoping.js";
 const registerTransitionalStyles = () => {