@v1nt1248/3nclient-lib 0.0.5 → 0.0.7
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/components/index.d.ts +5 -0
- package/dist/components/ui3n-icon.vue.d.ts +16 -0
- package/dist/constants/index.d.ts +3 -0
- package/dist/constants/types.d.ts +31 -0
- package/dist/directives/index.d.ts +1 -0
- package/dist/index.d.ts +5 -18
- package/dist/plugins/index.d.ts +10 -0
- package/dist/plugins/notifications.d.ts +4 -0
- package/dist/plugins/store-vue-bus.d.ts +2 -9
- package/dist/plugins/vue-bus.d.ts +8 -4
- package/dist/style.css +1 -1
- package/dist/tools/index.d.ts +3 -0
- package/dist/ui-3n-lib.js +1101 -11629
- package/package.json +10 -10
- package/src/components/index.ts +13 -0
- package/src/components/ui3n-button.vue +156 -0
- package/src/components/ui3n-drop-files.vue +171 -0
- package/src/components/ui3n-emoji.vue +64 -0
- package/src/components/ui3n-icon.vue +51 -0
- package/src/components/ui3n-input.vue +282 -0
- package/src/components/ui3n-notification.vue +144 -0
- package/src/components/ui3n-table-sort-icon.vue +23 -0
- package/src/components/ui3n-table.vue +318 -0
- package/src/components/ui3n-text.vue +181 -0
- package/dist/components/ui3n-drop-files.vue.d.ts +0 -33
- package/dist/components/ui3n-emoji.vue.d.ts +0 -28
- package/dist/components/ui3n-input.vue.d.ts +0 -76
- package/dist/components/ui3n-notification.vue.d.ts +0 -72
- package/dist/components/ui3n-table-sort-icon.vue.d.ts +0 -24
- package/dist/components/ui3n-table.vue.d.ts +0 -30
- package/dist/components/ui3n-text.vue.d.ts +0 -62
- package/dist/types.d.ts +0 -60
- package/dist/ui-3n-lib.umd.cjs +0 -72
- /package/dist/{helpers → tools}/common.helpers.d.ts +0 -0
- /package/dist/{helpers → tools}/textarea-max-rows.d.ts +0 -0
- /package/dist/{helpers → tools}/ui.helpers.d.ts +0 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import Ui3nIcon from './ui3n-icon.vue';
|
|
2
|
+
import type { Ui3nIconProps, Ui3nIconEmits } from './ui3n-icon.vue';
|
|
3
|
+
import Ui3nButton from './ui3n-button.vue';
|
|
4
|
+
import type { Ui3nButtonProps, Ui3nButtonEmits } from './ui3n-button.vue';
|
|
5
|
+
export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, };
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
export interface Ui3nIconProps {
|
|
2
|
+
icon: string;
|
|
3
|
+
title?: string;
|
|
4
|
+
inline?: boolean;
|
|
5
|
+
width?: string | number;
|
|
6
|
+
height?: string | number;
|
|
7
|
+
horizontalFlip?: boolean;
|
|
8
|
+
verticalFlip?: boolean;
|
|
9
|
+
flip?: string;
|
|
10
|
+
rotate?: number;
|
|
11
|
+
color?: string;
|
|
12
|
+
onLoad?: Function;
|
|
13
|
+
}
|
|
14
|
+
export interface Ui3nIconEmits {
|
|
15
|
+
(ev: 'click', value: Event): void;
|
|
16
|
+
}
|
|
1
17
|
declare const _default: import("vue").DefineComponent<{
|
|
2
18
|
icon: {
|
|
3
19
|
type: import("vue").PropType<string>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export type CbFunction = (...args: any[]) => void;
|
|
2
|
+
export interface VueEventBus {
|
|
3
|
+
on: (type: string | symbol, handler: CbFunction) => void;
|
|
4
|
+
off: (type: string | symbol, handler?: CbFunction) => void;
|
|
5
|
+
emit: (type: string | symbol, arg?: any) => void;
|
|
6
|
+
once: (type: string | symbol, handler: CbFunction) => void;
|
|
7
|
+
clear: () => void;
|
|
8
|
+
}
|
|
9
|
+
export interface Ui3nNotificationProps {
|
|
10
|
+
id?: string;
|
|
11
|
+
type?: 'success' | 'warning' | 'info' | 'error';
|
|
12
|
+
content: string;
|
|
13
|
+
icon?: string;
|
|
14
|
+
iconSize?: string | number;
|
|
15
|
+
iconColor?: string;
|
|
16
|
+
position?: 'left' | 'center' | 'right';
|
|
17
|
+
duration?: number;
|
|
18
|
+
teleport?: string;
|
|
19
|
+
onOpen?: () => void;
|
|
20
|
+
onClose?: () => void;
|
|
21
|
+
}
|
|
22
|
+
export interface ListingEntryTypeExtended extends web3n.files.Stats {
|
|
23
|
+
id: string | undefined;
|
|
24
|
+
name: string;
|
|
25
|
+
fullPath?: string;
|
|
26
|
+
tags?: string[];
|
|
27
|
+
type: string;
|
|
28
|
+
ext?: string;
|
|
29
|
+
}
|
|
30
|
+
export type EntityAction = 'rename' | 'add:favorites' | 'open-menu';
|
|
31
|
+
export type SortField = 'name' | 'type' | 'createdAt' | 'changedAt';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Ui3nHtml } from './ui3n-html';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export {
|
|
6
|
-
export { default as Ui3nDropFiles } from './components/ui3n-drop-files.vue';
|
|
7
|
-
export { default as Ui3nNotification } from './components/ui3n-notification.vue';
|
|
8
|
-
export { default as Ui3nTableSortIcon } from './components/ui3n-table-sort-icon.vue';
|
|
9
|
-
export { default as Ui3nTable } from './components/ui3n-table.vue';
|
|
10
|
-
export { default as Ui3nHtml } from './directives/ui3n-html';
|
|
11
|
-
export { mailReg, colorsMap } from './constants/general';
|
|
12
|
-
export { emoticons } from './constants/emoticons';
|
|
13
|
-
export { useIcons } from './plugins/icons';
|
|
14
|
-
export { notifications } from './plugins/notifications';
|
|
15
|
-
export { i18n } from './plugins/i18n';
|
|
16
|
-
export { storeI18n } from './plugins/store-i18n';
|
|
17
|
-
export { vueBus } from './plugins/vue-bus';
|
|
18
|
-
export { storeVueBus } from './plugins/store-vue-bus';
|
|
1
|
+
import Ui3nIcon from './components/ui3n-icon.vue';
|
|
2
|
+
import type { Ui3nIconProps, Ui3nIconEmits } from './components/ui3n-icon.vue';
|
|
3
|
+
import Ui3nButton from './components/ui3n-button.vue';
|
|
4
|
+
import type { Ui3nButtonProps, Ui3nButtonEmits } from './components/ui3n-button.vue';
|
|
5
|
+
export { Ui3nIcon, Ui3nIconProps, Ui3nIconEmits, Ui3nButton, Ui3nButtonProps, Ui3nButtonEmits, };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { i18n } from './i18n';
|
|
2
|
+
import type { I18nOptions, I18nPlugin } from './i18n';
|
|
3
|
+
import { useIcons } from './icons';
|
|
4
|
+
import { notifications } from './notifications';
|
|
5
|
+
import type { NotificationsPlugin } from './notifications';
|
|
6
|
+
import { vueBus } from './vue-bus';
|
|
7
|
+
import type { VueBusPlugin } from './vue-bus';
|
|
8
|
+
import { storeI18n } from './store-i18n';
|
|
9
|
+
import { storeVueBus } from './store-vue-bus';
|
|
10
|
+
export { i18n, I18nOptions, I18nPlugin, useIcons, notifications, NotificationsPlugin, vueBus, VueBusPlugin, storeI18n, storeVueBus, };
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { Plugin } from 'vue';
|
|
2
|
+
import { Ui3nNotificationProps } from '../constants';
|
|
3
|
+
export interface NotificationsPlugin {
|
|
4
|
+
$createNotice: (params: Ui3nNotificationProps) => void;
|
|
5
|
+
}
|
|
2
6
|
export declare const notifications: Plugin;
|
|
3
7
|
declare module '@vue/runtime-core' {
|
|
4
8
|
interface ComponentCustomProperties {
|
|
@@ -1,11 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
on: (type: string | symbol, handler: Function) => void;
|
|
3
|
-
off: (type: string | symbol, handler?: Function) => void;
|
|
4
|
-
emit: (type: string | symbol, args?: any) => void;
|
|
5
|
-
once: (type: string | symbol, handler: Function) => void;
|
|
6
|
-
clear: () => void;
|
|
7
|
-
}
|
|
1
|
+
import type { VueEventBus } from '../constants';
|
|
8
2
|
export declare function storeVueBus(context: any): {
|
|
9
|
-
$emitter:
|
|
3
|
+
$emitter: VueEventBus;
|
|
10
4
|
};
|
|
11
|
-
export {};
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { Plugin } from 'vue';
|
|
2
|
+
import type { CbFunction, VueEventBus } from '../constants';
|
|
3
|
+
export interface VueBusPlugin {
|
|
4
|
+
$emitter: VueEventBus;
|
|
5
|
+
}
|
|
2
6
|
export declare const vueBus: Plugin;
|
|
3
7
|
declare module '@vue/runtime-core' {
|
|
4
8
|
interface ComponentCustomProperties {
|
|
5
9
|
$emitter: {
|
|
6
|
-
on: (type: string | symbol, handler:
|
|
7
|
-
off: (type: string | symbol, handler?:
|
|
8
|
-
emit: (type: string | symbol,
|
|
9
|
-
once: (type: string | symbol, handler:
|
|
10
|
+
on: (type: string | symbol, handler: CbFunction) => void;
|
|
11
|
+
off: (type: string | symbol, handler?: CbFunction) => void;
|
|
12
|
+
emit: (type: string | symbol, arg?: any) => void;
|
|
13
|
+
once: (type: string | symbol, handler: CbFunction) => void;
|
|
10
14
|
clear: () => void;
|
|
11
15
|
};
|
|
12
16
|
}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ui3n-emoji[data-v-a270b984]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-a270b984]{cursor:default}.ui3n-button[data-v-c936517e]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-c936517e]{--ui3n-button-padding-vert: 4px;--ui3n-button-padding-horiz: 4px;border-radius:50%}.ui3n-button--elevation[data-v-c936517e]{box-shadow:#0003 0 3px 1px -2px #00000024 0 2px 2px 0 #0000001f 0 1px 5px 0}.ui3n-button[data-v-c936517e]:not([disabled]){cursor:pointer}.ui3n-button[data-v-c936517e]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-c936517e],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-c936517e]{opacity:1}.ui3n-button[data-v-c936517e]:not([disabled]):active{opacity:1;background-color:var(--gray-90, #444);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-c936517e]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-c936517e]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-c936517e]{margin-left:4px}.ui3n-button[disabled][data-v-c936517e]{opacity:.7}.ui3n-input[data-v-670350df]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-670350df]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-670350df]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-670350df]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-670350df]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-670350df]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-670350df]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-670350df]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-670350df]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-670350df]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-670350df]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-670350df]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-670350df]{top:calc(var(--base-size) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-670350df]{top:calc(var(--base-size) * 3 + 1px)}.ui3n-text[data-v-3cb5a305]{position:relative;width:100%}.ui3n-text__label[data-v-3cb5a305]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-3cb5a305]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-3cb5a305]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-3cb5a305]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-3cb5a305]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-3cb5a305],.ui3n-text--focused .ui3n-text__content[data-v-3cb5a305]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-drop-files[data-v-266b381f]{position:relative;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-266b381f]{position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-266b381f]{position:absolute;width:calc(100% - var(--base-size, 8px) * 2);height:calc(100% - var(--base-size, 8px) * 2);top:var(--base-size, 8px);left:var(--base-size, 8px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-266b381f]{margin:0 0 24px;font-size:var(--font-24, 24px);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-266b381f]{position:relative;width:160px;height:160px;border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-266b381f]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-266b381f]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-notification[data-v-971b182e]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-971b182e]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-971b182e]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-971b182e]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-971b182e]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-971b182e]{background-color:#10c48f}.ui3n-notification--warning[data-v-971b182e]{background-color:#f80}.ui3n-notification--info[data-v-971b182e]{background-color:#10afef}.ui3n-notification--error[data-v-971b182e]{background-color:#ef5350}.ui3n-notification--left[data-v-971b182e]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-971b182e]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-971b182e]{margin-left:auto;margin-right:0}.ui3n-table[data-v-819d1664]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-819d1664]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-819d1664]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-819d1664]{cursor:pointer}.ui3n-table__header-text[data-v-819d1664]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-819d1664]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-819d1664],.ui3n-table__item-rename[data-v-819d1664]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-819d1664]{left:2px}.ui3n-table__item-rename[data-v-819d1664]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-819d1664]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-819d1664]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-819d1664]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-819d1664],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-819d1664]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-819d1664]{color:var(--blue-main)}.ui3n-table__name[data-v-819d1664]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-12)}.ui3n-table__type[data-v-819d1664]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-819d1664]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-11)}.ui3n-table__empty[data-v-819d1664]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}
|
|
1
|
+
.ui3n-button[data-v-b81e9a9c]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-b81e9a9c]{--ui3n-button-padding-vert: 4px;--ui3n-button-padding-horiz: 4px;border-radius:50%}.ui3n-button--elevation[data-v-b81e9a9c]{box-shadow:#0003 0 3px 1px -2px #00000024 0 2px 2px 0 #0000001f 0 1px 5px 0}.ui3n-button[data-v-b81e9a9c]:not([disabled]){cursor:pointer}.ui3n-button[data-v-b81e9a9c]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-b81e9a9c],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-b81e9a9c]{opacity:1}.ui3n-button[data-v-b81e9a9c]:not([disabled]):active{opacity:1;background-color:var(--gray-90, #444);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-b81e9a9c]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-b81e9a9c]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-b81e9a9c]{margin-left:4px}.ui3n-button[disabled][data-v-b81e9a9c]{opacity:.7}
|