@originallyus/feedback-rn-sdk 4.0.0-beta.26 → 4.0.0-beta.28

package/lib/module/component/AIA/atoms/Chip/Chip.js

@@ -10,16 +10,16 @@
 import React, { memo, useState, useRef } from 'react';
 import { TouchableWithoutFeedback, View } from 'react-native';
 import { Text } from 'react-native-paper';
-import { ADD_ICON, CHECK_ICON, ILLUSTRATED_ICON } from "./config/index.js";
+import { ILLUSTRATED_ICON, ERROR_ICON } from "./config/index.js";
 import ChipStyles from "./styles/index.js";
 import Icon from "../Icon/index.js";
+import Image from "../Image/index.js";
 import useCustomTheme from "../../hooks/useCustomTheme/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Chip = /*#__PURE__*/memo(props => {
   const {
     id,
     isSelected,
-    isMultiple,
     label,
     onPress,
     illustratedIcon,
@@ -30,7 +30,17 @@ const Chip = /*#__PURE__*/memo(props => {
     accessibilityLabel,
     accessibilityHint,
     accessibilityRole,
-    accessibilityState
+    accessibilityState,
+    leadingIcon,
+    trailingIcon,
+    variant = 'default',
+    isError,
+    showErrorMessage = true,
+    errorMessage = 'Error Message',
+    directionForIllustration = 'vertical',
+    iconTypeForIllustration = 'illustratedIcon',
+    iconForIllustration,
+    imgSource
   } = props;
   const {
     fonts,
@@ -67,59 +77,140 @@ const Chip = /*#__PURE__*/memo(props => {
       onPress?.();
     }
   };
-  const renderSelectedIcon = () => {
-    const icon = !isSelected ? ADD_ICON : CHECK_ICON;
+  const renderIcon = isLeading => {
+    const icon = isLeading ? leadingIcon : trailingIcon;
+    if (!icon) return null;
     return /*#__PURE__*/_jsx(Icon, {
       group: icon.group,
       name: icon.name,
-      size: icon.size,
+      size: smallVariantBodyOption == 'body-1' ? 5 : 4,
       color: !isDisabled ? isSelected || isHolding ? 'navyblue' : 'default' : 'disabled'
     });
   };
-  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-    testID: `${id}-chip`,
-    onPressOut: handlePressOut,
-    onLongPress: handleLongPress,
-    onPress: handlePress,
-    accessible: accessible,
-    accessibilityLabel: accessibilityLabel,
-    accessibilityHint: accessibilityHint,
-    accessibilityRole: accessibilityRole,
-    accessibilityState: accessibilityState,
-    children: size === 'small' ? /*#__PURE__*/_jsxs(View, {
-      style: [styles.container, isHolding && !isSelected && styles.holdingNotSelectedStyle, isSelected && styles.isSelected, isHolding && isSelected && styles.holdingSelectedStyle, illustratedIcon != undefined && styles.illustratedIconContainer, isDisabled && styles.disabledContainer],
-      pointerEvents: "box-only",
-      ref: containerRef,
-      children: [isMultiple && illustratedIcon && /*#__PURE__*/_jsx(View, {
-        style: styles.illustratedChipSelectedIconContainer,
-        children: renderSelectedIcon()
-      }), illustratedIcon != undefined && /*#__PURE__*/_jsx(View, {
-        style: styles.illustratedIconWrapper,
-        children: /*#__PURE__*/_jsx(Icon, {
-          group: ILLUSTRATED_ICON.group,
-          name: illustratedIcon,
-          size: ILLUSTRATED_ICON.size,
-          color: ILLUSTRATED_ICON.color
-        })
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.nonIllustratedChipContainer,
-        children: [isMultiple && !illustratedIcon && /*#__PURE__*/_jsx(View, {
-          style: styles.iconMargin,
-          children: renderSelectedIcon()
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [fonts[`${smallVariantBodyOption}-semibold`], styles.label, isSelected && styles.isSelectedLabel, isDisabled && styles.disabledText],
-          children: label
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      alignItems: 'flex-start'
+    },
+    children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      testID: `${id}-chip`,
+      onPressOut: handlePressOut,
+      onLongPress: handleLongPress,
+      onPress: handlePress,
+      accessible: accessible,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityRole: accessibilityRole,
+      accessibilityState: accessibilityState,
+      children: /*#__PURE__*/_jsxs(View, {
+        children: [size === 'small' && variant === 'default' && /*#__PURE__*/_jsx(View, {
+          style: [styles.container, smallVariantBodyOption == 'body-2' && styles.smallVariantBody2Container, isHolding && !isSelected && styles.holdingNotSelectedStyle, isSelected && styles.isSelected, isSelected && styles.containerSelectedSizeCompensation, isSelected && smallVariantBodyOption == 'body-2' && styles.smallVariantBody2SelectedSizeCompensation, isHolding && isSelected && styles.holdingSelectedStyle, isDisabled && styles.disabledContainer, !label && {
+            minWidth: 0
+          }],
+          pointerEvents: "box-only",
+          ref: containerRef,
+          children: /*#__PURE__*/_jsxs(View, {
+            style: styles.nonIllustratedChipContainer,
+            children: [leadingIcon && /*#__PURE__*/_jsx(View, {
+              style: !label ? undefined : smallVariantBodyOption == 'body-1' ? styles.bodyOneIconMargin : styles.iconMargin,
+              children: renderIcon(true)
+            }), label && /*#__PURE__*/_jsx(Text, {
+              style: [
+              // AIA issue: Fix issue where only the first word is displayed and the second word is hidden due to the lineHeight property.],
+              // fonts[`${smallVariantBodyOption}-semibold`],
+              {
+                fontSize: 16,
+                letterSpacing: 0,
+                fontWeight: '600',
+                // lineHeight: 24,
+                fontFamily: 'OpenSans-SemiBold'
+              }, styles.label, isSelected && styles.isSelectedLabel, isDisabled && styles.disabledText],
+              children: label
+            }), trailingIcon && /*#__PURE__*/_jsx(View, {
+              style: !label ? undefined : smallVariantBodyOption == 'body-1' ? styles.bodyOneTrailingIconMargin : styles.iconTrailingMargin,
+              children: renderIcon(false)
+            })]
+          })
+        }), variant == 'default' && size == 'large' && /*#__PURE__*/_jsx(View, {
+          style: [styles.largeContainer, isHolding && !isSelected && styles.holdingNotSelectedStyle, isSelected && styles.isSelected, isSelected && styles.largeContainerSelectedSizeCompensation, isHolding && isSelected && styles.holdingSelectedStyle, isDisabled && styles.disabledContainer, isError && styles.errorBorder],
+          pointerEvents: "box-only",
+          ref: containerRef,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [fonts['body-1-semibold'], styles.label, isSelected && styles.isSelectedLabel, isDisabled && styles.disabledText],
+            children: label
+          })
+        }), variant === 'illustration' && /*#__PURE__*/_jsxs(View, {
+          style: [styles.container, styles.illustratedIconContainer, directionForIllustration === 'vertical' && styles.illustratedVerticalIconContainer, isHolding && !isSelected && styles.holdingNotSelectedStyle, isSelected && styles.isSelected, isSelected && directionForIllustration !== 'vertical' && styles.illustratedIconSelectedSizeCompensation, isSelected && directionForIllustration === 'vertical' && styles.illustratedVerticalSelectedSizeCompensation, isHolding && isSelected && styles.holdingSelectedStyle, isDisabled && styles.disabledContainer, isError && styles.errorBorder],
+          pointerEvents: "box-only",
+          ref: containerRef,
+          children: [directionForIllustration === 'vertical' && illustratedIcon != undefined && iconTypeForIllustration === 'illustratedIcon' && /*#__PURE__*/_jsx(View, {
+            style: styles.illustratedIconWrapper,
+            children: /*#__PURE__*/_jsx(Icon, {
+              group: ILLUSTRATED_ICON.group,
+              name: illustratedIcon,
+              size: ILLUSTRATED_ICON.size,
+              color: ILLUSTRATED_ICON.color
+            })
+          }), directionForIllustration === 'vertical' && iconForIllustration != null && iconTypeForIllustration === 'illustration' && /*#__PURE__*/_jsx(View, {
+            style: styles.illustratedIconWrapper,
+            children: /*#__PURE__*/_jsx(Icon, {
+              type: 'IllustratedIcon',
+              group: iconForIllustration.group,
+              name: iconForIllustration.name,
+              size: 'sm',
+              color: ILLUSTRATED_ICON.color
+            })
+          }), directionForIllustration === 'vertical' && iconTypeForIllustration === 'image' && /*#__PURE__*/_jsx(View, {
+            style: [styles.illustratedIconWrapper, styles.verticalImageContainer],
+            children: /*#__PURE__*/_jsx(Image, {
+              source: imgSource,
+              aspectRatio: "1:1",
+              customStyle: styles.imageBorder
+            })
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.nonIllustratedChipContainer,
+            children: [directionForIllustration === 'horizontal' && illustratedIcon != undefined && iconTypeForIllustration === 'illustratedIcon' && /*#__PURE__*/_jsx(View, {
+              style: styles.horizontalIllustratedIconWrapper,
+              children: /*#__PURE__*/_jsx(Icon, {
+                group: ILLUSTRATED_ICON.group,
+                name: illustratedIcon,
+                size: 'sm',
+                color: ILLUSTRATED_ICON.color
+              })
+            }), directionForIllustration === 'horizontal' && iconForIllustration != null && iconTypeForIllustration === 'illustration' && /*#__PURE__*/_jsx(View, {
+              style: styles.horizontalIllustratedIconWrapper,
+              children: /*#__PURE__*/_jsx(Icon, {
+                type: 'IllustratedIcon',
+                group: iconForIllustration.group,
+                name: iconForIllustration.name,
+                size: 'xs',
+                color: ILLUSTRATED_ICON.color
+              })
+            }), directionForIllustration === 'horizontal' && iconTypeForIllustration === 'image' && /*#__PURE__*/_jsx(View, {
+              style: [styles.horizontalIllustratedIconWrapper, styles.horizontalImageContainer],
+              children: /*#__PURE__*/_jsx(Image, {
+                source: imgSource,
+                aspectRatio: "1:1",
+                customStyle: styles.imageBorder
+              })
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [fonts[`body-1-semibold`], styles.label, isSelected && styles.isSelectedLabel, isDisabled && styles.disabledText],
+              children: label
+            })]
+          })]
         })]
-      })]
-    }) : /*#__PURE__*/_jsx(View, {
-      style: [styles.largeContainer, styles.fullWidth, isHolding && !isSelected && styles.holdingNotSelectedStyle, isSelected && styles.isSelected, isHolding && isSelected && styles.holdingSelectedStyle, isDisabled && styles.disabledContainer],
-      pointerEvents: "box-only",
-      ref: containerRef,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [fonts['body-1-semibold'], styles.label, isSelected && styles.isSelectedLabel, isDisabled && styles.disabledText],
-        children: label
       })
-    })
+    }), (size != 'small' || variant == 'illustration') && isError && showErrorMessage && /*#__PURE__*/_jsxs(View, {
+      style: styles.errorContainer,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        group: ERROR_ICON.group,
+        name: ERROR_ICON.name,
+        size: ERROR_ICON.size,
+        color: ERROR_ICON.color
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [fonts['body-2-regular'], styles.errorText],
+        children: errorMessage
+      })]
+    })]
   });
 });
 export default Chip;

package/lib/module/component/AIA/atoms/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useState","useRef","TouchableWithoutFeedback","View","Text","ADD_ICON","CHECK_ICON","ILLUSTRATED_ICON","ChipStyles","Icon","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Chip","props","id","isSelected","isMultiple","label","onPress","illustratedIcon","size","smallVariantBodyOption","isDisabled","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","fonts","colors","border","sizeToken","spacing","styles","containerRef","isHolding","setIsHolding","handleLongPress","handlePressOut","event","nativeEvent","current","measure","x","y","width","height","pageX","pageY","undefined","touchX","touchY","handlePress","renderSelectedIcon","icon","group","name","color","testID","onPressOut","onLongPress","children","style","container","holdingNotSelectedStyle","holdingSelectedStyle","illustratedIconContainer","disabledContainer","pointerEvents","ref","illustratedChipSelectedIconContainer","illustratedIconWrapper","nonIllustratedChipContainer","iconMargin","isSelectedLabel","disabledText","largeContainer","fullWidth"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Chip/Chip.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,QAAO,OAAO;AACnD,SAAQC,wBAAwB,EAAEC,IAAI,QAAO,cAAc;AAC3D,SAAQC,IAAI,QAAO,oBAAoB;AAEvC,SAAQC,QAAQ,EAAEC,UAAU,EAAEC,gBAAgB;AAE9C,OAAOC,UAAU;AAEjB,OAAOC,IAAI;AACX,OAAOC,cAAc;AAA4C,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjE,MAAMC,IAAI,gBAAGhB,IAAI,CAAaiB,KAAgB,IAAK;EAClD,MAAM;IACLC,EAAE;IACFC,UAAU;IACVC,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC,eAAe;IACfC,IAAI,GAAG,OAAO;IACdC,sBAAsB,GAAG,QAAQ;IACjCC,UAAU;IACVC,UAAU;IACVC,kBAAkB;IAClBC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACD,CAAC,GAAGd,KAAK;EAET,MAAM;IAACe,KAAK;IAAEC,MAAM;IAAEC,MAAM;IAAEV,IAAI,EAAEW,SAAS;IAAEC;EAAO,CAAC,GAAGzB,cAAc,CAAC,CAAC;EAC1E,MAAM0B,MAAM,GAAG5B,UAAU,CAACwB,MAAM,EAAEC,MAAM,EAAEC,SAAS,EAAEC,OAAO,CAAC;EAC7D,MAAME,YAAY,GAAGpC,MAAM,CAAC,IAAI,CAAC;EAEjC,MAAM,CAACqC,SAAS,EAAEC,YAAY,CAAC,GAAGvC,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMwC,eAAe,GAAGA,CAAA,KAAM;IAC7B,CAACf,UAAU,IAAIc,YAAY,CAAC,IAAI,CAAC;EAClC,CAAC;EAED,MAAME,cAAc,GAAGC,KAAK,IAAI;IAC/B,MAAMC,WAAW,GAAGD,KAAK,CAACC,WAAW;IACrC,IAAI,CAAClB,UAAU,IAAIa,SAAS,EAAE;MAC7B,IAAID,YAAY,CAACO,OAAO,EAAE;QACzBP,YAAY,CAACO,OAAO,CAACC,OAAO,CAAC,CAACC,CAAC,EAAEC,CAAC,EAAEC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,KAAK;UACnE,IAAIR,WAAW,CAACO,KAAK,KAAKE,SAAS,IAAIT,WAAW,CAACQ,KAAK,KAAKC,SAAS,EAAE;YACvE,MAAMC,MAAM,GAAGV,WAAW,CAACO,KAAK,GAAGA,KAAK;YACxC,MAAMI,MAAM,GAAGX,WAAW,CAACQ,KAAK,GAAGA,KAAK;YAExC,IAAIE,MAAM,IAAI,CAAC,IAAIC,MAAM,IAAI,CAAC,IAAID,MAAM,IAAIL,KAAK,IAAIM,MAAM,IAAIL,MAAM,EAAE;cACtE5B,OAAO,GAAG,CAAC;YACZ;UACD;QACD,CAAC,CAAC;MACH;MACAkB,YAAY,CAAC,KAAK,CAAC;IACpB;EACD,CAAC;EAED,MAAMgB,WAAW,GAAGA,CAAA,KAAM;IACzB,IAAI,CAAC9B,UAAU,IAAIJ,OAAO,EAAE;MAC3BA,OAAO,GAAG,CAAC;IACZ;EACD,CAAC;EAED,MAAMmC,kBAAkB,GAAGA,CAAA,KAAM;IAChC,MAAMC,IAAI,GAAG,CAACvC,UAAU,GAAGb,QAAQ,GAAGC,UAAU;IAChD,oBACCM,IAAA,CAACH,IAAI;MACJiD,KAAK,EAAED,IAAI,CAACC,KAAM;MAClBC,IAAI,EAAEF,IAAI,CAACE,IAAK;MAChBpC,IAAI,EAAEkC,IAAI,CAAClC,IAAY;MACvBqC,KAAK,EAAE,CAACnC,UAAU,GAAIP,UAAU,IAAIoB,SAAS,GAAG,UAAU,GAAG,SAAS,GAAI;IAAW,CACrF,CAAC;EAEJ,CAAC;EAED,oBACC1B,IAAA,CAACV,wBAAwB;IACxB2D,MAAM,EAAE,GAAG5C,EAAE,OAAQ;IACrB6C,UAAU,EAAErB,cAAe;IAC3BsB,WAAW,EAAEvB,eAAgB;IAC7BnB,OAAO,EAAEkC,WAAY;IACrB7B,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IAAAkC,QAAA,EAEtCzC,IAAI,KAAK,OAAO,gBAChBT,KAAA,CAACX,IAAI;MACJ8D,KAAK,EAAE,CACN7B,MAAM,CAAC8B,SAAS,EAChB5B,SAAS,IAAI,CAACpB,UAAU,IAAIkB,MAAM,CAAC+B,uBAAuB,EAC1DjD,UAAU,IAAIkB,MAAM,CAAClB,UAAU,EAC/BoB,SAAS,IAAIpB,UAAU,IAAIkB,MAAM,CAACgC,oBAAoB,EACtD9C,eAAe,IAAI8B,SAAS,IAAIhB,MAAM,CAACiC,wBAAwB,EAC/D5C,UAAU,IAAIW,MAAM,CAACkC,iBAAiB,CACrC;MACFC,aAAa,EAAC,UAAU;MACxBC,GAAG,EAAEnC,YAAa;MAAA2B,QAAA,GAEjB7C,UAAU,IAAIG,eAAe,iBAC7BV,IAAA,CAACT,IAAI;QAAC8D,KAAK,EAAE7B,MAAM,CAACqC,oCAAqC;QAAAT,QAAA,EAAER,kBAAkB,CAAC;MAAC,CAAO,CACtF,EACAlC,eAAe,IAAI8B,SAAS,iBAC5BxC,IAAA,CAACT,IAAI;QAAC8D,KAAK,EAAE7B,MAAM,CAACsC,sBAAuB;QAAAV,QAAA,eAC1CpD,IAAA,CAACH,IAAI;UACJiD,KAAK,EAAEnD,gBAAgB,CAACmD,KAAM;UAC9BC,IAAI,EAAErC,eAAgB;UACtBC,IAAI,EAAEhB,gBAAgB,CAACgB,IAAY;UACnCqC,KAAK,EAAErD,gBAAgB,CAACqD;QAAa,CACrC;MAAC,CACG,CACN,eACD9C,KAAA,CAACX,IAAI;QAAC8D,KAAK,EAAE7B,MAAM,CAACuC,2BAA4B;QAAAX,QAAA,GAC9C7C,UAAU,IAAI,CAACG,eAAe,iBAC9BV,IAAA,CAACT,IAAI;UAAC8D,KAAK,EAAE7B,MAAM,CAACwC,UAAW;UAAAZ,QAAA,EAAER,kBAAkB,CAAC;QAAC,CAAO,CAC5D,eACD5C,IAAA,CAACR,IAAI;UACJ6D,KAAK,EAAE,CACNlC,KAAK,CAAC,GAAGP,sBAAsB,WAAW,CAAC,EAC3CY,MAAM,CAAChB,KAAK,EACZF,UAAU,IAAIkB,MAAM,CAACyC,eAAe,EACpCpD,UAAU,IAAIW,MAAM,CAAC0C,YAAY,CAChC;UAAAd,QAAA,EAED5C;QAAK,CACD,CAAC;MAAA,CACF,CAAC;IAAA,CACF,CAAC,gBAEPR,IAAA,CAACT,IAAI;MACJ8D,KAAK,EAAE,CACN7B,MAAM,CAAC2C,cAAc,EACrB3C,MAAM,CAAC4C,SAAS,EAChB1C,SAAS,IAAI,CAACpB,UAAU,IAAIkB,MAAM,CAAC+B,uBAAuB,EAC1DjD,UAAU,IAAIkB,MAAM,CAAClB,UAAU,EAC/BoB,SAAS,IAAIpB,UAAU,IAAIkB,MAAM,CAACgC,oBAAoB,EACtD3C,UAAU,IAAIW,MAAM,CAACkC,iBAAiB,CACrC;MACFC,aAAa,EAAC,UAAU;MACxBC,GAAG,EAAEnC,YAAa;MAAA2B,QAAA,eAElBpD,IAAA,CAACR,IAAI;QACJ6D,KAAK,EAAE,CACNlC,KAAK,CAAC,iBAAiB,CAAC,EACxBK,MAAM,CAAChB,KAAK,EACZF,UAAU,IAAIkB,MAAM,CAACyC,eAAe,EACpCpD,UAAU,IAAIW,MAAM,CAAC0C,YAAY,CAChC;QAAAd,QAAA,EAED5C;MAAK,CACD;IAAC,CACF;EACN,CACwB,CAAC;AAE7B,CAAC,CAAC;AAEF,eAAeL,IAAI","ignoreList":[]}
+{"version":3,"names":["React","memo","useState","useRef","TouchableWithoutFeedback","View","Text","ILLUSTRATED_ICON","ERROR_ICON","ChipStyles","Icon","Image","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Chip","props","id","isSelected","label","onPress","illustratedIcon","size","smallVariantBodyOption","isDisabled","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","leadingIcon","trailingIcon","variant","isError","showErrorMessage","errorMessage","directionForIllustration","iconTypeForIllustration","iconForIllustration","imgSource","fonts","colors","border","sizeToken","spacing","styles","containerRef","isHolding","setIsHolding","handleLongPress","handlePressOut","event","nativeEvent","current","measure","x","y","width","height","pageX","pageY","undefined","touchX","touchY","handlePress","renderIcon","isLeading","icon","group","name","color","style","alignItems","children","testID","onPressOut","onLongPress","container","smallVariantBody2Container","holdingNotSelectedStyle","containerSelectedSizeCompensation","smallVariantBody2SelectedSizeCompensation","holdingSelectedStyle","disabledContainer","minWidth","pointerEvents","ref","nonIllustratedChipContainer","bodyOneIconMargin","iconMargin","fontSize","letterSpacing","fontWeight","fontFamily","isSelectedLabel","disabledText","bodyOneTrailingIconMargin","iconTrailingMargin","largeContainer","largeContainerSelectedSizeCompensation","errorBorder","illustratedIconContainer","illustratedVerticalIconContainer","illustratedIconSelectedSizeCompensation","illustratedVerticalSelectedSizeCompensation","illustratedIconWrapper","type","verticalImageContainer","source","aspectRatio","customStyle","imageBorder","horizontalIllustratedIconWrapper","horizontalImageContainer","errorContainer","errorText"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/atoms/Chip/README.md

@@ -26,13 +26,23 @@ import Chip from '@aia-mobile-dds/Chip';
 />
 ```
 
-Key                   | Type              | Required | Description                                                      |
---------------------- | ----------------- | -------- | -----------------------------------------------------------------|
-label                 | `string`          | `True`   | Text string to display.                                          |
-onPress               | `function`        | `False`  | Function to execute on press.                                    |
-isSelected            | `boolean`         | `False`  | Boolean for is chip in selected styles                           |
-isMultiple            | `boolean`         | `False`  | Boolean for chip is in multiple styles                           |
-illustratedIcon       | `string`          | `False`  | Illustrated icon name to display as illustrated chip components. |
-size                  | `string`          | `False`  | Size for the component. Small or large.                          |
-smallVariantBodyOption| `string`          | `False`  | Size of the text for small variant.                              |
-isDisabled            | `boolean`         | `False`  | Boolean for is chip in disabled styles.                          |
+Key                     | Type              | Required | Description                                                      |
+---------------------   | ----------------- | -------- | -----------------------------------------------------------------|
+label                   | `string`          | `True`   | Text string to display.                                          |
+onPress                 | `function`        | `False`  | Function to execute on press.                                    |
+isSelected              | `boolean`         | `False`  | Boolean for is chip in selected styles                           |
+isMultiple              | `boolean`         | `False`  | Boolean for chip is in multiple styles                           |
+illustratedIcon         | `string`          | `False`  | Illustrated icon name to display as illustrated chip components. |
+size                    | `string`          | `False`  | Size for the component. Small or large.                          |
+smallVariantBodyOption  | `string`          | `False`  | Size of the text for small variant.                              |
+isDisabled              | `boolean`         | `False`  | Boolean for is chip in disabled styles.                          |
+leadingIcon             | `Icon`            | `False`  | Left Icon.                                                       |
+trailingIcon            | `Icon`            | `False`  | Right Icon.                                                      |
+variant                 | `string`          | `False`  | Variant of chip.                                                 |
+isError                 | `boolean`         | `False`  | Error state.                                                     |
+showErrorMessage        | `boolean`         | `False`  | Show/Hide error message.                                         |
+errorMessage            | `string`          | `False`  | String for error message.                                        |
+directionForIllustration| `string`          | `False`  | Direction of illustration icon.                                  |
+iconTypeForIllustration | `string`          | `False`  | Type of the icon.                                                |
+iconForIllustration     | `Icon`            | `False`  | Icon object.                                                     |
+imgSource               | `uri`             | `False`  | Image source.                                                    |

package/lib/module/component/AIA/atoms/Chip/changelog.txt

@@ -1,5 +1,15 @@
 # DDS 3.0
 
+## Jun 25, 2026
+### Updated
+- Prevent selected Chip size changes by compensating padding when the selected border width increases.
+
+## Sep 18, 2025
+### Updated
+- Updated to Qi Design.
+- added new props as leadingIcon, trailingIcon, variant, isError, showErrorMessage, errorMessage, directionForIllustration, iconTypeForIllustration, iconForIllustration, imgSource
+- remove isMultiple
+
 ## Jan 27, 2025
 ### Updated
 - Large variant are now full width.

package/lib/module/component/AIA/atoms/Chip/config/index.js

@@ -6,19 +6,15 @@
  *
  */
 
-export const ADD_ICON = {
-  group: 'systemControl',
-  name: 'add',
-  size: 4
-};
-export const CHECK_ICON = {
-  group: 'systemControl',
-  name: 'checkmark',
-  size: 4
-};
 export const ILLUSTRATED_ICON = {
   group: 'red',
   size: 7,
   color: 'default'
 };
+export const ERROR_ICON = {
+  group: 'general',
+  name: 'alert_solid',
+  size: 4,
+  color: 'cerise'
+};
 //# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Chip/config/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ADD_ICON","group","name","size","CHECK_ICON","ILLUSTRATED_ICON","color"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Chip/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,QAAQ,GAAG;EACvBC,KAAK,EAAE,eAAe;EACtBC,IAAI,EAAE,KAAK;EACXC,IAAI,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,UAAU,GAAG;EACzBH,KAAK,EAAE,eAAe;EACtBC,IAAI,EAAE,WAAW;EACjBC,IAAI,EAAE;AACP,CAAC;AAED,OAAO,MAAME,gBAAgB,GAAG;EAC/BJ,KAAK,EAAE,KAAK;EACZE,IAAI,EAAE,CAAC;EACPG,KAAK,EAAE;AACR,CAAC","ignoreList":[]}
+{"version":3,"names":["ILLUSTRATED_ICON","group","size","color","ERROR_ICON","name"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Chip/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAIA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,CAAS;EACfC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,UAAU,GAAG;EACxBH,KAAK,EAAE,SAAS;EAChBI,IAAI,EAAE,aAAa;EACnBH,IAAI,EAAE,CAAS;EACfC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}

package/lib/module/component/AIA/atoms/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Chip/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Chip/index.ts"],"mappings":";;AAAA,SAASA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/atoms/Chip/styles/index.js

@@ -12,26 +12,34 @@ const ChipStyles = (colors, border, size, spacing) => StyleSheet.create({
     alignSelf: 'center',
     alignItems: 'center',
     justifyContent: 'center',
-    paddingHorizontal: spacing.md,
-    paddingVertical: spacing.xs,
+    paddingHorizontal: spacing['sm'],
+    paddingVertical: spacing['xs'],
     minWidth: size['7xl'],
     backgroundColor: colors['surface-enabled-2'],
     borderColor: colors['border-default'],
     borderWidth: border['border-sm'],
     borderRadius: border['chip-radius']
   },
+  smallVariantBody2Container: {
+    paddingHorizontal: spacing['xs']
+  },
   largeContainer: {
     alignSelf: 'center',
     alignItems: 'center',
     justifyContent: 'center',
-    paddingHorizontal: spacing.md,
-    paddingVertical: 13,
+    paddingHorizontal: spacing['xl'],
+    paddingVertical: 14,
     minWidth: 163,
     backgroundColor: colors['surface-enabled-2'],
     borderColor: colors['border-default'],
     borderWidth: border['border-sm'],
     borderRadius: border['chip-radius']
   },
+  errorContainer: {
+    flexDirection: 'row',
+    marginTop: spacing['xs'],
+    alignItems: 'center'
+  },
   fullWidth: {
     width: '100%'
   },
@@ -40,7 +48,26 @@ const ChipStyles = (colors, border, size, spacing) => StyleSheet.create({
   },
   isSelected: {
     backgroundColor: colors['surface-selected-1'],
-    borderColor: colors['border-selected']
+    borderColor: colors['border-selected'],
+    borderWidth: border['border-md']
+  },
+  containerSelectedSizeCompensation: {
+    paddingHorizontal: spacing['sm'] - 1,
+    paddingVertical: spacing['xs'] - 1
+  },
+  smallVariantBody2SelectedSizeCompensation: {
+    paddingHorizontal: spacing['xs'] - 1
+  },
+  largeContainerSelectedSizeCompensation: {
+    paddingHorizontal: spacing['xl'] - 1,
+    paddingVertical: 13
+  },
+  illustratedIconSelectedSizeCompensation: {
+    padding: spacing['md'] - 1
+  },
+  illustratedVerticalSelectedSizeCompensation: {
+    paddingVertical: 13,
+    paddingHorizontal: spacing['md'] - 1
   },
   label: {
     padding: 0,
@@ -57,6 +84,15 @@ const ChipStyles = (colors, border, size, spacing) => StyleSheet.create({
   iconMargin: {
     marginRight: spacing['2xs']
   },
+  bodyOneIconMargin: {
+    marginRight: spacing['xs']
+  },
+  iconTrailingMargin: {
+    marginLeft: spacing['2xs']
+  },
+  bodyOneTrailingIconMargin: {
+    marginLeft: spacing['xs']
+  },
   holdingNotSelectedStyle: {
     backgroundColor: colors['surface-hover-2']
   },
@@ -64,18 +100,26 @@ const ChipStyles = (colors, border, size, spacing) => StyleSheet.create({
     backgroundColor: colors['surface-selected-1-hover']
   },
   illustratedIconWrapper: {
-    marginBottom: spacing.xs,
+    marginBottom: spacing['xs'],
     width: '100%',
     alignItems: 'center'
   },
+  horizontalIllustratedIconWrapper: {
+    marginRight: spacing['xs']
+  },
   illustratedIconContainer: {
-    paddingVertical: spacing.md,
-    minWidth: 163
+    padding: spacing['md'],
+    minWidth: size['size-width-minmax3']
+  },
+  illustratedVerticalIconContainer: {
+    paddingVertical: 14,
+    paddingHorizontal: spacing['md'],
+    minWidth: size['size-width-minmax3']
   },
   illustratedChipSelectedIconContainer: {
     position: 'absolute',
-    right: spacing.md,
-    top: spacing.md
+    right: spacing['md'],
+    top: spacing['md']
   },
   nonIllustratedChipContainer: {
     flexDirection: 'row',
@@ -87,6 +131,24 @@ const ChipStyles = (colors, border, size, spacing) => StyleSheet.create({
   },
   disabledText: {
     color: colors['text-disabled']
+  },
+  errorText: {
+    color: colors['text-error'],
+    marginLeft: spacing['2xs']
+  },
+  errorBorder: {
+    borderColor: colors['border-error']
+  },
+  verticalImageContainer: {
+    height: size['visual-sm'],
+    width: size['visual-sm']
+  },
+  horizontalImageContainer: {
+    height: size['visual-xs'],
+    width: size['visual-xs']
+  },
+  imageBorder: {
+    borderRadius: border['radius-md']
   }
 });
 export default ChipStyles;

package/lib/module/component/AIA/atoms/Chip/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","ChipStyles","colors","border","size","spacing","create","container","alignSelf","alignItems","justifyContent","paddingHorizontal","md","paddingVertical","xs","minWidth","backgroundColor","borderColor","borderWidth","borderRadius","largeContainer","fullWidth","width","isHolding","isSelected","label","padding","marginRight","marginLeft","marginVertical","fontSize","color","flexShrink","isSelectedLabel","iconMargin","holdingNotSelectedStyle","holdingSelectedStyle","illustratedIconWrapper","marginBottom","illustratedIconContainer","illustratedChipSelectedIconContainer","position","right","top","nonIllustratedChipContainer","flexDirection","disabledContainer","disabledText"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Chip/styles/index.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","ChipStyles","colors","border","size","spacing","create","container","alignSelf","alignItems","justifyContent","paddingHorizontal","paddingVertical","minWidth","backgroundColor","borderColor","borderWidth","borderRadius","smallVariantBody2Container","largeContainer","errorContainer","flexDirection","marginTop","fullWidth","width","isHolding","isSelected","containerSelectedSizeCompensation","smallVariantBody2SelectedSizeCompensation","largeContainerSelectedSizeCompensation","illustratedIconSelectedSizeCompensation","padding","illustratedVerticalSelectedSizeCompensation","label","marginRight","marginLeft","marginVertical","fontSize","color","flexShrink","isSelectedLabel","iconMargin","bodyOneIconMargin","iconTrailingMargin","bodyOneTrailingIconMargin","holdingNotSelectedStyle","holdingSelectedStyle","illustratedIconWrapper","marginBottom","horizontalIllustratedIconWrapper","illustratedIconContainer","illustratedVerticalIconContainer","illustratedChipSelectedIconContainer","position","right","top","nonIllustratedChipContainer","disabledContainer","disabledText","errorText","errorBorder","verticalImageContainer","height","horizontalImageContainer","imageBorder"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Chip/styles/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/atoms/Chip/types/index.js

@@ -1,2 +1,4 @@
 "use strict";
+
+export {};
 //# sourceMappingURL=index.js.map