decathlon-ui 0.3.37 → 0.3.39

package/dist/components/blue-product-filter/blue-product-filter.component.js

@@ -5,5 +5,5 @@ import { ToggleSwitch } from "../toggle-switch";
 import { useBlueProductFilterStyles } from "./blue-product-filter.styles";
 export function BlueProductFilter({ selected, onChange, disabled = false, }) {
     const styles = useBlueProductFilterStyles();
-    return (_jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.leftContent, children: [_jsx(View, { style: styles.iconContainer, children: _jsx(BlueProductRoundedIcon, { viewBox: "0 0 50 50", size: 48 }) }), _jsxs(View, { style: styles.textContent, children: [_jsx(Text, { style: styles.title, children: "Produto Azul" }), _jsxs(Text, { style: styles.description, children: ["Produtos Decathlon com o", "\n", " melhor custo-benef\u00EDcio"] })] })] }), _jsx(View, { style: styles.toggleContainer, children: _jsx(ToggleSwitch, { isOn: selected, onToggle: () => onChange(!selected), disabled: disabled, activeCircleColor: "#fff", inactiveBackgroundColor: "#D9DDE1", inactiveBorderColor: "#D9DDE1", inactiveCircleColor: "#fff" }) })] }));
+    return (_jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.leftContent, children: [_jsx(View, { style: styles.iconContainer, children: _jsx(BlueProductRoundedIcon, { viewBox: "0 0 50 50", size: 48 }) }), _jsxs(View, { style: styles.textContent, children: [_jsx(Text, { style: styles.title, children: "Produto Azul" }), _jsxs(Text, { style: styles.description, children: ["Produtos Decathlon com o", "\n", "melhor custo-benef\u00EDcio"] })] })] }), _jsx(View, { style: styles.toggleContainer, children: _jsx(ToggleSwitch, { isOn: selected, onToggle: () => onChange(!selected), disabled: disabled, activeCircleColor: "#fff", inactiveBackgroundColor: "#D9DDE1", inactiveBorderColor: "#D9DDE1", inactiveCircleColor: "#fff" }) })] }));
 }

package/dist/components/index.d.ts

@@ -26,6 +26,7 @@ export * from "./quick-add-product-card/index";
 export * from "./radio/index";
 export * from "./range-slider/index";
 export * from "./search-button/index";
+export * from "./search-pill/index";
 export * from "./select/index";
 export * from "./seller-box/index";
 export * from "./stars-rating/index";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/components/index.js

@@ -26,6 +26,7 @@ export * from "./quick-add-product-card/index";
 export * from "./radio/index";
 export * from "./range-slider/index";
 export * from "./search-button/index";
+export * from "./search-pill/index";
 export * from "./select/index";
 export * from "./seller-box/index";
 export * from "./stars-rating/index";

package/dist/components/product-card/product-card.component.js

@@ -38,7 +38,7 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
                                 }, icon: flag.icon }, flag.name + index + productName));
                         })), showFavoriteButton && (_jsx(TouchableOpacity, { style: [
                             isFavorite ? styles.favoriteButton : styles.unfavoriteButton,
-                        ], onPress: handleFavoritePress, accessibilityLabel: isFavorite ? "Remover dos favoritos" : "Adicionar aos favoritos", accessibilityRole: "button", children: isLoadingFavorite ? (_jsx(Loading, { size: 16 })) : isFavorite ? (_jsx(HeartFillIcon, { size: 16, color: "#101010" })) : (_jsx(HeartIcon, { size: 16, color: "#101010" })) }))] }), variant !== "lastViewed" && (_jsxs(View, { style: styles.detailsContainer, children: [_jsxs(View, { style: styles.productInfo, children: [_jsx(Text, { style: styles.brandText, children: brand }), _jsx(View, { style: styles.nameContainer, children: _jsx(Text, { numberOfLines: 3, style: styles.nameText, accessibilityLabel: `Nome do produto: ${productName}`, children: productName }) })] }), variant === "grid" && showRating && (_jsxs(View, { style: styles.ratingContainer, accessibilityLabel: `Avaliação: ${rating} estrelas, ${reviewCount} avaliações`, children: [_jsx(StarIcon, { size: 11, color: "#15181B", filled: true }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating === null || rating === void 0 ? void 0 : rating.toString().replace(/\./g, ",") }), _jsx(Text, { style: styles.reviewCountText, children: reviewCount })] })] })), _jsxs(View, { style: styles.priceContainer, children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${price}`, children: `${price} à vista` }), discountPrice && (_jsx(Text, { style: styles.priceDiscountText, children: discountPrice }))] }), colorsVariants && (_jsx(Text, { style: styles.colorsText, children: colorsVariants }))] }))] })), [
+                        ], onPress: handleFavoritePress, accessibilityLabel: isFavorite ? "Remover dos favoritos" : "Adicionar aos favoritos", accessibilityRole: "button", children: isLoadingFavorite ? (_jsx(Loading, { size: 16 })) : isFavorite ? (_jsx(HeartFillIcon, { size: 16, color: "#101010" })) : (_jsx(HeartIcon, { size: 16, color: "#101010" })) }))] }), variant !== "lastViewed" && (_jsxs(View, { style: styles.detailsContainer, children: [_jsxs(View, { style: styles.productInfo, children: [_jsx(Text, { style: styles.brandText, children: brand }), _jsx(View, { style: styles.nameContainer, children: _jsx(Text, { numberOfLines: 3, style: styles.nameText, accessibilityLabel: `Nome do produto: ${productName}`, children: productName }) })] }), variant === "grid" && showRating && (_jsxs(View, { style: styles.ratingContainer, accessibilityLabel: `Avaliação: ${rating} estrelas, ${reviewCount} avaliações`, children: [_jsx(StarIcon, { size: 11, color: "#15181B", filled: true }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating === null || rating === void 0 ? void 0 : rating.toString().replace(/\./g, ",") }), _jsx(Text, { style: styles.reviewCountText, children: reviewCount })] })] })), _jsxs(View, { style: styles.priceContainer, children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${price}`, children: `${price} ${discountPrice ? `à vista` : ''}` }), discountPrice && (_jsx(Text, { style: styles.priceDiscountText, children: discountPrice }))] }), colorsVariants && (_jsx(Text, { style: styles.colorsText, children: colorsVariants }))] }))] })), [
         brand,
         handleFavoritePress,
         imageUrl,

package/dist/components/search-pill/index.d.ts

@@ -0,0 +1,2 @@
+export * from './search-pill.component';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/search-pill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-pill/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/components/search-pill/index.js

@@ -0,0 +1 @@
+export * from './search-pill.component';

package/dist/components/search-pill/search-pill.component.d.ts

@@ -0,0 +1,7 @@
+interface SearchPillProps {
+    onPress: () => void;
+    label?: string;
+}
+declare function SearchPill({ onPress, label }: SearchPillProps): import("react/jsx-runtime").JSX.Element;
+export { SearchPill };
+//# sourceMappingURL=search-pill.component.d.ts.map

package/dist/components/search-pill/search-pill.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-pill.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-pill/search-pill.component.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,KAAiB,EAAE,EAAE,eAAe,2CAYlE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/search-pill/search-pill.component.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, TouchableOpacity, View } from "react-native";
+import { SearchIcon } from "../../icons";
+import { useTheme } from "../../themes";
+import { useSearchPillStyles } from "./search-pill.styles";
+function SearchPill({ onPress, label = "Barraca" }) {
+    const { colors } = useTheme();
+    const styles = useSearchPillStyles();
+    return (_jsx(TouchableOpacity, { onPress: onPress, style: styles.container, children: _jsxs(View, { style: styles.content, children: [_jsx(SearchIcon, { size: 18, color: colors.textSecondary }), _jsx(Text, { style: styles.text, children: label })] }) }));
+}
+export { SearchPill };

package/dist/components/search-pill/search-pill.styles.d.ts

@@ -0,0 +1,22 @@
+export declare const useSearchPillStyles: () => {
+    container: {
+        backgroundColor: "#F7F8F9";
+        borderRadius: number;
+        paddingHorizontal: 12;
+        paddingVertical: 14;
+    };
+    content: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 8;
+    };
+    text: {
+        fontFamily: "Inter-Regular";
+        color: "#383838";
+        fontSize: 14;
+        fontWeight: "400";
+        lineHeight: 21;
+        textAlign: "left";
+    };
+};
+//# sourceMappingURL=search-pill.styles.d.ts.map

package/dist/components/search-pill/search-pill.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-pill.styles.d.ts","sourceRoot":"","sources":["../../../src/components/search-pill/search-pill.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;CAwB/B,CAAC"}

package/dist/components/search-pill/search-pill.styles.js

@@ -0,0 +1,26 @@
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useSearchPillStyles = () => {
+    const { colors, spacing, fonts } = useTheme();
+    return StyleSheet.create({
+        container: {
+            backgroundColor: colors.backgroundSecondary,
+            borderRadius: 32,
+            paddingHorizontal: spacing.sm,
+            paddingVertical: spacing.default,
+        },
+        content: {
+            flexDirection: "row",
+            alignItems: "center",
+            gap: spacing.xs,
+        },
+        text: {
+            fontFamily: fonts.inter.regular,
+            color: colors.textSecondary,
+            fontSize: fonts.sizes.xs,
+            fontWeight: "400",
+            lineHeight: spacing.mmd,
+            textAlign: "left",
+        },
+    });
+};

package/package.json

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