decathlon-ui 2.0.0 → 2.0.1

package/dist/components/badge/badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAuIhD,eAAO,MAAM,KAAK,qHAnHf,UAAU,oDAmHkC,CAAC"}
+{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA6IhD,eAAO,MAAM,KAAK,qHAzHf,UAAU,oDAyHkC,CAAC"}

package/dist/components/badge/badge.component.js

@@ -12,9 +12,12 @@ const BadgeComponent = ({ text, children, variant, tone, filled = false, size =
     const tagMode = tone != null ||
         (isRenderable(children) && text === undefined);
     const tagToneResolved = tone !== null && tone !== void 0 ? tone : "neutral";
-    const legacyVariant = variant !== null && variant !== void 0 ? variant : "default";
+    const legacyVariant = variant;
     const tagStyles = useCheckoutTagStyles(tagToneResolved, filled);
-    const legacyStyles = useBadgeStyles(legacyVariant, size);
+    const legacyStyles = useBadgeStyles(legacyVariant !== null && legacyVariant !== void 0 ? legacyVariant : "default", size);
+    const legacyVariantColors = legacyVariant
+        ? legacyStyles[legacyVariant]
+        : undefined;
     const renderIconTag = (tagIcon) => {
         if (typeof tagIcon === "string" && tagIcon.includes(".svg")) {
             if (Platform.OS !== "web") {
@@ -64,14 +67,16 @@ const BadgeComponent = ({ text, children, variant, tone, filled = false, size =
     };
     return (_jsxs(View, { style: [
             legacyStyles.container,
-            !style && legacyVariant && legacyStyles[legacyVariant],
+            legacyVariantColors && {
+                backgroundColor: legacyVariantColors.backgroundColor,
+            },
             style,
         ], children: [icon != null && iconPosition === "left"
                 ? renderIconLegacy(icon)
                 : null, _jsx(Text, { style: [
                     legacyStyles.text,
                     getSizeStyle(),
-                    legacyVariant && legacyStyles[legacyVariant],
+                    legacyVariantColors && { color: legacyVariantColors.color },
                     textStyle,
                 ], children: text }), icon != null && iconPosition === "right"
                 ? renderIconLegacy(icon)

package/dist/components/delivery-option-card/delivery-option-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delivery-option-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/delivery-option-card/delivery-option-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAuI5E,eAAO,MAAM,kBAAkB,qDAA0C,CAAC"}
+{"version":3,"file":"delivery-option-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/delivery-option-card/delivery-option-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAwL5E,eAAO,MAAM,kBAAkB,qDAA0C,CAAC"}

package/dist/components/delivery-option-card/delivery-option-card.component.js

@@ -4,7 +4,16 @@ import { Text, TouchableOpacity, View, } from "react-native";
 import { BagIcon, ChevronRightIcon, StarIcon, } from "../../icons";
 import { useTheme } from "../../themes";
 import { useDeliveryOptionCardStyles } from "./delivery-option-card.styles";
-const DeliveryOptionCardComponent = ({ testID, style, tone = "featured", disabled = false, selected = false, tags, onPress, leadingIcon, showRecommendedBadge, recommendedBadgeIcon, advantageousLabel, title, trailingTitle, subtitle, description, showAvailabilityIndicator, availabilitySummary, changeStoreLabel, onChangeStorePress, }) => {
+function renderDescriptionWithStoreName(description, storeName, styles) {
+    const index = description.indexOf(storeName);
+    if (index === -1) {
+        return _jsx(Text, { style: styles.subtitleText, children: description });
+    }
+    const before = description.slice(0, index);
+    const after = description.slice(index + storeName.length);
+    return (_jsxs(Text, { style: styles.subtitleText, children: [before, _jsx(Text, { style: styles.subtitleStoreName, children: storeName }), after] }));
+}
+const DeliveryOptionCardComponent = ({ testID, style, tone = "featured", disabled = false, selected = false, tags, onPress, leadingIcon, showRecommendedBadge, recommendedBadgeIcon, advantageousLabel, title, trailingTitle, subtitle, description, pickupDescriptionPrefix, pickupStoreName, showAvailabilityIndicator, availabilitySummary, changeStoreLabel, onChangeStorePress, }) => {
     const theme = useTheme();
     const styles = useDeliveryOptionCardStyles({
         tone,
@@ -13,10 +22,25 @@ const DeliveryOptionCardComponent = ({ testID, style, tone = "featured", disable
     });
     const subtitleContent = subtitle !== null && subtitle !== void 0 ? subtitle : description;
     const effectiveSelected = selected && !disabled;
+    const renderSubtitle = () => {
+        if (pickupStoreName) {
+            if (pickupDescriptionPrefix != null) {
+                return (_jsxs(Text, { style: styles.subtitleText, children: [pickupDescriptionPrefix, _jsx(Text, { style: styles.subtitleStoreName, children: pickupStoreName })] }));
+            }
+            if (typeof subtitleContent === "string") {
+                return renderDescriptionWithStoreName(subtitleContent, pickupStoreName, styles);
+            }
+            return (_jsx(Text, { style: styles.subtitleStoreName, children: pickupStoreName }));
+        }
+        if (typeof subtitleContent === "string") {
+            return _jsx(Text, { style: styles.subtitleText, children: subtitleContent });
+        }
+        return subtitleContent;
+    };
     const badgesSection = tags !== null && tags !== void 0 ? tags : (_jsxs(_Fragment, { children: [showRecommendedBadge ? (_jsxs(View, { style: styles.recommendedBadge, children: [recommendedBadgeIcon !== null && recommendedBadgeIcon !== void 0 ? recommendedBadgeIcon : (_jsx(StarIcon, { size: 12, color: theme.colors.white })), _jsx(Text, { style: styles.recommendedText, children: "Recomendado" })] })) : null, advantageousLabel ? (_jsx(View, { style: styles.advantageousBadge, children: _jsx(Text, { style: styles.advantageousText, children: advantageousLabel }) })) : null] }));
     const cardBody = (_jsxs(_Fragment, { children: [_jsxs(View, { style: styles.topRow, children: [_jsxs(View, { style: styles.leadingCluster, children: [leadingIcon !== null && leadingIcon !== void 0 ? leadingIcon : (_jsx(BagIcon, { size: 20, color: theme.colors.iconPrimary })), _jsx(View, { style: styles.badgesColumn, children: badgesSection })] }), _jsx(View, { style: effectiveSelected
                             ? styles.radioOuterSelected
-                            : styles.radioOuterIdle, children: effectiveSelected ? _jsx(View, { style: styles.radioInner }) : null })] }), _jsxs(View, { style: styles.titleRow, children: [_jsx(Text, { style: styles.title, numberOfLines: 2, children: title }), trailingTitle ? (_jsx(Text, { style: styles.trailingTitle, children: trailingTitle })) : null] }), subtitleContent ? (_jsx(View, { style: styles.subtitle, children: typeof subtitleContent === "string" ? (_jsx(Text, { style: styles.subtitleText, children: subtitleContent })) : (subtitleContent) })) : null, availabilitySummary ? (_jsxs(View, { style: styles.availabilityRow, children: [showAvailabilityIndicator ? (_jsx(View, { style: styles.availabilityBar })) : null, _jsx(View, { style: { flex: 1 }, children: availabilitySummary })] })) : null, changeStoreLabel && onChangeStorePress && !disabled ? (_jsxs(TouchableOpacity, { onPress: onChangeStorePress, style: styles.footerLink, hitSlop: { top: 8, bottom: 8, left: 4, right: 8 }, accessibilityRole: "link", children: [_jsx(Text, { style: styles.footerLinkText, children: changeStoreLabel }), _jsx(ChevronRightIcon, { size: 14, color: theme.colors.primary })] })) : null] }));
+                            : styles.radioOuterIdle, children: effectiveSelected ? _jsx(View, { style: styles.radioInner }) : null })] }), _jsxs(View, { style: styles.titleRow, children: [_jsx(Text, { style: styles.title, numberOfLines: 2, children: title }), trailingTitle ? (_jsx(Text, { style: styles.trailingTitle, children: trailingTitle })) : null] }), subtitleContent || pickupStoreName ? (_jsx(View, { style: styles.subtitle, children: renderSubtitle() })) : null, availabilitySummary ? (_jsxs(View, { style: styles.availabilityRow, children: [showAvailabilityIndicator ? (_jsx(View, { style: styles.availabilityBar })) : null, _jsx(View, { style: { flex: 1 }, children: availabilitySummary })] })) : null, changeStoreLabel && onChangeStorePress && !disabled ? (_jsxs(TouchableOpacity, { onPress: onChangeStorePress, style: styles.footerLink, hitSlop: { top: 8, bottom: 8, left: 4, right: 8 }, accessibilityRole: "link", children: [_jsx(Text, { style: styles.footerLinkText, children: changeStoreLabel }), _jsx(ChevronRightIcon, { size: 14, color: theme.colors.primary })] })) : null] }));
     if (onPress && !disabled) {
         return (_jsx(TouchableOpacity, { testID: testID, accessibilityRole: "button", accessibilityState: { disabled: false }, style: [styles.card, style], onPress: onPress, activeOpacity: 0.85, children: cardBody }));
     }

package/dist/components/delivery-option-card/delivery-option-card.styles.d.ts

@@ -138,6 +138,12 @@ export declare const useDeliveryOptionCardStyles: ({ tone, selected, disabled, }
         lineHeight: number;
         color: "#4A5565";
     };
+    subtitleStoreName: {
+        fontFamily: "Inter-SemiBold";
+        fontSize: number;
+        lineHeight: number;
+        color: "#101010";
+    };
     availabilityRow: {
         flexDirection: "row";
         alignItems: "flex-start";

package/dist/components/delivery-option-card/delivery-option-card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delivery-option-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/delivery-option-card/delivery-option-card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,+BAIzC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KT,CAAC"}
+{"version":3,"file":"delivery-option-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/delivery-option-card/delivery-option-card.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,GAAI,+BAIzC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLT,CAAC"}

package/dist/components/delivery-option-card/delivery-option-card.styles.js

@@ -138,6 +138,12 @@ export const useDeliveryOptionCardStyles = ({ tone, selected, disabled = false,
             lineHeight: 17.88,
             color: theme.colors.textDeliveryMuted,
         },
+        subtitleStoreName: {
+            fontFamily: theme.fonts.inter.semiBold,
+            fontSize: 13,
+            lineHeight: 17.88,
+            color: theme.colors.textPrimary,
+        },
         availabilityRow: {
             flexDirection: "row",
             alignItems: "flex-start",

package/dist/components/delivery-option-card/delivery-option-card.types.d.ts

@@ -23,6 +23,13 @@ export type DeliveryOptionCardProps = {
     subtitle?: ReactNode;
     /** Alias de `subtitle` (layouts antigos) */
     description?: ReactNode;
+    /**
+     * Texto antes do nome da loja (ex.: "Retire disponível após 2 horas do pagamento na ").
+     * Com `pickupStoreName`, renderiza o nome em negrito.
+     */
+    pickupDescriptionPrefix?: string;
+    /** Nome da loja de retirada — exibido em negrito (com prefixo ou destacado dentro de `description` string). */
+    pickupStoreName?: string;
     /** Barra lateral de contexto (ex.: aviso misto casa/loja) */
     showAvailabilityIndicator?: boolean;
     availabilitySummary?: ReactNode;

package/dist/components/delivery-option-card/delivery-option-card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"delivery-option-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/delivery-option-card/delivery-option-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,yFAAyF;AACzF,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,SAAS,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sHAAsH;IACtH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC"}
+{"version":3,"file":"delivery-option-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/delivery-option-card/delivery-option-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,yFAAyF;AACzF,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,SAAS,CAAC;AAExD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sHAAsH;IACtH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,+GAA+G;IAC/G,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC"}

package/package.json

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