@sebgroup/green-core 1.70.1 → 1.71.1

package/components/datepicker/datepicker.component.js

@@ -15,31 +15,31 @@ import { repeat } from "lit/directives/repeat.js";
 import { until } from "lit/directives/until.js";
 import { when } from "lit/directives/when.js";
 import { isSameDay } from "date-fns";
-import { GdsButton } from "../../components/button/button.component";
-import { GdsDropdown } from "../../components/dropdown/dropdown.component";
-import { GdsFlex } from "../../components/flex/flex.component";
-import { gdsCustomElement, html } from "../../scoping";
-import { tokens } from "../../tokens.style";
-import { TransitionalStyles } from "../../transitional-styles";
-import { watch } from "../../utils/decorators";
+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.js";
+import { TransitionalStyles } from "../../transitional-styles.js";
+import { watch } from "../../utils/decorators/index.js";
 import {
   dateArrayConverter,
   dateConverter
-} from "../../utils/helpers/attribute-converters";
+} from "../../utils/helpers/attribute-converters.js";
 import {
   withLayoutChildProps,
   withMarginProps,
   withSizeXProps
-} from "../../utils/mixins/declarative-layout-mixins";
-import { GdsCalendar } from "../calendar/calendar.component";
-import { GdsFormControlElement } from "../form/form-control";
-import { IconCalendar } from "../icon/icons/calendar.component";
-import { IconCalenderAdd } from "../icon/icons/calender-add.component";
-import { IconChevronLeft } from "../icon/icons/chevron-left.component";
-import { IconChevronRight } from "../icon/icons/chevron-right.component";
-import { GdsPopover } from "../popover/popover.component";
-import { GdsDatePartSpinner } from "./date-part-spinner";
-import { styles } from "./datepicker.styles";
+} from "../../utils/mixins/declarative-layout-mixins.js";
+import { GdsCalendar } from "../calendar/calendar.component.js";
+import { GdsFormControlElement } from "../form/form-control.js";
+import { IconCalendar } from "../icon/icons/calendar.component.js";
+import { IconCalenderAdd } from "../icon/icons/calender-add.component.js";
+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.js";
 let Datepicker = class extends GdsFormControlElement {
   constructor() {
     super();

package/components/datepicker/datepicker.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsDatepicker } from "./datepicker.component";
+import { GdsDatepicker } from "./datepicker.component.js";
 GdsDatepicker.define();
 export {
   GdsDatepicker

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

@@ -1,9 +1,9 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { tokens } from "../../tokens.style";
-import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles";
-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 { tokens } from "../../tokens.style.js";
+import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles.js";
+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/datepicker/datepicker.trans.styles.scss.js

@@ -1,4 +1,2 @@
-
-            const styles = "/* stylelint-disable max-nesting-depth */\n/* stylelint-enable max-nesting-depth */\n/**\n * Calculate the luminance for a color.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/**\n * Calculate the contrast ratio between two colors.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/**\n* @deprecated\n* Use `add-focus` instead\n*/\n/** add background color, color and border-color to element when it has focus-visible i.e. tab focus */\n@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    contain: layout;\n    isolation: isolate;\n    gap: var(--gds-space-xs);\n  }\n  [role=spinbutton] {\n    display: inline-block;\n  }\n  [role=spinbutton]:focus {\n    background: color-mix(in srgb, var(--gds-sys-color-blue) 50%, transparent);\n    outline: none;\n  }\n  [role=spinbutton]::-moz-selection {\n    background: transparent;\n  }\n  [role=spinbutton]::selection {\n    background: transparent;\n  }\n}";
-            export default styles;
-          
+const styles = "/* stylelint-disable max-nesting-depth */\n/* stylelint-enable max-nesting-depth */\n/**\n * Calculate the luminance for a color.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/**\n * Calculate the contrast ratio between two colors.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/**\n* @deprecated\n* Use `add-focus` instead\n*/\n/** add background color, color and border-color to element when it has focus-visible i.e. tab focus */\n@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    contain: layout;\n    isolation: isolate;\n    gap: var(--gds-space-xs);\n  }\n  [role=spinbutton] {\n    display: inline-block;\n  }\n  [role=spinbutton]:focus {\n    background: color-mix(in srgb, var(--gds-sys-color-blue) 50%, transparent);\n    outline: none;\n  }\n  [role=spinbutton]::-moz-selection {\n    background: transparent;\n  }\n  [role=spinbutton]::selection {\n    background: transparent;\n  }\n}";
+export default styles;

package/components/datepicker/index.js

@@ -1 +1 @@
-export * from "./datepicker";
+export * from "./datepicker.js";

package/components/dialog/dialog.component.js

@@ -9,22 +9,22 @@ var _returnValue, _handleNativeClose, _dispatchCloseEvent, _dispatchShowEvent, _
 import { localized, msg } from "@lit/localize";
 import { property, query } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
-import { GdsElement } from "../../gds-element";
-import { watch } from "../../utils/decorators/watch";
+import { GdsElement } from "../../gds-element.js";
+import { watch } from "../../utils/decorators/watch.js";
 import {
   gdsCustomElement,
   html
-} from "../../utils/helpers/custom-element-scoping";
-import { GdsButton } from "../button/button.component";
-import { GdsCard } from "../card/card.component";
-import { GdsFlex } from "../flex/flex.component";
-import { IconCrossLarge } from "../icon/icons/cross-large.component";
-import { styles } from "./dialog.styles";
+} from "../../utils/helpers/custom-element-scoping.js";
+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.js";
 import {
   lockBodyScrolling,
   registerGlobalScrollLockStyles,
   unlockBodyScrolling
-} from "./scroll-lock";
+} from "./scroll-lock.js";
 registerGlobalScrollLockStyles();
 let GdsDialog = class extends GdsElement {
   constructor() {

package/components/dialog/dialog.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsDialog } from "./dialog.component";
+import { GdsDialog } from "./dialog.component.js";
 GdsDialog.define();
 export {
   GdsDialog

package/components/dialog/index.js

@@ -1 +1 @@
-export * from "./dialog";
+export * from "./dialog.js";

package/components/dialog/scroll-lock.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QTSIPXV3.js";
 import { css } from "lit";
-import { GlobalStylesRegistry } from "../../utils/global-styles";
+import { GlobalStylesRegistry } from "../../utils/global-styles.js";
 const locks = /* @__PURE__ */ new Set();
 function registerGlobalScrollLockStyles() {
   GlobalStylesRegistry.instance.injectGlobalStyles(

package/components/div/div.component.d.ts

@@ -128,6 +128,11 @@ export declare class GdsDiv extends GdsDiv_base {
      * Supports all valid CSS `overflow-wrap` values.
      */
     'overflow-wrap'?: string;
+    /**
+     * Style Expression Property that controls the `white-space` property.
+     * Supports all valid CSS `white-space` values.
+     */
+    'white-space'?: string;
     /**
      * Style Expression Property that controls the `gap` property.
      * Only accepts space tokens.

package/components/div/div.component.js

@@ -2,18 +2,18 @@ import {
   __decorateClass
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { property } from "lit/decorators.js";
-import { GdsElement } from "../../gds-element";
-import { tokens } from "../../tokens.style";
-import { styleExpressionProperty } from "../../utils/decorators/style-expression-property";
+import { GdsElement } from "../../gds-element.js";
+import { tokens } from "../../tokens.style.js";
+import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import {
   forColorTokens,
   forSpaceTokens,
   parseColorValue
-} from "../../utils/helpers";
+} from "../../utils/helpers/index.js";
 import {
   gdsCustomElement,
   html
-} from "../../utils/helpers/custom-element-scoping";
+} from "../../utils/helpers/custom-element-scoping.js";
 import {
   withLayoutChildProps,
   withMarginProps,
@@ -21,8 +21,8 @@ import {
   withPositioningProps,
   withSizeXProps,
   withSizeYProps
-} from "../../utils/mixins/declarative-layout-mixins";
-import style from "./div.style";
+} from "../../utils/mixins/declarative-layout-mixins.js";
+import style from "./div.style.js";
 let GdsDiv = class extends withSizeXProps(
   withSizeYProps(
     withMarginProps(
@@ -119,6 +119,9 @@ __decorateClass([
 __decorateClass([
   styleExpressionProperty()
 ], GdsDiv.prototype, "overflow-wrap", 2);
+__decorateClass([
+  styleExpressionProperty()
+], GdsDiv.prototype, "white-space", 2);
 __decorateClass([
   styleExpressionProperty({
     ...forSpaceTokens,

package/components/div/div.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsDiv } from "./div.component";
+import { GdsDiv } from "./div.component.js";
 GdsDiv.define();
 export {
   GdsDiv

package/components/div/index.js

@@ -1 +1 @@
-export * from "./div";
+export * from "./div.js";

package/components/divider/divider.component.js

@@ -3,15 +3,15 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { nothing } from "lit";
 import { property } from "lit/decorators.js";
-import { GdsElement } from "../../gds-element";
-import { tokens } from "../../tokens.style";
-import { styleExpressionProperty } from "../../utils/decorators/style-expression-property";
-import { forColorTokens } from "../../utils/helpers";
+import { GdsElement } from "../../gds-element.js";
+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";
-import DividerCSS from "./divider.style";
+} from "../../utils/helpers/custom-element-scoping.js";
+import DividerCSS from "./divider.style.js";
 let GdsDivider = class extends GdsElement {
   constructor() {
     super(...arguments);

package/components/divider/divider.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsDivider } from "./divider.component";
+import { GdsDivider } from "./divider.component.js";
 GdsDivider.define();
 export {
   GdsDivider

package/components/divider/index.js

@@ -1 +1 @@
-export * from "./divider";
+export * from "./divider.js";

package/components/dropdown/dropdown.component.js

@@ -12,20 +12,20 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 import { flip, offset } from "@floating-ui/dom";
-import { GdsFieldBase } from "../../primitives/field-base/field-base.component";
-import { GdsFormControlFooter } from "../../primitives/form-control-footer/form-control-footer.component";
-import { GdsFormControlHeader } from "../../primitives/form-control-header/form-control-header.component";
-import { GdsListbox } from "../../primitives/listbox/listbox.component";
-import { gdsCustomElement, html } from "../../scoping";
-import { tokens } from "../../tokens.style";
-import { observeLightDOM } from "../../utils/decorators/observe-light-dom";
-import { watch } from "../../utils/decorators/watch";
-import { GdsFormControlElement } from "../form/form-control";
-import { IconCheckmark } from "../icon/icons/checkmark.component";
-import { IconChevronBottom } from "../icon/icons/chevron-bottom.component";
-import { GdsPopover } from "../popover/popover.component";
-import styles from "./dropdown.styles";
-export * from "../../primitives/listbox/option.component";
+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 { GdsListbox } from "../../primitives/listbox/listbox.component.js";
+import { gdsCustomElement, html } from "../../scoping.js";
+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.js";
+export * from "../../primitives/listbox/option.component.js";
 let GdsDropdown = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);

package/components/dropdown/dropdown.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsDropdown } from "./dropdown.component";
+import { GdsDropdown } from "./dropdown.component.js";
 GdsDropdown.define();
 export {
   GdsDropdown

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/dropdown/index.js

@@ -1,3 +1,3 @@
-export * from "./dropdown";
-export * from "../../primitives/listbox/option";
-export * from "../../primitives/menu/menu-heading";
+export * from "./dropdown.js";
+export * from "../../primitives/listbox/option.js";
+export * from "../../primitives/menu/menu-heading.js";

package/components/fab/fab.component.js

@@ -1,10 +1,10 @@
 import {
   __decorateClass
 } from "../../chunks/chunk.QTSIPXV3.js";
-import { gdsCustomElement } from "../../scoping";
-import { withPositioningProps } from "../../utils/mixins/declarative-layout-mixins";
-import { GdsButton } from "../button";
-import styles from "./fab.styles";
+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.js";
 let GdsFab = class extends withPositioningProps(GdsButton) {
   connectedCallback() {
     super.connectedCallback();

package/components/fab/fab.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsFab } from "./fab.component";
+import { GdsFab } from "./fab.component.js";
 GdsFab.define();
 export {
   GdsFab

package/components/fab/index.js

@@ -1 +1 @@
-export * from "./fab";
+export * from "./fab.js";

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

@@ -3,15 +3,15 @@ import {
 } from "../../../chunks/chunk.QTSIPXV3.js";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-import { GdsElement } from "../../../gds-element";
-import { TransitionalStyles } from "../../../transitional-styles";
+import { GdsElement } from "../../../gds-element.js";
+import { TransitionalStyles } from "../../../transitional-styles.js";
 import {
   gdsCustomElement,
   html
-} from "../../../utils/helpers/custom-element-scoping";
-import { GdsButton } from "../../button/button.component";
-import { IconCheckmark } from "../../icon/icons/checkmark.component";
-import { styles } from "./filter-chip.styles";
+} 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.js";
 let GdsFilterChip = class extends GdsElement {
   constructor() {
     super(...arguments);

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

@@ -1,5 +1,5 @@
 import "../../../chunks/chunk.QTSIPXV3.js";
-import { GdsFilterChip } from "./filter-chip.component";
+import { GdsFilterChip } from "./filter-chip.component.js";
 GdsFilterChip.define();
 export {
   GdsFilterChip

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";
-import * as Button from "../../button/button.trans.styles";
+import { TransitionalStyles } from "../../../transitional-styles.js";
+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-chip/filter-chip.trans.styles.scss.js

@@ -1,4 +1,2 @@
-
-            const styles = "@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  @layer _base, _overrides;\n  @layer _base {\n    .btn-p {\n      padding: 0 0.75rem;\n    }\n    .icon {\n      width: 1rem;\n    }\n  }\n}";
-            export default styles;
-          
+const styles = "@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  @layer _base, _overrides;\n  @layer _base {\n    .btn-p {\n      padding: 0 0.75rem;\n    }\n    .icon {\n      width: 1rem;\n    }\n  }\n}";
+export default styles;

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

@@ -1 +1 @@
-export * from "./filter-chip";
+export * from "./filter-chip.js";

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

@@ -8,16 +8,16 @@ import {
 var _handleChipClick, _collapseThreshold, _collapsedAt, _getChipHeight, getChipHeight_fn, _handleSlotChange, handleSlotChange_fn;
 import { property, query, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-import { resizeObserver } from "../../utils/decorators/resize-observer";
-import { watch } from "../../utils/decorators/watch";
-import { stringArrayConverter } from "../../utils/helpers/attribute-converters";
+import { resizeObserver } from "../../utils/decorators/resize-observer.js";
+import { watch } from "../../utils/decorators/watch.js";
+import { stringArrayConverter } from "../../utils/helpers/attribute-converters.js";
 import {
   gdsCustomElement,
   html
-} from "../../utils/helpers/custom-element-scoping";
-import { GdsFormControlElement } from "../form/form-control";
-import { GdsFilterChip } from "./filter-chip/filter-chip.component";
-import { styles } from "./filter-chips.styles";
+} 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.js";
 let GdsFilterChips = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);

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

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsFilterChips } from "./filter-chips.component";
+import { GdsFilterChips } from "./filter-chips.component.js";
 GdsFilterChips.define();
 export {
   GdsFilterChips

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

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { TransitionalStyles } from "../../transitional-styles";
-import * as FilterChip from "./filter-chip/filter-chip.trans.styles";
+import { TransitionalStyles } from "../../transitional-styles.js";
+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/filter-chips/filter-chips.trans.styles.scss.js

@@ -1,4 +1,2 @@
-
-            const styles = "@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  @layer _base, _overrides;\n  @layer _base {}\n  @layer _overrides {}\n}";
-            export default styles;
-          
+const styles = "@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  @layer _base, _overrides;\n  @layer _base {}\n  @layer _overrides {}\n}";
+export default styles;

package/components/filter-chips/index.js

@@ -1,2 +1,2 @@
-export * from "./filter-chips";
-export * from "./filter-chip";
+export * from "./filter-chips.js";
+export * from "./filter-chip/index.js";

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";
-import { GdsDiv } from "../div/div.component";
-import style from "./flex.styles";
+} from "../../utils/helpers/custom-element-scoping.js";
+import { GdsDiv } from "../div/div.component.js";
+import style from "./flex.styles.js";
 let GdsFlex = class extends GdsDiv {
   render() {
     return html`<slot></slot>`;

package/components/flex/flex.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsFlex } from "./flex.component";
+import { GdsFlex } from "./flex.component.js";
 GdsFlex.define();
 export {
   GdsFlex

package/components/flex/index.js

@@ -1 +1 @@
-export * from "./flex";
+export * from "./flex.js";

package/components/form/form-control.js

@@ -7,8 +7,8 @@ import {
 var _internals;
 import { msg } from "@lit/localize";
 import { property } from "lit/decorators.js";
-import { GdsElement } from "../../gds-element";
-import { watch } from "../../utils/decorators";
+import { GdsElement } from "../../gds-element.js";
+import { watch } from "../../utils/decorators/index.js";
 class GdsFormControlElement extends GdsElement {
   constructor() {
     super();

package/components/form/index.js

@@ -1 +1 @@
-export * from "./summary";
+export * from "./summary/index.js";

package/components/form/summary/index.js

@@ -1 +1 @@
-export * from "./summary";
+export * from "./summary.js";

package/components/form/summary/summary.component.js

@@ -4,11 +4,11 @@ import {
 import { msg, str } from "@lit/localize";
 import { css } from "lit";
 import { when } from "lit/directives/when.js";
-import { GdsElement } from "../../../gds-element";
-import { gdsCustomElement, html } from "../../../scoping";
-import { GdsCard } from "../../card/card.component";
-import { GdsFlex } from "../../flex/flex.component";
-import { GdsText } from "../../text/text.component";
+import { GdsElement } from "../../../gds-element.js";
+import { gdsCustomElement, html } from "../../../scoping.js";
+import { GdsCard } from "../../card/card.component.js";
+import { GdsFlex } from "../../flex/flex.component.js";
+import { GdsText } from "../../text/text.component.js";
 let GdsFormSummary = class extends GdsElement {
   connectedCallback() {
     super.connectedCallback();

package/components/form/summary/summary.js

@@ -1,5 +1,5 @@
 import "../../../chunks/chunk.QTSIPXV3.js";
-import { GdsFormSummary } from "./summary.component";
+import { GdsFormSummary } from "./summary.component.js";
 GdsFormSummary.define();
 export {
   GdsFormSummary

package/components/grid/grid.component.js

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

package/components/grid/grid.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsGrid } from "./grid.component";
+import { GdsGrid } from "./grid.component.js";
 GdsGrid.define();
 export {
   GdsGrid

package/components/grid/index.js

@@ -1 +1 @@
-export * from "./grid";
+export * from "./grid.js";

package/components/grouped-list/grouped-list.component.js

@@ -3,13 +3,13 @@ import {
 } from "../../chunks/chunk.QTSIPXV3.js";
 import { property } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
-import { GdsElement } from "../../gds-element";
-import { TransitionalStyles } from "../../transitional-styles";
+import { GdsElement } from "../../gds-element.js";
+import { TransitionalStyles } from "../../transitional-styles.js";
 import {
   gdsCustomElement,
   html
-} from "../../utils/helpers/custom-element-scoping";
-import { GdsListItem } from "./list-item.component";
+} from "../../utils/helpers/custom-element-scoping.js";
+import { GdsListItem } from "./list-item.component.js";
 let GdsGroupedList = class extends GdsElement {
   constructor() {
     super(...arguments);

package/components/grouped-list/grouped-list.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { GdsGroupedList } from "./grouped-list.component";
+import { GdsGroupedList } from "./grouped-list.component.js";
 GdsGroupedList.define();
 export {
   GdsGroupedList

package/components/grouped-list/grouped-list.trans.styles.js

@@ -1,5 +1,5 @@
 import "../../chunks/chunk.QTSIPXV3.js";
-import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles";
+import { TransitionalStyles } from "../../utils/transitional-styles/transitional-styles.js";
 import styles from "./grouped-list.trans.styles.scss.js";
 function register() {
   TransitionalStyles.instance.register("gds-grouped-list", styles.toString());