@occmundial/occ-atomic 3.0.0-beta.13 → 3.0.0-beta.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/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",