bootstrap-rn 0.2.3 → 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  "]))),
@@ -4882,7 +4883,7 @@ var styles$U = StyleSheet.create({
 });
 var initialState = {
   waitingForMouseUp: false,
-  isDialogClick: false
+  ignoreBackdropClick: false
 };
 
 var BackdropHandler = function BackdropHandler(props) {
@@ -4909,24 +4910,25 @@ var BackdropHandler = function BackdropHandler(props) {
 
 
       var handleDialogMouseUp = function handleDialogMouseUp() {
-        state.isDialogClick = true;
+        state.ignoreBackdropClick = true;
       };
 
       var handleDocumentClick = function handleDocumentClick(_ref) {
         var target = _ref.target;
+        var isDialogClick = state.ignoreBackdropClick || dialog.contains(target);
 
         if (backdrop === 'static' || autoClose === false) {
           return;
         } // Click outside -> return if autoClose is inside.
 
 
-        if (!state.isDialogClick && autoClose === 'inside') {
+        if (!isDialogClick && autoClose === 'inside') {
           return;
         } // Click inside / on dialog -> return if autoClose is outside.
 
 
-        if (state.isDialogClick) {
-          state.isDialogClick = false;
+        if (isDialogClick) {
+          state.ignoreBackdropClick = false;
 
           if (autoClose === 'outside') {
             return;
@@ -4943,7 +4945,7 @@ var BackdropHandler = function BackdropHandler(props) {
 
       var handleDocumentMouseUp = function handleDocumentMouseUp() {
         if (state.waitingForMouseUp) {
-          state.isDialogClick = true;
+          state.ignoreBackdropClick = true;
         }
 
         state.waitingForMouseUp = false;
@@ -5139,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,
@@ -5153,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"];
 
@@ -5182,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));
@@ -5407,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]
@@ -5450,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
@@ -5469,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"];
 
@@ -5484,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) {
@@ -5505,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],
@@ -5528,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  "])))
 });
@@ -5584,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]
@@ -5745,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);
 
@@ -5755,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]
   }));
 });
@@ -5978,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));
@@ -6844,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,
@@ -7493,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,
@@ -7688,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,
@@ -7699,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
@@ -7814,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);
@@ -7840,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, {
@@ -8810,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  "]))),
@@ -4873,7 +4874,7 @@ var styles$U = StyleSheet.create({
 });
 var initialState = {
   waitingForMouseUp: false,
-  isDialogClick: false
+  ignoreBackdropClick: false
 };
 
 var BackdropHandler = function BackdropHandler(props) {
@@ -4900,24 +4901,25 @@ var BackdropHandler = function BackdropHandler(props) {
 
 
       var handleDialogMouseUp = function handleDialogMouseUp() {
-        state.isDialogClick = true;
+        state.ignoreBackdropClick = true;
       };
 
       var handleDocumentClick = function handleDocumentClick(_ref) {
         var target = _ref.target;
+        var isDialogClick = state.ignoreBackdropClick || dialog.contains(target);
 
         if (backdrop === 'static' || autoClose === false) {
           return;
         } // Click outside -> return if autoClose is inside.
 
 
-        if (!state.isDialogClick && autoClose === 'inside') {
+        if (!isDialogClick && autoClose === 'inside') {
           return;
         } // Click inside / on dialog -> return if autoClose is outside.
 
 
-        if (state.isDialogClick) {
-          state.isDialogClick = false;
+        if (isDialogClick) {
+          state.ignoreBackdropClick = false;
 
           if (autoClose === 'outside') {
             return;
@@ -4934,7 +4936,7 @@ var BackdropHandler = function BackdropHandler(props) {
 
       var handleDocumentMouseUp = function handleDocumentMouseUp() {
         if (state.waitingForMouseUp) {
-          state.isDialogClick = true;
+          state.ignoreBackdropClick = true;
         }
 
         state.waitingForMouseUp = false;
@@ -5130,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,
@@ -5144,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"];
 
@@ -5173,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));
@@ -5398,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]
@@ -5441,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
@@ -5460,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"];
 
@@ -5475,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) {
@@ -5496,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],
@@ -5519,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  "])))
 });
@@ -5575,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]
@@ -5736,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);
 
@@ -5746,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]
   }));
 });
@@ -5969,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));
@@ -6835,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,
@@ -7484,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,
@@ -7679,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,
@@ -7690,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
@@ -7805,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);
@@ -7831,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, {
@@ -8775,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 };