@steroidsjs/bootstrap 3.0.0-beta.21 → 3.0.0-beta.23

package/form/PasswordField/PasswordFieldView.scss

@@ -21,7 +21,7 @@ $eye-filled-color: var(--eye-filled-color);
     width: 200px;
 
     line-height: 24px;
-    font-weight: $font-weight-normal;
+    font-weight: $font-weight-sm;
 
     &__container {
         position: relative;

package/index.scss

@@ -1,5 +1,6 @@
 @import './scss/mixins';
 @import './scss/variables';
+@import './scss/fonts';
 
 @import './crud/Crud/CrudView';
 @import './content/Alert/AlertView';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.0-beta.21",
+    "version": "3.0.0-beta.23",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -10,7 +10,7 @@
     },
     "scripts": {
         "lint": "eslint -c ./.eslintrc --ext .js,.jsx,.ts,.tsx ./src --quiet",
-        "build": "tsc && cp ./{package.json,LICENSE,README.md} dist && copyfiles -u 1 \"src/**/*.scss\" \"src/icons/svgs/*.svg\" dist"
+        "build": "tsc && cp ./{package.json,LICENSE,README.md} dist && copyfiles -u 1 \"src/**/*.scss\" \"src/icons/svgs/*.svg\" dist && yarn copyfiles \"public/**/*\" dist"
     },
     "license": "MIT",
     "homepage": "https://github.com/steroids/react-bootstrap",

package/scss/fonts.scss

@@ -0,0 +1,40 @@
+@font-face {
+    font-family: 'Nunito';
+    src: url('../../public/fonts/Nunito/Nunito-ExtraBold.woff2') format('woff2'),
+        url('../../public/fonts/Nunito/Nunito-ExtraBold.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Nunito';
+    src: url('../../public/fonts/Nunito/Nunito-Bold.woff2') format('woff2'),
+        url('../../public/fonts/Nunito/Nunito-Bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Nunito';
+    src: url('../../public/fonts/Nunito/Nunito-Medium.woff2') format('woff2'),
+        url('../../public/fonts/Nunito/Nunito-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Nunito';
+    src: url('../../public/fonts/Nunito/Nunito-Regular.woff2') format('woff2'),
+        url('../../public/fonts/Nunito/Nunito-Regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+html {
+  font-family: 'Nunito', sans-serif;
+}
+

package/scss/variables/common/colors.scss

@@ -59,6 +59,7 @@ html[data-theme="dark"] {
     --dark: #6b6477;
     --light: #b7afc7;
     --text-color: #FFFFFF;
+    --background-color: #414141;
     --is-dark: 'true';
     --border-color: #eef1f2;
     --border-color-hover: #4e4f57;

package/scss/variables/components/input.scss

@@ -1,3 +1,67 @@
 $input-height-sm: 34px;
 $input-height-md: 46px;
 $input-height-lg: 56px;
+
+
+//remove after ready all inputs
+//Small
+$input-label-margin-bottom-sm: 4px;
+
+$input-padding-x-sm: 12px;
+$input-padding-y-sm: 5px;
+
+$input-margin-bottom-sm: 20px;
+$input-outline-width-sm: 4px;
+$input-border-width-sm: 1px;
+
+$input-icon-margin-right-sm: 12px;
+$input-icon-close-margin-left-sm: 12px;
+$input-icon-size-sm: 24px;
+
+$input-message-margin-top-sm: 4px;
+$input-message-icon-size-sm: 16px;
+$input-message-icon-margin-right-sm: 4px;
+
+//Medium 
+$input-label-margin-bottom-md: $input-label-margin-bottom-sm;
+
+$input-padding-x-md: $input-padding-x-sm;
+$input-padding-y-md: 11px;
+
+$input-margin-bottom-md: $input-margin-bottom-sm;
+$input-outline-width-md: $input-outline-width-sm;
+$input-border-width-md: $input-border-width-sm;
+
+$input-icon-margin-right-md: $input-icon-margin-right-sm;
+$input-icon-close-margin-left-md: $input-icon-close-margin-left-sm;
+$input-icon-size-md: $input-icon-size-sm;
+
+$input-message-margin-top-md: $input-message-margin-top-sm;
+$input-message-icon-size-md: $input-message-icon-size-sm;
+$input-message-icon-margin-right-md: $input-message-icon-margin-right-sm;
+
+//Large
+$input-label-margin-bottom-lg: $input-label-margin-bottom-sm;
+
+$input-padding-x-lg: $input-padding-x-sm;
+$input-padding-y-lg: 16px;
+
+$input-margin-bottom-lg: $input-margin-bottom-sm;
+$input-outline-width-lg: $input-outline-width-sm;
+$input-border-width-lg: $input-border-width-sm;
+
+$input-icon-margin-right-lg: $input-icon-margin-right-sm;
+$input-icon-close-margin-left-lg: $input-icon-close-margin-left-sm;
+$input-icon-size-lg: $input-icon-size-sm;
+
+$input-message-margin-top-lg: $input-message-margin-top-sm;
+$input-message-icon-size-lg: $input-message-icon-size-sm;
+$input-message-icon-margin-right-lg: $input-message-icon-margin-right-sm;
+
+$input-border: 1px solid $border-default !default;
+$input-border-radius: 4px !default;
+
+$input-padding-y: 0 !default;
+$input-padding-x: 8px !default;
+$input-addon-padding: 0.6rem !default;
+$input-text-padding: 0.4rem !default;