oa-componentbook 0.17.74 → 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.
Files changed (4) hide show
  1. package/build/components/oa-component-datepicker/CustomDatePicker.js +13 -8
  2. package/build/components/oa-component-select/CustomSelect.js +3 -10
  3. package/build/components/oa-component-timepicker/CustomTimePicker.js +17 -3
  4. package/package.json +1 -1
package/build/components/oa-component-datepicker/CustomDatePicker.js CHANGED
@@ -26,10 +26,8 @@ function CustomDatePicker(_ref) {
26
26
  theme: {
27
27
  components: {
28
28
  DatePicker: {
29
- lineHeight: 20 / 14,
30
- paddingInline: 16,
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: 16,
53
- controlPaddingHorizontalSM: 13,
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
package/build/components/oa-component-select/CustomSelect.js CHANGED
@@ -25,9 +25,6 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
25
25
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
26
26
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
27
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
28
- const {
29
- Option
30
- } = _antd.Select;
31
28
  function CustomSelect(_ref) {
32
29
  let {
33
30
  'data-test': dataTest,
@@ -122,17 +119,13 @@ function CustomSelect(_ref) {
122
119
  }
123
120
  }
124
121
  }, /*#__PURE__*/_react.default.createElement(_antd.Select, _extends({
125
- "data-test": dataTest
126
- // options={actualOptions}
127
- ,
122
+ "data-test": dataTest,
123
+ options: actualOptions,
128
124
  dropdownStyle: {
129
125
  padding: '0px'
130
126
  },
131
127
  maxTagCount: "responsive"
132
- }, props), actualOptions.map(eachOption => /*#__PURE__*/_react.default.createElement(Option, {
133
- label: eachOption.label,
134
- value: eachOption.value
135
- }))));
128
+ }, props)));
136
129
  }
137
130
  CustomSelect.propTypes = {
138
131
  'data-test': _propTypes.default.string,
package/build/components/oa-component-timepicker/CustomTimePicker.js CHANGED
@@ -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));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.17.74",
3
+ "version": "0.17.75",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",