@scouterna/ui-webc 2.2.5 → 2.2.6

package/dist/components/scout-switch.js

@@ -1,75 +1 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, h } from './p-fr5CaUFu.js';
-import { i as inputMixin } from './p-B-kEl-ny.js';
-
-const switchCss = ".switch{width:var(--spacing-10);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--spacing-8);background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative;display:flex;align-content:center;justify-content:center;transition-property:border-color;transition-duration:0.3s;transition-timing-function:ease-in-out;cursor:pointer;--switch-ball-padding:calc(var(--spacing-1) / 4);--switch-ball-size:calc(var(--spacing-5) - var(--switch-ball-padding) * 2)}.switch:hover{transition-property:none;border-color:var(--color-gray-400);background-color:var(--color-background-brand-subtle-hovered)}.switch:active{background-color:var(--color-background-brand-subtle-pressed)}.switch:checked{border-color:var(--color-background-brand-base)}.switch:hover::before{background-color:var(--color-gray-400)}.switch::before{content:\"\";background-color:var(--color-gray-300);width:var(--switch-ball-size);height:var(--switch-ball-size);border-radius:50%;position:absolute;top:var(--switch-ball-padding);left:var(--switch-ball-padding);transition-duration:0.3s;transition-property:left, right}.switch:checked::before{content:\"\";background-color:var(--color-background-brand-base);left:calc(100% - (var(--switch-ball-size) + var(--switch-ball-padding)));left:calc(100% - calc(var(--switch-ball-size) + var(--switch-ball-padding)))}.switch:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.switch:disabled::before{background-color:var(--color-gray-300)}label{display:flex;flex-direction:row-reverse;align-items:center;font:var(--type-label-base);color:var(--color-text-base)}.inlineDivider{width:var(--spacing-2)}";
-
-const ScoutSwitch$1 = /*@__PURE__*/ proxyCustomElement(class ScoutSwitch extends Mixin(inputMixin) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.scoutInputChange = createEvent(this, "scoutInputChange");
-        this.scoutBlur = createEvent(this, "scoutBlur");
-        this._scoutValidate = createEvent(this, "_scoutValidate");
-        this._scoutInvalid = createEvent(this, "_scoutInvalid");
-        this._scoutFieldId = createEvent(this, "_scoutFieldId");
-        this.scoutChecked = createEvent(this, "scoutChecked");
-    }
-    /**
-     * Indicates whether the switch is toggled on or off.
-     */
-    toggled = false;
-    disabled = false;
-    /**
-     * Use this prop if you need to connect your switch with another element describing its use, other than the property label.
-     */
-    ariaLabelledby;
-    label;
-    scoutChecked;
-    onChange(event) {
-        const checkbox = event.target;
-        this.scoutChecked.emit({
-            checked: checkbox.checked,
-            element: checkbox,
-        });
-    }
-    render() {
-        const Tag = this.label?.length ? "label" : "div";
-        return (h(Tag, { key: 'b577bb6c1a4bde37ea76ae1c14bbdad4e3c11200' }, this.label, h("span", { key: 'b93dc86e4fa270efb3e8983c957731015d9709b4', class: "inlineDivider" }), h("input", { key: 'ca377aea983a9702fe9f292908048746c31433b9', ref: (el) => this.setInputRef(el), id: this.ariaId, type: "checkbox", class: "switch", "aria-labelledby": this.ariaLabelledby, "aria-disabled": this.disabled, disabled: this.disabled, checked: this.toggled, onChange: (event) => {
-                this.onInput();
-                this.onChange(event);
-            }, onBlur: () => this.onBlur(), onInvalid: () => this.onInvalid() })));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return switchCss; }
-}, [785, "scout-switch", {
-        "validate": [16],
-        "toggled": [4],
-        "disabled": [4],
-        "ariaLabelledby": [1, "aria-labelledby"],
-        "label": [1],
-        "ariaId": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-switch"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutSwitch$1);
-            }
-            break;
-    } });
-}
-
-const ScoutSwitch = ScoutSwitch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutSwitch, defineCustomElement };
-//# sourceMappingURL=scout-switch.js.map
-
-//# sourceMappingURL=scout-switch.js.map
+import{p as e,M as a,c as r,h as t,t as i}from"./p-CmHrcz9s.js";import{i as o}from"./p-CFwvojTA.js";const s=e(class extends(a(o)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.scoutInputChange=r(this,"scoutInputChange"),this.scoutBlur=r(this,"scoutBlur"),this._scoutValidate=r(this,"_scoutValidate"),this._scoutInvalid=r(this,"_scoutInvalid"),this._scoutFieldId=r(this,"_scoutFieldId"),this.scoutChecked=r(this,"scoutChecked")}toggled=!1;disabled=!1;ariaLabelledby;label;scoutChecked;onChange(e){const a=e.target;this.scoutChecked.emit({checked:a.checked,element:a})}render(){return t(this.label?.length?"label":"div",{key:"b577bb6c1a4bde37ea76ae1c14bbdad4e3c11200"},this.label,t("span",{key:"b93dc86e4fa270efb3e8983c957731015d9709b4",class:"inlineDivider"}),t("input",{key:"ca377aea983a9702fe9f292908048746c31433b9",ref:e=>this.setInputRef(e),id:this.ariaId,type:"checkbox",class:"switch","aria-labelledby":this.ariaLabelledby,"aria-disabled":this.disabled,disabled:this.disabled,checked:this.toggled,onChange:e=>{this.onInput(),this.onChange(e)},onBlur:()=>this.onBlur(),onInvalid:()=>this.onInvalid()}))}static get delegatesFocus(){return!0}static get style(){return'.switch{width:var(--spacing-10);height:var(--spacing-6);-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--spacing-8);background-color:var(--color-text-brand-inverse);border:2px solid var(--color-gray-300);position:relative;display:flex;align-content:center;justify-content:center;transition-property:border-color;transition-duration:0.3s;transition-timing-function:ease-in-out;cursor:pointer;--switch-ball-padding:calc(var(--spacing-1) / 4);--switch-ball-size:calc(var(--spacing-5) - var(--switch-ball-padding) * 2)}.switch:hover{transition-property:none;border-color:var(--color-gray-400);background-color:var(--color-background-brand-subtle-hovered)}.switch:active{background-color:var(--color-background-brand-subtle-pressed)}.switch:checked{border-color:var(--color-background-brand-base)}.switch:hover::before{background-color:var(--color-gray-400)}.switch::before{content:"";background-color:var(--color-gray-300);width:var(--switch-ball-size);height:var(--switch-ball-size);border-radius:50%;position:absolute;top:var(--switch-ball-padding);left:var(--switch-ball-padding);transition-duration:0.3s;transition-property:left, right}.switch:checked::before{content:"";background-color:var(--color-background-brand-base);left:calc(100% - (var(--switch-ball-size) + var(--switch-ball-padding)));left:calc(100% - calc(var(--switch-ball-size) + var(--switch-ball-padding)))}.switch:disabled{pointer-events:none;background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.switch:disabled::before{background-color:var(--color-gray-300)}label{display:flex;flex-direction:row-reverse;align-items:center;font:var(--type-label-base);color:var(--color-text-base)}.inlineDivider{width:var(--spacing-2)}'}},[529,"scout-switch",{validate:[16],toggled:[4],disabled:[4],ariaLabelledby:[1,"aria-labelledby"],label:[1],ariaId:[32]}]),c=s,l=function(){"undefined"!=typeof customElements&&["scout-switch"].forEach((e=>{"scout-switch"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{c as ScoutSwitch,l as defineCustomElement}

package/dist/custom-elements.d.ts

@@ -38,6 +38,17 @@ interface ComponentCompilerTypeReference {
    * An ID for this type which is unique within a Stencil project.
    */
   id: string;
+  /**
+   * Whether this type was imported as a default import (e.g., `import MyEnum from './my-enum'`)
+   * vs a named import (e.g., `import { MyType } from './my-type'`)
+   */
+  isDefault?: boolean;
+  /**
+   * The name used in the import statement (before any user-defined alias).
+   * For `import { XAxisOption as moo }`, this would be "XAxisOption".
+   * This is the name exported by the source module.
+   */
+  referenceLocation?: string;
 }
 interface ComponentCompilerReferencedType {
   /**

package/dist/custom-elements.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2026-01-09T20:42:14",
+  "timestamp": "2026-01-10T01:12:55",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.3",
-    "typescriptVersion": "5.9.3"
+    "version": "4.41.1",
+    "typescriptVersion": "5.8.3"
   },
   "components": [
     {
@@ -422,6 +422,46 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "size",
+          "type": "\"large\" | \"medium\"",
+          "complexType": {
+            "original": "Size",
+            "resolved": "\"large\" | \"medium\"",
+            "references": {
+              "Size": {
+                "location": "local",
+                "path": "/home/runner/work/j26-components/j26-components/packages/ui-webc/src/components/button/button.tsx",
+                "id": "src/components/button/button.tsx::Size"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Size of the button.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"medium\""
+            }
+          ],
+          "default": "\"medium\"",
+          "values": [
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "target",
           "type": "string",
@@ -1160,9 +1200,15 @@
           "name": "size",
           "type": "\"large\" | \"medium\"",
           "complexType": {
-            "original": "\"medium\" | \"large\"",
+            "original": "Size",
             "resolved": "\"large\" | \"medium\"",
-            "references": {}
+            "references": {
+              "Size": {
+                "location": "local",
+                "path": "/home/runner/work/j26-components/j26-components/packages/ui-webc/src/components/input/input.tsx",
+                "id": "src/components/input/input.tsx::Size"
+              }
+            }
           },
           "mutable": false,
           "attr": "size",
@@ -1304,9 +1350,15 @@
           "name": "variant",
           "type": "\"default\" | \"elevated\"",
           "complexType": {
-            "original": "\"default\" | \"elevated\"",
+            "original": "Variant",
             "resolved": "\"default\" | \"elevated\"",
-            "references": {}
+            "references": {
+              "Variant": {
+                "location": "local",
+                "path": "/home/runner/work/j26-components/j26-components/packages/ui-webc/src/components/input/input.tsx",
+                "id": "src/components/input/input.tsx::Variant"
+              }
+            }
           },
           "mutable": false,
           "attr": "variant",
@@ -3037,11 +3089,26 @@
       "docstring": "",
       "path": "src/components/bottom-bar-item/bottom-bar-item.tsx"
     },
+    "src/components/button/button.tsx::Size": {
+      "declaration": "export type Size = \"medium\" | \"large\";",
+      "docstring": "",
+      "path": "src/components/button/button.tsx"
+    },
     "src/components/button/button.tsx::Variant": {
       "declaration": "export type Variant = \"primary\" | \"outlined\" | \"text\" | \"caution\" | \"danger\";",
       "docstring": "",
       "path": "src/components/button/button.tsx"
     },
+    "src/components/input/input.tsx::Size": {
+      "declaration": "export type Size = \"medium\" | \"large\";",
+      "docstring": "",
+      "path": "src/components/input/input.tsx"
+    },
+    "src/components/input/input.tsx::Variant": {
+      "declaration": "export type Variant = \"default\" | \"elevated\";",
+      "docstring": "",
+      "path": "src/components/input/input.tsx"
+    },
     "src/components/input/input.tsx::InputType": {
       "declaration": "export type InputType =\n  | \"text\"\n  | \"password\"\n  | \"email\"\n  | \"number\"\n  | \"tel\"\n  | \"url\"\n  // Hack to suggest above value but still allow any other string value\n  | (string & {});",
       "docstring": "",