@uzum-tech/ui 2.3.7 → 3.0.0-alpha.0
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/index.js +811 -215
- package/dist/index.mjs +807 -216
- package/dist/index.prod.js +3 -3
- package/dist/index.prod.mjs +3 -3
- package/es/_internal/button-v3/index.d.ts +5 -0
- package/es/_internal/button-v3/index.mjs +3 -0
- package/es/_internal/button-v3/src/ButtonV3.d.ts +533 -0
- package/es/_internal/button-v3/src/ButtonV3.mjs +200 -0
- package/es/_internal/button-v3/src/interface.d.ts +281 -0
- package/es/_internal/button-v3/src/interface.mjs +29 -0
- package/es/_internal/button-v3/src/styles/index.cssr.d.ts +2 -0
- package/es/_internal/button-v3/src/styles/index.cssr.mjs +119 -0
- package/es/_internal/button-v3/src/utils.d.ts +10 -0
- package/es/_internal/button-v3/src/utils.mjs +52 -0
- package/es/_internal/button-v3/styles/_common.d.ts +19 -0
- package/es/_internal/button-v3/styles/_common.mjs +18 -0
- package/es/_internal/button-v3/styles/dark.d.ts +3 -0
- package/es/_internal/button-v3/styles/dark.mjs +8 -0
- package/es/_internal/button-v3/styles/index.d.ts +3 -0
- package/es/_internal/button-v3/styles/index.mjs +2 -0
- package/es/_internal/button-v3/styles/light.d.ts +81 -0
- package/es/_internal/button-v3/styles/light.mjs +91 -0
- package/es/_internal/index.d.ts +2 -0
- package/es/_internal/index.mjs +1 -0
- package/es/_styles/common/dark.mjs +12 -0
- package/es/_styles/common/light.d.ts +12 -0
- package/es/_styles/common/light.mjs +12 -0
- package/es/button-v3/index.d.ts +4 -0
- package/es/button-v3/index.mjs +2 -0
- package/es/button-v3/src/ButtonV3.d.ts +525 -0
- package/es/button-v3/src/ButtonV3.mjs +17 -0
- package/es/components.d.ts +524 -2
- package/es/components.mjs +185 -180
- package/es/config-provider/src/internal-interface.d.ts +4 -0
- package/es/dialog/src/DialogProvider.d.ts +48 -0
- package/es/styles.d.ts +1 -0
- package/es/styles.mjs +1 -0
- package/es/theme-editor/src/ThemeEditor.d.ts +12 -0
- package/es/themes/dark.mjs +2 -0
- package/es/themes/light.mjs +2 -0
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/lib/_internal/button-v3/index.d.ts +5 -0
- package/lib/_internal/button-v3/index.js +13 -0
- package/lib/_internal/button-v3/src/ButtonV3.d.ts +533 -0
- package/lib/_internal/button-v3/src/ButtonV3.js +170 -0
- package/lib/_internal/button-v3/src/interface.d.ts +281 -0
- package/lib/_internal/button-v3/src/interface.js +20 -0
- package/lib/_internal/button-v3/src/styles/index.cssr.d.ts +2 -0
- package/lib/_internal/button-v3/src/styles/index.cssr.js +124 -0
- package/lib/_internal/button-v3/src/utils.d.ts +10 -0
- package/lib/_internal/button-v3/src/utils.js +56 -0
- package/lib/_internal/button-v3/styles/_common.d.ts +19 -0
- package/lib/_internal/button-v3/styles/_common.js +20 -0
- package/lib/_internal/button-v3/styles/dark.d.ts +3 -0
- package/lib/_internal/button-v3/styles/dark.js +10 -0
- package/lib/_internal/button-v3/styles/index.d.ts +3 -0
- package/lib/_internal/button-v3/styles/index.js +10 -0
- package/lib/_internal/button-v3/styles/light.d.ts +81 -0
- package/lib/_internal/button-v3/styles/light.js +19 -0
- package/lib/_internal/index.d.ts +2 -0
- package/lib/_internal/index.js +4 -1
- package/lib/_styles/common/dark.js +1 -1
- package/lib/_styles/common/light.d.ts +12 -0
- package/lib/_styles/common/light.js +1 -1
- package/lib/button-v3/index.d.ts +4 -0
- package/lib/button-v3/index.js +13 -0
- package/lib/button-v3/src/ButtonV3.d.ts +525 -0
- package/lib/button-v3/src/ButtonV3.js +17 -0
- package/lib/components.d.ts +524 -2
- package/lib/components.js +16 -8
- package/lib/config-provider/src/internal-interface.d.ts +4 -0
- package/lib/dialog/src/DialogProvider.d.ts +48 -0
- package/lib/styles.d.ts +1 -0
- package/lib/styles.js +195 -193
- package/lib/theme-editor/src/ThemeEditor.d.ts +12 -0
- package/lib/themes/dark.js +202 -200
- package/lib/themes/light.js +202 -200
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/volar.d.ts +2 -0
- package/web-types.json +14 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = {
|
|
4
|
+
heightSmall: '36px',
|
|
5
|
+
heightMedium: '48px',
|
|
6
|
+
heightLarge: '56px',
|
|
7
|
+
paddingSmall: '0 12px',
|
|
8
|
+
paddingMedium: '0 16px',
|
|
9
|
+
paddingLarge: '0 24px',
|
|
10
|
+
borderRadiusSmall: '8px',
|
|
11
|
+
borderRadiusMedium: '12px',
|
|
12
|
+
borderRadiusLarge: '16px',
|
|
13
|
+
iconSizeSmall: '16px',
|
|
14
|
+
iconSizeMedium: '20px',
|
|
15
|
+
iconSizeLarge: '24px',
|
|
16
|
+
iconMargin: '8px',
|
|
17
|
+
borderWidth: '1px',
|
|
18
|
+
focusRingWidth: '2px',
|
|
19
|
+
spinnerStrokeWidth: '3.7px'
|
|
20
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const common_1 = require("../../../_styles/common");
|
|
4
|
+
const light_1 = require("./light");
|
|
5
|
+
const buttonV3Dark = {
|
|
6
|
+
name: 'ButtonV3',
|
|
7
|
+
common: common_1.commonDark,
|
|
8
|
+
self: light_1.self
|
|
9
|
+
};
|
|
10
|
+
exports.default = buttonV3Dark;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.buttonV3Light = exports.buttonV3Dark = void 0;
|
|
7
|
+
var dark_1 = require("./dark");
|
|
8
|
+
Object.defineProperty(exports, "buttonV3Dark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
|
|
9
|
+
var light_1 = require("./light");
|
|
10
|
+
Object.defineProperty(exports, "buttonV3Light", { enumerable: true, get: function () { return __importDefault(light_1).default; } });
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import type { Theme } from '../../../_mixins';
|
|
2
|
+
import type { ThemeCommonVars } from '../../../_styles/common';
|
|
3
|
+
export declare function self(vars: ThemeCommonVars): {
|
|
4
|
+
fontFamily: string;
|
|
5
|
+
fontSize: string;
|
|
6
|
+
lineHeight: string;
|
|
7
|
+
fontWeight: string;
|
|
8
|
+
letterSpacing: string;
|
|
9
|
+
pressedOverlayColor: string;
|
|
10
|
+
focusRingColor: string;
|
|
11
|
+
textColorDisabled: string;
|
|
12
|
+
colorPrimary: string;
|
|
13
|
+
colorPrimaryHover: string;
|
|
14
|
+
textColorPrimary: string;
|
|
15
|
+
textColorPrimaryHover: string;
|
|
16
|
+
borderColorPrimary: string;
|
|
17
|
+
colorPrimaryDisabled: string;
|
|
18
|
+
borderColorPrimaryDisabled: string;
|
|
19
|
+
colorPrimaryNegative: string;
|
|
20
|
+
colorPrimaryNegativeHover: string;
|
|
21
|
+
textColorPrimaryNegative: string;
|
|
22
|
+
textColorPrimaryNegativeHover: string;
|
|
23
|
+
borderColorPrimaryNegative: string;
|
|
24
|
+
colorPrimaryNegativeDisabled: string;
|
|
25
|
+
borderColorPrimaryNegativeDisabled: string;
|
|
26
|
+
colorSecondary: string;
|
|
27
|
+
colorSecondaryHover: string;
|
|
28
|
+
textColorSecondary: string;
|
|
29
|
+
textColorSecondaryHover: string;
|
|
30
|
+
borderColorSecondary: string;
|
|
31
|
+
colorSecondaryDisabled: string;
|
|
32
|
+
borderColorSecondaryDisabled: string;
|
|
33
|
+
colorTertiary: string;
|
|
34
|
+
colorTertiaryHover: string;
|
|
35
|
+
textColorTertiary: string;
|
|
36
|
+
textColorTertiaryHover: string;
|
|
37
|
+
borderColorTertiary: string;
|
|
38
|
+
colorTertiaryDisabled: string;
|
|
39
|
+
borderColorTertiaryDisabled: string;
|
|
40
|
+
colorTertiaryNegative: string;
|
|
41
|
+
colorTertiaryNegativeHover: string;
|
|
42
|
+
textColorTertiaryNegative: string;
|
|
43
|
+
textColorTertiaryNegativeHover: string;
|
|
44
|
+
borderColorTertiaryNegative: string;
|
|
45
|
+
colorTertiaryNegativeDisabled: string;
|
|
46
|
+
borderColorTertiaryNegativeDisabled: string;
|
|
47
|
+
colorGhost: string;
|
|
48
|
+
colorGhostHover: string;
|
|
49
|
+
textColorGhost: string;
|
|
50
|
+
textColorGhostHover: string;
|
|
51
|
+
borderColorGhost: string;
|
|
52
|
+
colorGhostDisabled: string;
|
|
53
|
+
borderColorGhostDisabled: string;
|
|
54
|
+
colorGhostNegative: string;
|
|
55
|
+
colorGhostNegativeHover: string;
|
|
56
|
+
textColorGhostNegative: string;
|
|
57
|
+
textColorGhostNegativeHover: string;
|
|
58
|
+
borderColorGhostNegative: string;
|
|
59
|
+
colorGhostNegativeDisabled: string;
|
|
60
|
+
borderColorGhostNegativeDisabled: string;
|
|
61
|
+
heightSmall: string;
|
|
62
|
+
heightMedium: string;
|
|
63
|
+
heightLarge: string;
|
|
64
|
+
paddingSmall: string;
|
|
65
|
+
paddingMedium: string;
|
|
66
|
+
paddingLarge: string;
|
|
67
|
+
borderRadiusSmall: string;
|
|
68
|
+
borderRadiusMedium: string;
|
|
69
|
+
borderRadiusLarge: string;
|
|
70
|
+
iconSizeSmall: string;
|
|
71
|
+
iconSizeMedium: string;
|
|
72
|
+
iconSizeLarge: string;
|
|
73
|
+
iconMargin: string;
|
|
74
|
+
borderWidth: string;
|
|
75
|
+
focusRingWidth: string;
|
|
76
|
+
spinnerStrokeWidth: string;
|
|
77
|
+
};
|
|
78
|
+
declare const buttonV3Light: Theme<'ButtonV3', ButtonV3ThemeVars>;
|
|
79
|
+
export default buttonV3Light;
|
|
80
|
+
export type ButtonV3ThemeVars = ReturnType<typeof self>;
|
|
81
|
+
export type ButtonV3Theme = typeof buttonV3Light;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.self = self;
|
|
7
|
+
const common_1 = require("../../../_styles/common");
|
|
8
|
+
const _common_1 = __importDefault(require("./_common"));
|
|
9
|
+
const TRANSPARENT = 'transparent';
|
|
10
|
+
function self(vars) {
|
|
11
|
+
const { fontFamilyWixMadeforDisplay, fontBodyMedium, lineHeightBodyMedium, fontWeightStrong, textPrimary, staticBlack, staticWhite, accentBrand, accentBrandHover, accentError, accentErrorHover, accentErrorSubtle, accentNeutral, accentNeutralHover, accentBorder, accentFocusRing, accentDisabled, accentDisabledContent, accentPressedOverlay } = vars;
|
|
12
|
+
return Object.assign(Object.assign({}, _common_1.default), { fontFamily: fontFamilyWixMadeforDisplay, fontSize: fontBodyMedium, lineHeight: lineHeightBodyMedium, fontWeight: fontWeightStrong, letterSpacing: '0.1px', pressedOverlayColor: accentPressedOverlay, focusRingColor: accentFocusRing, textColorDisabled: accentDisabledContent, colorPrimary: accentBrand, colorPrimaryHover: accentBrandHover, textColorPrimary: staticWhite, textColorPrimaryHover: staticWhite, borderColorPrimary: TRANSPARENT, colorPrimaryDisabled: accentDisabled, borderColorPrimaryDisabled: TRANSPARENT, colorPrimaryNegative: accentError, colorPrimaryNegativeHover: accentErrorHover, textColorPrimaryNegative: staticWhite, textColorPrimaryNegativeHover: staticWhite, borderColorPrimaryNegative: TRANSPARENT, colorPrimaryNegativeDisabled: accentDisabled, borderColorPrimaryNegativeDisabled: TRANSPARENT, colorSecondary: accentNeutral, colorSecondaryHover: accentNeutralHover, textColorSecondary: staticBlack, textColorSecondaryHover: staticBlack, borderColorSecondary: accentBorder, colorSecondaryDisabled: accentDisabled, borderColorSecondaryDisabled: accentNeutral, colorTertiary: TRANSPARENT, colorTertiaryHover: accentNeutral, textColorTertiary: textPrimary, textColorTertiaryHover: staticBlack, borderColorTertiary: TRANSPARENT, colorTertiaryDisabled: TRANSPARENT, borderColorTertiaryDisabled: TRANSPARENT, colorTertiaryNegative: TRANSPARENT, colorTertiaryNegativeHover: accentErrorSubtle, textColorTertiaryNegative: accentError, textColorTertiaryNegativeHover: accentError, borderColorTertiaryNegative: TRANSPARENT, colorTertiaryNegativeDisabled: TRANSPARENT, borderColorTertiaryNegativeDisabled: TRANSPARENT, colorGhost: TRANSPARENT, colorGhostHover: TRANSPARENT, textColorGhost: accentBrand, textColorGhostHover: accentBrandHover, borderColorGhost: TRANSPARENT, colorGhostDisabled: TRANSPARENT, borderColorGhostDisabled: TRANSPARENT, colorGhostNegative: TRANSPARENT, colorGhostNegativeHover: TRANSPARENT, textColorGhostNegative: accentError, textColorGhostNegativeHover: accentErrorHover, borderColorGhostNegative: TRANSPARENT, colorGhostNegativeDisabled: TRANSPARENT, borderColorGhostNegativeDisabled: TRANSPARENT });
|
|
13
|
+
}
|
|
14
|
+
const buttonV3Light = {
|
|
15
|
+
name: 'ButtonV3',
|
|
16
|
+
common: common_1.commonLight,
|
|
17
|
+
self
|
|
18
|
+
};
|
|
19
|
+
exports.default = buttonV3Light;
|
package/lib/_internal/index.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { default as UBaseAccountOption } from './account-option';
|
|
2
|
+
export { buttonV3Props, InternalUButtonV3 } from './button-v3';
|
|
3
|
+
export type * from './button-v3';
|
|
2
4
|
export { checkboxBaseProps, checkboxGroupInjectionKey, useCheckbox } from './checkbox';
|
|
3
5
|
export type { CheckboxBaseProps, CheckboxInst, OnUpdateChecked, OnUpdateCheckedImpl, UseCheckbox } from './checkbox';
|
|
4
6
|
export { default as UBaseClear } from './clear';
|
package/lib/_internal/index.js
CHANGED
|
@@ -3,9 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.UBaseWave = exports.InternalUText = exports.internalTextProps = exports.UBaseSuffix = exports.UBaseSlotMachine = exports.UBaseSkeleton = exports.UInternalSelection = exports.UInternalSelectMenu = exports.UxScrollbar = exports.UScrollbar = exports.UxSafeTopScrollbar = exports.USafeTopScrollbar = exports.useRadio = exports.radioGroupInjectionKey = exports.radioBaseProps = exports.UBaseMenuMask = exports.UBaseLoading = exports.UIconSwitchTransition = exports.UBaseIcon = exports.UBaseFocusDetector = exports.UFadeInExpandTransition = exports.UBaseClose = exports.UBaseClear = exports.useCheckbox = exports.checkboxGroupInjectionKey = exports.checkboxBaseProps = exports.UBaseAccountOption = void 0;
|
|
6
|
+
exports.UBaseWave = exports.InternalUText = exports.internalTextProps = exports.UBaseSuffix = exports.UBaseSlotMachine = exports.UBaseSkeleton = exports.UInternalSelection = exports.UInternalSelectMenu = exports.UxScrollbar = exports.UScrollbar = exports.UxSafeTopScrollbar = exports.USafeTopScrollbar = exports.useRadio = exports.radioGroupInjectionKey = exports.radioBaseProps = exports.UBaseMenuMask = exports.UBaseLoading = exports.UIconSwitchTransition = exports.UBaseIcon = exports.UBaseFocusDetector = exports.UFadeInExpandTransition = exports.UBaseClose = exports.UBaseClear = exports.useCheckbox = exports.checkboxGroupInjectionKey = exports.checkboxBaseProps = exports.InternalUButtonV3 = exports.buttonV3Props = exports.UBaseAccountOption = void 0;
|
|
7
7
|
var account_option_1 = require("./account-option");
|
|
8
8
|
Object.defineProperty(exports, "UBaseAccountOption", { enumerable: true, get: function () { return __importDefault(account_option_1).default; } });
|
|
9
|
+
var button_v3_1 = require("./button-v3");
|
|
10
|
+
Object.defineProperty(exports, "buttonV3Props", { enumerable: true, get: function () { return button_v3_1.buttonV3Props; } });
|
|
11
|
+
Object.defineProperty(exports, "InternalUButtonV3", { enumerable: true, get: function () { return button_v3_1.InternalUButtonV3; } });
|
|
9
12
|
var checkbox_1 = require("./checkbox");
|
|
10
13
|
Object.defineProperty(exports, "checkboxBaseProps", { enumerable: true, get: function () { return checkbox_1.checkboxBaseProps; } });
|
|
11
14
|
Object.defineProperty(exports, "checkboxGroupInjectionKey", { enumerable: true, get: function () { return checkbox_1.checkboxGroupInjectionKey; } });
|
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const _common_1 = __importDefault(require("./_common"));
|
|
7
|
-
const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(255, 255, 255, 0.25)', scrollbarColorHover: 'rgba(255, 255, 255, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary10: '#F3F2F9', brandPrimary50: '#2B204E', brandPrimary100: '#412A89', brandPrimary200: '#6A40ED', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#8967F1', brandPrimary550: '#6607DF', brandPrimary600: '#5D46A6', brandSecondary400: '#FFF8E3', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', surfacePrimary: '#101010', surfaceSecondary: '#1D1D1D', containerPrimary: '#1D1D1D', containerSecondary: '#313135', textPrimary: '#F3F4F6', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#101010', textBrand: '#F3F4F6',
|
|
7
|
+
const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(255, 255, 255, 0.25)', scrollbarColorHover: 'rgba(255, 255, 255, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary10: '#F3F2F9', brandPrimary50: '#2B204E', brandPrimary100: '#412A89', brandPrimary200: '#6A40ED', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#8967F1', brandPrimary550: '#6607DF', brandPrimary600: '#5D46A6', brandSecondary400: '#FFF8E3', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', accentBrand: '#7000FF', accentBrandHover: '#5D46A6', accentError: '#F24835', accentErrorHover: '#A82C1E', accentErrorSubtle: '#FFFFFF', accentNeutral: '#F3F4F6', accentNeutralHover: '#E8EAED', accentFocusRing: '#CDD1D5', accentBorder: '#DDE0E3', accentDisabled: '#DDE0E3', accentDisabledContent: '#B2B8BC', accentPressedOverlay: 'rgba(0, 0, 0, 0.12)', surfacePrimary: '#101010', surfaceSecondary: '#1D1D1D', containerPrimary: '#1D1D1D', containerSecondary: '#313135', textPrimary: '#F3F4F6', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#101010', textBrand: '#F3F4F6',
|
|
8
8
|
// naive-ui compatibility aliases
|
|
9
9
|
textColor2: '#F3F4F6', elementsPrimary: '#F3F4F6', elementsSecondary: '#101010', elementsTertiary: '#222222', elementsQuaternary: '#424247', elementsQuinary: '#707479', elementsDarkQuinary: '#919396', elementsSenary: '#DFDFDF', elementsOnContainer: '#101010', transparencyPrimary: 'rgba(255, 255, 255, 0.1)', transparencySecondary: 'rgba(255, 255, 255, 0.07)', transparencyTertiary: 'rgba(255, 255, 255, 0.16)', transparencyQuinary: 'rgba(255, 255, 255, 0.32)', transparencyModal: 'rgba(0, 0, 0, 0.75)', staticBlack: '#101010', staticDarkGrey: '#2C2C2D', staticWhite: '#FFFFFF', staticRed: '#F24835', staticOrange: '#F48C2C', staticGreen: '#09B849', staticDeepBlue: '#2F53CD', staticErrorAccent: '#CB0000',
|
|
10
10
|
// naive-ui compatibility aliases
|
|
@@ -31,6 +31,18 @@ declare const derived: {
|
|
|
31
31
|
brandQuinary300: string;
|
|
32
32
|
brandQuinary600: string;
|
|
33
33
|
brandQuinary100: string;
|
|
34
|
+
accentBrand: string;
|
|
35
|
+
accentBrandHover: string;
|
|
36
|
+
accentError: string;
|
|
37
|
+
accentErrorHover: string;
|
|
38
|
+
accentErrorSubtle: string;
|
|
39
|
+
accentNeutral: string;
|
|
40
|
+
accentNeutralHover: string;
|
|
41
|
+
accentFocusRing: string;
|
|
42
|
+
accentBorder: string;
|
|
43
|
+
accentDisabled: string;
|
|
44
|
+
accentDisabledContent: string;
|
|
45
|
+
accentPressedOverlay: string;
|
|
34
46
|
surfacePrimary: string;
|
|
35
47
|
surfaceSecondary: string;
|
|
36
48
|
containerPrimary: string;
|
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const _common_1 = __importDefault(require("./_common"));
|
|
7
|
-
const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(0, 0, 0, 0.25)', scrollbarColorHover: 'rgba(0, 0, 0, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary10: '#F3F2F9', brandPrimary50: '#F8F2FF', brandPrimary100: '#EAE2FF', brandPrimary200: '#DACCFF', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#7000FF', brandPrimary550: '#6607DF', brandPrimary600: '#5B34C1', brandSecondary400: '#FFF8E3', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', surfacePrimary: '#fff', surfaceSecondary: '#1d1d1d', containerPrimary: '#fff', containerSecondary: '#F3F4F6', textPrimary: '#101010', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#FFFFFF', textBrand: '#7000FF',
|
|
7
|
+
const derived = Object.assign(Object.assign({ name: 'common' }, _common_1.default), { scrollbarColor: 'rgba(0, 0, 0, 0.25)', scrollbarColorHover: 'rgba(0, 0, 0, 0.4)', scrollbarWidth: '5px', scrollbarHeight: '5px', scrollbarBorderRadius: '5px', opacityDisabled: '0.5', brand150: '#FFF3D3', brand350: '#F1F9DF', brand550: '#FFF3F4', brandPrimary10: '#F3F2F9', brandPrimary50: '#F8F2FF', brandPrimary100: '#EAE2FF', brandPrimary200: '#DACCFF', brandPrimary300: '#BBA2FD', brandPrimary400: '#7748F1', brandPrimary500: '#7000FF', brandPrimary550: '#6607DF', brandPrimary600: '#5B34C1', brandSecondary400: '#FFF8E3', brandSecondary500: '#FFFF54', brandSecondary300: '#FDF5A6', brandSecondary600: '#F9DE6D', brandTertiary500: '#C4ED70', brandTertiary300: '#DCF0AF', brandTertiary600: '#9DED70', brandQuaternary500: '#90DDFB', brandQuaternary300: '#C5ECFD', brandQuaternary600: '#54B8F9', brandQuinary500: '#EC616A', brandQuinary300: '#F19EDA', brandQuinary600: '#EA3E68', brandQuinary100: '#FAD6D9', accentBrand: '#7000FF', accentBrandHover: '#5D46A6', accentError: '#F24835', accentErrorHover: '#A82C1E', accentErrorSubtle: '#FFFFFF', accentNeutral: '#F3F4F6', accentNeutralHover: '#E8EAED', accentFocusRing: '#CDD1D5', accentBorder: '#DDE0E3', accentDisabled: '#DDE0E3', accentDisabledContent: '#B2B8BC', accentPressedOverlay: 'rgba(0, 0, 0, 0.12)', surfacePrimary: '#fff', surfaceSecondary: '#1d1d1d', containerPrimary: '#fff', containerSecondary: '#F3F4F6', textPrimary: '#101010', textSecondary: '#808080', textTertiary: '#999999', textQuaternary: '#FFFFFF', textBrand: '#7000FF',
|
|
8
8
|
// naive-ui compatibility aliases
|
|
9
9
|
textColor2: '#101010', elementsPrimary: '#101010', elementsSecondary: '#fff', elementsTertiary: '#F3F4F6', elementsQuaternary: '#E7E8EA', elementsQuinary: '#C5C7CA', elementsDarkQuinary: '#919396', elementsSenary: '#4E4D4D', elementsOnContainer: '#fff', transparencyPrimary: 'rgba(0, 0, 0, 0.35)', transparencySecondary: 'rgba(0, 0, 0, 0.07)', transparencyTertiary: 'rgba(255, 255, 255, 0.16)', transparencyQuinary: 'rgba(255, 255, 255, 0.32)', transparencyModal: 'rgba(0, 0, 0, 0.40)', staticBlack: '#101010', staticDarkGrey: '#2C2C2D', staticWhite: '#FFFFFF', staticRed: '#F24835', staticOrange: '#F48C2C', staticGreen: '#09B849', staticDeepBlue: '#2F53CD', staticErrorAccent: '#CB0000',
|
|
10
10
|
// naive-ui compatibility aliases
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { buttonV3Dark, buttonV3Light } from '../_internal/button-v3';
|
|
2
|
+
export type * from '../_internal/button-v3/src/interface';
|
|
3
|
+
export type { ButtonV3Theme, ButtonV3ThemeVars } from '../_internal/button-v3/styles';
|
|
4
|
+
export { buttonV3Props, default as UButtonV3, XButtonV3 as UxButtonV3 } from './src/ButtonV3';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.UxButtonV3 = exports.UButtonV3 = exports.buttonV3Props = exports.buttonV3Light = exports.buttonV3Dark = void 0;
|
|
7
|
+
var button_v3_1 = require("../_internal/button-v3");
|
|
8
|
+
Object.defineProperty(exports, "buttonV3Dark", { enumerable: true, get: function () { return button_v3_1.buttonV3Dark; } });
|
|
9
|
+
Object.defineProperty(exports, "buttonV3Light", { enumerable: true, get: function () { return button_v3_1.buttonV3Light; } });
|
|
10
|
+
var ButtonV3_1 = require("./src/ButtonV3");
|
|
11
|
+
Object.defineProperty(exports, "buttonV3Props", { enumerable: true, get: function () { return ButtonV3_1.buttonV3Props; } });
|
|
12
|
+
Object.defineProperty(exports, "UButtonV3", { enumerable: true, get: function () { return __importDefault(ButtonV3_1).default; } });
|
|
13
|
+
Object.defineProperty(exports, "UxButtonV3", { enumerable: true, get: function () { return ButtonV3_1.XButtonV3; } });
|