@scouterna/ui-webc 2.2.4 → 2.2.6

package/dist/components/scout-stack.js

@@ -1,62 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fr5CaUFu.js';
-
-const stackCss = ":host{display:flex;width:100%;flex-direction:var(--stack-flex-direction);gap:var(--stack-gap-spacing)}";
-
-var GapSizeValues;
-(function (GapSizeValues) {
-    GapSizeValues["xs"] = "2";
-    GapSizeValues["s"] = "4";
-    GapSizeValues["m"] = "8";
-    GapSizeValues["l"] = "12";
-    GapSizeValues["xl"] = "16";
-    GapSizeValues["xxl"] = "20";
-})(GapSizeValues || (GapSizeValues = {}));
-const ScoutStack$1 = /*@__PURE__*/ proxyCustomElement(class ScoutStack extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    /**
-     * The direction of the stack.
-     */
-    direction = "row";
-    /**
-     * Gap size. If more sizes are needed, we can expand.
-     */
-    gapSize = "m";
-    render() {
-        return (h(Host, { key: '46f8dfbf3721fe377297d936ea07595e85b933a3', style: {
-                "--stack-flex-direction": `${this.direction}`,
-                "--stack-gap-spacing": `var(--spacing-${GapSizeValues[this.gapSize]})`,
-            } }, h("slot", { key: '9d0a64fbc02da0960e96293696e77a7688af7132' })));
-    }
-    static get delegatesFocus() { return true; }
-    static get style() { return stackCss; }
-}, [785, "scout-stack", {
-        "direction": [1],
-        "gapSize": [1, "gap-size"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["scout-stack"];
-    components.forEach(tagName => { switch (tagName) {
-        case "scout-stack":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScoutStack$1);
-            }
-            break;
-    } });
-}
-
-const ScoutStack = ScoutStack$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ScoutStack, defineCustomElement };
-//# sourceMappingURL=scout-stack.js.map
-
-//# sourceMappingURL=scout-stack.js.map
+import{p as t,H as e,h as s,d as c,t as a}from"./p-CmHrcz9s.js";var i;!function(t){t.xs="2",t.s="4",t.m="8",t.l="12",t.xl="16",t.xxl="20"}(i||(i={}));const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}direction="row";gapSize="m";render(){return s(c,{key:"768d68ecb7184d322a181d5917f2eaee3d270c52",style:{"--stack-flex-direction":""+this.direction,"--stack-gap-spacing":`var(--spacing-${i[this.gapSize]})`}},s("slot",{key:"01a68b251dcbc2b46a2902f922fe56c57daf840c"}))}static get delegatesFocus(){return!0}static get style(){return":host{display:flex;width:100%;flex-direction:var(--stack-flex-direction);gap:var(--stack-gap-spacing)}"}},[785,"scout-stack",{direction:[1],gapSize:[1,"gap-size"]}]),n=r,o=function(){"undefined"!=typeof customElements&&["scout-stack"].forEach((t=>{"scout-stack"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))};export{n as ScoutStack,o as defineCustomElement}

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-DaGMxK4K.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: '22aee29982e7bb00cf76c2a096c4cf40b53e51c4' }, this.label, h("span", { key: '5ce6c501344e3da675d371e4a62794104ec1e6f1', class: "inlineDivider" }), h("input", { key: '81c07b77cd2ccdc66b93067da4eb15b62c87d5fd', 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-03T17:56:00",
+  "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": [
     {
@@ -283,7 +283,7 @@
     },
     {
       "filePath": "src/components/button/button.tsx",
-      "encapsulation": "scoped",
+      "encapsulation": "none",
       "tag": "scout-button",
       "readme": "# scout-button\n\n\n",
       "docs": "A button component that can be used either as a normal button or as a link.\nWill render a `<button>` element when the `type` is set to \"button\",\n\"submit\", or \"reset\", and an `<a>` element when the `type` is set to \"link\".",
@@ -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",
@@ -1133,6 +1173,69 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder text should rarely be used as it poses a lot of accessibility\nissues.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "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/input/input.tsx",
+                "id": "src/components/input/input.tsx::Size"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Size of the input element. Large fields are typically used for prominent\ninputs, such as a top search field on a page, while medium fields are used\nfor regular form inputs.",
+          "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": "type",
           "type": "\"email\" | \"number\" | \"password\" | \"tel\" | \"text\" | \"url\" | string & {}",
@@ -1242,6 +1345,46 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"default\" | \"elevated\"",
+          "complexType": {
+            "original": "Variant",
+            "resolved": "\"default\" | \"elevated\"",
+            "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",
+          "reflectToAttr": false,
+          "docs": "Visual variant of the input element. Elevated inputs have a shadow to help\nthem stand out from the background and should only be used when absolutely\npositioned above other content.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "\"default\""
+            }
+          ],
+          "default": "\"default\"",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "elevated",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -1604,6 +1747,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "href",
           "type": "string",
@@ -2923,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": "",