@xaypay/tui 0.2.14 → 0.2.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +832 -275
- package/dist/index.js +835 -274
- package/package.json +1 -1
- package/tui.config.js +91 -13
package/package.json
CHANGED
package/tui.config.js
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import { background } from '@storybook/theming';
|
|
2
1
|
import React from 'react'
|
|
2
|
+
// import info from './src/assetsTMP/info.png';
|
|
3
|
+
// import error from './src/assetsTMP/error.png';
|
|
4
|
+
// import close from './src/assetsTMP/close.svg';
|
|
5
|
+
// import warn from './src/assetsTMP/warning.png';
|
|
6
|
+
// import success from './src/assetsTMP/success.png';
|
|
7
|
+
import closeCall from './src/assetsTMP/closeCall.svg';
|
|
3
8
|
|
|
4
9
|
const boxSizing = 'border-box';
|
|
5
10
|
const fontStyle = 'normal';
|
|
@@ -31,17 +36,18 @@ const fontObject = {
|
|
|
31
36
|
export default {
|
|
32
37
|
// default properties for <Button /> component
|
|
33
38
|
BUTTON: {
|
|
34
|
-
|
|
39
|
+
opacity: 1,
|
|
35
40
|
width: '100%',
|
|
41
|
+
radius: '6px',
|
|
42
|
+
className: '',
|
|
43
|
+
type: 'button',
|
|
36
44
|
height: '46px',
|
|
37
45
|
color: 'white',
|
|
38
|
-
contentWidth: false,
|
|
39
46
|
border: 'none',
|
|
40
|
-
|
|
47
|
+
disabled: false,
|
|
41
48
|
cursor: 'pointer',
|
|
49
|
+
contentWidth: false,
|
|
42
50
|
padding: '12px 20px',
|
|
43
|
-
disabled: false,
|
|
44
|
-
className: '',
|
|
45
51
|
transition: 'background-color 240ms, color 240ms',
|
|
46
52
|
|
|
47
53
|
box: {
|
|
@@ -54,6 +60,10 @@ export default {
|
|
|
54
60
|
disabled: 'rgba(60, 57, 62, 1)',
|
|
55
61
|
disabledLine: 'rgba(60, 57, 62, 1)',
|
|
56
62
|
disabledBackground: 'rgba(238, 238, 238, 1)',
|
|
63
|
+
withoutStyling: {
|
|
64
|
+
color: '#000000',
|
|
65
|
+
hoverColor: '#121212'
|
|
66
|
+
}
|
|
57
67
|
},
|
|
58
68
|
|
|
59
69
|
font: {...fontObject},
|
|
@@ -66,8 +76,11 @@ export default {
|
|
|
66
76
|
},
|
|
67
77
|
|
|
68
78
|
icon: {
|
|
79
|
+
marginLeft: '10px',
|
|
69
80
|
marginRight: '10px'
|
|
70
|
-
}
|
|
81
|
+
},
|
|
82
|
+
|
|
83
|
+
withoutStyling: false
|
|
71
84
|
},
|
|
72
85
|
// default properties for <Input /> component
|
|
73
86
|
INPUT: {
|
|
@@ -102,6 +115,7 @@ export default {
|
|
|
102
115
|
color: presetColors.dark,
|
|
103
116
|
display: 'block',
|
|
104
117
|
lineHeight: '22px',
|
|
118
|
+
iconMargin: '10px',
|
|
105
119
|
marginBottom: '6px',
|
|
106
120
|
|
|
107
121
|
font: {...fontObject}
|
|
@@ -113,6 +127,7 @@ export default {
|
|
|
113
127
|
zIndex: '1',
|
|
114
128
|
className: '',
|
|
115
129
|
marginTop: '10px',
|
|
130
|
+
iconMargin: '10px',
|
|
116
131
|
lineHeight: '19px',
|
|
117
132
|
|
|
118
133
|
font: {...fontObject}
|
|
@@ -699,6 +714,34 @@ export default {
|
|
|
699
714
|
},
|
|
700
715
|
closeAreaBackgroundColor: 'linear-gradient(to bottom, rgb(60, 57, 62), rgba(60, 57, 62, 0))' // for close div background color
|
|
701
716
|
},
|
|
717
|
+
// default properties for <SwipeModal /> component
|
|
718
|
+
SWIPEMODAL: {
|
|
719
|
+
width: '300px',
|
|
720
|
+
height: '100vh',
|
|
721
|
+
titleStyle: {
|
|
722
|
+
color: '#1C212D',
|
|
723
|
+
textAlign: 'left',
|
|
724
|
+
maxHeight: '66px',
|
|
725
|
+
padding: '0px 20px',
|
|
726
|
+
font: {...fontObject},
|
|
727
|
+
},
|
|
728
|
+
parent: {
|
|
729
|
+
width: '100%',
|
|
730
|
+
height: '100vh',
|
|
731
|
+
colors: {
|
|
732
|
+
background: 'rgba(60, 61, 70, 0.2)'
|
|
733
|
+
}
|
|
734
|
+
},
|
|
735
|
+
colors: {
|
|
736
|
+
background: 'white',
|
|
737
|
+
},
|
|
738
|
+
border: {
|
|
739
|
+
radius: '10px'
|
|
740
|
+
},
|
|
741
|
+
withParent: true,
|
|
742
|
+
outSideClose: false,
|
|
743
|
+
closeIcon: closeCall,
|
|
744
|
+
},
|
|
702
745
|
// default properties for <Checkbox /> component
|
|
703
746
|
CHECKBOX: {
|
|
704
747
|
className: '',
|
|
@@ -789,13 +832,48 @@ export default {
|
|
|
789
832
|
},
|
|
790
833
|
// default properties for <Toaster /> component
|
|
791
834
|
TOASTER: {
|
|
835
|
+
width: '440px',
|
|
836
|
+
height: '83px',
|
|
792
837
|
className: '',
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
838
|
+
marginBottom: '20px',
|
|
839
|
+
backgroundColor: '#FFFFFF',
|
|
840
|
+
padding: '14px 29px 14px 12px',
|
|
841
|
+
border: {
|
|
842
|
+
width: '2px',
|
|
843
|
+
style: 'solid',
|
|
844
|
+
radius: '40px',
|
|
845
|
+
color: '#EEEEEE'
|
|
846
|
+
},
|
|
847
|
+
title: {
|
|
848
|
+
color: '#3C393E',
|
|
849
|
+
lineHeight: '22px',
|
|
850
|
+
font: {
|
|
851
|
+
size: '16px',
|
|
852
|
+
style: 'normal',
|
|
853
|
+
weight: 600,
|
|
854
|
+
family: '',
|
|
855
|
+
},
|
|
856
|
+
props: {}
|
|
857
|
+
},
|
|
858
|
+
description: {
|
|
859
|
+
color: '#3C393E',
|
|
860
|
+
lineHeight: '16px',
|
|
861
|
+
font: {
|
|
862
|
+
size: '12px',
|
|
863
|
+
style: 'normal',
|
|
864
|
+
weight: 500,
|
|
865
|
+
family: '',
|
|
866
|
+
},
|
|
867
|
+
props: {
|
|
868
|
+
opacity: 0.8
|
|
869
|
+
}
|
|
870
|
+
},
|
|
871
|
+
icons: {
|
|
872
|
+
info: '',
|
|
873
|
+
warn: '',
|
|
874
|
+
error: '',
|
|
875
|
+
close: '',
|
|
876
|
+
success: ''
|
|
799
877
|
}
|
|
800
878
|
},
|
|
801
879
|
// default properties for <Stepper /> component
|