@itcase/ui-react-native 1.10.89 → 1.10.94

package/src/components/Choice/Choice.interface.ts

@@ -24,8 +24,8 @@ import type {
 
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { iconSizePropsType } from '../Icon/styles/iconSize'
-import type { choiceSizePropsType } from './styles/choiceSize'
+import type { IconSizePropsType } from '../Icon/styles/iconSize'
+import type { ChoiceSizePropsType } from './styles/choiceSize'
 
 interface ChoiceAppearanceProps {
   borderColor?: BorderColorProps
@@ -39,7 +39,7 @@ interface ChoiceAppearanceProps {
   iconAfterFill?: ItemFillActiveProps
   iconAfterFillActive?: ItemFillActiveProps
   iconAfterFillDisabled?: ItemFillActiveProps
-  iconAfterSize?: iconSizePropsType
+  iconAfterSize?: IconSizePropsType
   iconAppearance?: IconProps['appearance']
   iconAppearanceActive?: IconProps['appearance']
   iconBeforeAppearance?: IconProps['appearance']
@@ -47,18 +47,18 @@ interface ChoiceAppearanceProps {
   iconBeforeFill?: ItemFillActiveProps
   iconBeforeFillActive?: ItemFillActiveProps
   iconBeforeFillDisabled?: ItemFillActiveProps
-  iconBeforeSize?: iconSizePropsType
+  iconBeforeSize?: IconSizePropsType
   iconFill?: ItemFillActiveProps
   iconFillActive?: ItemFillActiveProps
   iconFillDisabled?: ItemFillActiveProps
-  iconSize?: iconSizePropsType
+  iconSize?: IconSizePropsType
   labelTextColor?: TextColorProps
   labelTextColorActive?: TextColorProps
   labelTextColorDisabled?: TextColorProps
   labelTextSize?: TextSizeProps
   labelTextWeight?: TextWeightProps
   shape?: ShapeProps
-  size?: choiceSizePropsType
+  size?: ChoiceSizePropsType
   wrap?: WrapProps
 }
 

package/src/components/Choice/index.ts

@@ -13,7 +13,7 @@ import type {
   ChoiceProps,
 } from './Choice.interface'
 import { choiceSizeList } from './styles/choiceSize'
-import type { choiceSizePropsType } from './styles/choiceSize'
+import type { ChoiceSizePropsType } from './styles/choiceSize'
 
 export { Choice, choiceAppearance, choiceConfig, choiceSizeList }
 export type {
@@ -27,5 +27,5 @@ export type {
   ChoiceConfig,
   ChoiceOptionsItem,
   ChoiceProps,
-  choiceSizePropsType,
+  ChoiceSizePropsType,
 }

package/src/components/Choice/stories/ChoiceStories.config.tsx

@@ -58,10 +58,9 @@ const galleryLabelOptions = choiceListMock.choices.map(({ label, value }) => ({
 const galleryIconOptions = choiceListIconMock.choices
 const galleryLabelIconOptions = choiceListMock.choices
 
-const choiceSizeKeys = Object.keys(choiceAppearanceSize).filter(
-  (value): value is keyof typeof choiceAppearanceSize =>
-    value in choiceAppearanceSize,
-)
+const choiceSizeKeys = Object.keys(choiceAppearanceSize) as Array<
+  keyof typeof choiceAppearanceSize
+>
 
 const choiceTypeOptions = ['label', 'icon', 'label-icon'] as const
 

package/src/components/Choice/styles/choiceSize.ts

@@ -52,7 +52,7 @@ const choiceSizeStyles = StyleSheet.create({
 
 const choiceSizeList = getVariantsPropsList(choiceSizeStyles, 'choice_size_')
 
-type choiceSizePropsType = (typeof choiceSizeList)[number]
+type ChoiceSizePropsType = (typeof choiceSizeList)[number]
 
 export { choiceSizeList, choiceSizeStyles }
-export type { choiceSizePropsType }
+export type { ChoiceSizePropsType }

package/src/components/Code/index.ts

@@ -7,9 +7,9 @@ import type {
   CodeProps,
 } from './Code.interface'
 import { codeSizeList } from './styles/codeSize'
-import type { codeSizePropsType } from './styles/codeSize'
+import type { CodeSizePropsType } from './styles/codeSize'
 import { codeVariantList } from './styles/codeVariant'
-import type { codeVariantPropsType } from './styles/codeVariant'
+import type { CodeVariantPropsType } from './styles/codeVariant'
 
 export { Code, codeAppearance, codeConfig, codeSizeList, codeVariantList }
 export type {
@@ -17,6 +17,6 @@ export type {
   CodeAppearanceKey,
   CodeConfig,
   CodeProps,
-  codeSizePropsType,
-  codeVariantPropsType,
+  CodeSizePropsType,
+  CodeVariantPropsType,
 }

package/src/components/Code/stories/CodeStories.config.ts

@@ -10,10 +10,9 @@ import { codeAppearanceStyle } from '../appearance/codeStyle'
 import { codeAppearanceSuccess } from '../appearance/codeSuccess'
 import type { CodeAppearanceKey } from '../Code.interface'
 
-const codeSizeKeys = Object.keys(codeAppearanceSize).filter(
-  (value): value is keyof typeof codeAppearanceSize =>
-    value in codeAppearanceSize,
-)
+const codeSizeKeys = Object.keys(codeAppearanceSize) as Array<
+  keyof typeof codeAppearanceSize
+>
 
 const codeGallery = createComponentGallery<CodeAppearanceKey>({
   size: codeAppearanceSize,

package/src/components/Code/styles/codeSize.ts

@@ -24,7 +24,7 @@ const codeSizeList = getVariantsPropsList(
   'code__input_size_',
 )
 
-type codeSizePropsType = (typeof codeSizeList)[number]
+type CodeSizePropsType = (typeof codeSizeList)[number]
 
 export { codeInputSizeStyles, codeSizeList, codeSizeStyles }
-export type { codeSizePropsType }
+export type { CodeSizePropsType }

package/src/components/Code/styles/codeVariant.ts

@@ -13,7 +13,7 @@ const codeVariantStyles = StyleSheet.create({
 
 const codeVariantList = getVariantsPropsList(codeVariantStyles, 'code_variant_')
 
-type codeVariantPropsType = (typeof codeVariantList)[number]
+type CodeVariantPropsType = (typeof codeVariantList)[number]
 
 export { codeVariantList, codeVariantStyles }
-export type { codeVariantPropsType }
+export type { CodeVariantPropsType }

package/src/components/ColorInput/ColorInput.interface.ts

@@ -12,7 +12,7 @@ import type {
 } from '@itcase/types-ui'
 
 import type { ComponentGalleryArgs } from '../../storybook'
-import type { colorInputSizePropsType } from './styles/colorInputSize'
+import type { ColorInputSizePropsType } from './styles/colorInputSize'
 
 interface ColorInputAppearanceProps {
   borderColor?: BorderColorProps
@@ -21,7 +21,7 @@ interface ColorInputAppearanceProps {
   placeholder?: string
   placeholderTextColor?: TextColorProps
   shape?: ShapeProps
-  size?: colorInputSizePropsType
+  size?: ColorInputSizePropsType
   textColor?: TextColorProps
   textSize?: TextSizeProps
 }

package/src/components/ColorInput/index.ts

@@ -8,7 +8,7 @@ import type {
   ColorInputProps,
 } from './ColorInput.interface'
 import { colorInputSizeList } from './styles/colorInputSize'
-import type { colorInputSizePropsType } from './styles/colorInputSize'
+import type { ColorInputSizePropsType } from './styles/colorInputSize'
 
 export {
   ColorInput,
@@ -22,5 +22,5 @@ export type {
   ColorInputAppearanceKey,
   ColorInputConfig,
   ColorInputProps,
-  colorInputSizePropsType,
+  ColorInputSizePropsType,
 }

package/src/components/ColorInput/stories/ColorInputStories.config.tsx

@@ -16,10 +16,9 @@ import type {
   ColorInputProps,
 } from '../ColorInput.interface'
 
-const colorInputSizeKeys = Object.keys(colorInputAppearanceSize).filter(
-  (value): value is keyof typeof colorInputAppearanceSize =>
-    value in colorInputAppearanceSize,
-)
+const colorInputSizeKeys = Object.keys(colorInputAppearanceSize) as Array<
+  keyof typeof colorInputAppearanceSize
+>
 
 const colorInputGallery = createComponentGallery<ColorInputAppearanceKey>({
   size: colorInputAppearanceSize,

package/src/components/ColorInput/styles/colorInputSize.ts

@@ -52,7 +52,7 @@ const colorInputSizeStyleList = getVariantsPropsList(
   'colorInput_size_',
 )
 
-type colorInputSizePropsType = (typeof colorInputSizeList)[number]
+type ColorInputSizePropsType = (typeof colorInputSizeList)[number]
 
 export { colorInputSizeList, colorInputSizeStyleList, colorInputSizeStyles }
-export type { colorInputSizePropsType }
+export type { ColorInputSizePropsType }

package/src/components/Divider/Divider.interface.ts

@@ -8,13 +8,13 @@ import type {
   WidthProps,
 } from '@itcase/types-ui'
 
-import type { dividerDirectionPropsType } from './styles/dividerDirection'
-import type { dividerSizePropsType } from './styles/dividerSize'
+import type { DividerDirectionPropsType } from './styles/dividerDirection'
+import type { DividerSizePropsType } from './styles/dividerSize'
 
 interface DividerAppearanceProps {
-  direction?: dividerDirectionPropsType
+  direction?: DividerDirectionPropsType
   fill?: FillProps
-  size?: dividerSizePropsType
+  size?: DividerSizePropsType
   width?: WidthProps
 }
 

package/src/components/Divider/index.ts

@@ -7,9 +7,9 @@ import type {
   DividerProps,
 } from './Divider.interface'
 import { dividerDirectionList } from './styles/dividerDirection'
-import type { dividerDirectionPropsType } from './styles/dividerDirection'
+import type { DividerDirectionPropsType } from './styles/dividerDirection'
 import { dividerSizeList } from './styles/dividerSize'
-import type { dividerSizePropsType } from './styles/dividerSize'
+import type { DividerSizePropsType } from './styles/dividerSize'
 
 export {
   Divider,
@@ -22,7 +22,7 @@ export type {
   DividerAppearance,
   DividerAppearanceKey,
   DividerConfig,
-  dividerDirectionPropsType,
+  DividerDirectionPropsType,
   DividerProps,
-  dividerSizePropsType,
+  DividerSizePropsType,
 }

package/src/components/Divider/styles/dividerDirection.ts

@@ -17,7 +17,7 @@ const dividerDirectionList = getVariantsPropsList(
   'divider_direction_',
 )
 
-type dividerDirectionPropsType = (typeof dividerDirectionList)[number]
+type DividerDirectionPropsType = (typeof dividerDirectionList)[number]
 
 export { dividerDirectionList, dividerDirectionStyles }
-export type { dividerDirectionPropsType }
+export type { DividerDirectionPropsType }

package/src/components/Divider/styles/dividerSize.ts

@@ -26,7 +26,7 @@ const dividerSizeStyles = StyleSheet.create({
 
 const dividerSizeList = ['l', 'm', 's'] as const
 
-type dividerSizePropsType = (typeof dividerSizeList)[number]
+type DividerSizePropsType = (typeof dividerSizeList)[number]
 
 export { dividerSizeList, dividerSizeStyles }
-export type { dividerSizePropsType }
+export type { DividerSizePropsType }

package/src/components/Dot/Dot.interface.ts

@@ -3,15 +3,15 @@ import type { StyleProp, ViewStyle } from 'react-native'
 
 import type { BorderColorProps, FillProps } from '@itcase/types-ui'
 
-import type { dotShapePropsType } from './styles/dotShape'
-import type { dotSizePropsType } from './styles/dotSize'
+import type { DotShapePropsType } from './styles/dotShape'
+import type { DotSizePropsType } from './styles/dotSize'
 
 interface DotProps {
   borderColor?: BorderColorProps
   children?: ReactNode
   fill?: FillProps
-  shape?: dotShapePropsType
-  size?: dotSizePropsType
+  shape?: DotShapePropsType
+  size?: DotSizePropsType
   style?: StyleProp<ViewStyle>
 }
 

package/src/components/Dot/index.ts

@@ -1,9 +1,9 @@
 import { Dot } from './Dot'
 import type { DotProps } from './Dot.interface'
 import { dotShapeList } from './styles/dotShape'
-import type { dotShapePropsType } from './styles/dotShape'
+import type { DotShapePropsType } from './styles/dotShape'
 import { dotSizeList } from './styles/dotSize'
-import type { dotSizePropsType } from './styles/dotSize'
+import type { DotSizePropsType } from './styles/dotSize'
 
 export { Dot, dotShapeList, dotSizeList }
-export type { DotProps, dotShapePropsType, dotSizePropsType }
+export type { DotProps, DotShapePropsType, DotSizePropsType }

package/src/components/Dot/styles/dotShape.ts

@@ -16,7 +16,7 @@ const dotShapeStyles = StyleSheet.create({
 
 const dotShapeList = getVariantsPropsList(dotShapeStyles, 'dot_shape_')
 
-type dotShapePropsType = (typeof dotShapeList)[number]
+type DotShapePropsType = (typeof dotShapeList)[number]
 
 export { dotShapeList, dotShapeStyles }
-export type { dotShapePropsType }
+export type { DotShapePropsType }

package/src/components/Dot/styles/dotSize.ts

@@ -19,7 +19,7 @@ const dotSizeStyles = StyleSheet.create({
 
 const dotSizeList = getVariantsPropsList(dotSizeStyles, 'dot_size_')
 
-type dotSizePropsType = (typeof dotSizeList)[number]
+type DotSizePropsType = (typeof dotSizeList)[number]
 
 export { dotSizeList, dotSizeStyles }
-export type { dotSizePropsType }
+export type { DotSizePropsType }

package/src/components/Drawer/Drawer.interface.ts

@@ -14,7 +14,7 @@ import type {
   TitleSizeProps,
 } from '@itcase/types-ui'
 
-import type { dividerSizePropsType } from '../Divider/styles/dividerSize'
+import type { DividerSizePropsType } from '../Divider/styles/dividerSize'
 import type { IconProps } from '../Icon/Icon.interface'
 
 type DrawerPosition = 'bottom' | 'left' | 'right'
@@ -24,7 +24,7 @@ interface DrawerAppearanceProps {
   descTextSize?: TextSizeProps
   divider?: boolean
   dividerFill?: FillProps
-  dividerSize?: dividerSizePropsType
+  dividerSize?: DividerSizePropsType
   fill?: FillProps
   iconCloseAppearance?: IconProps['appearance']
   titleTextColor?: TextColorProps

package/src/components/Dropdown/Dropdown.interface.ts

@@ -21,9 +21,9 @@ import type {
 } from '@itcase/types-ui'
 
 import type { BadgeProps } from '../Badge/Badge.interface'
-import type { dividerSizePropsType } from '../Divider/styles/dividerSize'
+import type { DividerSizePropsType } from '../Divider/styles/dividerSize'
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { dropdownItemSizePropsType } from './styles/dropdownItemSize'
+import type { DropdownItemSizePropsType } from './styles/dropdownItemSize'
 
 interface DropdownAppearanceProps {
   badgeAppearance?: BadgeProps['appearance']
@@ -32,7 +32,7 @@ interface DropdownAppearanceProps {
   badgeTextSize?: BadgeProps['badgeTextSize']
   borderColor?: BorderColorProps
   dividerFill?: FillProps
-  dividerSize?: dividerSizePropsType
+  dividerSize?: DividerSizePropsType
   elevation?: string
   emptyMessageTextColor?: TextColorProps
   emptyMessageTextSize?: TextSizeProps
@@ -50,7 +50,7 @@ interface DropdownAppearanceProps {
   labelTextColorActive?: TextColorProps
   labelTextSize?: TextSizeProps
   shape?: ShapeProps
-  size?: dropdownItemSizePropsType
+  size?: DropdownItemSizePropsType
 }
 
 interface DropdownItemAppearanceProps {
@@ -62,7 +62,7 @@ interface DropdownItemAppearanceProps {
   descTextColor?: TextColorProps
   descTextSize?: TextSizeProps
   dividerFill?: FillProps
-  dividerSize?: dividerSizePropsType
+  dividerSize?: DividerSizePropsType
   emptyMessageTextColor?: TextColorProps
   emptyMessageTextSize?: TextSizeProps
   fill?: FillProps
@@ -80,7 +80,7 @@ interface DropdownItemAppearanceProps {
   labelTextColorActive?: TextColorProps
   labelTextSize?: TextSizeProps
   shape?: ShapeProps
-  size?: dropdownItemSizePropsType
+  size?: DropdownItemSizePropsType
   width?: WidthProps
 }
 

package/src/components/Dropdown/index.ts

@@ -17,7 +17,7 @@ import type {
 import { DropdownItem, dropdownItemConfig } from './DropdownItem'
 import { dropdownItemAppearance } from './DropdownItem.appearance'
 import { dropdownItemSizeList } from './styles/dropdownItemSize'
-import type { dropdownItemSizePropsType } from './styles/dropdownItemSize'
+import type { DropdownItemSizePropsType } from './styles/dropdownItemSize'
 
 export {
   Dropdown,
@@ -40,8 +40,8 @@ export type {
   DropdownItemAppearance,
   DropdownItemConfig,
   DropdownItemProps,
-  dropdownItemSizePropsType,
+  DropdownItemSizePropsType,
   DropdownListItem,
   DropdownProps,
-  dropdownItemSizePropsType as dropdownSizePropsType,
+  DropdownItemSizePropsType as DropdownSizePropsType,
 }

package/src/components/Dropdown/styles/dropdownItemSize.ts

@@ -30,7 +30,7 @@ const dropdownItemSizeList = getVariantsPropsList(
   'dropdown__item_size_',
 )
 
-type dropdownItemSizePropsType = (typeof dropdownItemSizeList)[number]
+type DropdownItemSizePropsType = (typeof dropdownItemSizeList)[number]
 
 export { dropdownItemSizeList, dropdownItemSizeStyles }
-export type { dropdownItemSizePropsType }
+export type { DropdownItemSizePropsType }

package/src/components/Group/Group.interface.ts

@@ -12,10 +12,10 @@ import type {
 } from '@itcase/types-ui'
 
 import type { GapProps } from '../../styles/gap'
-import type { groupAlignItemsPropsType } from './styles/groupAlign'
-import type { groupDirectionPropsType } from './styles/groupDirection'
-import type { groupJustifyContentPropsType } from './styles/groupJustify'
-import type { groupWrapPropsType } from './styles/groupWrap'
+import type { GroupAlignItemsPropsType } from './styles/groupAlign'
+import type { GroupDirectionPropsType } from './styles/groupDirection'
+import type { GroupJustifyContentPropsType } from './styles/groupJustify'
+import type { GroupWrapPropsType } from './styles/groupWrap'
 
 interface GroupAppearanceProps {
   borderColor?: BorderColorProps
@@ -34,14 +34,14 @@ interface GroupProps extends GroupAppearanceProps {
   isActive?: boolean
   isDisabled?: boolean
   onPress?: (event: GestureResponderEvent) => void
-  alignItems?: groupAlignItemsPropsType
+  alignItems?: GroupAlignItemsPropsType
   appearance?: GroupAppearanceKey
   children?: ReactNode
-  direction?: groupDirectionPropsType
+  direction?: GroupDirectionPropsType
   gap?: GapProps
-  justifyContent?: groupJustifyContentPropsType
+  justifyContent?: GroupJustifyContentPropsType
   style?: StyleProp<ViewStyle>
-  wrap?: groupWrapPropsType
+  wrap?: GroupWrapPropsType
 }
 
 export type {

package/src/components/Group/index.ts

@@ -7,13 +7,13 @@ import type {
   GroupProps,
 } from './Group.interface'
 import { groupAlignItemsList } from './styles/groupAlign'
-import type { groupAlignItemsPropsType } from './styles/groupAlign'
+import type { GroupAlignItemsPropsType } from './styles/groupAlign'
 import { groupDirectionList } from './styles/groupDirection'
-import type { groupDirectionPropsType } from './styles/groupDirection'
+import type { GroupDirectionPropsType } from './styles/groupDirection'
 import { groupJustifyContentList } from './styles/groupJustify'
-import type { groupJustifyContentPropsType } from './styles/groupJustify'
+import type { GroupJustifyContentPropsType } from './styles/groupJustify'
 import { groupWrapList } from './styles/groupWrap'
-import type { groupWrapPropsType } from './styles/groupWrap'
+import type { GroupWrapPropsType } from './styles/groupWrap'
 
 export {
   Group,
@@ -25,12 +25,12 @@ export {
   groupWrapList,
 }
 export type {
-  groupAlignItemsPropsType,
+  GroupAlignItemsPropsType,
   GroupAppearance,
   GroupAppearanceKey,
   GroupConfig,
-  groupDirectionPropsType,
-  groupJustifyContentPropsType,
+  GroupDirectionPropsType,
+  GroupJustifyContentPropsType,
   GroupProps,
-  groupWrapPropsType,
+  GroupWrapPropsType,
 }

package/src/components/Group/styles/groupAlign.ts

@@ -31,7 +31,7 @@ const groupAlignItemsList = getVariantsPropsList(
   'group_align_',
 )
 
-type groupAlignItemsPropsType = (typeof groupAlignItemsList)[number]
+type GroupAlignItemsPropsType = (typeof groupAlignItemsList)[number]
 
 export { groupAlignItemsList, groupAlignStyles }
-export type { groupAlignItemsPropsType }
+export type { GroupAlignItemsPropsType }

package/src/components/Group/styles/groupDirection.ts

@@ -34,7 +34,7 @@ const groupDirectionList = getVariantsPropsList(
   'group_direction_',
 )
 
-type groupDirectionPropsType = (typeof groupDirectionList)[number]
+type GroupDirectionPropsType = (typeof groupDirectionList)[number]
 
 export { groupDirectionList, groupDirectionStyles }
-export type { groupDirectionPropsType }
+export type { GroupDirectionPropsType }

package/src/components/Group/styles/groupJustify.ts

@@ -34,7 +34,7 @@ const groupJustifyContentList = getVariantsPropsList(
   'group_justify_',
 )
 
-type groupJustifyContentPropsType = (typeof groupJustifyContentList)[number]
+type GroupJustifyContentPropsType = (typeof groupJustifyContentList)[number]
 
 export { groupJustifyContentList, groupJustifyStyles }
-export type { groupJustifyContentPropsType }
+export type { GroupJustifyContentPropsType }

package/src/components/Group/styles/groupWrap.ts

@@ -16,7 +16,7 @@ const groupWrapStyles = StyleSheet.create({
 
 const groupWrapList = getVariantsPropsList(groupWrapStyles, 'group_wrap_')
 
-type groupWrapPropsType = (typeof groupWrapList)[number]
+type GroupWrapPropsType = (typeof groupWrapList)[number]
 
 export { groupWrapList, groupWrapStyles }
-export type { groupWrapPropsType }
+export type { GroupWrapPropsType }

package/src/components/Icon/Icon.interface.ts

@@ -26,12 +26,12 @@ import type {
 
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { BadgeProps } from '../Badge/Badge.interface'
-import type { badgeTypePropsType } from '../Badge/styles/badgeType'
-import type { iconShapePropsType } from './styles/iconShape'
+import type { BadgeTypePropsType } from '../Badge/styles/badgeType'
+import type { IconShapePropsType } from './styles/iconShape'
 import type {
-  iconFillSizePropsType,
-  iconGlyphSizePropsType,
-  iconSizePropsType,
+  IconFillSizePropsType,
+  IconGlyphSizePropsType,
+  IconSizePropsType,
 } from './styles/iconSize'
 
 type SvgIconComponent = ComponentType<{
@@ -52,13 +52,13 @@ interface IconAppearanceProps {
   borderColor?: BorderColorProps
   fill?: FillProps
   fillHover?: FillHoverProps
-  fillSize?: FillSizeProps | iconSizePropsType
+  fillSize?: FillSizeProps | IconSizePropsType
   iconFill?: ItemFillActiveProps
   iconFillActive?: ItemFillActiveProps
   iconFillDisabled?: ItemFillActiveProps
-  iconSize?: iconGlyphSizePropsType
+  iconSize?: IconGlyphSizePropsType
   shape?: ShapeProps
-  size?: iconFillSizePropsType | iconGlyphSizePropsType
+  size?: IconFillSizePropsType | IconGlyphSizePropsType
 }
 
 type IconConfig = AppearanceConfig<AppearanceKeysDefault, IconAppearanceProps>
@@ -88,14 +88,14 @@ interface IconProps extends IconAppearanceProps {
   onPress?: (event: GestureResponderEvent) => void
   appearance?: CompositeAppearanceIconKeys
   badgeCount?: number | string
-  badgeType?: badgeTypePropsType
+  badgeType?: BadgeTypePropsType
   badgeValue?: number | string
   dataTestId?: string
   fillColor?: ColorValue
   iconColor?: ColorValue
   iconUrl?: string
   imageSrc?: string
-  shape?: iconShapePropsType
+  shape?: IconShapePropsType
   style?: StyleProp<ViewStyle>
   SVGIcon?: SvgIconComponent
   SvgImage?: SvgIconComponent

package/src/components/Icon/index.ts

@@ -8,9 +8,9 @@ import type {
   SvgIconComponent,
 } from './Icon.interface'
 import { iconShapeList } from './styles/iconShape'
-import type { iconShapePropsType } from './styles/iconShape'
+import type { IconShapePropsType } from './styles/iconShape'
 import { iconSizeList } from './styles/iconSize'
-import type { iconSizePropsType } from './styles/iconSize'
+import type { IconSizePropsType } from './styles/iconSize'
 
 export { Icon, iconAppearance, iconConfig, iconShapeList, iconSizeList }
 export type {
@@ -19,7 +19,7 @@ export type {
   IconAppearanceProps,
   IconConfig,
   IconProps,
-  iconShapePropsType,
-  iconSizePropsType,
+  IconShapePropsType,
+  IconSizePropsType,
   SvgIconComponent,
 }

package/src/components/Icon/stories/IconStories.config.ts

@@ -64,7 +64,7 @@ type IconSizeKey = keyof typeof iconAppearanceSize
 const isIconSizeKey = (value: string): value is IconSizeKey =>
   value in iconAppearanceSize
 
-const iconSizeKeys = Object.keys(iconAppearanceSize).filter(isIconSizeKey)
+const iconSizeKeys = Object.keys(iconAppearanceSize) as IconSizeKey[]
 
 const getGalleryIcon = (appearanceSize: string = 'size24_24') => {
   if (!isIconSizeKey(appearanceSize)) {

package/src/components/Icon/styles/iconShape.ts

@@ -25,7 +25,7 @@ const iconShapeStyles = StyleSheet.create({
 
 const iconShapeList = getVariantsPropsList(iconShapeStyles, 'icon_shape_')
 
-type iconShapePropsType = (typeof iconShapeList)[number]
+type IconShapePropsType = (typeof iconShapeList)[number]
 
 export { iconShapeList, iconShapeStyles }
-export type { iconShapePropsType }
+export type { IconShapePropsType }