@veracity/vui 2.15.3 → 2.16.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/cjs/avatar/avatar.js +1 -1
- package/dist/cjs/button/button.d.ts.map +1 -1
- package/dist/cjs/button/button.js +0 -6
- package/dist/cjs/button/theme.d.ts.map +1 -1
- package/dist/cjs/calendar/calendar.styles.d.ts.map +1 -1
- package/dist/cjs/calendar/calendar.styles.js +3 -2
- package/dist/cjs/calendar/components/calendarHeader.d.ts.map +1 -1
- package/dist/cjs/calendar/components/calendarHeader.js +2 -2
- package/dist/cjs/copyToClipboard/copyToClipboard.d.ts.map +1 -1
- package/dist/cjs/copyToClipboard/copyToClipboard.js +1 -1
- package/dist/cjs/core/vuiProvider/vuiProvider.js +4 -4
- package/dist/cjs/footer/footer.d.ts.map +1 -1
- package/dist/cjs/footer/footer.js +1 -1
- package/dist/cjs/header/headerAccountUserInfo.js +1 -1
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +2 -0
- package/dist/cjs/menu/menuList.d.ts.map +1 -1
- package/dist/cjs/menu/menuList.js +1 -0
- package/dist/cjs/notification/notification.d.ts.map +1 -1
- package/dist/cjs/notification/notification.js +1 -1
- package/dist/cjs/pagination/paginationNavigation.js +2 -2
- package/dist/cjs/popover/{popoverStyle.d.ts → globalStyle.d.ts} +1 -1
- package/dist/cjs/popover/globalStyle.d.ts.map +1 -0
- package/dist/cjs/popover/index.d.ts +0 -1
- package/dist/cjs/popover/index.d.ts.map +1 -1
- package/dist/cjs/popover/index.js +1 -3
- package/dist/cjs/popover/popoverContent.js +1 -1
- package/dist/cjs/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenu.js +1 -1
- package/dist/cjs/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/cjs/sidemenu/sidemenuItem.js +1 -1
- package/dist/cjs/stepperIndicator/index.d.ts +4 -0
- package/dist/cjs/stepperIndicator/index.d.ts.map +1 -0
- package/dist/cjs/stepperIndicator/index.js +24 -0
- package/dist/cjs/stepperIndicator/stepperIndicator.d.ts +7 -0
- package/dist/cjs/stepperIndicator/stepperIndicator.d.ts.map +1 -0
- package/dist/cjs/stepperIndicator/stepperIndicator.js +46 -0
- package/dist/cjs/stepperIndicator/stepperIndicatorTypes.d.ts +10 -0
- package/dist/cjs/stepperIndicator/stepperIndicatorTypes.d.ts.map +1 -0
- package/dist/cjs/stepperIndicator/stepperIndicatorTypes.js +2 -0
- package/dist/cjs/stepperIndicator/theme.d.ts +64 -0
- package/dist/cjs/stepperIndicator/theme.d.ts.map +1 -0
- package/dist/cjs/stepperIndicator/theme.js +68 -0
- package/dist/cjs/stepperVertical/consts.d.ts +18 -0
- package/dist/cjs/stepperVertical/consts.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/consts.js +20 -0
- package/dist/cjs/stepperVertical/context.d.ts +5 -0
- package/dist/cjs/stepperVertical/context.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/context.js +7 -0
- package/dist/cjs/stepperVertical/index.d.ts +5 -0
- package/dist/cjs/stepperVertical/index.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/index.js +25 -0
- package/dist/cjs/stepperVertical/stepVertical.d.ts +8 -0
- package/dist/cjs/stepperVertical/stepVertical.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/stepVertical.js +37 -0
- package/dist/cjs/stepperVertical/stepVerticalTail.d.ts +7 -0
- package/dist/cjs/stepperVertical/stepVerticalTail.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/stepVerticalTail.js +31 -0
- package/dist/cjs/stepperVertical/stepVerticalTitle.d.ts +7 -0
- package/dist/cjs/stepperVertical/stepVerticalTitle.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/stepVerticalTitle.js +31 -0
- package/dist/cjs/stepperVertical/stepperVertical.d.ts +8 -0
- package/dist/cjs/stepperVertical/stepperVertical.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/stepperVertical.js +57 -0
- package/dist/cjs/stepperVertical/stepperVerticalBase.d.ts +3 -0
- package/dist/cjs/stepperVertical/stepperVerticalBase.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/stepperVerticalBase.js +13 -0
- package/dist/cjs/stepperVertical/stepperVerticalTypes.d.ts +28 -0
- package/dist/cjs/stepperVertical/stepperVerticalTypes.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/stepperVerticalTypes.js +2 -0
- package/dist/cjs/stepperVertical/theme.d.ts +14 -0
- package/dist/cjs/stepperVertical/theme.d.ts.map +1 -0
- package/dist/cjs/stepperVertical/theme.js +19 -0
- package/dist/cjs/tabs/consts.d.ts +1 -1
- package/dist/cjs/tabs/consts.d.ts.map +1 -1
- package/dist/cjs/tabs/consts.js +2 -2
- package/dist/cjs/tabs/tabsNavBar.js +1 -1
- package/dist/cjs/tabs/theme.js +1 -1
- package/dist/cjs/tag/tag.d.ts.map +1 -1
- package/dist/cjs/tag/tag.js +1 -1
- package/dist/cjs/textarea/textarea.d.ts.map +1 -1
- package/dist/cjs/textarea/textarea.js +5 -3
- package/dist/cjs/theme/components.d.ts +74 -0
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/components.js +18 -14
- package/dist/cjs/theme/defaultTheme.d.ts +74 -0
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/cjs/tutorial/tutorialCard.d.ts.map +1 -1
- package/dist/cjs/tutorial/tutorialCard.js +3 -3
- package/dist/esm/avatar/avatar.js +1 -1
- package/dist/esm/button/button.d.ts.map +1 -1
- package/dist/esm/button/button.js +0 -6
- package/dist/esm/button/theme.d.ts.map +1 -1
- package/dist/esm/calendar/calendar.styles.d.ts.map +1 -1
- package/dist/esm/calendar/calendar.styles.js +3 -2
- package/dist/esm/calendar/components/calendarHeader.d.ts.map +1 -1
- package/dist/esm/calendar/components/calendarHeader.js +2 -2
- package/dist/esm/copyToClipboard/copyToClipboard.d.ts.map +1 -1
- package/dist/esm/copyToClipboard/copyToClipboard.js +1 -1
- package/dist/esm/core/vuiProvider/vuiProvider.js +1 -1
- package/dist/esm/footer/footer.d.ts.map +1 -1
- package/dist/esm/footer/footer.js +1 -1
- package/dist/esm/header/headerAccountUserInfo.js +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/menu/menuList.d.ts.map +1 -1
- package/dist/esm/menu/menuList.js +1 -0
- package/dist/esm/notification/notification.d.ts.map +1 -1
- package/dist/esm/notification/notification.js +1 -1
- package/dist/esm/pagination/paginationNavigation.js +2 -2
- package/dist/esm/popover/{popoverStyle.d.ts → globalStyle.d.ts} +1 -1
- package/dist/esm/popover/globalStyle.d.ts.map +1 -0
- package/dist/esm/popover/index.d.ts +0 -1
- package/dist/esm/popover/index.d.ts.map +1 -1
- package/dist/esm/popover/index.js +0 -1
- package/dist/esm/popover/popoverContent.js +1 -1
- package/dist/esm/sidemenu/sidemenu.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenu.js +1 -1
- package/dist/esm/sidemenu/sidemenuItem.d.ts.map +1 -1
- package/dist/esm/sidemenu/sidemenuItem.js +1 -1
- package/dist/esm/stepperIndicator/index.d.ts +4 -0
- package/dist/esm/stepperIndicator/index.d.ts.map +1 -0
- package/dist/esm/stepperIndicator/index.js +3 -0
- package/dist/esm/stepperIndicator/stepperIndicator.d.ts +7 -0
- package/dist/esm/stepperIndicator/stepperIndicator.d.ts.map +1 -0
- package/dist/esm/stepperIndicator/stepperIndicator.js +29 -0
- package/dist/esm/stepperIndicator/stepperIndicatorTypes.d.ts +10 -0
- package/dist/esm/stepperIndicator/stepperIndicatorTypes.d.ts.map +1 -0
- package/dist/esm/stepperIndicator/stepperIndicatorTypes.js +1 -0
- package/dist/esm/stepperIndicator/theme.d.ts +64 -0
- package/dist/esm/stepperIndicator/theme.d.ts.map +1 -0
- package/dist/esm/stepperIndicator/theme.js +66 -0
- package/dist/esm/stepperVertical/consts.d.ts +18 -0
- package/dist/esm/stepperVertical/consts.d.ts.map +1 -0
- package/dist/esm/stepperVertical/consts.js +17 -0
- package/dist/esm/stepperVertical/context.d.ts +5 -0
- package/dist/esm/stepperVertical/context.d.ts.map +1 -0
- package/dist/esm/stepperVertical/context.js +3 -0
- package/dist/esm/stepperVertical/index.d.ts +5 -0
- package/dist/esm/stepperVertical/index.d.ts.map +1 -0
- package/dist/esm/stepperVertical/index.js +4 -0
- package/dist/esm/stepperVertical/stepVertical.d.ts +8 -0
- package/dist/esm/stepperVertical/stepVertical.d.ts.map +1 -0
- package/dist/esm/stepperVertical/stepVertical.js +31 -0
- package/dist/esm/stepperVertical/stepVerticalTail.d.ts +7 -0
- package/dist/esm/stepperVertical/stepVerticalTail.d.ts.map +1 -0
- package/dist/esm/stepperVertical/stepVerticalTail.js +14 -0
- package/dist/esm/stepperVertical/stepVerticalTitle.d.ts +7 -0
- package/dist/esm/stepperVertical/stepVerticalTitle.d.ts.map +1 -0
- package/dist/esm/stepperVertical/stepVerticalTitle.js +14 -0
- package/dist/esm/stepperVertical/stepperVertical.d.ts +8 -0
- package/dist/esm/stepperVertical/stepperVertical.d.ts.map +1 -0
- package/dist/esm/stepperVertical/stepperVertical.js +17 -0
- package/dist/esm/stepperVertical/stepperVerticalBase.d.ts +3 -0
- package/dist/esm/stepperVertical/stepperVerticalBase.d.ts.map +1 -0
- package/dist/esm/stepperVertical/stepperVerticalBase.js +11 -0
- package/dist/esm/stepperVertical/stepperVerticalTypes.d.ts +28 -0
- package/dist/esm/stepperVertical/stepperVerticalTypes.d.ts.map +1 -0
- package/dist/esm/stepperVertical/stepperVerticalTypes.js +1 -0
- package/dist/esm/stepperVertical/theme.d.ts +14 -0
- package/dist/esm/stepperVertical/theme.d.ts.map +1 -0
- package/dist/esm/stepperVertical/theme.js +17 -0
- package/dist/esm/tabs/consts.d.ts +1 -1
- package/dist/esm/tabs/consts.d.ts.map +1 -1
- package/dist/esm/tabs/consts.js +1 -1
- package/dist/esm/tabs/tabsNavBar.js +2 -2
- package/dist/esm/tabs/theme.js +1 -1
- package/dist/esm/tag/tag.d.ts.map +1 -1
- package/dist/esm/tag/tag.js +1 -1
- package/dist/esm/textarea/textarea.d.ts.map +1 -1
- package/dist/esm/textarea/textarea.js +5 -3
- package/dist/esm/theme/components.d.ts +74 -0
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/components.js +4 -0
- package/dist/esm/theme/defaultTheme.d.ts +74 -0
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/tutorial/tutorialCard.d.ts.map +1 -1
- package/dist/esm/tutorial/tutorialCard.js +3 -3
- package/package.json +1 -1
- package/src/avatar/avatar.tsx +1 -1
- package/src/button/button.tsx +0 -4
- package/src/button/theme.ts +0 -10
- package/src/calendar/calendar.styles.ts +3 -2
- package/src/calendar/components/calendarHeader.tsx +2 -0
- package/src/copyToClipboard/copyToClipboard.tsx +1 -0
- package/src/core/vuiProvider/vuiProvider.tsx +1 -1
- package/src/footer/footer.tsx +1 -0
- package/src/header/headerAccountUserInfo.tsx +1 -1
- package/src/index.ts +2 -0
- package/src/menu/menuList.tsx +2 -0
- package/src/notification/notification.tsx +8 -1
- package/src/pagination/paginationNavigation.tsx +2 -2
- package/src/popover/index.ts +0 -1
- package/src/popover/popoverContent.tsx +1 -1
- package/src/sidemenu/sidemenu.tsx +1 -0
- package/src/sidemenu/sidemenuItem.tsx +1 -0
- package/src/stepperIndicator/index.ts +3 -0
- package/src/stepperIndicator/stepperIndicator.tsx +60 -0
- package/src/stepperIndicator/stepperIndicatorTypes.ts +12 -0
- package/src/stepperIndicator/theme.ts +70 -0
- package/src/stepperVertical/consts.ts +21 -0
- package/src/stepperVertical/context.ts +5 -0
- package/src/stepperVertical/index.ts +4 -0
- package/src/stepperVertical/stepVertical.tsx +52 -0
- package/src/stepperVertical/stepVerticalTail.tsx +30 -0
- package/src/stepperVertical/stepVerticalTitle.tsx +31 -0
- package/src/stepperVertical/stepperVertical.tsx +29 -0
- package/src/stepperVertical/stepperVerticalBase.ts +13 -0
- package/src/stepperVertical/stepperVerticalTypes.ts +34 -0
- package/src/stepperVertical/theme.ts +22 -0
- package/src/tabs/consts.ts +1 -1
- package/src/tabs/tabsNavBar.tsx +2 -2
- package/src/tabs/theme.ts +1 -1
- package/src/tag/tag.tsx +7 -1
- package/src/textarea/textarea.tsx +5 -3
- package/src/theme/components.ts +4 -0
- package/src/tutorial/tutorialCard.tsx +5 -1
- package/dist/cjs/popover/popoverStyle.d.ts.map +0 -1
- package/dist/esm/popover/popoverStyle.d.ts.map +0 -1
- /package/dist/cjs/popover/{popoverStyle.js → globalStyle.js} +0 -0
- /package/dist/esm/popover/{popoverStyle.js → globalStyle.js} +0 -0
- /package/src/popover/{popoverStyle.ts → globalStyle.ts} +0 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Dict } from '../utils';
|
|
3
|
+
declare const StepperVerticalProvider: import("react").Provider<Dict<any>>, useStepperVerticalContext: () => Dict<any>;
|
|
4
|
+
export { StepperVerticalProvider, useStepperVerticalContext };
|
|
5
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAO,uBAAuB,uCAAE,yBAAyB,iBAA6C,CAAA;AAEtG,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useStepperVerticalContext = exports.StepperVerticalProvider = void 0;
|
|
4
|
+
const utils_1 = require("../utils");
|
|
5
|
+
const [StepperVerticalProvider, useStepperVerticalContext] = (0, utils_1.createContext)({ isOptional: true });
|
|
6
|
+
exports.StepperVerticalProvider = StepperVerticalProvider;
|
|
7
|
+
exports.useStepperVerticalContext = useStepperVerticalContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,cAAc,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.default = void 0;
|
|
21
|
+
__exportStar(require("./stepperVertical"), exports);
|
|
22
|
+
__exportStar(require("./stepVertical"), exports);
|
|
23
|
+
var stepperVertical_1 = require("./stepperVertical");
|
|
24
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(stepperVertical_1).default; } });
|
|
25
|
+
__exportStar(require("./stepperVerticalTypes"), exports);
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StepVerticalProps } from './stepperVerticalTypes';
|
|
2
|
+
export declare const StepVerticalBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
|
|
3
|
+
/**
|
|
4
|
+
* Implements a vertical step component
|
|
5
|
+
*/
|
|
6
|
+
export declare const StepVertical: import("../core").VuiComponent<"div", StepVerticalProps>;
|
|
7
|
+
export default StepVertical;
|
|
8
|
+
//# sourceMappingURL=stepVertical.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepVertical.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVertical.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI1D,eAAO,MAAM,gBAAgB,+HAI5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,0DA0BxB,CAAA;AAID,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
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.StepVertical = exports.StepVerticalBase = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const box_1 = require("../box");
|
|
9
|
+
const core_1 = require("../core");
|
|
10
|
+
const stepperIndicator_1 = require("../stepperIndicator");
|
|
11
|
+
const utils_1 = require("../utils");
|
|
12
|
+
const consts_1 = require("./consts");
|
|
13
|
+
const context_1 = require("./context");
|
|
14
|
+
const stepVerticalTail_1 = __importDefault(require("./stepVerticalTail"));
|
|
15
|
+
const stepVerticalTitle_1 = __importDefault(require("./stepVerticalTitle"));
|
|
16
|
+
exports.StepVerticalBase = core_1.styled.divBox `
|
|
17
|
+
display: flex;
|
|
18
|
+
position: relative;
|
|
19
|
+
width: 100%;
|
|
20
|
+
`;
|
|
21
|
+
/**
|
|
22
|
+
* Implements a vertical step component
|
|
23
|
+
*/
|
|
24
|
+
exports.StepVertical = (0, core_1.vui)(({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {
|
|
25
|
+
const context = (0, context_1.useStepperVerticalContext)();
|
|
26
|
+
const size = (context === null || context === void 0 ? void 0 : context.size) || propSize;
|
|
27
|
+
return (react_1.default.createElement(exports.StepVerticalBase, { className: (0, utils_1.cs)(consts_1.stepClassName, className), ref: ref },
|
|
28
|
+
react_1.default.createElement(stepVerticalTail_1.default, { size: size, variant: variant }),
|
|
29
|
+
react_1.default.createElement(box_1.Box, { flex: `0 0 ${size === 'md' ? 40 : 30}px` },
|
|
30
|
+
react_1.default.createElement(stepperIndicator_1.StepperIndicator, { icon: icon, number: number, size: size, variant: variant })),
|
|
31
|
+
react_1.default.createElement(box_1.Box, { flex: "1", flexDirection: "column" },
|
|
32
|
+
!!title && (react_1.default.createElement(stepVerticalTitle_1.default, { size: size, variant: variant }, title)),
|
|
33
|
+
!!description && (react_1.default.createElement(box_1.Box, { color: "sandstone.45", fontSize: `${size === 'md' ? 14 : 12}px` }, description)),
|
|
34
|
+
react_1.default.createElement(box_1.Box, null, children))));
|
|
35
|
+
});
|
|
36
|
+
exports.StepVertical.displayName = 'StepVertical';
|
|
37
|
+
exports.default = exports.StepVertical;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { StepVerticalTailProps } from './stepperVerticalTypes';
|
|
2
|
+
/**
|
|
3
|
+
* Implements vertical stepper tail (the vertical line) **
|
|
4
|
+
*/
|
|
5
|
+
export declare const StepVerticalTail: import("../core").VuiComponent<"div", StepVerticalTailProps>;
|
|
6
|
+
export default StepVerticalTail;
|
|
7
|
+
//# sourceMappingURL=stepVerticalTail.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepVerticalTail.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVerticalTail.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,gBAAgB,8DAc3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.StepVerticalTail = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const box_1 = require("../box");
|
|
20
|
+
const core_1 = require("../core");
|
|
21
|
+
const utils_1 = require("../utils");
|
|
22
|
+
const consts_1 = require("./consts");
|
|
23
|
+
/**
|
|
24
|
+
* Implements vertical stepper tail (the vertical line) **
|
|
25
|
+
*/
|
|
26
|
+
exports.StepVerticalTail = (0, core_1.vui)((props, ref) => {
|
|
27
|
+
const { children, className, size = 'md', variant = 'active' } = props, rest = __rest(props, ["children", "className", "size", "variant"]);
|
|
28
|
+
return (react_1.default.createElement(box_1.Box, Object.assign({ borderRight: `1px solid ${consts_1.variantColor[variant]}`, className: (0, utils_1.cs)(consts_1.tailClassName), maxW: "16px", minH: "100%", position: "absolute", ref: ref, w: `${size === 'md' ? 16 : 12}px` }, rest)));
|
|
29
|
+
});
|
|
30
|
+
exports.StepVerticalTail.displayName = 'StepVerticalTail';
|
|
31
|
+
exports.default = exports.StepVerticalTail;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { StepVerticalTitleProps } from './stepperVerticalTypes';
|
|
2
|
+
/**
|
|
3
|
+
* Implements vertical stepper tail (the vertical line) **
|
|
4
|
+
*/
|
|
5
|
+
export declare const StepVerticalTitle: import("../core").VuiComponent<"div", StepVerticalTitleProps>;
|
|
6
|
+
export default StepVerticalTitle;
|
|
7
|
+
//# sourceMappingURL=stepVerticalTitle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepVerticalTitle.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVerticalTitle.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D;;GAEG;AACH,eAAO,MAAM,iBAAiB,+DAe5B,CAAA;AAIF,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.StepVerticalTitle = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const box_1 = require("../box");
|
|
20
|
+
const core_1 = require("../core");
|
|
21
|
+
const utils_1 = require("../utils");
|
|
22
|
+
const consts_1 = require("./consts");
|
|
23
|
+
/**
|
|
24
|
+
* Implements vertical stepper tail (the vertical line) **
|
|
25
|
+
*/
|
|
26
|
+
exports.StepVerticalTitle = (0, core_1.vui)((props, ref) => {
|
|
27
|
+
const { children, className, size = 'md', variant = 'active' } = props, rest = __rest(props, ["children", "className", "size", "variant"]);
|
|
28
|
+
return (react_1.default.createElement(box_1.Box, Object.assign({ className: (0, utils_1.cs)(consts_1.stepClassName + 'Title'), color: consts_1.titleColor[variant], fontSize: `${size === 'md' ? 16 : 14}px`, fontWeight: consts_1.boldTitles.includes(variant) ? 600 : undefined, pt: `${size === 'md' ? 4 : 2}px`, whiteSpace: "nowrap" }, rest), children));
|
|
29
|
+
});
|
|
30
|
+
exports.StepVerticalTitle.displayName = 'StepVerticalTitle';
|
|
31
|
+
exports.default = exports.StepVerticalTitle;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import StepperVerticalBase from './stepperVerticalBase';
|
|
2
|
+
import { StepperVerticalProps } from './stepperVerticalTypes';
|
|
3
|
+
/**
|
|
4
|
+
* Implements vertical stepper **
|
|
5
|
+
*/
|
|
6
|
+
export declare const StepperVertical: import("../core").VuiComponent<"div", StepperVerticalProps>;
|
|
7
|
+
export default StepperVerticalBase;
|
|
8
|
+
//# sourceMappingURL=stepperVertical.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepperVertical.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepperVertical.tsx"],"names":[],"mappings":"AAKA,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D;;GAEG;AACH,eAAO,MAAM,eAAe,6DAa1B,CAAA;AAIF,eAAe,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.StepperVertical = void 0;
|
|
41
|
+
const react_1 = __importStar(require("react"));
|
|
42
|
+
const core_1 = require("../core");
|
|
43
|
+
const utils_1 = require("../utils");
|
|
44
|
+
const context_1 = require("./context");
|
|
45
|
+
const stepperVerticalBase_1 = __importDefault(require("./stepperVerticalBase"));
|
|
46
|
+
/**
|
|
47
|
+
* Implements vertical stepper **
|
|
48
|
+
*/
|
|
49
|
+
exports.StepperVertical = (0, core_1.vui)((props, ref) => {
|
|
50
|
+
const { children, className, size } = props, rest = __rest(props, ["children", "className", "size"]);
|
|
51
|
+
const styles = (0, core_1.useStyleConfig)('StepperVertical', props);
|
|
52
|
+
const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size }), [size]);
|
|
53
|
+
return (react_1.default.createElement(context_1.StepperVerticalProvider, { value: context },
|
|
54
|
+
react_1.default.createElement(stepperVerticalBase_1.default, Object.assign({ className: (0, utils_1.cs)('vui-stepperVertical', className), ref: ref }, styles.container, rest), children)));
|
|
55
|
+
});
|
|
56
|
+
exports.StepperVertical.displayName = 'StepperVertical';
|
|
57
|
+
exports.default = stepperVerticalBase_1.default;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const StepperVerticalBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").AnimationProps & import("..").BackgroundColorProps & import("..").BorderProps & import("..").BorderTopProps & import("..").BorderRightProps & import("..").BorderBottomProps & import("..").BorderLeftProps & import("..").BorderColorProps & import("..").BorderTopColorProps & import("..").BorderRightColorProps & import("..").BorderBottomColorProps & import("..").BorderLeftColorProps & import("..").BorderWidthProps & import("..").BorderTopWidthProps & import("..").BorderRightWidthProps & import("..").BorderBottomWidthProps & import("..").BorderLeftWidthProps & import("..").BorderStyleProps & import("..").BorderRadiusProps & import("..").OutlineProps & import("..").OutlineColorProps & import("..").OutlineWidthProps & import("..").OutlineStyleProps & import("..").DivideXProps & import("..").DivideYProps & import("..").DivideXReverseProps & import("..").DivideYReverseProps & import("..").DivideColorProps & import("..").DivideStyleProps & import("..").RingProps & import("..").RingColorProps & import("..").OpacityProps & import("..").BoxShadowProps & import("..").TextShadowProps & import("..").DisplayProps & import("..").AlignItemsProps & import("..").AlignContentProps & import("..").JustifyContentProps & import("..").JustifyItemsProps & import("..").FlexWrapProps & import("..").FlexGrowProps & import("..").FlexShrinkProps & import("..").FlexBasisProps & import("..").FlexDirectionProps & import("..").FlexProps & import("..").JustifySelfProps & import("..").AlignSelfProps & import("..").OrderProps & import("../system/flexboxGrids").RowProps & import("../system/flexboxGrids").ColProps & import("../system/grids").GapProps & import("../system/grids").ColumnGapProps & import("../system/grids").RowGapProps & import("../system/grids").GridColumnProps & import("../system/grids").GridRowProps & import("../system/grids").GridAutoFlowProps & import("../system/grids").GridAutoColumnsProps & import("../system/grids").GridAutoRowsProps & import("../system/grids").GridTemplateColumnsProps & import("../system/grids").GridTemplateRowsProps & import("../system/grids").GridTemplateAreasProps & import("../system/grids").GridAreaProps & import("..").AppearanceProps & import("..").CursorProps & import("..").PointerEventsProps & import("..").ResizeProps & import("..").UserSelectProps & import("..").IsTruncatedProps & import("..").FloatProps & import("..").BoxSizingProps & import("..").OverflowProps & import("..").OverflowXProps & import("..").OverflowYProps & import("..").PositionProps & import("..").ZIndexProps & import("..").TopProps & import("..").RightProps & import("..").BottomProps & import("..").LeftProps & import("..").VisibilityProps & import("..").OverscrollBehaviorProps & import("..").ObjectFitProps & import("..").MaxLinesProps & import("..").WidthProps & import("..").HeightProps & import("..").MaxWidthProps & import("..").MaxHeightProps & import("..").MinWidthProps & import("..").MinHeightProps & import("..").MarginProps & import("..").MarginTopProps & import("..").MarginRightProps & import("..").MarginBottomProps & import("..").MarginLeftProps & import("..").MarginXProps & import("..").MarginYProps & import("..").PaddingProps & import("..").PaddingTopProps & import("..").PaddingRightProps & import("..").PaddingBottomProps & import("..").PaddingLeftProps & import("..").PaddingXProps & import("..").PaddingYProps & import("..").SpaceXProps & import("..").SpaceYProps & import("..").SpaceXReverseProps & import("..").SpaceYReverseProps & import("../system/tables").BorderCollapseProps & import("../system/tables").TableLayoutProps & import("..").TransformProps & import("..").TransformOriginProps & import("..").TranslateXProps & import("..").TranslateYProps & import("..").RotateProps & import("..").SkewXProps & import("..").SkewYProps & import("..").ScaleProps & import("..").ScaleXProps & import("..").ScaleYProps & import("..").TransitionProps & import("..").TransitionPropertyProps & import("..").TransitionDurationProps & import("..").TransitionTimingFunctionProps & import("..").TransitionDelayProps & import("..").FontFamilyProps & import("..").FontSizeProps & import("..").FontStyleProps & import("..").FontWeightProps & import("..").LineHeightProps & import("..").ColorProps & import("..").TextTransformProps & import("..").TextDecorationProps & import("..").TextAlignProps & import("..").VerticalAlignProps & import("..").LetterSpacingProps & import("..").WhiteSpaceProps & import("..").TextOverflowProps & import("..").ListStyleTypeProps & import("..").ListStylePositionProps & import("..").WordBreakProps & import("..").ThemingProps<"StepperVertical"> & import("../core").ChildrenProp, never>;
|
|
2
|
+
export default StepperVerticalBase;
|
|
3
|
+
//# sourceMappingURL=stepperVerticalBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepperVerticalBase.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepperVerticalBase.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,mBAAmB,gpJAOxB,CAAA;AACD,eAAe,mBAAmB,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const core_1 = require("../core");
|
|
4
|
+
const consts_1 = require("./consts");
|
|
5
|
+
const StepperVerticalBase = core_1.styled.divBox `
|
|
6
|
+
position: relative;
|
|
7
|
+
width: 100%;
|
|
8
|
+
|
|
9
|
+
.${consts_1.stepClassName}:last-of-type > .${consts_1.tailClassName} {
|
|
10
|
+
display: none;
|
|
11
|
+
}
|
|
12
|
+
`;
|
|
13
|
+
exports.default = StepperVerticalBase;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BoxProps } from '../box';
|
|
3
|
+
import { ChildrenProp } from '../core';
|
|
4
|
+
import { IconProp } from '../icon';
|
|
5
|
+
import { StepperIndicatorVariant } from '../stepperIndicator/stepperIndicatorTypes';
|
|
6
|
+
import { SystemProps } from '../system';
|
|
7
|
+
import { ThemingProps } from '../theme';
|
|
8
|
+
export type StepVerticalSize = 'md' | 'sm' | undefined;
|
|
9
|
+
export type StepperVerticalProps = SystemProps & ThemingProps<'StepperVertical'> & ChildrenProp;
|
|
10
|
+
export type StepVerticalProps = SystemProps & ChildrenProp & {
|
|
11
|
+
icon?: IconProp;
|
|
12
|
+
number?: number;
|
|
13
|
+
size?: StepVerticalSize;
|
|
14
|
+
description?: ReactNode;
|
|
15
|
+
title?: ReactNode;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
variant?: StepperIndicatorVariant;
|
|
19
|
+
};
|
|
20
|
+
export type StepVerticalTailProps = BoxProps & {
|
|
21
|
+
size?: StepVerticalSize;
|
|
22
|
+
variant?: StepperIndicatorVariant;
|
|
23
|
+
};
|
|
24
|
+
export type StepVerticalTitleProps = BoxProps & {
|
|
25
|
+
size?: StepVerticalSize;
|
|
26
|
+
variant?: StepperIndicatorVariant;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=stepperVerticalTypes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepperVerticalTypes.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepperVerticalTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AAEtD,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAAA;AAE/F,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,YAAY,GAAG;IACb,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,uBAAuB,CAAA;CAClC,CAAA;AAEH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG;IAC7C,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,OAAO,CAAC,EAAE,uBAAuB,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG;IAC9C,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,OAAO,CAAC,EAAE,uBAAuB,CAAA;CAClC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;AAeA,wBAMC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const baseStyle = {};
|
|
4
|
+
const defaultProps = {
|
|
5
|
+
size: 'md'
|
|
6
|
+
};
|
|
7
|
+
const parts = ['stepVertical'];
|
|
8
|
+
const sizes = {
|
|
9
|
+
sm: {},
|
|
10
|
+
md: {}
|
|
11
|
+
};
|
|
12
|
+
const variants = {};
|
|
13
|
+
exports.default = {
|
|
14
|
+
baseStyle,
|
|
15
|
+
defaultProps,
|
|
16
|
+
parts,
|
|
17
|
+
sizes,
|
|
18
|
+
variants
|
|
19
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tabs/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tabs/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,IAM5B,CAAA"}
|
package/dist/cjs/tabs/consts.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.iconSizeMapper = exports.
|
|
4
|
-
exports.
|
|
3
|
+
exports.iconSizeMapper = exports.colors = void 0;
|
|
4
|
+
exports.colors = {
|
|
5
5
|
activeBg: 'skyBlue.main',
|
|
6
6
|
border: 'sandstone.main',
|
|
7
7
|
color: 'sandstone.10',
|
|
@@ -13,7 +13,7 @@ const tag_1 = require("../tag");
|
|
|
13
13
|
const utils_1 = require("../utils");
|
|
14
14
|
const consts_1 = require("./consts");
|
|
15
15
|
const theme_1 = __importDefault(require("./theme"));
|
|
16
|
-
const { activeBg, border, color, hover, main } = consts_1.
|
|
16
|
+
const { activeBg, border, color, hover, main } = consts_1.colors;
|
|
17
17
|
exports.TabsNavBar = (0, core_1.vui)((props, ref) => {
|
|
18
18
|
var _a, _b;
|
|
19
19
|
const { tabs, onNavItemClick, activeNavItem, animationDirection, showBorder, size = 'md' } = props;
|
package/dist/cjs/tabs/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;
|
|
1
|
+
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YAqGN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}
|
package/dist/cjs/tag/tag.js
CHANGED
|
@@ -107,7 +107,7 @@ exports.Tag = (0, core_1.vui)((props, ref) => {
|
|
|
107
107
|
itemLeft,
|
|
108
108
|
(0, utils_1.isString)(iconLeft) ? react_1.default.createElement(tagIcon_1.default, { mr: spaceX, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(tagText_1.default, Object.assign({}, { isTruncated, text })) : text),
|
|
109
109
|
(0, utils_1.isString)(iconRight) ? react_1.default.createElement(tagIcon_1.default, { ml: spaceX, name: iconRight }) : iconRight,
|
|
110
|
-
onDelete ? (react_1.default.createElement(tagButton_1.default, { disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete === null || onDelete === void 0 ? void 0 : onDelete(e) })) : (itemRight))))));
|
|
110
|
+
onDelete ? (react_1.default.createElement(tagButton_1.default, { "aria-label": "delete", disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete === null || onDelete === void 0 ? void 0 : onDelete(e) })) : (itemRight))))));
|
|
111
111
|
});
|
|
112
112
|
exports.Tag.Button = tagButton_1.default;
|
|
113
113
|
exports.Tag.Icon = tagIcon_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAmBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAiGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
|
|
@@ -53,10 +53,11 @@ const TextareaTextarea = core_1.styled.textareaBox `
|
|
|
53
53
|
transition-duration: fast;
|
|
54
54
|
width: 100%;
|
|
55
55
|
|
|
56
|
-
&[aria-disabled='true']
|
|
57
|
-
&[aria-disabled='true']::placeholder {
|
|
56
|
+
&[aria-disabled='true'] {
|
|
58
57
|
opacity: 0.5;
|
|
59
58
|
cursor: not-allowed;
|
|
59
|
+
background-color: sandstone.79;
|
|
60
|
+
border-color: sandstone.79;
|
|
60
61
|
}
|
|
61
62
|
`;
|
|
62
63
|
exports.TextareaBase = core_1.styled.divBox `
|
|
@@ -84,7 +85,8 @@ exports.Textarea = (0, core_1.vui)((props, ref) => {
|
|
|
84
85
|
});
|
|
85
86
|
const textareaAliasedProps = (0, utils_1.filterUndefined)({
|
|
86
87
|
'aria-disabled': disabled,
|
|
87
|
-
bg: readOnly ?
|
|
88
|
+
bg: readOnly ? 'sandstone.97' : undefined,
|
|
89
|
+
borderColor: readOnly ? 'sandstone.55' : undefined,
|
|
88
90
|
focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
|
|
89
91
|
focusWithinRingColor: readOnly ? 'transparent' : undefined
|
|
90
92
|
});
|
|
@@ -1957,6 +1957,80 @@ declare const _default: {
|
|
|
1957
1957
|
};
|
|
1958
1958
|
};
|
|
1959
1959
|
};
|
|
1960
|
+
StepperIndicator: {
|
|
1961
|
+
baseStyle: {};
|
|
1962
|
+
defaultProps: {
|
|
1963
|
+
size: string;
|
|
1964
|
+
variant: string;
|
|
1965
|
+
};
|
|
1966
|
+
sizes: {
|
|
1967
|
+
sm: {};
|
|
1968
|
+
md: {};
|
|
1969
|
+
};
|
|
1970
|
+
variants: {
|
|
1971
|
+
active: {
|
|
1972
|
+
button: {
|
|
1973
|
+
bg: string;
|
|
1974
|
+
};
|
|
1975
|
+
icon: {
|
|
1976
|
+
bg: string;
|
|
1977
|
+
color: string;
|
|
1978
|
+
};
|
|
1979
|
+
};
|
|
1980
|
+
completed: {
|
|
1981
|
+
button: {
|
|
1982
|
+
bg: string;
|
|
1983
|
+
};
|
|
1984
|
+
icon: {
|
|
1985
|
+
bg: string;
|
|
1986
|
+
color: string;
|
|
1987
|
+
};
|
|
1988
|
+
};
|
|
1989
|
+
optional: {
|
|
1990
|
+
button: {
|
|
1991
|
+
bg: string;
|
|
1992
|
+
borderColor: string;
|
|
1993
|
+
color: string;
|
|
1994
|
+
};
|
|
1995
|
+
icon: {
|
|
1996
|
+
bg: string;
|
|
1997
|
+
color: string;
|
|
1998
|
+
};
|
|
1999
|
+
};
|
|
2000
|
+
pending: {
|
|
2001
|
+
button: {
|
|
2002
|
+
bg: string;
|
|
2003
|
+
color: string;
|
|
2004
|
+
};
|
|
2005
|
+
icon: {
|
|
2006
|
+
bg: string;
|
|
2007
|
+
color: string;
|
|
2008
|
+
};
|
|
2009
|
+
};
|
|
2010
|
+
error: {
|
|
2011
|
+
button: {
|
|
2012
|
+
bg: string;
|
|
2013
|
+
color: string;
|
|
2014
|
+
};
|
|
2015
|
+
icon: {
|
|
2016
|
+
bg: string;
|
|
2017
|
+
color: string;
|
|
2018
|
+
};
|
|
2019
|
+
};
|
|
2020
|
+
};
|
|
2021
|
+
};
|
|
2022
|
+
StepperVertical: {
|
|
2023
|
+
baseStyle: {};
|
|
2024
|
+
defaultProps: {
|
|
2025
|
+
size: string;
|
|
2026
|
+
};
|
|
2027
|
+
parts: string[];
|
|
2028
|
+
sizes: {
|
|
2029
|
+
sm: {};
|
|
2030
|
+
md: {};
|
|
2031
|
+
};
|
|
2032
|
+
variants: {};
|
|
2033
|
+
};
|
|
1960
2034
|
Spinner: {
|
|
1961
2035
|
baseStyle: {
|
|
1962
2036
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,wBAkDC"}
|
|
@@ -42,13 +42,15 @@ const theme_35 = __importDefault(require("../select/theme"));
|
|
|
42
42
|
const theme_36 = __importDefault(require("../sidemenu/theme"));
|
|
43
43
|
const theme_37 = __importDefault(require("../skeleton/theme"));
|
|
44
44
|
const theme_38 = __importDefault(require("../spinner/theme"));
|
|
45
|
-
const theme_39 = __importDefault(require("../
|
|
46
|
-
const theme_40 = __importDefault(require("../
|
|
47
|
-
const theme_41 = __importDefault(require("../
|
|
48
|
-
const theme_42 = __importDefault(require("../
|
|
49
|
-
const theme_43 = __importDefault(require("../
|
|
50
|
-
const theme_44 = __importDefault(require("../
|
|
51
|
-
const theme_45 = __importDefault(require("../
|
|
45
|
+
const theme_39 = __importDefault(require("../stepperIndicator/theme"));
|
|
46
|
+
const theme_40 = __importDefault(require("../stepperVertical/theme"));
|
|
47
|
+
const theme_41 = __importDefault(require("../switch/theme"));
|
|
48
|
+
const theme_42 = __importDefault(require("../t/theme"));
|
|
49
|
+
const theme_43 = __importDefault(require("../table/theme"));
|
|
50
|
+
const theme_44 = __importDefault(require("../tabs/theme"));
|
|
51
|
+
const theme_45 = __importDefault(require("../tag/theme"));
|
|
52
|
+
const theme_46 = __importDefault(require("../textarea/theme"));
|
|
53
|
+
const theme_47 = __importDefault(require("../tree/theme"));
|
|
52
54
|
const themePlaceholder_1 = __importDefault(require("./themePlaceholder"));
|
|
53
55
|
// Official external components
|
|
54
56
|
const Markdown = themePlaceholder_1.default;
|
|
@@ -93,12 +95,14 @@ exports.default = {
|
|
|
93
95
|
Select: theme_35.default,
|
|
94
96
|
Sidemenu: theme_36.default,
|
|
95
97
|
Skeleton: theme_37.default,
|
|
98
|
+
StepperIndicator: theme_39.default,
|
|
99
|
+
StepperVertical: theme_40.default,
|
|
96
100
|
Spinner: theme_38.default,
|
|
97
|
-
Switch:
|
|
98
|
-
T:
|
|
99
|
-
Table:
|
|
100
|
-
Tabs:
|
|
101
|
-
Tag:
|
|
102
|
-
Textarea:
|
|
103
|
-
Tree:
|
|
101
|
+
Switch: theme_41.default,
|
|
102
|
+
T: theme_42.default,
|
|
103
|
+
Table: theme_43.default,
|
|
104
|
+
Tabs: theme_44.default,
|
|
105
|
+
Tag: theme_45.default,
|
|
106
|
+
Textarea: theme_46.default,
|
|
107
|
+
Tree: theme_47.default
|
|
104
108
|
};
|