decathlon-ui 0.3.7 → 0.3.8

package/dist/components/category-item/category-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/category-item/category-item.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAkD1D,eAAO,MAAM,YAAY,+CAAoC,CAAC"}
+{"version":3,"file":"category-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/category-item/category-item.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAsD1D,eAAO,MAAM,YAAY,+CAAoC,CAAC"}

package/dist/components/category-item/category-item.component.js

@@ -7,7 +7,7 @@ import { useCategoryItemStyles } from "./category-item.styles";
 /**
  * Componente CategoryItem utilizado para exibir categorias com ícone e título
  */
-const CategoryItemComponent = ({ title, image, onPress, style, textStyle, imageStyle, hasArrow = true, }) => {
+const CategoryItemComponent = ({ title, image, onPress, style, textStyle, imageStyle, hasArrow = true, customColorChevronRight, }) => {
     const styles = useCategoryItemStyles();
     const theme = useTheme();
     const iconElement = React.useMemo(() => {
@@ -16,7 +16,10 @@ const CategoryItemComponent = ({ title, image, onPress, style, textStyle, imageS
         }
         return (_jsx(View, { style: [styles.imageContainer, imageStyle], children: _jsx(Image, { source: image, style: styles.image }) }));
     }, [image, imageStyle]);
-    return (_jsxs(Pressable, { style: [styles.container, style], onPress: onPress, android_ripple: { color: theme.colors.backgroundTertiary, borderless: false }, children: [_jsxs(View, { style: styles.content, children: [iconElement, _jsx(Text, { style: [styles.title, textStyle], children: title })] }), hasArrow && (_jsx(ChevronRightIcon, { size: 24, color: theme.colors.textPrimary, style: styles.arrowIcon }))] }));
+    return (_jsxs(Pressable, { style: [styles.container, style], onPress: onPress, android_ripple: {
+            color: theme.colors.backgroundTertiary,
+            borderless: false,
+        }, children: [_jsxs(View, { style: styles.content, children: [iconElement, _jsx(Text, { style: [styles.title, textStyle], children: title })] }), hasArrow && (_jsx(ChevronRightIcon, { size: 24, color: customColorChevronRight || theme.colors.textPrimary, style: styles.arrowIcon }))] }));
 };
 export const CategoryItem = React.memo(CategoryItemComponent);
 CategoryItem.displayName = "CategoryItem";

package/dist/components/category-item/category-item.types.d.ts

@@ -28,5 +28,9 @@ export interface CategoryItemProps {
      * Indica se possui uma seta para a direita
      */
     hasArrow?: boolean;
+    /**
+     * Cor personalizada para a seta
+     */
+    customColorChevronRight?: string;
 }
 //# sourceMappingURL=category-item.types.d.ts.map

package/dist/components/category-item/category-item.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"category-item.types.d.ts","sourceRoot":"","sources":["../../../src/components/category-item/category-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"category-item.types.d.ts","sourceRoot":"","sources":["../../../src/components/category-item/category-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC"}

package/dist/components/toggle-switch/toggle-switch.component.js

@@ -16,12 +16,12 @@ const ToggleSwitchComponent = ({ isOn = false, onToggle, disabled = false, error
             disabled: disabled,
         }, accessibilityLabel: label, children: [_jsx(View, { style: [
                     styles.switchContainer,
-                    isOn && styles.switchActive,
+                    isOn ? styles.switchActive : styles.switchInactive,
                     disabled && styles.switchDisabled,
                     error && styles.switchError,
                 ], children: _jsx(View, { style: [
                         styles.circle,
-                        isOn && styles.circleActive,
+                        isOn ? styles.circleActive : styles.circleInactive,
                         disabled && styles.circleDisabled,
                     ] }) }), label && (_jsx(Text, { style: [
                     styles.label,

package/dist/components/toggle-switch/toggle-switch.styles.d.ts

@@ -21,6 +21,11 @@ export declare const useToggleSwitchStyles: () => {
     switchError: {
         backgroundColor: "#AB0009";
     };
+    switchInactive: {
+        backgroundColor: "#FFFFFF";
+        borderColor: "#B3BAC3";
+        borderWidth: number;
+    };
     circle: {
         width: number;
         height: number;
@@ -41,6 +46,9 @@ export declare const useToggleSwitchStyles: () => {
     circleDisabled: {
         backgroundColor: "#EFF1F3";
     };
+    circleInactive: {
+        backgroundColor: "#949494";
+    };
     label: {
         color: "#101010";
         fontSize: number;

package/dist/components/toggle-switch/toggle-switch.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/toggle-switch.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DjC,CAAC"}
+{"version":3,"file":"toggle-switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/toggle-switch.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEjC,CAAC"}

package/dist/components/toggle-switch/toggle-switch.styles.js

@@ -26,6 +26,11 @@ export const useToggleSwitchStyles = () => {
         switchError: {
             backgroundColor: colors.textError,
         },
+        switchInactive: {
+            backgroundColor: colors.white,
+            borderColor: colors.borderPrimary,
+            borderWidth: 1,
+        },
         circle: {
             width: 20,
             height: 20,
@@ -43,6 +48,9 @@ export const useToggleSwitchStyles = () => {
         circleDisabled: {
             backgroundColor: colors.backgroundTertiary,
         },
+        circleInactive: {
+            backgroundColor: colors.iconDisabled,
+        },
         label: {
             color: colors.textPrimary,
             fontSize: 14,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decathlon-ui",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "Biblioteca de componentes React Native com Storybook e documentação via GitHub Pages.",
   "main": "dist/index.js",
   "module": "dist/index.js",