@wlloyalty/wll-react-sdk 1.11.0 → 1.11.1

package/dist/types/components/atoms/Chip/index.d.ts

@@ -11,6 +11,13 @@ export type ChipProps = {
     testID?: string;
     style?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
+    /**
+     * Maximum number of lines the label may wrap onto before truncating.
+     * Defaults to 2 so long, tenant-configured labels wrap onto a second row
+     * and stay inside the parent (e.g. a badge tile) instead of overflowing.
+     * Pass 1 to force a single line with tail truncation.
+     */
+    numberOfLines?: number;
 };
-declare const Chip: ({ label, variant, role, ariaLive, accessibilityLabel, testID, style, labelStyle, }: ChipProps) => React.ReactElement;
+declare const Chip: ({ label, variant, role, ariaLive, accessibilityLabel, testID, style, labelStyle, numberOfLines, }: ChipProps) => React.ReactElement;
 export default Chip;

package/dist/types/components/atoms/Chip/styles.d.ts

@@ -9,6 +9,7 @@ export declare const useChipStyles: () => {
         borderRadius: number;
         overflow: "hidden";
         flexShrink: number;
+        maxWidth: "100%";
     };
     label: {
         fontFamily: string;

package/dist/web.js

@@ -24003,7 +24003,8 @@ var useChipStyles = function () {
       paddingVertical: paddingVertical,
       borderRadius: theme.sizes.borderRadiusRounded,
       overflow: 'hidden',
-      flexShrink: 1
+      flexShrink: 1,
+      maxWidth: '100%'
     },
     label: {
       fontFamily: theme.fontFamily,
@@ -24049,7 +24050,9 @@ var Chip = function (_a) {
     accessibilityLabel = _a.accessibilityLabel,
     testID = _a.testID,
     style = _a.style,
-    labelStyle = _a.labelStyle;
+    labelStyle = _a.labelStyle,
+    _e = _a.numberOfLines,
+    numberOfLines = _e === void 0 ? 2 : _e;
   var styles = useChipStyles();
   var theme = useWllSdk().theme;
   var variantStyles = React.useMemo(function () {
@@ -24086,9 +24089,9 @@ var Chip = function (_a) {
     }
   }, [theme, variant]);
   var computedAccessibilityLabel = accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : typeof label === 'string' ? label : undefined;
-  var _e = mapLiveRegion(ariaLive),
-    accessibilityLiveRegion = _e.native,
-    ariaLiveValue = _e.web;
+  var _f = mapLiveRegion(ariaLive),
+    accessibilityLiveRegion = _f.native,
+    ariaLiveValue = _f.web;
   var isIndividuallyAccessible = computedAccessibilityLabel !== undefined;
   return /*#__PURE__*/React.createElement(View$2, {
     style: [styles.container, variantStyles.container, style],
@@ -24100,7 +24103,7 @@ var Chip = function (_a) {
     testID: testID
   }, /*#__PURE__*/React.createElement(RNText, {
     style: [styles.label, variantStyles.label, labelStyle],
-    numberOfLines: 1,
+    numberOfLines: numberOfLines,
     ellipsizeMode: "tail",
     accessible: false,
     importantForAccessibility: "no"