@itcase/ui-react-native 1.10.89 → 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 +62 -40
  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
@@ -41,8 +41,8 @@ const iconGlyphSizeList = getVariantsPropsList(
41
41
  'icon_size_',
42
42
  )
43
43
 
44
- type iconFillSizePropsType = `${(typeof ICON_FILL_SIZES)[number]}`
45
- type iconGlyphSizePropsType = `${(typeof ICON_GLYPH_SIZES)[number]}`
44
+ type IconFillSizePropsType = `${(typeof ICON_FILL_SIZES)[number]}`
45
+ type IconGlyphSizePropsType = `${(typeof ICON_GLYPH_SIZES)[number]}`
46
46
 
47
47
  export {
48
48
  iconFillSizeList,
@@ -52,7 +52,7 @@ export {
52
52
  iconFillSizeList as iconSizeList,
53
53
  }
54
54
  export type {
55
- iconFillSizePropsType,
56
- iconGlyphSizePropsType,
57
- iconFillSizePropsType as iconSizePropsType,
55
+ IconFillSizePropsType,
56
+ IconGlyphSizePropsType,
57
+ IconFillSizePropsType as IconSizePropsType,
58
58
  }
@@ -19,16 +19,16 @@ import type {
19
19
  } from '@itcase/types-ui'
20
20
 
21
21
  import type { ComponentGalleryArgs } from '../../storybook'
22
- import type { inputShapePropsType } from './styles/inputShape'
23
- import type { inputSizePropsType } from './styles/inputSize'
22
+ import type { InputShapePropsType } from './styles/inputShape'
23
+ import type { InputSizePropsType } from './styles/inputSize'
24
24
 
25
25
  interface InputAppearanceProps {
26
26
  borderColor?: BorderColorProps
27
27
  caret?: FillProps
28
28
  fill?: FillProps
29
29
  placeholderTextColor?: TextColorProps
30
- shape?: inputShapePropsType
31
- size?: inputSizePropsType
30
+ shape?: InputShapePropsType
31
+ size?: InputSizePropsType
32
32
  textColor?: TextColorProps
33
33
  textSize?: TextSizeProps
34
34
  textWeight?: TextWeightProps
@@ -11,9 +11,9 @@ import type {
11
11
  InputProps,
12
12
  } from './Input.interface'
13
13
  import { inputShapeList } from './styles/inputShape'
14
- import type { inputShapePropsType } from './styles/inputShape'
14
+ import type { InputShapePropsType } from './styles/inputShape'
15
15
  import { inputSizeList } from './styles/inputSize'
16
- import type { inputSizePropsType } from './styles/inputSize'
16
+ import type { InputSizePropsType } from './styles/inputSize'
17
17
 
18
18
  export { Input, inputAppearance, inputConfig, inputShapeList, inputSizeList }
19
19
  export type {
@@ -25,6 +25,6 @@ export type {
25
25
  InputAppearanceStyle,
26
26
  InputConfig,
27
27
  InputProps,
28
- inputShapePropsType,
29
- inputSizePropsType,
28
+ InputShapePropsType,
29
+ InputSizePropsType,
30
30
  }
@@ -13,10 +13,9 @@ import { inputAppearanceSuccess } from '../appearance/inputSuccess'
13
13
  import { Input } from '../Input'
14
14
  import type { InputAppearanceKey, InputProps } from '../Input.interface'
15
15
 
16
- const inputSizeKeys = Object.keys(inputAppearanceSize).filter(
17
- (value): value is keyof typeof inputAppearanceSize =>
18
- value in inputAppearanceSize,
19
- )
16
+ const inputSizeKeys = Object.keys(inputAppearanceSize) as Array<
17
+ keyof typeof inputAppearanceSize
18
+ >
20
19
 
21
20
  const inputGallery = createComponentGallery<InputAppearanceKey>({
22
21
  size: inputAppearanceSize,
@@ -25,7 +25,7 @@ const inputShapeStyles = StyleSheet.create({
25
25
 
26
26
  const inputShapeList = getVariantsPropsList(inputShapeStyles, 'input_shape_')
27
27
 
28
- type inputShapePropsType = (typeof inputShapeList)[number]
28
+ type InputShapePropsType = (typeof inputShapeList)[number]
29
29
 
30
30
  export { inputShapeList, inputShapeStyles }
31
- export type { inputShapePropsType }
31
+ export type { InputShapePropsType }
@@ -27,7 +27,7 @@ const inputSizeStyles = StyleSheet.create({
27
27
 
28
28
  const inputSizeList = getVariantsPropsList(inputSizeStyles, 'input_size_')
29
29
 
30
- type inputSizePropsType = (typeof inputSizeList)[number]
30
+ type InputSizePropsType = (typeof inputSizeList)[number]
31
31
 
32
32
  export { inputSizeList, inputSizeStyles }
33
- export type { inputSizePropsType }
33
+ export type { InputSizePropsType }
@@ -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
  }