oa-componentbook 0.17.73 → 0.17.75
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.
|
@@ -26,10 +26,8 @@ function CustomDatePicker(_ref) {
|
|
|
26
26
|
theme: {
|
|
27
27
|
components: {
|
|
28
28
|
DatePicker: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
// This works for middle sized datepicker
|
|
32
|
-
paddingInlineSM: 12,
|
|
29
|
+
// paddingInline: 161, // This works for middle sized datepicker
|
|
30
|
+
// paddingInlineSM: 12,
|
|
33
31
|
/*
|
|
34
32
|
For small size:
|
|
35
33
|
20 (line height)
|
|
@@ -43,14 +41,18 @@ function CustomDatePicker(_ref) {
|
|
|
43
41
|
+ 2 * 13 (padding)
|
|
44
42
|
+ 2 * 1 (border)
|
|
45
43
|
*/
|
|
46
|
-
paddingBlock: 13
|
|
44
|
+
paddingBlock: 13,
|
|
45
|
+
paddingInline: 16,
|
|
46
|
+
paddingInlineSM: 12
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
token: {
|
|
50
|
+
lineHeight: 20 / 14,
|
|
51
|
+
paddingBlockLG: 50,
|
|
50
52
|
paddingXS: 32,
|
|
51
53
|
// Used to control margin of calendar icon
|
|
52
|
-
controlPaddingHorizontal:
|
|
53
|
-
controlPaddingHorizontalSM:
|
|
54
|
+
// controlPaddingHorizontal: 161,
|
|
55
|
+
// controlPaddingHorizontalSM: 12,
|
|
54
56
|
controlHeight: 48,
|
|
55
57
|
// height of text field (tag height is half of this, i.e. 24px)
|
|
56
58
|
controlHeightSM: 32,
|
|
@@ -59,7 +61,7 @@ function CustomDatePicker(_ref) {
|
|
|
59
61
|
borderRadius: 4,
|
|
60
62
|
colorPrimary: _ColorVariablesMap.default['--color-primary'],
|
|
61
63
|
// for active color of input
|
|
62
|
-
colorPrimaryHover: _ColorVariablesMap.default['--color-primary'],
|
|
64
|
+
colorPrimaryHover: _ColorVariablesMap.default['--color-primary-hover'],
|
|
63
65
|
// for hover color of input
|
|
64
66
|
colorBgContainerDisabled: _ColorVariablesMap.default['--color-divider'],
|
|
65
67
|
colorBorder: _ColorVariablesMap.default['--color-placeholder-text'],
|
|
@@ -72,6 +74,9 @@ function CustomDatePicker(_ref) {
|
|
|
72
74
|
// color of disabled calendar icon
|
|
73
75
|
colorText: _ColorVariablesMap.default['--color-primary-content'],
|
|
74
76
|
// Text color
|
|
77
|
+
|
|
78
|
+
colorLink: _ColorVariablesMap.default['--color-primary'],
|
|
79
|
+
colorLinkHover: _ColorVariablesMap.default['--color-primary-hover'],
|
|
75
80
|
colorError: _ColorVariablesMap.default['--color-negative'],
|
|
76
81
|
// Error color
|
|
77
82
|
colorErrorBorderHover: _ColorVariablesMap.default['--color-negative'] // Hover error color should be same as error color
|
|
@@ -71,7 +71,7 @@ function CustomSelect(_ref) {
|
|
|
71
71
|
},
|
|
72
72
|
|
|
73
73
|
token: {
|
|
74
|
-
//
|
|
74
|
+
// controlOutline: '4px 4px 4px 4px red', // an attempt at applying box shadow
|
|
75
75
|
colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],
|
|
76
76
|
// Color of placeholder text
|
|
77
77
|
colorPrimary: _ColorVariablesMap.default['--color-primary'],
|
|
@@ -82,12 +82,12 @@ function CustomSelect(_ref) {
|
|
|
82
82
|
// For border radius of select text field.
|
|
83
83
|
borderRadiusLG: '4px',
|
|
84
84
|
// For border radius of dropdown
|
|
85
|
-
controlHeight:
|
|
85
|
+
controlHeight: 48,
|
|
86
86
|
// height of text field (tag height is half of this, i.e. 24px)
|
|
87
|
-
controlHeightSM:
|
|
87
|
+
controlHeightSM: 32,
|
|
88
88
|
// height of small text field
|
|
89
89
|
|
|
90
|
-
//
|
|
90
|
+
// This controls padding of larger text box
|
|
91
91
|
controlPaddingHorizontalSM: (props === null || props === void 0 ? void 0 : props.size) === 'small' ? 13 : 17,
|
|
92
92
|
// 1 extra so that it shows 12px and 16px in browser console.
|
|
93
93
|
paddingSM: (props === null || props === void 0 ? void 0 : props.size) === 'small' ? 13 : 17,
|
|
@@ -22,26 +22,40 @@ function CustomTimePicker(_ref) {
|
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
|
|
23
23
|
theme: {
|
|
24
24
|
token: {
|
|
25
|
-
controlPaddingHorizontal: 16,
|
|
26
|
-
controlPaddingHorizontalSM: 12,
|
|
27
25
|
controlHeight: 48,
|
|
28
26
|
// height of text field (tag height is half of this, i.e. 24px)
|
|
29
27
|
controlHeightSM: 32,
|
|
30
28
|
// height of small text field
|
|
31
29
|
controlHeightLG: 64,
|
|
32
30
|
borderRadius: 4,
|
|
31
|
+
fontSize: 14,
|
|
32
|
+
fontSizeLG: 14,
|
|
33
33
|
colorPrimary: _ColorVariablesMap.default['--color-primary'],
|
|
34
34
|
// for active color of input
|
|
35
|
-
colorPrimaryHover: _ColorVariablesMap.default['--color-primary'],
|
|
35
|
+
colorPrimaryHover: _ColorVariablesMap.default['--color-primary-hover'],
|
|
36
36
|
// for hover color of input
|
|
37
|
+
|
|
37
38
|
colorBgContainerDisabled: _ColorVariablesMap.default['--color-divider'],
|
|
38
39
|
colorBorder: _ColorVariablesMap.default['--color-placeholder-text'],
|
|
39
40
|
// border color of input text field
|
|
40
41
|
colorText: _ColorVariablesMap.default['--color-primary-content'],
|
|
41
42
|
// Text color
|
|
43
|
+
colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],
|
|
44
|
+
colorLink: _ColorVariablesMap.default['--color-primary'],
|
|
45
|
+
colorLinkHover: _ColorVariablesMap.default['--color-primary-hover'],
|
|
42
46
|
colorError: _ColorVariablesMap.default['--color-negative'],
|
|
43
47
|
// Error color
|
|
44
48
|
colorErrorBorderHover: _ColorVariablesMap.default['--color-negative'] // Hover error color should be same as error color
|
|
49
|
+
},
|
|
50
|
+
|
|
51
|
+
components: {
|
|
52
|
+
TimePicker: {
|
|
53
|
+
lineHeight: 20 / 14,
|
|
54
|
+
paddingInline: 16,
|
|
55
|
+
paddingInlineSM: 16,
|
|
56
|
+
paddingBlockLG: 14
|
|
57
|
+
// colorIcon: '#1677ff',
|
|
58
|
+
}
|
|
45
59
|
}
|
|
46
60
|
}
|
|
47
61
|
}, /*#__PURE__*/_react.default.createElement(_antd.TimePicker, props));
|