bootstrap-rn 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bootstrap-rn.cjs.js +263 -261
- package/dist/bootstrap-rn.esm.js +264 -262
- package/dist/bootstrap-rn.umd.js +263 -261
- package/dist/bootstrap-rn.umd.min.js +1 -1
- package/package.json +1 -1
package/dist/bootstrap-rn.cjs.js
CHANGED
|
@@ -3015,41 +3015,117 @@ var Alert = /*#__PURE__*/React__default["default"].forwardRef(function (props, r
|
|
|
3015
3015
|
Alert.displayName = 'Alert';
|
|
3016
3016
|
Alert.propTypes = propTypes$1o;
|
|
3017
3017
|
|
|
3018
|
-
var _excluded$1p = ["
|
|
3018
|
+
var _excluded$1p = ["color", "bold", "italic", "mark", "small", "style", "styleName"];
|
|
3019
3019
|
|
|
3020
|
-
var _templateObject$18, _templateObject2$Q;
|
|
3020
|
+
var _templateObject$18, _templateObject2$Q, _templateObject3$p, _templateObject4$m, _templateObject5$k;
|
|
3021
3021
|
var propTypes$1n = {
|
|
3022
|
+
color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['muted', 'black-50', 'white-50'])),
|
|
3023
|
+
small: PropTypes__default["default"].bool,
|
|
3024
|
+
mark: PropTypes__default["default"].bool,
|
|
3025
|
+
bold: PropTypes__default["default"].bool,
|
|
3026
|
+
italic: PropTypes__default["default"].bool,
|
|
3027
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
3028
|
+
style: PropTypes__default["default"].any,
|
|
3029
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
3030
|
+
styleName: PropTypes__default["default"].any
|
|
3031
|
+
};
|
|
3032
|
+
var styles$17 = StyleSheet.create({
|
|
3033
|
+
text: css(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteral(["\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $font-size-base * $line-height-base;\n "]))),
|
|
3034
|
+
strong: css(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteral(["\n font-weight: $font-weight-bolder;\n "]))),
|
|
3035
|
+
italic: css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteral(["\n font-style: italic;\n "]))),
|
|
3036
|
+
small: css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteral(["\n font-size: $small-font-size;\n line-height: $small-font-size * $line-height-base;\n "]))),
|
|
3037
|
+
mark: css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteral(["\n padding: $mark-padding;\n background-color: $mark-bg;\n "])))
|
|
3038
|
+
});
|
|
3039
|
+
|
|
3040
|
+
var getStyleName = function getStyleName(styleName, color) {
|
|
3041
|
+
if (!color) {
|
|
3042
|
+
return styleName;
|
|
3043
|
+
}
|
|
3044
|
+
|
|
3045
|
+
return styleName ? "text-".concat(color, " ").concat(styleName) : "text-".concat(color);
|
|
3046
|
+
};
|
|
3047
|
+
|
|
3048
|
+
var Text = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3049
|
+
var color = props.color,
|
|
3050
|
+
_props$bold = props.bold,
|
|
3051
|
+
bold = _props$bold === void 0 ? false : _props$bold,
|
|
3052
|
+
_props$italic = props.italic,
|
|
3053
|
+
italic = _props$italic === void 0 ? false : _props$italic,
|
|
3054
|
+
_props$mark = props.mark,
|
|
3055
|
+
mark = _props$mark === void 0 ? false : _props$mark,
|
|
3056
|
+
_props$small = props.small,
|
|
3057
|
+
small = _props$small === void 0 ? false : _props$small,
|
|
3058
|
+
style = props.style,
|
|
3059
|
+
styleName = props.styleName,
|
|
3060
|
+
elementProps = _objectWithoutProperties(props, _excluded$1p);
|
|
3061
|
+
|
|
3062
|
+
var media = useMedia();
|
|
3063
|
+
var context = React.useContext(TextStyleContext);
|
|
3064
|
+
var classes = getStyles(styles$17, [bold && 'strong', italic && 'italic', small && 'small', mark && 'mark']);
|
|
3065
|
+
var resolveStyle = useStyle([// eslint-disable-next-line react/destructuring-assignment
|
|
3066
|
+
(!context || !context.hasTextAncestor) && styles$17.text, // eslint-disable-next-line react/destructuring-assignment
|
|
3067
|
+
context && context.style, classes, style], getStyleName(styleName, color));
|
|
3068
|
+
var element = /*#__PURE__*/React__default["default"].createElement(reactNative.Text, _extends({}, elementProps, {
|
|
3069
|
+
ref: ref,
|
|
3070
|
+
style: resolveStyle({
|
|
3071
|
+
media: media
|
|
3072
|
+
})
|
|
3073
|
+
})); // eslint-disable-next-line react/destructuring-assignment
|
|
3074
|
+
|
|
3075
|
+
if (context && context.hasTextAncestor && !context.style) {
|
|
3076
|
+
return element;
|
|
3077
|
+
} // If we are not in an ancestor context yet, we need to set hasTextAncestor
|
|
3078
|
+
// to true for nested text components. Furthermore we need to reset the
|
|
3079
|
+
// context style, because we only need to apply the style once.
|
|
3080
|
+
|
|
3081
|
+
|
|
3082
|
+
return /*#__PURE__*/React__default["default"].createElement(TextStyleContext.Provider, {
|
|
3083
|
+
value: {
|
|
3084
|
+
style: null,
|
|
3085
|
+
hasTextAncestor: true
|
|
3086
|
+
}
|
|
3087
|
+
}, element);
|
|
3088
|
+
});
|
|
3089
|
+
Text.displayName = 'Text';
|
|
3090
|
+
Text.propTypes = propTypes$1n;
|
|
3091
|
+
|
|
3092
|
+
var _excluded$1o = ["children", "style", "textStyle"];
|
|
3093
|
+
|
|
3094
|
+
var _templateObject$17, _templateObject2$P;
|
|
3095
|
+
var propTypes$1m = {
|
|
3022
3096
|
children: PropTypes__default["default"].node.isRequired,
|
|
3023
3097
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3024
3098
|
style: PropTypes__default["default"].any,
|
|
3025
3099
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3026
3100
|
textStyle: PropTypes__default["default"].any
|
|
3027
3101
|
};
|
|
3028
|
-
var styles$
|
|
3029
|
-
'.badge': css(_templateObject$
|
|
3030
|
-
'.badge-text': css(_templateObject2$
|
|
3102
|
+
var styles$16 = StyleSheet.create({
|
|
3103
|
+
'.badge': css(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteral(["\n // display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n border-radius: $badge-border-radius;\n // @include gradient-bg();\n "]))),
|
|
3104
|
+
'.badge-text': css(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteral(["\n font-size: $badge-font-size;\n font-weight: $badge-font-weight;\n line-height: $badge-font-size * 1;\n color: $badge-color;\n text-align: center;\n // white-space: nowrap;\n // vertical-align: baseline;\n "])))
|
|
3031
3105
|
});
|
|
3032
3106
|
var Badge = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3033
3107
|
var children = props.children,
|
|
3034
3108
|
style = props.style,
|
|
3035
3109
|
textStyle = props.textStyle,
|
|
3036
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3110
|
+
elementProps = _objectWithoutProperties(props, _excluded$1o);
|
|
3111
|
+
|
|
3112
|
+
var classes = getStyles(styles$16, ['.badge']);
|
|
3113
|
+
var textClasses = getStyles(styles$16, ['.badge-text']); // composite component
|
|
3037
3114
|
|
|
3038
|
-
var classes = getStyles(styles$17, ['.badge']);
|
|
3039
|
-
var textClasses = getStyles(styles$17, ['.badge-text']);
|
|
3040
3115
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3041
3116
|
ref: ref,
|
|
3042
|
-
style: [classes, style]
|
|
3043
|
-
|
|
3044
|
-
|
|
3117
|
+
style: [classes, style]
|
|
3118
|
+
}), /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
3119
|
+
style: [textClasses, textStyle]
|
|
3120
|
+
}, children));
|
|
3045
3121
|
});
|
|
3046
3122
|
Badge.displayName = 'Badge';
|
|
3047
|
-
Badge.propTypes = propTypes$
|
|
3123
|
+
Badge.propTypes = propTypes$1m;
|
|
3048
3124
|
|
|
3049
|
-
var _excluded$
|
|
3125
|
+
var _excluded$1n = ["children", "active", "style", "textStyle"];
|
|
3050
3126
|
|
|
3051
|
-
var _templateObject$
|
|
3052
|
-
var propTypes$
|
|
3127
|
+
var _templateObject$16, _templateObject2$O, _templateObject3$o;
|
|
3128
|
+
var propTypes$1l = {
|
|
3053
3129
|
children: PropTypes__default["default"].node.isRequired,
|
|
3054
3130
|
active: PropTypes__default["default"].bool,
|
|
3055
3131
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3057,10 +3133,10 @@ var propTypes$1m = {
|
|
|
3057
3133
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3058
3134
|
textStyle: PropTypes__default["default"].any
|
|
3059
3135
|
};
|
|
3060
|
-
var styles$
|
|
3061
|
-
'.breadcrumb-item': css(_templateObject$
|
|
3062
|
-
'.breadcrumb-text': css(_templateObject2$
|
|
3063
|
-
'.breadcrumb-item-active': css(_templateObject3$
|
|
3136
|
+
var styles$15 = StyleSheet.create({
|
|
3137
|
+
'.breadcrumb-item': css(_templateObject$16 || (_templateObject$16 = _taggedTemplateLiteral(["\n padding-left: $breadcrumb-item-padding-x;\n padding-right: $breadcrumb-item-padding-x;\n "]))),
|
|
3138
|
+
'.breadcrumb-text': css(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteral(["\n color: $primary;\n "]))),
|
|
3139
|
+
'.breadcrumb-item-active': css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteral(["\n color: $breadcrumb-active-color;\n "])))
|
|
3064
3140
|
});
|
|
3065
3141
|
var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3066
3142
|
var children = props.children,
|
|
@@ -3068,10 +3144,10 @@ var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
3068
3144
|
active = _props$active === void 0 ? false : _props$active,
|
|
3069
3145
|
style = props.style,
|
|
3070
3146
|
textStyle = props.textStyle,
|
|
3071
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3147
|
+
elementProps = _objectWithoutProperties(props, _excluded$1n);
|
|
3072
3148
|
|
|
3073
|
-
var classes = getStyles(styles$
|
|
3074
|
-
var textClasses = getStyles(styles$
|
|
3149
|
+
var classes = getStyles(styles$15, ['.breadcrumb-item', active && '.breadcrumb-item-active']);
|
|
3150
|
+
var textClasses = getStyles(styles$15, ['.breadcrumb-text', active && '.breadcrumb-item-active']);
|
|
3075
3151
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3076
3152
|
ref: ref,
|
|
3077
3153
|
style: [classes, style],
|
|
@@ -3079,7 +3155,7 @@ var BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function
|
|
|
3079
3155
|
}), children);
|
|
3080
3156
|
});
|
|
3081
3157
|
BreadcrumbItem.displayName = 'BreadcrumbItem';
|
|
3082
|
-
BreadcrumbItem.propTypes = propTypes$
|
|
3158
|
+
BreadcrumbItem.propTypes = propTypes$1l;
|
|
3083
3159
|
/*
|
|
3084
3160
|
$breadcrumb-font-size: null;
|
|
3085
3161
|
$breadcrumb-padding-y: 0;
|
|
@@ -3094,30 +3170,30 @@ $breadcrumb-divider-flipped: $breadcrumb-divider;
|
|
|
3094
3170
|
$breadcrumb-border-radius: null;
|
|
3095
3171
|
*/
|
|
3096
3172
|
|
|
3097
|
-
var _excluded$
|
|
3173
|
+
var _excluded$1m = ["children", "style"];
|
|
3098
3174
|
|
|
3099
|
-
var _templateObject$
|
|
3100
|
-
var propTypes$
|
|
3175
|
+
var _templateObject$15;
|
|
3176
|
+
var propTypes$1k = {
|
|
3101
3177
|
children: PropTypes__default["default"].node.isRequired,
|
|
3102
3178
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3103
3179
|
style: PropTypes__default["default"].any
|
|
3104
3180
|
};
|
|
3105
|
-
var styles$
|
|
3106
|
-
'.breadcrumb': css(_templateObject$
|
|
3181
|
+
var styles$14 = StyleSheet.create({
|
|
3182
|
+
'.breadcrumb': css(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteral(["\n flex-direction: row;\n "])))
|
|
3107
3183
|
});
|
|
3108
3184
|
var Breadcrumb = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3109
3185
|
var children = props.children,
|
|
3110
3186
|
style = props.style,
|
|
3111
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3187
|
+
elementProps = _objectWithoutProperties(props, _excluded$1m);
|
|
3112
3188
|
|
|
3113
|
-
var classes = getStyles(styles$
|
|
3189
|
+
var classes = getStyles(styles$14, ['.breadcrumb']);
|
|
3114
3190
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3115
3191
|
ref: ref,
|
|
3116
3192
|
style: [classes, style]
|
|
3117
3193
|
}), makeListChildren(children));
|
|
3118
3194
|
});
|
|
3119
3195
|
Breadcrumb.displayName = 'Breadcrumb';
|
|
3120
|
-
Breadcrumb.propTypes = propTypes$
|
|
3196
|
+
Breadcrumb.propTypes = propTypes$1k;
|
|
3121
3197
|
Breadcrumb.Item = BreadcrumbItem;
|
|
3122
3198
|
/*
|
|
3123
3199
|
$breadcrumb-font-size: null;
|
|
@@ -3136,25 +3212,25 @@ $breadcrumb-border-radius: null;
|
|
|
3136
3212
|
var ButtonGroupContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3137
3213
|
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
|
3138
3214
|
|
|
3139
|
-
var _excluded$
|
|
3215
|
+
var _excluded$1l = ["children", "size", "style"];
|
|
3140
3216
|
|
|
3141
|
-
var _templateObject$
|
|
3142
|
-
var propTypes$
|
|
3217
|
+
var _templateObject$14;
|
|
3218
|
+
var propTypes$1j = {
|
|
3143
3219
|
children: PropTypes__default["default"].node.isRequired,
|
|
3144
3220
|
size: PropTypes__default["default"].oneOf(['lg', 'sm']),
|
|
3145
3221
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3146
3222
|
style: PropTypes__default["default"].any
|
|
3147
3223
|
};
|
|
3148
|
-
var styles$
|
|
3149
|
-
'.btn-group': css(_templateObject$
|
|
3224
|
+
var styles$13 = StyleSheet.create({
|
|
3225
|
+
'.btn-group': css(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteral(["\n flex-direction: row; // added for bootstrap-rn\n border-radius: $btn-border-radius;\n "])))
|
|
3150
3226
|
});
|
|
3151
3227
|
var ButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3152
3228
|
var children = props.children,
|
|
3153
3229
|
size = props.size,
|
|
3154
3230
|
style = props.style,
|
|
3155
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3231
|
+
elementProps = _objectWithoutProperties(props, _excluded$1l);
|
|
3156
3232
|
|
|
3157
|
-
var classes = getStyles(styles$
|
|
3233
|
+
var classes = getStyles(styles$13, ['.btn-group']); // Accessiblity role tabpanel is only supported on web.
|
|
3158
3234
|
|
|
3159
3235
|
var role = reactNative.Platform.OS === 'web' ? 'group' : null;
|
|
3160
3236
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
@@ -3168,25 +3244,25 @@ var ButtonGroup = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
3168
3244
|
}, makeListChildren(children)));
|
|
3169
3245
|
});
|
|
3170
3246
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
3171
|
-
ButtonGroup.propTypes = propTypes$
|
|
3247
|
+
ButtonGroup.propTypes = propTypes$1j;
|
|
3172
3248
|
|
|
3173
|
-
var _excluded$
|
|
3249
|
+
var _excluded$1k = ["children", "style"];
|
|
3174
3250
|
|
|
3175
|
-
var _templateObject$
|
|
3176
|
-
var propTypes$
|
|
3251
|
+
var _templateObject$13;
|
|
3252
|
+
var propTypes$1i = {
|
|
3177
3253
|
children: PropTypes__default["default"].node.isRequired,
|
|
3178
3254
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3179
3255
|
style: PropTypes__default["default"].any
|
|
3180
3256
|
};
|
|
3181
|
-
var styles$
|
|
3182
|
-
'.btn-toolbar': css(_templateObject$
|
|
3257
|
+
var styles$12 = StyleSheet.create({
|
|
3258
|
+
'.btn-toolbar': css(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row; // added for bootstrap-rn\n flex-wrap: wrap;\n justify-content: flex-start;\n "])))
|
|
3183
3259
|
});
|
|
3184
3260
|
var ButtonToolbar = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3185
3261
|
var children = props.children,
|
|
3186
3262
|
style = props.style,
|
|
3187
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3263
|
+
elementProps = _objectWithoutProperties(props, _excluded$1k);
|
|
3188
3264
|
|
|
3189
|
-
var classes = getStyles(styles$
|
|
3265
|
+
var classes = getStyles(styles$12, ['.btn-toolbar']);
|
|
3190
3266
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3191
3267
|
ref: ref,
|
|
3192
3268
|
accessibilityRole: "toolbar",
|
|
@@ -3194,7 +3270,7 @@ var ButtonToolbar = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
|
3194
3270
|
}), children);
|
|
3195
3271
|
});
|
|
3196
3272
|
ButtonToolbar.displayName = 'ButtonToolbar';
|
|
3197
|
-
ButtonToolbar.propTypes = propTypes$
|
|
3273
|
+
ButtonToolbar.propTypes = propTypes$1i;
|
|
3198
3274
|
|
|
3199
3275
|
function useForcedContext(Context) {
|
|
3200
3276
|
var context = React.useContext(Context);
|
|
@@ -3202,7 +3278,7 @@ function useForcedContext(Context) {
|
|
|
3202
3278
|
return context;
|
|
3203
3279
|
}
|
|
3204
3280
|
|
|
3205
|
-
var _excluded$
|
|
3281
|
+
var _excluded$1j = ["ref"];
|
|
3206
3282
|
function useModifier(name, props, ref) {
|
|
3207
3283
|
var context = useForcedContext(Context);
|
|
3208
3284
|
var useModifierHook = context.modifiers[name];
|
|
@@ -3213,12 +3289,12 @@ function useModifier(name, props, ref) {
|
|
|
3213
3289
|
|
|
3214
3290
|
var _useModifierHook = useModifierHook(props),
|
|
3215
3291
|
modifierRef = _useModifierHook.ref,
|
|
3216
|
-
modifierProps = _objectWithoutProperties(_useModifierHook, _excluded$
|
|
3292
|
+
modifierProps = _objectWithoutProperties(_useModifierHook, _excluded$1j);
|
|
3217
3293
|
|
|
3218
3294
|
return [modifierProps, concatRefs(modifierRef, ref)];
|
|
3219
3295
|
}
|
|
3220
3296
|
|
|
3221
|
-
var _excluded$
|
|
3297
|
+
var _excluded$1i = ["toggle", "dismiss"],
|
|
3222
3298
|
_excluded2$2 = ["ref"];
|
|
3223
3299
|
|
|
3224
3300
|
var getActionHook = function getActionHook(toggle, dismiss) {
|
|
@@ -3236,7 +3312,7 @@ var getActionHook = function getActionHook(toggle, dismiss) {
|
|
|
3236
3312
|
function useAction(props, ref) {
|
|
3237
3313
|
var toggle = props.toggle,
|
|
3238
3314
|
dismiss = props.dismiss,
|
|
3239
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3315
|
+
restProps = _objectWithoutProperties(props, _excluded$1i);
|
|
3240
3316
|
|
|
3241
3317
|
var useActionHook = getActionHook(toggle, dismiss);
|
|
3242
3318
|
|
|
@@ -3255,8 +3331,8 @@ function useAction(props, ref) {
|
|
|
3255
3331
|
return [actionProps, concatRefs(actionRef, ref)];
|
|
3256
3332
|
}
|
|
3257
3333
|
|
|
3258
|
-
var _excluded$
|
|
3259
|
-
var propTypes$
|
|
3334
|
+
var _excluded$1h = ["children", "active", "style", "activeStyle", "textStyle", "activeTextStyle", "styleName"];
|
|
3335
|
+
var propTypes$1h = {
|
|
3260
3336
|
children: PropTypes__default["default"].node,
|
|
3261
3337
|
active: PropTypes__default["default"].bool,
|
|
3262
3338
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3308,7 +3384,7 @@ var Pressable = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
3308
3384
|
textStyle = actionProps.textStyle,
|
|
3309
3385
|
activeTextStyle = actionProps.activeTextStyle,
|
|
3310
3386
|
styleName = actionProps.styleName,
|
|
3311
|
-
elementProps = _objectWithoutProperties(actionProps, _excluded$
|
|
3387
|
+
elementProps = _objectWithoutProperties(actionProps, _excluded$1h);
|
|
3312
3388
|
|
|
3313
3389
|
var media = useMedia();
|
|
3314
3390
|
var context = React.useContext(TextStyleContext);
|
|
@@ -3345,13 +3421,13 @@ var Pressable = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
3345
3421
|
} : children);
|
|
3346
3422
|
});
|
|
3347
3423
|
Pressable.displayName = 'Pressable';
|
|
3348
|
-
Pressable.propTypes = propTypes$
|
|
3424
|
+
Pressable.propTypes = propTypes$1h;
|
|
3349
3425
|
|
|
3350
|
-
var _excluded$
|
|
3426
|
+
var _excluded$1g = ["active", "handlePress"];
|
|
3351
3427
|
function useToggleButton(props) {
|
|
3352
3428
|
var active = props.active,
|
|
3353
3429
|
handlePress = props.handlePress,
|
|
3354
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3430
|
+
restProps = _objectWithoutProperties(props, _excluded$1g);
|
|
3355
3431
|
|
|
3356
3432
|
var _useState = React.useState(active),
|
|
3357
3433
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -3370,10 +3446,10 @@ function useToggleButton(props) {
|
|
|
3370
3446
|
});
|
|
3371
3447
|
}
|
|
3372
3448
|
|
|
3373
|
-
var _excluded$
|
|
3449
|
+
var _excluded$1f = ["children", "color", "size", "outline", "first", "last", "active", "disabled", "style", "activeStyle", "textStyle", "activeTextStyle"];
|
|
3374
3450
|
|
|
3375
|
-
var _templateObject$
|
|
3376
|
-
var propTypes$
|
|
3451
|
+
var _templateObject$12, _templateObject2$N, _templateObject3$n, _templateObject4$l, _templateObject5$j, _templateObject6$g, _templateObject7$c, _templateObject8$b, _templateObject9$8, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$3, _templateObject15$2, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23;
|
|
3452
|
+
var propTypes$1g = {
|
|
3377
3453
|
children: PropTypes__default["default"].node.isRequired,
|
|
3378
3454
|
color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['link'])),
|
|
3379
3455
|
size: PropTypes__default["default"].oneOf(['lg', 'sm']),
|
|
@@ -3391,14 +3467,14 @@ var propTypes$1h = {
|
|
|
3391
3467
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3392
3468
|
activeTextStyle: PropTypes__default["default"].any
|
|
3393
3469
|
};
|
|
3394
|
-
var styles$
|
|
3395
|
-
'.btn': css(_templateObject$
|
|
3396
|
-
'.btn-text': css(_templateObject2$
|
|
3397
|
-
'.btn-disabled': css(_templateObject3$
|
|
3470
|
+
var styles$11 = StyleSheet.create(_objectSpread2(_objectSpread2({
|
|
3471
|
+
'.btn': css(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteral(["\n flex-direction: row; // added for bootstrap-rn\n justify-content: center; // added for bootstrap-rn\n // display: inline-block;\n @include platform(web) {\n // cursor: if($enable-button-pointers, pointer, null);\n user-select: none;\n }\n background-color: transparent;\n border: $btn-border-width solid transparent;\n padding: $btn-padding-y $btn-padding-x;\n // Manually declare to provide an override to the browser default\n border-radius: $btn-border-radius;\n // @include transition($btn-transition);\n\n &:focus {\n // outline: 0;\n // box-shadow: $btn-focus-box-shadow;\n }\n\n &:active {\n // @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n // @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n "]))),
|
|
3472
|
+
'.btn-text': css(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteral(["\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n line-height: $btn-font-size * $btn-line-height;\n color: $body-color;\n text-align: center;\n text-decoration: none; // if($link-decoration == none, null, none);\n white-space: $btn-white-space;\n // vertical-align: middle;\n font-size: $btn-font-size;\n\n &:hover {\n color: $body-color;\n text-decoration: none; // if($link-decoration == none, null, none);\n }\n "]))),
|
|
3473
|
+
'.btn-disabled': css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteral(["\n // pointer-events: none;\n opacity: $btn-disabled-opacity;\n // @include box-shadow(none);\n "])))
|
|
3398
3474
|
}, each(THEME_COLORS, function (color, value) {
|
|
3399
3475
|
var _ref;
|
|
3400
3476
|
|
|
3401
|
-
return _ref = {}, _defineProperty(_ref, ".btn-".concat(color), css(_templateObject4$
|
|
3477
|
+
return _ref = {}, _defineProperty(_ref, ".btn-".concat(color), css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteral(["\n background-color: ", ";\n border-color: ", ";\n // @include box-shadow($btn-box-shadow);\n\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n border-color: ", ";\n /* @if $enable-shadows {\n @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));\n } @else {\n // Avoid using mixin so we can pass custom focus shadow properly\n box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);\n } */\n }\n\n &:active {\n background-color: ", ";\n // Remove CSS gradients if they're enabled\n // background-image: if($enable-gradients, none, null);\n border-color: ", ";\n }\n "])), value, value, shadeColor(function (t) {
|
|
3402
3478
|
return t['btn-hover-bg-shade-amount'];
|
|
3403
3479
|
}, value), shadeColor(function (t) {
|
|
3404
3480
|
return t['btn-hover-border-shade-amount'];
|
|
@@ -3410,7 +3486,7 @@ var styles$12 = StyleSheet.create(_objectSpread2(_objectSpread2({
|
|
|
3410
3486
|
return t['btn-active-bg-shade-amount'];
|
|
3411
3487
|
}, value), shadeColor(function (t) {
|
|
3412
3488
|
return t['btn-active-border-shade-amount'];
|
|
3413
|
-
}, value))), _defineProperty(_ref, ".btn-".concat(color, "-text"), css(_templateObject5$
|
|
3489
|
+
}, value))), _defineProperty(_ref, ".btn-".concat(color, "-text"), css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteral(["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:focus {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "])), colorContrast(value), colorContrast(value), colorContrast(value), colorContrast(value))), _defineProperty(_ref, ".btn-".concat(color, "-active"), css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteral(["\n background-color: ", ";\n // Remove CSS gradients if they're enabled\n // background-image: if($enable-gradients, none, null);\n border-color: ", ";\n "])), shadeColor(function (t) {
|
|
3414
3490
|
return t['btn-active-bg-shade-amount'];
|
|
3415
3491
|
}, value), shadeColor(function (t) {
|
|
3416
3492
|
return t['btn-active-border-shade-amount'];
|
|
@@ -3467,14 +3543,14 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (props,
|
|
|
3467
3543
|
activeStyle = props.activeStyle,
|
|
3468
3544
|
textStyle = props.textStyle,
|
|
3469
3545
|
activeTextStyle = props.activeTextStyle,
|
|
3470
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3546
|
+
elementProps = _objectWithoutProperties(props, _excluded$1f);
|
|
3471
3547
|
|
|
3472
3548
|
invariant__default["default"](color !== 'link' || !outline, 'Button link variant is only available as non outline style.');
|
|
3473
3549
|
var group = React.useContext(ButtonGroupContext);
|
|
3474
|
-
var classes = getStyles(styles$
|
|
3475
|
-
var activeClasses = getStyles(styles$
|
|
3476
|
-
var textClasses = getStyles(styles$
|
|
3477
|
-
var activeTextClasses = getStyles(styles$
|
|
3550
|
+
var classes = getStyles(styles$11, ['.btn', getVariant(color, outline), disabled && '.btn-disabled', disabled && "".concat(getVariant(color, outline), "-disabled"), hasSize(size, group, 'lg') && '.btn-lg', hasSize(size, group, 'sm') && '.btn-sm', group && '.btn-group > .btn', group && active && '.btn-group > .btn-active', group && !first && '.btn-group > .btn-not-first', group && !last && '.btn-group > .btn-not-last']);
|
|
3551
|
+
var activeClasses = getStyles(styles$11, ["".concat(getVariant(color, outline), "-active")]);
|
|
3552
|
+
var textClasses = getStyles(styles$11, ['.btn-text', "".concat(getVariant(color, outline), "-text"), color === 'link' && '.btn-link-text', disabled && "".concat(getVariant(color, outline), "-text-disabled"), disabled && color === 'link' && '.btn-link-text-disabled', hasSize(size, group, 'lg') && '.btn-lg-text', hasSize(size, group, 'sm') && '.btn-sm-text']);
|
|
3553
|
+
var activeTextClasses = getStyles(styles$11, ["".concat(getVariant(color, outline), "-active-text")]);
|
|
3478
3554
|
return /*#__PURE__*/React__default["default"].createElement(Pressable, _extends({}, elementProps, {
|
|
3479
3555
|
ref: ref,
|
|
3480
3556
|
active: active,
|
|
@@ -3486,31 +3562,31 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function (props,
|
|
|
3486
3562
|
}), children);
|
|
3487
3563
|
});
|
|
3488
3564
|
Button.displayName = 'Button';
|
|
3489
|
-
Button.propTypes = propTypes$
|
|
3565
|
+
Button.propTypes = propTypes$1g;
|
|
3490
3566
|
Button.useToggle = useToggleButton;
|
|
3491
3567
|
|
|
3492
|
-
var _excluded$
|
|
3568
|
+
var _excluded$1e = ["children", "style", "textStyle"];
|
|
3493
3569
|
|
|
3494
|
-
var _templateObject$
|
|
3495
|
-
var propTypes$
|
|
3570
|
+
var _templateObject$11, _templateObject2$M;
|
|
3571
|
+
var propTypes$1f = {
|
|
3496
3572
|
children: PropTypes__default["default"].node.isRequired,
|
|
3497
3573
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3498
3574
|
style: PropTypes__default["default"].any,
|
|
3499
3575
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3500
3576
|
textStyle: PropTypes__default["default"].any
|
|
3501
3577
|
};
|
|
3502
|
-
var styles$
|
|
3503
|
-
blockquote: css(_templateObject$
|
|
3504
|
-
'blockquote-text': css(_templateObject2$
|
|
3578
|
+
var styles$10 = StyleSheet.create({
|
|
3579
|
+
blockquote: css(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteral(["\n margin-bottom: $blockquote-margin-y;\n "]))),
|
|
3580
|
+
'blockquote-text': css(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteral(["\n font-size: $blockquote-font-size;\n "])))
|
|
3505
3581
|
});
|
|
3506
3582
|
var Blockquote = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3507
3583
|
var children = props.children,
|
|
3508
3584
|
style = props.style,
|
|
3509
3585
|
textStyle = props.textStyle,
|
|
3510
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3586
|
+
elementProps = _objectWithoutProperties(props, _excluded$1e);
|
|
3511
3587
|
|
|
3512
|
-
var classes = getStyles(styles$
|
|
3513
|
-
var textClasses = getStyles(styles$
|
|
3588
|
+
var classes = getStyles(styles$10, ['blockquote']);
|
|
3589
|
+
var textClasses = getStyles(styles$10, ['blockquote-text']); // Accessiblity role blockquote is only supported on web.
|
|
3514
3590
|
|
|
3515
3591
|
var role = reactNative.Platform.OS === 'web' ? 'blockquote' : null;
|
|
3516
3592
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
@@ -3521,30 +3597,30 @@ var Blockquote = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
3521
3597
|
}), children);
|
|
3522
3598
|
});
|
|
3523
3599
|
Blockquote.displayName = 'Blockquote';
|
|
3524
|
-
Blockquote.propTypes = propTypes$
|
|
3600
|
+
Blockquote.propTypes = propTypes$1f;
|
|
3525
3601
|
|
|
3526
|
-
var _excluded$
|
|
3602
|
+
var _excluded$1d = ["children", "style", "textStyle"];
|
|
3527
3603
|
|
|
3528
|
-
var _templateObject$
|
|
3529
|
-
var propTypes$
|
|
3604
|
+
var _templateObject$10, _templateObject2$L;
|
|
3605
|
+
var propTypes$1e = {
|
|
3530
3606
|
children: PropTypes__default["default"].node.isRequired,
|
|
3531
3607
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3532
3608
|
style: PropTypes__default["default"].any,
|
|
3533
3609
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3534
3610
|
textStyle: PropTypes__default["default"].any
|
|
3535
3611
|
};
|
|
3536
|
-
var styles
|
|
3537
|
-
body: css(_templateObject$
|
|
3538
|
-
'body-text': css(_templateObject2$
|
|
3612
|
+
var styles$$ = StyleSheet.create({
|
|
3613
|
+
body: css(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteral(["\n background-color: $body-bg;\n height: 100%; // added for bootstrap-rn\n "]))),
|
|
3614
|
+
'body-text': css(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteral(["\n color: $body-color;\n text-align: $body-text-align;\n "])))
|
|
3539
3615
|
});
|
|
3540
3616
|
var Body = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3541
3617
|
var children = props.children,
|
|
3542
3618
|
style = props.style,
|
|
3543
3619
|
textStyle = props.textStyle,
|
|
3544
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3620
|
+
elementProps = _objectWithoutProperties(props, _excluded$1d);
|
|
3545
3621
|
|
|
3546
|
-
var classes = getStyles(styles
|
|
3547
|
-
var textClasses = getStyles(styles
|
|
3622
|
+
var classes = getStyles(styles$$, ['body']);
|
|
3623
|
+
var textClasses = getStyles(styles$$, ['body-text']);
|
|
3548
3624
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3549
3625
|
ref: ref,
|
|
3550
3626
|
style: [classes, style],
|
|
@@ -3552,30 +3628,30 @@ var Body = /*#__PURE__*/React__default["default"].forwardRef(function (props, re
|
|
|
3552
3628
|
}), children);
|
|
3553
3629
|
});
|
|
3554
3630
|
Body.displayName = 'Body';
|
|
3555
|
-
Body.propTypes = propTypes$
|
|
3631
|
+
Body.propTypes = propTypes$1e;
|
|
3556
3632
|
|
|
3557
|
-
var _excluded$
|
|
3633
|
+
var _excluded$1c = ["children", "style", "textStyle"];
|
|
3558
3634
|
|
|
3559
|
-
var _templateObject
|
|
3560
|
-
var propTypes$
|
|
3635
|
+
var _templateObject$$, _templateObject2$K;
|
|
3636
|
+
var propTypes$1d = {
|
|
3561
3637
|
children: PropTypes__default["default"].node.isRequired,
|
|
3562
3638
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3563
3639
|
style: PropTypes__default["default"].any,
|
|
3564
3640
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3565
3641
|
textStyle: PropTypes__default["default"].any
|
|
3566
3642
|
};
|
|
3567
|
-
var styles
|
|
3568
|
-
'.card-body': css(_templateObject
|
|
3569
|
-
'.card-body-text': css(_templateObject2$
|
|
3643
|
+
var styles$_ = StyleSheet.create({
|
|
3644
|
+
'.card-body': css(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteral(["\n // flex: 1 1 auto;\n padding: $card-spacer-y $card-spacer-x;\n "]))),
|
|
3645
|
+
'.card-body-text': css(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteral(["\n color: $card-color;\n "])))
|
|
3570
3646
|
});
|
|
3571
3647
|
var CardBody = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3572
3648
|
var children = props.children,
|
|
3573
3649
|
style = props.style,
|
|
3574
3650
|
textStyle = props.textStyle,
|
|
3575
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3651
|
+
elementProps = _objectWithoutProperties(props, _excluded$1c);
|
|
3576
3652
|
|
|
3577
|
-
var classes = getStyles(styles
|
|
3578
|
-
var textClasses = getStyles(styles
|
|
3653
|
+
var classes = getStyles(styles$_, ['.card-body']);
|
|
3654
|
+
var textClasses = getStyles(styles$_, [".card-body-text"]);
|
|
3579
3655
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3580
3656
|
ref: ref,
|
|
3581
3657
|
style: [classes, style],
|
|
@@ -3583,30 +3659,30 @@ var CardBody = /*#__PURE__*/React__default["default"].forwardRef(function (props
|
|
|
3583
3659
|
}), children);
|
|
3584
3660
|
});
|
|
3585
3661
|
CardBody.displayName = 'CardBody';
|
|
3586
|
-
CardBody.propTypes = propTypes$
|
|
3662
|
+
CardBody.propTypes = propTypes$1d;
|
|
3587
3663
|
|
|
3588
|
-
var _excluded$
|
|
3664
|
+
var _excluded$1b = ["children", "style", "textStyle"];
|
|
3589
3665
|
|
|
3590
|
-
var _templateObject
|
|
3591
|
-
var propTypes$
|
|
3666
|
+
var _templateObject$_, _templateObject2$J;
|
|
3667
|
+
var propTypes$1c = {
|
|
3592
3668
|
children: PropTypes__default["default"].node.isRequired,
|
|
3593
3669
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3594
3670
|
style: PropTypes__default["default"].any,
|
|
3595
3671
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3596
3672
|
textStyle: PropTypes__default["default"].any
|
|
3597
3673
|
};
|
|
3598
|
-
var styles$
|
|
3599
|
-
'.card-header': css(_templateObject
|
|
3600
|
-
'.card-header-text': css(_templateObject2$
|
|
3674
|
+
var styles$Z = StyleSheet.create({
|
|
3675
|
+
'.card-header': css(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteral(["\n padding: $card-cap-padding-y $card-cap-padding-x;\n margin-bottom: 0; // Removes the default margin-bottom of <hN>\n background-color: $card-cap-bg;\n border-bottom-width: $card-border-width;\n border-style: solid;\n border-color: $card-border-color;\n border-radius: $card-inner-border-radius $card-inner-border-radius 0 0;\n "]))),
|
|
3676
|
+
'.card-header-text': css(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
|
|
3601
3677
|
});
|
|
3602
3678
|
var CardHeader = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3603
3679
|
var children = props.children,
|
|
3604
3680
|
style = props.style,
|
|
3605
3681
|
textStyle = props.textStyle,
|
|
3606
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3682
|
+
elementProps = _objectWithoutProperties(props, _excluded$1b);
|
|
3607
3683
|
|
|
3608
|
-
var classes = getStyles(styles$
|
|
3609
|
-
var textClasses = getStyles(styles$
|
|
3684
|
+
var classes = getStyles(styles$Z, ['.card-header']);
|
|
3685
|
+
var textClasses = getStyles(styles$Z, ['.card-header-text']);
|
|
3610
3686
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3611
3687
|
ref: ref,
|
|
3612
3688
|
style: [classes, style],
|
|
@@ -3614,30 +3690,30 @@ var CardHeader = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
3614
3690
|
}), children);
|
|
3615
3691
|
});
|
|
3616
3692
|
CardHeader.displayName = 'CardHeader';
|
|
3617
|
-
CardHeader.propTypes = propTypes$
|
|
3693
|
+
CardHeader.propTypes = propTypes$1c;
|
|
3618
3694
|
|
|
3619
|
-
var _excluded$
|
|
3695
|
+
var _excluded$1a = ["children", "style", "textStyle"];
|
|
3620
3696
|
|
|
3621
|
-
var _templateObject$
|
|
3622
|
-
var propTypes$
|
|
3697
|
+
var _templateObject$Z, _templateObject2$I;
|
|
3698
|
+
var propTypes$1b = {
|
|
3623
3699
|
children: PropTypes__default["default"].node.isRequired,
|
|
3624
3700
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3625
3701
|
style: PropTypes__default["default"].any,
|
|
3626
3702
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3627
3703
|
textStyle: PropTypes__default["default"].any
|
|
3628
3704
|
};
|
|
3629
|
-
var styles$
|
|
3630
|
-
'.card-footer': css(_templateObject$
|
|
3631
|
-
'.card-footer-text': css(_templateObject2$
|
|
3705
|
+
var styles$Y = StyleSheet.create({
|
|
3706
|
+
'.card-footer': css(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteral(["\n padding: $card-cap-padding-y $card-cap-padding-x;\n background-color: $card-cap-bg;\n border-top-width: $card-border-width;\n border-style: solid;\n border-color: $card-border-color;\n border-radius: 0 0 $card-inner-border-radius $card-inner-border-radius;\n "]))),
|
|
3707
|
+
'.card-footer-text': css(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteral(["\n color: $card-cap-color;\n "])))
|
|
3632
3708
|
});
|
|
3633
3709
|
var CardFooter = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3634
3710
|
var children = props.children,
|
|
3635
3711
|
style = props.style,
|
|
3636
3712
|
textStyle = props.textStyle,
|
|
3637
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3713
|
+
elementProps = _objectWithoutProperties(props, _excluded$1a);
|
|
3638
3714
|
|
|
3639
|
-
var classes = getStyles(styles$
|
|
3640
|
-
var textClasses = getStyles(styles$
|
|
3715
|
+
var classes = getStyles(styles$Y, ['.card-footer']);
|
|
3716
|
+
var textClasses = getStyles(styles$Y, ['.card-footer-text']);
|
|
3641
3717
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3642
3718
|
ref: ref,
|
|
3643
3719
|
style: [classes, style],
|
|
@@ -3645,32 +3721,32 @@ var CardFooter = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
3645
3721
|
}), children);
|
|
3646
3722
|
});
|
|
3647
3723
|
CardFooter.displayName = 'CardFooter';
|
|
3648
|
-
CardFooter.propTypes = propTypes$
|
|
3724
|
+
CardFooter.propTypes = propTypes$1b;
|
|
3649
3725
|
|
|
3650
|
-
var _excluded$
|
|
3726
|
+
var _excluded$19 = ["children", "style"];
|
|
3651
3727
|
|
|
3652
|
-
var _templateObject$
|
|
3653
|
-
var propTypes$
|
|
3728
|
+
var _templateObject$Y;
|
|
3729
|
+
var propTypes$1a = {
|
|
3654
3730
|
children: PropTypes__default["default"].node.isRequired,
|
|
3655
3731
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3656
3732
|
style: PropTypes__default["default"].any
|
|
3657
3733
|
};
|
|
3658
|
-
var styles$
|
|
3659
|
-
'.card': css(_templateObject$
|
|
3734
|
+
var styles$X = StyleSheet.create({
|
|
3735
|
+
'.card': css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n height: $card-height;\n // word-wrap: break-word;\n background-color: $card-bg;\n // background-clip: border-box;\n border: $card-border-width solid $card-border-color;\n border-radius: $card-border-radius;\n // @include box-shadow($card-box-shadow);\n "])))
|
|
3660
3736
|
});
|
|
3661
3737
|
var Card = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3662
3738
|
var children = props.children,
|
|
3663
3739
|
style = props.style,
|
|
3664
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3740
|
+
elementProps = _objectWithoutProperties(props, _excluded$19);
|
|
3665
3741
|
|
|
3666
|
-
var classes = getStyles(styles$
|
|
3742
|
+
var classes = getStyles(styles$X, ['.card']);
|
|
3667
3743
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
3668
3744
|
ref: ref,
|
|
3669
3745
|
style: [classes, style]
|
|
3670
3746
|
}), children);
|
|
3671
3747
|
});
|
|
3672
3748
|
Card.displayName = 'Card';
|
|
3673
|
-
Card.propTypes = propTypes$
|
|
3749
|
+
Card.propTypes = propTypes$1a;
|
|
3674
3750
|
Card.Header = CardHeader;
|
|
3675
3751
|
Card.Body = CardBody;
|
|
3676
3752
|
Card.Footer = CardFooter;
|
|
@@ -3681,10 +3757,10 @@ ModalContext.displayName = 'ModalContext';
|
|
|
3681
3757
|
var OffcanvasContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3682
3758
|
OffcanvasContext.displayName = 'OffcanvasContext';
|
|
3683
3759
|
|
|
3684
|
-
var _excluded$
|
|
3760
|
+
var _excluded$18 = ["children", "disabled", "style", "textStyle"];
|
|
3685
3761
|
|
|
3686
|
-
var _templateObject$
|
|
3687
|
-
var propTypes$
|
|
3762
|
+
var _templateObject$X, _templateObject2$H, _templateObject3$m, _templateObject4$k, _templateObject5$i;
|
|
3763
|
+
var propTypes$19 = {
|
|
3688
3764
|
children: PropTypes__default["default"].node,
|
|
3689
3765
|
disabled: PropTypes__default["default"].bool,
|
|
3690
3766
|
// eslint-disable-next-line react/forbid-prop-types
|
|
@@ -3692,14 +3768,14 @@ var propTypes$1a = {
|
|
|
3692
3768
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3693
3769
|
textStyle: PropTypes__default["default"].any
|
|
3694
3770
|
};
|
|
3695
|
-
var styles$
|
|
3696
|
-
'.btn-close': css(_templateObject$
|
|
3697
|
-
'.btn-close-text': css(_templateObject2$
|
|
3698
|
-
'.btn-close-disabled': css(_templateObject3$
|
|
3771
|
+
var styles$W = StyleSheet.create({
|
|
3772
|
+
'.btn-close': css(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n // Workaround for missing box-sizing in react native.\n $additional-width: $btn-close-padding-x * 2;\n $additional-height: $btn-close-padding-y * 2;\n\n // box-sizing: content-box;\n width: $btn-close-width + $additional-width;\n height: $btn-close-height + $additional-height;\n padding: $btn-close-padding-y $btn-close-padding-x;\n background: transparent;\n border-width: 0; // for button elements\n // @include border-radius();\n opacity: $btn-close-opacity;\n\n &:hover {\n opacity: $btn-close-hover-opacity;\n }\n\n &:focus {\n // outline: 0;\n // box-shadow: $btn-close-focus-shadow;\n opacity: $btn-close-focus-opacity;\n }\n "]))),
|
|
3773
|
+
'.btn-close-text': css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteral(["\n color: $btn-close-color;\n\n // Override <a>'s hover style\n &:hover {\n color: $btn-close-color;\n text-decoration: none;\n }\n "]))),
|
|
3774
|
+
'.btn-close-disabled': css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteral(["\n // pointer-events: none;\n // user-select: none;\n opacity: $btn-close-disabled-opacity;\n "]))),
|
|
3699
3775
|
// Modal styles
|
|
3700
|
-
'.modal-header .btn-close': css(_templateObject4$
|
|
3776
|
+
'.modal-header .btn-close': css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteral(["\n padding: $modal-header-padding-y * 0.5 $modal-header-padding-x * 0.5;\n margin: -0.5 * $modal-header-padding-y -0.5 * $modal-header-padding-x -0.5 *\n $modal-header-padding-y auto;\n\n // Workaround for missing box-sizing in react native.\n width: $btn-close-width + $modal-header-padding-x;\n height: $btn-close-height + $modal-header-padding-y;\n "]))),
|
|
3701
3777
|
// Offcanvas styles
|
|
3702
|
-
'.offcanvas-header .btn-close': css(_templateObject5$
|
|
3778
|
+
'.offcanvas-header .btn-close': css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteral(["\n padding: $offcanvas-padding-y * 0.5 $offcanvas-padding-x * 0.5;\n margin-top: -0.5 * $offcanvas-padding-y;\n margin-right: -0.5 * $offcanvas-padding-x;\n margin-bottom: -0.5 * $offcanvas-padding-y;\n\n // Workaround for missing box-sizing in react native.\n width: $btn-close-width + $offcanvas-padding-x;\n height: $btn-close-height + $offcanvas-padding-y;\n "])))
|
|
3703
3779
|
});
|
|
3704
3780
|
var CloseButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3705
3781
|
props.children;
|
|
@@ -3707,14 +3783,14 @@ var CloseButton = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
3707
3783
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
3708
3784
|
style = props.style,
|
|
3709
3785
|
textStyle = props.textStyle,
|
|
3710
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3786
|
+
elementProps = _objectWithoutProperties(props, _excluded$18);
|
|
3711
3787
|
|
|
3712
3788
|
var modal = React.useContext(ModalContext);
|
|
3713
3789
|
var offcanvas = React.useContext(OffcanvasContext);
|
|
3714
|
-
var classes = getStyles(styles$
|
|
3790
|
+
var classes = getStyles(styles$W, ['.btn-close', disabled && '.btn-close-disabled', // Modal styles
|
|
3715
3791
|
modal && '.modal-header .btn-close', // Offcanvas styles
|
|
3716
3792
|
offcanvas && '.offcanvas-header .btn-close']);
|
|
3717
|
-
var textClasses = getStyles(styles$
|
|
3793
|
+
var textClasses = getStyles(styles$W, ['.btn-close-text']);
|
|
3718
3794
|
return /*#__PURE__*/React__default["default"].createElement(Pressable, _extends({}, elementProps, {
|
|
3719
3795
|
ref: ref,
|
|
3720
3796
|
disabled: disabled,
|
|
@@ -3723,7 +3799,7 @@ var CloseButton = /*#__PURE__*/React__default["default"].forwardRef(function (pr
|
|
|
3723
3799
|
}), StyleSheet.value('btn-close-bg'));
|
|
3724
3800
|
});
|
|
3725
3801
|
CloseButton.displayName = 'CloseButton';
|
|
3726
|
-
CloseButton.propTypes = propTypes$
|
|
3802
|
+
CloseButton.propTypes = propTypes$19;
|
|
3727
3803
|
|
|
3728
3804
|
var CollapseContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3729
3805
|
CollapseContext.displayName = 'CollapseContext';
|
|
@@ -3782,7 +3858,7 @@ function useCollapse(defaultVisible, controlledVisible, onToggle) {
|
|
|
3782
3858
|
}, [visible]);
|
|
3783
3859
|
}
|
|
3784
3860
|
|
|
3785
|
-
var propTypes$
|
|
3861
|
+
var propTypes$18 = {
|
|
3786
3862
|
children: PropTypes__default["default"].node.isRequired,
|
|
3787
3863
|
defaultVisible: PropTypes__default["default"].bool,
|
|
3788
3864
|
visible: PropTypes__default["default"].bool,
|
|
@@ -3802,14 +3878,14 @@ var CollapseProvider = function CollapseProvider(props) {
|
|
|
3802
3878
|
};
|
|
3803
3879
|
|
|
3804
3880
|
CollapseProvider.displayName = 'CollapseProvider';
|
|
3805
|
-
CollapseProvider.propTypes = propTypes$
|
|
3881
|
+
CollapseProvider.propTypes = propTypes$18;
|
|
3806
3882
|
|
|
3807
|
-
var _excluded$
|
|
3883
|
+
var _excluded$17 = ["onPress"];
|
|
3808
3884
|
function useToggleCollapse(props) {
|
|
3809
3885
|
var context = useForcedContext(CollapseContext);
|
|
3810
3886
|
|
|
3811
3887
|
var handlePress = props.onPress,
|
|
3812
|
-
restProps = _objectWithoutProperties(props, _excluded$
|
|
3888
|
+
restProps = _objectWithoutProperties(props, _excluded$17);
|
|
3813
3889
|
|
|
3814
3890
|
return _objectSpread2(_objectSpread2({}, restProps), {}, {
|
|
3815
3891
|
onPress: function onPress(event) {
|
|
@@ -3823,13 +3899,13 @@ function useToggleCollapse(props) {
|
|
|
3823
3899
|
});
|
|
3824
3900
|
}
|
|
3825
3901
|
|
|
3826
|
-
var _excluded$
|
|
3827
|
-
var propTypes$
|
|
3902
|
+
var _excluded$16 = ["children"];
|
|
3903
|
+
var propTypes$17 = {
|
|
3828
3904
|
children: PropTypes__default["default"].node
|
|
3829
3905
|
};
|
|
3830
3906
|
var Collapse = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
3831
3907
|
var children = props.children,
|
|
3832
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
3908
|
+
elementProps = _objectWithoutProperties(props, _excluded$16);
|
|
3833
3909
|
|
|
3834
3910
|
var _useForcedContext = useForcedContext(CollapseContext),
|
|
3835
3911
|
identifier = _useForcedContext.identifier,
|
|
@@ -3845,7 +3921,7 @@ var Collapse = /*#__PURE__*/React__default["default"].forwardRef(function (props
|
|
|
3845
3921
|
}), children);
|
|
3846
3922
|
});
|
|
3847
3923
|
Collapse.displayName = 'Collapse';
|
|
3848
|
-
Collapse.propTypes = propTypes$
|
|
3924
|
+
Collapse.propTypes = propTypes$17;
|
|
3849
3925
|
Collapse.Provider = CollapseProvider;
|
|
3850
3926
|
Collapse.useToggle = useToggleCollapse;
|
|
3851
3927
|
|
|
@@ -3870,18 +3946,18 @@ function infix(breakpoint) {
|
|
|
3870
3946
|
var NavbarContext = /*#__PURE__*/React__default["default"].createContext();
|
|
3871
3947
|
NavbarContext.displayName = 'NavbarContext';
|
|
3872
3948
|
|
|
3873
|
-
var _excluded$
|
|
3949
|
+
var _excluded$15 = ["fluid", "style"];
|
|
3874
3950
|
|
|
3875
|
-
var _templateObject$
|
|
3876
|
-
var propTypes$
|
|
3951
|
+
var _templateObject$W, _templateObject2$G, _templateObject3$l, _templateObject4$j, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$a;
|
|
3952
|
+
var propTypes$16 = {
|
|
3877
3953
|
children: PropTypes__default["default"].node.isRequired,
|
|
3878
3954
|
fluid: PropTypes__default["default"].oneOf([true].concat(_toConsumableArray(Object.keys(CONTAINER_MAX_WIDTHS)))),
|
|
3879
3955
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3880
3956
|
style: PropTypes__default["default"].any
|
|
3881
3957
|
};
|
|
3882
|
-
var styles$
|
|
3883
|
-
'.container': css(_templateObject$
|
|
3884
|
-
'.container-sm': css(_templateObject2$
|
|
3958
|
+
var styles$V = StyleSheet.create(_objectSpread2({
|
|
3959
|
+
'.container': css(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n width: 100%;\n padding-right: $container-padding-x;\n padding-left: $container-padding-x;\n margin-right: auto;\n margin-left: auto;\n "]))),
|
|
3960
|
+
'.container-sm': css(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteral(["\n @include media-breakpoint-up(sm) {\n max-width: ", ";\n }\n @include media-breakpoint-up(md) {\n max-width: ", ";\n }\n @include media-breakpoint-up(lg) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
|
|
3885
3961
|
return t['container-max-widths'].sm;
|
|
3886
3962
|
}, function (t) {
|
|
3887
3963
|
return t['container-max-widths'].md;
|
|
@@ -3892,7 +3968,7 @@ var styles$W = StyleSheet.create(_objectSpread2({
|
|
|
3892
3968
|
}, function (t) {
|
|
3893
3969
|
return t['container-max-widths'].xxl;
|
|
3894
3970
|
}),
|
|
3895
|
-
'.container-md': css(_templateObject3$
|
|
3971
|
+
'.container-md': css(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteral(["\n @include media-breakpoint-up(md) {\n max-width: ", ";\n }\n @include media-breakpoint-up(lg) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
|
|
3896
3972
|
return t['container-max-widths'].md;
|
|
3897
3973
|
}, function (t) {
|
|
3898
3974
|
return t['container-max-widths'].lg;
|
|
@@ -3901,14 +3977,14 @@ var styles$W = StyleSheet.create(_objectSpread2({
|
|
|
3901
3977
|
}, function (t) {
|
|
3902
3978
|
return t['container-max-widths'].xxl;
|
|
3903
3979
|
}),
|
|
3904
|
-
'.container-lg': css(_templateObject4$
|
|
3980
|
+
'.container-lg': css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteral(["\n @include media-breakpoint-up(lg) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
|
|
3905
3981
|
return t['container-max-widths'].lg;
|
|
3906
3982
|
}, function (t) {
|
|
3907
3983
|
return t['container-max-widths'].xl;
|
|
3908
3984
|
}, function (t) {
|
|
3909
3985
|
return t['container-max-widths'].xxl;
|
|
3910
3986
|
}),
|
|
3911
|
-
'.container-xl': css(_templateObject5$
|
|
3987
|
+
'.container-xl': css(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteral(["\n @include media-breakpoint-up(xl) {\n max-width: ", ";\n }\n @include media-breakpoint-up(xxl) {\n max-width: ", ";\n }\n "])), function (t) {
|
|
3912
3988
|
return t['container-max-widths'].xl;
|
|
3913
3989
|
}, function (t) {
|
|
3914
3990
|
return t['container-max-widths'].xxl;
|
|
@@ -3925,10 +4001,10 @@ var Container = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
3925
4001
|
var _props$fluid = props.fluid,
|
|
3926
4002
|
fluid = _props$fluid === void 0 ? 'sm' : _props$fluid,
|
|
3927
4003
|
style = props.style,
|
|
3928
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
4004
|
+
elementProps = _objectWithoutProperties(props, _excluded$15);
|
|
3929
4005
|
|
|
3930
4006
|
var navbar = React.useContext(NavbarContext);
|
|
3931
|
-
var classes = getStyles(styles$
|
|
4007
|
+
var classes = getStyles(styles$V, ['.container', // Hint: Bootstrap's .container class is identical with .container-sm.
|
|
3932
4008
|
fluid !== true && ".container-".concat(fluid), // Navbar styles
|
|
3933
4009
|
navbar && '.navbar .container', navbar && navbar.expand && ".navbar-expand".concat(navbar.expand === true ? '' : "-".concat(navbar.expand), " .container")]);
|
|
3934
4010
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
@@ -3937,12 +4013,12 @@ var Container = /*#__PURE__*/React__default["default"].forwardRef(function (prop
|
|
|
3937
4013
|
}));
|
|
3938
4014
|
});
|
|
3939
4015
|
Container.displayName = 'Container';
|
|
3940
|
-
Container.propTypes = propTypes$
|
|
4016
|
+
Container.propTypes = propTypes$16;
|
|
3941
4017
|
|
|
3942
|
-
var _excluded$
|
|
4018
|
+
var _excluded$14 = ["children", "type", "value", "onChange", "onPress", "label", "disabled", "valid", "invalid", "style", "inputStyle", "labelStyle", "labelTextStyle"];
|
|
3943
4019
|
|
|
3944
|
-
var _templateObject$
|
|
3945
|
-
var propTypes$
|
|
4020
|
+
var _templateObject$V, _templateObject2$F, _templateObject3$k, _templateObject4$i, _templateObject5$g, _templateObject6$e, _templateObject7$a, _templateObject8$9, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4;
|
|
4021
|
+
var propTypes$15 = {
|
|
3946
4022
|
children: PropTypes__default["default"].node,
|
|
3947
4023
|
type: PropTypes__default["default"].oneOf(['checkbox', 'radio', 'switch']).isRequired,
|
|
3948
4024
|
value: PropTypes__default["default"].bool.isRequired,
|
|
@@ -3961,12 +4037,12 @@ var propTypes$16 = {
|
|
|
3961
4037
|
// eslint-disable-next-line react/forbid-prop-types
|
|
3962
4038
|
labelTextStyle: PropTypes__default["default"].any
|
|
3963
4039
|
};
|
|
3964
|
-
var styles$
|
|
3965
|
-
'.form-check': css(_templateObject$
|
|
3966
|
-
'.form-check-disabled': css(_templateObject2$
|
|
3967
|
-
'.form-check-input': css(_templateObject3$
|
|
3968
|
-
'.form-check-input-checkbox': css(_templateObject4$
|
|
3969
|
-
'.form-check-input-radio': css(_templateObject5$
|
|
4040
|
+
var styles$U = StyleSheet.create(_objectSpread2({
|
|
4041
|
+
'.form-check': css(_templateObject$V || (_templateObject$V = _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 "]))),
|
|
4042
|
+
'.form-check-disabled': css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteral(["\n opacity: $form-check-label-disabled-opacity;\n "]))),
|
|
4043
|
+
'.form-check-input': css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteral(["\n // Use additional variables instead of brackets, because brackets not supported yet.\n $lineHeight: $line-height-base * 1rem;\n $rawMarginTop: $lineHeight - $form-check-input-width;\n\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\n width: $form-check-input-width;\n height: $form-check-input-width;\n margin-top: $rawMarginTop * 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 }\n // color-adjust: exact; // Keep themed appearance for print\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 // outline: 0;\n // box-shadow: $form-check-input-focus-box-shadow;\n }\n "]))),
|
|
4044
|
+
'.form-check-input-checkbox': css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteral(["\n border-radius: $form-check-input-border-radius;\n "]))),
|
|
4045
|
+
'.form-check-input-radio': css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteral(["\n border-radius: $form-check-radio-border-radius;\n "]))),
|
|
3970
4046
|
'.form-check-input-checked': css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteral(["\n background-color: $form-check-input-checked-bg-color;\n border-color: $form-check-input-checked-border-color;\n "]))),
|
|
3971
4047
|
'.form-check-label': css(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteral(["\n color: $form-check-label-color;\n @include platform(web) {\n cursor: $form-check-label-cursor;\n }\n "]))),
|
|
3972
4048
|
'.form-switch': css(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteral(["\n padding-left: $form-switch-padding-start;\n "]))),
|
|
@@ -4022,16 +4098,16 @@ var CheckInput = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
4022
4098
|
inputStyle = modifierProps.inputStyle,
|
|
4023
4099
|
labelStyle = modifierProps.labelStyle,
|
|
4024
4100
|
labelTextStyle = modifierProps.labelTextStyle,
|
|
4025
|
-
elementProps = _objectWithoutProperties(modifierProps, _excluded$
|
|
4101
|
+
elementProps = _objectWithoutProperties(modifierProps, _excluded$14);
|
|
4026
4102
|
|
|
4027
4103
|
if (!children && !label) {
|
|
4028
4104
|
// eslint-disable-next-line no-console
|
|
4029
4105
|
console.warn('You need to provide either children or a label for accessibility.');
|
|
4030
4106
|
}
|
|
4031
4107
|
|
|
4032
|
-
var classes = getStyles(styles$
|
|
4033
|
-
var inputClasses = getStyles(styles$
|
|
4034
|
-
var labelTextClasses = getStyles(styles$
|
|
4108
|
+
var classes = getStyles(styles$U, ['.form-check', type === 'switch' && '.form-switch', disabled && '.form-check-disabled']);
|
|
4109
|
+
var inputClasses = getStyles(styles$U, ['.form-check-input', type === 'checkbox' && '.form-check-input-checkbox', type === 'radio' && '.form-check-input-radio', type === 'switch' && '.form-check-input-switch', value && '.form-check-input-checked', type === 'switch' && value && '.form-check-input-switch-checked', valid && '.form-check-input.is-valid', valid && value && '.form-check-input-checked.is-valid', invalid && '.form-check-input.is-invalid', invalid && value && '.form-check-input-checked.is-invalid']);
|
|
4110
|
+
var labelTextClasses = getStyles(styles$U, ['.form-check-label', valid && '.form-check-label.is-valid', invalid && '.form-check-label.is-invalid']); // TODO &:focus, &:active
|
|
4035
4111
|
|
|
4036
4112
|
return /*#__PURE__*/React__default["default"].createElement(Pressable, _extends({}, elementProps, {
|
|
4037
4113
|
ref: modifierRef,
|
|
@@ -4051,7 +4127,7 @@ var CheckInput = /*#__PURE__*/React__default["default"].forwardRef(function (pro
|
|
|
4051
4127
|
}, children));
|
|
4052
4128
|
});
|
|
4053
4129
|
CheckInput.displayName = 'CheckInput';
|
|
4054
|
-
CheckInput.propTypes = propTypes$
|
|
4130
|
+
CheckInput.propTypes = propTypes$15;
|
|
4055
4131
|
|
|
4056
4132
|
var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4057
4133
|
var elementProps = _extends({}, props);
|
|
@@ -4063,13 +4139,13 @@ var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function (props
|
|
|
4063
4139
|
});
|
|
4064
4140
|
Checkbox.displayName = 'Checkbox';
|
|
4065
4141
|
|
|
4066
|
-
var _excluded$
|
|
4142
|
+
var _excluded$13 = ["children", "size", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "style"];
|
|
4067
4143
|
|
|
4068
|
-
var _templateObject$
|
|
4144
|
+
var _templateObject$U, _templateObject2$E, _templateObject3$j, _templateObject4$h, _templateObject5$f;
|
|
4069
4145
|
var sizes = makeArray(GRID_COLUMNS).map(function (v) {
|
|
4070
4146
|
return v + 1;
|
|
4071
4147
|
});
|
|
4072
|
-
var propTypes$
|
|
4148
|
+
var propTypes$14 = {
|
|
4073
4149
|
children: PropTypes__default["default"].node.isRequired,
|
|
4074
4150
|
size: PropTypes__default["default"].oneOf(['auto'].concat(_toConsumableArray(sizes))),
|
|
4075
4151
|
sizeSm: PropTypes__default["default"].oneOf(['auto'].concat(_toConsumableArray(sizes))),
|
|
@@ -4079,15 +4155,15 @@ var propTypes$15 = {
|
|
|
4079
4155
|
// eslint-disable-next-line react/forbid-prop-types
|
|
4080
4156
|
style: PropTypes__default["default"].any
|
|
4081
4157
|
};
|
|
4082
|
-
var styles$
|
|
4083
|
-
'*': css(_templateObject$
|
|
4158
|
+
var styles$T = StyleSheet.create(_objectSpread2({
|
|
4159
|
+
'*': css(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n // Add box sizing if only the grid is loaded\n /* box-sizing: if(\n variable-exists(include-column-box-sizing) and $include-column-box-sizing,\n border-box,\n null\n ); */\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting \"width: 100%;\". This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n @include platform(web) {\n max-width: 100%; // Prevent \".col-auto\", \".col\" (& responsive variants) from breaking out the grid\n }\n padding-right: $grid-gutter-width * 0.5;\n padding-left: $grid-gutter-width * 0.5;\n margin-top: 0;\n "])))
|
|
4084
4160
|
}, each(GRID_BREAKPOINTS, function (breakpoint) {
|
|
4085
4161
|
var _objectSpread2$1;
|
|
4086
4162
|
|
|
4087
|
-
return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$
|
|
4163
|
+
return _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint)), css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n "])), breakpoint)), _defineProperty(_objectSpread2$1, ".col".concat(infix(breakpoint), "-auto"), css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 0 0 auto;\n width: auto;\n }\n "])), breakpoint)), _objectSpread2$1), normalize$1(makeArray(GRID_COLUMNS - 1, function (i) {
|
|
4088
4164
|
var _ref;
|
|
4089
4165
|
|
|
4090
|
-
return _ref = {}, _defineProperty(_ref, ".col".concat(infix(breakpoint), "-").concat(i + 1), css(_templateObject4$
|
|
4166
|
+
return _ref = {}, _defineProperty(_ref, ".col".concat(infix(breakpoint), "-").concat(i + 1), css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n flex: 0 0 auto;\n width: ", "%;\n }\n "])), breakpoint, (i + 1) / GRID_COLUMNS * 100)), _defineProperty(_ref, ".offset".concat(infix(breakpoint), "-").concat(i), css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n @include media-breakpoint-up(", ") {\n margin-left: ", "%;\n }\n "])), breakpoint, i / GRID_COLUMNS * 100)), _ref;
|
|
4091
4167
|
})));
|
|
4092
4168
|
})));
|
|
4093
4169
|
var Col = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
@@ -4098,90 +4174,16 @@ var Col = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref
|
|
|
4098
4174
|
sizeLg = props.sizeLg,
|
|
4099
4175
|
sizeXl = props.sizeXl,
|
|
4100
4176
|
style = props.style,
|
|
4101
|
-
elementProps = _objectWithoutProperties(props, _excluded$
|
|
4177
|
+
elementProps = _objectWithoutProperties(props, _excluded$13);
|
|
4102
4178
|
|
|
4103
|
-
var classes = getStyles(styles$
|
|
4179
|
+
var classes = getStyles(styles$T, ['*', ".col-".concat(size.toString()), sizeSm && ".col-sm-".concat(sizeSm.toString()), sizeMd && ".col-md-".concat(sizeMd.toString()), sizeLg && ".col-lg-".concat(sizeLg.toString()), sizeXl && ".col-xl-".concat(sizeXl.toString())]);
|
|
4104
4180
|
return /*#__PURE__*/React__default["default"].createElement(View, _extends({}, elementProps, {
|
|
4105
4181
|
ref: ref,
|
|
4106
4182
|
style: [classes, style]
|
|
4107
4183
|
}), children);
|
|
4108
4184
|
});
|
|
4109
4185
|
Col.displayName = 'Col';
|
|
4110
|
-
Col.propTypes = propTypes$
|
|
4111
|
-
|
|
4112
|
-
var _excluded$13 = ["color", "bold", "italic", "mark", "small", "style", "styleName"];
|
|
4113
|
-
|
|
4114
|
-
var _templateObject$U, _templateObject2$E, _templateObject3$j, _templateObject4$h, _templateObject5$f;
|
|
4115
|
-
var propTypes$14 = {
|
|
4116
|
-
color: PropTypes__default["default"].oneOf([].concat(_toConsumableArray(Object.keys(THEME_COLORS)), ['muted', 'black-50', 'white-50'])),
|
|
4117
|
-
small: PropTypes__default["default"].bool,
|
|
4118
|
-
mark: PropTypes__default["default"].bool,
|
|
4119
|
-
bold: PropTypes__default["default"].bool,
|
|
4120
|
-
italic: PropTypes__default["default"].bool,
|
|
4121
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
4122
|
-
style: PropTypes__default["default"].any,
|
|
4123
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
4124
|
-
styleName: PropTypes__default["default"].any
|
|
4125
|
-
};
|
|
4126
|
-
var styles$T = StyleSheet.create({
|
|
4127
|
-
text: css(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n font-family: $font-family-base;\n font-size: $font-size-base;\n font-weight: $font-weight-base;\n line-height: $font-size-base * $line-height-base;\n "]))),
|
|
4128
|
-
strong: css(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteral(["\n font-weight: $font-weight-bolder;\n "]))),
|
|
4129
|
-
italic: css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteral(["\n font-style: italic;\n "]))),
|
|
4130
|
-
small: css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteral(["\n font-size: $small-font-size;\n line-height: $small-font-size * $line-height-base;\n "]))),
|
|
4131
|
-
mark: css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteral(["\n padding: $mark-padding;\n background-color: $mark-bg;\n "])))
|
|
4132
|
-
});
|
|
4133
|
-
|
|
4134
|
-
var getStyleName = function getStyleName(styleName, color) {
|
|
4135
|
-
if (!color) {
|
|
4136
|
-
return styleName;
|
|
4137
|
-
}
|
|
4138
|
-
|
|
4139
|
-
return styleName ? "text-".concat(color, " ").concat(styleName) : "text-".concat(color);
|
|
4140
|
-
};
|
|
4141
|
-
|
|
4142
|
-
var Text = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
4143
|
-
var color = props.color,
|
|
4144
|
-
_props$bold = props.bold,
|
|
4145
|
-
bold = _props$bold === void 0 ? false : _props$bold,
|
|
4146
|
-
_props$italic = props.italic,
|
|
4147
|
-
italic = _props$italic === void 0 ? false : _props$italic,
|
|
4148
|
-
_props$mark = props.mark,
|
|
4149
|
-
mark = _props$mark === void 0 ? false : _props$mark,
|
|
4150
|
-
_props$small = props.small,
|
|
4151
|
-
small = _props$small === void 0 ? false : _props$small,
|
|
4152
|
-
style = props.style,
|
|
4153
|
-
styleName = props.styleName,
|
|
4154
|
-
elementProps = _objectWithoutProperties(props, _excluded$13);
|
|
4155
|
-
|
|
4156
|
-
var media = useMedia();
|
|
4157
|
-
var context = React.useContext(TextStyleContext);
|
|
4158
|
-
var classes = getStyles(styles$T, [bold && 'strong', italic && 'italic', small && 'small', mark && 'mark']);
|
|
4159
|
-
var resolveStyle = useStyle([// eslint-disable-next-line react/destructuring-assignment
|
|
4160
|
-
(!context || !context.hasTextAncestor) && styles$T.text, // eslint-disable-next-line react/destructuring-assignment
|
|
4161
|
-
context && context.style, classes, style], getStyleName(styleName, color));
|
|
4162
|
-
var element = /*#__PURE__*/React__default["default"].createElement(reactNative.Text, _extends({}, elementProps, {
|
|
4163
|
-
ref: ref,
|
|
4164
|
-
style: resolveStyle({
|
|
4165
|
-
media: media
|
|
4166
|
-
})
|
|
4167
|
-
})); // eslint-disable-next-line react/destructuring-assignment
|
|
4168
|
-
|
|
4169
|
-
if (context && context.hasTextAncestor && !context.style) {
|
|
4170
|
-
return element;
|
|
4171
|
-
} // If we are not in an ancestor context yet, we need to set hasTextAncestor
|
|
4172
|
-
// to true for nested text components. Furthermore we need to reset the
|
|
4173
|
-
// context style, because we only need to apply the style once.
|
|
4174
|
-
|
|
4175
|
-
|
|
4176
|
-
return /*#__PURE__*/React__default["default"].createElement(TextStyleContext.Provider, {
|
|
4177
|
-
value: {
|
|
4178
|
-
style: null,
|
|
4179
|
-
hasTextAncestor: true
|
|
4180
|
-
}
|
|
4181
|
-
}, element);
|
|
4182
|
-
});
|
|
4183
|
-
Text.displayName = 'Text';
|
|
4184
|
-
Text.propTypes = propTypes$14;
|
|
4186
|
+
Col.propTypes = propTypes$14;
|
|
4185
4187
|
|
|
4186
4188
|
var _excluded$12 = ["children", "style"];
|
|
4187
4189
|
|