inputs-wc 0.1.138 → 0.1.139
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 +4 -1
- 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-28e7a307.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 +2 -2
- package/dist/inputs-wc/p-ff20c18f.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{.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)}}}}`;
|
|
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{.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)}}}}`;
|
|
30
30
|
|
|
31
31
|
const SampleForm = class {
|
|
32
32
|
constructor(hostRef) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
1
|
+
/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -10,6 +10,9 @@
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
@layer utilities {
|
|
13
|
+
.start {
|
|
14
|
+
inset-inline-start: var(--spacing);
|
|
15
|
+
}
|
|
13
16
|
.mr-2 {
|
|
14
17
|
margin-right: calc(var(--spacing) * 2);
|
|
15
18
|
}
|
|
@@ -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 s,a as o,s as a}from"./tw.js";const i=e=>{const{label:t,callback:l}=e;return r("button",{class:s("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,s=e.size||24;return r("svg",{class:e.class,width:s,height:s,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"}))},n=e=>{const t=e.hex||"currentColor",l=e.selected||!1,s=e.size||24;return r("svg",{class:e.class,width:s,height:s,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"}))},d=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}refresh(){o.refresh()}render(){const{items:e,itemSets:t,pick:l}=a,s=a.tag,d=t.map(((e,t)=>r("span",{onClick:()=>o.pick(t)},r(n,{selected:t==l})))),h=e.map((({key:e,value:t})=>r(s,{"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:()=>o.toggle()},r(c,{selected:"numeric-input"===s,label:s})),...d),...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{.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)}}}}"}},[1,"sample-form"]),h=d,f=function(){"undefined"!=typeof customElements&&["sample-form"].forEach((r=>{"sample-form"===r&&(customElements.get(l(r))||customElements.define(l(r),d))}))};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{.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)}}}}`;
|
|
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{.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)}}}}`;
|
|
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-BxOkRpyR.js";export{s as setNonce}from"./p-BxOkRpyR.js";import{g as m}from"./p-DQuL1Twl.js";var o=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const s=a.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&s.appendChild(t[e].cloneNode(!0));return s}};(()=>{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-21ec9e8a",[[0,"alt-input",{min:[2],max:[2],xId:[1,"x-id"],value:[2,"x-value"]}]]],["p-83eb32f2",[[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-BxOkRpyR.js";export{s as setNonce}from"./p-BxOkRpyR.js";import{g as m}from"./p-DQuL1Twl.js";var o=e=>{const a=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return a.call(this,e);const s=a.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&s.appendChild(t[e].cloneNode(!0));return s}};(()=>{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-21ec9e8a",[[0,"alt-input",{min:[2],max:[2],xId:[1,"x-id"],value:[2,"x-value"]}]]],["p-83eb32f2",[[0,"numeric-input",{min:[2],max:[2],xId:[1,"x-id"],xPrefix:[1,"x-prefix"],value:[2,"x-value"]}]]],["p-28e7a307",[[1,"sample-form"]]]],e))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as r,r as e}from"./p-BxOkRpyR.js";import{t as l,a as t,s as a}from"./p-BUfqUGq3.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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "inputs-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.139",
|
|
4
4
|
"description": "Stencil Component Starter",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"prettier": "3.8.1",
|
|
31
31
|
"prettier-plugin-tailwindcss": "0.7.2",
|
|
32
32
|
"proto-tailwindcss-clrs": "0.0.469",
|
|
33
|
-
"tailwindcss": "4.
|
|
33
|
+
"tailwindcss": "4.2.0",
|
|
34
34
|
"typescript": "5.9.3",
|
|
35
35
|
"workbox-build": "7.4.0",
|
|
36
36
|
"yoctocolors": "2.1.2"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as r,r as e}from"./p-BxOkRpyR.js";import{t as l,a as t,s as o}from"./p-BUfqUGq3.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}
|