@itcase/ui-react-native 1.10.89 → 1.10.94

package/src/components/Badge/Badge.interface.ts

@@ -19,9 +19,9 @@ import type {
 
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { badgeShapePropsType } from './styles/badgeShape'
-import type { badgeSizePropsType } from './styles/badgeSize'
-import type { badgeTypePropsType } from './styles/badgeType'
+import type { BadgeShapePropsType } from './styles/badgeShape'
+import type { BadgeSizePropsType } from './styles/badgeSize'
+import type { BadgeTypePropsType } from './styles/badgeType'
 
 type BadgeIconProp = false | SvgIconComponent
 
@@ -37,7 +37,7 @@ interface BadgeAppearanceProps {
   iconShape?: IconProps['shape']
   iconSize?: IconProps['iconSize']
   shape?: ShapeProps
-  size?: badgeSizePropsType
+  size?: BadgeSizePropsType
 }
 
 type BadgeConfig = AppearanceConfig<AppearanceKeysDefault, BadgeAppearanceProps>
@@ -59,10 +59,10 @@ interface BadgeProps extends BadgeAppearanceProps {
   appearance?: CompositeAppearanceKeys
   dot?: boolean
   icon?: BadgeIconProp
-  shape?: badgeShapePropsType
+  shape?: BadgeShapePropsType
   style?: StyleProp<TextStyle>
   text?: number | string
-  type?: badgeTypePropsType
+  type?: BadgeTypePropsType
 }
 
 type BadgeAppearanceKey = NonNullable<BadgeProps['appearance']>

package/src/components/Badge/index.ts

@@ -9,11 +9,11 @@ import type {
   BadgeProps,
 } from './Badge.interface'
 import { badgeShapeList } from './styles/badgeShape'
-import type { badgeShapePropsType } from './styles/badgeShape'
+import type { BadgeShapePropsType } from './styles/badgeShape'
 import { badgeSizeList } from './styles/badgeSize'
-import type { badgeSizePropsType } from './styles/badgeSize'
+import type { BadgeSizePropsType } from './styles/badgeSize'
 import { badgeTypeList } from './styles/badgeType'
-import type { badgeTypePropsType } from './styles/badgeType'
+import type { BadgeTypePropsType } from './styles/badgeType'
 
 export {
   Badge,
@@ -30,7 +30,7 @@ export type {
   BadgeAppearanceSize,
   BadgeConfig,
   BadgeProps,
-  badgeShapePropsType,
-  badgeSizePropsType,
-  badgeTypePropsType,
+  BadgeShapePropsType,
+  BadgeSizePropsType,
+  BadgeTypePropsType,
 }

package/src/components/Badge/stories/BadgeStories.config.ts

@@ -64,7 +64,7 @@ type BadgeSizeKey = keyof typeof badgeIconsBySizeKey
 const isBadgeSizeKey = (value: string): value is BadgeSizeKey =>
   value in badgeIconsBySizeKey
 
-const badgeSizeKeys = Object.keys(badgeIconsBySizeKey).filter(isBadgeSizeKey)
+const badgeSizeKeys = Object.keys(badgeIconsBySizeKey) as BadgeSizeKey[]
 
 const getBadgeTypeIcon = (appearanceSize: string = 'sizeM') =>
   isBadgeSizeKey(appearanceSize)

package/src/components/Badge/styles/badgeShape.ts

@@ -29,7 +29,7 @@ const badgeShapeStyles = StyleSheet.create({
 
 const badgeShapeList = getVariantsPropsList(badgeShapeStyles, 'badge_shape_')
 
-type badgeShapePropsType = (typeof badgeShapeList)[number]
+type BadgeShapePropsType = (typeof badgeShapeList)[number]
 
 export { badgeShapeList, badgeShapeStyles }
-export type { badgeShapePropsType }
+export type { BadgeShapePropsType }

package/src/components/Badge/styles/badgeSize.ts

@@ -92,7 +92,7 @@ const badgeSizeStyles = StyleSheet.create({
 
 const badgeSizeList = getVariantsPropsList(badgeSizeStyles, 'badge_size_')
 
-type badgeSizePropsType = (typeof badgeSizeList)[number]
+type BadgeSizePropsType = (typeof badgeSizeList)[number]
 
 export { badgeSizeList, badgeSizeStyles }
-export type { badgeSizePropsType }
+export type { BadgeSizePropsType }

package/src/components/Badge/styles/badgeType.ts

@@ -24,7 +24,7 @@ const badgeTypeList = [
 
 const badgeTypeStyleList = getVariantsPropsList(badgeTypeStyles, 'badge_type_')
 
-type badgeTypePropsType = (typeof badgeTypeList)[number]
+type BadgeTypePropsType = (typeof badgeTypeList)[number]
 
 export { badgeTypeList, badgeTypeStyleList, badgeTypeStyles }
-export type { badgeTypePropsType }
+export type { BadgeTypePropsType }

package/src/components/Breadcrumbs/Breadcrumbs.interface.ts

@@ -9,7 +9,7 @@ import type {
   TextSizeProps,
 } from '@itcase/types-ui'
 
-import type { breadcrumbsSizePropsType } from './styles/breadcrumbsSize'
+import type { BreadcrumbsSizePropsType } from './styles/breadcrumbsSize'
 
 interface BreadcrumbsItem {
   onPress?: () => void
@@ -20,7 +20,7 @@ interface BreadcrumbsAppearanceProps {
   fill?: FillProps
   labelTextColor?: TextColorProps
   labelTextSize?: TextSizeProps
-  size?: breadcrumbsSizePropsType
+  size?: BreadcrumbsSizePropsType
 }
 
 type BreadcrumbsAppearanceKey = CompositeAppearanceKeys

package/src/components/Breadcrumbs/index.ts

@@ -8,7 +8,7 @@ import type {
   BreadcrumbsProps,
 } from './Breadcrumbs.interface'
 import { breadcrumbsSizeList } from './styles/breadcrumbsSize'
-import type { breadcrumbsSizePropsType } from './styles/breadcrumbsSize'
+import type { BreadcrumbsSizePropsType } from './styles/breadcrumbsSize'
 
 export {
   Breadcrumbs,
@@ -22,5 +22,5 @@ export type {
   BreadcrumbsConfig,
   BreadcrumbsItem,
   BreadcrumbsProps,
-  breadcrumbsSizePropsType,
+  BreadcrumbsSizePropsType,
 }

package/src/components/Breadcrumbs/styles/breadcrumbsSize.ts

@@ -22,7 +22,7 @@ const breadcrumbsSizeList = getVariantsPropsList(
   'breadcrumbs_size_',
 )
 
-type breadcrumbsSizePropsType = (typeof breadcrumbsSizeList)[number]
+type BreadcrumbsSizePropsType = (typeof breadcrumbsSizeList)[number]
 
 export { breadcrumbsSizeList, breadcrumbsSizeStyles }
-export type { breadcrumbsSizePropsType }
+export type { BreadcrumbsSizePropsType }

package/src/components/Button/Button.interface.ts

@@ -26,8 +26,8 @@ import type {
 } from '@itcase/types-ui'
 
 import type { ComponentGalleryArgs } from '../../storybook'
-import type { buttonShapePropsType } from './styles/buttonShape'
-import type { buttonSizePropsType } from './styles/buttonSize'
+import type { ButtonShapePropsType } from './styles/buttonShape'
+import type { ButtonSizePropsType } from './styles/buttonSize'
 
 type ButtonFillDisabledProps =
   | 'accentDisabled'
@@ -47,7 +47,7 @@ interface ButtonAppearanceProps {
   fillDisabled?: ButtonFillDisabledProps
   loaderColor?: ColorValue
   shape?: ShapeProps
-  size?: buttonSizePropsType
+  size?: ButtonSizePropsType
   textColor?: TextColorProps
   textColorDisabled?: TextColorProps
   textSize?: TextSizeProps
@@ -85,8 +85,8 @@ interface ButtonProps extends ButtonAppearanceProps {
   label?: string
   loader?: ReactNode
   loaderColor?: ColorValue
-  shape?: buttonShapePropsType
-  size?: buttonSizePropsType
+  shape?: ButtonShapePropsType
+  size?: ButtonSizePropsType
   style?: StyleProp<TextStyle>
   width?: WidthProps
 }

package/src/components/Button/index.ts

@@ -8,9 +8,9 @@ import type {
   ButtonProps,
 } from './Button.interface'
 import { buttonSizeList } from './styles/buttonSize'
-import type { buttonSizePropsType } from './styles/buttonSize'
+import type { ButtonSizePropsType } from './styles/buttonSize'
 import { buttonTextSizeList } from './styles/buttonText'
-import type { buttonTextSizePropsType } from './styles/buttonText'
+import type { ButtonTextSizePropsType } from './styles/buttonText'
 
 export {
   Button,
@@ -25,6 +25,6 @@ export type {
   ButtonAppearanceStyle,
   ButtonConfig,
   ButtonProps,
-  buttonSizePropsType,
-  buttonTextSizePropsType,
+  ButtonSizePropsType,
+  ButtonTextSizePropsType,
 }

package/src/components/Button/stories/ButtonStories.config.ts

@@ -15,7 +15,7 @@ import { buttonAppearanceSuccess } from '../appearance/buttonSuccess'
 import { buttonAppearanceSurface } from '../appearance/buttonSurface'
 import { buttonAppearanceWarning } from '../appearance/buttonWarning'
 import type { ButtonAppearanceKey } from '../Button.interface'
-import type { buttonSizePropsType } from '../styles/buttonSize'
+import type { ButtonSizePropsType } from '../styles/buttonSize'
 
 const BUTTON_FIGMA_URL =
   'https://www.figma.com/design/HmHn0BShJPXHU8SmuIP71M/ITCase---Atoms?node-id=18-16754'
@@ -61,7 +61,7 @@ const getButtonTypeIcon = (appearanceSize: string = 'sizeM') =>
     ? buttonIconsBySizeKey[appearanceSize]
     : icons16.Placeholder.Default
 
-const buttonSizeKeys = Object.keys(buttonIconsBySizeKey).filter(isButtonSizeKey)
+const buttonSizeKeys = Object.keys(buttonIconsBySizeKey) as ButtonSizeKey[]
 
 const buttonSizeByAppearanceSize = {
   sizeXXL: 'xxl',
@@ -71,11 +71,11 @@ const buttonSizeByAppearanceSize = {
   sizeS: 's',
   sizeXS: 'xs',
   sizeXXS: 'xxs',
-} as const satisfies Record<ButtonSizeKey, buttonSizePropsType>
+} as const satisfies Record<ButtonSizeKey, ButtonSizePropsType>
 
 const getButtonSize = (
   appearanceSize: string = 'sizeM',
-): buttonSizePropsType =>
+): ButtonSizePropsType =>
   isButtonSizeKey(appearanceSize)
     ? buttonSizeByAppearanceSize[appearanceSize]
     : 'm'

package/src/components/Button/styles/buttonShape.ts

@@ -29,7 +29,7 @@ const buttonShapeStyles = StyleSheet.create({
 
 const buttonShapeList = getVariantsPropsList(buttonShapeStyles, 'button_shape_')
 
-type buttonShapePropsType = (typeof buttonShapeList)[number]
+type ButtonShapePropsType = (typeof buttonShapeList)[number]
 
 export { buttonShapeList, buttonShapeStyles }
-export type { buttonShapePropsType }
+export type { ButtonShapePropsType }

package/src/components/Button/styles/buttonSize.ts

@@ -36,7 +36,7 @@ const buttonSizeStyles = StyleSheet.create({
 
 const buttonSizeList = getVariantsPropsList(buttonSizeStyles, 'button_size_')
 
-type buttonSizePropsType = (typeof buttonSizeList)[number]
+type ButtonSizePropsType = (typeof buttonSizeList)[number]
 
 export { buttonSizeList, buttonSizeStyles }
-export type { buttonSizePropsType }
+export type { ButtonSizePropsType }

package/src/components/Button/styles/buttonText.ts

@@ -22,7 +22,7 @@ const buttonTextSizeList = getVariantsPropsList(
   buttonTextStyles,
   'button__text_size_',
 )
-type buttonTextSizePropsType = (typeof buttonTextSizeList)[number]
+type ButtonTextSizePropsType = (typeof buttonTextSizeList)[number]
 
 export { buttonTextSizeList, buttonTextStyles }
-export type { buttonTextSizePropsType }
+export type { ButtonTextSizePropsType }

package/src/components/Cell/Cell.interface.ts

@@ -9,16 +9,16 @@ import type {
 } from '@itcase/types-ui'
 
 import type { GapProps } from '../../styles/gap'
-import type { cellDirectionPropsType } from './styles/cellDirection'
-import type { cellShapePropsType } from './styles/cellShape'
-import type { cellSizePropsType } from './styles/cellSize'
+import type { CellDirectionPropsType } from './styles/cellDirection'
+import type { CellShapePropsType } from './styles/cellShape'
+import type { CellSizePropsType } from './styles/cellSize'
 
 interface CellProps {
-  direction: cellDirectionPropsType
+  direction: CellDirectionPropsType
   fill?: FillProps
   gap?: GapProps
-  shape?: cellShapePropsType
-  size?: cellSizePropsType
+  shape?: CellShapePropsType
+  size?: CellSizePropsType
   style?: StyleProp<TextStyle>
   text?: string
   textColor?: TextColorProps

package/src/components/Cell/index.ts

@@ -1,17 +1,17 @@
 import { Cell, URLText } from './Cell'
 import type { CellProps, URLTextProps } from './Cell.interface'
 import { cellDirectionList } from './styles/cellDirection'
-import type { cellDirectionPropsType } from './styles/cellDirection'
+import type { CellDirectionPropsType } from './styles/cellDirection'
 import { cellShapeList } from './styles/cellShape'
-import type { cellShapePropsType } from './styles/cellShape'
+import type { CellShapePropsType } from './styles/cellShape'
 import { cellSizeList } from './styles/cellSize'
-import type { cellSizePropsType } from './styles/cellSize'
+import type { CellSizePropsType } from './styles/cellSize'
 
 export { Cell, cellDirectionList, cellShapeList, cellSizeList, URLText }
 export type {
-  cellDirectionPropsType,
+  CellDirectionPropsType,
   CellProps,
-  cellShapePropsType,
-  cellSizePropsType,
+  CellShapePropsType,
+  CellSizePropsType,
   URLTextProps,
 }

package/src/components/Cell/styles/cellDirection.ts

@@ -18,7 +18,7 @@ const cellDirectionList = getVariantsPropsList(
   'cell_direction_',
 )
 
-type cellDirectionPropsType = (typeof cellDirectionList)[number]
+type CellDirectionPropsType = (typeof cellDirectionList)[number]
 
 export { cellDirectionList, cellDirectionStyles }
-export type { cellDirectionPropsType }
+export type { CellDirectionPropsType }

package/src/components/Cell/styles/cellShape.ts

@@ -10,7 +10,7 @@ const cellShapeStyles = StyleSheet.create({
 
 const cellShapeList = getVariantsPropsList(cellShapeStyles, 'cell_shape_')
 
-type cellShapePropsType = (typeof cellShapeList)[number]
+type CellShapePropsType = (typeof cellShapeList)[number]
 
 export { cellShapeList, cellShapeStyles }
-export type { cellShapePropsType }
+export type { CellShapePropsType }

package/src/components/Cell/styles/cellSize.ts

@@ -15,7 +15,7 @@ const cellSizeStyles = StyleSheet.create({
 
 const cellSizeList = getVariantsPropsList(cellSizeStyles, 'cell_size_')
 
-type cellSizePropsType = (typeof cellSizeList)[number]
+type CellSizePropsType = (typeof cellSizeList)[number]
 
 export { cellSizeList, cellSizeStyles }
-export type { cellSizePropsType }
+export type { CellSizePropsType }

package/src/components/Checkbox/Checkbox.interface.ts

@@ -23,17 +23,17 @@ import type {
 
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { SvgIconComponent } from '../Icon/Icon.interface'
-import type { iconGlyphSizePropsType } from '../Icon/styles/iconSize'
-import type { checkboxAlignPropsType } from './styles/checkboxAlign'
-import type { checkboxShapePropsType } from './styles/checkboxShape'
-import type { checkboxSizePropsType } from './styles/checkboxSize'
+import type { IconGlyphSizePropsType } from '../Icon/styles/iconSize'
+import type { CheckboxAlignPropsType } from './styles/checkboxAlign'
+import type { CheckboxShapePropsType } from './styles/checkboxShape'
+import type { CheckboxSizePropsType } from './styles/checkboxSize'
 
 interface CheckboxAppearanceProps {
   borderColor?: BorderColorProps
   borderColorCheckbox?: BorderColorProps
   borderColorCheckboxActive?: BorderColorActiveProps
   checkboxCheckedIcon?: SvgIconComponent
-  checkboxIconSize?: iconGlyphSizePropsType
+  checkboxIconSize?: IconGlyphSizePropsType
   descTextColor?: TextColorProps
   descTextSize?: TextSizeProps
   descTextWeight?: TextWeightProps
@@ -45,8 +45,8 @@ interface CheckboxAppearanceProps {
   labelTextColor?: TextColorProps
   labelTextSize?: TextSizeProps
   labelTextWeight?: TextWeightProps
-  shape?: checkboxShapePropsType
-  size?: checkboxSizePropsType
+  shape?: CheckboxShapePropsType
+  size?: CheckboxSizePropsType
 }
 
 type CheckboxAppearanceSize = AppearancePartialRecord<
@@ -65,7 +65,7 @@ interface CheckboxProps extends CheckboxAppearanceProps {
   isDisabled?: boolean
   onPress?: (event: GestureResponderEvent) => void
   after?: ReactNode
-  align?: checkboxAlignPropsType
+  align?: CheckboxAlignPropsType
   appearance?: CompositeAppearanceStateDefault
   before?: ReactNode
   checked?: boolean

package/src/components/Checkbox/index.ts

@@ -11,9 +11,9 @@ import type {
   CheckboxProps,
 } from './Checkbox.interface'
 import { checkboxAlignList } from './styles/checkboxAlign'
-import type { checkboxAlignPropsType } from './styles/checkboxAlign'
+import type { CheckboxAlignPropsType } from './styles/checkboxAlign'
 import { checkboxSizeList } from './styles/checkboxSize'
-import type { checkboxSizePropsType } from './styles/checkboxSize'
+import type { CheckboxSizePropsType } from './styles/checkboxSize'
 
 export {
   Checkbox,
@@ -23,7 +23,7 @@ export {
   checkboxSizeList,
 }
 export type {
-  checkboxAlignPropsType,
+  CheckboxAlignPropsType,
   CheckboxAppearance,
   CheckboxAppearanceKey,
   CheckboxAppearanceProps,
@@ -32,5 +32,5 @@ export type {
   CheckboxAppearanceStyle,
   CheckboxConfig,
   CheckboxProps,
-  checkboxSizePropsType,
+  CheckboxSizePropsType,
 }

package/src/components/Checkbox/styles/checkboxAlign.ts

@@ -17,7 +17,7 @@ const checkboxAlignList = getVariantsPropsList(
   'checkbox_align_',
 )
 
-type checkboxAlignPropsType = (typeof checkboxAlignList)[number]
+type CheckboxAlignPropsType = (typeof checkboxAlignList)[number]
 
 export { checkboxAlignList, checkboxAlignStyles }
-export type { checkboxAlignPropsType }
+export type { CheckboxAlignPropsType }

package/src/components/Checkbox/styles/checkboxShape.ts

@@ -31,7 +31,7 @@ const checkboxShapeList = getVariantsPropsList(
   'checkbox_shape_',
 )
 
-type checkboxShapePropsType = (typeof checkboxShapeList)[number]
+type CheckboxShapePropsType = (typeof checkboxShapeList)[number]
 
 export { checkboxShapeList, checkboxShapeStyles }
-export type { checkboxShapePropsType }
+export type { CheckboxShapePropsType }

package/src/components/Checkbox/styles/checkboxSize.ts

@@ -70,7 +70,7 @@ const checkboxSizeList = getVariantsPropsList(
   'checkbox_size_',
 )
 
-type checkboxSizePropsType = (typeof checkboxSizeList)[number]
+type CheckboxSizePropsType = (typeof checkboxSizeList)[number]
 
 export { checkboxSizeList, checkboxSizeStyles }
-export type { checkboxSizePropsType }
+export type { CheckboxSizePropsType }

package/src/components/Checkmark/Checkmark.interface.ts

@@ -21,8 +21,8 @@ import type {
 
 import type { ComponentGalleryArgs } from '../../storybook'
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { iconGlyphSizePropsType } from '../Icon/styles/iconSize'
-import type { checkmarkSizePropsType } from './styles/checkmarkSize'
+import type { IconGlyphSizePropsType } from '../Icon/styles/iconSize'
+import type { CheckmarkSizePropsType } from './styles/checkmarkSize'
 
 interface CheckmarkAppearanceProps {
   borderColor?: BorderColorProps
@@ -34,14 +34,14 @@ interface CheckmarkAppearanceProps {
   checkmarkFill?: IconProps['fill']
   checkmarkIconFill?: IconProps['iconFill']
   checkmarkIconShape?: IconProps['shape']
-  checkmarkIconSize?: iconGlyphSizePropsType
+  checkmarkIconSize?: IconGlyphSizePropsType
   checkmarkIconSrc?: IconProps['imageSrc']
   checkmarkNegativeIcon?: SvgIconComponent
   fill?: FillProps
   fillActive?: FillActiveProps
   fillActiveHover?: FillActiveHoverProps
   fillHover?: FillHoverProps
-  size?: checkmarkSizePropsType
+  size?: CheckmarkSizePropsType
 }
 
 type CheckmarkConfig = AppearanceConfig<

package/src/components/Checkmark/index.ts

@@ -11,7 +11,7 @@ import type {
   CheckmarkProps,
 } from './Checkmark.interface'
 import { checkmarkSizeList } from './styles/checkmarkSize'
-import type { checkmarkSizePropsType } from './styles/checkmarkSize'
+import type { CheckmarkSizePropsType } from './styles/checkmarkSize'
 
 export { Checkmark, checkmarkAppearance, checkmarkConfig, checkmarkSizeList }
 export type {
@@ -23,5 +23,5 @@ export type {
   CheckmarkAppearanceStyle,
   CheckmarkConfig,
   CheckmarkProps,
-  checkmarkSizePropsType,
+  CheckmarkSizePropsType,
 }

package/src/components/Checkmark/stories/CheckmarkStories.config.ts

@@ -26,10 +26,9 @@ const checkmarkStoryParameters = {
   },
 }
 
-const checkmarkSizeKeys = Object.keys(checkmarkAppearanceSize).filter(
-  (value): value is keyof typeof checkmarkAppearanceSize =>
-    value in checkmarkAppearanceSize,
-)
+const checkmarkSizeKeys = Object.keys(checkmarkAppearanceSize) as Array<
+  keyof typeof checkmarkAppearanceSize
+>
 
 const checkmarkTypeOptions = ['default', 'checked', 'negative'] as const
 

package/src/components/Checkmark/styles/checkmarkSize.ts

@@ -52,7 +52,7 @@ const checkmarkSizeList = getVariantsPropsList(
   'checkmark_size_',
 )
 
-type checkmarkSizePropsType = (typeof checkmarkSizeList)[number]
+type CheckmarkSizePropsType = (typeof checkmarkSizeList)[number]
 
 export { checkmarkSizeList, checkmarkSizeStyles }
-export type { checkmarkSizePropsType }
+export type { CheckmarkSizePropsType }

package/src/components/Chips/Chips.interface.ts

@@ -22,8 +22,8 @@ import type {
 
 import type { BadgeProps } from '../Badge/Badge.interface'
 import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
-import type { chipsShapePropsType } from './styles/chipsShape'
-import type { chipsSizePropsType } from './styles/chipsSize'
+import type { ChipsShapePropsType } from './styles/chipsShape'
+import type { ChipsSizePropsType } from './styles/chipsSize'
 
 interface ChipsAppearanceProps {
   badgeAppearance?: BadgeProps['appearance']
@@ -89,8 +89,8 @@ interface ChipsProps extends ChipsAppearanceProps {
   appearance?: CompositeAppearanceKeys
   children?: ReactNode
   label?: string
-  shape?: chipsShapePropsType
-  size?: chipsSizePropsType
+  shape?: ChipsShapePropsType
+  size?: ChipsSizePropsType
   style?: StyleProp<ViewStyle>
 }
 

package/src/components/Chips/index.ts

@@ -11,9 +11,9 @@ import type {
   ChipsProps,
 } from './Chips.interface'
 import { chipsShapeList } from './styles/chipsShape'
-import type { chipsShapePropsType } from './styles/chipsShape'
+import type { ChipsShapePropsType } from './styles/chipsShape'
 import { chipsSizeList } from './styles/chipsSize'
-import type { chipsSizePropsType } from './styles/chipsSize'
+import type { ChipsSizePropsType } from './styles/chipsSize'
 
 export { Chips, chipsAppearance, chipsConfig, chipsShapeList, chipsSizeList }
 export type {
@@ -25,6 +25,6 @@ export type {
   ChipsAppearanceStyle,
   ChipsConfig,
   ChipsProps,
-  chipsShapePropsType,
-  chipsSizePropsType,
+  ChipsShapePropsType,
+  ChipsSizePropsType,
 }

package/src/components/Chips/stories/ChipsStories.config.ts

@@ -56,7 +56,7 @@ type ChipsSizeKey = keyof typeof galleryIconsBySizeKey
 const isChipsSizeKey = (value: string): value is ChipsSizeKey =>
   value in galleryIconsBySizeKey
 
-const chipsSizeKeys = Object.keys(galleryIconsBySizeKey).filter(isChipsSizeKey)
+const chipsSizeKeys = Object.keys(galleryIconsBySizeKey) as ChipsSizeKey[]
 
 const chipsTypeOptions = [
   'label',

package/src/components/Chips/styles/chipsShape.ts

@@ -28,7 +28,7 @@ const chipsShapeStyles = StyleSheet.create({
 
 const chipsShapeList = getVariantsPropsList(chipsShapeStyles, 'chips_shape_')
 
-type chipsShapePropsType = (typeof chipsShapeList)[number]
+type ChipsShapePropsType = (typeof chipsShapeList)[number]
 
 export { chipsShapeList, chipsShapeStyles }
-export type { chipsShapePropsType }
+export type { ChipsShapePropsType }

package/src/components/Chips/styles/chipsSize.ts

@@ -59,7 +59,7 @@ const chipsSizeList = getVariantsPropsList(
   'chips__inner_size_',
 )
 
-type chipsSizePropsType = (typeof chipsSizeList)[number]
+type ChipsSizePropsType = (typeof chipsSizeList)[number]
 
 export { chipsSizeList, chipsSizeStyles }
-export type { chipsSizePropsType }
+export type { ChipsSizePropsType }