@andespindola/ui-core 0.4.0 → 0.4.1
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/ui-avatar.cjs.entry.js +1 -1
- package/dist/cjs/ui-button.cjs.entry.js +1 -1
- package/dist/cjs/ui-spinner.cjs.entry.js +1 -1
- package/dist/collection/components/ui-avatar/ui-avatar.css +2 -1
- package/dist/collection/components/ui-button/ui-button.css +3 -2
- package/dist/collection/components/ui-spinner/ui-spinner.css +1 -0
- package/dist/components/p-Bme0V5M9.js +1 -0
- package/dist/components/ui-avatar.js +1 -1
- package/dist/components/ui-button.js +1 -1
- package/dist/components/ui-loading-overlay.js +1 -1
- package/dist/components/ui-spinner.js +1 -1
- package/dist/esm/ui-avatar.entry.js +1 -1
- package/dist/esm/ui-button.entry.js +1 -1
- package/dist/esm/ui-spinner.entry.js +1 -1
- package/dist/uikit/p-73a6b682.entry.js +1 -0
- package/dist/uikit/p-86af6f43.entry.js +1 -0
- package/dist/uikit/p-aef9bb6e.entry.js +1 -0
- package/dist/uikit/uikit.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-yTNEyxh1.js +0 -1
- package/dist/uikit/p-58035d5a.entry.js +0 -1
- package/dist/uikit/p-5ff44eca.entry.js +0 -1
- package/dist/uikit/p-6d58ff8d.entry.js +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DV8CICae.js');
|
|
4
4
|
|
|
5
|
-
const uiAvatarCss = () => `:host{display:inline-
|
|
5
|
+
const uiAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}`;
|
|
6
6
|
|
|
7
7
|
const UiAvatar = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DV8CICae.js');
|
|
4
4
|
|
|
5
|
-
const uiButtonCss = () => `:host{display:inline-
|
|
5
|
+
const uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle}:host([full]){display:flex;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
|
|
6
6
|
|
|
7
7
|
const UiButton = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DV8CICae.js');
|
|
4
4
|
|
|
5
|
-
const uiSpinnerCss = () => `:host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}`;
|
|
5
|
+
const uiSpinnerCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}`;
|
|
6
6
|
|
|
7
7
|
const UiSpinner = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as s,H as i,h as r,a as n}from"./index.js";const t=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return r(n,{key:"fdbe42a3b0cd906ff4c0dd79cc661370aa36cf22",role:"status"},r("span",{key:"aab2633191dd34f3b9ba49d4335ec3aaafcfb0a8",class:{spinner:!0,[`size-${this.size}`]:!0}}),r("span",{key:"bd4d9cf78c4b05dcf5e1146a13f9754dce2d5127",class:"sr-only"},"Carregando"))}static get style(){return":host{display:inline-flex;vertical-align:middle;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}"}},[1,"ui-spinner",{size:[1]}]);function a(){"undefined"!=typeof customElements&&["ui-spinner"].forEach((s=>{"ui-spinner"===s&&(customElements.get(e(s))||customElements.define(e(s),t))}))}a();export{t as U,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as a,p as t,H as
|
|
1
|
+
import{t as a,p as t,H as i,h as s,a as e}from"./index.js";const r=t(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.alt=""}render(){return s(e,{key:"6347a5a14cb07b2782759417006f8a23fd7a6b54"},s("span",{key:"dfb14ae7a3e19312a7fa597612a9d10842561d8f",class:"wrapper"},s("span",{key:"66ad000b4c2f1bea00332cc164a86ee196b80943",class:"avatar"},this.src?s("img",{class:"image",src:this.src,alt:this.alt}):s("span",{class:"fallback"},this.fallback)),this.status&&s("span",{key:"d40f9d4f2c42415aa8c346f2819aade2221a2829",class:"status status-"+this.status,"aria-label":this.status})))}static get style(){return":host{display:inline-flex;vertical-align:middle;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}"}},[1,"ui-avatar",{src:[1],alt:[1],fallback:[1],status:[1]}]);function n(){"undefined"!=typeof customElements&&["ui-avatar"].forEach((t=>{"ui-avatar"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))}n();const u=r,o=n;export{u as UiAvatar,o as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as r,p as
|
|
1
|
+
import{t as r,p as e,H as t,h as i,a}from"./index.js";const o=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.size="md",this.disabled=!1,this.loading=!1,this.type="button",this.full=!1}render(){return i(a,{key:"fa9886a20cac8424b127be543c0fd1ad04cc2fb1"},i("button",{key:"c54077dabce85b286733efcae8a08a435b81d72e",class:{btn:!0,["variant-"+this.variant]:!0,["size-"+this.size]:!0},type:this.type,disabled:this.disabled||this.loading,"aria-busy":this.loading?"true":null},this.loading&&i("span",{key:"8e557bd098d5655be256ea7fc0748990b7f11026",class:"spinner","aria-hidden":"true"}),i("slot",{key:"36946d065411700928e3541f351a3f6f75018ae9"})))}static get style(){return":host{display:inline-flex;vertical-align:middle}:host([full]){display:flex;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}"}},[257,"ui-button",{variant:[1],size:[1],disabled:[4],loading:[4],type:[1],full:[516]}]);function n(){"undefined"!=typeof customElements&&["ui-button"].forEach((e=>{"ui-button"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))}n();const s=o,u=n;export{s as UiButton,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as i,h as t,a as n}from"./index.js";import{d as r}from"./p-
|
|
1
|
+
import{t as e,p as s,H as i,h as t,a as n}from"./index.js";import{d as r}from"./p-Bme0V5M9.js";const o=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.visible=!1,this.spinnerSize="md"}render(){return this.visible?t(n,{role:"status","aria-live":"polite"},t("div",{class:"overlay"},t("ui-spinner",{size:this.spinnerSize}),this.label&&t("p",{class:"label"},this.label))):t(n,null)}static get style(){return":host{display:contents}.overlay{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;background:var(--ui-overlay);backdrop-filter:blur(4px);border-radius:inherit;font-family:var(--ui-font-sans)}.label{margin:0;font-size:0.875rem;color:var(--ui-text-soft)}"}},[1,"ui-loading-overlay",{visible:[4],label:[1],spinnerSize:[1,"spinner-size"]}]);function a(){"undefined"!=typeof customElements&&["ui-loading-overlay","ui-spinner"].forEach((s=>{switch(s){case"ui-loading-overlay":customElements.get(e(s))||customElements.define(e(s),o);break;case"ui-spinner":customElements.get(e(s))||r()}}))}a();const l=o,u=a;export{l as UiLoadingOverlay,u as defineCustomElement}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{U as o,d as s}from"./p-
|
|
1
|
+
import{U as o,d as s}from"./p-Bme0V5M9.js";const m=o,p=s;export{m as UiSpinner,p as defineCustomElement}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
|
|
2
2
|
|
|
3
|
-
const uiAvatarCss = () => `:host{display:inline-
|
|
3
|
+
const uiAvatarCss = () => `:host{display:inline-flex;vertical-align:middle;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}`;
|
|
4
4
|
|
|
5
5
|
const UiAvatar = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
|
|
2
2
|
|
|
3
|
-
const uiButtonCss = () => `:host{display:inline-
|
|
3
|
+
const uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle}:host([full]){display:flex;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}`;
|
|
4
4
|
|
|
5
5
|
const UiButton = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-COlwaVJP.js';
|
|
2
2
|
|
|
3
|
-
const uiSpinnerCss = () => `:host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}`;
|
|
3
|
+
const uiSpinnerCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}`;
|
|
4
4
|
|
|
5
5
|
const UiSpinner = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as i,H as t}from"./p-COlwaVJP.js";const r=class{constructor(i){a(this,i),this.alt=""}render(){return i(t,{key:"6347a5a14cb07b2782759417006f8a23fd7a6b54"},i("span",{key:"dfb14ae7a3e19312a7fa597612a9d10842561d8f",class:"wrapper"},i("span",{key:"66ad000b4c2f1bea00332cc164a86ee196b80943",class:"avatar"},this.src?i("img",{class:"image",src:this.src,alt:this.alt}):i("span",{class:"fallback"},this.fallback)),this.status&&i("span",{key:"d40f9d4f2c42415aa8c346f2819aade2221a2829",class:`status status-${this.status}`,"aria-label":this.status})))}};r.style=":host{display:inline-flex;vertical-align:middle;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}";export{r as ui_avatar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as i,H as e}from"./p-COlwaVJP.js";const a=class{constructor(i){r(this,i),this.variant="default",this.size="md",this.disabled=!1,this.loading=!1,this.type="button",this.full=!1}render(){return i(e,{key:"fa9886a20cac8424b127be543c0fd1ad04cc2fb1"},i("button",{key:"c54077dabce85b286733efcae8a08a435b81d72e",class:{btn:!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0},type:this.type,disabled:this.disabled||this.loading,"aria-busy":this.loading?"true":null},this.loading&&i("span",{key:"8e557bd098d5655be256ea7fc0748990b7f11026",class:"spinner","aria-hidden":"true"}),i("slot",{key:"36946d065411700928e3541f351a3f6f75018ae9"})))}};a.style=":host{display:inline-flex;vertical-align:middle}:host([full]){display:flex;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}";export{a as ui_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as i,H as r}from"./p-COlwaVJP.js";const s=class{constructor(i){e(this,i),this.size="md"}render(){return i(r,{key:"fdbe42a3b0cd906ff4c0dd79cc661370aa36cf22",role:"status"},i("span",{key:"aab2633191dd34f3b9ba49d4335ec3aaafcfb0a8",class:{spinner:!0,[`size-${this.size}`]:!0}}),i("span",{key:"bd4d9cf78c4b05dcf5e1146a13f9754dce2d5127",class:"sr-only"},"Carregando"))}};s.style=":host{display:inline-flex;vertical-align:middle;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}";export{s as ui_spinner}
|
package/dist/uikit/uikit.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,g as a,b as i}from"./p-COlwaVJP.js";export{s as setNonce}from"./p-COlwaVJP.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-247f7a40",[[1,"ui-loading-overlay",{visible:[4],label:[1],spinnerSize:[1,"spinner-size"]}]]],["p-c0b3f5a3",[[1,"ui-toaster",{items:[32],toast:[64]}]]],["p-7aeed213",[[257,"ui-accordion"]]],["p-56b1bf3f",[[257,"ui-accordion-item",{heading:[1],open:[1540]}]]],["p-5562b70d",[[257,"ui-alert",{variant:[1],heading:[1],dismissible:[4],open:[32]}]]],["p-
|
|
1
|
+
import{p as e,g as a,b as i}from"./p-COlwaVJP.js";export{s as setNonce}from"./p-COlwaVJP.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((async e=>(await a(),i([["p-247f7a40",[[1,"ui-loading-overlay",{visible:[4],label:[1],spinnerSize:[1,"spinner-size"]}]]],["p-c0b3f5a3",[[1,"ui-toaster",{items:[32],toast:[64]}]]],["p-7aeed213",[[257,"ui-accordion"]]],["p-56b1bf3f",[[257,"ui-accordion-item",{heading:[1],open:[1540]}]]],["p-5562b70d",[[257,"ui-alert",{variant:[1],heading:[1],dismissible:[4],open:[32]}]]],["p-73a6b682",[[1,"ui-avatar",{src:[1],alt:[1],fallback:[1],status:[1]}]]],["p-bf66ce1b",[[257,"ui-avatar-group"]]],["p-2a4de93f",[[257,"ui-badge",{variant:[1],dot:[4],removable:[4]}]]],["p-acce5342",[[257,"ui-breadcrumb"]]],["p-849347da",[[257,"ui-breadcrumb-item",{href:[1],current:[4]}]]],["p-86af6f43",[[257,"ui-button",{variant:[1],size:[1],disabled:[4],loading:[4],type:[1],full:[516]}]]],["p-86bf22c1",[[257,"ui-card"]]],["p-26c4b4f9",[[257,"ui-carousel",{loop:[4],autoplay:[2],showArrows:[4,"show-arrows"],showDots:[4,"show-dots"],index:[32],count:[32],next:[64],prev:[64],goTo:[64]}]]],["p-e32fa613",[[1,"ui-checkbox",{checked:[1540],disabled:[4],name:[1],value:[1]}]]],["p-2716a9e4",[[1,"ui-combobox",{options:[16],value:[1025],placeholder:[1],query:[32],open:[32],activeIndex:[32]}]]],["p-faa31e8c",[[1,"ui-command",{open:[1540],items:[16],placeholder:[1],hotkey:[4],query:[32],activeIndex:[32],show:[64],close:[64]},null,{open:[{onOpenChange:0}]}]]],["p-4c2fb226",[[257,"ui-container",{size:[1],padded:[4]}]]],["p-dc00c84b",[[1,"ui-date-picker",{value:[1025],placeholder:[1],open:[32],viewYear:[32],viewMonth:[32]},null,{value:[{onValueChange:0}]}]]],["p-e891fec3",[[257,"ui-dialog",{open:[1540],show:[64],close:[64]},null,{open:[{onOpenChange:0}]}]]],["p-24c9885b",[[257,"ui-drawer",{open:[1540],side:[513],show:[64],close:[64]},null,{open:[{onOpenChange:0}]}]]],["p-d73e789a",[[257,"ui-dropdown-item",{disabled:[516]}]]],["p-66037a7c",[[257,"ui-dropdown-menu",{open:[1540],placement:[1],show:[64],close:[64]},[[0,"uiDropdownClose","onItemClose"]],{open:[{onOpenChange:0}]}]]],["p-57adf02c",[[257,"ui-field",{label:[1],description:[1],error:[1],required:[4],fieldId:[1,"field-id"]}]]],["p-e61e7ef1",[[1,"ui-file-upload",{accept:[1],multiple:[4],label:[1],files:[32],dragging:[32]}]]],["p-80236139",[[257,"ui-grid",{columns:[2],gap:[1],minItemWidth:[1,"min-item-width"]}]]],["p-02583f33",[[257,"ui-input",{value:[1025],placeholder:[1],type:[1],disabled:[4],invalid:[4],name:[1],clearable:[4]}]]],["p-4281fc69",[[257,"ui-label"]]],["p-30834f9e",[[257,"ui-navbar"]]],["p-2ce36223",[[1,"ui-pagination",{total:[2],current:[1538],siblings:[2]}]]],["p-186d394f",[[257,"ui-popover",{open:[1540],placement:[1],show:[64],close:[64]},null,{open:[{onOpenChange:0}]}]]],["p-bd287e67",[[1,"ui-progress",{value:[2],max:[2],indeterminate:[4]}]]],["p-0b8fb2cc",[[1,"ui-progress-circular",{value:[2],max:[2],size:[1],strokeWidth:[2,"stroke-width"],indeterminate:[4],showValue:[4,"show-value"]}]]],["p-aa0ce28c",[[1,"ui-radio-group",{value:[1025],name:[1],options:[16],disabled:[4]}]]],["p-7a04fd11",[[1,"ui-rating",{value:[1026],max:[2],readonly:[4],hoverValue:[32]}]]],["p-81a37bda",[[257,"ui-reveal",{delay:[2],visible:[32]}]]],["p-e2e35a6b",[[1,"ui-scroll-progress",{progress:[32]}]]],["p-b232849a",[[257,"ui-section",{eyebrow:[1],heading:[1],description:[1]}]]],["p-a8f81996",[[1,"ui-segmented",{items:[16],value:[1537]}]]],["p-33a19160",[[1,"ui-select",{value:[1025],disabled:[4],name:[1],options:[16],placeholder:[1]}]]],["p-12777ebf",[[1,"ui-separator",{orientation:[513]}]]],["p-400536f7",[[1,"ui-skeleton"]]],["p-c29317aa",[[1,"ui-slider",{value:[1026],min:[2],max:[2],step:[2],disabled:[4]}]]],["p-ef6ec7f7",[[257,"ui-stack",{direction:[1],gap:[1],align:[1],justify:[1],wrap:[4]}]]],["p-a4b535ad",[[257,"ui-stat",{label:[1],value:[1],delta:[1],trend:[1]}]]],["p-aa41b084",[[1,"ui-switch",{checked:[1540],disabled:[4]}]]],["p-41355be1",[[1,"ui-table",{columns:[16],rows:[16],striped:[4],hoverable:[4]}]]],["p-333a3598",[[257,"ui-tabs",{value:[1537],items:[16]}]]],["p-de2bb69c",[[1,"ui-textarea",{value:[1025],placeholder:[1],disabled:[4],invalid:[4],name:[1],rows:[2]}]]],["p-a312d278",[[1,"ui-theme-toggle",{isDark:[32]}]]],["p-866a0947",[[257,"ui-timeline"]]],["p-98234aed",[[257,"ui-timeline-item",{heading:[1],time:[1],variant:[513]}]]],["p-27c609c2",[[257,"ui-tooltip",{content:[1],placement:[1],openDelay:[2,"open-delay"],visible:[32]}]]],["p-aef9bb6e",[[1,"ui-spinner",{size:[1]}]]],["p-411a753f",[[1,"ui-toast",{open:[1540],variant:[1],heading:[1],description:[1],duration:[2],show:[64],close:[64]},null,{open:[{onOpenChange:0}]}]]]],e))));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@andespindola/ui-core",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.1",
|
|
4
4
|
"description": "Web Components (design system) com a identidade visual do portfólio andersonespindola.com — base agnóstica de framework para React, Angular e qualquer app.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Anderson Espindola <andersonfaustinolima@gmail.com>",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e,p as s,H as i,h as r,a as n}from"./index.js";const t=s(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return r(n,{key:"fdbe42a3b0cd906ff4c0dd79cc661370aa36cf22",role:"status"},r("span",{key:"aab2633191dd34f3b9ba49d4335ec3aaafcfb0a8",class:{spinner:!0,[`size-${this.size}`]:!0}}),r("span",{key:"bd4d9cf78c4b05dcf5e1146a13f9754dce2d5127",class:"sr-only"},"Carregando"))}static get style(){return":host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}"}},[1,"ui-spinner",{size:[1]}]);function a(){"undefined"!=typeof customElements&&["ui-spinner"].forEach((s=>{"ui-spinner"===s&&(customElements.get(e(s))||customElements.define(e(s),t))}))}a();export{t as U,a as d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as r,H as i}from"./p-COlwaVJP.js";const s=class{constructor(r){e(this,r),this.size="md"}render(){return r(i,{key:"fdbe42a3b0cd906ff4c0dd79cc661370aa36cf22",role:"status"},r("span",{key:"aab2633191dd34f3b9ba49d4335ec3aaafcfb0a8",class:{spinner:!0,[`size-${this.size}`]:!0}}),r("span",{key:"bd4d9cf78c4b05dcf5e1146a13f9754dce2d5127",class:"sr-only"},"Carregando"))}};s.style=":host{display:inline-flex;color:var(--ui-accent)}.spinner{display:inline-block;border-radius:var(--ui-radius-full);border:2px solid currentColor;border-top-color:transparent;animation:ui-spinner-spin 0.7s linear infinite}.size-sm{width:1rem;height:1rem}.size-md{width:1.5rem;height:1.5rem}.size-lg{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes ui-spinner-spin{to{transform:rotate(360deg)}}";export{s as ui_spinner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as i,H as s}from"./p-COlwaVJP.js";const t=class{constructor(i){a(this,i),this.alt=""}render(){return i(s,{key:"6347a5a14cb07b2782759417006f8a23fd7a6b54"},i("span",{key:"dfb14ae7a3e19312a7fa597612a9d10842561d8f",class:"wrapper"},i("span",{key:"66ad000b4c2f1bea00332cc164a86ee196b80943",class:"avatar"},this.src?i("img",{class:"image",src:this.src,alt:this.alt}):i("span",{class:"fallback"},this.fallback)),this.status&&i("span",{key:"d40f9d4f2c42415aa8c346f2819aade2221a2829",class:`status status-${this.status}`,"aria-label":this.status})))}};t.style=":host{display:inline-block;}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-avatar-size, 2.5rem);height:var(--ui-avatar-size, 2.5rem);border-radius:var(--ui-radius-full);border:1px solid var(--ui-border);background:var(--ui-chip);overflow:hidden;font-family:var(--ui-font-sans)}.image{width:100%;height:100%;object-fit:cover}.fallback{font-size:0.875rem;font-weight:500;color:var(--ui-text-muted);line-height:1}.wrapper{position:relative;display:inline-flex}.status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:0.55rem;min-height:0.55rem;border-radius:var(--ui-radius-full);border:2px solid var(--ui-background);box-sizing:border-box}.status-online{background:var(--ui-success)}.status-busy{background:var(--ui-danger)}.status-away{background:var(--ui-warning)}.status-offline{background:var(--ui-text-faint)}";export{t as ui_avatar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as i,H as a}from"./p-COlwaVJP.js";const e=class{constructor(i){r(this,i),this.variant="default",this.size="md",this.disabled=!1,this.loading=!1,this.type="button",this.full=!1}render(){return i(a,{key:"fa9886a20cac8424b127be543c0fd1ad04cc2fb1"},i("button",{key:"c54077dabce85b286733efcae8a08a435b81d72e",class:{btn:!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0},type:this.type,disabled:this.disabled||this.loading,"aria-busy":this.loading?"true":null},this.loading&&i("span",{key:"8e557bd098d5655be256ea7fc0748990b7f11026",class:"spinner","aria-hidden":"true"}),i("slot",{key:"36946d065411700928e3541f351a3f6f75018ae9"})))}};e.style=":host{display:inline-block}:host([full]){display:block;width:100%}:host([full]) .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;white-space:nowrap;border:1px solid transparent;border-radius:var(--ui-radius-full);background:transparent;color:var(--ui-foreground);font-family:var(--ui-font-sans);font-weight:500;cursor:pointer;outline:none;transition:all var(--ui-duration) var(--ui-ease)}.btn:active{transform:scale(0.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--ui-background), 0 0 0 4px var(--ui-ring)}.btn:disabled{pointer-events:none;opacity:0.5}.size-sm{height:2.25rem;padding:0 1rem;font-size:0.75rem}.size-md{height:2.75rem;padding:0 1.25rem;font-size:0.875rem}.size-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.size-icon{height:2.5rem;width:2.5rem;padding:0}.variant-solid{background:var(--ui-accent);color:var(--ui-accent-contrast);box-shadow:var(--ui-shadow)}.variant-solid:hover{filter:brightness(1.1)}.variant-default{background:var(--ui-panel-strong);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-default:hover{border-color:var(--ui-border-strong)}.variant-subtle{background:var(--ui-chip);color:var(--ui-foreground);border-color:var(--ui-border);backdrop-filter:blur(22px)}.variant-subtle:hover{background:var(--ui-panel)}.variant-outline{color:var(--ui-foreground);border-color:color-mix(in srgb, var(--ui-foreground) 30%, transparent)}.variant-outline:hover{background:var(--ui-chip);border-color:color-mix(in srgb, var(--ui-foreground) 45%, transparent)}.variant-ghost{color:var(--ui-text-soft)}.variant-ghost:hover{background:var(--ui-chip)}.variant-destructive{background:var(--ui-danger);color:var(--ui-on-status)}.variant-destructive:hover{filter:brightness(1.1)}.variant-link{color:var(--ui-accent);text-underline-offset:4px}.variant-link:hover{text-decoration:underline}.spinner{width:1rem;height:1rem;border-radius:9999px;border:2px solid currentColor;border-top-color:transparent;animation:ui-button-spin 0.7s linear infinite}@keyframes ui-button-spin{to{transform:rotate(360deg)}}";export{e as ui_button}
|