@veracity/vui 2.24.2 → 2.25.0-beta.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/core/vuiProvider/animations.d.ts +4 -4
- package/dist/cjs/core/vuiProvider/animations.d.ts.map +1 -1
- package/dist/cjs/core/vuiProvider/animations.js +12 -8
- package/dist/cjs/core/vuiProvider/animations.js.map +1 -1
- package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map +1 -1
- package/dist/cjs/core/vuiProvider/globalStyle.js +13 -4
- package/dist/cjs/core/vuiProvider/globalStyle.js.map +1 -1
- package/dist/cjs/dialog/consts.d.ts +10 -0
- package/dist/cjs/dialog/consts.d.ts.map +1 -1
- package/dist/cjs/dialog/consts.js +11 -1
- package/dist/cjs/dialog/consts.js.map +1 -1
- package/dist/cjs/dialog/dialog.d.ts.map +1 -1
- package/dist/cjs/dialog/dialog.js +5 -6
- package/dist/cjs/dialog/dialog.js.map +1 -1
- package/dist/cjs/dialog/dialog.types.d.ts +5 -2
- package/dist/cjs/dialog/dialog.types.d.ts.map +1 -1
- package/dist/cjs/drawer/drawer.d.ts +5 -0
- package/dist/cjs/drawer/drawer.d.ts.map +1 -0
- package/dist/cjs/drawer/drawer.js +21 -0
- package/dist/cjs/drawer/drawer.js.map +1 -0
- package/dist/cjs/drawer/drawer.types.d.ts +14 -0
- package/dist/cjs/drawer/drawer.types.d.ts.map +1 -0
- package/dist/cjs/drawer/drawer.types.js +3 -0
- package/dist/cjs/drawer/drawer.types.js.map +1 -0
- package/dist/cjs/drawer/index.d.ts +4 -0
- package/dist/cjs/drawer/index.d.ts.map +1 -0
- package/dist/cjs/drawer/index.js +25 -0
- package/dist/cjs/drawer/index.js.map +1 -0
- package/dist/cjs/drawer/theme.d.ts +8 -0
- package/dist/cjs/drawer/theme.d.ts.map +1 -0
- package/dist/cjs/drawer/theme.js +13 -0
- package/dist/cjs/drawer/theme.js.map +1 -0
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/modal/modal.d.ts.map +1 -1
- package/dist/cjs/modal/modal.js +2 -2
- package/dist/cjs/modal/modal.js.map +1 -1
- package/dist/cjs/modal/modal.types.d.ts +3 -1
- package/dist/cjs/modal/modal.types.d.ts.map +1 -1
- package/dist/cjs/theme/components.d.ts +6 -0
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/components.js +74 -72
- package/dist/cjs/theme/components.js.map +1 -1
- package/dist/cjs/theme/defaultTheme.d.ts +9 -0
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/cjs/theme/foundations/animations.d.ts +3 -0
- package/dist/cjs/theme/foundations/animations.d.ts.map +1 -1
- package/dist/cjs/theme/foundations/animations.js +3 -0
- package/dist/cjs/theme/foundations/animations.js.map +1 -1
- package/dist/cjs/theme/foundations/index.d.ts +3 -0
- package/dist/cjs/theme/foundations/index.d.ts.map +1 -1
- package/dist/esm/core/vuiProvider/animations.d.ts +4 -4
- package/dist/esm/core/vuiProvider/animations.d.ts.map +1 -1
- package/dist/esm/core/vuiProvider/animations.js +8 -8
- package/dist/esm/core/vuiProvider/animations.js.map +1 -1
- package/dist/esm/core/vuiProvider/globalStyle.d.ts.map +1 -1
- package/dist/esm/core/vuiProvider/globalStyle.js +13 -4
- package/dist/esm/core/vuiProvider/globalStyle.js.map +1 -1
- package/dist/esm/dialog/consts.d.ts +10 -0
- package/dist/esm/dialog/consts.d.ts.map +1 -1
- package/dist/esm/dialog/consts.js +10 -0
- package/dist/esm/dialog/consts.js.map +1 -1
- package/dist/esm/dialog/dialog.d.ts.map +1 -1
- package/dist/esm/dialog/dialog.js +10 -6
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/dialog/dialog.types.d.ts +5 -2
- package/dist/esm/dialog/dialog.types.d.ts.map +1 -1
- package/dist/esm/drawer/drawer.d.ts +5 -0
- package/dist/esm/drawer/drawer.d.ts.map +1 -0
- package/dist/esm/drawer/drawer.js +15 -0
- package/dist/esm/drawer/drawer.js.map +1 -0
- package/dist/esm/drawer/drawer.types.d.ts +14 -0
- package/dist/esm/drawer/drawer.types.d.ts.map +1 -0
- package/dist/esm/drawer/drawer.types.js +2 -0
- package/dist/esm/drawer/drawer.types.js.map +1 -0
- package/dist/esm/drawer/index.d.ts +4 -0
- package/dist/esm/drawer/index.d.ts.map +1 -0
- package/dist/esm/drawer/index.js +4 -0
- package/dist/esm/drawer/index.js.map +1 -0
- package/dist/esm/drawer/theme.d.ts +8 -0
- package/dist/esm/drawer/theme.d.ts.map +1 -0
- package/dist/esm/drawer/theme.js +11 -0
- package/dist/esm/drawer/theme.js.map +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/modal/modal.d.ts.map +1 -1
- package/dist/esm/modal/modal.js +2 -2
- package/dist/esm/modal/modal.js.map +1 -1
- package/dist/esm/modal/modal.types.d.ts +3 -1
- package/dist/esm/modal/modal.types.d.ts.map +1 -1
- package/dist/esm/theme/components.d.ts +6 -0
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/components.js +2 -0
- package/dist/esm/theme/components.js.map +1 -1
- package/dist/esm/theme/defaultTheme.d.ts +9 -0
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/theme/foundations/animations.d.ts +3 -0
- package/dist/esm/theme/foundations/animations.d.ts.map +1 -1
- package/dist/esm/theme/foundations/animations.js +3 -0
- package/dist/esm/theme/foundations/animations.js.map +1 -1
- package/dist/esm/theme/foundations/index.d.ts +3 -0
- package/dist/esm/theme/foundations/index.d.ts.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/core/vuiProvider/animations.ts +8 -8
- package/src/core/vuiProvider/globalStyle.tsx +13 -4
- package/src/dialog/consts.ts +12 -0
- package/src/dialog/dialog.tsx +11 -5
- package/src/dialog/dialog.types.ts +5 -3
- package/src/drawer/drawer.tsx +24 -0
- package/src/drawer/drawer.types.ts +15 -0
- package/src/drawer/index.ts +3 -0
- package/src/drawer/theme.ts +14 -0
- package/src/index.ts +1 -0
- package/src/modal/modal.tsx +2 -1
- package/src/modal/modal.types.ts +3 -1
- package/src/theme/components.ts +2 -0
- package/src/theme/foundations/animations.ts +3 -0
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,wBAsDC"}
|
|
@@ -18,42 +18,43 @@ const theme_11 = __importDefault(require("../definition/theme"));
|
|
|
18
18
|
const theme_12 = __importDefault(require("../dialog/theme"));
|
|
19
19
|
const theme_13 = __importDefault(require("../divider/theme"));
|
|
20
20
|
const theme_14 = __importDefault(require("../dragAndDrop/theme"));
|
|
21
|
-
const theme_15 = __importDefault(require("../
|
|
22
|
-
const theme_16 = __importDefault(require("../
|
|
23
|
-
const theme_17 = __importDefault(require("../
|
|
24
|
-
const theme_18 = __importDefault(require("../
|
|
25
|
-
const theme_19 = __importDefault(require("../
|
|
26
|
-
const theme_20 = __importDefault(require("../
|
|
27
|
-
const theme_21 = __importDefault(require("../
|
|
28
|
-
const theme_22 = __importDefault(require("../
|
|
29
|
-
const theme_23 = __importDefault(require("../
|
|
30
|
-
const theme_24 = __importDefault(require("../
|
|
31
|
-
const theme_25 = __importDefault(require("../
|
|
32
|
-
const theme_26 = __importDefault(require("../
|
|
33
|
-
const theme_27 = __importDefault(require("../
|
|
34
|
-
const theme_28 = __importDefault(require("../
|
|
35
|
-
const theme_29 = __importDefault(require("../
|
|
36
|
-
const theme_30 = __importDefault(require("../
|
|
37
|
-
const theme_31 = __importDefault(require("../
|
|
38
|
-
const theme_32 = __importDefault(require("../
|
|
39
|
-
const theme_33 = __importDefault(require("../
|
|
40
|
-
const theme_34 = __importDefault(require("../
|
|
41
|
-
const theme_35 = __importDefault(require("../
|
|
42
|
-
const theme_36 = __importDefault(require("../
|
|
43
|
-
const theme_37 = __importDefault(require("../
|
|
44
|
-
const theme_38 = __importDefault(require("../
|
|
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("../
|
|
52
|
-
const theme_46 = __importDefault(require("../
|
|
53
|
-
const theme_47 = __importDefault(require("../
|
|
54
|
-
const theme_48 = __importDefault(require("../
|
|
55
|
-
const theme_49 = __importDefault(require("../
|
|
56
|
-
const theme_50 = __importDefault(require("../
|
|
21
|
+
const theme_15 = __importDefault(require("../drawer/theme"));
|
|
22
|
+
const theme_16 = __importDefault(require("../footer/theme"));
|
|
23
|
+
const theme_17 = __importDefault(require("../grid/theme"));
|
|
24
|
+
const theme_18 = __importDefault(require("../header/theme"));
|
|
25
|
+
const theme_19 = __importDefault(require("../heading/theme"));
|
|
26
|
+
const theme_20 = __importDefault(require("../icon/theme"));
|
|
27
|
+
const theme_21 = __importDefault(require("../image/theme"));
|
|
28
|
+
const theme_22 = __importDefault(require("../input/theme"));
|
|
29
|
+
const theme_23 = __importDefault(require("../label/theme"));
|
|
30
|
+
const theme_24 = __importDefault(require("../link/theme"));
|
|
31
|
+
const theme_25 = __importDefault(require("../list/theme"));
|
|
32
|
+
const theme_26 = __importDefault(require("../menu/theme"));
|
|
33
|
+
const theme_27 = __importDefault(require("../message/theme"));
|
|
34
|
+
const theme_28 = __importDefault(require("../modal/theme"));
|
|
35
|
+
const theme_29 = __importDefault(require("../notification/theme"));
|
|
36
|
+
const theme_30 = __importDefault(require("../p/theme"));
|
|
37
|
+
const theme_31 = __importDefault(require("../pagination/theme"));
|
|
38
|
+
const theme_32 = __importDefault(require("../panel/theme"));
|
|
39
|
+
const theme_33 = __importDefault(require("../popover/theme"));
|
|
40
|
+
const theme_34 = __importDefault(require("../progress/theme"));
|
|
41
|
+
const theme_35 = __importDefault(require("../progressCircular/theme"));
|
|
42
|
+
const theme_36 = __importDefault(require("../radio/theme"));
|
|
43
|
+
const theme_37 = __importDefault(require("../range/theme"));
|
|
44
|
+
const theme_38 = __importDefault(require("../select/theme"));
|
|
45
|
+
const theme_39 = __importDefault(require("../sidemenu/theme"));
|
|
46
|
+
const theme_40 = __importDefault(require("../skeleton/theme"));
|
|
47
|
+
const theme_41 = __importDefault(require("../spinner/theme"));
|
|
48
|
+
const theme_42 = __importDefault(require("../stepIndicator/theme"));
|
|
49
|
+
const theme_43 = __importDefault(require("../stepperHorizontal/theme"));
|
|
50
|
+
const theme_44 = __importDefault(require("../stepperVertical/theme"));
|
|
51
|
+
const theme_45 = __importDefault(require("../switch/theme"));
|
|
52
|
+
const theme_46 = __importDefault(require("../t/theme"));
|
|
53
|
+
const theme_47 = __importDefault(require("../table/theme"));
|
|
54
|
+
const theme_48 = __importDefault(require("../tabs/theme"));
|
|
55
|
+
const theme_49 = __importDefault(require("../tag/theme"));
|
|
56
|
+
const theme_50 = __importDefault(require("../textarea/theme"));
|
|
57
|
+
const theme_51 = __importDefault(require("../tree/theme"));
|
|
57
58
|
const themePlaceholder_1 = __importDefault(require("./themePlaceholder"));
|
|
58
59
|
// Official external components
|
|
59
60
|
const Markdown = themePlaceholder_1.default;
|
|
@@ -72,44 +73,45 @@ exports.default = {
|
|
|
72
73
|
Dialog: theme_12.default,
|
|
73
74
|
Divider: theme_13.default,
|
|
74
75
|
DragAndDrop: theme_14.default,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
76
|
+
Drawer: theme_15.default,
|
|
77
|
+
Footer: theme_16.default,
|
|
78
|
+
Grid: theme_17.default,
|
|
79
|
+
Header: theme_18.default,
|
|
80
|
+
Heading: theme_19.default,
|
|
81
|
+
Icon: theme_20.default,
|
|
82
|
+
Image: theme_21.default,
|
|
83
|
+
Input: theme_22.default,
|
|
84
|
+
Label: theme_23.default,
|
|
85
|
+
Link: theme_24.default,
|
|
86
|
+
List: theme_25.default,
|
|
85
87
|
Markdown,
|
|
86
88
|
MarkdownEditor,
|
|
87
|
-
Menu:
|
|
88
|
-
Message:
|
|
89
|
-
Modal:
|
|
90
|
-
Notification:
|
|
91
|
-
P:
|
|
92
|
-
Pagination:
|
|
93
|
-
Panel:
|
|
94
|
-
Progress:
|
|
95
|
-
ProgressCircular:
|
|
89
|
+
Menu: theme_26.default,
|
|
90
|
+
Message: theme_27.default,
|
|
91
|
+
Modal: theme_28.default,
|
|
92
|
+
Notification: theme_29.default,
|
|
93
|
+
P: theme_30.default,
|
|
94
|
+
Pagination: theme_31.default,
|
|
95
|
+
Panel: theme_32.default,
|
|
96
|
+
Progress: theme_34.default,
|
|
97
|
+
ProgressCircular: theme_35.default,
|
|
96
98
|
Definition: theme_11.default,
|
|
97
|
-
Popover:
|
|
98
|
-
Radio:
|
|
99
|
-
Range:
|
|
100
|
-
Select:
|
|
101
|
-
Sidemenu:
|
|
102
|
-
Skeleton:
|
|
103
|
-
StepIndicator:
|
|
104
|
-
StepperHorizontal:
|
|
105
|
-
StepperVertical:
|
|
106
|
-
Spinner:
|
|
107
|
-
Switch:
|
|
108
|
-
T:
|
|
109
|
-
Table:
|
|
110
|
-
Tabs:
|
|
111
|
-
Tag:
|
|
112
|
-
Textarea:
|
|
113
|
-
Tree:
|
|
99
|
+
Popover: theme_33.default,
|
|
100
|
+
Radio: theme_36.default,
|
|
101
|
+
Range: theme_37.default,
|
|
102
|
+
Select: theme_38.default,
|
|
103
|
+
Sidemenu: theme_39.default,
|
|
104
|
+
Skeleton: theme_40.default,
|
|
105
|
+
StepIndicator: theme_42.default,
|
|
106
|
+
StepperHorizontal: theme_43.default,
|
|
107
|
+
StepperVertical: theme_44.default,
|
|
108
|
+
Spinner: theme_41.default,
|
|
109
|
+
Switch: theme_45.default,
|
|
110
|
+
T: theme_46.default,
|
|
111
|
+
Table: theme_47.default,
|
|
112
|
+
Tabs: theme_48.default,
|
|
113
|
+
Tag: theme_49.default,
|
|
114
|
+
Textarea: theme_50.default,
|
|
115
|
+
Tree: theme_51.default,
|
|
114
116
|
};
|
|
115
117
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;AAAA,mBAAmB;AACnB,+DAA0C;AAC1C,4DAAoC;AACpC,2DAAkC;AAClC,yDAA8B;AAC9B,iEAA8C;AAC9C,4DAAoC;AACpC,8DAAwC;AACxC,0DAAgC;AAChC,8DAAwC;AACxC,iEAA4C;AAC5C,iEAA4C;AAC5C,6DAAoC;AACpC,8DAAsC;AACtC,kEAA8C;AAC9C,6DAAoC;AACpC,2DAAgC;AAChC,6DAAoC;AACpC,8DAAsC;AACtC,2DAAgC;AAChC,4DAAkC;AAClC,4DAAkC;AAClC,4DAAkC;AAClC,2DAAgC;AAChC,2DAAgC;AAChC,2DAAgC;AAChC,8DAAsC;AACtC,4DAAkC;AAClC,mEAAgD;AAChD,wDAA0B;AAC1B,iEAA4C;AAC5C,4DAAkC;AAClC,8DAAsC;AACtC,+DAAwC;AACxC,uEAAwD;AACxD,4DAAkC;AAClC,4DAAkC;AAClC,6DAAoC;AACpC,+DAAwC;AACxC,+DAAwC;AACxC,8DAAsC;AACtC,oEAAkD;AAClD,wEAA0D;AAC1D,sEAAsD;AACtD,6DAAoC;AACpC,wDAA0B;AAC1B,4DAAkC;AAClC,2DAAgC;AAChC,0DAA8B;AAC9B,+DAAwC;AACxC,2DAAgC;AAChC,0EAAiD;AAEjD,+BAA+B;AAE/B,MAAM,QAAQ,GAAG,0BAAgB,CAAA;AACjC,MAAM,cAAc,GAAG,0BAAgB,CAAA;AAEvC,kBAAe;IACb,SAAS,EAAT,eAAS;IACT,MAAM,EAAN,eAAM;IACN,KAAK,EAAL,eAAK;IACL,GAAG,EAAH,eAAG;IACH,WAAW,EAAX,eAAW;IACX,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,eAAQ;IACR,IAAI,EAAJ,eAAI;IACJ,QAAQ,EAAR,eAAQ;IACR,UAAU,EAAV,gBAAU;IACV,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,WAAW,EAAX,gBAAW;IACX,MAAM,EAAN,gBAAM;IACN,IAAI,EAAJ,gBAAI;IACJ,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,IAAI,EAAJ,gBAAI;IACJ,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,IAAI,EAAJ,gBAAI;IACJ,QAAQ;IACR,cAAc;IACd,IAAI,EAAJ,gBAAI;IACJ,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,YAAY,EAAZ,gBAAY;IACZ,CAAC,EAAD,gBAAC;IACD,UAAU,EAAV,gBAAU;IACV,KAAK,EAAL,gBAAK;IACL,QAAQ,EAAR,gBAAQ;IACR,gBAAgB,EAAhB,gBAAgB;IAChB,UAAU,EAAV,gBAAU;IACV,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,MAAM,EAAN,gBAAM;IACN,QAAQ,EAAR,gBAAQ;IACR,QAAQ,EAAR,gBAAQ;IACR,aAAa,EAAb,gBAAa;IACb,iBAAiB,EAAjB,gBAAiB;IACjB,eAAe,EAAf,gBAAe;IACf,OAAO,EAAP,gBAAO;IACP,MAAM,EAAN,gBAAM;IACN,CAAC,EAAD,gBAAC;IACD,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,GAAG,EAAH,gBAAG;IACH,QAAQ,EAAR,gBAAQ;IACR,IAAI,EAAJ,gBAAI;CACL,CAAA"}
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;AAAA,mBAAmB;AACnB,+DAA0C;AAC1C,4DAAoC;AACpC,2DAAkC;AAClC,yDAA8B;AAC9B,iEAA8C;AAC9C,4DAAoC;AACpC,8DAAwC;AACxC,0DAAgC;AAChC,8DAAwC;AACxC,iEAA4C;AAC5C,iEAA4C;AAC5C,6DAAoC;AACpC,8DAAsC;AACtC,kEAA8C;AAC9C,6DAAoC;AACpC,6DAAoC;AACpC,2DAAgC;AAChC,6DAAoC;AACpC,8DAAsC;AACtC,2DAAgC;AAChC,4DAAkC;AAClC,4DAAkC;AAClC,4DAAkC;AAClC,2DAAgC;AAChC,2DAAgC;AAChC,2DAAgC;AAChC,8DAAsC;AACtC,4DAAkC;AAClC,mEAAgD;AAChD,wDAA0B;AAC1B,iEAA4C;AAC5C,4DAAkC;AAClC,8DAAsC;AACtC,+DAAwC;AACxC,uEAAwD;AACxD,4DAAkC;AAClC,4DAAkC;AAClC,6DAAoC;AACpC,+DAAwC;AACxC,+DAAwC;AACxC,8DAAsC;AACtC,oEAAkD;AAClD,wEAA0D;AAC1D,sEAAsD;AACtD,6DAAoC;AACpC,wDAA0B;AAC1B,4DAAkC;AAClC,2DAAgC;AAChC,0DAA8B;AAC9B,+DAAwC;AACxC,2DAAgC;AAChC,0EAAiD;AAEjD,+BAA+B;AAE/B,MAAM,QAAQ,GAAG,0BAAgB,CAAA;AACjC,MAAM,cAAc,GAAG,0BAAgB,CAAA;AAEvC,kBAAe;IACb,SAAS,EAAT,eAAS;IACT,MAAM,EAAN,eAAM;IACN,KAAK,EAAL,eAAK;IACL,GAAG,EAAH,eAAG;IACH,WAAW,EAAX,eAAW;IACX,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,eAAQ;IACR,IAAI,EAAJ,eAAI;IACJ,QAAQ,EAAR,eAAQ;IACR,UAAU,EAAV,gBAAU;IACV,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,WAAW,EAAX,gBAAW;IACX,MAAM,EAAN,gBAAM;IACN,MAAM,EAAN,gBAAM;IACN,IAAI,EAAJ,gBAAI;IACJ,MAAM,EAAN,gBAAM;IACN,OAAO,EAAP,gBAAO;IACP,IAAI,EAAJ,gBAAI;IACJ,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,IAAI,EAAJ,gBAAI;IACJ,QAAQ;IACR,cAAc;IACd,IAAI,EAAJ,gBAAI;IACJ,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,YAAY,EAAZ,gBAAY;IACZ,CAAC,EAAD,gBAAC;IACD,UAAU,EAAV,gBAAU;IACV,KAAK,EAAL,gBAAK;IACL,QAAQ,EAAR,gBAAQ;IACR,gBAAgB,EAAhB,gBAAgB;IAChB,UAAU,EAAV,gBAAU;IACV,OAAO,EAAP,gBAAO;IACP,KAAK,EAAL,gBAAK;IACL,KAAK,EAAL,gBAAK;IACL,MAAM,EAAN,gBAAM;IACN,QAAQ,EAAR,gBAAQ;IACR,QAAQ,EAAR,gBAAQ;IACR,aAAa,EAAb,gBAAa;IACb,iBAAiB,EAAjB,gBAAiB;IACjB,eAAe,EAAf,gBAAe;IACf,OAAO,EAAP,gBAAO;IACP,MAAM,EAAN,gBAAM;IACN,CAAC,EAAD,gBAAC;IACD,KAAK,EAAL,gBAAK;IACL,IAAI,EAAJ,gBAAI;IACJ,GAAG,EAAH,gBAAG;IACH,QAAQ,EAAR,gBAAQ;IACR,IAAI,EAAJ,gBAAI;CACL,CAAA"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
declare const defaultTheme: {
|
|
2
2
|
animations: {
|
|
3
|
+
none: string;
|
|
3
4
|
bounce: string;
|
|
4
5
|
fadeDown: string;
|
|
5
6
|
fadeIn: string;
|
|
6
7
|
fadeLeft: string;
|
|
8
|
+
fadeLeftLong: string;
|
|
7
9
|
fadeOut: string;
|
|
8
10
|
fadeRight: string;
|
|
11
|
+
fadeRightLong: string;
|
|
9
12
|
fadeUp: string;
|
|
10
13
|
pulse: string;
|
|
11
14
|
spin: string;
|
|
@@ -1112,6 +1115,12 @@ declare const defaultTheme: {
|
|
|
1112
1115
|
};
|
|
1113
1116
|
};
|
|
1114
1117
|
};
|
|
1118
|
+
Drawer: {
|
|
1119
|
+
baseStyle: {};
|
|
1120
|
+
defaultProps: {};
|
|
1121
|
+
sizes: {};
|
|
1122
|
+
variants: {};
|
|
1123
|
+
};
|
|
1115
1124
|
Footer: {
|
|
1116
1125
|
baseStyle: {};
|
|
1117
1126
|
defaultProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
+
none: string;
|
|
2
3
|
bounce: string;
|
|
3
4
|
fadeDown: string;
|
|
4
5
|
fadeIn: string;
|
|
5
6
|
fadeLeft: string;
|
|
7
|
+
fadeLeftLong: string;
|
|
6
8
|
fadeOut: string;
|
|
7
9
|
fadeRight: string;
|
|
10
|
+
fadeRightLong: string;
|
|
8
11
|
fadeUp: string;
|
|
9
12
|
pulse: string;
|
|
10
13
|
spin: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/animations.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/animations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,wBAaC"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.default = {
|
|
4
|
+
none: 'none',
|
|
4
5
|
bounce: 'vui-bounce 1s infinite',
|
|
5
6
|
fadeDown: 'vui-fadeDown 0.2s ease-in-out',
|
|
6
7
|
fadeIn: 'vui-fadeIn 0.2s ease-in-out',
|
|
7
8
|
fadeLeft: 'vui-fadeLeft 0.2s ease-in-out',
|
|
9
|
+
fadeLeftLong: 'vui-fadeLeftLong 0.3s ease-out',
|
|
8
10
|
fadeOut: 'vui-fadeOut 0.2s ease-in-out',
|
|
9
11
|
fadeRight: 'vui-fadeRight 0.2s ease-in-out',
|
|
12
|
+
fadeRightLong: 'vui-fadeRightLong 0.3s ease-out',
|
|
10
13
|
fadeUp: 'vui-fadeUp 0.2s ease-in-out',
|
|
11
14
|
pulse: 'vui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
|
12
15
|
spin: 'vui-spin 1s linear infinite',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/theme/foundations/animations.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,MAAM,EAAE,wBAAwB;IAChC,QAAQ,EAAE,+BAA+B;IACzC,MAAM,EAAE,6BAA6B;IACrC,QAAQ,EAAE,+BAA+B;IACzC,OAAO,EAAE,8BAA8B;IACvC,SAAS,EAAE,gCAAgC;IAC3C,MAAM,EAAE,6BAA6B;IACrC,KAAK,EAAE,oDAAoD;IAC3D,IAAI,EAAE,6BAA6B;CACpC,CAAA"}
|
|
1
|
+
{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/theme/foundations/animations.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,wBAAwB;IAChC,QAAQ,EAAE,+BAA+B;IACzC,MAAM,EAAE,6BAA6B;IACrC,QAAQ,EAAE,+BAA+B;IACzC,YAAY,EAAE,gCAAgC;IAC9C,OAAO,EAAE,8BAA8B;IACvC,SAAS,EAAE,gCAAgC;IAC3C,aAAa,EAAE,iCAAiC;IAChD,MAAM,EAAE,6BAA6B;IACrC,KAAK,EAAE,oDAAoD;IAC3D,IAAI,EAAE,6BAA6B;CACpC,CAAA"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
animations: {
|
|
3
|
+
none: string;
|
|
3
4
|
bounce: string;
|
|
4
5
|
fadeDown: string;
|
|
5
6
|
fadeIn: string;
|
|
6
7
|
fadeLeft: string;
|
|
8
|
+
fadeLeftLong: string;
|
|
7
9
|
fadeOut: string;
|
|
8
10
|
fadeRight: string;
|
|
11
|
+
fadeRightLong: string;
|
|
9
12
|
fadeUp: string;
|
|
10
13
|
pulse: string;
|
|
11
14
|
spin: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,wBAqBC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const bounce = "\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n";
|
|
2
|
-
export declare const fadeDown
|
|
2
|
+
export declare const fadeDown: (distance: number) => string;
|
|
3
3
|
export declare const fadeIn = "\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n";
|
|
4
|
-
export declare const fadeLeft
|
|
4
|
+
export declare const fadeLeft: (distance: number) => string;
|
|
5
5
|
export declare const fadeOut = "\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n";
|
|
6
|
-
export declare const fadeRight
|
|
7
|
-
export declare const fadeUp
|
|
6
|
+
export declare const fadeRight: (distance: number) => string;
|
|
7
|
+
export declare const fadeUp: (distance: number) => string;
|
|
8
8
|
export declare const pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n";
|
|
9
9
|
export declare const spin = "\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n";
|
|
10
10
|
//# sourceMappingURL=animations.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6NASlB,CAAA;AAED,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6NASlB,CAAA;AAED,eAAO,MAAM,QAAQ,aAAc,MAAM,WASxC,CAAA;AAED,eAAO,MAAM,MAAM,qEAOlB,CAAA;AAED,eAAO,MAAM,QAAQ,aAAc,MAAM,WASxC,CAAA;AAED,eAAO,MAAM,OAAO,qEAOnB,CAAA;AAED,eAAO,MAAM,SAAS,aAAc,MAAM,WASzC,CAAA;AAED,eAAO,MAAM,MAAM,aAAc,MAAM,WAStC,CAAA;AAED,eAAO,MAAM,KAAK,2EAOjB,CAAA;AAED,eAAO,MAAM,IAAI,iGAOhB,CAAA"}
|
|
@@ -8,10 +8,10 @@ export const bounce = `
|
|
|
8
8
|
transform: translateY(0);
|
|
9
9
|
}
|
|
10
10
|
`;
|
|
11
|
-
export const fadeDown = `
|
|
11
|
+
export const fadeDown = (distance) => `
|
|
12
12
|
from {
|
|
13
13
|
opacity: 0;
|
|
14
|
-
transform: translateY(
|
|
14
|
+
transform: translateY(-${distance}px)
|
|
15
15
|
}
|
|
16
16
|
to {
|
|
17
17
|
opacity: 1;
|
|
@@ -26,10 +26,10 @@ export const fadeIn = `
|
|
|
26
26
|
opacity: 1;
|
|
27
27
|
}
|
|
28
28
|
`;
|
|
29
|
-
export const fadeLeft = `
|
|
29
|
+
export const fadeLeft = (distance) => `
|
|
30
30
|
from {
|
|
31
31
|
opacity: 0;
|
|
32
|
-
transform: translateX(
|
|
32
|
+
transform: translateX(${distance}px)
|
|
33
33
|
}
|
|
34
34
|
to {
|
|
35
35
|
opacity: 1;
|
|
@@ -44,20 +44,20 @@ export const fadeOut = `
|
|
|
44
44
|
opacity: 0;
|
|
45
45
|
}
|
|
46
46
|
`;
|
|
47
|
-
export const fadeRight = `
|
|
47
|
+
export const fadeRight = (distance) => `
|
|
48
48
|
from {
|
|
49
49
|
opacity: 0;
|
|
50
|
-
transform: translateX(
|
|
50
|
+
transform: translateX(-${distance}px)
|
|
51
51
|
}
|
|
52
52
|
to {
|
|
53
53
|
opacity: 1;
|
|
54
54
|
transform: translateX(0)
|
|
55
55
|
}
|
|
56
56
|
`;
|
|
57
|
-
export const fadeUp = `
|
|
57
|
+
export const fadeUp = (distance) => `
|
|
58
58
|
from {
|
|
59
59
|
opacity: 0;
|
|
60
|
-
transform: translateY(
|
|
60
|
+
transform: translateY(${distance}px)
|
|
61
61
|
}
|
|
62
62
|
to {
|
|
63
63
|
opacity: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;CASrB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG
|
|
1
|
+
{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;CASrB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;2BAGnB,QAAQ;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;CAOrB,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;0BAGpB,QAAQ;;;;;;CAMjC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG;;;;;;;CAOtB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;2BAGpB,QAAQ;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;0BAGlB,QAAQ;;;;;;CAMjC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;;;;;;;CAOpB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG;;;;;;;CAOnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,
|
|
1
|
+
{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBAoGC"}
|
|
@@ -71,7 +71,7 @@ export default createGlobalStyle `
|
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
@keyframes vui-fadeDown {
|
|
74
|
-
${fadeDown}
|
|
74
|
+
${fadeDown(20)}
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
@keyframes vui-fadeIn {
|
|
@@ -79,19 +79,28 @@ export default createGlobalStyle `
|
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
@keyframes vui-fadeLeft {
|
|
82
|
-
${fadeLeft}
|
|
82
|
+
${fadeLeft(20)}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
@keyframes vui-fadeLeftLong {
|
|
86
|
+
${fadeLeft(600)}
|
|
83
87
|
}
|
|
84
88
|
|
|
85
89
|
@keyframes vui-fadeOut {
|
|
86
90
|
${fadeOut}
|
|
87
91
|
}
|
|
88
92
|
|
|
93
|
+
|
|
89
94
|
@keyframes vui-fadeRight {
|
|
90
|
-
${fadeRight}
|
|
95
|
+
${fadeRight(20)}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@keyframes vui-fadeRightLong {
|
|
99
|
+
${fadeRight(600)}
|
|
91
100
|
}
|
|
92
101
|
|
|
93
102
|
@keyframes vui-fadeUp {
|
|
94
|
-
${fadeUp}
|
|
103
|
+
${fadeUp(20)}
|
|
95
104
|
}
|
|
96
105
|
|
|
97
106
|
@keyframes vui-pulse {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globalStyle.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,SAAS,MAAM,aAAa,CAAA;AAMnC;;;;;;GAMG;AACH,eAAe,iBAAiB,CAAkB;IAC9C,SAAS;;MAEP,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4BjB,aAAa;;;;;;IAMlB,CAAC,CAAC,EAAE,CACJ,CAAC,CAAC,WAAW;IACb,GAAG,CAAA;;;;;;;;;;;;;;KAcF;;;;IAID,MAAM;;;;IAIN,QAAQ;;;;
|
|
1
|
+
{"version":3,"file":"globalStyle.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,SAAS,MAAM,aAAa,CAAA;AAMnC;;;;;;GAMG;AACH,eAAe,iBAAiB,CAAkB;IAC9C,SAAS;;MAEP,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4BjB,aAAa;;;;;;IAMlB,CAAC,CAAC,EAAE,CACJ,CAAC,CAAC,WAAW;IACb,GAAG,CAAA;;;;;;;;;;;;;;KAcF;;;;IAID,MAAM;;;;IAIN,QAAQ,CAAC,EAAE,CAAC;;;;IAIZ,MAAM;;;;IAIN,QAAQ,CAAC,EAAE,CAAC;;;;IAIZ,QAAQ,CAAC,GAAG,CAAC;;;;IAIb,OAAO;;;;;IAKP,SAAS,CAAC,EAAE,CAAC;;;;IAIb,SAAS,CAAC,GAAG,CAAC;;;;IAId,MAAM,CAAC,EAAE,CAAC;;;;IAIV,KAAK;;;;IAIL,IAAI;;CAEP,CAAA;AAED,uFAAuF;AACvF,SAAS,oBAAoB;IAC3B,SAAS,YAAY,CAAC,IAAY,EAAE,KAAU;QAC5C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,GAAG,IAAI,KAAK,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,CAAA;QAE9F,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxD,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;QACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,GAAG,WAAW,CAAA;IAE3D,OAAO,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;AACtC,CAAC"}
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import { DialogStatusMapping } from './dialog.types';
|
|
2
2
|
/** Defines icon visuals for each Dialog status. */
|
|
3
3
|
export declare const dialogStatusMapping: DialogStatusMapping;
|
|
4
|
+
export declare const modalAnimation: {
|
|
5
|
+
left: string;
|
|
6
|
+
center: string;
|
|
7
|
+
right: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const modalJustifyContent: {
|
|
10
|
+
left: string;
|
|
11
|
+
center: string;
|
|
12
|
+
right: string;
|
|
13
|
+
};
|
|
4
14
|
export declare const containerId = "vui-dynamic-container";
|
|
5
15
|
export declare const modalClass = "vui-modal";
|
|
6
16
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,EAAE,mBAyBjC,CAAA;AAED,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAElD,eAAO,MAAM,UAAU,cAAc,CAAA"}
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,EAAE,mBAyBjC,CAAA;AAED,eAAO,MAAM,cAAc;;;;CAI1B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAA;AAED,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAElD,eAAO,MAAM,UAAU,cAAc,CAAA"}
|
|
@@ -25,6 +25,16 @@ export const dialogStatusMapping = {
|
|
|
25
25
|
},
|
|
26
26
|
},
|
|
27
27
|
};
|
|
28
|
+
export const modalAnimation = {
|
|
29
|
+
left: 'fadeRightLong',
|
|
30
|
+
center: 'fadeDown',
|
|
31
|
+
right: 'fadeLeftLong',
|
|
32
|
+
};
|
|
33
|
+
export const modalJustifyContent = {
|
|
34
|
+
left: 'start',
|
|
35
|
+
center: 'center',
|
|
36
|
+
right: 'end',
|
|
37
|
+
};
|
|
28
38
|
export const containerId = 'vui-dynamic-container';
|
|
29
39
|
export const modalClass = 'vui-modal';
|
|
30
40
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAEA,mDAAmD;AACnD,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,MAAM,EAAE;QACN,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,wBAAwB;SAC/B;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,wBAAwB;SAC/B;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAA;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAEA,mDAAmD;AACnD,MAAM,CAAC,MAAM,mBAAmB,GAAwB;IACtD,MAAM,EAAE;QACN,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,wBAAwB;SAC/B;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,wBAAwB;SAC/B;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,cAAc;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,KAAK;CACb,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAA;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAKnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,UAAU,+HAOtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA4EX,iBAAiB;kBACT,yBAAyB;iBAC1B,wBAAwB;YAC7B,mBAAmB;YACnB,mBAAmB;UACrB,iBAAiB;kBACT,yBAAyB;WAChC,kBAAkB;CAC1B,CAAA;AAYD,eAAe,MAAM,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { useRef } from 'react';
|
|
|
3
3
|
import { styled, useStyleConfig, vui } from '../core';
|
|
4
4
|
import { Modal } from '../modal';
|
|
5
5
|
import { cs, isJsx, isReactText, random, useIds } from '../utils';
|
|
6
|
+
import { modalAnimation, modalJustifyContent } from './consts';
|
|
6
7
|
import { DialogProvider } from './context';
|
|
7
8
|
import DialogBody from './dialogBody';
|
|
8
9
|
import DialogCancelButton from './dialogCancelButton';
|
|
@@ -18,8 +19,6 @@ export const DialogBase = styled.divBox `
|
|
|
18
19
|
box-shadow: modal;
|
|
19
20
|
display: flex;
|
|
20
21
|
flex-direction: column;
|
|
21
|
-
margin: 16px;
|
|
22
|
-
max-height: calc(100vh - 32px); // full height - margin top/bottom
|
|
23
22
|
width: 100%;
|
|
24
23
|
`;
|
|
25
24
|
/**
|
|
@@ -30,23 +29,28 @@ export const DialogBase = styled.divBox `
|
|
|
30
29
|
* The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.
|
|
31
30
|
*/
|
|
32
31
|
export const Dialog = vui((props, ref) => {
|
|
33
|
-
const { body: bodyProp, cancelButton, children, className, closeButton, disableBackdropClose, footer, header, icon, id, isOpen, modalProps: modalPropsProp, onClose, size, status, submitButton, title, variant, ...rest } = props;
|
|
32
|
+
const { body: bodyProp, cancelButton, children, className, closeButton, disableBackdropClose, footer, header, icon, id, isOpen, modalProps: modalPropsProp, placement = 'center', onClose, size, status, submitButton, title, variant, ...rest } = props;
|
|
34
33
|
const styles = useStyleConfig('Dialog', props);
|
|
35
34
|
const idRef = useRef(id ?? random().toString());
|
|
36
35
|
const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title']);
|
|
37
36
|
const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp;
|
|
38
|
-
const showFooter = Boolean(footer || cancelButton || submitButton);
|
|
39
37
|
const showHeader = Boolean(header || closeButton || icon || title);
|
|
38
|
+
const showFooter = Boolean(footer || cancelButton || submitButton);
|
|
40
39
|
const ariaProps = {
|
|
41
40
|
'aria-describedby': bodyId,
|
|
42
41
|
'aria-labelledby': titleId,
|
|
43
42
|
};
|
|
44
43
|
const modalProps = {
|
|
44
|
+
animation: modalAnimation[placement],
|
|
45
|
+
contentProps: {
|
|
46
|
+
alignItems: placement === 'center' ? 'center' : 'auto',
|
|
47
|
+
justifyContent: modalJustifyContent[placement],
|
|
48
|
+
...modalPropsProp?.contentProps,
|
|
49
|
+
},
|
|
45
50
|
...modalPropsProp,
|
|
46
|
-
contentProps: { alignItems: 'center', justifyContent: 'center', ...modalPropsProp?.contentProps },
|
|
47
51
|
};
|
|
48
52
|
const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant };
|
|
49
|
-
return (_jsx(DialogProvider, { value: context, children: _jsx(Modal, { isOpen, onClose, ...modalProps, disableBackdropClose, children: _jsx(DialogBase, { className: cs('vui-dialog', className), id: dialogId, ref: ref, role: "dialog", ...ariaProps, ...styles.container, ...rest, children: children ?? (_jsxs(_Fragment, { children: [isJsx(header) ? header : showHeader && _jsx(DialogHeader, { closeButton, icon, title, ...header }), isJsx(body) ? body : body && _jsx(DialogBody, { ...body }), isJsx(footer) ? footer : showFooter && _jsx(DialogFooter, { cancelButton, submitButton, ...footer })] })) }) }) }));
|
|
53
|
+
return (_jsx(DialogProvider, { value: context, children: _jsx(Modal, { isOpen, onClose, ...modalProps, disableBackdropClose, children: _jsx(DialogBase, { className: cs('vui-dialog', className), id: dialogId, maxH: placement === 'center' ? 'calc(100vh - 32px)' : '100%', ref: ref, role: "dialog", ...ariaProps, ...styles.container, ...rest, children: children ?? (_jsxs(_Fragment, { children: [isJsx(header) ? header : showHeader && _jsx(DialogHeader, { closeButton, icon, title, ...header }), isJsx(body) ? body : body && _jsx(DialogBody, { ...body }), isJsx(footer) ? footer : showFooter && _jsx(DialogFooter, { cancelButton, submitButton, ...footer })] })) }) }) }));
|
|
50
54
|
});
|
|
51
55
|
Dialog.Body = DialogBody;
|
|
52
56
|
Dialog.CancelButton = DialogCancelButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { BoxProps } from '../box';
|
|
3
3
|
import { ButtonProps, IconButtonProps } from '../button';
|
|
4
4
|
import { HeadingProps } from '../heading';
|
|
@@ -17,9 +17,10 @@ export type DialogContext = Pick<DialogProps, 'icon' | 'isOpen' | 'onClose' | 's
|
|
|
17
17
|
export type DialogFooterProps = PropsOf<'div', BoxProps & Pick<DialogProps, 'cancelButton' | 'submitButton'>>;
|
|
18
18
|
export type DialogHeaderProps = PropsOf<'div', BoxProps & Pick<DialogProps, 'closeButton' | 'icon' | 'title'>>;
|
|
19
19
|
export type DialogIconProps = PropsOf<'svg', IconProps>;
|
|
20
|
+
export type DialogPlacement = 'left' | 'center' | 'right';
|
|
20
21
|
export type DialogProps = SystemProps & ThemingProps<'Dialog'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
|
|
21
22
|
/** Socket for the main Dialog content. */
|
|
22
|
-
body?:
|
|
23
|
+
body?: string | number | DialogBodyProps | JSX.Element;
|
|
23
24
|
/** Socket for a cancel button in the Dialog Footer. */
|
|
24
25
|
cancelButton?: DialogCancelButtonProps | JSX.Element;
|
|
25
26
|
/** Socket for a close icon button in the Dialog Header. */
|
|
@@ -34,6 +35,8 @@ export type DialogProps = SystemProps & ThemingProps<'Dialog'> & Pick<ModalProps
|
|
|
34
35
|
icon?: IconProp | DialogIconProps | JSX.Element;
|
|
35
36
|
/** The props being passed into the internal Modal component. */
|
|
36
37
|
modalProps?: ModalProps;
|
|
38
|
+
/** Position of the dialog @default center */
|
|
39
|
+
placement?: DialogPlacement;
|
|
37
40
|
/** Adds an icon for a given status, such as error or warning. */
|
|
38
41
|
status?: DialogStatus;
|
|
39
42
|
/** Socket for a submit button in the Dialog Footer. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AAEtD,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;AAEpE,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAA;AAEvE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,GAAG;IAC7G,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,cAAc,GAAG,cAAc,CAAC,CAAC,CAAA;AAE7G,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAA;AAE9G,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;AAEvD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD,MAAM,MAAM,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GACtB,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,SAAS,CAAC,GAAG;IACvC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,eAAe,GAAG,GAAG,CAAC,OAAO,CAAA;IACtD,uDAAuD;IACvD,YAAY,CAAC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAAA;IAC5D,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAA;IACxC,oEAAoE;IACpE,MAAM,CAAC,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAAA;IACxC,qDAAqD;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAG,eAAe,GAAG,GAAG,CAAC,OAAO,CAAA;IAC/C,gEAAgE;IAChE,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,iEAAiE;IACjE,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,uDAAuD;IACvD,YAAY,CAAC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,+CAA+C;IAC/C,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAAA;CAC9D,CAAA;AAEH,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;AAElE,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA;AAE1E,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;AAEpE,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,wCAAwC;AACxC,eAAO,MAAM,MAAM,oDAajB,CAAA;AAGF,eAAe,MAAM,CAAA"}
|