lingee-ui 0.0.5 → 0.0.6

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.
@@ -1 +1 @@
1
- .lg-tooltip{z-index:9999;padding:6px 8px;border-radius:var(--lg-radius-medium);background-color:var(--lg-g-bg-color-black-strong);color:var(--lg-g-fg-color-white-heavy);font-size:14px;line-height:20px;word-wrap:break-word;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a;animation-duration:.2s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-fill-mode:forwards;will-change:opacity,transform}.lg-tooltip[data-state=delayed-open][data-side=top],.lg-tooltip[data-state=instant-open][data-side=top]{animation-name:lg-tooltip-slide-in-bottom}.lg-tooltip[data-state=delayed-open][data-side=bottom],.lg-tooltip[data-state=instant-open][data-side=bottom]{animation-name:lg-tooltip-slide-in-top}.lg-tooltip[data-state=delayed-open][data-side=left],.lg-tooltip[data-state=instant-open][data-side=left]{animation-name:lg-tooltip-slide-in-right}.lg-tooltip[data-state=delayed-open][data-side=right],.lg-tooltip[data-state=instant-open][data-side=right]{animation-name:lg-tooltip-slide-in-left}.lg-tooltip[data-state=closed]{animation-name:lg-tooltip-fade-out}.lg-tooltip__arrow{fill:var(--lg-g-fg-color-black-strong)}@keyframes lg-tooltip-slide-in-top{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-bottom{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-slide-in-right{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-fade-out{0%{opacity:1}to{opacity:0}}.lg-button{--_btn-height-sm: 24px;--_btn-height-md: 28px;--_btn-height-lg: 36px;--_btn-radius: 8px;--_btn-padding-inline: 12px;--_btn-icon-gap: 8px;--_btn-icon-size: 16px;display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-icon-gap);height:var(--_btn-height-md);padding:0 var(--_btn-padding-inline);border:none;border-radius:var(--_btn-radius);font-family:inherit;font-size:14px;font-weight:400;line-height:22px;white-space:nowrap;cursor:pointer;user-select:none;text-decoration:none;transition:color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),border-color .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)}.lg-button:focus-visible{outline:2px solid var(--lg-g-border-color-primary-default);outline-offset:2px}.lg-button--sm{height:var(--_btn-height-sm)}.lg-button--md{height:var(--_btn-height-md)}.lg-button--lg{height:var(--_btn-height-lg)}.lg-button--round{border-radius:var(--lg-radius-pill)}.lg-button--circle{border-radius:var(--lg-radius-circle);aspect-ratio:1;padding:0}.lg-button--primary{color:var(--lg-g-fg-color-white-heavy);background-color:var(--lg-g-bg-color-primary-default)}.lg-button--primary:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-low)}.lg-button--primary:active:not(:disabled){background-color:var(--lg-g-bg-color-primary-emphasis)}.lg-button--primary.lg-button--disabled{color:var(--lg-g-fg-color-white-heavy);background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--filled{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-translucent-soft)}.lg-button--filled:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-translucent-subtle)}.lg-button--filled:active:not(:disabled){background-color:var(--lg-g-bg-color-primary-translucent-muted)}.lg-button--filled.lg-button--disabled{color:var(--lg-g-fg-color-primary-muted);background-color:var(--lg-g-bg-color-primary-translucent-faint)}.lg-button--default{color:var(--lg-g-fg-color-black-strong);background-color:var(--lg-g-bg-color-white-heavy);border:1px solid var(--lg-g-border-color-black-muted)}.lg-button--default:hover:not(:disabled){border-color:var(--lg-g-border-color-black-soft)}.lg-button--default:active:not(:disabled){color:var(--lg-g-fg-color-black-intense);border-color:var(--lg-g-border-color-black-muted)}.lg-button--default.lg-button--disabled{color:var(--lg-g-fg-color-black-aint);background-color:var(--lg-g-bg-color-white-heavy);border-color:var(--lg-g-border-color-black-subtle)}.lg-button--text{color:var(--lg-g-fg-color-black-strong);background-color:transparent}.lg-button--text:hover:not(:disabled){background-color:var(--lg-g-bg-color-black-faint)}.lg-button--text:active:not(:disabled){color:var(--lg-g-fg-color-black-intense);background-color:var(--lg-g-bg-color-black-subtle)}.lg-button--text.lg-button--disabled{color:var(--lg-g-fg-color-black-aint)}.lg-button--link-plain{color:var(--lg-g-fg-color-black-strong);background-color:transparent}.lg-button--link-plain:active:not(:disabled){color:var(--lg-g-fg-color-black-intense)}.lg-button--link-plain.lg-button--disabled{color:var(--lg-g-fg-color-black-aint)}.lg-button--link{color:var(--lg-g-fg-color-blue-default);background-color:transparent}.lg-button--link:hover:not(:disabled){color:var(--lg-g-fg-color-blue-low)}.lg-button--link:active:not(:disabled){color:var(--lg-g-fg-color-blue-emphasis)}.lg-button--link.lg-button--disabled{color:var(--lg-g-fg-color-blue-low)}.lg-button--danger.lg-button--primary{color:var(--lg-g-fg-color-white-heavy);background-color:var(--lg-g-bg-color-danger-default)}.lg-button--danger.lg-button--primary:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-low)}.lg-button--danger.lg-button--primary:active:not(:disabled){background-color:var(--lg-g-bg-color-danger-emphasis)}.lg-button--danger.lg-button--primary.lg-button--disabled{background-color:var(--lg-g-bg-color-danger-muted)}.lg-button--danger.lg-button--filled{color:var(--lg-g-fg-color-danger-default);background-color:var(--lg-g-bg-color-danger-translucent-soft)}.lg-button--danger.lg-button--filled:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low);background-color:var(--lg-g-bg-color-danger-translucent-subtle)}.lg-button--danger.lg-button--filled:active:not(:disabled){background-color:var(--lg-g-bg-color-danger-translucent-muted)}.lg-button--danger.lg-button--filled.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted);background-color:var(--lg-g-bg-color-danger-translucent-faint)}.lg-button--danger.lg-button--default{color:var(--lg-g-fg-color-danger-default);border-color:var(--lg-g-border-color-danger-default)}.lg-button--danger.lg-button--default:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low);border-color:var(--lg-g-border-color-danger-low)}.lg-button--danger.lg-button--default:active:not(:disabled){color:var(--lg-g-fg-color-danger-emphasis);border-color:var(--lg-g-border-color-danger-emphasis)}.lg-button--danger.lg-button--default.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted);border-color:var(--lg-g-border-color-danger-muted)}.lg-button--danger.lg-button--text,.lg-button--danger.lg-button--link-plain,.lg-button--danger.lg-button--link{color:var(--lg-g-fg-color-danger-default)}.lg-button--danger.lg-button--text:hover:not(:disabled),.lg-button--danger.lg-button--link-plain:hover:not(:disabled),.lg-button--danger.lg-button--link:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low)}.lg-button--danger.lg-button--text:active:not(:disabled),.lg-button--danger.lg-button--link-plain:active:not(:disabled),.lg-button--danger.lg-button--link:active:not(:disabled){color:var(--lg-g-fg-color-danger-emphasis)}.lg-button--danger.lg-button--text.lg-button--disabled,.lg-button--danger.lg-button--link-plain.lg-button--disabled,.lg-button--danger.lg-button--link.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted)}.lg-button--danger.lg-button--text:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-translucent-soft)}.lg-button--ghost{background-color:transparent}.lg-button--ghost.lg-button--primary{color:var(--lg-g-fg-color-primary-default);border:1px solid var(--lg-g-border-color-primary-default)}.lg-button--ghost.lg-button--primary:hover:not(:disabled){color:var(--lg-g-fg-color-primary-low);border-color:var(--lg-g-border-color-primary-low);background-color:transparent}.lg-button--ghost.lg-button--primary.lg-button--disabled{color:var(--lg-g-fg-color-primary-muted);border-color:var(--lg-g-border-color-primary-soft);background-color:transparent}.lg-button--ghost.lg-button--primary.lg-button--danger{color:var(--lg-g-fg-color-danger-default);background-color:transparent;border:1px solid var(--lg-g-border-color-danger-default)}.lg-button--ghost.lg-button--primary.lg-button--danger:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low);border-color:var(--lg-g-border-color-danger-low);background-color:transparent}.lg-button--ghost.lg-button--primary.lg-button--danger.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted);border-color:var(--lg-g-border-color-danger-muted);background-color:transparent}.lg-button--icon-only{aspect-ratio:1;padding:0}.lg-button--icon-only.lg-button--danger.lg-button--text,.lg-button--icon-only.lg-button--danger.lg-button--link-plain,.lg-button--icon-only.lg-button--danger.lg-button--link{color:var(--lg-g-fg-color-black-muted)}.lg-button--icon-only.lg-button--danger.lg-button--text:hover:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link-plain:hover:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link:hover:not(:disabled){color:var(--lg-g-fg-color-danger-default);background-color:var(--lg-g-bg-color-danger-translucent-soft)}.lg-button--icon-only.lg-button--danger.lg-button--text:active:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link-plain:active:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link:active:not(:disabled){color:var(--lg-g-fg-color-danger-emphasis)}.lg-button--icon-only.lg-button--danger.lg-button--text.lg-button--disabled,.lg-button--icon-only.lg-button--danger.lg-button--link-plain.lg-button--disabled,.lg-button--icon-only.lg-button--danger.lg-button--link.lg-button--disabled{color:var(--lg-g-fg-color-black-aint);background-color:transparent}.lg-button--disabled{cursor:not-allowed}.lg-button--loading{cursor:default}.lg-button--active{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-translucent-soft)}.lg-button__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0;font-size:var(--_btn-icon-size)}.lg-button--default:not(.lg-button--danger) .lg-button__icon,.lg-button--text:not(.lg-button--danger) .lg-button__icon,.lg-button--link-plain:not(.lg-button--danger) .lg-button__icon{color:var(--lg-g-fg-color-black-muted)}.lg-button--default:not(.lg-button--danger):active:not(:disabled) .lg-button__icon,.lg-button--text:not(.lg-button--danger):active:not(:disabled) .lg-button__icon,.lg-button--link-plain:not(.lg-button--danger):active:not(:disabled) .lg-button__icon{color:var(--lg-g-fg-color-black-intense)}.lg-button--default:not(.lg-button--danger).lg-button--disabled .lg-button__icon,.lg-button--text:not(.lg-button--danger).lg-button--disabled .lg-button__icon,.lg-button--link-plain:not(.lg-button--danger).lg-button--disabled .lg-button__icon{color:var(--lg-g-fg-color-black-aint)}.lg-button__label{display:inline-flex;align-items:center}
1
+ .lg-tooltip{z-index:9999;padding:6px 8px;border-radius:var(--lg-radius-medium);background-color:var(--lg-g-bg-color-black-strong);color:var(--lg-g-fg-color-white-heavy);font-size:14px;line-height:20px;word-wrap:break-word;box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a;animation-duration:.2s;animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-fill-mode:forwards;will-change:opacity,transform}.lg-tooltip[data-state=delayed-open][data-side=top],.lg-tooltip[data-state=instant-open][data-side=top]{animation-name:lg-tooltip-slide-in-bottom}.lg-tooltip[data-state=delayed-open][data-side=bottom],.lg-tooltip[data-state=instant-open][data-side=bottom]{animation-name:lg-tooltip-slide-in-top}.lg-tooltip[data-state=delayed-open][data-side=left],.lg-tooltip[data-state=instant-open][data-side=left]{animation-name:lg-tooltip-slide-in-right}.lg-tooltip[data-state=delayed-open][data-side=right],.lg-tooltip[data-state=instant-open][data-side=right]{animation-name:lg-tooltip-slide-in-left}.lg-tooltip[data-state=closed]{animation-name:lg-tooltip-fade-out}.lg-tooltip__arrow{fill:var(--lg-g-fg-color-black-strong)}@keyframes lg-tooltip-slide-in-top{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-bottom{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-tooltip-slide-in-left{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-slide-in-right{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes lg-tooltip-fade-out{0%{opacity:1}to{opacity:0}}.lg-button{--_btn-height-sm: 24px;--_btn-height-md: 28px;--_btn-height-lg: 36px;--_btn-radius: 8px;--_btn-padding-inline: 12px;--_btn-icon-gap: 4px;--_btn-icon-size: 16px;display:inline-flex;align-items:center;justify-content:center;gap:var(--_btn-icon-gap);height:var(--_btn-height-md);padding:0 var(--_btn-padding-inline);border:none;border-radius:var(--_btn-radius);font-family:inherit;font-size:14px;font-weight:400;line-height:22px;white-space:nowrap;cursor:pointer;user-select:none;text-decoration:none;transition:color .2s cubic-bezier(.645,.045,.355,1),background-color .2s cubic-bezier(.645,.045,.355,1),border-color .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)}.lg-button:focus-visible{outline:2px solid var(--lg-g-border-color-primary-default);outline-offset:2px}.lg-button--sm{height:var(--_btn-height-sm);--_btn-padding-inline: 8px;--_btn-icon-size: 14px;padding:0 var(--_btn-padding-inline)}.lg-button--md{height:var(--_btn-height-md);--_btn-padding-inline: 8px;padding:0 var(--_btn-padding-inline)}.lg-button--std{height:32px}.lg-button--lg{height:var(--_btn-height-lg)}.lg-button--round{border-radius:var(--lg-radius-pill)}.lg-button--circle{border-radius:var(--lg-radius-circle);aspect-ratio:1;padding:0}.lg-button--primary{color:var(--lg-g-fg-color-white-heavy);background-color:var(--lg-g-bg-color-primary-default)}.lg-button--primary:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-low)}.lg-button--primary:active:not(:disabled){background-color:var(--lg-g-bg-color-primary-emphasis)}.lg-button--primary.lg-button--disabled{color:var(--lg-g-fg-color-white-heavy);background-color:var(--lg-g-bg-color-primary-muted)}.lg-button--filled{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-translucent-soft)}.lg-button--filled:hover:not(:disabled){background-color:var(--lg-g-bg-color-primary-translucent-subtle)}.lg-button--filled:active:not(:disabled){background-color:var(--lg-g-bg-color-primary-translucent-muted)}.lg-button--filled.lg-button--disabled{color:var(--lg-g-fg-color-primary-muted);background-color:var(--lg-g-bg-color-primary-translucent-faint)}.lg-button--default{color:var(--lg-g-fg-color-black-strong);background-color:var(--lg-g-bg-color-white-heavy);border:1px solid var(--lg-g-border-color-black-muted)}.lg-button--default:hover:not(:disabled){border-color:var(--lg-g-border-color-black-soft)}.lg-button--default:active:not(:disabled){color:var(--lg-g-fg-color-black-intense);border-color:var(--lg-g-border-color-black-muted)}.lg-button--default.lg-button--disabled{color:var(--lg-g-fg-color-black-aint);background-color:var(--lg-g-bg-color-white-heavy);border-color:var(--lg-g-border-color-black-subtle)}.lg-button--text{color:var(--lg-g-fg-color-black-strong);background-color:transparent}.lg-button--text:hover:not(:disabled){background-color:var(--lg-g-bg-color-black-faint)}.lg-button--text:active:not(:disabled){color:var(--lg-g-fg-color-black-intense);background-color:var(--lg-g-bg-color-black-subtle)}.lg-button--text.lg-button--disabled{color:var(--lg-g-fg-color-black-aint)}.lg-button--link-plain{color:var(--lg-g-fg-color-black-strong);background-color:transparent}.lg-button--link-plain:active:not(:disabled){color:var(--lg-g-fg-color-black-intense)}.lg-button--link-plain.lg-button--disabled{color:var(--lg-g-fg-color-black-aint)}.lg-button--link{color:var(--lg-g-fg-color-blue-default);background-color:transparent}.lg-button--link:hover:not(:disabled){color:var(--lg-g-fg-color-blue-low)}.lg-button--link:active:not(:disabled){color:var(--lg-g-fg-color-blue-emphasis)}.lg-button--link.lg-button--disabled{color:var(--lg-g-fg-color-blue-low)}.lg-button--danger.lg-button--primary{color:var(--lg-g-fg-color-white-heavy);background-color:var(--lg-g-bg-color-danger-default)}.lg-button--danger.lg-button--primary:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-low)}.lg-button--danger.lg-button--primary:active:not(:disabled){background-color:var(--lg-g-bg-color-danger-emphasis)}.lg-button--danger.lg-button--primary.lg-button--disabled{background-color:var(--lg-g-bg-color-danger-muted)}.lg-button--danger.lg-button--filled{color:var(--lg-g-fg-color-danger-default);background-color:var(--lg-g-bg-color-danger-translucent-soft)}.lg-button--danger.lg-button--filled:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low);background-color:var(--lg-g-bg-color-danger-translucent-subtle)}.lg-button--danger.lg-button--filled:active:not(:disabled){background-color:var(--lg-g-bg-color-danger-translucent-muted)}.lg-button--danger.lg-button--filled.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted);background-color:var(--lg-g-bg-color-danger-translucent-faint)}.lg-button--danger.lg-button--default{color:var(--lg-g-fg-color-danger-default);border-color:var(--lg-g-border-color-danger-default)}.lg-button--danger.lg-button--default:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low);border-color:var(--lg-g-border-color-danger-low)}.lg-button--danger.lg-button--default:active:not(:disabled){color:var(--lg-g-fg-color-danger-emphasis);border-color:var(--lg-g-border-color-danger-emphasis)}.lg-button--danger.lg-button--default.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted);border-color:var(--lg-g-border-color-danger-muted)}.lg-button--danger.lg-button--text,.lg-button--danger.lg-button--link-plain,.lg-button--danger.lg-button--link{color:var(--lg-g-fg-color-danger-default)}.lg-button--danger.lg-button--text:hover:not(:disabled),.lg-button--danger.lg-button--link-plain:hover:not(:disabled),.lg-button--danger.lg-button--link:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low)}.lg-button--danger.lg-button--text:active:not(:disabled),.lg-button--danger.lg-button--link-plain:active:not(:disabled),.lg-button--danger.lg-button--link:active:not(:disabled){color:var(--lg-g-fg-color-danger-emphasis)}.lg-button--danger.lg-button--text.lg-button--disabled,.lg-button--danger.lg-button--link-plain.lg-button--disabled,.lg-button--danger.lg-button--link.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted)}.lg-button--danger.lg-button--text:hover:not(:disabled){background-color:var(--lg-g-bg-color-danger-translucent-soft)}.lg-button--ghost{background-color:transparent}.lg-button--ghost.lg-button--primary{color:var(--lg-g-fg-color-primary-default);border:1px solid var(--lg-g-border-color-primary-default)}.lg-button--ghost.lg-button--primary:hover:not(:disabled){color:var(--lg-g-fg-color-primary-low);border-color:var(--lg-g-border-color-primary-low);background-color:transparent}.lg-button--ghost.lg-button--primary.lg-button--disabled{color:var(--lg-g-fg-color-primary-muted);border-color:var(--lg-g-border-color-primary-soft);background-color:transparent}.lg-button--ghost.lg-button--primary.lg-button--danger{color:var(--lg-g-fg-color-danger-default);background-color:transparent;border:1px solid var(--lg-g-border-color-danger-default)}.lg-button--ghost.lg-button--primary.lg-button--danger:hover:not(:disabled){color:var(--lg-g-fg-color-danger-low);border-color:var(--lg-g-border-color-danger-low);background-color:transparent}.lg-button--ghost.lg-button--primary.lg-button--danger.lg-button--disabled{color:var(--lg-g-fg-color-danger-muted);border-color:var(--lg-g-border-color-danger-muted);background-color:transparent}.lg-button--icon-only{aspect-ratio:1;padding:0}.lg-button--icon-only.lg-button--danger.lg-button--text,.lg-button--icon-only.lg-button--danger.lg-button--link-plain,.lg-button--icon-only.lg-button--danger.lg-button--link{color:var(--lg-g-fg-color-black-muted)}.lg-button--icon-only.lg-button--danger.lg-button--text:hover:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link-plain:hover:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link:hover:not(:disabled){color:var(--lg-g-fg-color-danger-default);background-color:var(--lg-g-bg-color-danger-translucent-soft)}.lg-button--icon-only.lg-button--danger.lg-button--text:active:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link-plain:active:not(:disabled),.lg-button--icon-only.lg-button--danger.lg-button--link:active:not(:disabled){color:var(--lg-g-fg-color-danger-emphasis)}.lg-button--icon-only.lg-button--danger.lg-button--text.lg-button--disabled,.lg-button--icon-only.lg-button--danger.lg-button--link-plain.lg-button--disabled,.lg-button--icon-only.lg-button--danger.lg-button--link.lg-button--disabled{color:var(--lg-g-fg-color-black-aint);background-color:transparent}.lg-button--disabled{cursor:not-allowed}.lg-button--loading{cursor:default}.lg-button--active{color:var(--lg-g-fg-color-primary-default);background-color:var(--lg-g-bg-color-primary-translucent-soft)}.lg-button__icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0;font-size:var(--_btn-icon-size)}.lg-button--default:not(.lg-button--danger) .lg-button__icon,.lg-button--text:not(.lg-button--danger) .lg-button__icon,.lg-button--link-plain:not(.lg-button--danger) .lg-button__icon{color:var(--lg-g-fg-color-black-muted)}.lg-button--default:not(.lg-button--danger):active:not(:disabled) .lg-button__icon,.lg-button--text:not(.lg-button--danger):active:not(:disabled) .lg-button__icon,.lg-button--link-plain:not(.lg-button--danger):active:not(:disabled) .lg-button__icon{color:var(--lg-g-fg-color-black-intense)}.lg-button--default:not(.lg-button--danger).lg-button--disabled .lg-button__icon,.lg-button--text:not(.lg-button--danger).lg-button--disabled .lg-button__icon,.lg-button--link-plain:not(.lg-button--danger).lg-button--disabled .lg-button__icon{color:var(--lg-g-fg-color-black-aint)}.lg-button__label{display:inline-flex;align-items:center}
@@ -1,56 +1,3 @@
1
- import * as class_variance_authority_types from 'class-variance-authority/types';
2
- import React, { ButtonHTMLAttributes, ReactNode } from 'react';
3
- import { L as LgSize } from '../index-B5SLxsZP.mjs';
4
-
5
- /**
6
- * 按钮变体(严格对齐设计稿顶部分类,共 6 种)
7
- * - primary:实心品牌色,白字
8
- * - filled:浅品牌色底,品牌色字
9
- * - default:灰描边,黑字
10
- * - text:纯文字,hover 浅灰底
11
- * - link-plain:黑色链接文字(无背景无边框)
12
- * - link:蓝色链接文字
13
- */
14
- type ButtonVariant = "primary" | "filled" | "default" | "text" | "link-plain" | "link";
15
- /** 按钮形状 */
16
- type ButtonShape = "default" | "round" | "circle";
17
- interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
18
- /** 变体,默认 "default" */
19
- variant?: ButtonVariant;
20
- /** 尺寸(统一 LgSize:sm=24 / md=28 / lg=36),默认 "md" */
21
- size?: LgSize;
22
- /** 形状,默认 "default" */
23
- shape?: ButtonShape;
24
- /** 危险态(红色版),可与任意 variant 叠加 */
25
- danger?: boolean;
26
- /** 透明背景(用于深色场景),可与任意 variant 叠加 */
27
- ghost?: boolean;
28
- /** 图标插槽 */
29
- icon?: ReactNode;
30
- /** 图标位置,默认 "start" */
31
- iconPosition?: "start" | "end";
32
- /** 禁用状态 */
33
- disabled?: boolean;
34
- /** 加载状态 */
35
- loading?: boolean;
36
- /** Tooltip 文字(非空时用 Tooltip 包裹) */
37
- tooltip?: string;
38
- /** 原生 button type 属性,默认 "button" */
39
- htmlType?: "button" | "submit" | "reset";
40
- /** 子内容 */
41
- children?: ReactNode;
42
- }
43
-
44
- declare const buttonVariants: (props?: ({
45
- variant?: "link" | "text" | "default" | "filled" | "primary" | "link-plain" | null | undefined;
46
- size?: "sm" | "md" | "lg" | null | undefined;
47
- shape?: "circle" | "round" | "default" | null | undefined;
48
- } & class_variance_authority_types.ClassProp) | undefined) => string;
49
- /**
50
- * Button 按钮组件(对齐 Lingee 设计规范)
51
- * 维度:variant(6) × size(3) × shape(3),可叠加 danger / ghost,
52
- * 支持图标插槽、loading、Tooltip 及完整无障碍属性
53
- */
54
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
55
-
56
- export { Button, type ButtonProps, type ButtonShape, type ButtonVariant, buttonVariants };
1
+ import 'class-variance-authority/types';
2
+ import 'react';
3
+ export { a as Button, B as ButtonProps, b as ButtonShape, d as ButtonVariant, e as buttonVariants } from '../index-B4ySDWo5.mjs';
@@ -1,56 +1,3 @@
1
- import * as class_variance_authority_types from 'class-variance-authority/types';
2
- import React, { ButtonHTMLAttributes, ReactNode } from 'react';
3
- import { L as LgSize } from '../index-B5SLxsZP.js';
4
-
5
- /**
6
- * 按钮变体(严格对齐设计稿顶部分类,共 6 种)
7
- * - primary:实心品牌色,白字
8
- * - filled:浅品牌色底,品牌色字
9
- * - default:灰描边,黑字
10
- * - text:纯文字,hover 浅灰底
11
- * - link-plain:黑色链接文字(无背景无边框)
12
- * - link:蓝色链接文字
13
- */
14
- type ButtonVariant = "primary" | "filled" | "default" | "text" | "link-plain" | "link";
15
- /** 按钮形状 */
16
- type ButtonShape = "default" | "round" | "circle";
17
- interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
18
- /** 变体,默认 "default" */
19
- variant?: ButtonVariant;
20
- /** 尺寸(统一 LgSize:sm=24 / md=28 / lg=36),默认 "md" */
21
- size?: LgSize;
22
- /** 形状,默认 "default" */
23
- shape?: ButtonShape;
24
- /** 危险态(红色版),可与任意 variant 叠加 */
25
- danger?: boolean;
26
- /** 透明背景(用于深色场景),可与任意 variant 叠加 */
27
- ghost?: boolean;
28
- /** 图标插槽 */
29
- icon?: ReactNode;
30
- /** 图标位置,默认 "start" */
31
- iconPosition?: "start" | "end";
32
- /** 禁用状态 */
33
- disabled?: boolean;
34
- /** 加载状态 */
35
- loading?: boolean;
36
- /** Tooltip 文字(非空时用 Tooltip 包裹) */
37
- tooltip?: string;
38
- /** 原生 button type 属性,默认 "button" */
39
- htmlType?: "button" | "submit" | "reset";
40
- /** 子内容 */
41
- children?: ReactNode;
42
- }
43
-
44
- declare const buttonVariants: (props?: ({
45
- variant?: "link" | "text" | "default" | "filled" | "primary" | "link-plain" | null | undefined;
46
- size?: "sm" | "md" | "lg" | null | undefined;
47
- shape?: "circle" | "round" | "default" | null | undefined;
48
- } & class_variance_authority_types.ClassProp) | undefined) => string;
49
- /**
50
- * Button 按钮组件(对齐 Lingee 设计规范)
51
- * 维度:variant(6) × size(3) × shape(3),可叠加 danger / ghost,
52
- * 支持图标插槽、loading、Tooltip 及完整无障碍属性
53
- */
54
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
55
-
56
- export { Button, type ButtonProps, type ButtonShape, type ButtonVariant, buttonVariants };
1
+ import 'class-variance-authority/types';
2
+ import 'react';
3
+ export { a as Button, B as ButtonProps, b as ButtonShape, d as ButtonVariant, e as buttonVariants } from '../index-B4ySDWo5.js';
@@ -1 +1 @@
1
- 'use strict';var chunkTWTQLEIL_js=require('../chunk-TWTQLEIL.js');require('../chunk-ZXRCMMQM.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunkTWTQLEIL_js.b}});Object.defineProperty(exports,"buttonVariants",{enumerable:true,get:function(){return chunkTWTQLEIL_js.a}});
1
+ 'use strict';var chunkMUKM5CN4_js=require('../chunk-MUKM5CN4.js');require('../chunk-ZXRCMMQM.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunkMUKM5CN4_js.b}});Object.defineProperty(exports,"buttonVariants",{enumerable:true,get:function(){return chunkMUKM5CN4_js.a}});
@@ -1 +1 @@
1
- export{b as Button,a as buttonVariants}from'../chunk-YZZLFUG4.mjs';import'../chunk-LGFBC4UA.mjs';import'../chunk-DN2VKVCV.mjs';
1
+ export{b as Button,a as buttonVariants}from'../chunk-3VTWGWRW.mjs';import'../chunk-LGFBC4UA.mjs';import'../chunk-DN2VKVCV.mjs';
@@ -0,0 +1 @@
1
+ import {a as a$1}from'./chunk-LGFBC4UA.mjs';import {a}from'./chunk-DN2VKVCV.mjs';import L from'react';import {cva}from'class-variance-authority';import {LoaderCircle}from'lingee-icon';import {jsx,jsxs}from'react/jsx-runtime';var C=cva("lg-button",{variants:{variant:{primary:"lg-button--primary",filled:"lg-button--filled",default:"lg-button--default",text:"lg-button--text","link-plain":"lg-button--link-plain",link:"lg-button--link"},size:{sm:"lg-button--sm",md:"lg-button--md",std:"lg-button--std",lg:"lg-button--lg"},shape:{default:"",round:"lg-button--round",circle:"lg-button--circle"}},defaultVariants:{variant:"default",size:"md",shape:"default"}}),M=L.forwardRef(({className:c,variant:s="default",size:v="md",shape:p="default",danger:f=false,ghost:m=false,icon:n,iconPosition:a$2="start",disabled:k=false,loading:o=false,tooltip:r,htmlType:h="button",children:g,onClick:y,"aria-label":_,...x},w)=>{let l=k||o,z=d=>{if(l){d.preventDefault();return}y?.(d);},B=!!(n||o)&&!g,N=a(C({variant:s,size:v,shape:p}),f&&"lg-button--danger",m&&"lg-button--ghost",l&&"lg-button--disabled",o&&"lg-button--loading",B&&"lg-button--icon-only",c),e=o?jsx("span",{className:"lg-button__icon",children:jsx(LoaderCircle,{spin:true})}):n?jsx("span",{className:"lg-button__icon",children:n}):null,b=jsxs("button",{ref:w,type:h,className:N,disabled:l,"aria-disabled":l||void 0,"aria-busy":o||void 0,"aria-label":_||r||void 0,onClick:z,...x,children:[a$2==="start"&&e,g!=null&&jsx("span",{className:"lg-button__label",children:g}),a$2==="end"&&e]});return r?jsx(a$1,{content:r,children:b}):b});M.displayName="Button";export{C as a,M as b};
@@ -0,0 +1 @@
1
+ 'use strict';var chunkZXRCMMQM_js=require('./chunk-ZXRCMMQM.js'),chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),L=require('react'),classVarianceAuthority=require('class-variance-authority'),lingeeIcon=require('lingee-icon'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var L__default=/*#__PURE__*/_interopDefault(L);var C=classVarianceAuthority.cva("lg-button",{variants:{variant:{primary:"lg-button--primary",filled:"lg-button--filled",default:"lg-button--default",text:"lg-button--text","link-plain":"lg-button--link-plain",link:"lg-button--link"},size:{sm:"lg-button--sm",md:"lg-button--md",std:"lg-button--std",lg:"lg-button--lg"},shape:{default:"",round:"lg-button--round",circle:"lg-button--circle"}},defaultVariants:{variant:"default",size:"md",shape:"default"}}),M=L__default.default.forwardRef(({className:c,variant:s="default",size:v="md",shape:p="default",danger:f=false,ghost:m=false,icon:n,iconPosition:a="start",disabled:k=false,loading:o=false,tooltip:r,htmlType:h="button",children:g,onClick:y,"aria-label":_,...x},w)=>{let l=k||o,z=d=>{if(l){d.preventDefault();return}y?.(d);},B=!!(n||o)&&!g,N=chunkDCDWEVW4_js.a(C({variant:s,size:v,shape:p}),f&&"lg-button--danger",m&&"lg-button--ghost",l&&"lg-button--disabled",o&&"lg-button--loading",B&&"lg-button--icon-only",c),e=o?jsxRuntime.jsx("span",{className:"lg-button__icon",children:jsxRuntime.jsx(lingeeIcon.LoaderCircle,{spin:true})}):n?jsxRuntime.jsx("span",{className:"lg-button__icon",children:n}):null,b=jsxRuntime.jsxs("button",{ref:w,type:h,className:N,disabled:l,"aria-disabled":l||void 0,"aria-busy":o||void 0,"aria-label":_||r||void 0,onClick:z,...x,children:[a==="start"&&e,g!=null&&jsxRuntime.jsx("span",{className:"lg-button__label",children:g}),a==="end"&&e]});return r?jsxRuntime.jsx(chunkZXRCMMQM_js.a,{content:r,children:b}):b});M.displayName="Button";exports.a=C;exports.b=M;
@@ -0,0 +1,60 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import React, { ButtonHTMLAttributes, ReactNode } from 'react';
3
+
4
+ /**
5
+ * 按钮尺寸(Button 独有 4 档,比通用 LgSize 多一个 std=32px)
6
+ * sm=24 / md=28 / std=32 / lg=36
7
+ */
8
+ type ButtonSize = "sm" | "md" | "std" | "lg";
9
+ /**
10
+ * 按钮变体(严格对齐设计稿顶部分类,共 6 种)
11
+ * - primary:实心品牌色,白字
12
+ * - filled:浅品牌色底,品牌色字
13
+ * - default:灰描边,黑字
14
+ * - text:纯文字,hover 浅灰底
15
+ * - link-plain:黑色链接文字(无背景无边框)
16
+ * - link:蓝色链接文字
17
+ */
18
+ type ButtonVariant = "primary" | "filled" | "default" | "text" | "link-plain" | "link";
19
+ /** 按钮形状 */
20
+ type ButtonShape = "default" | "round" | "circle";
21
+ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
22
+ /** 变体,默认 "default" */
23
+ variant?: ButtonVariant;
24
+ /** 尺寸:sm=24 / md=28 / std=32 / lg=36,默认 "md" */
25
+ size?: ButtonSize;
26
+ /** 形状,默认 "default" */
27
+ shape?: ButtonShape;
28
+ /** 危险态(红色版),可与任意 variant 叠加 */
29
+ danger?: boolean;
30
+ /** 透明背景(用于深色场景),可与任意 variant 叠加 */
31
+ ghost?: boolean;
32
+ /** 图标插槽 */
33
+ icon?: ReactNode;
34
+ /** 图标位置,默认 "start" */
35
+ iconPosition?: "start" | "end";
36
+ /** 禁用状态 */
37
+ disabled?: boolean;
38
+ /** 加载状态 */
39
+ loading?: boolean;
40
+ /** Tooltip 文字(非空时用 Tooltip 包裹) */
41
+ tooltip?: string;
42
+ /** 原生 button type 属性,默认 "button" */
43
+ htmlType?: "button" | "submit" | "reset";
44
+ /** 子内容 */
45
+ children?: ReactNode;
46
+ }
47
+
48
+ declare const buttonVariants: (props?: ({
49
+ variant?: "text" | "default" | "filled" | "link" | "primary" | "link-plain" | null | undefined;
50
+ size?: "sm" | "md" | "lg" | "std" | null | undefined;
51
+ shape?: "round" | "default" | "circle" | null | undefined;
52
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
53
+ /**
54
+ * Button 按钮组件(对齐 Lingee 设计规范)
55
+ * 维度:variant(6) × size(3) × shape(3),可叠加 danger / ghost,
56
+ * 支持图标插槽、loading、Tooltip 及完整无障碍属性
57
+ */
58
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
59
+
60
+ export { type ButtonProps as B, Button as a, type ButtonShape as b, type ButtonSize as c, type ButtonVariant as d, buttonVariants as e };
@@ -0,0 +1,60 @@
1
+ import * as class_variance_authority_types from 'class-variance-authority/types';
2
+ import React, { ButtonHTMLAttributes, ReactNode } from 'react';
3
+
4
+ /**
5
+ * 按钮尺寸(Button 独有 4 档,比通用 LgSize 多一个 std=32px)
6
+ * sm=24 / md=28 / std=32 / lg=36
7
+ */
8
+ type ButtonSize = "sm" | "md" | "std" | "lg";
9
+ /**
10
+ * 按钮变体(严格对齐设计稿顶部分类,共 6 种)
11
+ * - primary:实心品牌色,白字
12
+ * - filled:浅品牌色底,品牌色字
13
+ * - default:灰描边,黑字
14
+ * - text:纯文字,hover 浅灰底
15
+ * - link-plain:黑色链接文字(无背景无边框)
16
+ * - link:蓝色链接文字
17
+ */
18
+ type ButtonVariant = "primary" | "filled" | "default" | "text" | "link-plain" | "link";
19
+ /** 按钮形状 */
20
+ type ButtonShape = "default" | "round" | "circle";
21
+ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
22
+ /** 变体,默认 "default" */
23
+ variant?: ButtonVariant;
24
+ /** 尺寸:sm=24 / md=28 / std=32 / lg=36,默认 "md" */
25
+ size?: ButtonSize;
26
+ /** 形状,默认 "default" */
27
+ shape?: ButtonShape;
28
+ /** 危险态(红色版),可与任意 variant 叠加 */
29
+ danger?: boolean;
30
+ /** 透明背景(用于深色场景),可与任意 variant 叠加 */
31
+ ghost?: boolean;
32
+ /** 图标插槽 */
33
+ icon?: ReactNode;
34
+ /** 图标位置,默认 "start" */
35
+ iconPosition?: "start" | "end";
36
+ /** 禁用状态 */
37
+ disabled?: boolean;
38
+ /** 加载状态 */
39
+ loading?: boolean;
40
+ /** Tooltip 文字(非空时用 Tooltip 包裹) */
41
+ tooltip?: string;
42
+ /** 原生 button type 属性,默认 "button" */
43
+ htmlType?: "button" | "submit" | "reset";
44
+ /** 子内容 */
45
+ children?: ReactNode;
46
+ }
47
+
48
+ declare const buttonVariants: (props?: ({
49
+ variant?: "text" | "default" | "filled" | "link" | "primary" | "link-plain" | null | undefined;
50
+ size?: "sm" | "md" | "lg" | "std" | null | undefined;
51
+ shape?: "round" | "default" | "circle" | null | undefined;
52
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
53
+ /**
54
+ * Button 按钮组件(对齐 Lingee 设计规范)
55
+ * 维度:variant(6) × size(3) × shape(3),可叠加 danger / ghost,
56
+ * 支持图标插槽、loading、Tooltip 及完整无障碍属性
57
+ */
58
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
59
+
60
+ export { type ButtonProps as B, Button as a, type ButtonShape as b, type ButtonSize as c, type ButtonVariant as d, buttonVariants as e };