@occmundial/occ-atomic 3.0.0-beta.13 → 3.0.0-beta.15

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ # [3.0.0-beta.15](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.14...v3.0.0-beta.15) (2024-06-18)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * Centered select icon and set cursor pointer for select box ([05fa3f1](https://github.com/occmundial/occ-atomic/commit/05fa3f1ca0efdf7e2b75c468eb23279aafbc58ce))
7
+ * Remove class condition ([59ef135](https://github.com/occmundial/occ-atomic/commit/59ef1353213a9df3737d59c13385254767c41372))
8
+
9
+ # [3.0.0-beta.14](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.13...v3.0.0-beta.14) (2024-06-13)
10
+
11
+
12
+ ### Bug Fixes
13
+
14
+ * Fix toggle background on focus when hovered ([8c35f96](https://github.com/occmundial/occ-atomic/commit/8c35f96b77fdb3d1692d864159561842a3213bba))
15
+
1
16
  # [3.0.0-beta.13](https://github.com/occmundial/occ-atomic/compare/v3.0.0-beta.12...v3.0.0-beta.13) (2024-06-13)
2
17
 
3
18
 
@@ -26,7 +26,7 @@ Object {
26
26
  "background": "#083CAE",
27
27
  },
28
28
  "&:hover $switch:not($checked), &:active $switch:not($checked)": Object {
29
- "background": "#CAD5EE",
29
+ "background": "#CAD5EE !important",
30
30
  },
31
31
  "alignItems": "start",
32
32
  "boxSizing": "border-box",
@@ -34,7 +34,7 @@ var _default = {
34
34
  background: toggle['selected']['bg']['default']
35
35
  },
36
36
  '&:hover $switch:not($checked), &:active $switch:not($checked)': {
37
- background: toggle['unselected']['bg']['hover']
37
+ background: "".concat(toggle['unselected']['bg']['hover'], " !important")
38
38
  },
39
39
  '&:focus $switch:not($checked)': {
40
40
  background: toggle['unselected']['bg']['default'],
@@ -338,7 +338,9 @@ var TextField = /*#__PURE__*/function (_React$Component) {
338
338
  className: classes.rightButton
339
339
  });
340
340
  } else if (type == 'select') {
341
- element = /*#__PURE__*/_react["default"].createElement(InputType, commonProps, /*#__PURE__*/_react["default"].createElement("option", {
341
+ element = /*#__PURE__*/_react["default"].createElement(InputType, _extends({}, commonProps, {
342
+ className: "".concat(commonProps.className, " ").concat(classes.pointer)
343
+ }), /*#__PURE__*/_react["default"].createElement("option", {
342
344
  value: "",
343
345
  disabled: true,
344
346
  hidden: true
@@ -410,14 +412,13 @@ var TextField = /*#__PURE__*/function (_React$Component) {
410
412
  height: 24,
411
413
  className: classes.icon,
412
414
  colors: [this.setIconColor()]
413
- }), type == 'select' && /*#__PURE__*/_react["default"].createElement("div", {
414
- className: classes.selectIcon
415
- }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
415
+ }), type == 'select' && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
416
416
  iconName: "chevron-down",
417
417
  width: 24,
418
418
  height: 24,
419
- colors: disabled ? [_colors["default"].icon["default"].disabled] : [_colors["default"].icon["default"]["default"]]
420
- })), element, type == 'password' && passIcon, value && clear && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
419
+ colors: disabled ? [_colors["default"].icon["default"].disabled] : [_colors["default"].icon["default"]["default"]],
420
+ className: classes.selectIcon
421
+ }), element, type == 'password' && passIcon, value && clear && /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
421
422
  icon: "x",
422
423
  theme: "ghostGrey",
423
424
  size: "md",
@@ -115,6 +115,9 @@ Object {
115
115
  "color": "#080D39",
116
116
  "font": "400 14px/1.5 'OccText', sans-serif",
117
117
  },
118
+ "pointer": Object {
119
+ "cursor": "pointer",
120
+ },
118
121
  "rightButton": Object {
119
122
  "position": "absolute",
120
123
  "right": "4px",
@@ -191,6 +191,9 @@ var _default = {
191
191
  display: 'flex',
192
192
  justifyContent: 'space-between',
193
193
  marginTop: _spacing["default"]['size-2']
194
+ },
195
+ pointer: {
196
+ cursor: 'pointer'
194
197
  }
195
198
  };
196
199
  exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@occmundial/occ-atomic",
3
- "version": "3.0.0-beta.13",
3
+ "version": "3.0.0-beta.15",
4
4
  "description": "Collection of shareable styled React components for OCC applications.",
5
5
  "homepage": "http://occmundial.github.io/occ-atomic",
6
6
  "main": "build/index.js",