@occmundial/occ-atomic 1.21.0 → 1.21.3

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## [1.21.3](https://github.com/occmundial/occ-atomic/compare/v1.21.2...v1.21.3) (2022-08-23)
+
+
+### Bug Fixes
+
+* Change eyeClosed icon and add eyeClosedSolid icon ([156f09d](https://github.com/occmundial/occ-atomic/commit/156f09d73b0580417afb14e8d5aa5b4265636b1c))
+* Change password icon ([e8fb1bb](https://github.com/occmundial/occ-atomic/commit/e8fb1bbee1050a59b5447bce49e114ae5bc7ce28))
+* Change password icon with disabled prop ([a82be12](https://github.com/occmundial/occ-atomic/commit/a82be12c40462a310ff46d3d445b00ffff0ff90d))
+* Indentation ([3ee616f](https://github.com/occmundial/occ-atomic/commit/3ee616fc7f94f4372bbc02605d4fd0d6637a4e3c))
+
+## [1.21.2](https://github.com/occmundial/occ-atomic/compare/v1.21.1...v1.21.2) (2022-05-30)
+
+
+### Bug Fixes
+
+* Fix in Modal styles for full screen mode ([eeb7081](https://github.com/occmundial/occ-atomic/commit/eeb70814e172828b3fde2789d674676ac11a565d))
+
+## [1.21.1](https://github.com/occmundial/occ-atomic/compare/v1.21.0...v1.21.1) (2022-05-27)
+
+
+### Bug Fixes
+
+* Change in dimensions of full screen modal ([c3434a2](https://github.com/occmundial/occ-atomic/commit/c3434a28d1bf6455205b5f37419cd14567ddb126))
+* Ignore plugin directory in doc gen ([d06e206](https://github.com/occmundial/occ-atomic/commit/d06e2064f9ec30066fef70432122d3d49a6ae99f))
+
 # [1.21.0](https://github.com/occmundial/occ-atomic/compare/v1.20.1...v1.21.0) (2022-02-16)
 
 

package/build/Modal/styles.js

@@ -65,17 +65,26 @@ var _default = {
   noClose: {
     cursor: 'default'
   },
-  cardWrapper: {
+  cardWrapper: _defineProperty({
     position: 'relative',
-    maxWidth: '100vw',
-    maxHeight: '100vh'
-  },
+    maxWidth: '100%',
+    maxHeight: '100%'
+  }, "@media screen and (max-width:".concat(_grid["default"].xs - 1, "px)"), {
+    height: function height(_ref) {
+      var fullSize = _ref.fullSize;
+      return fullSize && '100%';
+    }
+  }),
   cardBlock: _defineProperty({
     margin: _spacing["default"].gutter
   }, "@media screen and (max-width:".concat(_grid["default"].xs - 1, "px)"), {
-    margin: function margin(_ref) {
-      var fullSize = _ref.fullSize;
+    margin: function margin(_ref2) {
+      var fullSize = _ref2.fullSize;
       return fullSize && 0;
+    },
+    height: function height(_ref3) {
+      var fullSize = _ref3.fullSize;
+      return fullSize && '100%';
     }
   }),
   card: (_card = {
@@ -86,16 +95,16 @@ var _default = {
   }, _defineProperty(_card, "@media screen and (min-width:".concat(_grid["default"].sm, "px)"), {
     padding: _spacing["default"].medium
   }), _defineProperty(_card, "@media screen and (max-width:".concat(_grid["default"].xs - 1, "px)"), {
-    padding: function padding(_ref2) {
-      var fullSize = _ref2.fullSize;
+    padding: function padding(_ref4) {
+      var fullSize = _ref4.fullSize;
       return fullSize && _spacing["default"].base;
     },
-    minHeight: function minHeight(_ref3) {
-      var fullSize = _ref3.fullSize;
-      return fullSize && '100vh';
+    minHeight: function minHeight(_ref5) {
+      var fullSize = _ref5.fullSize;
+      return fullSize && '100%';
     },
-    borderRadius: function borderRadius(_ref4) {
-      var fullSize = _ref4.fullSize;
+    borderRadius: function borderRadius(_ref6) {
+      var fullSize = _ref6.fullSize;
       return fullSize && 0;
     }
   }), _card),
@@ -161,20 +170,20 @@ var _default = {
   },
   imgLeft: _defineProperty({
     width: 200,
-    backgroundImage: function backgroundImage(_ref5) {
-      var imgLeft = _ref5.imgLeft;
+    backgroundImage: function backgroundImage(_ref7) {
+      var imgLeft = _ref7.imgLeft;
       return "url(".concat(imgLeft.img, ")");
     },
-    backgroundPosition: function backgroundPosition(_ref6) {
-      var imgLeft = _ref6.imgLeft;
+    backgroundPosition: function backgroundPosition(_ref8) {
+      var imgLeft = _ref8.imgLeft;
       return "center ".concat(imgLeft.position || 'center');
     },
-    backgroundSize: function backgroundSize(_ref7) {
-      var imgLeft = _ref7.imgLeft;
+    backgroundSize: function backgroundSize(_ref9) {
+      var imgLeft = _ref9.imgLeft;
       return imgLeft.size === 'contain' ? '100% auto' : 'cover';
     },
-    backgroundColor: function backgroundColor(_ref8) {
-      var imgLeft = _ref8.imgLeft;
+    backgroundColor: function backgroundColor(_ref10) {
+      var imgLeft = _ref10.imgLeft;
       return imgLeft.color || null;
     },
     backgroundRepeat: 'no-repeat',
@@ -191,24 +200,24 @@ var _default = {
   }),
   imgTop: _defineProperty({
     position: 'relative',
-    height: function height(_ref9) {
-      var imgTop = _ref9.imgTop;
+    height: function height(_ref11) {
+      var imgTop = _ref11.imgTop;
       return imgTop.height || 128;
     },
-    backgroundImage: function backgroundImage(_ref10) {
-      var imgTop = _ref10.imgTop;
+    backgroundImage: function backgroundImage(_ref12) {
+      var imgTop = _ref12.imgTop;
       return "url(".concat(imgTop.img, ")");
     },
-    backgroundPosition: function backgroundPosition(_ref11) {
-      var imgTop = _ref11.imgTop;
+    backgroundPosition: function backgroundPosition(_ref13) {
+      var imgTop = _ref13.imgTop;
       return "".concat(imgTop.position || 'center', " center");
     },
-    backgroundSize: function backgroundSize(_ref12) {
-      var imgTop = _ref12.imgTop;
+    backgroundSize: function backgroundSize(_ref14) {
+      var imgTop = _ref14.imgTop;
       return imgTop.size === 'contain' ? 'auto 100%' : imgTop.size || 'cover';
     },
-    backgroundColor: function backgroundColor(_ref13) {
-      var imgTop = _ref13.imgTop;
+    backgroundColor: function backgroundColor(_ref15) {
+      var imgTop = _ref15.imgTop;
       return imgTop.color || null;
     },
     backgroundRepeat: 'no-repeat',

package/build/TextField/TextField.js

@@ -345,7 +345,7 @@ var TextField = /*#__PURE__*/function (_React$Component) {
         passIcon = /*#__PURE__*/_react["default"].createElement("div", {
           className: classes.passIcon
         }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-          iconName: "eyeSolid",
+          iconName: "eyeClosed",
           width: _iconSizes["default"].small,
           height: _iconSizes["default"].small,
           colors: [_colors["default"].grey200]
@@ -399,7 +399,7 @@ var TextField = /*#__PURE__*/function (_React$Component) {
           onMouseOut: this.outOfPassIcon,
           className: classes.passIcon
         }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-          iconName: "eyeSolid",
+          iconName: showPass ? "eye" : "eyeClosed",
           width: _iconSizes["default"].small,
           height: _iconSizes["default"].small,
           colors: showPass ? [_colors["default"].grey900] : [_colors["default"].grey400]

package/build/subatomic/icons/eyeClosed.js

@@ -17,7 +17,7 @@ var _default = {
   display: 'inline-block',
   icon: function icon() {
     var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
-    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t\t\t viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n\t\t<path fill=\"".concat(color[0], "\" d=\"M16.8,6l3.5-3.5l1.4,1.4l-3.1,3.1c2,1.3,3.5,3.2,4.3,5.4c-1.7,4.4-6,7.5-11,7.5c-1.8,0-3.5-0.4-5.1-1.2\n\t\t\tl-3.5,3.5L2,20.9l3.1-3.1c-1.8-1.3-3.3-3.2-4.1-5.3C2.7,8.1,7,5,12,5C13.7,5,15.4,5.4,16.8,6z M9.8,15.9c1.9,1.2,4.3,0.6,5.5-1.2\n\t\t\tc0.8-1.3,0.8-3,0-4.3C15.4,10.3,9.8,15.9,9.8,15.9z M8.5,14.4L13.9,9C12,7.9,9.5,8.7,8.5,10.6C7.8,11.8,7.8,13.2,8.5,14.4z\"/>\n\t\t</svg>");
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"m17.971 18.871 3.12 3.12 1.415-1.413L4.121 2.193 2.707 3.607l3.434 3.434C4.284 8.465 2.825 10.545 2 13c1.573 4.683 5.455 8 10 8 2.21 0 4.264-.784 5.971-2.129zm-1.427-1.427-1.666-1.666a4.001 4.001 0 1 1-5.655-5.655L7.571 8.471C6.116 9.513 4.903 11.066 4.13 13c1.477 3.695 4.56 6 7.87 6 1.623 0 3.192-.555 4.544-1.556zm-5.907-5.907a2.001 2.001 0 1 0 2.826 2.826l-2.826-2.826zM22 13a13.4 13.4 0 0 1-1.373 2.899l-1.454-1.455c.26-.453.494-.936.697-1.444-1.477-3.695-4.56-6-7.87-6-.089 0-.178.002-.267.005L9.957 5.228A9.242 9.242 0 0 1 12 5c4.546 0 8.427 3.317 10 8z\"/>\n      </svg>");
   }
 };
 exports["default"] = _default;

package/build/subatomic/icons/eyeClosedSolid.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _colors = _interopRequireDefault(require("../colors"));
+
+var _spacing = _interopRequireDefault(require("../spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  width: _spacing["default"].base,
+  height: _spacing["default"].base,
+  display: 'inline-block',
+  icon: function icon() {
+    var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [_colors["default"].grey900];
+    return "<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 24 24\" style=\"enable-background:new 0 0 24 24;\" xml:space=\"preserve\">\n        <path fill=\"".concat(color[0], "\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.414 2.5 2 3.914l3.224 3.224A11.888 11.888 0 0 0 1 12.5C2.73 16.89 7 20 12 20c1.781 0 3.47-.395 4.984-1.102l3.4 3.401 1.415-1.414-3.023-3.023A11.888 11.888 0 0 0 23 12.5C21.27 8.11 17 5 12 5c-1.781 0-3.47.395-4.984 1.102L3.414 2.5zm5.14 7.968a4.001 4.001 0 0 0 5.477 5.477l-5.477-5.477zm6.892 4.064L9.968 9.054a4.001 4.001 0 0 1 5.477 5.477z\"/>\n\t\t  </svg>");
+  }
+};
+exports["default"] = _default;

package/build/subatomic/icons.js

@@ -177,6 +177,8 @@ var _eyeSolid = _interopRequireDefault(require("./icons/eyeSolid"));
 
 var _eyeClosed = _interopRequireDefault(require("./icons/eyeClosed"));
 
+var _eyeClosedSolid = _interopRequireDefault(require("./icons/eyeClosedSolid"));
+
 var _facebook = _interopRequireDefault(require("./icons/facebook"));
 
 var _facebookSolid = _interopRequireDefault(require("./icons/facebookSolid"));
@@ -334,6 +336,7 @@ var _default = {
   eye: _eye["default"],
   eyeSolid: _eyeSolid["default"],
   eyeClosed: _eyeClosed["default"],
+  eyeClosedSolid: _eyeClosedSolid["default"],
   facebook: _facebook["default"],
   facebookSolid: _facebookSolid["default"],
   twitter: _twitter["default"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "1.21.0",
+  "version": "1.21.3",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",