bootstrap-rn 0.2.4 → 0.2.5

package/dist/bootstrap-rn.cjs.js

@@ -4481,6 +4481,7 @@ var propTypes$1e = {
 };
 var styles$Y = reactNative.StyleSheet.create({
   reboot: {
+    flexShrink: 0,
     margin: 0
   }
 }); // eslint-disable-next-line react/prop-types
@@ -4591,7 +4592,7 @@ var propTypes$1c = {
 /* eslint-enable */
 
 var styles$X = StyleSheet.create(_objectSpread2(_objectSpread2({
-  '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n    // float: left;\n    // margin-left: $form-check-padding-start * -1;\n    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
+  '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n    $margin-top-double: $line-height-base - $form-check-input-width;\n\n    // float: left;\n    // margin-left: $form-check-padding-start * -1;\n    margin-top: $margin-top-double * 0.5; // added for bootstrap-rn\n    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
   '.form-check-reverse .form-check-input': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n    // float: right;\n    // margin-right: $form-check-padding-start * -1;\n    margin-right: 0; // added for bootstrap-rn\n    // margin-left: 0;\n    margin-left: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
   '.form-check-input': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n    width: $form-check-input-width;\n    height: $form-check-input-width;\n    // margin-top: ($line-height-base - $form-check-input-width) * 0.5; // line-height minus check height\n    // vertical-align: top;\n    background-color: $form-check-input-bg;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    border: $form-check-input-border;\n    @include platform(web) {\n      appearance: none;\n      user-select: none; // added for bootstrap-rn\n      color-adjust: exact; // Keep themed appearance for print\n    }\n    // @include transition($form-check-transition);\n\n    &:active {\n      // filter: $form-check-input-active-filter;\n    }\n\n    &:focus {\n      border-color: $form-check-input-focus-border;\n      @include platform(web) {\n        outline-width: 0; // outline: 0;\n        box-shadow: $form-check-input-focus-box-shadow;\n      }\n    }\n  "]))),
   '.form-check-input[type="checkbox"]': css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n    border-radius: $form-check-input-border-radius;\n  "]))),
@@ -5140,7 +5141,7 @@ var styles$S = StyleSheet.create(_objectSpread2({
 }, each(FONT_SIZES, function (size, value) {
   return _defineProperty({}, ".h".concat(size), css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", " * $headings-line-height;\n    "])), value, value));
 })));
-var Heading$2 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
   var children = props.children,
       size = props.size,
       style = props.style,
@@ -5154,8 +5155,8 @@ var Heading$2 = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     style: [classes, style]
   }), children);
 });
-Heading$2.displayName = 'Heading';
-Heading$2.propTypes = propTypes$15;
+Heading$1.displayName = 'Heading';
+Heading$1.propTypes = propTypes$15;
 
 var _excluded$13 = ["children", "style", "textStyle"];
 
@@ -5183,7 +5184,7 @@ var DropdownHeader = /*#__PURE__*/React__default["default"].forwardRef(function
   return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
     ref: ref,
     style: [classes, style]
-  }), /*#__PURE__*/React__default["default"].createElement(Heading$2, {
+  }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
     size: 6,
     style: [textClasses, textStyle]
   }, children));
@@ -5408,7 +5409,7 @@ var DisplayHeading = /*#__PURE__*/React__default["default"].forwardRef(function
       elementProps = _objectWithoutProperties(props, _excluded$Z);
 
   var classes = getStyles(styles$M, [".display-".concat(size)]);
-  return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends({}, elementProps, {
+  return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends({}, elementProps, {
     ref: ref,
     size: 1,
     style: [classes, style]
@@ -5451,7 +5452,7 @@ var propTypes$Z = {
   children: PropTypes__default["default"].node.isRequired,
   htmlFor: PropTypes__default["default"].string
 };
-var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+var Label = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
   var children = props.children,
       htmlFor = props.htmlFor,
       elementProps = _objectWithoutProperties(props, _excluded$X); // Ref: https://github.com/necolas/react-native-web/issues/1651
@@ -5470,8 +5471,8 @@ var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     accessibilityRole: role
   }), children);
 });
-Heading$1.displayName = 'Heading';
-Heading$1.propTypes = propTypes$Z;
+Label.displayName = 'Label';
+Label.propTypes = propTypes$Z;
 
 var _excluded$W = ["children", "style", "textStyle"];
 
@@ -5485,7 +5486,7 @@ var propTypes$Y = {
 };
 var styles$K = StyleSheet.create(_objectSpread2({
   '.form-check-input:disabled ~ .form-check-label': css(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: default;\n    }\n    opacity: $form-check-label-disabled-opacity;\n  "]))),
-  '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
+  '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    flex-shrink: 1; // added for bootstrap-rn\n\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
   '.form-check-label --text': css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n    color: $form-check-label-color;\n  "])))
 }, each(FORM_VALIDATION_STATES, function (state, data) {
   return _defineProperty({}, ".form-check-input:".concat(state, " ~ .form-check-label --text"), css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), function (t) {
@@ -5506,7 +5507,7 @@ var FormCheckLabel = /*#__PURE__*/React__default["default"].forwardRef(function
   var classes = getStyles(styles$K, [disabled && '.form-check-input:disabled ~ .form-check-label', '.form-check-label']);
   var textClasses = getStyles(styles$K, ['.form-check-label --text', // validation
   valid && '.form-check-input:valid ~ .form-check-label --text', invalid && '.form-check-input:invalid ~ .form-check-label --text']);
-  return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends({}, elementProps, {
+  return /*#__PURE__*/React__default["default"].createElement(Label, _extends({}, elementProps, {
     ref: ref,
     disabled: disabled,
     style: [classes, style],
@@ -5529,7 +5530,7 @@ var propTypes$X = {
   style: PropTypes__default["default"].any
 };
 var styles$J = StyleSheet.create({
-  '.form-check': css(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n    // display: block;\n    flex-direction: row; // added for bootstrap-rn\n    align-items: center; // added for bootstrap-rn\n    min-height: $form-check-min-height;\n    // padding-left: $form-check-padding-start;\n    margin-bottom: $form-check-margin-bottom;\n  "]))),
+  '.form-check': css(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n    // display: block;\n    flex-direction: row; // added for bootstrap-rn\n    min-height: $form-check-min-height;\n    // padding-left: $form-check-padding-start;\n    margin-bottom: $form-check-margin-bottom;\n  "]))),
   '.form-check-reverse': css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n    flex-direction: row-reverse; // added for bootstrap-rn\n    // padding-right: $form-check-padding-start;\n    // padding-left: 0;\n    // text-align: right;\n  "]))),
   '.form-switch.form-check': css(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n    // padding-left: $form-switch-padding-start;\n  "])))
 });
@@ -5585,7 +5586,7 @@ var FormLabel = /*#__PURE__*/React__default["default"].forwardRef(function (prop
 
   var classes = getStyles(styles$I, ['.form-label']);
   var textClasses = getStyles(styles$I, ['.form-label --text']);
-  return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends({}, elementProps, {
+  return /*#__PURE__*/React__default["default"].createElement(Label, _extends({}, elementProps, {
     ref: ref,
     style: [classes, style],
     textStyle: [textClasses, textStyle]
@@ -5746,7 +5747,7 @@ var Input = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
       _modifierProps$editab = modifierProps.editable,
       editable = _modifierProps$editab === void 0 ? true : _modifierProps$editab,
       _modifierProps$select = modifierProps.selectTextOnFocus,
-      selectTextOnFocus = _modifierProps$select === void 0 ? true : _modifierProps$select,
+      selectTextOnFocus = _modifierProps$select === void 0 ? false : _modifierProps$select,
       style = modifierProps.style,
       elementProps = _objectWithoutProperties(modifierProps, _excluded$R);
 
@@ -5756,8 +5757,8 @@ var Input = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
     placeholderTextColor: placeholderTextColor,
     multiline: multiline,
     disabled: disabled,
-    editable: disabled ? !disabled : editable,
-    selectTextOnFocus: disabled ? !disabled : selectTextOnFocus,
+    editable: disabled ? false : editable,
+    selectTextOnFocus: disabled ? false : selectTextOnFocus,
     style: [classes, style]
   }));
 });
@@ -5979,7 +5980,7 @@ var PopoverHeader = /*#__PURE__*/React__default["default"].forwardRef(function (
   return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
     ref: ref,
     style: [classes, style]
-  }), /*#__PURE__*/React__default["default"].createElement(Heading$2, {
+  }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
     size: 3,
     style: [textClasses, textStyle]
   }, children));
@@ -6845,7 +6846,7 @@ var ModalTitle = /*#__PURE__*/React__default["default"].forwardRef(function (pro
       elementProps = _objectWithoutProperties(props, _excluded$z);
 
   var classes = getStyles(styles$u, ['.modal-title']);
-  return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends({
     size: 5
   }, elementProps, {
     ref: ref,
@@ -7494,7 +7495,7 @@ var OffcanvasTitle = /*#__PURE__*/React__default["default"].forwardRef(function
       elementProps = _objectWithoutProperties(props, _excluded$l);
 
   var classes = getStyles(styles$i, ['.offcanvas-title']);
-  return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends({
     size: 5
   }, elementProps, {
     ref: ref,
@@ -7689,7 +7690,7 @@ var PickerWeb = /*#__PURE__*/React__default["default"].forwardRef(function (prop
       elementProps = _objectWithoutProperties(props, _excluded$i);
 
   var background = useBackground(style);
-  var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+  var showPlaceholder = selectedValue === undefined || selectedValue === null;
   return /*#__PURE__*/React__default["default"].createElement(reactNative.Picker, _extends({}, elementProps, {
     ref: ref,
     selectedValue: showPlaceholder ? PLACEHOLDER : selectedValue,
@@ -7700,7 +7701,7 @@ var PickerWeb = /*#__PURE__*/React__default["default"].forwardRef(function (prop
     style: [background.style, showPlaceholder && {
       color: placeholderTextColor
     }]
-  }), placeholder && /*#__PURE__*/React__default["default"].createElement("option", {
+  }), /*#__PURE__*/React__default["default"].createElement("option", {
     value: PLACEHOLDER,
     disabled: true,
     hidden: true
@@ -7815,7 +7816,7 @@ var PickerNative = /*#__PURE__*/React__default["default"].forwardRef(function (p
       setVisible = _useState2[1];
 
   var textStyle = extractTextStyles(background.style);
-  var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+  var showPlaceholder = selectedValue === undefined || selectedValue === null;
 
   var handleValueChange = function handleValueChange(nextValue) {
     onValueChange(nextValue);
@@ -7841,7 +7842,7 @@ var PickerNative = /*#__PURE__*/React__default["default"].forwardRef(function (p
     style: [textStyle, showPlaceholder && {
       color: placeholderTextColor
     }]
-  }, showPlaceholder ? placeholder : getText({
+  }, showPlaceholder ? placeholder || /*#__PURE__*/React__default["default"].createElement(Text, null, "\xA0") : getText({
     children: children,
     selectedValue: selectedValue
   }))), visible && /*#__PURE__*/React__default["default"].createElement(MenuComponent, {
@@ -8811,11 +8812,11 @@ exports.Feedback = Feedback;
 exports.FormCheck = FormCheck;
 exports.FormLabel = FormLabel;
 exports.FormText = FormText;
-exports.Heading = Heading$2;
+exports.Heading = Heading$1;
 exports.Image = Image;
 exports.ImageBackground = ImageBackground;
 exports.Input = Input;
-exports.Label = Heading$1;
+exports.Label = Label;
 exports.Link = Link;
 exports.ListGroup = ListGroup;
 exports.Modal = Modal;

package/dist/bootstrap-rn.esm.js

@@ -4472,6 +4472,7 @@ var propTypes$1e = {
 };
 var styles$Y = StyleSheet$1.create({
   reboot: {
+    flexShrink: 0,
     margin: 0
   }
 }); // eslint-disable-next-line react/prop-types
@@ -4582,7 +4583,7 @@ var propTypes$1c = {
 /* eslint-enable */
 
 var styles$X = StyleSheet.create(_objectSpread2(_objectSpread2({
-  '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n    // float: left;\n    // margin-left: $form-check-padding-start * -1;\n    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
+  '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n    $margin-top-double: $line-height-base - $form-check-input-width;\n\n    // float: left;\n    // margin-left: $form-check-padding-start * -1;\n    margin-top: $margin-top-double * 0.5; // added for bootstrap-rn\n    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
   '.form-check-reverse .form-check-input': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n    // float: right;\n    // margin-right: $form-check-padding-start * -1;\n    margin-right: 0; // added for bootstrap-rn\n    // margin-left: 0;\n    margin-left: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
   '.form-check-input': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n    width: $form-check-input-width;\n    height: $form-check-input-width;\n    // margin-top: ($line-height-base - $form-check-input-width) * 0.5; // line-height minus check height\n    // vertical-align: top;\n    background-color: $form-check-input-bg;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    border: $form-check-input-border;\n    @include platform(web) {\n      appearance: none;\n      user-select: none; // added for bootstrap-rn\n      color-adjust: exact; // Keep themed appearance for print\n    }\n    // @include transition($form-check-transition);\n\n    &:active {\n      // filter: $form-check-input-active-filter;\n    }\n\n    &:focus {\n      border-color: $form-check-input-focus-border;\n      @include platform(web) {\n        outline-width: 0; // outline: 0;\n        box-shadow: $form-check-input-focus-box-shadow;\n      }\n    }\n  "]))),
   '.form-check-input[type="checkbox"]': css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n    border-radius: $form-check-input-border-radius;\n  "]))),
@@ -5131,7 +5132,7 @@ var styles$S = StyleSheet.create(_objectSpread2({
 }, each(FONT_SIZES, function (size, value) {
   return _defineProperty({}, ".h".concat(size), css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", " * $headings-line-height;\n    "])), value, value));
 })));
-var Heading$2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Heading$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       size = props.size,
       style = props.style,
@@ -5145,8 +5146,8 @@ var Heading$2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: [classes, style]
   }), children);
 });
-Heading$2.displayName = 'Heading';
-Heading$2.propTypes = propTypes$15;
+Heading$1.displayName = 'Heading';
+Heading$1.propTypes = propTypes$15;
 
 var _excluded$13 = ["children", "style", "textStyle"];
 
@@ -5174,7 +5175,7 @@ var DropdownHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
     ref: ref,
     style: [classes, style]
-  }), /*#__PURE__*/React.createElement(Heading$2, {
+  }), /*#__PURE__*/React.createElement(Heading$1, {
     size: 6,
     style: [textClasses, textStyle]
   }, children));
@@ -5399,7 +5400,7 @@ var DisplayHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
       elementProps = _objectWithoutProperties(props, _excluded$Z);
 
   var classes = getStyles(styles$M, [".display-".concat(size)]);
-  return /*#__PURE__*/React.createElement(Heading$2, _extends({}, elementProps, {
+  return /*#__PURE__*/React.createElement(Heading$1, _extends({}, elementProps, {
     ref: ref,
     size: 1,
     style: [classes, style]
@@ -5442,7 +5443,7 @@ var propTypes$Z = {
   children: PropTypes.node.isRequired,
   htmlFor: PropTypes.string
 };
-var Heading$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Label = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
       htmlFor = props.htmlFor,
       elementProps = _objectWithoutProperties(props, _excluded$X); // Ref: https://github.com/necolas/react-native-web/issues/1651
@@ -5461,8 +5462,8 @@ var Heading$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     accessibilityRole: role
   }), children);
 });
-Heading$1.displayName = 'Heading';
-Heading$1.propTypes = propTypes$Z;
+Label.displayName = 'Label';
+Label.propTypes = propTypes$Z;
 
 var _excluded$W = ["children", "style", "textStyle"];
 
@@ -5476,7 +5477,7 @@ var propTypes$Y = {
 };
 var styles$K = StyleSheet.create(_objectSpread2({
   '.form-check-input:disabled ~ .form-check-label': css(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: default;\n    }\n    opacity: $form-check-label-disabled-opacity;\n  "]))),
-  '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
+  '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    flex-shrink: 1; // added for bootstrap-rn\n\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
   '.form-check-label --text': css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n    color: $form-check-label-color;\n  "])))
 }, each(FORM_VALIDATION_STATES, function (state, data) {
   return _defineProperty({}, ".form-check-input:".concat(state, " ~ .form-check-label --text"), css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), function (t) {
@@ -5497,7 +5498,7 @@ var FormCheckLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var classes = getStyles(styles$K, [disabled && '.form-check-input:disabled ~ .form-check-label', '.form-check-label']);
   var textClasses = getStyles(styles$K, ['.form-check-label --text', // validation
   valid && '.form-check-input:valid ~ .form-check-label --text', invalid && '.form-check-input:invalid ~ .form-check-label --text']);
-  return /*#__PURE__*/React.createElement(Heading$1, _extends({}, elementProps, {
+  return /*#__PURE__*/React.createElement(Label, _extends({}, elementProps, {
     ref: ref,
     disabled: disabled,
     style: [classes, style],
@@ -5520,7 +5521,7 @@ var propTypes$X = {
   style: PropTypes.any
 };
 var styles$J = StyleSheet.create({
-  '.form-check': css(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n    // display: block;\n    flex-direction: row; // added for bootstrap-rn\n    align-items: center; // added for bootstrap-rn\n    min-height: $form-check-min-height;\n    // padding-left: $form-check-padding-start;\n    margin-bottom: $form-check-margin-bottom;\n  "]))),
+  '.form-check': css(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n    // display: block;\n    flex-direction: row; // added for bootstrap-rn\n    min-height: $form-check-min-height;\n    // padding-left: $form-check-padding-start;\n    margin-bottom: $form-check-margin-bottom;\n  "]))),
   '.form-check-reverse': css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n    flex-direction: row-reverse; // added for bootstrap-rn\n    // padding-right: $form-check-padding-start;\n    // padding-left: 0;\n    // text-align: right;\n  "]))),
   '.form-switch.form-check': css(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n    // padding-left: $form-switch-padding-start;\n  "])))
 });
@@ -5576,7 +5577,7 @@ var FormLabel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var classes = getStyles(styles$I, ['.form-label']);
   var textClasses = getStyles(styles$I, ['.form-label --text']);
-  return /*#__PURE__*/React.createElement(Heading$1, _extends({}, elementProps, {
+  return /*#__PURE__*/React.createElement(Label, _extends({}, elementProps, {
     ref: ref,
     style: [classes, style],
     textStyle: [textClasses, textStyle]
@@ -5737,7 +5738,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _modifierProps$editab = modifierProps.editable,
       editable = _modifierProps$editab === void 0 ? true : _modifierProps$editab,
       _modifierProps$select = modifierProps.selectTextOnFocus,
-      selectTextOnFocus = _modifierProps$select === void 0 ? true : _modifierProps$select,
+      selectTextOnFocus = _modifierProps$select === void 0 ? false : _modifierProps$select,
       style = modifierProps.style,
       elementProps = _objectWithoutProperties(modifierProps, _excluded$R);
 
@@ -5747,8 +5748,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placeholderTextColor: placeholderTextColor,
     multiline: multiline,
     disabled: disabled,
-    editable: disabled ? !disabled : editable,
-    selectTextOnFocus: disabled ? !disabled : selectTextOnFocus,
+    editable: disabled ? false : editable,
+    selectTextOnFocus: disabled ? false : selectTextOnFocus,
     style: [classes, style]
   }));
 });
@@ -5970,7 +5971,7 @@ var PopoverHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(View, _extends({}, elementProps, {
     ref: ref,
     style: [classes, style]
-  }), /*#__PURE__*/React.createElement(Heading$2, {
+  }), /*#__PURE__*/React.createElement(Heading$1, {
     size: 3,
     style: [textClasses, textStyle]
   }, children));
@@ -6836,7 +6837,7 @@ var ModalTitle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       elementProps = _objectWithoutProperties(props, _excluded$z);
 
   var classes = getStyles(styles$u, ['.modal-title']);
-  return /*#__PURE__*/React.createElement(Heading$2, _extends({
+  return /*#__PURE__*/React.createElement(Heading$1, _extends({
     size: 5
   }, elementProps, {
     ref: ref,
@@ -7485,7 +7486,7 @@ var OffcanvasTitle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       elementProps = _objectWithoutProperties(props, _excluded$l);
 
   var classes = getStyles(styles$i, ['.offcanvas-title']);
-  return /*#__PURE__*/React.createElement(Heading$2, _extends({
+  return /*#__PURE__*/React.createElement(Heading$1, _extends({
     size: 5
   }, elementProps, {
     ref: ref,
@@ -7680,7 +7681,7 @@ var PickerWeb = /*#__PURE__*/React.forwardRef(function (props, ref) {
       elementProps = _objectWithoutProperties(props, _excluded$i);
 
   var background = useBackground(style);
-  var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+  var showPlaceholder = selectedValue === undefined || selectedValue === null;
   return /*#__PURE__*/React.createElement(Picker$1, _extends({}, elementProps, {
     ref: ref,
     selectedValue: showPlaceholder ? PLACEHOLDER : selectedValue,
@@ -7691,7 +7692,7 @@ var PickerWeb = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: [background.style, showPlaceholder && {
       color: placeholderTextColor
     }]
-  }), placeholder && /*#__PURE__*/React.createElement("option", {
+  }), /*#__PURE__*/React.createElement("option", {
     value: PLACEHOLDER,
     disabled: true,
     hidden: true
@@ -7806,7 +7807,7 @@ var PickerNative = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setVisible = _useState2[1];
 
   var textStyle = extractTextStyles(background.style);
-  var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+  var showPlaceholder = selectedValue === undefined || selectedValue === null;
 
   var handleValueChange = function handleValueChange(nextValue) {
     onValueChange(nextValue);
@@ -7832,7 +7833,7 @@ var PickerNative = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: [textStyle, showPlaceholder && {
       color: placeholderTextColor
     }]
-  }, showPlaceholder ? placeholder : getText({
+  }, showPlaceholder ? placeholder || /*#__PURE__*/React.createElement(Text, null, "\xA0") : getText({
     children: children,
     selectedValue: selectedValue
   }))), visible && /*#__PURE__*/React.createElement(MenuComponent, {
@@ -8776,4 +8777,4 @@ function useFixedElement() {
   return ref;
 }
 
-export { Alert, Badge, Blockquote, Body, Breadcrumb, Button, ButtonGroup, ButtonToolbar, Card, Checkbox, CloseButton, Code, Col, Collapse, Container, Context, DisplayHeading, Dropdown, Feedback, FormCheck, FormLabel, FormText, Heading$2 as Heading, Image, ImageBackground, Input, Heading$1 as Label, Link, ListGroup, Modal, Nav, Navbar, Offcanvas, Pagination, Heading as Paragraph, Picker, Placeholders, Popover, Pressable, Progress, Provider, Radio, Row, ScrollView, Spinner, StyleSheet, Switch, Tab, Text, TextInput, Toast, ToastContainer, Tooltip, View, add, colorContrast, css, divide, escapeSvg, fn, injectPopover, injectTooltip, makeTheme, makeUtilities, shadeColor, shiftColor, subtract, tintColor, useFixedElement, useMedia, useStyle };
+export { Alert, Badge, Blockquote, Body, Breadcrumb, Button, ButtonGroup, ButtonToolbar, Card, Checkbox, CloseButton, Code, Col, Collapse, Container, Context, DisplayHeading, Dropdown, Feedback, FormCheck, FormLabel, FormText, Heading$1 as Heading, Image, ImageBackground, Input, Label, Link, ListGroup, Modal, Nav, Navbar, Offcanvas, Pagination, Heading as Paragraph, Picker, Placeholders, Popover, Pressable, Progress, Provider, Radio, Row, ScrollView, Spinner, StyleSheet, Switch, Tab, Text, TextInput, Toast, ToastContainer, Tooltip, View, add, colorContrast, css, divide, escapeSvg, fn, injectPopover, injectTooltip, makeTheme, makeUtilities, shadeColor, shiftColor, subtract, tintColor, useFixedElement, useMedia, useStyle };

package/dist/bootstrap-rn.umd.js

@@ -8476,6 +8476,7 @@
   };
   var styles$Y = reactNative.StyleSheet.create({
     reboot: {
+      flexShrink: 0,
       margin: 0
     }
   }); // eslint-disable-next-line react/prop-types
@@ -8586,7 +8587,7 @@
   /* eslint-enable */
 
   var styles$X = StyleSheet.create(_objectSpread2(_objectSpread2({
-    '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n    // float: left;\n    // margin-left: $form-check-padding-start * -1;\n    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
+    '.form-check .form-check-input': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n    $margin-top-double: $line-height-base - $form-check-input-width;\n\n    // float: left;\n    // margin-left: $form-check-padding-start * -1;\n    margin-top: $margin-top-double * 0.5; // added for bootstrap-rn\n    margin-right: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
     '.form-check-reverse .form-check-input': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n    // float: right;\n    // margin-right: $form-check-padding-start * -1;\n    margin-right: 0; // added for bootstrap-rn\n    // margin-left: 0;\n    margin-left: $form-check-padding-start - $form-check-input-width; // added for bootstrap-rn\n  "]))),
     '.form-check-input': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n    width: $form-check-input-width;\n    height: $form-check-input-width;\n    // margin-top: ($line-height-base - $form-check-input-width) * 0.5; // line-height minus check height\n    // vertical-align: top;\n    background-color: $form-check-input-bg;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    border: $form-check-input-border;\n    @include platform(web) {\n      appearance: none;\n      user-select: none; // added for bootstrap-rn\n      color-adjust: exact; // Keep themed appearance for print\n    }\n    // @include transition($form-check-transition);\n\n    &:active {\n      // filter: $form-check-input-active-filter;\n    }\n\n    &:focus {\n      border-color: $form-check-input-focus-border;\n      @include platform(web) {\n        outline-width: 0; // outline: 0;\n        box-shadow: $form-check-input-focus-box-shadow;\n      }\n    }\n  "]))),
     '.form-check-input[type="checkbox"]': css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n    border-radius: $form-check-input-border-radius;\n  "]))),
@@ -9135,7 +9136,7 @@
   }, each(FONT_SIZES, function (size, value) {
     return _defineProperty({}, ".h".concat(size), css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n      font-size: ", ";\n      line-height: ", " * $headings-line-height;\n    "])), value, value));
   })));
-  var Heading$2 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
     var children = props.children,
         size = props.size,
         style = props.style,
@@ -9149,8 +9150,8 @@
       style: [classes, style]
     }), children);
   });
-  Heading$2.displayName = 'Heading';
-  Heading$2.propTypes = propTypes$15;
+  Heading$1.displayName = 'Heading';
+  Heading$1.propTypes = propTypes$15;
 
   var _excluded$13 = ["children", "style", "textStyle"];
 
@@ -9178,7 +9179,7 @@
     return /*#__PURE__*/React__default["default"].createElement(View, _extends$1({}, elementProps, {
       ref: ref,
       style: [classes, style]
-    }), /*#__PURE__*/React__default["default"].createElement(Heading$2, {
+    }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
       size: 6,
       style: [textClasses, textStyle]
     }, children));
@@ -9403,7 +9404,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$Z);
 
     var classes = getStyles(styles$M, [".display-".concat(size)]);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends$1({}, elementProps, {
+    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({}, elementProps, {
       ref: ref,
       size: 1,
       style: [classes, style]
@@ -9446,7 +9447,7 @@
     children: PropTypes.node.isRequired,
     htmlFor: PropTypes.string
   };
-  var Heading$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  var Label = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
     var children = props.children,
         htmlFor = props.htmlFor,
         elementProps = _objectWithoutProperties(props, _excluded$X); // Ref: https://github.com/necolas/react-native-web/issues/1651
@@ -9465,8 +9466,8 @@
       accessibilityRole: role
     }), children);
   });
-  Heading$1.displayName = 'Heading';
-  Heading$1.propTypes = propTypes$Z;
+  Label.displayName = 'Label';
+  Label.propTypes = propTypes$Z;
 
   var _excluded$W = ["children", "style", "textStyle"];
 
@@ -9480,7 +9481,7 @@
   };
   var styles$K = StyleSheet.create(_objectSpread2({
     '.form-check-input:disabled ~ .form-check-label': css(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: default;\n    }\n    opacity: $form-check-label-disabled-opacity;\n  "]))),
-    '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
+    '.form-check-label': css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteral(["\n    flex-shrink: 1; // added for bootstrap-rn\n\n    @include platform(web) {\n      cursor: $form-check-label-cursor;\n    }\n  "]))),
     '.form-check-label --text': css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteral(["\n    color: $form-check-label-color;\n  "])))
   }, each(FORM_VALIDATION_STATES, function (state, data) {
     return _defineProperty({}, ".form-check-input:".concat(state, " ~ .form-check-label --text"), css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), function (t) {
@@ -9501,7 +9502,7 @@
     var classes = getStyles(styles$K, [disabled && '.form-check-input:disabled ~ .form-check-label', '.form-check-label']);
     var textClasses = getStyles(styles$K, ['.form-check-label --text', // validation
     valid && '.form-check-input:valid ~ .form-check-label --text', invalid && '.form-check-input:invalid ~ .form-check-label --text']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({}, elementProps, {
+    return /*#__PURE__*/React__default["default"].createElement(Label, _extends$1({}, elementProps, {
       ref: ref,
       disabled: disabled,
       style: [classes, style],
@@ -9524,7 +9525,7 @@
     style: PropTypes.any
   };
   var styles$J = StyleSheet.create({
-    '.form-check': css(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n    // display: block;\n    flex-direction: row; // added for bootstrap-rn\n    align-items: center; // added for bootstrap-rn\n    min-height: $form-check-min-height;\n    // padding-left: $form-check-padding-start;\n    margin-bottom: $form-check-margin-bottom;\n  "]))),
+    '.form-check': css(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n    // display: block;\n    flex-direction: row; // added for bootstrap-rn\n    min-height: $form-check-min-height;\n    // padding-left: $form-check-padding-start;\n    margin-bottom: $form-check-margin-bottom;\n  "]))),
     '.form-check-reverse': css(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteral(["\n    flex-direction: row-reverse; // added for bootstrap-rn\n    // padding-right: $form-check-padding-start;\n    // padding-left: 0;\n    // text-align: right;\n  "]))),
     '.form-switch.form-check': css(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteral(["\n    // padding-left: $form-switch-padding-start;\n  "])))
   });
@@ -9580,7 +9581,7 @@
 
     var classes = getStyles(styles$I, ['.form-label']);
     var textClasses = getStyles(styles$I, ['.form-label --text']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({}, elementProps, {
+    return /*#__PURE__*/React__default["default"].createElement(Label, _extends$1({}, elementProps, {
       ref: ref,
       style: [classes, style],
       textStyle: [textClasses, textStyle]
@@ -9741,7 +9742,7 @@
         _modifierProps$editab = modifierProps.editable,
         editable = _modifierProps$editab === void 0 ? true : _modifierProps$editab,
         _modifierProps$select = modifierProps.selectTextOnFocus,
-        selectTextOnFocus = _modifierProps$select === void 0 ? true : _modifierProps$select,
+        selectTextOnFocus = _modifierProps$select === void 0 ? false : _modifierProps$select,
         style = modifierProps.style,
         elementProps = _objectWithoutProperties(modifierProps, _excluded$R);
 
@@ -9751,8 +9752,8 @@
       placeholderTextColor: placeholderTextColor,
       multiline: multiline,
       disabled: disabled,
-      editable: disabled ? !disabled : editable,
-      selectTextOnFocus: disabled ? !disabled : selectTextOnFocus,
+      editable: disabled ? false : editable,
+      selectTextOnFocus: disabled ? false : selectTextOnFocus,
       style: [classes, style]
     }));
   });
@@ -9974,7 +9975,7 @@
     return /*#__PURE__*/React__default["default"].createElement(View, _extends$1({}, elementProps, {
       ref: ref,
       style: [classes, style]
-    }), /*#__PURE__*/React__default["default"].createElement(Heading$2, {
+    }), /*#__PURE__*/React__default["default"].createElement(Heading$1, {
       size: 3,
       style: [textClasses, textStyle]
     }, children));
@@ -10840,7 +10841,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$z);
 
     var classes = getStyles(styles$u, ['.modal-title']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends$1({
+    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({
       size: 5
     }, elementProps, {
       ref: ref,
@@ -11489,7 +11490,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$l);
 
     var classes = getStyles(styles$i, ['.offcanvas-title']);
-    return /*#__PURE__*/React__default["default"].createElement(Heading$2, _extends$1({
+    return /*#__PURE__*/React__default["default"].createElement(Heading$1, _extends$1({
       size: 5
     }, elementProps, {
       ref: ref,
@@ -11684,7 +11685,7 @@
         elementProps = _objectWithoutProperties(props, _excluded$i);
 
     var background = useBackground(style);
-    var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+    var showPlaceholder = selectedValue === undefined || selectedValue === null;
     return /*#__PURE__*/React__default["default"].createElement(reactNative.Picker, _extends$1({}, elementProps, {
       ref: ref,
       selectedValue: showPlaceholder ? PLACEHOLDER : selectedValue,
@@ -11695,7 +11696,7 @@
       style: [background.style, showPlaceholder && {
         color: placeholderTextColor
       }]
-    }), placeholder && /*#__PURE__*/React__default["default"].createElement("option", {
+    }), /*#__PURE__*/React__default["default"].createElement("option", {
       value: PLACEHOLDER,
       disabled: true,
       hidden: true
@@ -11810,7 +11811,7 @@
         setVisible = _useState2[1];
 
     var textStyle = extractTextStyles(background.style);
-    var showPlaceholder = placeholder && (selectedValue === undefined || selectedValue === null);
+    var showPlaceholder = selectedValue === undefined || selectedValue === null;
 
     var handleValueChange = function handleValueChange(nextValue) {
       onValueChange(nextValue);
@@ -11836,7 +11837,7 @@
       style: [textStyle, showPlaceholder && {
         color: placeholderTextColor
       }]
-    }, showPlaceholder ? placeholder : getText({
+    }, showPlaceholder ? placeholder || /*#__PURE__*/React__default["default"].createElement(Text, null, "\xA0") : getText({
       children: children,
       selectedValue: selectedValue
     }))), visible && /*#__PURE__*/React__default["default"].createElement(MenuComponent, {
@@ -12802,11 +12803,11 @@
   exports.FormCheck = FormCheck;
   exports.FormLabel = FormLabel;
   exports.FormText = FormText;
-  exports.Heading = Heading$2;
+  exports.Heading = Heading$1;
   exports.Image = Image;
   exports.ImageBackground = ImageBackground;
   exports.Input = Input;
-  exports.Label = Heading$1;
+  exports.Label = Label;
   exports.Link = Link;
   exports.ListGroup = ListGroup;
   exports.Modal = Modal;