@govtechsg/sgds-web-component 3.17.1-rc.0 → 3.18.0

package/components/Stepper/sgds-step.d.ts

@@ -1,42 +0,0 @@
-import SgdsElement from "../../base/sgds-element";
-import SgdsIcon from "../Icon/sgds-icon";
-/**
- * @summary A step within a stepper component
- * @slot default - Additional content to display under the step header
- *
- */
-export declare class SgdsStep extends SgdsElement {
-    static styles: import("lit").CSSResult[];
-    /** @internal */
-    static dependencies: {
-        "sgds-icon": typeof SgdsIcon;
-    };
-    /** The header text for the step */
-    stepHeader: string;
-    /** Optional icon name to display instead of step number */
-    iconName: string | undefined;
-    /** Optional component to render for this step */
-    component: unknown;
-    /** @internal The index of this step within the stepper */
-    stepIndex: number;
-    /** @internal Whether this step is currently active */
-    active: boolean;
-    /** @internal Whether this step is currently disabled */
-    disabled: boolean;
-    /** @internal Whether this step is completed */
-    completed: boolean;
-    /** @internal Whether this step is clickable */
-    isClickable: boolean;
-    /** @internal Orientation of parent stepper (horizontal or vertical) */
-    orientation: "horizontal" | "vertical";
-    /** @internal Whether this step is the first sgds-step of its type in the slot */
-    isFirstOfType: boolean;
-    /** @internal Whether this step is completed */
-    _isCompleted: boolean;
-    render(): import("lit").TemplateResult<1>;
-    /**@internal */
-    _handleClick(): void;
-    /**@internal */
-    _handleKeyDown(event: KeyboardEvent): void;
-}
-export default SgdsStep;

package/components/Stepper/sgds-step.js

@@ -1,118 +0,0 @@
-import { __decorate } from 'tslib';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import SgdsElement from '../../base/sgds-element.js';
-import { SgdsIcon } from '../Icon/sgds-icon.js';
-import css_248z from './step.js';
-
-/**
- * @summary A step within a stepper component
- * @slot default - Additional content to display under the step header
- *
- */
-class SgdsStep extends SgdsElement {
-    constructor() {
-        super(...arguments);
-        /** The header text for the step */
-        this.stepHeader = "";
-        /** @internal The index of this step within the stepper */
-        this.stepIndex = 0;
-        /** @internal Whether this step is currently active */
-        this.active = false;
-        /** @internal Whether this step is currently disabled */
-        this.disabled = false;
-        /** @internal Whether this step is completed */
-        this.completed = false;
-        /** @internal Whether this step is clickable */
-        this.isClickable = false;
-        /** @internal Orientation of parent stepper (horizontal or vertical) */
-        this.orientation = "horizontal";
-        /** @internal Whether this step is the first sgds-step of its type in the slot */
-        this.isFirstOfType = false;
-        /** @internal Whether this step is completed */
-        this._isCompleted = false;
-    }
-    render() {
-        const isValidClickable = !this.disabled && this.isClickable;
-        return html `
-      <div class="stepper-item-container">
-        <div
-          class="stepper-item ${classMap({
-            first: this.isFirstOfType,
-            active: this.active,
-            completed: this._isCompleted,
-            clickable: this.isClickable,
-            vertical: this.orientation === "vertical",
-            disabled: this.disabled
-        })}"
-          tabindex=${isValidClickable ? "0" : "-1"}
-          aria-current=${this.active ? "step" : "false"}
-          aria-disabled=${this.disabled || (!this.active && !this._isCompleted) ? "true" : "false"}
-          @click="${isValidClickable ? () => this._handleClick() : null}"
-          @keydown=${isValidClickable ? (e) => this._handleKeyDown(e) : null}
-        >
-          <div class="stepper-marker">
-            ${this.iconName ? html `<sgds-icon name=${this.iconName} size="md"></sgds-icon>` : this.stepIndex + 1}
-          </div>
-
-          <div class="stepper-detail">
-            <div class="sgds:text-body-md">${this.stepHeader}</div>
-            <div class="stepper-slot">
-              <slot></slot>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-    /**@internal */
-    _handleClick() {
-        this.emit("i-sgds-click", { detail: { stepIndex: this.stepIndex } });
-    }
-    /**@internal */
-    _handleKeyDown(event) {
-        if (event.key === "Enter") {
-            this._handleClick();
-        }
-    }
-}
-SgdsStep.styles = [...SgdsElement.styles, css_248z];
-/** @internal */
-SgdsStep.dependencies = { "sgds-icon": SgdsIcon };
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsStep.prototype, "stepHeader", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsStep.prototype, "iconName", void 0);
-__decorate([
-    property({ type: Object })
-], SgdsStep.prototype, "component", void 0);
-__decorate([
-    property({ type: Number })
-], SgdsStep.prototype, "stepIndex", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "completed", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsStep.prototype, "isClickable", void 0);
-__decorate([
-    property({ type: String })
-], SgdsStep.prototype, "orientation", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsStep.prototype, "isFirstOfType", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsStep.prototype, "_isCompleted", void 0);
-
-export { SgdsStep, SgdsStep as default };
-//# sourceMappingURL=sgds-step.js.map

package/components/Stepper/sgds-step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-step.js","sources":["../../../src/components/Stepper/sgds-step.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsIcon from \"../Icon/sgds-icon\";\nimport stepStyle from \"./step.css\";\n\n/**\n * @summary A step within a stepper component\n * @slot default - Additional content to display under the step header\n *\n */\nexport class SgdsStep extends SgdsElement {\n  static styles = [...SgdsElement.styles, stepStyle];\n  /** @internal */\n  static dependencies = { \"sgds-icon\": SgdsIcon };\n\n  /** The header text for the step */\n  @property({ type: String, reflect: true })\n  stepHeader = \"\";\n\n  /** Optional icon name to display instead of step number */\n  @property({ type: String, reflect: true })\n  iconName: string | undefined;\n\n  /** Optional component to render for this step */\n  @property({ type: Object })\n  component: unknown;\n\n  /** @internal The index of this step within the stepper */\n  @property({ type: Number })\n  stepIndex = 0;\n\n  /** @internal Whether this step is currently active */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /** @internal Whether this step is currently disabled */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /** @internal Whether this step is completed */\n  @property({ type: Boolean, reflect: true })\n  completed = false;\n\n  /** @internal Whether this step is clickable */\n  @property({ type: Boolean })\n  isClickable = false;\n\n  /** @internal Orientation of parent stepper (horizontal or vertical) */\n  @property({ type: String })\n  orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  /** @internal Whether this step is the first sgds-step of its type in the slot */\n  @property({ type: Boolean })\n  isFirstOfType = false;\n\n  /** @internal Whether this step is completed */\n  @property({ type: Boolean })\n  _isCompleted = false;\n\n  render() {\n    const isValidClickable = !this.disabled && this.isClickable;\n\n    return html`\n      <div class=\"stepper-item-container\">\n        <div\n          class=\"stepper-item ${classMap({\n            first: this.isFirstOfType,\n            active: this.active,\n            completed: this._isCompleted,\n            clickable: this.isClickable,\n            vertical: this.orientation === \"vertical\",\n            disabled: this.disabled\n          })}\"\n          tabindex=${isValidClickable ? \"0\" : \"-1\"}\n          aria-current=${this.active ? \"step\" : \"false\"}\n          aria-disabled=${this.disabled || (!this.active && !this._isCompleted) ? \"true\" : \"false\"}\n          @click=\"${isValidClickable ? () => this._handleClick() : null}\"\n          @keydown=${isValidClickable ? (e: KeyboardEvent) => this._handleKeyDown(e) : null}\n        >\n          <div class=\"stepper-marker\">\n            ${this.iconName ? html`<sgds-icon name=${this.iconName} size=\"md\"></sgds-icon>` : this.stepIndex + 1}\n          </div>\n\n          <div class=\"stepper-detail\">\n            <div class=\"sgds:text-body-md\">${this.stepHeader}</div>\n            <div class=\"stepper-slot\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**@internal */\n  _handleClick() {\n    this.emit(\"i-sgds-click\", { detail: { stepIndex: this.stepIndex } });\n  }\n\n  /**@internal */\n  _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this._handleClick();\n    }\n  }\n}\n\nexport default SgdsStep;\n"],"names":["stepStyle"],"mappings":";;;;;;;;AAOA;;;;AAIG;AACG,MAAO,QAAS,SAAQ,WAAW,CAAA;AAAzC,IAAA,WAAA,GAAA;;;QAOE,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;;QAYhB,IAAS,CAAA,SAAA,GAAG,CAAC,CAAC;;QAId,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;;QAIf,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;;QAIjB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;;QAIlB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;;QAIpB,IAAW,CAAA,WAAA,GAA8B,YAAY,CAAC;;QAItD,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;;QAItB,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;KAgDtB;IA9CC,MAAM,GAAA;QACJ,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC;AAE5D,QAAA,OAAO,IAAI,CAAA,CAAA;;;AAGiB,8BAAA,EAAA,QAAQ,CAAC;YAC7B,KAAK,EAAE,IAAI,CAAC,aAAa;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,IAAI,CAAC,YAAY;YAC5B,SAAS,EAAE,IAAI,CAAC,WAAW;AAC3B,YAAA,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU;YACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAA;AACS,mBAAA,EAAA,gBAAgB,GAAG,GAAG,GAAG,IAAI,CAAA;yBACzB,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;0BAC7B,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA;AAC9E,kBAAA,EAAA,gBAAgB,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,CAAA;AAClD,mBAAA,EAAA,gBAAgB,GAAG,CAAC,CAAgB,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;;;AAG7E,YAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA,CAAmB,gBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA,uBAAA,CAAyB,GAAG,IAAI,CAAC,SAAS,GAAG,CAAC,CAAA;;;;AAInE,2CAAA,EAAA,IAAI,CAAC,UAAU,CAAA;;;;;;;KAOvD,CAAC;KACH;;IAGD,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;KACtE;;AAGD,IAAA,cAAc,CAAC,KAAoB,EAAA;AACjC,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;KACF;;AA7FM,QAAM,CAAA,MAAA,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,EAAEA,QAAS,CAApC,CAAsC;AACnD;AACO,QAAA,CAAA,YAAY,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;AAIhD,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC1B,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIhB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACb,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAI7B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACR,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAInB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACb,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAId,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIf,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC1B,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACzB,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACR,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIpB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC2B,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAItD,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACN,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAItB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACP,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA;;;;"}

package/components/Stepper/step.js

@@ -1,6 +0,0 @@
-import { css } from 'lit';
-
-var css_248z = css`:host{display:contents}.stepper-item-container{flex-basis:1em;flex-grow:1;flex-shrink:1;position:relative;width:fit-content}.stepper-item,.stepper-item-container{align-items:center;display:flex;flex-direction:column}.stepper-item{gap:var(--sgds-gap-sm)}.stepper-item.vertical{align-items:flex-start;flex-direction:row;margin-bottom:var(--sgds-padding-xl)}.stepper-item.clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper-item:not(.first):not(.vertical):before{background:var(--sgds-border-color-translucent);content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}:host(:not(.last)) .stepper-item-container .stepper-item.vertical:after{background:var(--sgds-bg-translucent);content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper-item-container .stepper-item.active:not(.first):before,.stepper-item-container .stepper-item.completed:not(.first):before,:host(:not(.last)) .stepper-item-container .stepper-item.completed:after{background:var(--sgds-primary-border-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper-detail{max-width:var(--sgds-dimension-128);text-align:center}.stepper-item.vertical .stepper-detail{padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper-item:not(.active):not(.completed) .stepper-detail{color:var(--sgds-color-subtle)}.stepper-item.clickable:focus .stepper-marker,.stepper-item.clickable:focus-visible .stepper-marker,.stepper-item.clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper-item.clickable:focus .stepper-detail,.stepper-item.clickable:focus-visible .stepper-detail,.stepper-item.clickable:hover .stepper-detail{color:var(--sgds-primary-color-emphasis)}.stepper-item.clickable .stepper-detail{color:var(--sgds-primary-color-default)}.stepper-item.completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.stepper-item.active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper-slot *{font-size:var(--sgds-font-size-body-sm)}.stepper-item.disabled{opacity:var(--sgds-opacity-40)}`;
-
-export { css_248z as default };
-//# sourceMappingURL=step.js.map

package/components/Stepper/step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"step.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/react/components/Stepper/sgds-step.cjs.js

@@ -1,124 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var lit = require('lit');
-var decorators_js = require('lit/decorators.js');
-var classMap_js = require('lit/directives/class-map.js');
-var sgdsElement = require('../../base/sgds-element.cjs.js');
-var sgdsIcon = require('../Icon/sgds-icon.cjs.js');
-var step = require('./step.cjs.js');
-
-/**
- * @summary A step within a stepper component
- * @slot default - Additional content to display under the step header
- *
- */
-class SgdsStep extends sgdsElement["default"] {
-    constructor() {
-        super(...arguments);
-        /** The header text for the step */
-        this.stepHeader = "";
-        /** @internal The index of this step within the stepper */
-        this.stepIndex = 0;
-        /** @internal Whether this step is currently active */
-        this.active = false;
-        /** @internal Whether this step is currently disabled */
-        this.disabled = false;
-        /** @internal Whether this step is completed */
-        this.completed = false;
-        /** @internal Whether this step is clickable */
-        this.isClickable = false;
-        /** @internal Orientation of parent stepper (horizontal or vertical) */
-        this.orientation = "horizontal";
-        /** @internal Whether this step is the first sgds-step of its type in the slot */
-        this.isFirstOfType = false;
-        /** @internal Whether this step is completed */
-        this._isCompleted = false;
-    }
-    render() {
-        const isValidClickable = !this.disabled && this.isClickable;
-        return lit.html `
-      <div class="stepper-item-container">
-        <div
-          class="stepper-item ${classMap_js.classMap({
-            first: this.isFirstOfType,
-            active: this.active,
-            completed: this._isCompleted,
-            clickable: this.isClickable,
-            vertical: this.orientation === "vertical",
-            disabled: this.disabled
-        })}"
-          tabindex=${isValidClickable ? "0" : "-1"}
-          aria-current=${this.active ? "step" : "false"}
-          aria-disabled=${this.disabled || (!this.active && !this._isCompleted) ? "true" : "false"}
-          @click="${isValidClickable ? () => this._handleClick() : null}"
-          @keydown=${isValidClickable ? (e) => this._handleKeyDown(e) : null}
-        >
-          <div class="stepper-marker">
-            ${this.iconName ? lit.html `<sgds-icon name=${this.iconName} size="md"></sgds-icon>` : this.stepIndex + 1}
-          </div>
-
-          <div class="stepper-detail">
-            <div class="sgds:text-body-md">${this.stepHeader}</div>
-            <div class="stepper-slot">
-              <slot></slot>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-    /**@internal */
-    _handleClick() {
-        this.emit("i-sgds-click", { detail: { stepIndex: this.stepIndex } });
-    }
-    /**@internal */
-    _handleKeyDown(event) {
-        if (event.key === "Enter") {
-            this._handleClick();
-        }
-    }
-}
-SgdsStep.styles = [...sgdsElement["default"].styles, step["default"]];
-/** @internal */
-SgdsStep.dependencies = { "sgds-icon": sgdsIcon.SgdsIcon };
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SgdsStep.prototype, "stepHeader", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String, reflect: true })
-], SgdsStep.prototype, "iconName", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Object })
-], SgdsStep.prototype, "component", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Number })
-], SgdsStep.prototype, "stepIndex", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "active", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "disabled", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "completed", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean })
-], SgdsStep.prototype, "isClickable", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: String })
-], SgdsStep.prototype, "orientation", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean })
-], SgdsStep.prototype, "isFirstOfType", void 0);
-tslib.__decorate([
-    decorators_js.property({ type: Boolean })
-], SgdsStep.prototype, "_isCompleted", void 0);
-
-exports.SgdsStep = SgdsStep;
-exports["default"] = SgdsStep;
-//# sourceMappingURL=sgds-step.cjs.js.map

package/react/components/Stepper/sgds-step.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-step.cjs.js","sources":["../../../../src/components/Stepper/sgds-step.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsIcon from \"../Icon/sgds-icon\";\nimport stepStyle from \"./step.css\";\n\n/**\n * @summary A step within a stepper component\n * @slot default - Additional content to display under the step header\n *\n */\nexport class SgdsStep extends SgdsElement {\n  static styles = [...SgdsElement.styles, stepStyle];\n  /** @internal */\n  static dependencies = { \"sgds-icon\": SgdsIcon };\n\n  /** The header text for the step */\n  @property({ type: String, reflect: true })\n  stepHeader = \"\";\n\n  /** Optional icon name to display instead of step number */\n  @property({ type: String, reflect: true })\n  iconName: string | undefined;\n\n  /** Optional component to render for this step */\n  @property({ type: Object })\n  component: unknown;\n\n  /** @internal The index of this step within the stepper */\n  @property({ type: Number })\n  stepIndex = 0;\n\n  /** @internal Whether this step is currently active */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /** @internal Whether this step is currently disabled */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /** @internal Whether this step is completed */\n  @property({ type: Boolean, reflect: true })\n  completed = false;\n\n  /** @internal Whether this step is clickable */\n  @property({ type: Boolean })\n  isClickable = false;\n\n  /** @internal Orientation of parent stepper (horizontal or vertical) */\n  @property({ type: String })\n  orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  /** @internal Whether this step is the first sgds-step of its type in the slot */\n  @property({ type: Boolean })\n  isFirstOfType = false;\n\n  /** @internal Whether this step is completed */\n  @property({ type: Boolean })\n  _isCompleted = false;\n\n  render() {\n    const isValidClickable = !this.disabled && this.isClickable;\n\n    return html`\n      <div class=\"stepper-item-container\">\n        <div\n          class=\"stepper-item ${classMap({\n            first: this.isFirstOfType,\n            active: this.active,\n            completed: this._isCompleted,\n            clickable: this.isClickable,\n            vertical: this.orientation === \"vertical\",\n            disabled: this.disabled\n          })}\"\n          tabindex=${isValidClickable ? \"0\" : \"-1\"}\n          aria-current=${this.active ? \"step\" : \"false\"}\n          aria-disabled=${this.disabled || (!this.active && !this._isCompleted) ? \"true\" : \"false\"}\n          @click=\"${isValidClickable ? () => this._handleClick() : null}\"\n          @keydown=${isValidClickable ? (e: KeyboardEvent) => this._handleKeyDown(e) : null}\n        >\n          <div class=\"stepper-marker\">\n            ${this.iconName ? html`<sgds-icon name=${this.iconName} size=\"md\"></sgds-icon>` : this.stepIndex + 1}\n          </div>\n\n          <div class=\"stepper-detail\">\n            <div class=\"sgds:text-body-md\">${this.stepHeader}</div>\n            <div class=\"stepper-slot\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**@internal */\n  _handleClick() {\n    this.emit(\"i-sgds-click\", { detail: { stepIndex: this.stepIndex } });\n  }\n\n  /**@internal */\n  _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this._handleClick();\n    }\n  }\n}\n\nexport default SgdsStep;\n"],"names":["SgdsElement","html","classMap","stepStyle","SgdsIcon","__decorate","property"],"mappings":"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"}

package/react/components/Stepper/sgds-step.js

@@ -1,119 +0,0 @@
-'use client';
-import { __decorate } from 'tslib';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import SgdsElement from '../../base/sgds-element.js';
-import { SgdsIcon } from '../Icon/sgds-icon.js';
-import css_248z from './step.js';
-
-/**
- * @summary A step within a stepper component
- * @slot default - Additional content to display under the step header
- *
- */
-class SgdsStep extends SgdsElement {
-    constructor() {
-        super(...arguments);
-        /** The header text for the step */
-        this.stepHeader = "";
-        /** @internal The index of this step within the stepper */
-        this.stepIndex = 0;
-        /** @internal Whether this step is currently active */
-        this.active = false;
-        /** @internal Whether this step is currently disabled */
-        this.disabled = false;
-        /** @internal Whether this step is completed */
-        this.completed = false;
-        /** @internal Whether this step is clickable */
-        this.isClickable = false;
-        /** @internal Orientation of parent stepper (horizontal or vertical) */
-        this.orientation = "horizontal";
-        /** @internal Whether this step is the first sgds-step of its type in the slot */
-        this.isFirstOfType = false;
-        /** @internal Whether this step is completed */
-        this._isCompleted = false;
-    }
-    render() {
-        const isValidClickable = !this.disabled && this.isClickable;
-        return html `
-      <div class="stepper-item-container">
-        <div
-          class="stepper-item ${classMap({
-            first: this.isFirstOfType,
-            active: this.active,
-            completed: this._isCompleted,
-            clickable: this.isClickable,
-            vertical: this.orientation === "vertical",
-            disabled: this.disabled
-        })}"
-          tabindex=${isValidClickable ? "0" : "-1"}
-          aria-current=${this.active ? "step" : "false"}
-          aria-disabled=${this.disabled || (!this.active && !this._isCompleted) ? "true" : "false"}
-          @click="${isValidClickable ? () => this._handleClick() : null}"
-          @keydown=${isValidClickable ? (e) => this._handleKeyDown(e) : null}
-        >
-          <div class="stepper-marker">
-            ${this.iconName ? html `<sgds-icon name=${this.iconName} size="md"></sgds-icon>` : this.stepIndex + 1}
-          </div>
-
-          <div class="stepper-detail">
-            <div class="sgds:text-body-md">${this.stepHeader}</div>
-            <div class="stepper-slot">
-              <slot></slot>
-            </div>
-          </div>
-        </div>
-      </div>
-    `;
-    }
-    /**@internal */
-    _handleClick() {
-        this.emit("i-sgds-click", { detail: { stepIndex: this.stepIndex } });
-    }
-    /**@internal */
-    _handleKeyDown(event) {
-        if (event.key === "Enter") {
-            this._handleClick();
-        }
-    }
-}
-SgdsStep.styles = [...SgdsElement.styles, css_248z];
-/** @internal */
-SgdsStep.dependencies = { "sgds-icon": SgdsIcon };
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsStep.prototype, "stepHeader", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SgdsStep.prototype, "iconName", void 0);
-__decorate([
-    property({ type: Object })
-], SgdsStep.prototype, "component", void 0);
-__decorate([
-    property({ type: Number })
-], SgdsStep.prototype, "stepIndex", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SgdsStep.prototype, "completed", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsStep.prototype, "isClickable", void 0);
-__decorate([
-    property({ type: String })
-], SgdsStep.prototype, "orientation", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsStep.prototype, "isFirstOfType", void 0);
-__decorate([
-    property({ type: Boolean })
-], SgdsStep.prototype, "_isCompleted", void 0);
-
-export { SgdsStep, SgdsStep as default };
-//# sourceMappingURL=sgds-step.js.map

package/react/components/Stepper/sgds-step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sgds-step.js","sources":["../../../../src/components/Stepper/sgds-step.ts"],"sourcesContent":["import { html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport SgdsIcon from \"../Icon/sgds-icon\";\nimport stepStyle from \"./step.css\";\n\n/**\n * @summary A step within a stepper component\n * @slot default - Additional content to display under the step header\n *\n */\nexport class SgdsStep extends SgdsElement {\n  static styles = [...SgdsElement.styles, stepStyle];\n  /** @internal */\n  static dependencies = { \"sgds-icon\": SgdsIcon };\n\n  /** The header text for the step */\n  @property({ type: String, reflect: true })\n  stepHeader = \"\";\n\n  /** Optional icon name to display instead of step number */\n  @property({ type: String, reflect: true })\n  iconName: string | undefined;\n\n  /** Optional component to render for this step */\n  @property({ type: Object })\n  component: unknown;\n\n  /** @internal The index of this step within the stepper */\n  @property({ type: Number })\n  stepIndex = 0;\n\n  /** @internal Whether this step is currently active */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /** @internal Whether this step is currently disabled */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /** @internal Whether this step is completed */\n  @property({ type: Boolean, reflect: true })\n  completed = false;\n\n  /** @internal Whether this step is clickable */\n  @property({ type: Boolean })\n  isClickable = false;\n\n  /** @internal Orientation of parent stepper (horizontal or vertical) */\n  @property({ type: String })\n  orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n\n  /** @internal Whether this step is the first sgds-step of its type in the slot */\n  @property({ type: Boolean })\n  isFirstOfType = false;\n\n  /** @internal Whether this step is completed */\n  @property({ type: Boolean })\n  _isCompleted = false;\n\n  render() {\n    const isValidClickable = !this.disabled && this.isClickable;\n\n    return html`\n      <div class=\"stepper-item-container\">\n        <div\n          class=\"stepper-item ${classMap({\n            first: this.isFirstOfType,\n            active: this.active,\n            completed: this._isCompleted,\n            clickable: this.isClickable,\n            vertical: this.orientation === \"vertical\",\n            disabled: this.disabled\n          })}\"\n          tabindex=${isValidClickable ? \"0\" : \"-1\"}\n          aria-current=${this.active ? \"step\" : \"false\"}\n          aria-disabled=${this.disabled || (!this.active && !this._isCompleted) ? \"true\" : \"false\"}\n          @click=\"${isValidClickable ? () => this._handleClick() : null}\"\n          @keydown=${isValidClickable ? (e: KeyboardEvent) => this._handleKeyDown(e) : null}\n        >\n          <div class=\"stepper-marker\">\n            ${this.iconName ? html`<sgds-icon name=${this.iconName} size=\"md\"></sgds-icon>` : this.stepIndex + 1}\n          </div>\n\n          <div class=\"stepper-detail\">\n            <div class=\"sgds:text-body-md\">${this.stepHeader}</div>\n            <div class=\"stepper-slot\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**@internal */\n  _handleClick() {\n    this.emit(\"i-sgds-click\", { detail: { stepIndex: this.stepIndex } });\n  }\n\n  /**@internal */\n  _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this._handleClick();\n    }\n  }\n}\n\nexport default SgdsStep;\n"],"names":["stepStyle"],"mappings":"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"}

package/react/components/Stepper/step.cjs.js

@@ -1,11 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var lit = require('lit');
-
-var css_248z = lit.css`:host{display:contents}.stepper-item-container{flex-basis:1em;flex-grow:1;flex-shrink:1;position:relative;width:fit-content}.stepper-item,.stepper-item-container{align-items:center;display:flex;flex-direction:column}.stepper-item{gap:var(--sgds-gap-sm)}.stepper-item.vertical{align-items:flex-start;flex-direction:row;margin-bottom:var(--sgds-padding-xl)}.stepper-item.clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper-item:not(.first):not(.vertical):before{background:var(--sgds-border-color-translucent);content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}:host(:not(.last)) .stepper-item-container .stepper-item.vertical:after{background:var(--sgds-bg-translucent);content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper-item-container .stepper-item.active:not(.first):before,.stepper-item-container .stepper-item.completed:not(.first):before,:host(:not(.last)) .stepper-item-container .stepper-item.completed:after{background:var(--sgds-primary-border-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper-detail{max-width:var(--sgds-dimension-128);text-align:center}.stepper-item.vertical .stepper-detail{padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper-item:not(.active):not(.completed) .stepper-detail{color:var(--sgds-color-subtle)}.stepper-item.clickable:focus .stepper-marker,.stepper-item.clickable:focus-visible .stepper-marker,.stepper-item.clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper-item.clickable:focus .stepper-detail,.stepper-item.clickable:focus-visible .stepper-detail,.stepper-item.clickable:hover .stepper-detail{color:var(--sgds-primary-color-emphasis)}.stepper-item.clickable .stepper-detail{color:var(--sgds-primary-color-default)}.stepper-item.completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.stepper-item.active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper-slot *{font-size:var(--sgds-font-size-body-sm)}.stepper-item.disabled{opacity:var(--sgds-opacity-40)}`;
-
-exports["default"] = css_248z;
-//# sourceMappingURL=step.cjs.js.map

package/react/components/Stepper/step.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"step.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/react/components/Stepper/step.js

@@ -1,7 +0,0 @@
-'use client';
-import { css } from 'lit';
-
-var css_248z = css`:host{display:contents}.stepper-item-container{flex-basis:1em;flex-grow:1;flex-shrink:1;position:relative;width:fit-content}.stepper-item,.stepper-item-container{align-items:center;display:flex;flex-direction:column}.stepper-item{gap:var(--sgds-gap-sm)}.stepper-item.vertical{align-items:flex-start;flex-direction:row;margin-bottom:var(--sgds-padding-xl)}.stepper-item.clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper-item:not(.first):not(.vertical):before{background:var(--sgds-border-color-translucent);content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}:host(:not(.last)) .stepper-item-container .stepper-item.vertical:after{background:var(--sgds-bg-translucent);content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper-item-container .stepper-item.active:not(.first):before,.stepper-item-container .stepper-item.completed:not(.first):before,:host(:not(.last)) .stepper-item-container .stepper-item.completed:after{background:var(--sgds-primary-border-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper-detail{max-width:var(--sgds-dimension-128);text-align:center}.stepper-item.vertical .stepper-detail{padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper-item:not(.active):not(.completed) .stepper-detail{color:var(--sgds-color-subtle)}.stepper-item.clickable:focus .stepper-marker,.stepper-item.clickable:focus-visible .stepper-marker,.stepper-item.clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper-item.clickable:focus .stepper-detail,.stepper-item.clickable:focus-visible .stepper-detail,.stepper-item.clickable:hover .stepper-detail{color:var(--sgds-primary-color-emphasis)}.stepper-item.clickable .stepper-detail{color:var(--sgds-primary-color-default)}.stepper-item.completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.stepper-item.active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper-slot *{font-size:var(--sgds-font-size-body-sm)}.stepper-item.disabled{opacity:var(--sgds-opacity-40)}`;
-
-export { css_248z as default };
-//# sourceMappingURL=step.js.map

package/react/components/Stepper/step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"step.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/react/step/index.cjs.js

@@ -1,40 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var react = require('@lit/react');
-var sgdsStep = require('../components/Stepper/sgds-step.cjs.js');
-var ceRegistry = require('../utils/ce-registry.cjs.js');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-ceRegistry.register("sgds-step", sgdsStep.SgdsStep);
-var index = react.createComponent({
-    react: React__namespace,
-    tagName: "sgds-step",
-    elementClass: sgdsStep.SgdsStep,
-    events: {}
-});
-
-exports["default"] = index;
-//# sourceMappingURL=index.cjs.js.map

package/react/step/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/react/step/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Stepper/sgds-step\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-step\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-step\",\n  elementClass: Component,\n  events: {}\n});\n"],"names":["register","Component","createComponent","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKAA,mBAAQ,CAAC,WAAW,EAAEC,iBAAS,CAAC,CAAC;AAEjC,YAAeC,qBAAe,CAAC;AAC7B,IAAA,KAAK,EAAEC,gBAAK;AACZ,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,YAAY,EAAEF,iBAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}

package/react/step/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: React.ForwardRefExoticComponent<any>;
-export default _default;

package/react/step/index.js

@@ -1,16 +0,0 @@
-'use client';
-import * as React from 'react';
-import { createComponent } from '@lit/react';
-import { SgdsStep } from '../components/Stepper/sgds-step.js';
-import { register } from '../utils/ce-registry.js';
-
-register("sgds-step", SgdsStep);
-var index = createComponent({
-    react: React,
-    tagName: "sgds-step",
-    elementClass: SgdsStep,
-    events: {}
-});
-
-export { index as default };
-//# sourceMappingURL=index.js.map

package/react/step/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/react/step/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { createComponent } from \"@lit/react\";\nimport Component from \"../../components/Stepper/sgds-step\";\nimport { register } from \"../../utils/ce-registry\";\n\nregister(\"sgds-step\", Component);\n\nexport default createComponent({\n  react: React,\n  tagName: \"sgds-step\",\n  elementClass: Component,\n  events: {}\n});\n"],"names":["Component"],"mappings":";;;;;;AAKA,QAAQ,CAAC,WAAW,EAAEA,QAAS,CAAC,CAAC;AAEjC,YAAe,eAAe,CAAC;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,YAAY,EAAEA,QAAS;AACvB,IAAA,MAAM,EAAE,EAAE;AACX,CAAA,CAAC;;;;"}