sapo-components-ui-rn 1.1.90 → 1.1.92

package/dist/assets/icon-checkbox-indeterminate.svg

@@ -0,0 +1,20 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect
+            x="2.75"
+            y="2.75"
+            width="18.5"
+            height="18.5"
+            rx="5.25"
+            fill="#0088FF"
+            stroke="#0088FF"
+            stroke-width="1.5"
+    />
+    <rect
+            x="7"
+            y="11"
+            width="10"
+            height="2"
+            rx="1"
+            fill="white"
+    />
+</svg>

package/dist/assets/index.ts

@@ -1,6 +1,7 @@
 import IconClose from "./icon-close.svg";
 import IconCheckbox from "./icon-checkbox.svg";
 import IconCheckboxActive from "./icon-checkbox-active.svg";
+import IconCheckboxIndeterminate from "./icon-checkbox-indeterminate.svg";
 import IconRadio from "./icon-radio.svg";
 import IconRadioActive from "./icon-radio-active.svg";
 import IconSearch from "./icon-search.svg";
@@ -16,6 +17,7 @@ export const Svg = {
   IconClose,
   IconCheckbox,
   IconCheckboxActive,
+  IconCheckboxIndeterminate,
   IconRadio,
   IconRadioActive,
   IconSearch,

package/dist/assets/svg/icon-checkbox-indeterminate.svg

@@ -0,0 +1,20 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect
+            x="2.75"
+            y="2.75"
+            width="18.5"
+            height="18.5"
+            rx="5.25"
+            fill="#0088FF"
+            stroke="#0088FF"
+            stroke-width="1.5"
+    />
+    <rect
+            x="7"
+            y="11"
+            width="10"
+            height="2"
+            rx="1"
+            fill="white"
+    />
+</svg>

package/dist/assets/svg/index.d.ts

@@ -2,6 +2,7 @@ export declare const Svg: {
     IconClose: import("react").FC<import("react-native-svg").SvgProps>;
     IconCheckbox: import("react").FC<import("react-native-svg").SvgProps>;
     IconCheckboxActive: import("react").FC<import("react-native-svg").SvgProps>;
+    IconCheckboxIndeterminate: import("react").FC<import("react-native-svg").SvgProps>;
     IconRadio: import("react").FC<import("react-native-svg").SvgProps>;
     IconRadioActive: import("react").FC<import("react-native-svg").SvgProps>;
     IconSearch: import("react").FC<import("react-native-svg").SvgProps>;

package/dist/assets/svg/index.ts

@@ -1,6 +1,7 @@
 import IconClose from "./icon-close.svg";
 import IconCheckbox from "./icon-checkbox.svg";
 import IconCheckboxActive from "./icon-checkbox-active.svg";
+import IconCheckboxIndeterminate from "./icon-checkbox-indeterminate.svg";
 import IconRadio from "./icon-radio.svg";
 import IconRadioActive from "./icon-radio-active.svg";
 import IconSearch from "./icon-search.svg";
@@ -16,6 +17,7 @@ export const Svg = {
   IconClose,
   IconCheckbox,
   IconCheckboxActive,
+  IconCheckboxIndeterminate,
   IconRadio,
   IconRadioActive,
   IconSearch,

package/dist/components/Checkbox/index.d.ts

@@ -8,7 +8,7 @@ interface CheckboxProps {
     textStyle?: StyleProp<TextStyle>;
     disabled?: boolean;
     leftIcon?: React.ReactNode;
-    checked?: boolean;
+    checked?: boolean | "indeterminate";
     iconSize?: number;
 }
 declare const Checkbox: ({ testID, style, content, textStyle, onPress, disabled, leftIcon, checked, iconSize, }: CheckboxProps) => React.JSX.Element;

package/dist/index.esm.js

@@ -7,6 +7,7 @@ import color from 'color';
 import IconClose from './assets/svg/icon-close.svg';
 import IconCheckbox from './assets/svg/icon-checkbox.svg';
 import IconCheckboxActive from './assets/svg/icon-checkbox-active.svg';
+import IconCheckboxIndeterminate from './assets/svg/icon-checkbox-indeterminate.svg';
 import IconRadio from './assets/svg/icon-radio.svg';
 import IconRadioActive from './assets/svg/icon-radio-active.svg';
 import IconSearch from './assets/svg/icon-search.svg';
@@ -283,7 +284,7 @@ var ref = {
                 iconActionInverseDefault: white.WHITE100,
                 iconActionInverseHovered: white.WHITE80,
                 iconActionDisabled: ink.INK20,
-                surfaceBrandDefault: blue.BLUE100,
+                surfaceBrandDefault: blue.BLUE10,
                 surfaceBrandDisabled: ink.INK5,
                 surfaceBrandHover: blue.BLUE80,
                 surfaceBrandInverseDefault: blue.BLUE5,
@@ -4796,6 +4797,7 @@ var Svg = {
     IconClose: IconClose,
     IconCheckbox: IconCheckbox,
     IconCheckboxActive: IconCheckboxActive,
+    IconCheckboxIndeterminate: IconCheckboxIndeterminate,
     IconRadio: IconRadio,
     IconRadioActive: IconRadioActive,
     IconSearch: IconSearch,
@@ -6361,6 +6363,7 @@ var FloatingButton = function (_a) {
             right > 0 && { right: right },
             left > 0 && { left: left },
             bottom > 0 && { bottom: bottom },
+            style,
         ] }),
         React__default.createElement(View, __assign({ center: true, style: [
                 !hiddenBackground
@@ -6371,7 +6374,6 @@ var FloatingButton = function (_a) {
                         backgroundColor: "transparent",
                     },
                 {
-                    width: size,
                     height: size,
                     borderRadius: size / 2,
                 },
@@ -6379,7 +6381,6 @@ var FloatingButton = function (_a) {
                     borderWidth: 0,
                     backgroundColor: colors.surfaceBrandDisabled,
                 },
-                style,
             ] }, props), isLoading ? React__default.createElement(ActivityIndicator, { size: "small" }) : children)));
 };
 var styles$a = StyleSheet.create({
@@ -7029,6 +7030,13 @@ var Checkbox = function (_a) {
     var colors = theme.colors;
     var _f = useState(checked), isActive = _f[0], setActive = _f[1];
     var checkboxColor = useCheckboxColor(isActive, disabled);
+    var checkboxIconName = "IconCheckbox";
+    if (isActive === "indeterminate") {
+        checkboxIconName = "IconCheckboxIndeterminate";
+    }
+    else if (isActive) {
+        checkboxIconName = "IconCheckboxActive";
+    }
     var handlePress = useCallback(function () {
         onPress === null || onPress === void 0 ? void 0 : onPress();
     }, [isActive, onPress]);
@@ -7037,7 +7045,7 @@ var Checkbox = function (_a) {
     }, [checked]);
     return (React__default.createElement(View, { testID: testID, row: true, disabled: disabled, alignCenter: true, style: [style], onPress: handlePress },
         leftIcon ? (React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_8 }, leftIcon)) : (React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_8 },
-            React__default.createElement(SvgIcon, { name: isActive ? "IconCheckboxActive" : "IconCheckbox", width: iconSize, height: iconSize, color: checkboxColor }))),
+            React__default.createElement(SvgIcon, { name: checkboxIconName, width: iconSize, height: iconSize, color: checkboxColor }))),
         React__default.createElement(View, { full: true },
             React__default.createElement(Text$1, { color: colors.textDefault, style: [
                     styles$5.text14,
@@ -7047,10 +7055,7 @@ var Checkbox = function (_a) {
                     textStyle,
                 ] }, content))));
 };
-var styles$5 = StyleSheet.create(__assign(__assign({}, containerStyles), { icon: {
-        width: 24,
-        height: 24,
-    } }));
+var styles$5 = StyleSheet.create(__assign({}, containerStyles));
 
 var RadioButton = function (_a) {
     var testID = _a.testID, style = _a.style, _b = _a.content, content = _b === void 0 ? "content" : _b, textStyle = _a.textStyle, onPress = _a.onPress, _c = _a.disabled, disabled = _c === void 0 ? false : _c, leftIcon = _a.leftIcon, _d = _a.checked, checked = _d === void 0 ? false : _d;