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.
- package/dist/button/index.css +1 -1
- package/dist/button/index.d.mts +3 -56
- package/dist/button/index.d.ts +3 -56
- package/dist/button/index.js +1 -1
- package/dist/button/index.mjs +1 -1
- package/dist/chunk-3VTWGWRW.mjs +1 -0
- package/dist/chunk-MUKM5CN4.js +1 -0
- package/dist/index-B4ySDWo5.d.mts +60 -0
- package/dist/index-B4ySDWo5.d.ts +60 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +38 -4
- package/dist/index.d.ts +38 -4
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/package.json +13 -11
- package/dist/chunk-TWTQLEIL.js +0 -1
- package/dist/chunk-YZZLFUG4.mjs +0 -1
package/dist/button/index.css
CHANGED
|
@@ -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}
|
package/dist/button/index.d.mts
CHANGED
|
@@ -1,56 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
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';
|
package/dist/button/index.d.ts
CHANGED
|
@@ -1,56 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
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';
|
package/dist/button/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var
|
|
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}});
|
package/dist/button/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{b as Button,a as buttonVariants}from'../chunk-
|
|
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 };
|