react-native-system-ui 1.0.5 → 1.0.7
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/README.md +22 -22
- package/dist/cjs/components/field/Field.js +1 -1
- package/dist/cjs/components/flex/Flex.js +1 -1
- package/dist/cjs/components/flex/FlexItem.js +1 -1
- package/dist/cjs/components/form/Form.js +1 -1
- package/dist/cjs/components/grid/Grid.js +1 -1
- package/dist/cjs/components/grid/GridItem.js +1 -1
- package/dist/cjs/components/popup/Popup.js +1 -1
- package/dist/cjs/components/selector/Selector.js +1 -1
- package/dist/cjs/components/toast/Toast.js +1 -1
- package/dist/es/components/field/Field.js +1 -1
- package/dist/es/components/flex/Flex.js +1 -1
- package/dist/es/components/flex/FlexItem.js +1 -1
- package/dist/es/components/form/Form.js +1 -1
- package/dist/es/components/grid/Grid.js +1 -1
- package/dist/es/components/grid/GridItem.js +1 -1
- package/dist/es/components/popup/Popup.js +1 -1
- package/dist/es/components/selector/Selector.js +1 -1
- package/dist/es/components/toast/Toast.js +1 -1
- package/dist/types/components/action-sheet/ActionSheet.d.ts +1 -4
- package/dist/types/components/action-sheet/index.d.ts +1 -4
- package/dist/types/components/action-sheet/tokens.d.ts +1 -4
- package/dist/types/components/action-sheet/types.d.ts +1 -87
- package/dist/types/components/area/Area.d.ts +1 -4
- package/dist/types/components/area/index.d.ts +1 -3
- package/dist/types/components/area/tokens.d.ts +1 -7
- package/dist/types/components/area/types.d.ts +1 -20
- package/dist/types/components/avatar/Avatar.d.ts +1 -7
- package/dist/types/components/avatar/index.d.ts +1 -2
- package/dist/types/components/avatar/tokens.d.ts +1 -4
- package/dist/types/components/avatar/types.d.ts +1 -62
- package/dist/types/components/badge/Badge.d.ts +1 -4
- package/dist/types/components/badge/index.d.ts +1 -3
- package/dist/types/components/badge/tokens.d.ts +1 -2
- package/dist/types/components/badge/types.d.ts +1 -57
- package/dist/types/components/button/Button.d.ts +1 -5
- package/dist/types/components/button/ButtonContext.d.ts +1 -2
- package/dist/types/components/button/ButtonGroup.d.ts +1 -23
- package/dist/types/components/button/index.d.ts +1 -6
- package/dist/types/components/button/tokens.d.ts +1 -2
- package/dist/types/components/button/types.d.ts +1 -109
- package/dist/types/components/calendar/Calendar.d.ts +1 -4
- package/dist/types/components/calendar/index.d.ts +1 -3
- package/dist/types/components/calendar/tokens.d.ts +1 -4
- package/dist/types/components/calendar/types.d.ts +1 -111
- package/dist/types/components/cascader/Cascader.d.ts +1 -4
- package/dist/types/components/cascader/index.d.ts +1 -4
- package/dist/types/components/cascader/tokens.d.ts +1 -4
- package/dist/types/components/cascader/types.d.ts +1 -142
- package/dist/types/components/cascader/useCascaderExtend.d.ts +1 -12
- package/dist/types/components/cell/Cell.d.ts +1 -4
- package/dist/types/components/cell/CellContext.d.ts +1 -7
- package/dist/types/components/cell/CellGroup.d.ts +1 -3
- package/dist/types/components/cell/index.d.ts +1 -8
- package/dist/types/components/cell/tokens.d.ts +1 -4
- package/dist/types/components/cell/types.d.ts +1 -112
- package/dist/types/components/checkbox/Checkbox.d.ts +1 -5
- package/dist/types/components/checkbox/CheckboxContext.d.ts +1 -2
- package/dist/types/components/checkbox/CheckboxGroup.d.ts +1 -22
- package/dist/types/components/checkbox/index.d.ts +1 -7
- package/dist/types/components/checkbox/tokens.d.ts +1 -2
- package/dist/types/components/checkbox/types.d.ts +1 -99
- package/dist/types/components/circle/Circle.d.ts +1 -5
- package/dist/types/components/circle/index.d.ts +1 -3
- package/dist/types/components/circle/tokens.d.ts +1 -4
- package/dist/types/components/circle/types.d.ts +1 -51
- package/dist/types/components/collapse/Collapse.d.ts +1 -43
- package/dist/types/components/collapse/index.d.ts +1 -3
- package/dist/types/components/collapse/tokens.d.ts +1 -4
- package/dist/types/components/collapse/types.d.ts +1 -45
- package/dist/types/components/config-provider/ConfigProvider.d.ts +1 -3
- package/dist/types/components/config-provider/DirectionContext.d.ts +1 -3
- package/dist/types/components/config-provider/LocaleContext.d.ts +1 -3
- package/dist/types/components/config-provider/index.d.ts +1 -6
- package/dist/types/components/config-provider/locale/en-US.d.ts +1 -106
- package/dist/types/components/config-provider/locale/types.d.ts +1 -130
- package/dist/types/components/config-provider/locale/zh-CN.d.ts +1 -106
- package/dist/types/components/config-provider/tokens.d.ts +1 -3
- package/dist/types/components/config-provider/types.d.ts +1 -10
- package/dist/types/components/config-provider/useDirection.d.ts +1 -1
- package/dist/types/components/config-provider/useLocale.d.ts +1 -1
- package/dist/types/components/count-down/CountDown.d.ts +1 -4
- package/dist/types/components/count-down/index.d.ts +1 -4
- package/dist/types/components/count-down/tokens.d.ts +1 -4
- package/dist/types/components/count-down/types.d.ts +1 -29
- package/dist/types/components/datetime-picker/DatetimePicker.d.ts +1 -4
- package/dist/types/components/datetime-picker/index.d.ts +1 -3
- package/dist/types/components/datetime-picker/tokens.d.ts +1 -15
- package/dist/types/components/datetime-picker/types.d.ts +1 -38
- package/dist/types/components/dialog/Dialog.d.ts +1 -4
- package/dist/types/components/dialog/imperative.d.ts +1 -23
- package/dist/types/components/dialog/index.d.ts +1 -5
- package/dist/types/components/dialog/tokens.d.ts +1 -48
- package/dist/types/components/dialog/types.d.ts +1 -70
- package/dist/types/components/divider/Divider.d.ts +1 -3
- package/dist/types/components/divider/index.d.ts +1 -3
- package/dist/types/components/divider/tokens.d.ts +1 -4
- package/dist/types/components/divider/types.d.ts +1 -48
- package/dist/types/components/empty/Empty.d.ts +1 -3
- package/dist/types/components/empty/index.d.ts +1 -3
- package/dist/types/components/empty/tokens.d.ts +1 -4
- package/dist/types/components/empty/types.d.ts +1 -44
- package/dist/types/components/error-boundary/ErrorBoundary.d.ts +1 -6
- package/dist/types/components/error-boundary/index.d.ts +1 -2
- package/dist/types/components/error-boundary/types.d.ts +1 -18
- package/dist/types/components/field/Field.d.ts +1 -4
- package/dist/types/components/field/index.d.ts +1 -7
- package/dist/types/components/field/tokens.d.ts +1 -131
- package/dist/types/components/field/types.d.ts +1 -86
- package/dist/types/components/flex/Flex.d.ts +1 -9
- package/dist/types/components/flex/FlexContext.d.ts +1 -2
- package/dist/types/components/flex/FlexItem.d.ts +1 -3
- package/dist/types/components/flex/index.d.ts +1 -8
- package/dist/types/components/flex/tokens.d.ts +1 -2
- package/dist/types/components/flex/types.d.ts +1 -37
- package/dist/types/components/form/Form.d.ts +1 -26
- package/dist/types/components/form/FormItem.d.ts +1 -5
- package/dist/types/components/form/FormList.d.ts +1 -18
- package/dist/types/components/form/index.d.ts +1 -17
- package/dist/types/components/form/tokens.d.ts +1 -7
- package/dist/types/components/form/types.d.ts +1 -68
- package/dist/types/components/grid/Grid.d.ts +1 -18
- package/dist/types/components/grid/GridContext.d.ts +1 -2
- package/dist/types/components/grid/GridItem.d.ts +1 -3
- package/dist/types/components/grid/index.d.ts +1 -5
- package/dist/types/components/grid/tokens.d.ts +1 -4
- package/dist/types/components/grid/types.d.ts +1 -77
- package/dist/types/components/image/Image.d.ts +1 -5
- package/dist/types/components/image/index.d.ts +1 -4
- package/dist/types/components/image/tokens.d.ts +1 -2
- package/dist/types/components/image/types.d.ts +1 -53
- package/dist/types/components/image-preview/ImagePreview.d.ts +1 -4
- package/dist/types/components/image-preview/imperative.d.ts +1 -5
- package/dist/types/components/image-preview/index.d.ts +1 -6
- package/dist/types/components/image-preview/tokens.d.ts +1 -27
- package/dist/types/components/image-preview/types.d.ts +1 -55
- package/dist/types/components/index.d.ts +1 -213
- package/dist/types/components/input/Input.d.ts +1 -8
- package/dist/types/components/input/index.d.ts +1 -4
- package/dist/types/components/input/tokens.d.ts +1 -2
- package/dist/types/components/input/types.d.ts +1 -42
- package/dist/types/components/loading/Loading.d.ts +1 -3
- package/dist/types/components/loading/index.d.ts +1 -3
- package/dist/types/components/loading/tokens.d.ts +1 -4
- package/dist/types/components/loading/types.d.ts +1 -32
- package/dist/types/components/nav-bar/NavBar.d.ts +1 -4
- package/dist/types/components/nav-bar/index.d.ts +1 -4
- package/dist/types/components/nav-bar/tokens.d.ts +1 -4
- package/dist/types/components/nav-bar/types.d.ts +1 -67
- package/dist/types/components/notice-bar/NoticeBar.d.ts +1 -3
- package/dist/types/components/notice-bar/index.d.ts +1 -3
- package/dist/types/components/notice-bar/tokens.d.ts +1 -24
- package/dist/types/components/notice-bar/types.d.ts +1 -26
- package/dist/types/components/notify/Notify.d.ts +1 -6
- package/dist/types/components/notify/imperative.d.ts +1 -22
- package/dist/types/components/notify/index.d.ts +1 -15
- package/dist/types/components/notify/tokens.d.ts +1 -4
- package/dist/types/components/notify/types.d.ts +1 -64
- package/dist/types/components/number-keyboard/NumberKeyboard.d.ts +1 -4
- package/dist/types/components/number-keyboard/index.d.ts +1 -4
- package/dist/types/components/number-keyboard/tokens.d.ts +1 -42
- package/dist/types/components/number-keyboard/types.d.ts +1 -35
- package/dist/types/components/overlay/Overlay.d.ts +1 -5
- package/dist/types/components/overlay/index.d.ts +1 -5
- package/dist/types/components/overlay/tokens.d.ts +1 -6
- package/dist/types/components/overlay/types.d.ts +1 -13
- package/dist/types/components/password-input/PasswordInput.d.ts +1 -4
- package/dist/types/components/password-input/index.d.ts +1 -2
- package/dist/types/components/password-input/tokens.d.ts +1 -40
- package/dist/types/components/password-input/types.d.ts +1 -35
- package/dist/types/components/picker/Picker.d.ts +1 -32
- package/dist/types/components/picker/index.d.ts +1 -4
- package/dist/types/components/picker/tokens.d.ts +1 -39
- package/dist/types/components/picker/types.d.ts +1 -73
- package/dist/types/components/popup/Popup.d.ts +1 -5
- package/dist/types/components/popup/index.d.ts +1 -4
- package/dist/types/components/popup/tokens.d.ts +1 -48
- package/dist/types/components/popup/types.d.ts +1 -41
- package/dist/types/components/portal/Portal.d.ts +1 -14
- package/dist/types/components/portal/PortalContext.d.ts +1 -7
- package/dist/types/components/portal/PortalHost.d.ts +1 -11
- package/dist/types/components/portal/index.d.ts +1 -3
- package/dist/types/components/portal/tokens.d.ts +1 -3
- package/dist/types/components/portal/types.d.ts +1 -1
- package/dist/types/components/progress/Progress.d.ts +1 -8
- package/dist/types/components/progress/index.d.ts +1 -4
- package/dist/types/components/progress/tokens.d.ts +1 -4
- package/dist/types/components/progress/types.d.ts +1 -51
- package/dist/types/components/radio/Radio.d.ts +1 -3
- package/dist/types/components/radio/RadioContext.d.ts +1 -2
- package/dist/types/components/radio/RadioGroup.d.ts +1 -14
- package/dist/types/components/radio/index.d.ts +1 -7
- package/dist/types/components/radio/tokens.d.ts +1 -2
- package/dist/types/components/radio/types.d.ts +1 -95
- package/dist/types/components/safe-area-view/SafeAreaView.d.ts +1 -10
- package/dist/types/components/safe-area-view/index.d.ts +1 -2
- package/dist/types/components/safe-area-view/tokens.d.ts +1 -3
- package/dist/types/components/safe-area-view/types.d.ts +1 -1
- package/dist/types/components/search/Search.d.ts +1 -4
- package/dist/types/components/search/index.d.ts +1 -4
- package/dist/types/components/search/tokens.d.ts +1 -41
- package/dist/types/components/search/types.d.ts +1 -28
- package/dist/types/components/selector/Selector.d.ts +1 -7
- package/dist/types/components/selector/index.d.ts +1 -4
- package/dist/types/components/selector/tokens.d.ts +1 -2
- package/dist/types/components/selector/types.d.ts +1 -74
- package/dist/types/components/share-sheet/ShareSheet.d.ts +1 -4
- package/dist/types/components/share-sheet/index.d.ts +1 -4
- package/dist/types/components/share-sheet/tokens.d.ts +1 -40
- package/dist/types/components/share-sheet/types.d.ts +1 -26
- package/dist/types/components/sidebar/Sidebar.d.ts +1 -4
- package/dist/types/components/sidebar/SidebarContext.d.ts +1 -7
- package/dist/types/components/sidebar/SidebarItem.d.ts +1 -4
- package/dist/types/components/sidebar/index.d.ts +1 -8
- package/dist/types/components/sidebar/tokens.d.ts +1 -4
- package/dist/types/components/sidebar/types.d.ts +1 -64
- package/dist/types/components/skeleton/Skeleton.d.ts +1 -5
- package/dist/types/components/skeleton/index.d.ts +1 -5
- package/dist/types/components/skeleton/tokens.d.ts +1 -2
- package/dist/types/components/skeleton/types.d.ts +1 -45
- package/dist/types/components/slider/Slider.d.ts +1 -4
- package/dist/types/components/slider/index.d.ts +1 -3
- package/dist/types/components/slider/tokens.d.ts +1 -28
- package/dist/types/components/slider/types.d.ts +1 -38
- package/dist/types/components/space/Space.d.ts +1 -3
- package/dist/types/components/space/index.d.ts +1 -3
- package/dist/types/components/space/tokens.d.ts +1 -3
- package/dist/types/components/space/types.d.ts +1 -39
- package/dist/types/components/stepper/Stepper.d.ts +1 -4
- package/dist/types/components/stepper/index.d.ts +1 -4
- package/dist/types/components/stepper/tokens.d.ts +1 -46
- package/dist/types/components/stepper/types.d.ts +1 -46
- package/dist/types/components/swiper/Swiper.d.ts +1 -9
- package/dist/types/components/swiper/SwiperItem.d.ts +1 -1
- package/dist/types/components/swiper/SwiperPagIndicator.d.ts +1 -36
- package/dist/types/components/swiper/index.d.ts +1 -14
- package/dist/types/components/swiper/tokens.d.ts +1 -11
- package/dist/types/components/swiper/types.d.ts +1 -29
- package/dist/types/components/switch/Switch.d.ts +1 -7
- package/dist/types/components/switch/index.d.ts +1 -4
- package/dist/types/components/switch/tokens.d.ts +1 -2
- package/dist/types/components/switch/types.d.ts +1 -33
- package/dist/types/components/tabbar/Tabbar.d.ts +1 -4
- package/dist/types/components/tabbar/TabbarContext.d.ts +1 -13
- package/dist/types/components/tabbar/TabbarItem.d.ts +1 -4
- package/dist/types/components/tabbar/index.d.ts +1 -9
- package/dist/types/components/tabbar/tokens.d.ts +1 -28
- package/dist/types/components/tabbar/types.d.ts +1 -39
- package/dist/types/components/tabs/Tabs.d.ts +1 -8
- package/dist/types/components/tabs/index.d.ts +1 -10
- package/dist/types/components/tabs/tokens.d.ts +1 -96
- package/dist/types/components/tabs/types.d.ts +1 -64
- package/dist/types/components/tag/Tag.d.ts +1 -3
- package/dist/types/components/tag/index.d.ts +1 -3
- package/dist/types/components/tag/tokens.d.ts +1 -4
- package/dist/types/components/tag/types.d.ts +1 -69
- package/dist/types/components/theme.d.ts +1 -112
- package/dist/types/components/toast/Toast.d.ts +1 -33
- package/dist/types/components/toast/imperative.d.ts +1 -22
- package/dist/types/components/toast/index.d.ts +1 -15
- package/dist/types/components/toast/tokens.d.ts +1 -29
- package/dist/types/components/toast/types.d.ts +1 -1
- package/dist/types/components/typography/Typography.d.ts +1 -11
- package/dist/types/components/typography/index.d.ts +1 -3
- package/dist/types/components/typography/tokens.d.ts +1 -2
- package/dist/types/components/typography/types.d.ts +1 -66
- package/dist/types/components/water-mark/WaterMark.d.ts +1 -4
- package/dist/types/components/water-mark/index.d.ts +1 -5
- package/dist/types/components/water-mark/tokens.d.ts +1 -2
- package/dist/types/components/water-mark/types.d.ts +1 -58
- package/dist/types/design-system/Text.d.ts +1 -3
- package/dist/types/design-system/ThemeContext.d.ts +1 -14
- package/dist/types/design-system/ThemeProvider.d.ts +1 -14
- package/dist/types/design-system/createComponentTokensHook.d.ts +1 -4
- package/dist/types/design-system/index.d.ts +1 -11
- package/dist/types/design-system/mergeTokensOverride.d.ts +1 -2
- package/dist/types/design-system/presets.d.ts +1 -8
- package/dist/types/design-system/tokens.d.ts +1 -74
- package/dist/types/design-system/useTheme.d.ts +1 -1
- package/dist/types/hooks/animation/index.d.ts +1 -3
- package/dist/types/hooks/animation/useAnimatedTransition.d.ts +1 -13
- package/dist/types/hooks/animation/useReducedMotion.d.ts +1 -3
- package/dist/types/hooks/aria/index.d.ts +1 -4
- package/dist/types/hooks/aria/useAriaListBox.d.ts +1 -14
- package/dist/types/hooks/aria/useAriaOverlay.d.ts +1 -14
- package/dist/types/hooks/aria/useAriaPress.d.ts +1 -19
- package/dist/types/hooks/aria/useAriaToggle.d.ts +1 -12
- package/dist/types/hooks/gesture/index.d.ts +1 -1
- package/dist/types/hooks/gesture/useGestureScroll.d.ts +1 -33
- package/dist/types/hooks/index.d.ts +1 -9
- package/dist/types/hooks/overlay/OverlayStackStore.d.ts +1 -39
- package/dist/types/hooks/overlay/index.d.ts +1 -2
- package/dist/types/hooks/overlay/useOverlayStack.d.ts +1 -10
- package/dist/types/hooks/useControllableValue.d.ts +1 -9
- package/dist/types/hooks/useCountDown.d.ts +1 -23
- package/dist/types/hooks/useHairline.d.ts +1 -10
- package/dist/types/hooks/useSafeAreaPadding.d.ts +1 -13
- package/dist/types/index.d.ts +1 -9
- package/dist/types/nativewind.d.ts +1 -4
- package/dist/types/platform/animation.d.ts +1 -9
- package/dist/types/platform/history.d.ts +1 -1
- package/dist/types/platform/index.d.ts +1 -5
- package/dist/types/platform/measure.d.ts +1 -7
- package/dist/types/platform/runtime.d.ts +1 -3
- package/dist/types/platform/scrollLock.d.ts +1 -2
- package/dist/types/types.d.ts +1 -4
- package/dist/types/utils/array.d.ts +1 -1
- package/dist/types/utils/color.d.ts +1 -3
- package/dist/types/utils/compare.d.ts +1 -2
- package/dist/types/utils/createPlatformShadow.d.ts +1 -11
- package/dist/types/utils/date.d.ts +1 -13
- package/dist/types/utils/deepMerge.d.ts +1 -3
- package/dist/types/utils/hairline.d.ts +1 -15
- package/dist/types/utils/index.d.ts +1 -13
- package/dist/types/utils/number.d.ts +1 -11
- package/dist/types/utils/promise.d.ts +1 -1
- package/dist/types/utils/render.d.ts +1 -5
- package/dist/types/utils/rtl.d.ts +1 -5
- package/dist/types/utils/string.d.ts +1 -3
- package/dist/types/utils/validate.d.ts +1 -13
- package/package.json +142 -149
|
@@ -1,10 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export type { TabsProps, TabPaneProps, TabsValue, TabsType, TabsAlign, TabsSwipeableConfig, TabsRef, } from './types';
|
|
3
|
-
export { useTabsTokens } from './tokens';
|
|
4
|
-
declare const Tabs: import("react").NamedExoticComponent<import("./types").TabsProps & import("react").RefAttributes<import("./types").TabsRef>> & {
|
|
5
|
-
TabPane: import("react").FC<import("./types").TabPaneProps>;
|
|
6
|
-
} & {
|
|
7
|
-
TabPane: import("react").FC<import("./types").TabPaneProps>;
|
|
8
|
-
};
|
|
9
|
-
export { TabPane };
|
|
10
|
-
export default Tabs;
|
|
1
|
+
import{TabPane}from'./Tabs';export type{TabsProps,TabPaneProps,TabsValue,TabsType,TabsAlign,TabsSwipeableConfig,TabsRef,}from'./types';export{useTabsTokens}from'./tokens';declare const Tabs:import("react").NamedExoticComponent<import("./types").TabsProps&import("react").RefAttributes<import("./types").TabsRef>>&{TabPane:import("react").FC<import("./types").TabPaneProps>;}&{TabPane:import("react").FC<import("./types").TabPaneProps>;};export{TabPane};export default Tabs;
|
|
@@ -1,96 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { TabsAlign, TabsType } from './types';
|
|
3
|
-
export interface TabsTokens {
|
|
4
|
-
defaults: {
|
|
5
|
-
type: TabsType;
|
|
6
|
-
align: TabsAlign;
|
|
7
|
-
ellipsis: boolean;
|
|
8
|
-
swipeThreshold: number;
|
|
9
|
-
animated: boolean;
|
|
10
|
-
duration: number;
|
|
11
|
-
lazyRender: boolean;
|
|
12
|
-
};
|
|
13
|
-
colors: {
|
|
14
|
-
text: string;
|
|
15
|
-
textActive: string;
|
|
16
|
-
textDisabled: string;
|
|
17
|
-
description: string;
|
|
18
|
-
descriptionActive: string;
|
|
19
|
-
descriptionBackground: string;
|
|
20
|
-
descriptionActiveBackground: string;
|
|
21
|
-
border: string;
|
|
22
|
-
indicator: string;
|
|
23
|
-
cardBackground: string;
|
|
24
|
-
cardActiveBackground: string;
|
|
25
|
-
cardBorder: string;
|
|
26
|
-
cardActiveBorder: string;
|
|
27
|
-
cardActiveText: string;
|
|
28
|
-
capsuleBackground: string;
|
|
29
|
-
capsuleActiveBackground: string;
|
|
30
|
-
capsuleBorder: string;
|
|
31
|
-
capsuleActiveBorder: string;
|
|
32
|
-
capsuleText: string;
|
|
33
|
-
capsuleActiveText: string;
|
|
34
|
-
badgeText: string;
|
|
35
|
-
jumboBackground: string;
|
|
36
|
-
jumboActiveBackground: string;
|
|
37
|
-
jumboBorder: string;
|
|
38
|
-
jumboActiveBorder: string;
|
|
39
|
-
jumboDescription: string;
|
|
40
|
-
jumboDescriptionActive: string;
|
|
41
|
-
jumboDescriptionBackground: string;
|
|
42
|
-
jumboDescriptionActiveBackground: string;
|
|
43
|
-
};
|
|
44
|
-
tabList: {
|
|
45
|
-
height: number;
|
|
46
|
-
paddingHorizontal: number;
|
|
47
|
-
paddingVertical: number;
|
|
48
|
-
paddingBottom: number;
|
|
49
|
-
background: string;
|
|
50
|
-
};
|
|
51
|
-
typography: {
|
|
52
|
-
fontFamily: string;
|
|
53
|
-
titleSize: number;
|
|
54
|
-
titleWeight: NonNullable<TextStyle['fontWeight']>;
|
|
55
|
-
titleActiveWeight: NonNullable<TextStyle['fontWeight']>;
|
|
56
|
-
descriptionSize: number;
|
|
57
|
-
jumboTitleSize: number;
|
|
58
|
-
jumboLineHeight: number;
|
|
59
|
-
badgeTextSize: number;
|
|
60
|
-
};
|
|
61
|
-
spacing: {
|
|
62
|
-
navSidePaddingHorizontal: number;
|
|
63
|
-
navBottomMarginTop: number;
|
|
64
|
-
descriptionMarginTop: number;
|
|
65
|
-
jumboDescriptionMarginTop: number;
|
|
66
|
-
badgeMarginTop: number;
|
|
67
|
-
};
|
|
68
|
-
indicator: {
|
|
69
|
-
height: number;
|
|
70
|
-
radius: number;
|
|
71
|
-
width: number;
|
|
72
|
-
offset: number;
|
|
73
|
-
};
|
|
74
|
-
card: {
|
|
75
|
-
radius: number;
|
|
76
|
-
paddingHorizontal: number;
|
|
77
|
-
paddingVertical: number;
|
|
78
|
-
height: number;
|
|
79
|
-
marginHorizontal: number;
|
|
80
|
-
};
|
|
81
|
-
capsule: {
|
|
82
|
-
radius: number;
|
|
83
|
-
paddingHorizontal: number;
|
|
84
|
-
paddingVertical: number;
|
|
85
|
-
};
|
|
86
|
-
jumbo: {
|
|
87
|
-
radius: number;
|
|
88
|
-
paddingHorizontal: number;
|
|
89
|
-
paddingVertical: number;
|
|
90
|
-
height: number;
|
|
91
|
-
descriptionPaddingHorizontal: number;
|
|
92
|
-
descriptionPaddingVertical: number;
|
|
93
|
-
descriptionRadius: number;
|
|
94
|
-
};
|
|
95
|
-
}
|
|
96
|
-
export declare const useTabsTokens: (overrides?: import("../..").DeepPartial<TabsTokens> | undefined) => TabsTokens;
|
|
1
|
+
import type{TextStyle}from'react-native';import type{TabsAlign,TabsType}from'./types';export interface TabsTokens{defaults:{type:TabsType;align:TabsAlign;ellipsis:boolean;swipeThreshold:number;animated:boolean;duration:number;lazyRender:boolean;};colors:{text:string;textActive:string;textDisabled:string;description:string;descriptionActive:string;descriptionBackground:string;descriptionActiveBackground:string;border:string;indicator:string;cardBackground:string;cardActiveBackground:string;cardBorder:string;cardActiveBorder:string;cardActiveText:string;capsuleBackground:string;capsuleActiveBackground:string;capsuleBorder:string;capsuleActiveBorder:string;capsuleText:string;capsuleActiveText:string;badgeText:string;jumboBackground:string;jumboActiveBackground:string;jumboBorder:string;jumboActiveBorder:string;jumboDescription:string;jumboDescriptionActive:string;jumboDescriptionBackground:string;jumboDescriptionActiveBackground:string;};tabList:{height:number;paddingHorizontal:number;paddingVertical:number;paddingBottom:number;background:string;};typography:{fontFamily:string;titleSize:number;titleWeight:NonNullable<TextStyle['fontWeight']>;titleActiveWeight:NonNullable<TextStyle['fontWeight']>;descriptionSize:number;jumboTitleSize:number;jumboLineHeight:number;badgeTextSize:number;};spacing:{navSidePaddingHorizontal:number;navBottomMarginTop:number;descriptionMarginTop:number;jumboDescriptionMarginTop:number;badgeMarginTop:number;};indicator:{height:number;radius:number;width:number;offset:number;};card:{radius:number;paddingHorizontal:number;paddingVertical:number;height:number;marginHorizontal:number;};capsule:{radius:number;paddingHorizontal:number;paddingVertical:number;};jumbo:{radius:number;paddingHorizontal:number;paddingVertical:number;height:number;descriptionPaddingHorizontal:number;descriptionPaddingVertical:number;descriptionRadius:number;};}export declare const useTabsTokens:(overrides?:import("../..").DeepPartial<TabsTokens>|undefined)=>TabsTokens;
|
|
@@ -1,64 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
|
|
3
|
-
import type { DeepPartial } from '../../types';
|
|
4
|
-
import type { TabsTokens } from './tokens';
|
|
5
|
-
export type TabsType = 'line' | 'card' | 'capsule' | 'jumbo';
|
|
6
|
-
export type TabsAlign = 'start' | 'center';
|
|
7
|
-
export type TabsValue = string | number;
|
|
8
|
-
export interface TabsSwipeableConfig {
|
|
9
|
-
autoHeight?: boolean;
|
|
10
|
-
preventScroll?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export interface TabsClickEvent {
|
|
13
|
-
name: TabsValue;
|
|
14
|
-
index: number;
|
|
15
|
-
disabled: boolean;
|
|
16
|
-
event: unknown;
|
|
17
|
-
}
|
|
18
|
-
export interface TabPaneProps {
|
|
19
|
-
name?: TabsValue;
|
|
20
|
-
title?: React.ReactNode | ((active: boolean) => React.ReactNode);
|
|
21
|
-
description?: React.ReactNode | ((active: boolean) => React.ReactNode);
|
|
22
|
-
badge?: React.ReactNode;
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
children?: React.ReactNode;
|
|
25
|
-
}
|
|
26
|
-
export interface TabsProps extends Omit<ViewProps, 'children' | 'onLayout'> {
|
|
27
|
-
children?: React.ReactNode;
|
|
28
|
-
active?: TabsValue;
|
|
29
|
-
defaultActive?: TabsValue;
|
|
30
|
-
type?: TabsType;
|
|
31
|
-
align?: TabsAlign;
|
|
32
|
-
color?: string;
|
|
33
|
-
background?: string;
|
|
34
|
-
border?: boolean;
|
|
35
|
-
lineWidth?: number | string;
|
|
36
|
-
lineHeight?: number | string;
|
|
37
|
-
titleActiveColor?: string;
|
|
38
|
-
titleInactiveColor?: string;
|
|
39
|
-
tokensOverride?: DeepPartial<TabsTokens>;
|
|
40
|
-
ellipsis?: boolean;
|
|
41
|
-
swipeThreshold?: number;
|
|
42
|
-
animated?: boolean;
|
|
43
|
-
duration?: number;
|
|
44
|
-
beforeChange?: (name: TabsValue) => boolean | Promise<boolean>;
|
|
45
|
-
lazyRender?: boolean;
|
|
46
|
-
lazyRenderPlaceholder?: React.ReactNode;
|
|
47
|
-
swipeable?: boolean | TabsSwipeableConfig;
|
|
48
|
-
scrollable?: boolean;
|
|
49
|
-
navLeft?: React.ReactNode;
|
|
50
|
-
navRight?: React.ReactNode;
|
|
51
|
-
navBottom?: React.ReactNode;
|
|
52
|
-
tabBarStyle?: StyleProp<ViewStyle>;
|
|
53
|
-
tabStyle?: StyleProp<ViewStyle>;
|
|
54
|
-
titleStyle?: StyleProp<TextStyle>;
|
|
55
|
-
descriptionStyle?: StyleProp<TextStyle>;
|
|
56
|
-
contentStyle?: StyleProp<ViewStyle>;
|
|
57
|
-
onClickTab?: (payload: TabsClickEvent) => void;
|
|
58
|
-
onChange?: (name: TabsValue, index: number) => void;
|
|
59
|
-
}
|
|
60
|
-
export interface TabsRef {
|
|
61
|
-
scrollTo: (name: TabsValue, options?: {
|
|
62
|
-
immediate?: boolean;
|
|
63
|
-
}) => void;
|
|
64
|
-
}
|
|
1
|
+
import type*as React from'react';import type{StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';import type{TabsTokens}from'./tokens';export type TabsType='line'|'card'|'capsule'|'jumbo';export type TabsAlign='start'|'center';export type TabsValue=string|number;export interface TabsSwipeableConfig{autoHeight?:boolean;preventScroll?:boolean;}export interface TabsClickEvent{name:TabsValue;index:number;disabled:boolean;event:unknown;}export interface TabPaneProps{name?:TabsValue;title?:React.ReactNode|((active:boolean)=>React.ReactNode);description?:React.ReactNode|((active:boolean)=>React.ReactNode);badge?:React.ReactNode;disabled?:boolean;children?:React.ReactNode;}export interface TabsProps extends Omit<ViewProps,'children'|'onLayout'>{children?:React.ReactNode;active?:TabsValue;defaultActive?:TabsValue;type?:TabsType;align?:TabsAlign;color?:string;background?:string;border?:boolean;lineWidth?:number|string;lineHeight?:number|string;titleActiveColor?:string;titleInactiveColor?:string;tokensOverride?:DeepPartial<TabsTokens>;ellipsis?:boolean;swipeThreshold?:number;animated?:boolean;duration?:number;beforeChange?:(name:TabsValue)=>boolean|Promise<boolean>;lazyRender?:boolean;lazyRenderPlaceholder?:React.ReactNode;swipeable?:boolean|TabsSwipeableConfig;scrollable?:boolean;navLeft?:React.ReactNode;navRight?:React.ReactNode;navBottom?:React.ReactNode;tabBarStyle?:StyleProp<ViewStyle>;tabStyle?:StyleProp<ViewStyle>;titleStyle?:StyleProp<TextStyle>;descriptionStyle?:StyleProp<TextStyle>;contentStyle?:StyleProp<ViewStyle>;onClickTab?:(payload:TabsClickEvent)=>void;onChange?:(name:TabsValue,index:number)=>void;}export interface TabsRef{scrollTo:(name:TabsValue,options?:{immediate?:boolean;})=>void;}
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { TagTokens } from './types';
|
|
3
|
-
export declare const createTagTokens: (foundations: Foundations) => TagTokens;
|
|
4
|
-
export declare const useTagTokens: (overrides?: import("../..").DeepPartial<TagTokens> | undefined) => TagTokens;
|
|
1
|
+
import type{Foundations}from'../../design-system/tokens';import type{TagTokens}from'./types';export declare const createTagTokens:(foundations:Foundations)=>TagTokens;export declare const useTagTokens:(overrides?:import("../..").DeepPartial<TagTokens>|undefined)=>TagTokens;
|
|
@@ -1,69 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { DeepPartial } from '../../types';
|
|
3
|
-
export type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
|
|
4
|
-
export type TagSize = 'mini' | 'small' | 'medium' | 'large';
|
|
5
|
-
export interface TagTokens {
|
|
6
|
-
defaults: {
|
|
7
|
-
type: TagType;
|
|
8
|
-
size: TagSize;
|
|
9
|
-
plain: boolean;
|
|
10
|
-
round: boolean;
|
|
11
|
-
mark: boolean;
|
|
12
|
-
show: boolean;
|
|
13
|
-
pressedOpacity: number;
|
|
14
|
-
};
|
|
15
|
-
layout: {
|
|
16
|
-
container: ViewStyle;
|
|
17
|
-
close: ViewStyle;
|
|
18
|
-
};
|
|
19
|
-
colors: {
|
|
20
|
-
plainBackground: string;
|
|
21
|
-
toneMap: Record<TagType, {
|
|
22
|
-
background: string;
|
|
23
|
-
text: string;
|
|
24
|
-
}>;
|
|
25
|
-
};
|
|
26
|
-
typography: {
|
|
27
|
-
fontFamily: string;
|
|
28
|
-
lineHeightMultiplier: number;
|
|
29
|
-
fontWeight: TextStyle['fontWeight'];
|
|
30
|
-
};
|
|
31
|
-
sizing: {
|
|
32
|
-
sizes: Record<TagSize, {
|
|
33
|
-
fontSize: number;
|
|
34
|
-
paddingHorizontal: number;
|
|
35
|
-
paddingVertical: number;
|
|
36
|
-
borderRadius: number;
|
|
37
|
-
lineHeight: number;
|
|
38
|
-
}>;
|
|
39
|
-
closeIconSize: number;
|
|
40
|
-
};
|
|
41
|
-
radii: {
|
|
42
|
-
round: number;
|
|
43
|
-
markLeading: number;
|
|
44
|
-
};
|
|
45
|
-
borders: {
|
|
46
|
-
width: number;
|
|
47
|
-
};
|
|
48
|
-
spacing: {
|
|
49
|
-
closeGap: number;
|
|
50
|
-
closeHitSlop: number;
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
export interface TagProps extends ViewProps {
|
|
54
|
-
children?: React.ReactNode;
|
|
55
|
-
type?: TagType;
|
|
56
|
-
size?: TagSize;
|
|
57
|
-
color?: string;
|
|
58
|
-
textColor?: string;
|
|
59
|
-
plain?: boolean;
|
|
60
|
-
round?: boolean;
|
|
61
|
-
mark?: boolean;
|
|
62
|
-
show?: boolean;
|
|
63
|
-
closeable?: boolean;
|
|
64
|
-
closeIcon?: React.ReactNode | ((color: string, size: number) => React.ReactNode);
|
|
65
|
-
onClose?: () => void;
|
|
66
|
-
onPress?: PressableProps['onPress'];
|
|
67
|
-
textStyle?: StyleProp<TextStyle>;
|
|
68
|
-
tokensOverride?: DeepPartial<TagTokens>;
|
|
69
|
-
}
|
|
1
|
+
import type{PressableProps,StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type TagType='default'|'primary'|'success'|'warning'|'danger';export type TagSize='mini'|'small'|'medium'|'large';export interface TagTokens{defaults:{type:TagType;size:TagSize;plain:boolean;round:boolean;mark:boolean;show:boolean;pressedOpacity:number;};layout:{container:ViewStyle;close:ViewStyle;};colors:{plainBackground:string;toneMap:Record<TagType,{background:string;text:string;}>;};typography:{fontFamily:string;lineHeightMultiplier:number;fontWeight:TextStyle['fontWeight'];};sizing:{sizes:Record<TagSize,{fontSize:number;paddingHorizontal:number;paddingVertical:number;borderRadius:number;lineHeight:number;}>;closeIconSize:number;};radii:{round:number;markLeading:number;};borders:{width:number;};spacing:{closeGap:number;closeHitSlop:number;};}export interface TagProps extends ViewProps{children?:React.ReactNode;type?:TagType;size?:TagSize;color?:string;textColor?:string;plain?:boolean;round?:boolean;mark?:boolean;show?:boolean;closeable?:boolean;closeIcon?:React.ReactNode|((color:string,size:number)=>React.ReactNode);onClose?:()=>void;onPress?:PressableProps['onPress'];textStyle?:StyleProp<TextStyle>;tokensOverride?:DeepPartial<TagTokens>;}
|
|
@@ -1,112 +1 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type { AreaTokens } from './area/tokens';
|
|
3
|
-
import type { AvatarTokens } from './avatar/types';
|
|
4
|
-
import type { BadgeTokens } from './badge/types';
|
|
5
|
-
import type { ButtonTokens } from './button/types';
|
|
6
|
-
import type { CalendarTokens } from './calendar/types';
|
|
7
|
-
import type { CascaderTokens } from './cascader/types';
|
|
8
|
-
import type { CellTokens } from './cell/types';
|
|
9
|
-
import type { CheckboxTokens } from './checkbox/types';
|
|
10
|
-
import type { CircleTokens } from './circle/types';
|
|
11
|
-
import type { CollapseTokens } from './collapse/types';
|
|
12
|
-
import type { ConfigProviderTokens } from './config-provider/tokens';
|
|
13
|
-
import type { CountDownTokens } from './count-down/types';
|
|
14
|
-
import type { DatetimePickerTokens } from './datetime-picker/tokens';
|
|
15
|
-
import type { DialogTokens } from './dialog/tokens';
|
|
16
|
-
import type { DividerTokens } from './divider/types';
|
|
17
|
-
import type { EmptyTokens } from './empty/types';
|
|
18
|
-
import type { FieldTokens } from './field/tokens';
|
|
19
|
-
import type { FlexTokens } from './flex/types';
|
|
20
|
-
import type { FormTokens } from './form/tokens';
|
|
21
|
-
import type { GridTokens } from './grid/types';
|
|
22
|
-
import type { ImageTokens } from './image/types';
|
|
23
|
-
import type { ImagePreviewTokens } from './image-preview/tokens';
|
|
24
|
-
import type { InputTokens } from './input/types';
|
|
25
|
-
import type { LoadingTokens } from './loading/types';
|
|
26
|
-
import type { NavBarTokens } from './nav-bar/types';
|
|
27
|
-
import type { NoticeBarTokens } from './notice-bar/tokens';
|
|
28
|
-
import type { NotifyTokens } from './notify/types';
|
|
29
|
-
import type { NumberKeyboardTokens } from './number-keyboard/tokens';
|
|
30
|
-
import type { OverlayTokens } from './overlay/tokens';
|
|
31
|
-
import type { PasswordInputTokens } from './password-input/tokens';
|
|
32
|
-
import type { PickerTokens } from './picker/tokens';
|
|
33
|
-
import type { PopupTokens } from './popup/tokens';
|
|
34
|
-
import type { ProgressTokens } from './progress/types';
|
|
35
|
-
import type { PortalTokens } from './portal/tokens';
|
|
36
|
-
import type { RadioTokens } from './radio/types';
|
|
37
|
-
import type { SearchTokens } from './search/tokens';
|
|
38
|
-
import type { SelectorTokens } from './selector/types';
|
|
39
|
-
import type { ShareSheetTokens } from './share-sheet/tokens';
|
|
40
|
-
import type { SidebarTokens } from './sidebar/types';
|
|
41
|
-
import type { SkeletonTokens } from './skeleton/types';
|
|
42
|
-
import type { SliderTokens } from './slider/tokens';
|
|
43
|
-
import type { SpaceTokens } from './space/types';
|
|
44
|
-
import type { StepperTokens } from './stepper/tokens';
|
|
45
|
-
import type { SwiperTokens } from './swiper/tokens';
|
|
46
|
-
import type { SwiperPagIndicatorTokens } from './swiper/SwiperPagIndicator';
|
|
47
|
-
import type { SwitchTokens } from './switch/types';
|
|
48
|
-
import type { TabbarTokens } from './tabbar/tokens';
|
|
49
|
-
import type { TabsTokens } from './tabs/tokens';
|
|
50
|
-
import type { TagTokens } from './tag/types';
|
|
51
|
-
import type { ToastTokens } from './toast/tokens';
|
|
52
|
-
import type { TypographyTokens } from './typography/types';
|
|
53
|
-
import type { SafeAreaViewTokens } from './safe-area-view/tokens';
|
|
54
|
-
import type { WaterMarkTokens } from './water-mark/types';
|
|
55
|
-
declare module '../design-system/ThemeContext' {
|
|
56
|
-
interface ThemeComponentTokensMap {
|
|
57
|
-
actionSheet: ActionSheetTokens;
|
|
58
|
-
area: AreaTokens;
|
|
59
|
-
avatar: AvatarTokens;
|
|
60
|
-
badge: BadgeTokens;
|
|
61
|
-
button: ButtonTokens;
|
|
62
|
-
calendar: CalendarTokens;
|
|
63
|
-
cascader: CascaderTokens;
|
|
64
|
-
cell: CellTokens;
|
|
65
|
-
checkbox: CheckboxTokens;
|
|
66
|
-
circle: CircleTokens;
|
|
67
|
-
collapse: CollapseTokens;
|
|
68
|
-
configProvider: ConfigProviderTokens;
|
|
69
|
-
countDown: CountDownTokens;
|
|
70
|
-
datetimePicker: DatetimePickerTokens;
|
|
71
|
-
dialog: DialogTokens;
|
|
72
|
-
divider: DividerTokens;
|
|
73
|
-
empty: EmptyTokens;
|
|
74
|
-
field: FieldTokens;
|
|
75
|
-
flex: FlexTokens;
|
|
76
|
-
form: FormTokens;
|
|
77
|
-
grid: GridTokens;
|
|
78
|
-
image: ImageTokens;
|
|
79
|
-
imagePreview: ImagePreviewTokens;
|
|
80
|
-
input: InputTokens;
|
|
81
|
-
loading: LoadingTokens;
|
|
82
|
-
navBar: NavBarTokens;
|
|
83
|
-
noticeBar: NoticeBarTokens;
|
|
84
|
-
notify: NotifyTokens;
|
|
85
|
-
numberKeyboard: NumberKeyboardTokens;
|
|
86
|
-
overlay: OverlayTokens;
|
|
87
|
-
passwordInput: PasswordInputTokens;
|
|
88
|
-
picker: PickerTokens;
|
|
89
|
-
popup: PopupTokens;
|
|
90
|
-
progress: ProgressTokens;
|
|
91
|
-
portal: PortalTokens;
|
|
92
|
-
radio: RadioTokens;
|
|
93
|
-
search: SearchTokens;
|
|
94
|
-
selector: SelectorTokens;
|
|
95
|
-
shareSheet: ShareSheetTokens;
|
|
96
|
-
sidebar: SidebarTokens;
|
|
97
|
-
skeleton: SkeletonTokens;
|
|
98
|
-
slider: SliderTokens;
|
|
99
|
-
space: SpaceTokens;
|
|
100
|
-
stepper: StepperTokens;
|
|
101
|
-
swiper: SwiperTokens;
|
|
102
|
-
swiperPagIndicator: SwiperPagIndicatorTokens;
|
|
103
|
-
switch: SwitchTokens;
|
|
104
|
-
safeAreaView: SafeAreaViewTokens;
|
|
105
|
-
tabbar: TabbarTokens;
|
|
106
|
-
tabs: TabsTokens;
|
|
107
|
-
tag: TagTokens;
|
|
108
|
-
toast: ToastTokens;
|
|
109
|
-
typography: TypographyTokens;
|
|
110
|
-
waterMark: WaterMarkTokens;
|
|
111
|
-
}
|
|
112
|
-
}
|
|
1
|
+
import type{ActionSheetTokens}from'./action-sheet/types';import type{AreaTokens}from'./area/tokens';import type{AvatarTokens}from'./avatar/types';import type{BadgeTokens}from'./badge/types';import type{ButtonTokens}from'./button/types';import type{CalendarTokens}from'./calendar/types';import type{CascaderTokens}from'./cascader/types';import type{CellTokens}from'./cell/types';import type{CheckboxTokens}from'./checkbox/types';import type{CircleTokens}from'./circle/types';import type{CollapseTokens}from'./collapse/types';import type{ConfigProviderTokens}from'./config-provider/tokens';import type{CountDownTokens}from'./count-down/types';import type{DatetimePickerTokens}from'./datetime-picker/tokens';import type{DialogTokens}from'./dialog/tokens';import type{DividerTokens}from'./divider/types';import type{EmptyTokens}from'./empty/types';import type{FieldTokens}from'./field/tokens';import type{FlexTokens}from'./flex/types';import type{FormTokens}from'./form/tokens';import type{GridTokens}from'./grid/types';import type{ImageTokens}from'./image/types';import type{ImagePreviewTokens}from'./image-preview/tokens';import type{InputTokens}from'./input/types';import type{LoadingTokens}from'./loading/types';import type{NavBarTokens}from'./nav-bar/types';import type{NoticeBarTokens}from'./notice-bar/tokens';import type{NotifyTokens}from'./notify/types';import type{NumberKeyboardTokens}from'./number-keyboard/tokens';import type{OverlayTokens}from'./overlay/tokens';import type{PasswordInputTokens}from'./password-input/tokens';import type{PickerTokens}from'./picker/tokens';import type{PopupTokens}from'./popup/tokens';import type{ProgressTokens}from'./progress/types';import type{PortalTokens}from'./portal/tokens';import type{RadioTokens}from'./radio/types';import type{SearchTokens}from'./search/tokens';import type{SelectorTokens}from'./selector/types';import type{ShareSheetTokens}from'./share-sheet/tokens';import type{SidebarTokens}from'./sidebar/types';import type{SkeletonTokens}from'./skeleton/types';import type{SliderTokens}from'./slider/tokens';import type{SpaceTokens}from'./space/types';import type{StepperTokens}from'./stepper/tokens';import type{SwiperTokens}from'./swiper/tokens';import type{SwiperPagIndicatorTokens}from'./swiper/SwiperPagIndicator';import type{SwitchTokens}from'./switch/types';import type{TabbarTokens}from'./tabbar/tokens';import type{TabsTokens}from'./tabs/tokens';import type{TagTokens}from'./tag/types';import type{ToastTokens}from'./toast/tokens';import type{TypographyTokens}from'./typography/types';import type{SafeAreaViewTokens}from'./safe-area-view/tokens';import type{WaterMarkTokens}from'./water-mark/types';declare module'../design-system/ThemeContext'{interface ThemeComponentTokensMap{actionSheet:ActionSheetTokens;area:AreaTokens;avatar:AvatarTokens;badge:BadgeTokens;button:ButtonTokens;calendar:CalendarTokens;cascader:CascaderTokens;cell:CellTokens;checkbox:CheckboxTokens;circle:CircleTokens;collapse:CollapseTokens;configProvider:ConfigProviderTokens;countDown:CountDownTokens;datetimePicker:DatetimePickerTokens;dialog:DialogTokens;divider:DividerTokens;empty:EmptyTokens;field:FieldTokens;flex:FlexTokens;form:FormTokens;grid:GridTokens;image:ImageTokens;imagePreview:ImagePreviewTokens;input:InputTokens;loading:LoadingTokens;navBar:NavBarTokens;noticeBar:NoticeBarTokens;notify:NotifyTokens;numberKeyboard:NumberKeyboardTokens;overlay:OverlayTokens;passwordInput:PasswordInputTokens;picker:PickerTokens;popup:PopupTokens;progress:ProgressTokens;portal:PortalTokens;radio:RadioTokens;search:SearchTokens;selector:SelectorTokens;shareSheet:ShareSheetTokens;sidebar:SidebarTokens;skeleton:SkeletonTokens;slider:SliderTokens;space:SpaceTokens;stepper:StepperTokens;swiper:SwiperTokens;swiperPagIndicator:SwiperPagIndicatorTokens;switch:SwitchTokens;safeAreaView:SafeAreaViewTokens;tabbar:TabbarTokens;tabs:TabsTokens;tag:TagTokens;toast:ToastTokens;typography:TypographyTokens;waterMark:WaterMarkTokens;}}
|
|
@@ -1,33 +1 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
|
|
3
|
-
import type { DeepPartial } from '../../types';
|
|
4
|
-
import type { ToastTokens } from './tokens';
|
|
5
|
-
export type ToastPosition = 'top' | 'middle' | 'bottom';
|
|
6
|
-
export type ToastType = 'info' | 'success' | 'fail' | 'loading';
|
|
7
|
-
export interface ToastProps {
|
|
8
|
-
visible: boolean;
|
|
9
|
-
message?: React.ReactNode;
|
|
10
|
-
icon?: React.ReactNode;
|
|
11
|
-
type?: ToastType;
|
|
12
|
-
iconSize?: number;
|
|
13
|
-
duration?: number;
|
|
14
|
-
position?: ToastPosition;
|
|
15
|
-
forbidClick?: boolean;
|
|
16
|
-
overlay?: boolean;
|
|
17
|
-
overlayStyle?: StyleProp<ViewStyle>;
|
|
18
|
-
closeOnClickOverlay?: boolean;
|
|
19
|
-
closeOnClick?: boolean;
|
|
20
|
-
loadingIndicator?: React.ReactNode;
|
|
21
|
-
safeAreaInsetTop?: boolean;
|
|
22
|
-
safeAreaInsetBottom?: boolean;
|
|
23
|
-
tokensOverride?: DeepPartial<ToastTokens>;
|
|
24
|
-
style?: StyleProp<ViewStyle>;
|
|
25
|
-
textStyle?: StyleProp<TextStyle>;
|
|
26
|
-
onClose?: () => void;
|
|
27
|
-
onOpen?: () => void;
|
|
28
|
-
onOpened?: () => void;
|
|
29
|
-
onClosed?: () => void;
|
|
30
|
-
}
|
|
31
|
-
export declare const ToastContent: React.NamedExoticComponent<ToastProps>;
|
|
32
|
-
export declare const Toast: React.NamedExoticComponent<ToastProps>;
|
|
33
|
-
export default Toast;
|
|
1
|
+
import React from'react';import{type StyleProp,type TextStyle,type ViewStyle}from'react-native';import type{DeepPartial}from'../../types';import type{ToastTokens}from'./tokens';export type ToastPosition='top'|'middle'|'bottom';export type ToastType='info'|'success'|'fail'|'loading';export interface ToastProps{visible:boolean;message?:React.ReactNode;icon?:React.ReactNode;type?:ToastType;iconSize?:number;duration?:number;position?:ToastPosition;forbidClick?:boolean;overlay?:boolean;overlayStyle?:StyleProp<ViewStyle>;closeOnClickOverlay?:boolean;closeOnClick?:boolean;loadingIndicator?:React.ReactNode;safeAreaInsetTop?:boolean;safeAreaInsetBottom?:boolean;tokensOverride?:DeepPartial<ToastTokens>;style?:StyleProp<ViewStyle>;textStyle?:StyleProp<TextStyle>;onClose?:()=>void;onOpen?:()=>void;onOpened?:()=>void;onClosed?:()=>void;}export declare const ToastContent:React.NamedExoticComponent<ToastProps>;export declare const Toast:React.NamedExoticComponent<ToastProps>;export default Toast;
|
|
@@ -1,22 +1 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { type ToastProps, type ToastType } from './Toast';
|
|
3
|
-
export type ToastShowOptions = Omit<ToastProps, 'visible'> & {
|
|
4
|
-
message?: React.ReactNode;
|
|
5
|
-
};
|
|
6
|
-
export type ToastInput = ToastShowOptions | React.ReactNode;
|
|
7
|
-
export interface ToastReturnType {
|
|
8
|
-
clear: () => void;
|
|
9
|
-
update: (options: ToastInput) => void;
|
|
10
|
-
config: (options: ToastInput | ((prev: ToastShowOptions) => ToastInput)) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const ToastImperative: {
|
|
13
|
-
show: (options?: ToastInput) => ToastReturnType;
|
|
14
|
-
info: (options?: ToastInput) => ToastReturnType;
|
|
15
|
-
success: (options?: ToastInput) => ToastReturnType;
|
|
16
|
-
fail: (options?: ToastInput) => ToastReturnType;
|
|
17
|
-
loading: (options?: ToastInput) => ToastReturnType;
|
|
18
|
-
clear: () => void;
|
|
19
|
-
allowMultiple: (value?: boolean) => void;
|
|
20
|
-
setDefaultOptions: (typeOrOptions: ToastType | ToastShowOptions, options?: ToastShowOptions) => void;
|
|
21
|
-
resetDefaultOptions: (type?: ToastType) => void;
|
|
22
|
-
};
|
|
1
|
+
import React from'react';import{type ToastProps,type ToastType}from'./Toast';export type ToastShowOptions=Omit<ToastProps,'visible'>&{message?:React.ReactNode;};export type ToastInput=ToastShowOptions|React.ReactNode;export interface ToastReturnType{clear:()=>void;update:(options:ToastInput)=>void;config:(options:ToastInput|((prev:ToastShowOptions)=>ToastInput))=>void;}export declare const ToastImperative:{show:(options?:ToastInput)=>ToastReturnType;info:(options?:ToastInput)=>ToastReturnType;success:(options?:ToastInput)=>ToastReturnType;fail:(options?:ToastInput)=>ToastReturnType;loading:(options?:ToastInput)=>ToastReturnType;clear:()=>void;allowMultiple:(value?:boolean)=>void;setDefaultOptions:(typeOrOptions:ToastType|ToastShowOptions,options?:ToastShowOptions)=>void;resetDefaultOptions:(type?:ToastType)=>void;};
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
declare const Toast:
|
|
2
|
-
show: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
|
|
3
|
-
info: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
|
|
4
|
-
success: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
|
|
5
|
-
fail: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
|
|
6
|
-
loading: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
|
|
7
|
-
clear: () => void;
|
|
8
|
-
allowMultiple: (value?: boolean) => void;
|
|
9
|
-
setDefaultOptions: (typeOrOptions: import("./Toast").ToastType | import("./imperative").ToastShowOptions, options?: import("./imperative").ToastShowOptions) => void;
|
|
10
|
-
resetDefaultOptions: (type?: import("./Toast").ToastType) => void;
|
|
11
|
-
};
|
|
12
|
-
export type { ToastProps, ToastPosition, ToastType } from './Toast';
|
|
13
|
-
export type { ToastShowOptions, ToastInput, ToastReturnType } from './imperative';
|
|
14
|
-
export default Toast;
|
|
15
|
-
export { Toast };
|
|
1
|
+
declare const Toast:import("react").NamedExoticComponent<import("./Toast").ToastProps>&{show:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;info:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;success:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;fail:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;loading:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;clear:()=>void;allowMultiple:(value?:boolean)=>void;setDefaultOptions:(typeOrOptions:import("./Toast").ToastType|import("./imperative").ToastShowOptions,options?:import("./imperative").ToastShowOptions)=>void;resetDefaultOptions:(type?:import("./Toast").ToastType)=>void;};export type{ToastProps,ToastPosition,ToastType}from'./Toast';export type{ToastShowOptions,ToastInput,ToastReturnType}from'./imperative';export default Toast;export{Toast};
|
|
@@ -1,29 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import type { ToastType } from './Toast';
|
|
3
|
-
export interface ToastTokens {
|
|
4
|
-
colors: {
|
|
5
|
-
text: string;
|
|
6
|
-
backdrop: string;
|
|
7
|
-
variants: Record<ToastType, string>;
|
|
8
|
-
transparent: string;
|
|
9
|
-
};
|
|
10
|
-
fontSize: number;
|
|
11
|
-
lineHeight: number;
|
|
12
|
-
fontFamily: string;
|
|
13
|
-
radius: number;
|
|
14
|
-
gap: number;
|
|
15
|
-
iconSize: number;
|
|
16
|
-
maxWidth: number | string;
|
|
17
|
-
textMinWidth: number;
|
|
18
|
-
textPaddingVertical: number;
|
|
19
|
-
textPaddingHorizontal: number;
|
|
20
|
-
defaultPadding: number;
|
|
21
|
-
defaultWidth: number;
|
|
22
|
-
defaultMinHeight: number;
|
|
23
|
-
pressedOpacity: number;
|
|
24
|
-
positionOffsetRatio: number;
|
|
25
|
-
positionOffsetMin: number;
|
|
26
|
-
animationDuration: number;
|
|
27
|
-
}
|
|
28
|
-
export declare const createToastTokens: (foundations: Foundations) => ToastTokens;
|
|
29
|
-
export declare const useToastTokens: (overrides?: import("../..").DeepPartial<ToastTokens> | undefined) => ToastTokens;
|
|
1
|
+
import{type Foundations}from'../../design-system/tokens';import type{ToastType}from'./Toast';export interface ToastTokens{colors:{text:string;backdrop:string;variants:Record<ToastType,string>;transparent:string;};fontSize:number;lineHeight:number;fontFamily:string;radius:number;gap:number;iconSize:number;maxWidth:number|string;textMinWidth:number;textPaddingVertical:number;textPaddingHorizontal:number;defaultPadding:number;defaultWidth:number;defaultMinHeight:number;pressedOpacity:number;positionOffsetRatio:number;positionOffsetMin:number;animationDuration:number;}export declare const createToastTokens:(foundations:Foundations)=>ToastTokens;export declare const useToastTokens:(overrides?:import("../..").DeepPartial<ToastTokens>|undefined)=>ToastTokens;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type{ToastProps,ToastPosition,ToastType}from'./Toast';
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { Text } from 'react-native';
|
|
3
|
-
import type { TypographyLinkProps } from './types';
|
|
4
|
-
export declare const Typography: React.NamedExoticComponent<import("./types").TypographyBaseProps & React.RefAttributes<Text>> & {
|
|
5
|
-
Text: React.NamedExoticComponent<import("./types").TypographyBaseProps & React.RefAttributes<Text>>;
|
|
6
|
-
Title: React.ForwardRefExoticComponent<Omit<import("./types").TypographyBaseProps, "size"> & {
|
|
7
|
-
level?: import("./types").TypographyTitleLevel;
|
|
8
|
-
} & React.RefAttributes<Text>>;
|
|
9
|
-
Link: React.ForwardRefExoticComponent<TypographyLinkProps & React.RefAttributes<Text>>;
|
|
10
|
-
};
|
|
11
|
-
export default Typography;
|
|
1
|
+
import React from'react';import{Text}from'react-native';import type{TypographyLinkProps}from'./types';export declare const Typography:React.NamedExoticComponent<import("./types").TypographyBaseProps&React.RefAttributes<Text>>&{Text:React.NamedExoticComponent<import("./types").TypographyBaseProps&React.RefAttributes<Text>>;Title:React.ForwardRefExoticComponent<Omit<import("./types").TypographyBaseProps,"size">&{level?:import("./types").TypographyTitleLevel;}&React.RefAttributes<Text>>;Link:React.ForwardRefExoticComponent<TypographyLinkProps&React.RefAttributes<Text>>;};export default Typography;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
import Typography from
|
|
2
|
-
export type { TypographyTextProps, TypographyTitleProps, TypographyLinkProps, TypographyType, TypographySize, TypographyTitleLevel, EllipsisConfig, } from './types';
|
|
3
|
-
export default Typography;
|
|
1
|
+
import Typography from'./Typography';export type{TypographyTextProps,TypographyTitleProps,TypographyLinkProps,TypographyType,TypographySize,TypographyTitleLevel,EllipsisConfig,}from'./types';export default Typography;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
export declare const useTypographyTokens: (overrides?: import("../..").DeepPartial<TypographyTokens> | undefined) => TypographyTokens;
|
|
1
|
+
import type{TypographyTokens}from'./types';export declare const useTypographyTokens:(overrides?:import("../..").DeepPartial<TypographyTokens>|undefined)=>TypographyTokens;
|
|
@@ -1,66 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { DeepPartial } from '../../types';
|
|
3
|
-
export type TypographyType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'secondary' | 'light';
|
|
4
|
-
export type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
5
|
-
export type TypographyTitleLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
6
|
-
export interface TypographyTokens {
|
|
7
|
-
defaults: {
|
|
8
|
-
type: TypographyType;
|
|
9
|
-
size: TypographySize;
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
};
|
|
12
|
-
layout: {
|
|
13
|
-
centerWrapper: ViewStyle;
|
|
14
|
-
actionRow: ViewStyle;
|
|
15
|
-
};
|
|
16
|
-
colors: Record<TypographyType, string>;
|
|
17
|
-
sizing: {
|
|
18
|
-
sizes: Record<TypographySize, number>;
|
|
19
|
-
titles: Record<TypographyTitleLevel, {
|
|
20
|
-
fontSize: number;
|
|
21
|
-
lineHeight: number;
|
|
22
|
-
}>;
|
|
23
|
-
lineHeightMultiplier: number;
|
|
24
|
-
actionMarginLeft: number;
|
|
25
|
-
};
|
|
26
|
-
typography: {
|
|
27
|
-
fontFamily: string;
|
|
28
|
-
weight: {
|
|
29
|
-
regular: NonNullable<TextStyle['fontWeight']>;
|
|
30
|
-
medium: NonNullable<TextStyle['fontWeight']>;
|
|
31
|
-
strong: NonNullable<TextStyle['fontWeight']>;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
opacity: {
|
|
35
|
-
disabled: number;
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
export interface EllipsisConfig {
|
|
39
|
-
rows?: number;
|
|
40
|
-
symbol?: string;
|
|
41
|
-
expandText?: string;
|
|
42
|
-
collapseText?: string;
|
|
43
|
-
onExpand?: (expanded: boolean) => void;
|
|
44
|
-
}
|
|
45
|
-
export interface TypographyBaseProps extends Omit<TextProps, 'children'> {
|
|
46
|
-
children?: React.ReactNode;
|
|
47
|
-
type?: TypographyType;
|
|
48
|
-
color?: string | TypographyType;
|
|
49
|
-
size?: TypographySize;
|
|
50
|
-
level?: TypographyTitleLevel;
|
|
51
|
-
disabled?: boolean;
|
|
52
|
-
delete?: boolean;
|
|
53
|
-
underline?: boolean;
|
|
54
|
-
center?: boolean;
|
|
55
|
-
strong?: boolean;
|
|
56
|
-
ellipsis?: boolean | number | EllipsisConfig;
|
|
57
|
-
tokensOverride?: DeepPartial<TypographyTokens>;
|
|
58
|
-
onPress?: TextProps['onPress'];
|
|
59
|
-
}
|
|
60
|
-
export type TypographyTextProps = TypographyBaseProps;
|
|
61
|
-
export type TypographyTitleProps = Omit<TypographyBaseProps, 'size'> & {
|
|
62
|
-
level?: TypographyTitleLevel;
|
|
63
|
-
};
|
|
64
|
-
export interface TypographyLinkProps extends TypographyBaseProps {
|
|
65
|
-
href?: string;
|
|
66
|
-
}
|
|
1
|
+
import type{TextProps,TextStyle,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type TypographyType='default'|'primary'|'success'|'warning'|'danger'|'secondary'|'light';export type TypographySize='xs'|'sm'|'md'|'lg'|'xl'|'xxl';export type TypographyTitleLevel=1|2|3|4|5|6;export interface TypographyTokens{defaults:{type:TypographyType;size:TypographySize;disabled:boolean;};layout:{centerWrapper:ViewStyle;actionRow:ViewStyle;};colors:Record<TypographyType,string>;sizing:{sizes:Record<TypographySize,number>;titles:Record<TypographyTitleLevel,{fontSize:number;lineHeight:number;}>;lineHeightMultiplier:number;actionMarginLeft:number;};typography:{fontFamily:string;weight:{regular:NonNullable<TextStyle['fontWeight']>;medium:NonNullable<TextStyle['fontWeight']>;strong:NonNullable<TextStyle['fontWeight']>;};};opacity:{disabled:number;};}export interface EllipsisConfig{rows?:number;symbol?:string;expandText?:string;collapseText?:string;onExpand?:(expanded:boolean)=>void;}export interface TypographyBaseProps extends Omit<TextProps,'children'>{children?:React.ReactNode;type?:TypographyType;color?:string|TypographyType;size?:TypographySize;level?:TypographyTitleLevel;disabled?:boolean;delete?:boolean;underline?:boolean;center?:boolean;strong?:boolean;ellipsis?:boolean|number|EllipsisConfig;tokensOverride?:DeepPartial<TypographyTokens>;onPress?:TextProps['onPress'];}export type TypographyTextProps=TypographyBaseProps;export type TypographyTitleProps=Omit<TypographyBaseProps,'size'>&{level?:TypographyTitleLevel;};export interface TypographyLinkProps extends TypographyBaseProps{href?:string;}
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { WaterMarkProps } from './types';
|
|
3
|
-
declare const WaterMark: React.NamedExoticComponent<WaterMarkProps>;
|
|
4
|
-
export default WaterMark;
|
|
1
|
+
import React from'react';import type{WaterMarkProps}from'./types';declare const WaterMark:React.NamedExoticComponent<WaterMarkProps>;export default WaterMark;
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
import WaterMark from
|
|
2
|
-
export type { WaterMarkProps } from './types';
|
|
3
|
-
export { useWaterMarkTokens } from './tokens';
|
|
4
|
-
export default WaterMark;
|
|
5
|
-
export { WaterMark };
|
|
1
|
+
import WaterMark from'./WaterMark';export type{WaterMarkProps}from'./types';export{useWaterMarkTokens}from'./tokens';export default WaterMark;export{WaterMark};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
export declare const useWaterMarkTokens: (overrides?: import("../..").DeepPartial<WaterMarkTokens> | undefined) => WaterMarkTokens;
|
|
1
|
+
import type{WaterMarkTokens}from'./types';export declare const useWaterMarkTokens:(overrides?:import("../..").DeepPartial<WaterMarkTokens>|undefined)=>WaterMarkTokens;
|