@steroidsjs/bootstrap 3.0.0-beta.28 → 3.0.0-beta.29

package/form/FieldLayout/FieldLayoutView.js

@@ -35,7 +35,7 @@ function FieldLayoutView(props) {
     return (React.createElement("div", { className: bem(bem.block({
             layout: props.layout.layout
         }), 'form-group', props.layout.className, props.layout.layout === 'horizontal' && 'row', props.layout.layout === 'inline' && 'form-inline mb-0'), style: props.layout.style },
-        props.label && (React.createElement("div", { className: bem(bem.element('label', {
+        props.label && (React.createElement("label", { htmlFor: props.id, className: bem(bem.element('label', {
                 required: props.required,
                 size: props.size
             }), props.layout.layout === 'horizontal' && 'col-form-label text-right', props.layout.layout === 'horizontal' && 'col-' + props.layout.cols[0], props.layout.layout === 'inline' && 'sr-only') }, props.label + ':')),

package/form/InputField/InputFieldView.js

@@ -69,10 +69,10 @@ function InputFieldView(props) {
             props.maskProps
                 ? (React.createElement("input", __assign({ onBlur: props.onBlur, onFocus: props.onFocus, onMouseDown: props.onMouseDown, className: bem(bem.element('input', {
                         size: props.size
-                    })) }, props.inputProps, { type: props.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required })))
+                    })) }, props.inputProps, { type: props.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required, id: props.id })))
                 : (React.createElement("input", __assign({ className: bem(bem.element('input', {
                         size: props.size
-                    })) }, props.inputProps, { onChange: function (e) { return props.input.onChange(e.target.value); }, type: props.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required }))),
+                    })) }, props.inputProps, { onChange: function (e) { return props.input.onChange(e.target.value); }, type: props.type, placeholder: props.placeholder, disabled: props.disabled, required: props.required, id: props.id }))),
             !props.disabled && props.showClear && !props.maskProps && (React.createElement(Icon_1["default"], { name: "field-close", className: bem.element('icon-clear'), tabIndex: -1, onClick: props.onClear }))),
         props.textAfter && (React.createElement("span", { className: bem.element('text-after') }, props.textAfter)),
         props.addonAfter && (React.createElement("span", { className: bem.element('addon-after') }, props.addonAfter))));

package/form/NumberField/NumberFieldView.js

@@ -61,7 +61,7 @@ function NumberFieldView(props) {
             hasErrors: !!props.errors,
             filled: !!((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value)
         }), props.className) },
-        React.createElement("input", __assign({ ref: inputRef, className: bem(bem.element('input')) }, props.inputProps, { onChange: function (e) { return props.input.onChange(e.target.value); } })),
+        React.createElement("input", __assign({ ref: inputRef, className: bem(bem.element('input')) }, props.inputProps, { onChange: function (e) { return props.input.onChange(e.target.value); }, id: props.id })),
         !props.disabled && !props.errors && (React.createElement("div", { className: bem.element('arrows-container') },
             React.createElement("button", { className: bem.element('arrow', {
                     disabled: (0, isNumber_1["default"])(props.inputProps.max) && props.inputProps.value >= props.inputProps.max

package/form/PasswordField/PasswordFieldView.js

@@ -50,7 +50,7 @@ function PasswordFieldView(props) {
         React.createElement("div", { className: bem.element('container', {
                 disabled: props.inputProps.disabled
             }) },
-            React.createElement("input", __assign({ className: bem.element('input') }, props.inputProps)),
+            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 },
                 React.createElement(Icon_1["default"], { name: props.inputProps.type === 'password' ? 'crossed-out-eye' : 'visible-eye' })))),
         props.showSecurityBar && (React.createElement("div", { className: bem.element('security-bar', props.securityLevel) }))));

package/form/TextField/TextFieldView.js

@@ -47,7 +47,7 @@ function TextFieldView(props) {
             filled: !!props.inputProps.value,
             size: props.size
         }), props.className) },
-        React.createElement("textarea", __assign({ className: bem.element('textarea') }, props.inputProps)),
+        React.createElement("textarea", __assign({ className: bem.element('textarea'), id: props.id }, props.inputProps)),
         props.showClear && (React.createElement(Icon_1["default"], { className: bem.element('clear'), name: "field-close", onClick: props.onClear }))));
 }
 exports["default"] = TextFieldView;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.0-beta.28",
+    "version": "3.0.0-beta.29",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",

package/typography/Text/TextView.scss

@@ -1,4 +1,5 @@
 .TextView {
+  margin-bottom: 1em;
   font-family: $font-family-nunito;
 
   @each $typeName, $typeMap in $text-types {

package/typography/Title/TitleView.scss

@@ -1,4 +1,5 @@
 .TitleView {
+  margin-bottom: 1em;
   font-family: $font-family-nunito;
 
   @each $typeName, $typeMap in $title-types {