inputs-wc 0.1.175 → 0.1.177
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/sample-form.cjs.entry.js +1 -1
- package/dist/collection/styles/shadow.css +1 -4
- package/dist/collection/tokens.css +1 -1
- package/dist/collection/utils/tw-version.js +1 -1
- package/dist/components/sample-form.js +1 -1
- package/dist/esm/sample-form.entry.js +1 -1
- package/dist/inputs-wc/inputs-wc.esm.js +1 -1
- package/dist/inputs-wc/p-e9cd899d.entry.js +1 -0
- package/dist/inputs-wc/tokens.css +1 -1
- package/dist/types/utils/tw-version.d.ts +1 -1
- package/package.json +3 -3
- package/dist/inputs-wc/p-80b305af.entry.js +0 -1
|
@@ -26,7 +26,7 @@ const Radio = props => {
|
|
|
26
26
|
return (index.h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, index.h("title", null, label), ' ', index.h("g", { fill: hex }, selected ? (index.h("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })) : (index.h("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }))), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
|
|
27
27
|
};
|
|
28
28
|
|
|
29
|
-
const shadowCss = () => `@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.
|
|
29
|
+
const shadowCss = () => `@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate4{border-color:var(--clrs-slate4, #4e5964)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:bg-clrs-red{&:hover{@media (hover: hover){background-color:var(--clrs-red, #ff4136)}}}}`;
|
|
30
30
|
|
|
31
31
|
const SampleForm = class {
|
|
32
32
|
constructor(hostRef) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
1
|
+
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -10,9 +10,6 @@
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
@layer utilities {
|
|
13
|
-
.start {
|
|
14
|
-
inset-inline-start: var(--spacing);
|
|
15
|
-
}
|
|
16
13
|
.mr-2 {
|
|
17
14
|
margin-right: calc(var(--spacing) * 2);
|
|
18
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as r,proxyCustomElement as e,HTMLElement as t,transformTag as l}from"@stencil/core/internal/client";import{t as
|
|
1
|
+
import{h as r,proxyCustomElement as e,HTMLElement as t,transformTag as l}from"@stencil/core/internal/client";import{t as o,a as s,s as a}from"./tw.js";const i=e=>{const{label:t,callback:l}=e;return r("button",{class:o("mr-2 rounded-md border border-solid border-clrs-slate4 font-bold","bg-clrs-blue px-2 py-1 text-clrs-white","hover:bg-clrs-red"),onClick:l},t)},c=e=>{const t=e.hex||"currentColor",l=e.selected||!1,o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"check")," ",r("g",{fill:t},r("path",l?{d:"M10 17L5 12L6.41 10.58L10 14.17L17.59 6.58L19 8M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3Z"}:{d:"M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3M19 5V19H5V5H19Z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},d=e=>{const t=e.hex||"currentColor",l=e.selected||!1,o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"radio")," ",r("g",{fill:t},r("path",l?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},n=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}refresh(){s.refresh()}render(){const{items:e,itemSets:t,pick:l}=a,o=a.tag,n=t.map(((e,t)=>r("span",{onClick:()=>s.pick(t)},r(d,{selected:t==l})))),h=e.map((({key:e,value:t})=>r(o,{"x-id":e,"x-value":t,max:20})));return r("div",{class:"flex flex-col gap-2 text-clrs-navy"},r("div",{class:"flex"},r(i,{label:"Refresh",callback:this.refresh}),r("span",{onClick:()=>s.toggle()},r(c,{selected:"numeric-input"===o,label:o})),...n),...h)}static get style(){return"@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate4{border-color:var(--clrs-slate4, #4e5964)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:bg-clrs-red{&:hover{@media (hover: hover){background-color:var(--clrs-red, #ff4136)}}}}"}},[1,"sample-form"]),h=n,f=function(){"undefined"!=typeof customElements&&["sample-form"].forEach((r=>{"sample-form"===r&&(customElements.get(l(r))||customElements.define(l(r),n))}))};export{h as SampleForm,f as defineCustomElement}
|
|
@@ -24,7 +24,7 @@ const Radio = props => {
|
|
|
24
24
|
return (h("svg", { class: klass, width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-label": "title" }, h("title", null, label), ' ', h("g", { fill: hex }, selected ? (h("path", { d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })) : (h("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }))), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
|
|
25
25
|
};
|
|
26
26
|
|
|
27
|
-
const shadowCss = () => `@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.
|
|
27
|
+
const shadowCss = () => `@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate4{border-color:var(--clrs-slate4, #4e5964)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:bg-clrs-red{&:hover{@media (hover: hover){background-color:var(--clrs-red, #ff4136)}}}}`;
|
|
28
28
|
|
|
29
29
|
const SampleForm = class {
|
|
30
30
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,B as a,c as t,w as n,N as i,H as r,b as p}from"./p-CeMCsS96.js";export{s as setNonce}from"./p-CeMCsS96.js";import{g as m}from"./p-DQuL1Twl.js";var o=e=>{const s=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return s.call(this,e);const a=s.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&a.appendChild(t[e].cloneNode(!0));return a}};(()=>{a.isDev&&!a.isTesting&&t("Running in development mode."),a.cloneNodeFix&&o(r.prototype);const s=a.scriptDataOpts?n.document&&Array.from(n.document.querySelectorAll("script")).find((e=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===i)):null,p=import.meta.url,m=a.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==p&&(m.resourcesUrl=new URL(".",p).href),e(m)})().then((async e=>(await m(),p([["p-98513b70",[[0,"alt-input",{min:[2],max:[2],xId:[1,"x-id"],value:[2,"x-value"]}]]],["p-8e27176a",[[0,"numeric-input",{min:[2],max:[2],xId:[1,"x-id"],xPrefix:[1,"x-prefix"],value:[2,"x-value"]}]]],["p-
|
|
1
|
+
import{p as e,B as a,c as t,w as n,N as i,H as r,b as p}from"./p-CeMCsS96.js";export{s as setNonce}from"./p-CeMCsS96.js";import{g as m}from"./p-DQuL1Twl.js";var o=e=>{const s=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return s.call(this,e);const a=s.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&a.appendChild(t[e].cloneNode(!0));return a}};(()=>{a.isDev&&!a.isTesting&&t("Running in development mode."),a.cloneNodeFix&&o(r.prototype);const s=a.scriptDataOpts?n.document&&Array.from(n.document.querySelectorAll("script")).find((e=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===i)):null,p=import.meta.url,m=a.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==p&&(m.resourcesUrl=new URL(".",p).href),e(m)})().then((async e=>(await m(),p([["p-98513b70",[[0,"alt-input",{min:[2],max:[2],xId:[1,"x-id"],value:[2,"x-value"]}]]],["p-8e27176a",[[0,"numeric-input",{min:[2],max:[2],xId:[1,"x-id"],xPrefix:[1,"x-prefix"],value:[2,"x-value"]}]]],["p-e9cd899d",[[1,"sample-form"]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as r,r as e}from"./p-CeMCsS96.js";import{t as l,a as t,s as o}from"./p-iD5rQrvi.js";const a=e=>{const{label:t,callback:o}=e;return r("button",{class:l("mr-2 rounded-md border border-solid border-clrs-slate4 font-bold","bg-clrs-blue px-2 py-1 text-clrs-white","hover:bg-clrs-red"),onClick:o},t)},s=e=>{const l=e.hex||"currentColor",t=e.selected||!1,o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"check")," ",r("g",{fill:l},r("path",t?{d:"M10 17L5 12L6.41 10.58L10 14.17L17.59 6.58L19 8M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3Z"}:{d:"M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3M19 5V19H5V5H19Z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},i=e=>{const l=e.hex||"currentColor",t=e.selected||!1,o=e.size||24;return r("svg",{class:e.class,width:o,height:o,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"radio")," ",r("g",{fill:l},r("path",t?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},c=class{constructor(r){e(this,r)}refresh(){t.refresh()}render(){const{items:e,itemSets:l,pick:c}=o,d=o.tag,n=l.map(((e,l)=>r("span",{onClick:()=>t.pick(l)},r(i,{selected:l==c})))),h=e.map((({key:e,value:l})=>r(d,{"x-id":e,"x-value":l,max:20})));return r("div",{class:"flex flex-col gap-2 text-clrs-navy"},r("div",{class:"flex"},r(a,{label:"Refresh",callback:this.refresh}),r("span",{onClick:()=>t.toggle()},r(s,{selected:"numeric-input"===d,label:d})),...n),...h)}};c.style="@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate4{border-color:var(--clrs-slate4, #4e5964)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:bg-clrs-red{&:hover{@media (hover: hover){background-color:var(--clrs-red, #ff4136)}}}}";export{c as sample_form}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "inputs-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.177",
|
|
4
4
|
"description": "Stencil Component Starter",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"postcss": "8.5.14",
|
|
30
30
|
"prettier": "3.8.3",
|
|
31
31
|
"prettier-plugin-tailwindcss": "0.8.0",
|
|
32
|
-
"proto-tailwindcss-clrs": "0.0.
|
|
33
|
-
"tailwindcss": "4.
|
|
32
|
+
"proto-tailwindcss-clrs": "0.0.492",
|
|
33
|
+
"tailwindcss": "4.3.0",
|
|
34
34
|
"typescript": "5.9.3",
|
|
35
35
|
"workbox-build": "7.4.1",
|
|
36
36
|
"yoctocolors": "2.1.2"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as r,r as e}from"./p-CeMCsS96.js";import{t as l,a as t,s as a}from"./p-iD5rQrvi.js";const o=e=>{const{label:t,callback:a}=e;return r("button",{class:l("mr-2 rounded-md border border-solid border-clrs-slate4 font-bold","bg-clrs-blue px-2 py-1 text-clrs-white","hover:bg-clrs-red"),onClick:a},t)},s=e=>{const l=e.hex||"currentColor",t=e.selected||!1,a=e.size||24;return r("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"check")," ",r("g",{fill:l},r("path",t?{d:"M10 17L5 12L6.41 10.58L10 14.17L17.59 6.58L19 8M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3Z"}:{d:"M19 3H5C3.89 3 3 3.89 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5C21 3.89 20.1 3 19 3M19 5V19H5V5H19Z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},i=e=>{const l=e.hex||"currentColor",t=e.selected||!1,a=e.size||24;return r("svg",{class:e.class,width:a,height:a,viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,e.label||"radio")," ",r("g",{fill:l},r("path",t?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},c=class{constructor(r){e(this,r)}refresh(){t.refresh()}render(){const{items:e,itemSets:l,pick:c}=a,d=a.tag,n=l.map(((e,l)=>r("span",{onClick:()=>t.pick(l)},r(i,{selected:l==c})))),h=e.map((({key:e,value:l})=>r(d,{"x-id":e,"x-value":l,max:20})));return r("div",{class:"flex flex-col gap-2 text-clrs-navy"},r("div",{class:"flex"},r(o,{label:"Refresh",callback:this.refresh}),r("span",{onClick:()=>t.toggle()},r(s,{selected:"numeric-input"===d,label:d})),...n),...h)}};c.style="@layer properties; @layer theme,base,components,utilities; @layer theme{:root,:host{--spacing:0.25rem;--font-weight-bold:700;--radius-md:0.375rem}}@layer utilities{.start{inset-inline-start:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clrs-slate4{border-color:var(--clrs-slate4, #4e5964)}.bg-clrs-blue{background-color:var(--clrs-blue, #0074d9)}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:bg-clrs-red{&:hover{@media (hover: hover){background-color:var(--clrs-red, #ff4136)}}}}";export{c as sample_form}
|