@steroidsjs/bootstrap 3.0.0-beta.96 → 3.0.0-beta.97

package/form/HtmlField/HtmlFieldView.scss

@@ -4,4 +4,7 @@
     --ck-color-base-border: #dbe2e6;
     --ck-border-radius: 12px;
 
+    .ck .ck-toolbar__items { 
+        flex-wrap: wrap !important;
+    }
 }

package/form/PasswordField/PasswordFieldView.js

@@ -38,6 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
+var PasswordField_1 = require("@steroidsjs/core/ui/form/PasswordField/PasswordField");
 var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function PasswordFieldView(props) {
@@ -51,7 +52,9 @@ function PasswordFieldView(props) {
                 disabled: props.inputProps.disabled
             }) },
             React.createElement("input", __assign({ className: bem.element('input') }, props.inputProps, { id: props.id })),
-            props.showSecurityIcon && (React.createElement("span", { className: bem(bem.element('icon-eye')), onMouseDown: props.onShowPassword, onMouseUp: props.onHidePassword },
+            props.showSecurityIcon && (React.createElement("span", { className: bem(bem.element('icon-eye', {
+                    viewHide: props.inputProps.type === PasswordField_1.InputType.PASSWORD
+                })), onClick: props.onShowButtonClick },
                 React.createElement(Icon_1["default"], { name: props.inputProps.type === 'password' ? 'view_hide' : 'view' })))),
         props.showSecurityBar && (React.createElement("div", { className: bem.element('security-bar', props.securityLevel) }))));
 }

package/form/PasswordField/PasswordFieldView.scss

@@ -183,12 +183,14 @@ $eye-filled-color: var(--eye-filled-color);
 
         svg {
             path {
-                fill: $eye-default-color;
-
                 &:last-child {
                     stroke: $eye-default-color;
                 }
             }
+
+            circle {
+                stroke: $eye-default-color;
+            }
         }
 
         &:active {
@@ -202,24 +204,31 @@ $eye-filled-color: var(--eye-filled-color);
                 }
             }
         }
+
+        &_viewHide {
+            svg path {
+                fill: $eye-default-color;
+            }
+        }
     }
 
     &_filled {
         #{$root}__icon-eye {
             svg {
                 path {
-                    fill: $eye-filled-color;
-
                     &:last-child {
                         stroke: $eye-filled-color;
                     }
                 }
+
+                circle { 
+                    stroke: $eye-filled-color;
+                }
             }
 
             &:active {
                 svg {
                     path {
-                        fill: inherit;
                         stroke: $eye-filled-color;
                     }
                     circle {
@@ -227,6 +236,12 @@ $eye-filled-color: var(--eye-filled-color);
                     }
                 }
             }
+
+            &_viewHide {
+                svg path {
+                    fill: $eye-filled-color;
+                }
+            }
         }
     }
 
@@ -235,7 +250,7 @@ $eye-filled-color: var(--eye-filled-color);
             cursor: not-allowed;
         }
 
-        #{$root}__icon-eye { 
+        #{$root}__icon-eye {
             pointer-events: none;
         }
 

package/modal/Modal/ModalView.scss

@@ -131,7 +131,7 @@ $modal-background-color: var(--modal-background-color);
         flex-flow: row wrap;
         justify-content: center;
         align-items: center;
-        column-gap: 8px;
+        gap: 8px;
     }
 
     // Fade animation

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.0-beta.96",
+    "version": "3.0.0-beta.97",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -37,7 +37,7 @@
         "react-use": "^17.4.0"
     },
     "devDependencies": {
-        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.73",
+        "@steroidsjs/core": "^3.0 || >=3.0.0-beta.77",
         "@steroidsjs/eslint-config": "^2.1.4",
         "@types/enzyme": "^3.10.8",
         "@types/googlemaps": "^3.43.3",