@xetwa/design-system 1.0.19 → 1.0.20
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/package.json
CHANGED
|
@@ -72,8 +72,8 @@ export const PlanCard = ({
|
|
|
72
72
|
};
|
|
73
73
|
case 'explorateur':
|
|
74
74
|
return {
|
|
75
|
-
borderWidth:
|
|
76
|
-
borderColor: '#f2974b',
|
|
75
|
+
borderWidth: isSelected ? 3 : 1.5,
|
|
76
|
+
borderColor: isSelected ? '#f2974b' : '#efe2d6',
|
|
77
77
|
backgroundColor: '#ffffff',
|
|
78
78
|
borderRadius: scale(18),
|
|
79
79
|
paddingVertical: scale(14),
|
|
@@ -81,13 +81,13 @@ export const PlanCard = ({
|
|
|
81
81
|
shadow: 'none' as const,
|
|
82
82
|
overflow: 'visible' as const,
|
|
83
83
|
flatShadow: false,
|
|
84
|
-
customShadow: {
|
|
84
|
+
customShadow: isSelected ? {
|
|
85
85
|
shadowColor: '#fce3ce', // light orange tint for shadow
|
|
86
86
|
shadowOffset: { width: 4, height: 4 },
|
|
87
87
|
shadowOpacity: 1,
|
|
88
88
|
shadowRadius: 0,
|
|
89
89
|
elevation: 4, // Android fallback
|
|
90
|
-
}
|
|
90
|
+
} : null
|
|
91
91
|
};
|
|
92
92
|
case 'fluent':
|
|
93
93
|
return {
|
|
@@ -144,7 +144,11 @@ export const PlanCard = ({
|
|
|
144
144
|
paddingHorizontal={config.paddingHorizontal}
|
|
145
145
|
shadow={config.shadow}
|
|
146
146
|
overflow={config.overflow}
|
|
147
|
-
isSelected
|
|
147
|
+
// Do not pass isSelected to BaseCard for explorateur if we manually manage it in config,
|
|
148
|
+
// to prevent BaseCard from forcing its own activeBorderWidth (2).
|
|
149
|
+
// Wait, if decouverte uses BaseCard's isSelected, we can just pass it selectively or change BaseCard.
|
|
150
|
+
// Let's just NOT pass isSelected for explorateur since we computed the exact colors and width in config.
|
|
151
|
+
isSelected={tier === 'decouverte' ? isSelected : false}
|
|
148
152
|
style={[
|
|
149
153
|
config.flatShadow ? styles.fluentFlatShadow : null,
|
|
150
154
|
config.customShadow ? config.customShadow : null,
|