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

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

@@ -0,0 +1,15 @@
+# FloatingButton
+
+## Usage & Example
+
+```js
+import FloatingButton from '@/FloatingButton';
+
+<FloatingButton onPress={onPress} type={'charcoal'}/>
+```
+
+Key             | Type           | Required  | Description                         |
+--------------- | -------------- | --------- | ----------------------------------- |
+icon            | `icon`         | `False`   | Required to pass group and icon in order to display others icon |
+onPress         | `function`     | `False`   | onPress action after button clicks  |
+type            | `string`       | `False`   | button type, primary or secondary   |

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

@@ -0,0 +1,19 @@
+# DDS 3.0
+## FloatingButton Changelog
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Apr 13, 2023
+### Added
+- Remove ISSHOWNOTIFICATIONBADGE and notification badge
+
+## Apr 3, 2023
+### Added
+- [DDS 3.0] Adopt the colors, size, border radius, border width token
+- Update the component to follow DDS 3.0 style
+- Added ONPRESS as props for on press action
+- Added TYPE as props to show as charcoal/red style
+- Added ICON as props to let icon customizable
+- Added ISSHOWNOTIFICATIONBADGE to hide and show red circle as notification badge

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

@@ -0,0 +1,7 @@
+/**
+ *
+ * @format
+ *
+ */
+"use strict";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/FloatingButton/config/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAJA","ignoreList":[]}

package/lib/module/component/AIA/atoms/FloatingButton/index.js

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

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const FloatingButtonStyles = (colors, border) => StyleSheet.create({
+  containerWrapper: {
+    alignSelf: 'center'
+  },
+  containerStyle: {
+    padding: 13,
+    borderWidth: border['border-sm'],
+    borderRadius: border['radius-round'],
+    opacity: 1
+  },
+  surfaceContainer: {
+    backgroundColor: colors['surface-default'],
+    borderRadius: border['radius-round']
+  },
+  redBorderColor: {
+    borderColor: colors['button-primary-border']
+  },
+  charcoalBorderColor: {
+    borderColor: colors['border-default']
+  },
+  redHoldingContainer: {
+    backgroundColor: colors['button-secondary-surface-hover']
+  },
+  charcoalHoldingContainer: {
+    backgroundColor: colors['surface-hover-1']
+  }
+});
+export default FloatingButtonStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","FloatingButtonStyles","colors","border","create","containerWrapper","alignSelf","containerStyle","padding","borderWidth","borderRadius","opacity","surfaceContainer","backgroundColor","redBorderColor","borderColor","charcoalBorderColor","redHoldingContainer","charcoalHoldingContainer"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/FloatingButton/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,oBAAoB,GAAGA,CAACC,MAAM,EAAEC,MAAM,KAC3CH,UAAU,CAACI,MAAM,CAAC;EACjBC,gBAAgB,EAAE;IACjBC,SAAS,EAAE;EACZ,CAAC;EACDC,cAAc,EAAE;IACfC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAEN,MAAM,CAAC,WAAW,CAAC;IAChCO,YAAY,EAAEP,MAAM,CAAC,cAAc,CAAC;IACpCQ,OAAO,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IACjBC,eAAe,EAAEX,MAAM,CAAC,iBAAiB,CAAC;IAC1CQ,YAAY,EAAEP,MAAM,CAAC,cAAc;EACpC,CAAC;EACDW,cAAc,EAAE;IACfC,WAAW,EAAEb,MAAM,CAAC,uBAAuB;EAC5C,CAAC;EACDc,mBAAmB,EAAE;IACpBD,WAAW,EAAEb,MAAM,CAAC,gBAAgB;EACrC,CAAC;EACDe,mBAAmB,EAAE;IACpBJ,eAAe,EAAEX,MAAM,CAAC,gCAAgC;EACzD,CAAC;EACDgB,wBAAwB,EAAE;IACzBL,eAAe,EAAEX,MAAM,CAAC,iBAAiB;EAC1C;AACD,CAAC,CAAC;AAEH,eAAeD,oBAAoB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/FloatingButton/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/FloatingButton/types/index.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,138 @@
+"use strict";
+
+/**
+ *
+ * Icon
+ * @format
+ *
+ */
+
+import React, { memo } from 'react';
+import { View, Image } from 'react-native';
+import a11y from "../../utils/Accessibility/index.js";
+import Icons from "../Icons/index.js";
+import IllustrationIcons from "../IllustrationIcons/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Icon = /*#__PURE__*/memo(props => {
+  const {
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityValue,
+    accessible,
+    accessibilityRole = 'image',
+    accessibilityState,
+    testID,
+    group,
+    name,
+    size,
+    color = 'default',
+    type = 'Icon',
+    customIcon,
+    resizeMode = 'contain'
+  } = props;
+  const {
+    colors,
+    size: sizeToken
+  } = useCustomTheme();
+  const displaySize = (() => {
+    switch (size) {
+      case 3:
+        return sizeToken.sm;
+      case 4:
+        return sizeToken.md;
+      case 5:
+        return sizeToken.lg;
+      case 6:
+        return sizeToken.xl;
+      case 7:
+        return sizeToken['2xl'];
+      case 9:
+        return sizeToken['4xl'];
+      case 11:
+        return sizeToken['5xl'];
+      case 'xs':
+      case 'sm':
+      case 'md':
+      case 'lg':
+      case 'xl':
+        return sizeToken[`icon-${size}`];
+      default:
+        return sizeToken.sm;
+    }
+  })();
+  const displaySizeForIllustration = (() => {
+    switch (size) {
+      case 'xs':
+      case 'sm':
+      case 'md':
+      case 'lg':
+      case 'xl':
+        return sizeToken[`visual-${size}`];
+      default:
+        return sizeToken['visual-xs'];
+    }
+  })();
+  const colorIcon = (() => {
+    switch (color) {
+      case 'default':
+        return colors['icon-default'];
+      case 'subdued':
+        return colors['icon-subdued'];
+      case 'disabled':
+        return colors['icon-disabled'];
+      case 'inverse':
+        return colors['icon-inverse'];
+      case 'white':
+        return colors['icon-coloured-surface'];
+      case 'navyblue':
+        return colors['icon-selected'];
+      case 'digitalred':
+        return colors['icon-primary'];
+      case 'primary':
+        return colors['icon-primary'];
+      case 'yellow':
+        return colors['icon-warning'];
+      case 'cerise':
+        return colors['icon-error'];
+      case 'blue':
+        return colors['icon-informative'];
+      case 'green':
+        return colors['icon-positive'];
+      case 'star-rating-selected':
+        return colors['rating-star-icon-selected'];
+      default:
+        return colors['icon-default'];
+    }
+  })();
+  const icon = Icons[group]?.(name, {}, displaySize, displaySize, colorIcon);
+  const illustrationIcon = IllustrationIcons[group]?.(name, {}, displaySizeForIllustration, displaySizeForIllustration, colorIcon);
+  let renderedIcon;
+  if (customIcon) {
+    if (typeof customIcon === 'string') {
+      renderedIcon = /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: customIcon
+        },
+        style: {
+          width: displaySize,
+          height: displaySize
+        },
+        resizeMode: resizeMode
+      });
+    } else {
+      renderedIcon = customIcon;
+    }
+  } else {
+    renderedIcon = type === 'Icon' ? icon : illustrationIcon;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    ...a11y(accessibilityLabel, accessibilityHint, accessibilityValue, testID),
+    accessible: accessible,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: renderedIcon
+  });
+});
+export default Icon;
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","Image","a11y","Icons","IllustrationIcons","useCustomTheme","jsx","_jsx","Icon","props","accessibilityLabel","accessibilityHint","accessibilityValue","accessible","accessibilityRole","accessibilityState","testID","group","name","size","color","type","customIcon","resizeMode","colors","sizeToken","displaySize","sm","md","lg","xl","displaySizeForIllustration","colorIcon","icon","illustrationIcon","renderedIcon","source","uri","style","width","height","children"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+## Icon
+Component to import the SVG icon from assets/icon to render
+
+# Usage
+```js
+  import Icon from 'atom/Icon';
+
+  <Icon
+    group
+    name
+    size
+    color
+  />
+```
+
+# Example
+```js
+  import Icon from 'atom/Icon';
+
+  <Icon
+    group="general"
+    name="manRunning"
+    size={3}
+    color="default"
+  />
+```
+
+Key         | Type     | Required | Description
+--------    | --       | --       | --
+group       | `string` | `True`   | Key to map the group of the icon folder
+name        | `string` | `True`   | Key to map the icon name
+size        | `number` | `True`   | Key for icon size
+color       | `string` | `False`  | Key for icon color
+customIcon  | `string` | `False`  | Key for external icon source
+resizeMode  | `string` | `False`  | Key for external icon resize mode (only for image)
+
+# Step to add SVG to use
+
+1. Add SVG in icons/*/
+2. import and export in icons/*/index.ts

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

@@ -0,0 +1,30 @@
+# DDS 3.0
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Aug 21, 2023
+### Updated
+- Updated type and combine with icons types, So that typescript will suggest the available file name and group name.
+
+## Apr 13, 2023
+### Updated
+- Update height & width props to Size
+- rename fillColor to color and supported color
+- remove extraStyle, withBorder, unRead, isCenter and containerStyle props
+
+## Sep 7, 2022
+### Updated
+- Converted component to TS
+
+## Oct 25, 2021
+- Update the importing of the icons from @aia-mobile-dds/icons
+
+## Oct 21, 2021
+- added package.json
+
+## Oct 20, 2021
+### Changed
+- Added the component to the Atoms package
+- Changed the source of the color from @Color to inline hex code

package/lib/module/component/AIA/atoms/Icon/index.js

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

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const IconStyle = StyleSheet.create({});
+export default IconStyle;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","IconStyle","create"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Icon/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,SAAS,GAAGD,UAAU,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;AAEvC,eAAeD,SAAS","ignoreList":[]}

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

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

package/lib/module/component/AIA/atoms/Icon/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Icon/types/index.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+/**
+ *
+ * IconButton
+ * @format
+ *
+ */
+
+import React, { useState } from 'react';
+import { View, TouchableWithoutFeedback } from 'react-native';
+import IconButtonStyles from "./styles/index.js";
+import Icon from "../Icon/index.js";
+import { DEFAULT_ICON_COLOR, DISABLED_ICON_COLOR } from "./config/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const IconButton = props => {
+  const {
+    icon,
+    size = 'small',
+    testID,
+    onPress,
+    isDisabled,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    colors,
+    border,
+    size: sizeToken,
+    spacing
+  } = useCustomTheme();
+  const styles = IconButtonStyles(colors, border, sizeToken, spacing);
+  const [isHolding, setIsHolding] = useState(false);
+  const iconSize = (() => {
+    switch (size) {
+      case 'small':
+        return 5;
+      case 'medium':
+        return 6;
+      case 'large':
+        return 7;
+      default:
+        return 5;
+    }
+  })();
+  const circleContainerSize = (() => {
+    switch (size) {
+      case 'small':
+        return styles.smallCircleContainer;
+      case 'medium':
+        return styles.mediumCircleContainer;
+      case 'large':
+        return styles.largeCircleContainer;
+      default:
+        return styles.smallCircleContainer;
+    }
+  })();
+  const circlePadding = (() => {
+    switch (size) {
+      case 'small':
+        return styles.smallCirclePadding;
+      case 'medium':
+        return styles.mediumCirclePadding;
+      case 'large':
+        return styles.largeCirclePadding;
+      default:
+        return styles.smallCirclePadding;
+    }
+  })();
+  const handleLongPress = () => {
+    !isDisabled && setIsHolding(true);
+  };
+  const handlePressOut = () => {
+    if (!isDisabled && isHolding) {
+      setIsHolding(false);
+    }
+  };
+  const handlePress = () => {
+    !isDisabled && onPress?.();
+  };
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+    testID: testID,
+    onPress: handlePress,
+    onLongPress: handleLongPress,
+    onPressOut: handlePressOut,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.container, circleContainerSize, styles.iconCircleContainer, isHolding && styles.onHoldContainer],
+      children: /*#__PURE__*/_jsx(View, {
+        style: circlePadding,
+        children: /*#__PURE__*/_jsx(Icon, {
+          group: icon.group,
+          name: icon.name,
+          size: iconSize,
+          color: !isDisabled ? DEFAULT_ICON_COLOR : DISABLED_ICON_COLOR
+        })
+      })
+    })
+  });
+};
+export default IconButton;
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","TouchableWithoutFeedback","IconButtonStyles","Icon","DEFAULT_ICON_COLOR","DISABLED_ICON_COLOR","useCustomTheme","jsx","_jsx","IconButton","props","icon","size","testID","onPress","isDisabled","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","colors","border","sizeToken","spacing","styles","isHolding","setIsHolding","iconSize","circleContainerSize","smallCircleContainer","mediumCircleContainer","largeCircleContainer","circlePadding","smallCirclePadding","mediumCirclePadding","largeCirclePadding","handleLongPress","handlePressOut","handlePress","onLongPress","onPressOut","children","style","container","iconCircleContainer","onHoldContainer","group","name","color"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/IconButton/IconButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+# IconButton
+
+## Usage & Example
+
+```js
+import IconButton from '@/IconButton';
+
+<IconButton icon={{group: 'function', name: 'close'}} size="large" />
+
+```
+
+Key             | Type           | Required  | Description                         |
+--------------- | -------------- | --------- | ----------------------------------- |
+icon            | `Object`       | `True`    | Icon sets.                          |
+size            | `String`       | `False`   | Size of Icon, small as default.     |
+onPress         | `Function`     | `True`    | On Press Function.                  |
+isDisabled      | `Boolean`      | `True`    | Component in disable state.         |

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

@@ -0,0 +1,20 @@
+# DDS 3.0
+## IconButton Changelog
+
+## Feb 7, 2024
+### Updated
+- Redesign the hover shape.
+
+## Jan 4, 2023
+### Updated
+- Fixed hover background is not in proper shape.
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Jul 24, 2023
+### Added
+- [DDS 3.0] Adopt the colors, size, border radius, spacing token
+- Update the component to follow DDS 3.0 style
+- Added onPress, size, icon as props

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

@@ -0,0 +1,11 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const DEFAULT_ICON_COLOR = 'default';
+export const DISABLED_ICON_COLOR = 'disabled';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ICON_COLOR","DISABLED_ICON_COLOR"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/IconButton/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,kBAAkB,GAAG,SAAS;AAC3C,OAAO,MAAMC,mBAAmB,GAAG,UAAU","ignoreList":[]}

package/lib/module/component/AIA/atoms/IconButton/index.js

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

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

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

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

@@ -0,0 +1,45 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const IconButtonStyles = (colors, border, size, spacing) => StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconCircleContainer: {
+    borderRadius: border['radius-md']
+  },
+  onHoldContainer: {
+    backgroundColor: colors['surface-hover-1']
+  },
+  smallCirclePadding: {
+    padding: 6
+  },
+  mediumCirclePadding: {
+    padding: spacing.xs
+  },
+  largeCirclePadding: {
+    padding: 0
+  },
+  //Android could not recognize padding with border radius, so have to calculate container size, the calculation will be icon size + circle and container top padding + and circle and container bottom padding
+  smallCircleContainer: {
+    height: size.lg + 12,
+    width: size.lg + 12
+  },
+  mediumCircleContainer: {
+    height: size.xl + spacing.xs + spacing.xs + 4,
+    width: size.xl + spacing.xs + spacing.xs + 4
+  },
+  largeCircleContainer: {
+    height: size['2xl'] + spacing.xs + spacing.xs,
+    width: size['2xl'] + spacing.xs + spacing.xs
+  }
+});
+export default IconButtonStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","IconButtonStyles","colors","border","size","spacing","create","container","alignItems","justifyContent","iconCircleContainer","borderRadius","onHoldContainer","backgroundColor","smallCirclePadding","padding","mediumCirclePadding","xs","largeCirclePadding","smallCircleContainer","height","lg","width","mediumCircleContainer","xl","largeCircleContainer"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/IconButton/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,gBAAgB,GAAGA,CAACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KACtDL,UAAU,CAACM,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACjB,CAAC;EACDC,mBAAmB,EAAE;IACpBC,YAAY,EAAER,MAAM,CAAC,WAAW;EACjC,CAAC;EACDS,eAAe,EAAE;IAChBC,eAAe,EAAEX,MAAM,CAAC,iBAAiB;EAC1C,CAAC;EACDY,kBAAkB,EAAE;IACnBC,OAAO,EAAE;EACV,CAAC;EACDC,mBAAmB,EAAE;IACpBD,OAAO,EAAEV,OAAO,CAACY;EAClB,CAAC;EACDC,kBAAkB,EAAE;IACnBH,OAAO,EAAE;EACV,CAAC;EACD;EACAI,oBAAoB,EAAE;IACrBC,MAAM,EAAEhB,IAAI,CAACiB,EAAE,GAAG,EAAE;IACpBC,KAAK,EAAElB,IAAI,CAACiB,EAAE,GAAG;EAClB,CAAC;EACDE,qBAAqB,EAAE;IACtBH,MAAM,EAAEhB,IAAI,CAACoB,EAAE,GAAGnB,OAAO,CAACY,EAAE,GAAGZ,OAAO,CAACY,EAAE,GAAG,CAAC;IAC7CK,KAAK,EAAElB,IAAI,CAACoB,EAAE,GAAGnB,OAAO,CAACY,EAAE,GAAGZ,OAAO,CAACY,EAAE,GAAG;EAC5C,CAAC;EACDQ,oBAAoB,EAAE;IACrBL,MAAM,EAAEhB,IAAI,CAAC,KAAK,CAAC,GAAGC,OAAO,CAACY,EAAE,GAAGZ,OAAO,CAACY,EAAE;IAC7CK,KAAK,EAAElB,IAAI,CAAC,KAAK,CAAC,GAAGC,OAAO,CAACY,EAAE,GAAGZ,OAAO,CAACY;EAC3C;AACD,CAAC,CAAC;AAEH,eAAehB,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/IconButton/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/IconButton/types/index.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+# DDS 2.0
+
+## Nov 28, 2022
+### Update
+- Add new status success icon in status folder
+
+## July 27, 2022
+### Update
+- Update the types of icons to remove react-native base types
+
+## Jul 9, 2022
+### Added
+- Added Nutrition Icons
+- Added FoodTracker Icons
+- Added Medal Icons
+
+## Jul 7, 2022
+### Added
+- Added icons package