@sebgroup/green-core 1.71.0 → 1.71.1

package/components/badge/badge.component.js

@@ -7,7 +7,7 @@ var _renderLeadSlot, renderLeadSlot_fn, _renderMainSlot, renderMainSlot_fn, _han
 import { property, state } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
 import { html } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { gdsCustomElement } from "../../utils/helpers/custom-element-scoping.js";
 import {
   withLayoutChildProps,
@@ -15,7 +15,7 @@ import {
   withSizeXProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
 import { GdsFlex } from "../flex/flex.component.js";
-import BadgeCSS from "./badge.style";
+import BadgeCSS from "./badge.style.js";
 let GdsBadge = class extends withSizeXProps(
   withMarginProps(withLayoutChildProps(GdsElement))
 ) {

package/components/button/button.component.js

@@ -13,7 +13,7 @@ import { when } from "lit/directives/when.js";
 import { literal, html as staticHtml } from "lit/static-html.js";
 import { GdsRipple } from "../../primitives/ripple/ripple.component.js";
 import { html as customElementHtml, gdsCustomElement } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import { observeLightDOM } from "../../utils/decorators/index.js";
 import { forwardAttributes } from "../../utils/directives/index.js";

package/components/calendar/calendar.component.js

@@ -22,10 +22,10 @@ import {
 } from "date-fns";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement } 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/watch.js";
-import style from "./calendar.styles";
+import style from "./calendar.styles.js";
 import { renderMonthGridView } from "./functions.js";
 let GdsCalendar = class extends GdsElement {
   constructor() {

package/components/card/card.component.js

@@ -2,7 +2,7 @@ import {
   __decorateClass
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { css } from "lit";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
   gdsCustomElement,

package/components/coachmark/coachmark.component.js

@@ -21,7 +21,7 @@ import {
 } from "@floating-ui/dom";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
-import styles from "./coachmark.styles";
+import styles from "./coachmark.styles.js";
 let GdsCoachmark = class extends GdsElement {
   constructor() {
     super(...arguments);

package/components/context-menu/context-menu.component.js

@@ -13,7 +13,7 @@ import { when } from "lit/directives/when.js";
 import { GdsElement } from "../../gds-element.js";
 import { GdsMenuItem } from "../../primitives/menu/menu-item.component.js";
 import { GdsMenu } from "../../primitives/menu/menu.component.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import {
   gdsCustomElement,
@@ -24,7 +24,7 @@ import {
   withMarginProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
 import { GdsPopover } from "../popover/popover.component.js";
-import styles from "./context-menu.styles";
+import styles from "./context-menu.styles.js";
 import { GdsMenuHeading } from "../../primitives/menu/menu-heading.component.js";
 let GdsContextMenu = class extends withMarginProps(
   withLayoutChildProps(GdsElement)

package/components/context-menu/context-menu.trans.styles.js

@@ -1,7 +1,7 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import * as Listbox from "../../primitives/listbox/listbox.trans.styles";
+import * as Listbox from "../../primitives/listbox/listbox.trans.styles.js";
 import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles.js";
-import * as Popover from "../popover/popover.trans.styles";
+import * as Popover from "../popover/popover.trans.styles.js";
 import styles from "./context-menu.trans.styles.scss.js";
 function register() {
   TransitionalStyles.instance.register("gds-context-menu", styles.toString());

package/components/datepicker/datepicker.component.js

@@ -19,7 +19,7 @@ import { GdsButton } from "../../components/button/button.component.js";
 import { GdsDropdown } from "../../components/dropdown/dropdown.component.js";
 import { GdsFlex } from "../../components/flex/flex.component.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 {
@@ -39,7 +39,7 @@ import { IconChevronLeft } from "../icon/icons/chevron-left.component.js";
 import { IconChevronRight } from "../icon/icons/chevron-right.component.js";
 import { GdsPopover } from "../popover/popover.component.js";
 import { GdsDatePartSpinner } from "./date-part-spinner.js";
-import { styles } from "./datepicker.styles";
+import { styles } from "./datepicker.styles.js";
 let Datepicker = class extends GdsFormControlElement {
   constructor() {
     super();

package/components/datepicker/datepicker.trans.styles.js

@@ -1,9 +1,9 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles.js";
-import * as Calendar from "../calendar/calendar.trans.styles";
-import * as Dropdown from "../dropdown/dropdown.trans.styles";
-import * as Popover from "../popover/popover.trans.styles";
+import * as Calendar from "../calendar/calendar.trans.styles.js";
+import * as Dropdown from "../dropdown/dropdown.trans.styles.js";
+import * as Popover from "../popover/popover.trans.styles.js";
 import styles from "./datepicker.trans.styles.scss.js";
 function register() {
   const tokensAndStyles = styles.toString() + tokens.reduce((acc, token) => acc + token.cssText, "");

package/components/dialog/dialog.component.js

@@ -19,7 +19,7 @@ import { GdsButton } from "../button/button.component.js";
 import { GdsCard } from "../card/card.component.js";
 import { GdsFlex } from "../flex/flex.component.js";
 import { IconCrossLarge } from "../icon/icons/cross-large.component.js";
-import { styles } from "./dialog.styles";
+import { styles } from "./dialog.styles.js";
 import {
   lockBodyScrolling,
   registerGlobalScrollLockStyles,

package/components/div/div.component.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { property } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
   forColorTokens,
@@ -22,7 +22,7 @@ import {
   withSizeXProps,
   withSizeYProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
-import style from "./div.style";
+import style from "./div.style.js";
 let GdsDiv = class extends withSizeXProps(
   withSizeYProps(
     withMarginProps(

package/components/divider/divider.component.js

@@ -4,14 +4,14 @@ import {
 import { nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import { forColorTokens } from "../../utils/helpers/index.js";
 import {
   gdsCustomElement,
   html
 } from "../../utils/helpers/custom-element-scoping.js";
-import DividerCSS from "./divider.style";
+import DividerCSS from "./divider.style.js";
 let GdsDivider = class extends GdsElement {
   constructor() {
     super(...arguments);

package/components/dropdown/dropdown.component.js

@@ -17,14 +17,14 @@ import { GdsFormControlFooter } from "../../primitives/form-control-footer/form-
 import { GdsFormControlHeader } from "../../primitives/form-control-header/form-control-header.component.js";
 import { GdsListbox } from "../../primitives/listbox/listbox.component.js";
 import { gdsCustomElement, html } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { observeLightDOM } from "../../utils/decorators/observe-light-dom.js";
 import { watch } from "../../utils/decorators/watch.js";
 import { GdsFormControlElement } from "../form/form-control.js";
 import { IconCheckmark } from "../icon/icons/checkmark.component.js";
 import { IconChevronBottom } from "../icon/icons/chevron-bottom.component.js";
 import { GdsPopover } from "../popover/popover.component.js";
-import styles from "./dropdown.styles";
+import styles from "./dropdown.styles.js";
 export * from "../../primitives/listbox/option.component.js";
 let GdsDropdown = class extends GdsFormControlElement {
   constructor() {

package/components/dropdown/dropdown.trans.styles.js

@@ -1,8 +1,8 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import * as FieldBase from "../../primitives/field-base/field-base.trans.styles";
-import * as Listbox from "../../primitives/listbox/listbox.trans.styles";
-import * as Button from "../button/button.trans.styles";
-import * as Popover from "../popover/popover.trans.styles";
+import * as FieldBase from "../../primitives/field-base/field-base.trans.styles.js";
+import * as Listbox from "../../primitives/listbox/listbox.trans.styles.js";
+import * as Button from "../button/button.trans.styles.js";
+import * as Popover from "../popover/popover.trans.styles.js";
 function register() {
   Listbox.register();
   Popover.register();

package/components/fab/fab.component.js

@@ -4,7 +4,7 @@ import {
 import { gdsCustomElement } from "../../scoping.js";
 import { withPositioningProps } from "../../utils/mixins/declarative-layout-mixins.js";
 import { GdsButton } from "../button/index.js";
-import styles from "./fab.styles";
+import styles from "./fab.styles.js";
 let GdsFab = class extends withPositioningProps(GdsButton) {
   connectedCallback() {
     super.connectedCallback();

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

@@ -11,7 +11,7 @@ import {
 } from "../../../utils/helpers/custom-element-scoping.js";
 import { GdsButton } from "../../button/button.component.js";
 import { IconCheckmark } from "../../icon/icons/checkmark.component.js";
-import { styles } from "./filter-chip.styles";
+import { styles } from "./filter-chip.styles.js";
 let GdsFilterChip = class extends GdsElement {
   constructor() {
     super(...arguments);

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

@@ -1,6 +1,6 @@
 import "../../../chunks/chunk.QTSIPXV3.js";
 import { TransitionalStyles } from "../../../transitional-styles.js";
-import * as Button from "../../button/button.trans.styles";
+import * as Button from "../../button/button.trans.styles.js";
 import styles from "./filter-chip.trans.styles.scss.js";
 function register() {
   TransitionalStyles.instance.register("gds-filter-chip", styles.toString());

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

@@ -17,7 +17,7 @@ import {
 } from "../../utils/helpers/custom-element-scoping.js";
 import { GdsFormControlElement } from "../form/form-control.js";
 import { GdsFilterChip } from "./filter-chip/filter-chip.component.js";
-import { styles } from "./filter-chips.styles";
+import { styles } from "./filter-chips.styles.js";
 let GdsFilterChips = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);

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

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QTSIPXV3.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
-import * as FilterChip from "./filter-chip/filter-chip.trans.styles";
+import * as FilterChip from "./filter-chip/filter-chip.trans.styles.js";
 import styles from "./filter-chips.trans.styles.scss.js";
 function register() {
   TransitionalStyles.instance.register("gds-filter-chips", styles.toString());

package/components/flex/flex.component.js

@@ -1,13 +1,13 @@
 import {
   __decorateClass
 } from "../../chunks/chunk.QTSIPXV3.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import {
   gdsCustomElement,
   html
 } from "../../utils/helpers/custom-element-scoping.js";
 import { GdsDiv } from "../div/div.component.js";
-import style from "./flex.styles";
+import style from "./flex.styles.js";
 let GdsFlex = class extends GdsDiv {
   render() {
     return html`<slot></slot>`;

package/components/grid/grid.component.js

@@ -1,7 +1,7 @@
 import {
   __decorateClass
 } from "../../chunks/chunk.QTSIPXV3.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import { forSpaceTokens } from "../../utils/helpers/index.js";
 import {
@@ -9,7 +9,7 @@ import {
   html
 } from "../../utils/helpers/custom-element-scoping.js";
 import { GdsDiv } from "../div/div.component.js";
-import GridCSS from "./grid.style";
+import GridCSS from "./grid.style.js";
 let GdsGrid = class extends GdsDiv {
   render() {
     return html`<slot></slot>`;

package/components/icon/icon.component.js

@@ -5,7 +5,7 @@ import { html } from "lit";
 import { property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { GdsElement } from "../../gds-element.js";
-import IconCSS from "./icon.style";
+import IconCSS from "./icon.style.js";
 class GdsIcon extends GdsElement {
   constructor() {
     super(...arguments);

package/components/img/img.component.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { property } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
   gdsCustomElement,
@@ -14,7 +14,7 @@ import {
   withSizeXProps,
   withSizeYProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
-import IMGCSS from "./img.style";
+import IMGCSS from "./img.style.js";
 let GdsImg = class extends withPositioningProps(
   withSizeXProps(withSizeYProps(GdsElement))
 ) {

package/components/input/input.component.js

@@ -13,7 +13,7 @@ import { GdsFieldBase } from "../../primitives/field-base/field-base.component.j
 import { GdsFormControlFooter } from "../../primitives/form-control-footer/form-control-footer.component.js";
 import { GdsFormControlHeader } from "../../primitives/form-control-header/form-control-header.component.js";
 import { gdsCustomElement, html } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { forwardAttributes } from "../../utils/directives/index.js";
 import {
   withLayoutChildProps,
@@ -24,7 +24,7 @@ import { GdsButton } from "../button/button.component.js";
 import { GdsFlex } from "../flex/flex.component.js";
 import { GdsFormControlElement } from "../form/form-control.js";
 import { IconCrossLarge } from "../icon/icons/cross-large.component.js";
-import { styles } from "./input.styles";
+import { styles } from "./input.styles.js";
 let Input = class extends GdsFormControlElement {
   constructor() {
     super();

package/components/input/input.trans.styles.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import * as FieldBase from "../../primitives/field-base/field-base.trans.styles";
-import * as Button from "../button/button.trans.styles";
+import * as FieldBase from "../../primitives/field-base/field-base.trans.styles.js";
+import * as Button from "../button/button.trans.styles.js";
 function register() {
   Button.register();
   FieldBase.register();

package/components/link/link.component.js

@@ -10,14 +10,14 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { html as staticHtml } from "lit/static-html.js";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
   withLayoutChildProps,
   withMarginProps,
   withSizeXProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
-import style from "./link.styles";
+import style from "./link.styles.js";
 let GdsLink = class extends withMarginProps(
   withSizeXProps(withLayoutChildProps(GdsElement))
 ) {

package/components/mask/mask.component.js

@@ -2,11 +2,11 @@ import {
   __decorateClass
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { html } from "lit/static-html.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import { gdsCustomElement } from "../../utils/helpers/custom-element-scoping.js";
 import { GdsFlex } from "../flex/flex.component.js";
-import MaskCSS from "./mask.style";
+import MaskCSS from "./mask.style.js";
 let GdsMask = class extends GdsFlex {
   constructor() {
     super();

package/components/menu-button/menu-button.component.js

@@ -11,12 +11,12 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { literal, html as staticHtml } from "lit/static-html.js";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import {
   withLayoutChildProps,
   withSizeXProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
-import MenuButtonCSS from "./menu-button.styles";
+import MenuButtonCSS from "./menu-button.styles.js";
 let GdsMenuButton = class extends withSizeXProps(
   withLayoutChildProps(GdsElement)
 ) {

package/components/popover/popover.component.js

@@ -21,7 +21,7 @@ import { gdsCustomElement, html } from "../../scoping.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import { watch, watchMediaQuery } from "../../utils/decorators/index.js";
 import { IconCrossSmall } from "../icon/icons/cross-small.component.js";
-import styles from "./popover.styles";
+import styles from "./popover.styles.js";
 let GdsPopover = class extends GdsElement {
   constructor() {
     super(...arguments);

package/components/radio/radio-group/radio-group.component.js

@@ -10,7 +10,7 @@ import { classMap } from "lit/directives/class-map.js";
 import { GdsFormControlFooter } from "../../../primitives/form-control-footer/form-control-footer.component.js";
 import { GdsFormControlHeader } from "../../../primitives/form-control-header/form-control-header.component.js";
 import { gdsCustomElement, html } from "../../../scoping.js";
-import { tokens } from "../../../tokens.style";
+import { tokens } from "../../../tokens.style.js";
 import { watch } from "../../../utils/decorators/watch.js";
 import {
   withLayoutChildProps,
@@ -18,7 +18,7 @@ import {
   withSizeXProps
 } from "../../../utils/mixins/declarative-layout-mixins.js";
 import { GdsFormControlElement } from "../../form/form-control.js";
-import { styles } from "./radio-group.styles";
+import { styles } from "./radio-group.styles.js";
 let RadioGroup = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);

package/components/radio/radio.component.js

@@ -9,7 +9,7 @@ import { GdsElement } from "../../gds-element.js";
 import { GdsSelectionFieldLabel } from "../../primitives/selection-controls/selection-field-label.component.js";
 import { gdsCustomElement, html } from "../../scoping.js";
 import { watch } from "../../utils/decorators/watch.js";
-import { styles } from "./radio.styles";
+import { styles } from "./radio.styles.js";
 let GdsRadio = class extends GdsElement {
   constructor() {
     super();

package/components/rich-text/rich-text.component.js

@@ -4,14 +4,14 @@ import {
 import { property } 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 { observeLightDOM } from "../../utils/decorators/index.js";
 import {
   withLayoutChildProps,
   withMarginProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
-import { defaultStyles } from "../text/default-typography.styles";
-import { styles } from "./rich-text.styles";
+import { defaultStyles } from "../text/default-typography.styles.js";
+import { styles } from "./rich-text.styles.js";
 let GdsRichText = class extends withLayoutChildProps(
   withMarginProps(GdsElement)
 ) {

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

@@ -5,7 +5,7 @@ import { unsafeCSS } from "lit";
 import { property } from "lit/decorators.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 { withSizeXProps } from "../../../utils/mixins/declarative-layout-mixins.js";
 import style from "./segment.style.css.js";

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

@@ -11,7 +11,7 @@ import { unsafeCSS } from "lit";
 import { property, query, state } from "lit/decorators.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 { resizeObserver } from "../../utils/decorators/resize-observer.js";
 import { watch } from "../../utils/decorators/watch.js";

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

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QTSIPXV3.js";
 import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles.js";
-import * as Segment from "./segment/segment.trans.styles";
+import * as Segment from "./segment/segment.trans.styles.js";
 import styles from "./segmented-control.trans.styles.css.js";
 function register() {
   TransitionalStyles.instance.register(

package/components/select/select.component.js

@@ -12,7 +12,7 @@ import { classMap } from "lit/directives/class-map.js";
 import { GdsFieldBase } from "../../primitives/field-base/field-base.component.js";
 import { GdsFormControlFooter } from "../../primitives/form-control-footer/form-control-footer.component.js";
 import { GdsFormControlHeader } from "../../primitives/form-control-header/form-control-header.component.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { observeLightDOM } from "../../utils/decorators/observe-light-dom.js";
 import { watch } from "../../utils/decorators/watch.js";
 import {
@@ -26,7 +26,7 @@ import {
 } from "../../utils/mixins/declarative-layout-mixins.js";
 import { GdsFormControlElement } from "../form/form-control.js";
 import { IconChevronBottom } from "../icon/icons/chevron-bottom.component.js";
-import { styles } from "./select.styles";
+import { styles } from "./select.styles.js";
 let Select = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);

package/components/select/select.trans.styles.js

@@ -1,7 +1,7 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import * as FieldBase from "../../primitives/field-base/field-base.trans.styles";
+import * as FieldBase from "../../primitives/field-base/field-base.trans.styles.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
-import * as Button from "../button/button.trans.styles";
+import * as Button from "../button/button.trans.styles.js";
 import styles from "./select.trans.styles.scss.js";
 function register() {
   TransitionalStyles.instance.register("gds-select", styles.toString());

package/components/signal/signal.component.js

@@ -3,10 +3,10 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { html } from "lit/static-html.js";
 import { GdsElement } from "../../gds-element.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import { gdsCustomElement } from "../../utils/helpers/custom-element-scoping.js";
-import SignalCSS from "./signal.style";
+import SignalCSS from "./signal.style.js";
 let GdsSignal = class extends GdsElement {
   render() {
     return html`<div part="signal"></div>`;

package/components/spacer/spacer.component.js

@@ -2,7 +2,7 @@ import {
   __decorateClass
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { GdsElement } from "../../gds-element.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
   gdsCustomElement,

package/components/spinner/spinner.component.js

@@ -12,14 +12,14 @@ import { classMap } from "lit/directives/class-map.js";
 import { when } from "lit/directives/when.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 { watch } from "../../utils/decorators/watch.js";
 import {
   withLayoutChildProps,
   withMarginProps,
   withPositioningProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
-import { styles } from "./spinner.styles";
+import { styles } from "./spinner.styles.js";
 let GdsSpinner = class extends withMarginProps(
   withPositioningProps(withLayoutChildProps(GdsElement))
 ) {

package/components/text/text.component.js

@@ -3,12 +3,12 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { property } from "lit/decorators.js";
 import { html, unsafeStatic } from "lit/static-html.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import { gdsCustomElement } from "../../utils/helpers/custom-element-scoping.js";
 import { GdsDiv } from "../div/div.component.js";
-import { defaultStyles } from "./default-typography.styles";
-import textStyles from "./text.style";
+import { defaultStyles } from "./default-typography.styles.js";
+import textStyles from "./text.style.js";
 let GdsText = class extends GdsDiv {
   constructor() {
     super(...arguments);

package/components/textarea/textarea.component.js

@@ -13,7 +13,7 @@ import { GdsFieldBase } from "../../primitives/field-base/field-base.component.j
 import { GdsFormControlFooter } from "../../primitives/form-control-footer/form-control-footer.component.js";
 import { GdsFormControlHeader } from "../../primitives/form-control-header/form-control-header.component.js";
 import { gdsCustomElement, html } from "../../scoping.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { watch } from "../../utils/decorators/index.js";
 import { resizeObserver } from "../../utils/decorators/resize-observer.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
@@ -26,7 +26,7 @@ import {
 import { GdsButton } from "../button/button.component.js";
 import { GdsFormControlElement } from "../form/form-control.js";
 import { IconCrossLarge } from "../icon/icons/cross-large.component.js";
-import { styles } from "./textarea.styles";
+import { styles } from "./textarea.styles.js";
 let Textarea = class extends GdsFormControlElement {
   constructor() {
     super();

package/components/theme/theme.component.js

@@ -5,7 +5,7 @@ import { css, unsafeCSS } from "lit";
 import { property } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
 import { gdsCustomElement, html } from "../../scoping.js";
-import { colorsDark, colorsLight, tokens } from "../../tokens.style";
+import { colorsDark, colorsLight, tokens } from "../../tokens.style.js";
 import { TransitionalStyles } from "../../transitional-styles.js";
 import { watch } from "../../utils/decorators/index.js";
 let GdsTheme = class extends GdsElement {

package/components/video/video.component.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { property, query } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
-import { tokens } from "../../tokens.style";
+import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
   gdsCustomElement,
@@ -16,7 +16,7 @@ import {
   withSizeXProps,
   withSizeYProps
 } from "../../utils/mixins/declarative-layout-mixins.js";
-import VideoCSS from "./video.style";
+import VideoCSS from "./video.style.js";
 let GdsVideo = class extends withSizeXProps(
   withSizeYProps(
     withMarginProps(withLayoutChildProps(withPositioningProps(GdsElement)))

package/generated/react/index.d.ts

@@ -1,3 +1,7 @@
+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';
@@ -35,13 +39,7 @@ 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 './filter-chip/index.js';
-export * from './radio-group/index.js';
-export * from './segment/index.js';
 export * from './icons/icon-airplane-up/index.js';
 export * from './icons/icon-archive/index.js';
 export * from './icons/icon-arrow-box-left/index.js';
@@ -301,3 +299,5 @@ export * from './icons/icon-warning-sign/index.js';
 export * from './icons/icon-zap/index.js';
 export * from './icons/icon-zoom-in/index.js';
 export * from './icons/icon-zoom-out/index.js';
+export * from './radio-group/index.js';
+export * from './segment/index.js';

package/generated/react/index.js

@@ -1,3 +1,7 @@
+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";
@@ -35,13 +39,7 @@ 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 "./filter-chip/index.js";
-export * from "./radio-group/index.js";
-export * from "./segment/index.js";
 export * from "./icons/icon-airplane-up/index.js";
 export * from "./icons/icon-archive/index.js";
 export * from "./icons/icon-arrow-box-left/index.js";
@@ -301,3 +299,5 @@ export * from "./icons/icon-warning-sign/index.js";
 export * from "./icons/icon-zap/index.js";
 export * from "./icons/icon-zoom-in/index.js";
 export * from "./icons/icon-zoom-out/index.js";
+export * from "./radio-group/index.js";
+export * from "./segment/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "1.71.0",
+  "version": "1.71.1",
   "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 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";
 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 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";
 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 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";
 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 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";
 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 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";
 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 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";
 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 = "-80a7fb";
 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 = () => {