@itcase/ui-react-native 1.10.91 → 1.10.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/.storybook-react-native/preview.tsx +68 -32
  2. package/.storybook-react-native-web/main.ts +9 -2
  3. package/.storybook-react-native-web/preview.tsx +63 -55
  4. package/package.json +16 -16
  5. package/src/components/Avatar/Avatar.interface.ts +5 -5
  6. package/src/components/Avatar/index.ts +4 -4
  7. package/src/components/Avatar/stories/AvatarStories.config.ts +1 -4
  8. package/src/components/Avatar/styles/avatarShape.ts +2 -2
  9. package/src/components/Avatar/styles/avatarSize.ts +2 -2
  10. package/src/components/AvatarStack/AvatarStack.interface.ts +4 -4
  11. package/src/components/AvatarStack/index.ts +2 -2
  12. package/src/components/AvatarStack/stories/AvatarStackDemo.stories.tsx +2 -3
  13. package/src/components/AvatarStack/stories/AvatarStackStories.config.ts +20 -7
  14. package/src/components/AvatarStack/styles/avatarStackDirection.ts +2 -2
  15. package/src/components/Badge/Badge.interface.ts +6 -6
  16. package/src/components/Badge/index.ts +6 -6
  17. package/src/components/Badge/stories/BadgeStories.config.ts +1 -1
  18. package/src/components/Badge/styles/badgeShape.ts +2 -2
  19. package/src/components/Badge/styles/badgeSize.ts +2 -2
  20. package/src/components/Badge/styles/badgeType.ts +2 -2
  21. package/src/components/Breadcrumbs/Breadcrumbs.interface.ts +2 -2
  22. package/src/components/Breadcrumbs/index.ts +2 -2
  23. package/src/components/Breadcrumbs/styles/breadcrumbsSize.ts +2 -2
  24. package/src/components/Button/Button.interface.ts +5 -5
  25. package/src/components/Button/index.ts +4 -4
  26. package/src/components/Button/stories/ButtonStories.config.ts +4 -4
  27. package/src/components/Button/styles/buttonShape.ts +2 -2
  28. package/src/components/Button/styles/buttonSize.ts +2 -2
  29. package/src/components/Button/styles/buttonText.ts +2 -2
  30. package/src/components/Cell/Cell.interface.ts +6 -6
  31. package/src/components/Cell/index.ts +6 -6
  32. package/src/components/Cell/styles/cellDirection.ts +2 -2
  33. package/src/components/Cell/styles/cellShape.ts +2 -2
  34. package/src/components/Cell/styles/cellSize.ts +2 -2
  35. package/src/components/Checkbox/Checkbox.interface.ts +8 -8
  36. package/src/components/Checkbox/index.ts +4 -4
  37. package/src/components/Checkbox/styles/checkboxAlign.ts +2 -2
  38. package/src/components/Checkbox/styles/checkboxShape.ts +2 -2
  39. package/src/components/Checkbox/styles/checkboxSize.ts +2 -2
  40. package/src/components/Checkmark/Checkmark.interface.ts +4 -4
  41. package/src/components/Checkmark/index.ts +2 -2
  42. package/src/components/Checkmark/stories/CheckmarkStories.config.ts +3 -4
  43. package/src/components/Checkmark/styles/checkmarkSize.ts +2 -2
  44. package/src/components/Chips/Chips.interface.ts +4 -4
  45. package/src/components/Chips/index.ts +4 -4
  46. package/src/components/Chips/stories/ChipsStories.config.ts +1 -1
  47. package/src/components/Chips/styles/chipsShape.ts +2 -2
  48. package/src/components/Chips/styles/chipsSize.ts +2 -2
  49. package/src/components/Choice/Choice.interface.ts +6 -6
  50. package/src/components/Choice/index.ts +2 -2
  51. package/src/components/Choice/stories/ChoiceStories.config.tsx +3 -4
  52. package/src/components/Choice/styles/choiceSize.ts +2 -2
  53. package/src/components/Code/index.ts +4 -4
  54. package/src/components/Code/stories/CodeStories.config.ts +3 -4
  55. package/src/components/Code/styles/codeSize.ts +2 -2
  56. package/src/components/Code/styles/codeVariant.ts +2 -2
  57. package/src/components/ColorInput/ColorInput.interface.ts +2 -2
  58. package/src/components/ColorInput/index.ts +2 -2
  59. package/src/components/ColorInput/stories/ColorInputStories.config.tsx +3 -4
  60. package/src/components/ColorInput/styles/colorInputSize.ts +2 -2
  61. package/src/components/Divider/Divider.interface.ts +4 -4
  62. package/src/components/Divider/index.ts +4 -4
  63. package/src/components/Divider/styles/dividerDirection.ts +2 -2
  64. package/src/components/Divider/styles/dividerSize.ts +2 -2
  65. package/src/components/Dot/Dot.interface.ts +4 -4
  66. package/src/components/Dot/index.ts +3 -3
  67. package/src/components/Dot/styles/dotShape.ts +2 -2
  68. package/src/components/Dot/styles/dotSize.ts +2 -2
  69. package/src/components/Drawer/Drawer.interface.ts +2 -2
  70. package/src/components/Dropdown/Dropdown.interface.ts +6 -6
  71. package/src/components/Dropdown/index.ts +3 -3
  72. package/src/components/Dropdown/styles/dropdownItemSize.ts +2 -2
  73. package/src/components/Group/Group.interface.ts +8 -8
  74. package/src/components/Group/index.ts +8 -8
  75. package/src/components/Group/styles/groupAlign.ts +2 -2
  76. package/src/components/Group/styles/groupDirection.ts +2 -2
  77. package/src/components/Group/styles/groupJustify.ts +2 -2
  78. package/src/components/Group/styles/groupWrap.ts +2 -2
  79. package/src/components/Icon/Icon.interface.ts +10 -10
  80. package/src/components/Icon/index.ts +4 -4
  81. package/src/components/Icon/stories/IconStories.config.ts +1 -1
  82. package/src/components/Icon/styles/iconShape.ts +2 -2
  83. package/src/components/Icon/styles/iconSize.ts +5 -5
  84. package/src/components/Input/Input.interface.ts +4 -4
  85. package/src/components/Input/index.ts +4 -4
  86. package/src/components/Input/stories/InputStories.config.tsx +3 -4
  87. package/src/components/Input/styles/inputShape.ts +2 -2
  88. package/src/components/Input/styles/inputSize.ts +2 -2
  89. package/src/components/InputNumber/InputNumber.interface.ts +8 -8
  90. package/src/components/InputNumber/index.ts +4 -4
  91. package/src/components/InputNumber/styles/inputNumberShape.ts +2 -2
  92. package/src/components/InputNumber/styles/inputNumberSize.ts +2 -2
  93. package/src/components/InputPassword/InputPassword.interface.ts +6 -6
  94. package/src/components/InputPassword/index.ts +4 -4
  95. package/src/components/InputPassword/styles/inputPasswordShape.ts +2 -2
  96. package/src/components/InputPassword/styles/inputPasswordSize.ts +2 -2
  97. package/src/components/Label/Label.interface.ts +2 -2
  98. package/src/components/Label/index.ts +2 -2
  99. package/src/components/Label/stories/LabelStories.config.ts +1 -1
  100. package/src/components/Label/styles/labelShape.ts +2 -2
  101. package/src/components/List/List.interface.ts +2 -2
  102. package/src/components/List/index.ts +4 -4
  103. package/src/components/List/styles/listDirection.ts +2 -2
  104. package/src/components/List/styles/listSize.ts +2 -2
  105. package/src/components/Loader/Loader.interface.ts +4 -4
  106. package/src/components/Loader/index.ts +4 -4
  107. package/src/components/Loader/stories/LoaderStories.config.ts +3 -4
  108. package/src/components/Loader/styles/loaderShape.ts +2 -2
  109. package/src/components/Loader/styles/loaderSize.ts +2 -2
  110. package/src/components/Logo/Logo.interface.ts +4 -4
  111. package/src/components/Logo/index.ts +3 -3
  112. package/src/components/Logo/styles/logoAlign.ts +2 -2
  113. package/src/components/Logo/styles/logoSize.ts +2 -2
  114. package/src/components/MenuItem/MenuItem.interface.ts +4 -4
  115. package/src/components/MenuItem/index.ts +4 -4
  116. package/src/components/MenuItem/styles/menuItemShape.ts +2 -2
  117. package/src/components/MenuItem/styles/menuItemSize.ts +2 -2
  118. package/src/components/Modal/Modal.interface.ts +2 -2
  119. package/src/components/Pagination/Pagination.interface.ts +3 -3
  120. package/src/components/Pagination/index.ts +2 -2
  121. package/src/components/Pagination/styles/paginationSize.ts +2 -2
  122. package/src/components/Radio/Radio.interface.ts +2 -2
  123. package/src/components/Radio/index.ts +2 -2
  124. package/src/components/Radio/styles/radioSize.ts +2 -2
  125. package/src/components/Search/stories/SearchStories.config.ts +3 -4
  126. package/src/components/Search/styles/searchShape.ts +2 -2
  127. package/src/components/Search/styles/searchSize.ts +2 -2
  128. package/src/components/Segmented/Segmented.interface.ts +6 -6
  129. package/src/components/Segmented/index.ts +4 -4
  130. package/src/components/Segmented/styles/segmentedShape.ts +2 -2
  131. package/src/components/Segmented/styles/segmentedSize.ts +2 -2
  132. package/src/components/Select/Select.interface.ts +2 -2
  133. package/src/components/Select/index.ts +2 -2
  134. package/src/components/Select/stories/SelectStories.config.ts +1 -4
  135. package/src/components/Select/styles/selectSize.ts +2 -2
  136. package/src/components/Switch/Switch.interface.ts +4 -4
  137. package/src/components/Switch/index.ts +4 -4
  138. package/src/components/Switch/stories/SwitchStories.config.tsx +3 -4
  139. package/src/components/Switch/styles/switchAlign.ts +2 -2
  140. package/src/components/Switch/styles/switchSize.ts +2 -2
  141. package/src/components/Tab/Tab.interface.ts +2 -2
  142. package/src/components/Tab/index.ts +2 -2
  143. package/src/components/Tab/styles/tabSize.ts +2 -2
  144. package/src/components/Textarea/Textarea.interface.ts +4 -4
  145. package/src/components/Textarea/index.ts +4 -4
  146. package/src/components/Textarea/styles/textareaShape.ts +2 -2
  147. package/src/components/Textarea/styles/textareaSize.ts +2 -2
  148. package/src/components/Tile/Tile.interface.ts +4 -4
  149. package/src/components/Tile/index.ts +4 -4
  150. package/src/components/Tile/styles/tileShape.ts +2 -2
  151. package/src/components/Tile/styles/tileSize.ts +2 -2
  152. package/src/components/Warning/Warning.interface.ts +4 -4
  153. package/src/components/Warning/index.ts +4 -4
  154. package/src/components/Warning/styles/warningShape.ts +2 -2
  155. package/src/components/Warning/styles/warningSize.ts +2 -2
  156. package/src/index.tsx +118 -118
@@ -15,28 +15,28 @@ import type {
15
15
  } from '@itcase/types-ui'
16
16
 
17
17
  import type { ComponentGalleryArgs } from '../../storybook'
18
- import type { buttonSizePropsType } from '../Button/styles/buttonSize'
18
+ import type { ButtonSizePropsType } from '../Button/styles/buttonSize'
19
19
  import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
20
- import type { iconSizePropsType } from '../Icon/styles/iconSize'
21
- import type { inputNumberShapePropsType } from './styles/inputNumberShape'
22
- import type { inputNumberSizePropsType } from './styles/inputNumberSize'
20
+ import type { IconSizePropsType } from '../Icon/styles/iconSize'
21
+ import type { InputNumberShapePropsType } from './styles/inputNumberShape'
22
+ import type { InputNumberSizePropsType } from './styles/inputNumberSize'
23
23
 
24
24
  interface InputNumberAppearanceProps {
25
25
  borderColor?: BorderColorProps
26
26
  buttonFill?: FillProps
27
- buttonSize?: buttonSizePropsType
27
+ buttonSize?: ButtonSizePropsType
28
28
  fill?: FillProps
29
29
  iconAppearance?: IconProps['appearance']
30
30
  iconFill?: FillProps
31
31
  iconFillIcon?: ItemFillActiveProps
32
32
  iconMinus?: SvgIconComponent
33
33
  iconPlus?: SvgIconComponent
34
- iconSize?: iconSizePropsType
34
+ iconSize?: IconSizePropsType
35
35
  inputNumberTextColor?: TextColorProps
36
36
  inputNumberTextSize?: TextSizeProps
37
37
  inputNumberTextWeight?: TextWeightProps
38
- shape?: inputNumberShapePropsType
39
- size?: inputNumberSizePropsType
38
+ shape?: InputNumberShapePropsType
39
+ size?: InputNumberSizePropsType
40
40
  width?: WidthProps
41
41
  }
42
42
 
@@ -10,9 +10,9 @@ import type {
10
10
  OnChangeValueParams,
11
11
  } from './InputNumber.interface'
12
12
  import { inputNumberShapeList } from './styles/inputNumberShape'
13
- import type { inputNumberShapePropsType } from './styles/inputNumberShape'
13
+ import type { InputNumberShapePropsType } from './styles/inputNumberShape'
14
14
  import { inputNumberSizeList } from './styles/inputNumberSize'
15
- import type { inputNumberSizePropsType } from './styles/inputNumberSize'
15
+ import type { InputNumberSizePropsType } from './styles/inputNumberSize'
16
16
 
17
17
  export {
18
18
  InputNumber,
@@ -27,8 +27,8 @@ export type {
27
27
  InputNumberAppearanceProps,
28
28
  InputNumberConfig,
29
29
  InputNumberProps,
30
- inputNumberShapePropsType,
31
- inputNumberSizePropsType,
30
+ InputNumberShapePropsType,
31
+ InputNumberSizePropsType,
32
32
  InputNumberType,
33
33
  OnChangeValueParams,
34
34
  }
@@ -28,7 +28,7 @@ const inputNumberShapeList = getVariantsPropsList(
28
28
  'inputNumber_shape_',
29
29
  )
30
30
 
31
- type inputNumberShapePropsType = (typeof inputNumberShapeList)[number]
31
+ type InputNumberShapePropsType = (typeof inputNumberShapeList)[number]
32
32
 
33
33
  export { inputNumberShapeList, inputNumberShapeStyles }
34
- export type { inputNumberShapePropsType }
34
+ export type { InputNumberShapePropsType }
@@ -30,7 +30,7 @@ const inputNumberSizeList = getVariantsPropsList(
30
30
  'inputNumber_size_',
31
31
  )
32
32
 
33
- type inputNumberSizePropsType = (typeof inputNumberSizeList)[number]
33
+ type InputNumberSizePropsType = (typeof inputNumberSizeList)[number]
34
34
 
35
35
  export { inputNumberSizeList, inputNumberSizeStyles }
36
- export type { inputNumberSizePropsType }
36
+ export type { InputNumberSizePropsType }
@@ -20,9 +20,9 @@ import type {
20
20
 
21
21
  import type { ComponentGalleryArgs } from '../../storybook'
22
22
  import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
23
- import type { iconSizePropsType } from '../Icon/styles/iconSize'
24
- import type { inputPasswordShapePropsType } from './styles/inputPasswordShape'
25
- import type { inputPasswordSizePropsType } from './styles/inputPasswordSize'
23
+ import type { IconSizePropsType } from '../Icon/styles/iconSize'
24
+ import type { InputPasswordShapePropsType } from './styles/inputPasswordShape'
25
+ import type { InputPasswordSizePropsType } from './styles/inputPasswordSize'
26
26
 
27
27
  interface InputPasswordAppearanceProps {
28
28
  borderColor?: BorderColorProps
@@ -32,10 +32,10 @@ interface InputPasswordAppearanceProps {
32
32
  iconFill?: ItemFillActiveProps
33
33
  iconRevealableHide?: SvgIconComponent
34
34
  iconRevealableShow?: SvgIconComponent
35
- iconSize?: iconSizePropsType
35
+ iconSize?: IconSizePropsType
36
36
  placeholderTextColor?: TextColorProps
37
- shape?: inputPasswordShapePropsType
38
- size?: inputPasswordSizePropsType
37
+ shape?: InputPasswordShapePropsType
38
+ size?: InputPasswordSizePropsType
39
39
  textColor?: TextColorProps
40
40
  textSize?: TextSizeProps
41
41
  textWeight?: TextWeightProps
@@ -11,9 +11,9 @@ import type {
11
11
  InputPasswordProps,
12
12
  } from './InputPassword.interface'
13
13
  import { inputPasswordShapeList } from './styles/inputPasswordShape'
14
- import type { inputPasswordShapePropsType } from './styles/inputPasswordShape'
14
+ import type { InputPasswordShapePropsType } from './styles/inputPasswordShape'
15
15
  import { inputPasswordSizeList } from './styles/inputPasswordSize'
16
- import type { inputPasswordSizePropsType } from './styles/inputPasswordSize'
16
+ import type { InputPasswordSizePropsType } from './styles/inputPasswordSize'
17
17
 
18
18
  export {
19
19
  InputPassword,
@@ -31,6 +31,6 @@ export type {
31
31
  InputPasswordAppearanceStyle,
32
32
  InputPasswordConfig,
33
33
  InputPasswordProps,
34
- inputPasswordShapePropsType,
35
- inputPasswordSizePropsType,
34
+ InputPasswordShapePropsType,
35
+ InputPasswordSizePropsType,
36
36
  }
@@ -28,7 +28,7 @@ const inputPasswordShapeList = getVariantsPropsList(
28
28
  'inputPassword_shape_',
29
29
  )
30
30
 
31
- type inputPasswordShapePropsType = (typeof inputPasswordShapeList)[number]
31
+ type InputPasswordShapePropsType = (typeof inputPasswordShapeList)[number]
32
32
 
33
33
  export { inputPasswordShapeList, inputPasswordShapeStyles }
34
- export type { inputPasswordShapePropsType }
34
+ export type { InputPasswordShapePropsType }
@@ -30,7 +30,7 @@ const inputPasswordSizeList = getVariantsPropsList(
30
30
  'inputPassword_size_',
31
31
  )
32
32
 
33
- type inputPasswordSizePropsType = (typeof inputPasswordSizeList)[number]
33
+ type InputPasswordSizePropsType = (typeof inputPasswordSizeList)[number]
34
34
 
35
35
  export { inputPasswordSizeList, inputPasswordSizeStyles }
36
- export type { inputPasswordSizePropsType }
36
+ export type { InputPasswordSizePropsType }
@@ -22,7 +22,7 @@ import type {
22
22
 
23
23
  import type { ComponentGalleryArgs } from '../../storybook'
24
24
  import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
25
- import type { labelShapePropsType } from './styles/labelShape'
25
+ import type { LabelShapePropsType } from './styles/labelShape'
26
26
 
27
27
  interface LabelAppearanceProps {
28
28
  borderColor?: BorderColorProps
@@ -38,7 +38,7 @@ interface LabelAppearanceProps {
38
38
  iconBeforeFillSize?: IconProps['fillSize']
39
39
  iconBeforeShape?: IconProps['shape']
40
40
  iconBeforeSize?: IconProps['iconSize']
41
- shape?: labelShapePropsType
41
+ shape?: LabelShapePropsType
42
42
  size?: SizeProps
43
43
  textColor?: TextColorProps
44
44
  textSize?: TextSizeProps
@@ -9,7 +9,7 @@ import type {
9
9
  LabelProps,
10
10
  } from './Label.interface'
11
11
  import { labelShapeList } from './styles/labelShape'
12
- import type { labelShapePropsType } from './styles/labelShape'
12
+ import type { LabelShapePropsType } from './styles/labelShape'
13
13
  import { labelSizeList } from './styles/labelSize'
14
14
 
15
15
  export { Label, labelAppearance, labelShapeList, labelSizeList }
@@ -20,5 +20,5 @@ export type {
20
20
  LabelAppearanceSize,
21
21
  LabelConfig,
22
22
  LabelProps,
23
- labelShapePropsType,
23
+ LabelShapePropsType,
24
24
  }
@@ -58,7 +58,7 @@ type LabelSizeKey = keyof typeof galleryIconsBySizeKey
58
58
  const isLabelSizeKey = (value: string): value is LabelSizeKey =>
59
59
  value in galleryIconsBySizeKey
60
60
 
61
- const labelSizeKeys = Object.keys(galleryIconsBySizeKey).filter(isLabelSizeKey)
61
+ const labelSizeKeys = Object.keys(galleryIconsBySizeKey) as LabelSizeKey[]
62
62
 
63
63
  const labelTypeOptions = [
64
64
  'label',
@@ -17,7 +17,7 @@ const labelShapeStyles = StyleSheet.create({
17
17
 
18
18
  const labelShapeList = getVariantsPropsList(labelShapeStyles, 'label_shape_')
19
19
 
20
- type labelShapePropsType = (typeof labelShapeList)[number]
20
+ type LabelShapePropsType = (typeof labelShapeList)[number]
21
21
 
22
22
  export { labelShapeList, labelShapeStyles }
23
- export type { labelShapePropsType }
23
+ export type { LabelShapePropsType }
@@ -18,7 +18,7 @@ import type {
18
18
  TextWeightProps,
19
19
  } from '@itcase/types-ui'
20
20
 
21
- import type { listSizePropsType } from './styles/listSize'
21
+ import type { ListSizePropsType } from './styles/listSize'
22
22
 
23
23
  type ListStyle = 'dot' | 'number'
24
24
 
@@ -58,7 +58,7 @@ interface ListProps extends ListAppearanceProps {
58
58
  direction?: DirectionProps
59
59
  itemsList?: string[]
60
60
  listStyle?: ListStyle
61
- size?: listSizePropsType
61
+ size?: ListSizePropsType
62
62
  style?: StyleProp<ViewStyle>
63
63
  }
64
64
 
@@ -14,9 +14,9 @@ import type {
14
14
  } from './List.interface'
15
15
  import { ListItem } from './ListItem'
16
16
  import { listDirectionList } from './styles/listDirection'
17
- import type { listDirectionPropsType } from './styles/listDirection'
17
+ import type { ListDirectionPropsType } from './styles/listDirection'
18
18
  import { listSizeList } from './styles/listSize'
19
- import type { listSizePropsType } from './styles/listSize'
19
+ import type { ListSizePropsType } from './styles/listSize'
20
20
 
21
21
  export {
22
22
  List,
@@ -33,10 +33,10 @@ export type {
33
33
  ListAppearanceSize,
34
34
  ListAppearanceStyle,
35
35
  ListConfig,
36
- listDirectionPropsType,
36
+ ListDirectionPropsType,
37
37
  ListItemAppearanceProps,
38
38
  ListItemProps,
39
39
  ListProps,
40
- listSizePropsType,
40
+ ListSizePropsType,
41
41
  ListStyle,
42
42
  }
@@ -34,7 +34,7 @@ const listDirectionList = getVariantsPropsList(
34
34
  'list_direction_',
35
35
  )
36
36
 
37
- type listDirectionPropsType = (typeof listDirectionList)[number]
37
+ type ListDirectionPropsType = (typeof listDirectionList)[number]
38
38
 
39
39
  export { listDirectionList, listDirectionStyles }
40
- export type { listDirectionPropsType }
40
+ export type { ListDirectionPropsType }
@@ -1,6 +1,6 @@
1
1
  const listSizeList = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'] as const
2
2
 
3
- type listSizePropsType = (typeof listSizeList)[number]
3
+ type ListSizePropsType = (typeof listSizeList)[number]
4
4
 
5
5
  export { listSizeList }
6
- export type { listSizePropsType }
6
+ export type { ListSizePropsType }
@@ -19,8 +19,8 @@ import type {
19
19
  } from '@itcase/types-ui'
20
20
 
21
21
  import type { ComponentGalleryArgs } from '../../storybook'
22
- import type { loaderShapePropsType } from './styles/loaderShape'
23
- import type { loaderSizePropsType } from './styles/loaderSize'
22
+ import type { LoaderShapePropsType } from './styles/loaderShape'
23
+ import type { LoaderSizePropsType } from './styles/loaderSize'
24
24
 
25
25
  interface LoaderAppearanceProps {
26
26
  borderColor?: BorderColorProps
@@ -57,8 +57,8 @@ interface LoaderProps extends LoaderAppearanceProps {
57
57
  loaderSize?: number | 'large' | 'small'
58
58
  loaderTextColor?: TextColorProps
59
59
  loaderTextSize?: TextSizeProps
60
- shape?: loaderShapePropsType
61
- size?: loaderSizePropsType
60
+ shape?: LoaderShapePropsType
61
+ size?: LoaderSizePropsType
62
62
  style?: StyleProp<ViewStyle>
63
63
  text?: string
64
64
  }
@@ -11,9 +11,9 @@ import type {
11
11
  LoaderProps,
12
12
  } from './Loader.interface'
13
13
  import { loaderShapeList } from './styles/loaderShape'
14
- import type { loaderShapePropsType } from './styles/loaderShape'
14
+ import type { LoaderShapePropsType } from './styles/loaderShape'
15
15
  import { loaderSizeList } from './styles/loaderSize'
16
- import type { loaderSizePropsType } from './styles/loaderSize'
16
+ import type { LoaderSizePropsType } from './styles/loaderSize'
17
17
 
18
18
  export {
19
19
  Loader,
@@ -31,6 +31,6 @@ export type {
31
31
  LoaderAppearanceStyle,
32
32
  LoaderConfig,
33
33
  LoaderProps,
34
- loaderShapePropsType,
35
- loaderSizePropsType,
34
+ LoaderShapePropsType,
35
+ LoaderSizePropsType,
36
36
  }
@@ -37,10 +37,9 @@ const loaderStoryParameters = {
37
37
  },
38
38
  }
39
39
 
40
- const loaderSizeKeys = Object.keys(loaderAppearanceSize).filter(
41
- (value): value is keyof typeof loaderAppearanceSize =>
42
- value in loaderAppearanceSize,
43
- )
40
+ const loaderSizeKeys = Object.keys(loaderAppearanceSize) as Array<
41
+ keyof typeof loaderAppearanceSize
42
+ >
44
43
 
45
44
  const loaderTypeOptions = ['circular', 'dot', 'text'] as const
46
45
 
@@ -28,7 +28,7 @@ const loaderShapeStyles = StyleSheet.create({
28
28
 
29
29
  const loaderShapeList = getVariantsPropsList(loaderShapeStyles, 'loader_shape_')
30
30
 
31
- type loaderShapePropsType = (typeof loaderShapeList)[number]
31
+ type LoaderShapePropsType = (typeof loaderShapeList)[number]
32
32
 
33
33
  export { loaderShapeList, loaderShapeStyles }
34
- export type { loaderShapePropsType }
34
+ export type { LoaderShapePropsType }
@@ -22,7 +22,7 @@ const loaderSizeStyles = StyleSheet.create({
22
22
 
23
23
  const loaderSizeList = getVariantsPropsList(loaderSizeStyles, 'loader_size_')
24
24
 
25
- type loaderSizePropsType = (typeof loaderSizeList)[number]
25
+ type LoaderSizePropsType = (typeof loaderSizeList)[number]
26
26
 
27
27
  export { loaderSizeList, loaderSizeStyles }
28
- export type { loaderSizePropsType }
28
+ export type { LoaderSizePropsType }
@@ -1,12 +1,12 @@
1
1
  import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native'
2
2
 
3
- import type { logoAlignItemsPropsType } from './styles/logoAlign'
4
- import type { logoSizePropsType } from './styles/logoSize'
3
+ import type { LogoAlignItemsPropsType } from './styles/logoAlign'
4
+ import type { LogoSizePropsType } from './styles/logoSize'
5
5
 
6
6
  interface LogoProps {
7
- alignItems?: logoAlignItemsPropsType
7
+ alignItems?: LogoAlignItemsPropsType
8
8
  height?: number
9
- size?: logoSizePropsType
9
+ size?: LogoSizePropsType
10
10
  source?: ImageSourcePropType
11
11
  style?: StyleProp<ViewStyle>
12
12
  text?: string
@@ -1,9 +1,9 @@
1
1
  import { Logo } from './Logo'
2
2
  import type { LogoProps } from './Logo.interface'
3
3
  import { logoAlignItemsList } from './styles/logoAlign'
4
- import type { logoAlignItemsPropsType } from './styles/logoAlign'
4
+ import type { LogoAlignItemsPropsType } from './styles/logoAlign'
5
5
  import { logoSizeList } from './styles/logoSize'
6
- import type { logoSizePropsType } from './styles/logoSize'
6
+ import type { LogoSizePropsType } from './styles/logoSize'
7
7
 
8
8
  export { Logo, logoAlignItemsList, logoSizeList }
9
- export type { logoAlignItemsPropsType, LogoProps, logoSizePropsType }
9
+ export type { LogoAlignItemsPropsType, LogoProps, LogoSizePropsType }
@@ -22,7 +22,7 @@ const logoAlignStyles = StyleSheet.create({
22
22
 
23
23
  const logoAlignItemsList = getVariantsPropsList(logoAlignStyles, 'logo_align_')
24
24
 
25
- type logoAlignItemsPropsType = (typeof logoAlignItemsList)[number]
25
+ type LogoAlignItemsPropsType = (typeof logoAlignItemsList)[number]
26
26
 
27
27
  export { logoAlignItemsList, logoAlignStyles }
28
- export type { logoAlignItemsPropsType }
28
+ export type { LogoAlignItemsPropsType }
@@ -28,7 +28,7 @@ const logoSizeStyles = StyleSheet.create({
28
28
 
29
29
  const logoSizeList = getVariantsPropsList(logoSizeStyles, 'logo_size_')
30
30
 
31
- type logoSizePropsType = (typeof logoSizeList)[number]
31
+ type LogoSizePropsType = (typeof logoSizeList)[number]
32
32
 
33
33
  export { logoSizeList, logoSizeStyles }
34
- export type { logoSizePropsType }
34
+ export type { LogoSizePropsType }
@@ -21,8 +21,8 @@ import type {
21
21
  } from '@itcase/types-ui'
22
22
 
23
23
  import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
24
- import type { menuItemShapePropsType } from './styles/menuItemShape'
25
- import type { menuItemSizePropsType } from './styles/menuItemSize'
24
+ import type { MenuItemShapePropsType } from './styles/menuItemShape'
25
+ import type { MenuItemSizePropsType } from './styles/menuItemSize'
26
26
 
27
27
  interface MenuItemAppearanceProps {
28
28
  borderColor?: BorderColorProps
@@ -84,8 +84,8 @@ interface MenuItemProps extends MenuItemAppearanceProps {
84
84
  descTextSize?: TextSizeProps
85
85
  justifyContent?: 'center' | 'flex-end' | 'flex-start' | 'space-between'
86
86
  label?: string
87
- shape?: menuItemShapePropsType
88
- size?: menuItemSizePropsType
87
+ shape?: MenuItemShapePropsType
88
+ size?: MenuItemSizePropsType
89
89
  style?: StyleProp<ViewStyle>
90
90
  }
91
91
 
@@ -11,9 +11,9 @@ import type {
11
11
  MenuItemProps,
12
12
  } from './MenuItem.interface'
13
13
  import { menuItemShapeList } from './styles/menuItemShape'
14
- import type { menuItemShapePropsType } from './styles/menuItemShape'
14
+ import type { MenuItemShapePropsType } from './styles/menuItemShape'
15
15
  import { menuItemSizeList } from './styles/menuItemSize'
16
- import type { menuItemSizePropsType } from './styles/menuItemSize'
16
+ import type { MenuItemSizePropsType } from './styles/menuItemSize'
17
17
 
18
18
  export {
19
19
  MenuItem,
@@ -31,6 +31,6 @@ export type {
31
31
  MenuItemAppearanceStyle,
32
32
  MenuItemConfig,
33
33
  MenuItemProps,
34
- menuItemShapePropsType,
35
- menuItemSizePropsType,
34
+ MenuItemShapePropsType,
35
+ MenuItemSizePropsType,
36
36
  }
@@ -31,7 +31,7 @@ const menuItemShapeList = getVariantsPropsList(
31
31
  'menuItem_shape_',
32
32
  )
33
33
 
34
- type menuItemShapePropsType = (typeof menuItemShapeList)[number]
34
+ type MenuItemShapePropsType = (typeof menuItemShapeList)[number]
35
35
 
36
36
  export { menuItemShapeList, menuItemShapeStyles }
37
- export type { menuItemShapePropsType }
37
+ export type { MenuItemShapePropsType }
@@ -59,7 +59,7 @@ const menuItemSizeList = getVariantsPropsList(
59
59
  'menuItem_size_',
60
60
  )
61
61
 
62
- type menuItemSizePropsType = (typeof menuItemSizeList)[number]
62
+ type MenuItemSizePropsType = (typeof menuItemSizeList)[number]
63
63
 
64
64
  export { menuItemSizeList, menuItemSizeStyles }
65
- export type { menuItemSizePropsType }
65
+ export type { MenuItemSizePropsType }
@@ -10,7 +10,7 @@ import type {
10
10
  } from '@itcase/types-ui'
11
11
 
12
12
  import type { ButtonAppearanceKey } from '../Button/Button.interface'
13
- import type { buttonSizePropsType } from '../Button/styles/buttonSize'
13
+ import type { ButtonSizePropsType } from '../Button/styles/buttonSize'
14
14
 
15
15
  interface ModalProps {
16
16
  onPressButton?: (event: GestureResponderEvent) => void
@@ -18,7 +18,7 @@ interface ModalProps {
18
18
  borderColor?: BorderColorProps
19
19
  btnAppearance?: ButtonAppearanceKey
20
20
  btnLabel?: string
21
- btnSize?: buttonSizePropsType
21
+ btnSize?: ButtonSizePropsType
22
22
  desc?: string
23
23
  descStyle?: StyleProp<TextStyle>
24
24
  descTextColor?: TextColorProps
@@ -10,12 +10,12 @@ import type {
10
10
  TextSizeProps,
11
11
  } from '@itcase/types-ui'
12
12
 
13
- import type { paginationSizePropsType } from './styles/paginationSize'
13
+ import type { PaginationSizePropsType } from './styles/paginationSize'
14
14
 
15
15
  interface PaginationAppearanceProps {
16
16
  fill?: FillProps
17
17
  fillActive?: FillActiveProps
18
- size?: paginationSizePropsType
18
+ size?: PaginationSizePropsType
19
19
  textColor?: TextColorProps
20
20
  textColorActive?: TextColorProps
21
21
  textSize?: TextSizeProps
@@ -34,7 +34,7 @@ interface PaginationProps extends PaginationAppearanceProps {
34
34
  appearance?: PaginationAppearanceKey
35
35
  page: number
36
36
  pageCount: number
37
- size?: paginationSizePropsType
37
+ size?: PaginationSizePropsType
38
38
  style?: StyleProp<ViewStyle>
39
39
  }
40
40
 
@@ -7,7 +7,7 @@ import type {
7
7
  PaginationProps,
8
8
  } from './Pagination.interface'
9
9
  import { paginationSizeList } from './styles/paginationSize'
10
- import type { paginationSizePropsType } from './styles/paginationSize'
10
+ import type { PaginationSizePropsType } from './styles/paginationSize'
11
11
 
12
12
  export {
13
13
  Pagination,
@@ -20,5 +20,5 @@ export type {
20
20
  PaginationAppearanceKey,
21
21
  PaginationConfig,
22
22
  PaginationProps,
23
- paginationSizePropsType,
23
+ PaginationSizePropsType,
24
24
  }
@@ -40,7 +40,7 @@ const paginationSizeStyleList = getVariantsPropsList(
40
40
  'pagination_size_',
41
41
  )
42
42
 
43
- type paginationSizePropsType = (typeof paginationSizeList)[number]
43
+ type PaginationSizePropsType = (typeof paginationSizeList)[number]
44
44
 
45
45
  export { paginationSizeList, paginationSizeStyleList, paginationSizeStyles }
46
- export type { paginationSizePropsType }
46
+ export type { PaginationSizePropsType }
@@ -20,7 +20,7 @@ import type {
20
20
  } from '@itcase/types-ui'
21
21
 
22
22
  import type { ComponentGalleryArgs } from '../../storybook'
23
- import type { radioSizePropsType } from './styles/radioSize'
23
+ import type { RadioSizePropsType } from './styles/radioSize'
24
24
 
25
25
  interface RadioAppearanceProps {
26
26
  borderColor?: BorderColorProps
@@ -37,7 +37,7 @@ interface RadioAppearanceProps {
37
37
  labelTextSize?: TextSizeProps
38
38
  labelTextWeight?: TextWeightProps
39
39
  shape?: ShapeProps
40
- size?: radioSizePropsType
40
+ size?: RadioSizePropsType
41
41
  }
42
42
 
43
43
  type RadioAppearanceSize = AppearancePartialRecord<
@@ -11,7 +11,7 @@ import type {
11
11
  RadioProps,
12
12
  } from './Radio.interface'
13
13
  import { radioSizeList } from './styles/radioSize'
14
- import type { radioSizePropsType } from './styles/radioSize'
14
+ import type { RadioSizePropsType } from './styles/radioSize'
15
15
 
16
16
  export { Radio, radioAppearance, radioConfig, radioSizeList }
17
17
  export type {
@@ -23,5 +23,5 @@ export type {
23
23
  RadioAppearanceStyle,
24
24
  RadioConfig,
25
25
  RadioProps,
26
- radioSizePropsType,
26
+ RadioSizePropsType,
27
27
  }
@@ -19,7 +19,7 @@ const radioSizeStyles = StyleSheet.create({
19
19
 
20
20
  const radioSizeList = getVariantsPropsList(radioSizeStyles, 'radio__item_size_')
21
21
 
22
- type radioSizePropsType = (typeof radioSizeList)[number]
22
+ type RadioSizePropsType = (typeof radioSizeList)[number]
23
23
 
24
24
  export { radioSizeList, radioSizeStyles }
25
- export type { radioSizePropsType }
25
+ export type { RadioSizePropsType }
@@ -21,10 +21,9 @@ const searchStoryParameters = {
21
21
  },
22
22
  }
23
23
 
24
- const searchSizeKeys = Object.keys(searchAppearanceSize).filter(
25
- (value): value is keyof typeof searchAppearanceSize =>
26
- value in searchAppearanceSize,
27
- )
24
+ const searchSizeKeys = Object.keys(searchAppearanceSize) as Array<
25
+ keyof typeof searchAppearanceSize
26
+ >
28
27
 
29
28
  const searchGallery = createComponentGallery<SearchAppearanceKey>({
30
29
  size: searchAppearanceSize,
@@ -28,7 +28,7 @@ const searchShapeStyles = StyleSheet.create({
28
28
 
29
29
  const searchShapeList = getVariantsPropsList(searchShapeStyles, 'search_shape_')
30
30
 
31
- type searchShapePropsType = (typeof searchShapeList)[number]
31
+ type SearchShapePropsType = (typeof searchShapeList)[number]
32
32
 
33
33
  export { searchShapeList, searchShapeStyles }
34
- export type { searchShapePropsType }
34
+ export type { SearchShapePropsType }
@@ -42,7 +42,7 @@ const searchSizeStyles = StyleSheet.create({
42
42
 
43
43
  const searchSizeList = getVariantsPropsList(searchSizeStyles, 'search_size_')
44
44
 
45
- type searchSizePropsType = (typeof searchSizeList)[number]
45
+ type SearchSizePropsType = (typeof searchSizeList)[number]
46
46
 
47
47
  export { searchSizeList, searchSizeStyles }
48
- export type { searchSizePropsType }
48
+ export type { SearchSizePropsType }