@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.
- package/.storybook-react-native/preview.tsx +68 -32
- package/.storybook-react-native-web/main.ts +62 -40
- package/.storybook-react-native-web/preview.tsx +63 -55
- package/package.json +16 -16
- package/src/components/Avatar/Avatar.interface.ts +5 -5
- package/src/components/Avatar/index.ts +4 -4
- package/src/components/Avatar/stories/AvatarStories.config.ts +1 -4
- package/src/components/Avatar/styles/avatarShape.ts +2 -2
- package/src/components/Avatar/styles/avatarSize.ts +2 -2
- package/src/components/AvatarStack/AvatarStack.interface.ts +4 -4
- package/src/components/AvatarStack/index.ts +2 -2
- package/src/components/AvatarStack/stories/AvatarStackDemo.stories.tsx +2 -3
- package/src/components/AvatarStack/stories/AvatarStackStories.config.ts +20 -7
- package/src/components/AvatarStack/styles/avatarStackDirection.ts +2 -2
- package/src/components/Badge/Badge.interface.ts +6 -6
- package/src/components/Badge/index.ts +6 -6
- package/src/components/Badge/stories/BadgeStories.config.ts +1 -1
- package/src/components/Badge/styles/badgeShape.ts +2 -2
- package/src/components/Badge/styles/badgeSize.ts +2 -2
- package/src/components/Badge/styles/badgeType.ts +2 -2
- package/src/components/Breadcrumbs/Breadcrumbs.interface.ts +2 -2
- package/src/components/Breadcrumbs/index.ts +2 -2
- package/src/components/Breadcrumbs/styles/breadcrumbsSize.ts +2 -2
- package/src/components/Button/Button.interface.ts +5 -5
- package/src/components/Button/index.ts +4 -4
- package/src/components/Button/stories/ButtonStories.config.ts +4 -4
- package/src/components/Button/styles/buttonShape.ts +2 -2
- package/src/components/Button/styles/buttonSize.ts +2 -2
- package/src/components/Button/styles/buttonText.ts +2 -2
- package/src/components/Cell/Cell.interface.ts +6 -6
- package/src/components/Cell/index.ts +6 -6
- package/src/components/Cell/styles/cellDirection.ts +2 -2
- package/src/components/Cell/styles/cellShape.ts +2 -2
- package/src/components/Cell/styles/cellSize.ts +2 -2
- package/src/components/Checkbox/Checkbox.interface.ts +8 -8
- package/src/components/Checkbox/index.ts +4 -4
- package/src/components/Checkbox/styles/checkboxAlign.ts +2 -2
- package/src/components/Checkbox/styles/checkboxShape.ts +2 -2
- package/src/components/Checkbox/styles/checkboxSize.ts +2 -2
- package/src/components/Checkmark/Checkmark.interface.ts +4 -4
- package/src/components/Checkmark/index.ts +2 -2
- package/src/components/Checkmark/stories/CheckmarkStories.config.ts +3 -4
- package/src/components/Checkmark/styles/checkmarkSize.ts +2 -2
- package/src/components/Chips/Chips.interface.ts +4 -4
- package/src/components/Chips/index.ts +4 -4
- package/src/components/Chips/stories/ChipsStories.config.ts +1 -1
- package/src/components/Chips/styles/chipsShape.ts +2 -2
- package/src/components/Chips/styles/chipsSize.ts +2 -2
- package/src/components/Choice/Choice.interface.ts +6 -6
- package/src/components/Choice/index.ts +2 -2
- package/src/components/Choice/stories/ChoiceStories.config.tsx +3 -4
- package/src/components/Choice/styles/choiceSize.ts +2 -2
- package/src/components/Code/index.ts +4 -4
- package/src/components/Code/stories/CodeStories.config.ts +3 -4
- package/src/components/Code/styles/codeSize.ts +2 -2
- package/src/components/Code/styles/codeVariant.ts +2 -2
- package/src/components/ColorInput/ColorInput.interface.ts +2 -2
- package/src/components/ColorInput/index.ts +2 -2
- package/src/components/ColorInput/stories/ColorInputStories.config.tsx +3 -4
- package/src/components/ColorInput/styles/colorInputSize.ts +2 -2
- package/src/components/Divider/Divider.interface.ts +4 -4
- package/src/components/Divider/index.ts +4 -4
- package/src/components/Divider/styles/dividerDirection.ts +2 -2
- package/src/components/Divider/styles/dividerSize.ts +2 -2
- package/src/components/Dot/Dot.interface.ts +4 -4
- package/src/components/Dot/index.ts +3 -3
- package/src/components/Dot/styles/dotShape.ts +2 -2
- package/src/components/Dot/styles/dotSize.ts +2 -2
- package/src/components/Drawer/Drawer.interface.ts +2 -2
- package/src/components/Dropdown/Dropdown.interface.ts +6 -6
- package/src/components/Dropdown/index.ts +3 -3
- package/src/components/Dropdown/styles/dropdownItemSize.ts +2 -2
- package/src/components/Group/Group.interface.ts +8 -8
- package/src/components/Group/index.ts +8 -8
- package/src/components/Group/styles/groupAlign.ts +2 -2
- package/src/components/Group/styles/groupDirection.ts +2 -2
- package/src/components/Group/styles/groupJustify.ts +2 -2
- package/src/components/Group/styles/groupWrap.ts +2 -2
- package/src/components/Icon/Icon.interface.ts +10 -10
- package/src/components/Icon/index.ts +4 -4
- package/src/components/Icon/stories/IconStories.config.ts +1 -1
- package/src/components/Icon/styles/iconShape.ts +2 -2
- package/src/components/Icon/styles/iconSize.ts +5 -5
- package/src/components/Input/Input.interface.ts +4 -4
- package/src/components/Input/index.ts +4 -4
- package/src/components/Input/stories/InputStories.config.tsx +3 -4
- package/src/components/Input/styles/inputShape.ts +2 -2
- package/src/components/Input/styles/inputSize.ts +2 -2
- package/src/components/InputNumber/InputNumber.interface.ts +8 -8
- package/src/components/InputNumber/index.ts +4 -4
- package/src/components/InputNumber/styles/inputNumberShape.ts +2 -2
- package/src/components/InputNumber/styles/inputNumberSize.ts +2 -2
- package/src/components/InputPassword/InputPassword.interface.ts +6 -6
- package/src/components/InputPassword/index.ts +4 -4
- package/src/components/InputPassword/styles/inputPasswordShape.ts +2 -2
- package/src/components/InputPassword/styles/inputPasswordSize.ts +2 -2
- package/src/components/Label/Label.interface.ts +2 -2
- package/src/components/Label/index.ts +2 -2
- package/src/components/Label/stories/LabelStories.config.ts +1 -1
- package/src/components/Label/styles/labelShape.ts +2 -2
- package/src/components/List/List.interface.ts +2 -2
- package/src/components/List/index.ts +4 -4
- package/src/components/List/styles/listDirection.ts +2 -2
- package/src/components/List/styles/listSize.ts +2 -2
- package/src/components/Loader/Loader.interface.ts +4 -4
- package/src/components/Loader/index.ts +4 -4
- package/src/components/Loader/stories/LoaderStories.config.ts +3 -4
- package/src/components/Loader/styles/loaderShape.ts +2 -2
- package/src/components/Loader/styles/loaderSize.ts +2 -2
- package/src/components/Logo/Logo.interface.ts +4 -4
- package/src/components/Logo/index.ts +3 -3
- package/src/components/Logo/styles/logoAlign.ts +2 -2
- package/src/components/Logo/styles/logoSize.ts +2 -2
- package/src/components/MenuItem/MenuItem.interface.ts +4 -4
- package/src/components/MenuItem/index.ts +4 -4
- package/src/components/MenuItem/styles/menuItemShape.ts +2 -2
- package/src/components/MenuItem/styles/menuItemSize.ts +2 -2
- package/src/components/Modal/Modal.interface.ts +2 -2
- package/src/components/Pagination/Pagination.interface.ts +3 -3
- package/src/components/Pagination/index.ts +2 -2
- package/src/components/Pagination/styles/paginationSize.ts +2 -2
- package/src/components/Radio/Radio.interface.ts +2 -2
- package/src/components/Radio/index.ts +2 -2
- package/src/components/Radio/styles/radioSize.ts +2 -2
- package/src/components/Search/stories/SearchStories.config.ts +3 -4
- package/src/components/Search/styles/searchShape.ts +2 -2
- package/src/components/Search/styles/searchSize.ts +2 -2
- package/src/components/Segmented/Segmented.interface.ts +6 -6
- package/src/components/Segmented/index.ts +4 -4
- package/src/components/Segmented/styles/segmentedShape.ts +2 -2
- package/src/components/Segmented/styles/segmentedSize.ts +2 -2
- package/src/components/Select/Select.interface.ts +2 -2
- package/src/components/Select/index.ts +2 -2
- package/src/components/Select/stories/SelectStories.config.ts +1 -4
- package/src/components/Select/styles/selectSize.ts +2 -2
- package/src/components/Switch/Switch.interface.ts +4 -4
- package/src/components/Switch/index.ts +4 -4
- package/src/components/Switch/stories/SwitchStories.config.tsx +3 -4
- package/src/components/Switch/styles/switchAlign.ts +2 -2
- package/src/components/Switch/styles/switchSize.ts +2 -2
- package/src/components/Tab/Tab.interface.ts +2 -2
- package/src/components/Tab/index.ts +2 -2
- package/src/components/Tab/styles/tabSize.ts +2 -2
- package/src/components/Textarea/Textarea.interface.ts +4 -4
- package/src/components/Textarea/index.ts +4 -4
- package/src/components/Textarea/styles/textareaShape.ts +2 -2
- package/src/components/Textarea/styles/textareaSize.ts +2 -2
- package/src/components/Tile/Tile.interface.ts +4 -4
- package/src/components/Tile/index.ts +4 -4
- package/src/components/Tile/styles/tileShape.ts +2 -2
- package/src/components/Tile/styles/tileSize.ts +2 -2
- package/src/components/Warning/Warning.interface.ts +4 -4
- package/src/components/Warning/index.ts +4 -4
- package/src/components/Warning/styles/warningShape.ts +2 -2
- package/src/components/Warning/styles/warningSize.ts +2 -2
- package/src/index.tsx +118 -118
|
@@ -41,8 +41,8 @@ const iconGlyphSizeList = getVariantsPropsList(
|
|
|
41
41
|
'icon_size_',
|
|
42
42
|
)
|
|
43
43
|
|
|
44
|
-
type
|
|
45
|
-
type
|
|
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
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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 {
|
|
23
|
-
import type {
|
|
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?:
|
|
31
|
-
size?:
|
|
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 {
|
|
14
|
+
import type { InputShapePropsType } from './styles/inputShape'
|
|
15
15
|
import { inputSizeList } from './styles/inputSize'
|
|
16
|
-
import type {
|
|
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
|
-
|
|
29
|
-
|
|
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)
|
|
17
|
-
|
|
18
|
-
|
|
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
|
|
28
|
+
type InputShapePropsType = (typeof inputShapeList)[number]
|
|
29
29
|
|
|
30
30
|
export { inputShapeList, inputShapeStyles }
|
|
31
|
-
export type {
|
|
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
|
|
30
|
+
type InputSizePropsType = (typeof inputSizeList)[number]
|
|
31
31
|
|
|
32
32
|
export { inputSizeList, inputSizeStyles }
|
|
33
|
-
export type {
|
|
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 {
|
|
18
|
+
import type { ButtonSizePropsType } from '../Button/styles/buttonSize'
|
|
19
19
|
import type { IconProps, SvgIconComponent } from '../Icon/Icon.interface'
|
|
20
|
-
import type {
|
|
21
|
-
import type {
|
|
22
|
-
import type {
|
|
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?:
|
|
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?:
|
|
34
|
+
iconSize?: IconSizePropsType
|
|
35
35
|
inputNumberTextColor?: TextColorProps
|
|
36
36
|
inputNumberTextSize?: TextSizeProps
|
|
37
37
|
inputNumberTextWeight?: TextWeightProps
|
|
38
|
-
shape?:
|
|
39
|
-
size?:
|
|
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 {
|
|
13
|
+
import type { InputNumberShapePropsType } from './styles/inputNumberShape'
|
|
14
14
|
import { inputNumberSizeList } from './styles/inputNumberSize'
|
|
15
|
-
import type {
|
|
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
|
-
|
|
31
|
-
|
|
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
|
|
31
|
+
type InputNumberShapePropsType = (typeof inputNumberShapeList)[number]
|
|
32
32
|
|
|
33
33
|
export { inputNumberShapeList, inputNumberShapeStyles }
|
|
34
|
-
export type {
|
|
34
|
+
export type { InputNumberShapePropsType }
|
|
@@ -30,7 +30,7 @@ const inputNumberSizeList = getVariantsPropsList(
|
|
|
30
30
|
'inputNumber_size_',
|
|
31
31
|
)
|
|
32
32
|
|
|
33
|
-
type
|
|
33
|
+
type InputNumberSizePropsType = (typeof inputNumberSizeList)[number]
|
|
34
34
|
|
|
35
35
|
export { inputNumberSizeList, inputNumberSizeStyles }
|
|
36
|
-
export type {
|
|
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 {
|
|
24
|
-
import type {
|
|
25
|
-
import type {
|
|
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?:
|
|
35
|
+
iconSize?: IconSizePropsType
|
|
36
36
|
placeholderTextColor?: TextColorProps
|
|
37
|
-
shape?:
|
|
38
|
-
size?:
|
|
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 {
|
|
14
|
+
import type { InputPasswordShapePropsType } from './styles/inputPasswordShape'
|
|
15
15
|
import { inputPasswordSizeList } from './styles/inputPasswordSize'
|
|
16
|
-
import type {
|
|
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
|
-
|
|
35
|
-
|
|
34
|
+
InputPasswordShapePropsType,
|
|
35
|
+
InputPasswordSizePropsType,
|
|
36
36
|
}
|
|
@@ -28,7 +28,7 @@ const inputPasswordShapeList = getVariantsPropsList(
|
|
|
28
28
|
'inputPassword_shape_',
|
|
29
29
|
)
|
|
30
30
|
|
|
31
|
-
type
|
|
31
|
+
type InputPasswordShapePropsType = (typeof inputPasswordShapeList)[number]
|
|
32
32
|
|
|
33
33
|
export { inputPasswordShapeList, inputPasswordShapeStyles }
|
|
34
|
-
export type {
|
|
34
|
+
export type { InputPasswordShapePropsType }
|
|
@@ -30,7 +30,7 @@ const inputPasswordSizeList = getVariantsPropsList(
|
|
|
30
30
|
'inputPassword_size_',
|
|
31
31
|
)
|
|
32
32
|
|
|
33
|
-
type
|
|
33
|
+
type InputPasswordSizePropsType = (typeof inputPasswordSizeList)[number]
|
|
34
34
|
|
|
35
35
|
export { inputPasswordSizeList, inputPasswordSizeStyles }
|
|
36
|
-
export type {
|
|
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 {
|
|
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?:
|
|
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 {
|
|
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
|
-
|
|
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)
|
|
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
|
|
20
|
+
type LabelShapePropsType = (typeof labelShapeList)[number]
|
|
21
21
|
|
|
22
22
|
export { labelShapeList, labelShapeStyles }
|
|
23
|
-
export type {
|
|
23
|
+
export type { LabelShapePropsType }
|
|
@@ -18,7 +18,7 @@ import type {
|
|
|
18
18
|
TextWeightProps,
|
|
19
19
|
} from '@itcase/types-ui'
|
|
20
20
|
|
|
21
|
-
import type {
|
|
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?:
|
|
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 {
|
|
17
|
+
import type { ListDirectionPropsType } from './styles/listDirection'
|
|
18
18
|
import { listSizeList } from './styles/listSize'
|
|
19
|
-
import type {
|
|
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
|
-
|
|
36
|
+
ListDirectionPropsType,
|
|
37
37
|
ListItemAppearanceProps,
|
|
38
38
|
ListItemProps,
|
|
39
39
|
ListProps,
|
|
40
|
-
|
|
40
|
+
ListSizePropsType,
|
|
41
41
|
ListStyle,
|
|
42
42
|
}
|
|
@@ -34,7 +34,7 @@ const listDirectionList = getVariantsPropsList(
|
|
|
34
34
|
'list_direction_',
|
|
35
35
|
)
|
|
36
36
|
|
|
37
|
-
type
|
|
37
|
+
type ListDirectionPropsType = (typeof listDirectionList)[number]
|
|
38
38
|
|
|
39
39
|
export { listDirectionList, listDirectionStyles }
|
|
40
|
-
export type {
|
|
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
|
|
3
|
+
type ListSizePropsType = (typeof listSizeList)[number]
|
|
4
4
|
|
|
5
5
|
export { listSizeList }
|
|
6
|
-
export type {
|
|
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 {
|
|
23
|
-
import type {
|
|
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?:
|
|
61
|
-
size?:
|
|
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 {
|
|
14
|
+
import type { LoaderShapePropsType } from './styles/loaderShape'
|
|
15
15
|
import { loaderSizeList } from './styles/loaderSize'
|
|
16
|
-
import type {
|
|
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
|
-
|
|
35
|
-
|
|
34
|
+
LoaderShapePropsType,
|
|
35
|
+
LoaderSizePropsType,
|
|
36
36
|
}
|
|
@@ -37,10 +37,9 @@ const loaderStoryParameters = {
|
|
|
37
37
|
},
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
const loaderSizeKeys = Object.keys(loaderAppearanceSize)
|
|
41
|
-
|
|
42
|
-
|
|
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
|
|
31
|
+
type LoaderShapePropsType = (typeof loaderShapeList)[number]
|
|
32
32
|
|
|
33
33
|
export { loaderShapeList, loaderShapeStyles }
|
|
34
|
-
export type {
|
|
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
|
|
25
|
+
type LoaderSizePropsType = (typeof loaderSizeList)[number]
|
|
26
26
|
|
|
27
27
|
export { loaderSizeList, loaderSizeStyles }
|
|
28
|
-
export type {
|
|
28
|
+
export type { LoaderSizePropsType }
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native'
|
|
2
2
|
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
3
|
+
import type { LogoAlignItemsPropsType } from './styles/logoAlign'
|
|
4
|
+
import type { LogoSizePropsType } from './styles/logoSize'
|
|
5
5
|
|
|
6
6
|
interface LogoProps {
|
|
7
|
-
alignItems?:
|
|
7
|
+
alignItems?: LogoAlignItemsPropsType
|
|
8
8
|
height?: number
|
|
9
|
-
size?:
|
|
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 {
|
|
4
|
+
import type { LogoAlignItemsPropsType } from './styles/logoAlign'
|
|
5
5
|
import { logoSizeList } from './styles/logoSize'
|
|
6
|
-
import type {
|
|
6
|
+
import type { LogoSizePropsType } from './styles/logoSize'
|
|
7
7
|
|
|
8
8
|
export { Logo, logoAlignItemsList, logoSizeList }
|
|
9
|
-
export type {
|
|
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
|
|
25
|
+
type LogoAlignItemsPropsType = (typeof logoAlignItemsList)[number]
|
|
26
26
|
|
|
27
27
|
export { logoAlignItemsList, logoAlignStyles }
|
|
28
|
-
export type {
|
|
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
|
|
31
|
+
type LogoSizePropsType = (typeof logoSizeList)[number]
|
|
32
32
|
|
|
33
33
|
export { logoSizeList, logoSizeStyles }
|
|
34
|
-
export type {
|
|
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 {
|
|
25
|
-
import type {
|
|
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?:
|
|
88
|
-
size?:
|
|
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 {
|
|
14
|
+
import type { MenuItemShapePropsType } from './styles/menuItemShape'
|
|
15
15
|
import { menuItemSizeList } from './styles/menuItemSize'
|
|
16
|
-
import type {
|
|
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
|
-
|
|
35
|
-
|
|
34
|
+
MenuItemShapePropsType,
|
|
35
|
+
MenuItemSizePropsType,
|
|
36
36
|
}
|
|
@@ -31,7 +31,7 @@ const menuItemShapeList = getVariantsPropsList(
|
|
|
31
31
|
'menuItem_shape_',
|
|
32
32
|
)
|
|
33
33
|
|
|
34
|
-
type
|
|
34
|
+
type MenuItemShapePropsType = (typeof menuItemShapeList)[number]
|
|
35
35
|
|
|
36
36
|
export { menuItemShapeList, menuItemShapeStyles }
|
|
37
|
-
export type {
|
|
37
|
+
export type { MenuItemShapePropsType }
|
|
@@ -59,7 +59,7 @@ const menuItemSizeList = getVariantsPropsList(
|
|
|
59
59
|
'menuItem_size_',
|
|
60
60
|
)
|
|
61
61
|
|
|
62
|
-
type
|
|
62
|
+
type MenuItemSizePropsType = (typeof menuItemSizeList)[number]
|
|
63
63
|
|
|
64
64
|
export { menuItemSizeList, menuItemSizeStyles }
|
|
65
|
-
export type {
|
|
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 {
|
|
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?:
|
|
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 {
|
|
13
|
+
import type { PaginationSizePropsType } from './styles/paginationSize'
|
|
14
14
|
|
|
15
15
|
interface PaginationAppearanceProps {
|
|
16
16
|
fill?: FillProps
|
|
17
17
|
fillActive?: FillActiveProps
|
|
18
|
-
size?:
|
|
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?:
|
|
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 {
|
|
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
|
-
|
|
23
|
+
PaginationSizePropsType,
|
|
24
24
|
}
|