@sebgroup/green-core 1.71.1 → 1.72.0

package/generated/react/icons/icon-trending-four/index.js

@@ -7,7 +7,8 @@ const IconTrendingFour = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-trending-four"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconTrendingFour

package/generated/react/icons/icon-trending-one/index.js

@@ -7,7 +7,8 @@ const IconTrendingOne = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-trending-one"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconTrendingOne

package/generated/react/icons/icon-trending-three/index.js

@@ -7,7 +7,8 @@ const IconTrendingThree = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-trending-three"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconTrendingThree

package/generated/react/icons/icon-trending-two/index.js

@@ -7,7 +7,8 @@ const IconTrendingTwo = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-trending-two"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconTrendingTwo

package/generated/react/icons/icon-triangle-exclamation/index.js

@@ -7,7 +7,8 @@ const IconTriangleExclamation = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-triangle-exclamation"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconTriangleExclamation

package/generated/react/icons/icon-truck/index.js

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

package/generated/react/icons/icon-umbrella-security/index.js

@@ -7,7 +7,8 @@ const IconUmbrellaSecurity = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-umbrella-security"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconUmbrellaSecurity

package/generated/react/icons/icon-unlocked/index.js

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

package/generated/react/icons/icon-vertical-alignment-right/index.js

@@ -7,7 +7,8 @@ const IconVerticalAlignmentRight = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-vertical-alignment-right"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconVerticalAlignmentRight

package/generated/react/icons/icon-volume-full/index.js

@@ -7,7 +7,8 @@ const IconVolumeFull = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-volume-full"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconVolumeFull

package/generated/react/icons/icon-volume-half/index.js

@@ -7,7 +7,8 @@ const IconVolumeHalf = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-volume-half"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconVolumeHalf

package/generated/react/icons/icon-volume-off/index.js

@@ -7,7 +7,8 @@ const IconVolumeOff = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-volume-off"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconVolumeOff

package/generated/react/icons/icon-wallet/index.js

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

package/generated/react/icons/icon-warning-sign/index.js

@@ -7,7 +7,8 @@ const IconWarningSign = (props) => {
   const JSXElement = getReactComponent(
     "gds-icon-warning-sign"
   );
-  return createElement(JSXElement, props);
+  const propsWithClass = { ...props, class: props.className };
+  return createElement(JSXElement, propsWithClass);
 };
 export {
   IconWarningSign

package/generated/react/icons/icon-zap/index.js

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

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/index.d.ts

@@ -1,7 +1,3 @@
-export * from './form-control-footer/index.js';
-export * from './form-control-header/index.js';
-export * from './option/index.js';
-export * from './menu-item/index.js';
 export * from './badge/index.js';
 export * from './button/index.js';
 export * from './calendar/index.js';
@@ -10,6 +6,7 @@ export * from './coachmark/index.js';
 export * from './container/index.js';
 export * from './context-menu/index.js';
 export * from './datepicker/index.js';
+export * from './details/index.js';
 export * from './dialog/index.js';
 export * from './div/index.js';
 export * from './divider/index.js';
@@ -39,6 +36,11 @@ export * from './text/index.js';
 export * from './textarea/index.js';
 export * from './theme/index.js';
 export * from './video/index.js';
+export * from './form-control-footer/index.js';
+export * from './form-control-header/index.js';
+export * from './option/index.js';
+export * from './menu-item/index.js';
+export * from './icons/icon-details/index.js';
 export * from './filter-chip/index.js';
 export * from './icons/icon-airplane-up/index.js';
 export * from './icons/icon-archive/index.js';

package/generated/react/index.js

@@ -1,7 +1,3 @@
-export * from "./form-control-footer/index.js";
-export * from "./form-control-header/index.js";
-export * from "./option/index.js";
-export * from "./menu-item/index.js";
 export * from "./badge/index.js";
 export * from "./button/index.js";
 export * from "./calendar/index.js";
@@ -10,6 +6,7 @@ export * from "./coachmark/index.js";
 export * from "./container/index.js";
 export * from "./context-menu/index.js";
 export * from "./datepicker/index.js";
+export * from "./details/index.js";
 export * from "./dialog/index.js";
 export * from "./div/index.js";
 export * from "./divider/index.js";
@@ -39,6 +36,11 @@ export * from "./text/index.js";
 export * from "./textarea/index.js";
 export * from "./theme/index.js";
 export * from "./video/index.js";
+export * from "./form-control-footer/index.js";
+export * from "./form-control-header/index.js";
+export * from "./option/index.js";
+export * from "./menu-item/index.js";
+export * from "./icons/icon-details/index.js";
 export * from "./filter-chip/index.js";
 export * from "./icons/icon-airplane-up/index.js";
 export * from "./icons/icon-archive/index.js";

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.1",
+  "version": "1.72.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",
@@ -61,6 +61,9 @@
     "./components/datepicker/date-part-spinner.js",
     "./components/datepicker/datepicker.js",
     "./components/datepicker/index.js",
+    "./components/details/details-icon/details-icon.js",
+    "./components/details/details.js",
+    "./components/details/index.js",
     "./components/dialog/dialog.js",
     "./components/dialog/index.js",
     "./components/dialog/scroll-lock.js",

package/tokens/dark.css.js

@@ -1,2 +1,2 @@
-const styles = "/**\n * Do not edit directly\n * Generated on Mon, 31 Mar 2025 15:08:26 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 Fri, 04 Apr 2025 08:10:13 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 15:08:26 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 Fri, 04 Apr 2025 08:10:13 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 15:08:26 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 Fri, 04 Apr 2025 08:10:13 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 15:08:26 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 Fri, 04 Apr 2025 08:10:13 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 15:08:26 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 Fri, 04 Apr 2025 08:10:13 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 15:08:26 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 Fri, 04 Apr 2025 08:10:13 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-2xs: 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 = "-80a7fb";
+const VER_SUFFIX = "-f46ae2";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])