npm - @sebgroup/green-core - Versions diffs - 1.71.0 → 1.71.2 - Mend

@sebgroup/green-core 1.71.0 → 1.71.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (365) hide show

package/components/badge/badge.component.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 {