@sebgroup/green-core 1.90.2 → 2.0.0

package/components/dropdown/dropdown.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.QTSIPXV3.js";
-var _optionElements, _shouldShowFooter, shouldShowFooter_fn, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, _handleSelectionChange, handleSelectionChange_fn, _dispatchInputEvent, _dispatchChangeEvent, _registerAutoCloseListener, registerAutoCloseListener_fn, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _optionElements, _GdsDropdown_instances, shouldShowFooter_fn, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, handleSelectionChange_fn, _dispatchInputEvent, _dispatchChangeEvent, registerAutoCloseListener_fn, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
 import { localized, msg, str } from "@lit/localize";
 import { property, query, queryAsync } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
@@ -25,20 +25,12 @@ 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";
+import DropdownStyles from "./dropdown.styles.js";
 export * from "../../primitives/listbox/option.component.js";
 let GdsDropdown = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _shouldShowFooter);
-    /**
-     * Selects an option in the dropdown.
-     *
-     * @fires change
-     */
-    __privateAdd(this, _handleSelectionChange);
-    __privateAdd(this, _registerAutoCloseListener);
-    __privateAdd(this, _unregisterAutoCloseListener);
+    __privateAdd(this, _GdsDropdown_instances);
     this.supportingText = "";
     this.open = false;
     this.searchable = false;
@@ -53,7 +45,7 @@ let GdsDropdown = class extends GdsFormControlElement {
     this.plain = false;
     this.disableMobileStyles = false;
     this.showExtendedSupportingText = false;
-    __privateAdd(this, _optionElements, void 0);
+    __privateAdd(this, _optionElements);
     __privateAdd(this, _renderCombobox, () => {
       return html`
       <input
@@ -124,8 +116,7 @@ let GdsDropdown = class extends GdsFormControlElement {
         const bottomSpace = windowHeight - triggerRect.bottom;
         const topSpace = triggerRect.top;
         let height2 = Math.min(topSpace, this.maxHeight);
-        if (bottomSpace > topSpace)
-          height2 = Math.min(bottomSpace, this.maxHeight);
+        if (bottomSpace > topSpace) height2 = Math.min(bottomSpace, this.maxHeight);
         return `${height2 - 16}px`;
       }
       const height = Math.min(window.innerHeight, this.maxHeight);
@@ -147,18 +138,15 @@ let GdsDropdown = class extends GdsFormControlElement {
      * @param e The input event.
      */
     __privateAdd(this, _handleSearchFieldInput, (e) => {
-      if (!e.currentTarget)
-        return;
+      if (!e.currentTarget) return;
       e.stopPropagation();
       const wasCancelled = !this.dispatchCustomEvent("gds-filter-input", {
         detail: { value: e.currentTarget.value }
       });
-      if (wasCancelled)
-        return;
+      if (wasCancelled) return;
       const input = e.currentTarget;
       this.options.forEach((o) => o.hidden = false);
-      if (!input.value)
-        return;
+      if (!input.value) return;
       const filteredOptions = this.options.filter(
         (o) => !this.searchFilter(input.value, o)
       );
@@ -233,8 +221,7 @@ let GdsDropdown = class extends GdsFormControlElement {
    * Get the options of the dropdown.
    */
   get options() {
-    if (!__privateGet(this, _optionElements))
-      return [];
+    if (!__privateGet(this, _optionElements)) return [];
     return Array.from(__privateGet(this, _optionElements)).filter(
       (o) => !o.hasAttribute("isplaceholder")
     );
@@ -244,8 +231,7 @@ let GdsDropdown = class extends GdsFormControlElement {
    * If no placeholder is found, this will be undefined.
    */
   get placeholder() {
-    if (!__privateGet(this, _optionElements))
-      return;
+    if (!__privateGet(this, _optionElements)) return;
     return Array.from(__privateGet(this, _optionElements)).find(
       (o) => o.hasAttribute("isplaceholder")
     );
@@ -352,7 +338,7 @@ let GdsDropdown = class extends GdsFormControlElement {
           id="listbox"
           .multiple="${ifDefined(this.multiple)}"
           .compareWith="${this.compareWith}"
-          @change="${__privateMethod(this, _handleSelectionChange, handleSelectionChange_fn)}"
+          @change="${__privateMethod(this, _GdsDropdown_instances, handleSelectionChange_fn)}"
           @gds-focus="${__privateGet(this, _handleOptionFocusChange)}"
           @keydown=${__privateGet(this, _handleListboxKeyDown)}
         >
@@ -361,7 +347,7 @@ let GdsDropdown = class extends GdsFormControlElement {
       </gds-popover>
 
       ${when(
-      __privateMethod(this, _shouldShowFooter, shouldShowFooter_fn).call(this),
+      __privateMethod(this, _GdsDropdown_instances, shouldShowFooter_fn).call(this),
       () => html`
           <gds-form-control-footer
             class="size-${this.size}"
@@ -390,10 +376,8 @@ let GdsDropdown = class extends GdsFormControlElement {
       return;
     }
     if (this.value === void 0) {
-      if (this.placeholder)
-        this.value = this.placeholder.value;
-      else
-        this.value = this.options[0]?.value;
+      if (this.placeholder) this.value = this.placeholder.value;
+      else this.value = this.options[0]?.value;
     } else if (!this.combobox && !this.placeholder && this.options.find(
       (o) => this.compareWith(o.value, this.value)
     ) === void 0) {
@@ -404,20 +388,17 @@ let GdsDropdown = class extends GdsFormControlElement {
   _handleValueChange() {
     this._elListbox.then((listbox) => {
       if (listbox) {
-        if (Array.isArray(this.value))
-          listbox.selection = this.value;
-        else
-          listbox.selection = [this.value];
+        if (Array.isArray(this.value)) listbox.selection = this.value;
+        else listbox.selection = [this.value];
       }
     });
   }
   _handleOpenChange() {
     const open = this.open;
     this.options.forEach((o) => o.hidden = !open);
-    if (open)
-      __privateMethod(this, _registerAutoCloseListener, registerAutoCloseListener_fn).call(this);
+    if (open) __privateMethod(this, _GdsDropdown_instances, registerAutoCloseListener_fn).call(this);
     else {
-      __privateMethod(this, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn).call(this);
+      __privateMethod(this, _GdsDropdown_instances, unregisterAutoCloseListener_fn).call(this);
       this._elSearchInput && (this._elSearchInput.value = "");
     }
     const selectedOption = this.options.find((option) => option.selected);
@@ -430,7 +411,7 @@ let GdsDropdown = class extends GdsFormControlElement {
   }
 };
 _optionElements = new WeakMap();
-_shouldShowFooter = new WeakSet();
+_GdsDropdown_instances = new WeakSet();
 shouldShowFooter_fn = function() {
   return !this.plain;
 };
@@ -443,11 +424,14 @@ _handleSearchFieldInput = new WeakMap();
 _handleSearchFieldKeyDown = new WeakMap();
 _handleListboxKeyDown = new WeakMap();
 _handleOptionFocusChange = new WeakMap();
-_handleSelectionChange = new WeakSet();
+/**
+ * Selects an option in the dropdown.
+ *
+ * @fires change
+ */
 handleSelectionChange_fn = function() {
   this._elListbox.then((listbox) => {
-    if (this.multiple)
-      this.value = listbox.selection.map((s) => s.value);
+    if (this.multiple) this.value = listbox.selection.map((s) => s.value);
     else {
       this.value = listbox.selection[0]?.value;
       if (__privateGet(this, _dispatchUISateEvent).call(this, false, "close")) {
@@ -461,13 +445,11 @@ handleSelectionChange_fn = function() {
 };
 _dispatchInputEvent = new WeakMap();
 _dispatchChangeEvent = new WeakMap();
-_registerAutoCloseListener = new WeakSet();
 registerAutoCloseListener_fn = function() {
   this.addEventListener("blur", __privateGet(this, _blurCloseListener));
   this.addEventListener("gds-blur", __privateGet(this, _blurCloseListener));
   this.addEventListener("keydown", __privateGet(this, _tabCloseListener));
 };
-_unregisterAutoCloseListener = new WeakSet();
 unregisterAutoCloseListener_fn = function() {
   this.removeEventListener("blur", __privateGet(this, _blurCloseListener));
   this.removeEventListener("gds-blur", __privateGet(this, _blurCloseListener));
@@ -475,7 +457,7 @@ unregisterAutoCloseListener_fn = function() {
 };
 _blurCloseListener = new WeakMap();
 _tabCloseListener = new WeakMap();
-GdsDropdown.styles = [tokens, formControlHostStyle, styles];
+GdsDropdown.styles = [tokens, formControlHostStyle, DropdownStyles];
 __decorateClass([
   property({ attribute: "supporting-text" })
 ], GdsDropdown.prototype, "supportingText", 2);

package/components/dropdown/dropdown.js

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

package/components/dropdown/dropdown.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.QTSIPXV3.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   @layer base, reset;
@@ -40,8 +40,8 @@ const style = css`
       line-height: inherit;
       border: none;
       outline: none;
-      color: var(--gds-sys-color-l3-content-disabled);
-      border-color: var(--gds-sys-color-l3-border-tertiary);
+      color: var(--gds-sys-color-content-disabled-01);
+      border-color: var(--gds-sys-color-border-interactive);
       border-width: 0 0 var(--gds-sys-space-4xs) 0;
       border-style: solid;
       width: 100%;
@@ -52,14 +52,14 @@ const style = css`
       font-family: inherit;
 
       &:focus {
-        border-color: var(--gds-sys-color-l3-border-secondary);
-        color: var(--gds-sys-color-l3-content-tertiary);
+        border-color: var(--gds-sys-color-border-interactive);
+        color: var(--gds-sys-color-content-neutral-01);
       }
 
       &::placeholder {
         font-family: inherit;
         font-weight: var(--gds-sys-text-weight-book);
-        color: var(--gds-sys-color-l3-content-disabled);
+        color: var(--gds-sys-color-content-disabled-01);
       }
     }
 

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

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.QTSIPXV3.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 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";

package/components/fab/fab.component.js

@@ -1,14 +1,14 @@
 import {
   __decorateClass
-} from "../../chunks/chunk.QTSIPXV3.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 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";
+import FABStyles from "./fab.styles.js";
 let GdsFab = class extends withPositioningProps(GdsButton) {
   connectedCallback() {
     super.connectedCallback();
-    this._dynamicStylesController.inject("FAB_styles", styles);
+    this._dynamicStylesController.inject("FAB_styles", FABStyles);
   }
 };
 GdsFab = __decorateClass([

package/components/fab/fab.js

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

package/components/fab/fab.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.QTSIPXV3.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   :host {
@@ -8,7 +8,7 @@ const style = css`
     inset: auto var(--gds-sys-space-3xl) var(--gds-sys-space-3xl) auto;
   }
   .button {
-    box-shadow: var(--gds-shadow-m);
+    box-shadow: var(--gds-sys-shadow-m-01), var(--gds-sys-shadow-m-02);
     block-size: calc(var(--_block-size) + var(--gds-sys-space-xs));
     width: max-content;
   }

package/components/filter-chips/filter-chip/filter-chip.component.d.ts

@@ -15,6 +15,11 @@ export declare class GdsFilterChip<ValueT = any> extends GdsElement {
      * The value of the chip
      */
     value?: ValueT;
+    /**
+     * The size of the chip
+     * @default 'large'
+     */
+    size: 'small' | 'large';
     connectedCallback(): void;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 import {
   __decorateClass
-} from "../../../chunks/chunk.QTSIPXV3.js";
+} from "../../../chunks/chunk.QU3DSPNU.js";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { GdsElement } from "../../../gds-element.js";
@@ -16,6 +16,7 @@ let GdsFilterChip = class extends GdsElement {
   constructor() {
     super(...arguments);
     this.selected = false;
+    this.size = "large";
   }
   connectedCallback() {
     super.connectedCallback();
@@ -28,7 +29,7 @@ let GdsFilterChip = class extends GdsElement {
     };
     return html`<gds-button
       class="btn"
-      size="small"
+      .size=${this.size === "large" ? "medium" : "small"}
       .rank=${this.selected ? "primary" : "secondary"}
       variant=${this._isUsingTransitionalStyles ? "ghost" : "default"}
       gds-role="option"
@@ -38,8 +39,7 @@ let GdsFilterChip = class extends GdsElement {
       <gds-icon-checkmark
         slot="trail"
         style="display: ${this.selected ? "contents" : "none"}"
-        width="16"
-        height="16"
+        size="1rem"
         class="icon"
       ></gds-icon-checkmark>
     </gds-button>`;
@@ -52,6 +52,9 @@ __decorateClass([
 __decorateClass([
   property()
 ], GdsFilterChip.prototype, "value", 2);
+__decorateClass([
+  property({ reflect: true, type: String })
+], GdsFilterChip.prototype, "size", 2);
 GdsFilterChip = __decorateClass([
   gdsCustomElement("gds-filter-chip", {
     dependsOn: [GdsButton, IconCheckmark]

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

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

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

@@ -1,11 +1,8 @@
-import "../../../chunks/chunk.QTSIPXV3.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const styles = css`
   @layer base, reset, transitional-styles;
   @layer base {
-    .btn-p {
-      padding: 0 0.75rem;
-    }
     .icon {
       width: 1rem;
     }

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

@@ -1,4 +1,4 @@
-import "../../../chunks/chunk.QTSIPXV3.js";
+import "../../../chunks/chunk.QU3DSPNU.js";
 import { TransitionalStyles } from "../../../transitional-styles.js";
 import * as Button from "../../button/button.trans.styles.js";
 import styles from "./filter-chip.trans.styles.scss.js";

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

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.QTSIPXV3.js";
-var _handleChipClick, _collapseThreshold, _collapsedAt, _getChipHeight, getChipHeight_fn, _handleSlotChange, handleSlotChange_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _handleChipClick, _collapseThreshold, _collapsedAt, _GdsFilterChips_instances, getChipHeight_fn, 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.js";
@@ -17,12 +17,11 @@ 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.js";
+import FilterChipsStyles from "./filter-chips.styles.js";
 let GdsFilterChips = class extends GdsFormControlElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _getChipHeight);
-    __privateAdd(this, _handleSlotChange);
+    __privateAdd(this, _GdsFilterChips_instances);
     this.multiple = false;
     this.label = "";
     this.rowCollapse = false;
@@ -78,7 +77,7 @@ let GdsFilterChips = class extends GdsFormControlElement {
     >
       <slot
         @click=${__privateGet(this, _handleChipClick)}
-        @slotchange=${__privateMethod(this, _handleSlotChange, handleSlotChange_fn)}
+        @slotchange=${__privateMethod(this, _GdsFilterChips_instances, handleSlotChange_fn)}
         role="none"
       ></slot>
     </div>`;
@@ -90,9 +89,8 @@ let GdsFilterChips = class extends GdsFormControlElement {
     return this.shadowRoot?.querySelector("div");
   }
   _handleResize() {
-    if (!this.rowCollapse)
-      return;
-    const chipHeight = __privateMethod(this, _getChipHeight, getChipHeight_fn).call(this);
+    if (!this.rowCollapse) return;
+    const chipHeight = __privateMethod(this, _GdsFilterChips_instances, getChipHeight_fn).call(this);
     const selfHeight = this.offsetHeight;
     const selfWidth = this.offsetWidth;
     if (selfHeight >= chipHeight * __privateGet(this, _collapseThreshold)) {
@@ -104,8 +102,7 @@ let GdsFilterChips = class extends GdsFormControlElement {
     }
   }
   _updateSelectedFromValue() {
-    if (!this.value)
-      return;
+    if (!this.value) return;
     if (this.multiple && !Array.isArray(this.value)) {
       this.value = [this.value];
     }
@@ -122,18 +119,17 @@ let GdsFilterChips = class extends GdsFormControlElement {
 _handleChipClick = new WeakMap();
 _collapseThreshold = new WeakMap();
 _collapsedAt = new WeakMap();
-_getChipHeight = new WeakSet();
+_GdsFilterChips_instances = new WeakSet();
 getChipHeight_fn = function() {
   return this.chips[0]?.offsetHeight || 0;
 };
-_handleSlotChange = new WeakSet();
 handleSlotChange_fn = function() {
   const selChipValue = this.chips.find((s) => s.selected)?.value;
   if (selChipValue) {
     this.value = selChipValue;
   }
 };
-GdsFilterChips.styles = [styles];
+GdsFilterChips.styles = [FilterChipsStyles];
 __decorateClass([
   property({ converter: stringArrayConverter })
 ], GdsFilterChips.prototype, "value", 1);

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

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

package/components/filter-chips/filter-chips.styles.d.ts

@@ -1 +1,2 @@
-export declare const styles: import("lit").CSSResult;
+declare const style: import("lit").CSSResult;
+export default style;

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

@@ -1,6 +1,6 @@
-import "../../chunks/chunk.QTSIPXV3.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
-const styles = css`
+const style = css`
   @layer base, reset, transitional-styles;
   @layer base {
     :host {
@@ -30,6 +30,7 @@ const styles = css`
     }
   }
 `;
+var filter_chips_styles_default = style;
 export {
-  styles
+  filter_chips_styles_default as default
 };

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

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.QTSIPXV3.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 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";

package/components/flex/flex.component.js

@@ -1,19 +1,19 @@
 import {
   __decorateClass
-} from "../../chunks/chunk.QTSIPXV3.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 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.js";
+import FlexStyles from "./flex.styles.js";
 let GdsFlex = class extends GdsDiv {
   render() {
     return html`<slot></slot>`;
   }
 };
-GdsFlex.styles = [tokens, style];
+GdsFlex.styles = [tokens, FlexStyles];
 GdsFlex = __decorateClass([
   gdsCustomElement("gds-flex")
 ], GdsFlex);

package/components/flex/flex.js

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

package/components/flex/flex.styles.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk.QTSIPXV3.js";
+import "../../chunks/chunk.QU3DSPNU.js";
 import { css } from "lit";
 const style = css`
   :host {
@@ -6,7 +6,7 @@ const style = css`
     box-sizing: border-box;
     border-style: solid;
     border-width: 0;
-    border-color: var(--gds-sys-color-l2-border-primary);
+    border-color: var(--gds-sys-color-border-subtle-01);
   }
 `;
 var flex_styles_default = style;

package/components/form/form-control.js

@@ -3,7 +3,7 @@ import {
   __privateAdd,
   __privateGet,
   __privateSet
-} from "../../chunks/chunk.QTSIPXV3.js";
+} from "../../chunks/chunk.QU3DSPNU.js";
 var _internals;
 import { property } from "lit/decorators.js";
 import { GdsElement } from "../../gds-element.js";
@@ -12,7 +12,7 @@ import "./form-request-submit-polyfill.js";
 class GdsFormControlElement extends GdsElement {
   constructor() {
     super();
-    __privateAdd(this, _internals, void 0);
+    __privateAdd(this, _internals);
     this.required = false;
     this.errorMessage = "";
     this.label = "";
@@ -103,8 +103,7 @@ class GdsFormControlElement extends GdsElement {
   }
   checkValidity() {
     const anchor = this._getValidityAnchor();
-    if (!anchor || !this.validator)
-      return true;
+    if (!anchor || !this.validator) return true;
     const oldValue = this.invalid;
     const validity = this.validator.validate(this) || [
       { ...this.validity, valid: true },
@@ -136,20 +135,16 @@ class GdsFormControlElement extends GdsElement {
     this.checkValidity();
   }
   formResetCallback() {
-    if (typeof this.value === "string")
-      this.value = "";
-    else if (Array.isArray(this.value))
-      this.value = [];
-    else
-      this.value = void 0;
+    if (typeof this.value === "string") this.value = "";
+    else if (Array.isArray(this.value)) this.value = [];
+    else this.value = void 0;
   }
   formAssociatedCallback(form) {
     form?.addEventListener("submit", this._handleFormSubmit.bind(this));
   }
   _handleFormSubmit(e) {
     this.checkValidity();
-    if (!this.validity.valid)
-      e.preventDefault();
+    if (!this.validity.valid) e.preventDefault();
   }
 }
 _internals = new WeakMap();

package/components/form/form-request-submit-polyfill.d.ts

@@ -0,0 +1 @@
+export {};

package/components/form/form-request-submit-polyfill.js

@@ -1,33 +1,35 @@
-;
-(function(prototype) {
-  if (typeof prototype.requestSubmit == "function")
-    return;
-  prototype.requestSubmit = function(submitter = null) {
-    if (submitter) {
-      validateSubmitter(submitter, this);
-      submitter.click();
-    } else {
-      submitter = document.createElement("input");
-      submitter.type = "submit";
-      submitter.hidden = true;
-      this.appendChild(submitter);
-      submitter.click();
-      this.removeChild(submitter);
+import { isServer } from "../../utils/helpers/platform.js";
+if (!isServer) {
+  ;
+  (function(prototype) {
+    if (typeof prototype.requestSubmit == "function") return;
+    prototype.requestSubmit = function(submitter = null) {
+      if (submitter) {
+        validateSubmitter(submitter, this);
+        submitter.click();
+      } else {
+        submitter = document.createElement("input");
+        submitter.type = "submit";
+        submitter.hidden = true;
+        this.appendChild(submitter);
+        submitter.click();
+        this.removeChild(submitter);
+      }
+    };
+    function validateSubmitter(submitter, form) {
+      submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
+      submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
+      submitter.form == form || raise(
+        DOMException,
+        "The specified element is not owned by this form element",
+        "NotFoundError"
+      );
     }
-  };
-  function validateSubmitter(submitter, form) {
-    submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
-    submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
-    submitter.form == form || raise(
-      DOMException,
-      "The specified element is not owned by this form element",
-      "NotFoundError"
-    );
-  }
-  function raise(errorConstructor, message, name = "Error") {
-    throw new errorConstructor(
-      "Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".",
-      name
-    );
-  }
-})(HTMLFormElement.prototype);
+    function raise(errorConstructor, message, name = "Error") {
+      throw new errorConstructor(
+        "Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".",
+        name
+      );
+    }
+  })(HTMLFormElement.prototype);
+}