jfs-components 0.1.25 → 0.1.28

package/lib/module/design-tokens/figma-modes.generated.js

@@ -39,6 +39,7 @@ export const FIGMA_MODES = {
   "AppearanceBrand": ["Primary", "Secondary", "Neutral", "Tertiary"],
   "AppearanceSystem": ["positive", "warning", "negative"],
   "Attached / Output": ["Default"],
+  "Autoplay Control": ["Default"],
   "Avatar / Output": ["Default"],
   "Avatar Group / Output": ["Default"],
   "Avatar Size": ["L", "M", "S", "XS"],
@@ -63,6 +64,7 @@ export const FIGMA_MODES = {
   "Calendar Glyph / Output": ["Default"],
   "Calendar Glyph State": ["Idle", "notSaved", "saved"],
   "Card / Output": ["Default"],
+  "Card Apperance": ["Default", "Plain"],
   "Card Feedback / Output": ["Default"],
   "Card.Media": ["Default"],
   "Card/CTA / Output": ["Default"],
@@ -71,6 +73,7 @@ export const FIGMA_MODES = {
   "CardAdvisory / Output": ["Default"],
   "cardsShared": ["Default"],
   "Carousel / Output": ["Default"],
+  "Carousel Control Gap": ["Default"],
   "CarouselCardAccounts / Output": ["Default"],
   "ccCard / Output": ["Default"],
   "checkbox / Output": ["Default"],
@@ -97,7 +100,7 @@ export const FIGMA_MODES = {
   "contentInset/Right": ["Default", "S", "M", "L"],
   "ContentSheet / Output": ["Default"],
   "Context": ["Default", "Nudge&Alert", "CTACard", "ListItem"],
-  "context 10": ["Default", "Profile card"],
+  "context 10": ["Default", "jioPlus"],
   "context 8": ["Default", "Section"],
   "context 9": ["Default", "Stack"],
   "Context2": ["Default", "AppBar"],
@@ -106,6 +109,7 @@ export const FIGMA_MODES = {
   "context5": ["Default", "Fullscreen Modal"],
   "context7": ["Default", "Card", "Page Hero"],
   "Contrast Context": ["on dark", "on light"],
+  "Control Toggle ": ["Default"],
   "Conversation Feed / Output": ["Default"],
   "Counter Badge / Output": ["Default"],
   "Coverage Bar Comparison / Output": ["Default"],
@@ -137,7 +141,7 @@ export const FIGMA_MODES = {
   "Gap": ["S", "M", "L", "None"],
   "Gauge / Output": ["Default"],
   "Grid / Output": ["Default"],
-  "Handle Boolean": ["False", "True"],
+  "Handle Boolean": ["True", "False"],
   "Heading / Output": ["Default"],
   "Heading text": ["Default", "Slot"],
   "HeroSection / Output": ["Default"],
@@ -158,7 +162,7 @@ export const FIGMA_MODES = {
   "lazyList / Output": ["Default"],
   "LinearMeter / Output": ["Default"],
   "LinearProgress / Output": ["Default"],
-  "LinearProgress Size": ["M", "L"],
+  "LinearProgress Size": ["S", "M", "L"],
   "Link / Output": ["Default"],
   "Link Apperances": ["Neutral", "Primary", "Secondary", "Tertiary"],
   "List Item / Output": ["Default"],
@@ -179,10 +183,10 @@ export const FIGMA_MODES = {
   "NavArrow": ["Default"],
   "NavArrow / Output": ["Default"],
   "NavArrow Direction": ["Left&Right", "Top&Bottom"],
-  "New Collection": ["Default"],
   "NoteInput / Output": ["Default"],
   "Nudge / Output": ["Default"],
   "Nudge padding": ["Default", "None"],
+  "number pagination": ["Default"],
   "Numpad / Output": ["Default"],
   "OTP / Output": ["Mode 1"],
   "Overlay / Output": ["Mode 1"],
@@ -201,6 +205,7 @@ export const FIGMA_MODES = {
   "Product Merchandising card": ["Default"],
   "ProductLabel / Output": ["Default"],
   "ProductOverview / Output": ["Default"],
+  "Profile Card / Output": ["Default"],
   "Profile Card Appearance": ["Default", "Premium"],
   "ProgressBadge / Output": ["Default"],
   "ProjectionMarker": ["Default"],
@@ -272,6 +277,7 @@ export const FIGMA_MODES = {
   "TransactionBubble / Output": ["Default"],
   "TransationDetails / Output": ["Default"],
   "UPI Handle / Output": ["Default"],
+  "UPI Handle Image": ["True", "False"],
   "ValueBar / Output": ["Default"],
   "Video / Output": ["L", "M", "S"],
   "VStack / Output": ["Default"],
@@ -289,9 +295,10 @@ export const FIGMA_COMPONENT_MODES = {
   "AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
   "ActionFooter": ["Color Mode", "context5"],
   "ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
+  "Additem": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
   "AllocationComparisonChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
   "AmountInput": ["Color Mode", "Context3"],
-  "AppBar": ["Color Mode", "Context2", "context5", "NavArrow Direction", "Page type"],
+  "AppBar": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
   "AreaLineChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
   "Attached": ["Color Mode"],
   "Avatar": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
@@ -304,7 +311,7 @@ export const FIGMA_COMPONENT_MODES = {
   "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
   "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
   "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
-  "Card": ["Color Mode", "context 8", "Gap", "Page type"],
+  "Card": ["Card Apperance", "Color Mode", "Gap", "Page type"],
   "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
   "CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "context5", "Emphasis", "List Item Style", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
   "CardCTA": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context 8", "Context4", "Emphasis", "Icon Capsule Size", "MediaBlock", "Page type", "Profile Card Appearance", "Semantic Intent"],
@@ -324,6 +331,7 @@ export const FIGMA_COMPONENT_MODES = {
   "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
   "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Radius", "Selection Card Radius"],
   "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Radius", "Semantic Intent"],
+  "ContentSheet": ["Color Mode", "Page type"],
   "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
   "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
   "DebitCard": ["DebitCard brand"],
@@ -338,8 +346,10 @@ export const FIGMA_COMPONENT_MODES = {
   "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
   "FilterBar": ["Color Mode", "InputState"],
   "FormField": ["Color Mode", "FormField States", "Status"],
+  "FormUpload": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "FormField States", "Icon Capsule Size", "Semantic Intent", "Status"],
   "FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context5", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
   "Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
+  "Grid": ["Background", "Color Mode", "Context", "Padding", "Page type", "Slot gap"],
   "HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
   "HoldingsCard": ["AppearanceBrand", "Color Mode"],
   "HStack": ["Context", "Padding", "Page type", "Slot gap"],
@@ -361,7 +371,7 @@ export const FIGMA_COMPONENT_MODES = {
   "MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
   "MoneyValue": ["Color Mode", "Context3"],
   "MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
-  "NavArrow": ["Color Mode", "Context2", "context5", "NavArrow Direction", "Page type"],
+  "NavArrow": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
   "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
   "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot  States", "Profile Card Appearance", "Semantic Intent", "Status"],
   "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
@@ -373,6 +383,7 @@ export const FIGMA_COMPONENT_MODES = {
   "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
   "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
   "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
+  "ProfileCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Color Mode", "Context", "context 10", "Context2", "Context4", "context5", "Emphasis", "Icon Capsule Size", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable", "Semantic Intent", "Slot gap", "UPI Handle Image"],
   "ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
   "Radio": ["Color Mode"],
   "RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
@@ -392,7 +403,7 @@ export const FIGMA_COMPONENT_MODES = {
   "Step": ["Color Mode", "Step Status"],
   "StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
   "SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
-  "SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context2", "context5", "Emphasis", "NavArrow Direction", "Page type", "Profile Card Appearance", "Semantic Intent"],
+  "SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context2", "context5", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Semantic Intent"],
   "SupportText": ["Color Mode", "FormField States", "Status"],
   "SupportTextIcon": ["Color Mode", "FormField States", "Status"],
   "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
@@ -404,9 +415,9 @@ export const FIGMA_COMPONENT_MODES = {
   "Title": ["Color Mode", "context7", "Page type"],
   "Toggle": ["Color Mode", "Toggle States"],
   "Tooltip": ["Color Mode"],
-  "TransactionBubble": ["Color Mode", "Context2", "Context3", "context5", "NavArrow Direction", "Page type", "Transaction Status"],
+  "TransactionBubble": ["Color Mode", "context 10", "Context2", "Context3", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Transaction Status"],
   "TransactionStatus": ["Transaction Status"],
-  "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance"],
+  "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance", "UPI Handle Image"],
   "VStack": ["Context", "Padding", "Page type", "Slot gap"]
 };
 

package/lib/module/icons/components/IconBrokenimage.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconBrokenimage = props => /*#__PURE__*/_jsx(Svg, {
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M6 9.5C6 10.33 6.67 11 7.5 11C8.33 11 9 10.33 9 9.5C9 8.67 8.33 8 7.5 8C6.67 8 6 8.67 6 9.5ZM19 4H13.6L11.29 6H18.99C19.54 6 19.99 6.45 19.99 7V13.7L16.16 10.25C15.78 9.91 15.2 9.91 14.82 10.25L12.81 12.08L13.35 12.98C13.6 13.4 13.51 13.95 13.13 14.26L11.05 15.99L13.13 17.72C13.36 17.91 13.49 18.19 13.49 18.49C13.49 18.79 13.36 19.07 13.13 19.26L12.25 19.99H18.99C20.64 19.99 21.99 18.64 21.99 16.99V7C21.99 5.35 20.64 4 18.99 4H19ZM8.5 16C8.5 15.7 8.63 15.42 8.86 15.23L9.71 14.52L8.14 13.22C7.76 12.91 7.21 12.92 6.84 13.24L4 15.76V7C4 6.45 4.45 6 5 6H8.24L10.55 4H5C3.35 4 2 5.35 2 7V17C2 18.65 3.35 20 5 20H9.14L10.94 18.5L8.86 16.77C8.63 16.58 8.5 16.3 8.5 16Z"
+  })
+});

package/lib/module/icons/components/IconImage.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconImage = props => /*#__PURE__*/_jsx(Svg, {
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M8.5 7C8.20333 7 7.91332 7.08797 7.66664 7.2528C7.41997 7.41762 7.22771 7.65189 7.11418 7.92597C7.00065 8.20006 6.97094 8.50166 7.02882 8.79264C7.0867 9.08361 7.22956 9.35088 7.43934 9.56066C7.64912 9.77044 7.91639 9.9133 8.20736 9.97118C8.49834 10.0291 8.79994 9.99935 9.07403 9.88582C9.34811 9.77229 9.58238 9.58003 9.7472 9.33335C9.91203 9.08668 10 8.79667 10 8.5C10 8.10218 9.84196 7.72064 9.56066 7.43934C9.27936 7.15804 8.89782 7 8.5 7ZM18 3H6C5.20435 3 4.44129 3.31607 3.87868 3.87868C3.31607 4.44129 3 5.20435 3 6V18C3 18.7956 3.31607 19.5587 3.87868 20.1213C4.44129 20.6839 5.20435 21 6 21H18C18.7956 21 19.5587 20.6839 20.1213 20.1213C20.6839 19.5587 21 18.7956 21 18V6C21 5.20435 20.6839 4.44129 20.1213 3.87868C19.5587 3.31607 18.7956 3 18 3ZM19 12.09L16.21 9.29C16.117 9.19627 16.0064 9.12188 15.8846 9.07111C15.7627 9.02034 15.632 8.9942 15.5 8.9942C15.368 8.9942 15.2373 9.02034 15.1154 9.07111C14.9936 9.12188 14.883 9.19627 14.79 9.29L10.5 13.59L9.21 12.29C9.11704 12.1963 9.00644 12.1219 8.88458 12.0711C8.76272 12.0203 8.63201 11.9942 8.5 11.9942C8.36799 11.9942 8.23728 12.0203 8.11542 12.0711C7.99356 12.1219 7.88296 12.1963 7.79 12.29L5 15.09V6C5 5.73478 5.10536 5.48043 5.29289 5.29289C5.48043 5.10536 5.73478 5 6 5H18C18.2652 5 18.5196 5.10536 18.7071 5.29289C18.8946 5.48043 19 5.73478 19 6V12.09Z"
+  })
+});

package/lib/module/icons/components/IconMic.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconMic = props => /*#__PURE__*/_jsx(Svg, {
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12V5C15 4.20435 14.6839 3.44129 14.1213 2.87868C13.5587 2.31607 12.7956 2 12 2C11.2044 2 10.4413 2.31607 9.87868 2.87868C9.31607 3.44129 9 4.20435 9 5V12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15ZM18 10C17.7348 10 17.4804 10.1054 17.2929 10.2929C17.1054 10.4804 17 10.7348 17 11V12C17 13.3261 16.4732 14.5979 15.5355 15.5355C14.5979 16.4732 13.3261 17 12 17C10.6739 17 9.40215 16.4732 8.46447 15.5355C7.52678 14.5979 7 13.3261 7 12V11C7 10.7348 6.89464 10.4804 6.70711 10.2929C6.51957 10.1054 6.26522 10 6 10C5.73478 10 5.48043 10.1054 5.29289 10.2929C5.10536 10.4804 5 10.7348 5 11V12C5 13.8565 5.7375 15.637 7.05025 16.9497C8.36301 18.2625 10.1435 19 12 19C13.8565 19 15.637 18.2625 16.9497 16.9497C18.2625 15.637 19 13.8565 19 12V11C19 10.7348 18.8946 10.4804 18.7071 10.2929C18.5196 10.1054 18.2652 10 18 10ZM15 20H9C8.73478 20 8.48043 20.1054 8.29289 20.2929C8.10536 20.4804 8 20.7348 8 21C8 21.2652 8.10536 21.5196 8.29289 21.7071C8.48043 21.8946 8.73478 22 9 22H15C15.2652 22 15.5196 21.8946 15.7071 21.7071C15.8946 21.5196 16 21.2652 16 21C16 20.7348 15.8946 20.4804 15.7071 20.2929C15.5196 20.1054 15.2652 20 15 20Z"
+  })
+});

package/lib/module/icons/components/IconMicoff.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconMicoff = props => /*#__PURE__*/_jsx(Svg, {
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M7.06976 12.69C7.0311 12.4618 7.00771 12.2313 6.99976 12V11C6.99976 10.7348 6.8944 10.4804 6.70687 10.2929C6.51933 10.1054 6.26498 10 5.99976 10C5.73454 10 5.48019 10.1054 5.29265 10.2929C5.10512 10.4804 4.99976 10.7348 4.99976 11V12C5.0021 12.7977 5.14077 13.5891 5.40976 14.34L7.06976 12.69ZM11.9998 2.00002C11.2041 2.00002 10.441 2.31609 9.87844 2.8787C9.31583 3.4413 8.99976 4.20437 8.99976 5.00002V10.76L14.9998 4.76002C14.9393 4.00667 14.5967 3.3039 14.0405 2.79221C13.4844 2.28051 12.7555 1.99759 11.9998 2.00002ZM14.9998 20H8.99976C8.73454 20 8.48019 20.1054 8.29265 20.2929C8.10512 20.4804 7.99976 20.7348 7.99976 21C7.99976 21.2652 8.10512 21.5196 8.29265 21.7071C8.48019 21.8947 8.73454 22 8.99976 22H14.9998C15.265 22 15.5193 21.8947 15.7069 21.7071C15.8944 21.5196 15.9998 21.2652 15.9998 21C15.9998 20.7348 15.8944 20.4804 15.7069 20.2929C15.5193 20.1054 15.265 20 14.9998 20ZM11.9998 15C12.7954 15 13.5585 14.6839 14.1211 14.1213C14.6837 13.5587 14.9998 12.7957 14.9998 12V10.44L20.4898 5.00002C20.5876 4.90218 20.6652 4.78603 20.7182 4.65821C20.7711 4.53038 20.7984 4.39337 20.7984 4.25502C20.7984 4.11666 20.7711 3.97965 20.7182 3.85182C20.6652 3.724 20.5876 3.60785 20.4898 3.51002C20.3919 3.41218 20.2758 3.33457 20.148 3.28163C20.0201 3.22868 19.8831 3.20143 19.7448 3.20143C19.6064 3.20143 19.4694 3.22868 19.3416 3.28163C19.2137 3.33457 19.0976 3.41218 18.9998 3.51002L3.50976 19C3.41193 19.0979 3.33432 19.214 3.28137 19.3418C3.22842 19.4697 3.20117 19.6067 3.20117 19.745C3.20117 19.8834 3.22842 20.0204 3.28137 20.1482C3.33432 20.276 3.41193 20.3922 3.50976 20.49C3.70735 20.6876 3.97533 20.7986 4.25476 20.7986C4.39312 20.7986 4.53012 20.7714 4.65795 20.7184C4.78578 20.6655 4.90193 20.5879 4.99976 20.49L7.86976 17.61C8.91053 18.3706 10.1411 18.829 11.4258 18.9347C12.7105 19.0404 13.9995 18.7893 15.1506 18.2091C16.3017 17.6289 17.2702 16.7421 17.9494 15.6465C18.6286 14.5509 18.9921 13.289 18.9998 12V11C18.9998 10.7348 18.8944 10.4804 18.7069 10.2929C18.5193 10.1054 18.265 10 17.9998 10C17.7345 10 17.4802 10.1054 17.2927 10.2929C17.1051 10.4804 16.9998 10.7348 16.9998 11V12C16.9982 12.8998 16.7538 13.7825 16.2923 14.5551C15.8309 15.3276 15.1696 15.9612 14.3781 16.3892C13.5866 16.8172 12.6942 17.0237 11.7952 16.9869C10.8961 16.9501 10.0236 16.6713 9.26976 16.18L10.7298 14.71C11.1267 14.8985 11.5603 14.9975 11.9998 15Z"
+  })
+});

package/lib/module/icons/components/IconPause.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconPause = props => /*#__PURE__*/_jsx(Svg, {
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M8.5 4C8.10218 4 7.72064 4.15804 7.43934 4.43934C7.15804 4.72064 7 5.10218 7 5.5V18.5C7 18.8978 7.15804 19.2794 7.43934 19.5607C7.72064 19.842 8.10218 20 8.5 20C8.89782 20 9.27936 19.842 9.56066 19.5607C9.84196 19.2794 10 18.8978 10 18.5V5.5C10 5.10218 9.84196 4.72064 9.56066 4.43934C9.27936 4.15804 8.89782 4 8.5 4ZM15.5 4C15.1022 4 14.7206 4.15804 14.4393 4.43934C14.158 4.72064 14 5.10218 14 5.5V18.5C14 18.8978 14.158 19.2794 14.4393 19.5607C14.7206 19.842 15.1022 20 15.5 20C15.8978 20 16.2794 19.842 16.5607 19.5607C16.842 19.2794 17 18.8978 17 18.5V5.5C17 5.10218 16.842 4.72064 16.5607 4.43934C16.2794 4.15804 15.8978 4 15.5 4Z"
+  })
+});

package/lib/module/icons/components/IconPlay.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IconPlay = props => /*#__PURE__*/_jsx(Svg, {
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M19.15 10.36L9.15 3.35997C8.81279 3.1246 8.41123 2.99889 8 2.99997C7.67872 2.99676 7.36197 3.07595 7.08 3.22997C6.75541 3.39813 6.48312 3.65203 6.29271 3.96408C6.10231 4.27614 6.00107 4.63441 6 4.99997V19C6.00107 19.3655 6.10231 19.7238 6.29271 20.0359C6.48312 20.3479 6.75541 20.6018 7.08 20.77C7.36197 20.924 7.67872 21.0032 8 21C8.41123 21.0011 8.81279 20.8753 9.15 20.64L19.15 13.64C19.4141 13.4557 19.6297 13.2103 19.7786 12.9248C19.9275 12.6393 20.0053 12.322 20.0053 12C20.0053 11.6779 19.9275 11.3607 19.7786 11.0752C19.6297 10.7896 19.4141 10.5443 19.15 10.36Z"
+  })
+});

package/lib/module/icons/components/index.js

@@ -172,6 +172,7 @@ export * from './IconBrightnessdisplay';
 export * from './IconBrightnessfull';
 export * from './IconBrightnesshalf';
 export * from './IconBroadcast';
+export * from './IconBrokenimage';
 export * from './IconBroom';
 export * from './IconBrush';
 export * from './IconBuffer';
@@ -628,6 +629,7 @@ export * from './IconIce';
 export * from './IconIceskating';
 export * from './IconId';
 export * from './IconIdcheck';
+export * from './IconImage';
 export * from './IconImagemask';
 export * from './IconImport';
 export * from './IconIncognito';
@@ -726,7 +728,9 @@ export * from './IconMerge';
 export * from './IconMergeoff';
 export * from './IconMesh';
 export * from './IconMessagesend';
+export * from './IconMic';
 export * from './IconMicmuteforced';
+export * from './IconMicoff';
 export * from './IconMicroscope';
 export * from './IconMilk';
 export * from './IconMilklow';
@@ -848,6 +852,7 @@ export * from './IconPasses';
 export * from './IconPaste';
 export * from './IconPastedocument';
 export * from './IconPatient';
+export * from './IconPause';
 export * from './IconPausecircle';
 export * from './IconPaybill';
 export * from './IconPayemiinstall';
@@ -889,6 +894,7 @@ export * from './IconPlank';
 export * from './IconPlans';
 export * from './IconPlantgrowth';
 export * from './IconPlanting';
+export * from './IconPlay';
 export * from './IconPlaycircle';
 export * from './IconPlaypause';
 export * from './IconPlaybox';