@navegarti/rn-design-system 0.8.2 → 0.8.5
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/lib/module/components/Button/styles.js +4 -2
- package/lib/module/components/Button/types.js +4 -0
- package/lib/module/components/Checkbox/types.js +4 -0
- package/lib/module/components/FAB/types.js +4 -0
- package/lib/module/components/Flex/types.js +4 -0
- package/lib/module/components/FormLabel/types.js +4 -0
- package/lib/module/components/Input/styles.js +6 -3
- package/lib/module/components/Input/types.js +4 -0
- package/lib/module/components/Margin/styles.js +4 -6
- package/lib/module/components/Margin/types.js +2 -0
- package/lib/module/components/OTPInput/index.js +50 -67
- package/lib/module/components/OTPInput/types.js +4 -0
- package/lib/module/components/Padding/styles.js +4 -6
- package/lib/module/components/Padding/types.js +2 -0
- package/lib/module/components/Radio/types.js +4 -0
- package/lib/module/components/Select/types.js +4 -0
- package/lib/module/components/Skeleton/types.js +4 -0
- package/lib/module/components/Switch/types.js +4 -0
- package/lib/module/components/Text/styles.js +3 -1
- package/lib/module/components/Text/types.js +4 -0
- package/lib/typescript/src/components/Button/index.d.ts +3 -81
- package/lib/typescript/src/components/Button/styles.d.ts +2 -87
- package/lib/typescript/src/components/Button/types.d.ts +8 -0
- package/lib/typescript/src/components/Card/index.d.ts +55 -322
- package/lib/typescript/src/components/Card/styles.d.ts +55 -322
- package/lib/typescript/src/components/Carousel/index.d.ts +10 -17
- package/lib/typescript/src/components/Checkbox/index.d.ts +3 -8
- package/lib/typescript/src/components/Checkbox/styles.d.ts +9 -4
- package/lib/typescript/src/components/Checkbox/types.d.ts +8 -0
- package/lib/typescript/src/components/FAB/components/extended-fab.d.ts +1 -1
- package/lib/typescript/src/components/FAB/index.d.ts +3 -3
- package/lib/typescript/src/components/FAB/styles.d.ts +9 -103
- package/lib/typescript/src/components/FAB/types.d.ts +16 -0
- package/lib/typescript/src/components/Flex/index.d.ts +1 -0
- package/lib/typescript/src/components/Flex/styles.d.ts +10 -7
- package/lib/typescript/src/components/Flex/types.d.ts +3 -0
- package/lib/typescript/src/components/FormLabel/index.d.ts +3 -2
- package/lib/typescript/src/components/FormLabel/styles.d.ts +1 -79
- package/lib/typescript/src/components/FormLabel/types.d.ts +3 -0
- package/lib/typescript/src/components/Input/components/input-field.d.ts +2 -6
- package/lib/typescript/src/components/Input/components/input-root.d.ts +1 -7
- package/lib/typescript/src/components/Input/index.d.ts +3 -9
- package/lib/typescript/src/components/Input/styles.d.ts +29 -170
- package/lib/typescript/src/components/Input/types.d.ts +11 -0
- package/lib/typescript/src/components/Margin/index.d.ts +1 -0
- package/lib/typescript/src/components/Margin/styles.d.ts +11 -17
- package/lib/typescript/src/components/Margin/types.d.ts +12 -0
- package/lib/typescript/src/components/OTPInput/index.d.ts +3 -15
- package/lib/typescript/src/components/OTPInput/types.d.ts +12 -0
- package/lib/typescript/src/components/Padding/index.d.ts +1 -0
- package/lib/typescript/src/components/Padding/styles.d.ts +11 -17
- package/lib/typescript/src/components/Padding/types.d.ts +12 -0
- package/lib/typescript/src/components/Radio/components/radio-item.d.ts +1 -6
- package/lib/typescript/src/components/Radio/index.d.ts +3 -83
- package/lib/typescript/src/components/Radio/styles.d.ts +18 -8
- package/lib/typescript/src/components/Radio/types.d.ts +12 -0
- package/lib/typescript/src/components/Select/components/select-field.d.ts +2 -4
- package/lib/typescript/src/components/Select/index.d.ts +3 -6
- package/lib/typescript/src/components/Select/styles.d.ts +2 -158
- package/lib/typescript/src/components/Select/types.d.ts +7 -0
- package/lib/typescript/src/components/Skeleton/index.d.ts +2 -9
- package/lib/typescript/src/components/Skeleton/types.d.ts +9 -0
- package/lib/typescript/src/components/Switch/index.d.ts +2 -9
- package/lib/typescript/src/components/Switch/styles.d.ts +18 -8
- package/lib/typescript/src/components/Switch/types.d.ts +9 -0
- package/lib/typescript/src/components/Text/index.d.ts +1 -1
- package/lib/typescript/src/components/Text/styles.d.ts +2 -93
- package/lib/typescript/src/components/Text/types.d.ts +15 -0
- package/lib/typescript/src/components.d.ts +11 -0
- package/lib/typescript/src/index.d.ts +11 -0
- package/package.json +16 -38
- package/src/components/Button/index.tsx +3 -2
- package/src/components/Button/styles.ts +6 -10
- package/src/components/Button/types.ts +8 -0
- package/src/components/Checkbox/index.tsx +3 -8
- package/src/components/Checkbox/types.ts +8 -0
- package/src/components/FAB/components/extended-fab.tsx +2 -5
- package/src/components/FAB/index.tsx +3 -2
- package/src/components/FAB/styles.ts +2 -24
- package/src/components/FAB/types.ts +18 -0
- package/src/components/Flex/index.tsx +1 -0
- package/src/components/Flex/styles.ts +1 -15
- package/src/components/Flex/types.ts +16 -0
- package/src/components/FormLabel/index.tsx +4 -2
- package/src/components/FormLabel/types.ts +3 -0
- package/src/components/Input/components/input-field.tsx +2 -6
- package/src/components/Input/components/input-root.tsx +1 -7
- package/src/components/Input/index.tsx +2 -0
- package/src/components/Input/styles.ts +6 -3
- package/src/components/Input/types.ts +12 -0
- package/src/components/Margin/index.tsx +1 -0
- package/src/components/Margin/styles.ts +6 -18
- package/src/components/Margin/types.ts +11 -0
- package/src/components/OTPInput/index.tsx +54 -99
- package/src/components/OTPInput/types.ts +13 -0
- package/src/components/Padding/index.tsx +1 -0
- package/src/components/Padding/styles.ts +6 -18
- package/src/components/Padding/types.ts +11 -0
- package/src/components/Radio/components/radio-item.tsx +1 -7
- package/src/components/Radio/index.tsx +2 -8
- package/src/components/Radio/types.ts +14 -0
- package/src/components/Select/components/select-field.tsx +2 -4
- package/src/components/Select/index.tsx +2 -4
- package/src/components/Select/types.ts +8 -0
- package/src/components/Skeleton/index.tsx +6 -9
- package/src/components/Skeleton/types.ts +9 -0
- package/src/components/Switch/index.tsx +3 -9
- package/src/components/Switch/types.ts +10 -0
- package/src/components/Text/index.tsx +1 -1
- package/src/components/Text/styles.ts +3 -18
- package/src/components/Text/types.ts +16 -0
- package/src/components.tsx +11 -0
- package/src/index.tsx +11 -0
- package/lib/module/components/OTPInput/styles.js +0 -23
- package/lib/module/components/OTPInput/utils.js +0 -24
- package/lib/typescript/src/components/OTPInput/styles.d.ts +0 -214
- package/lib/typescript/src/components/OTPInput/utils.d.ts +0 -3
- package/src/components/OTPInput/styles.ts +0 -23
- package/src/components/OTPInput/utils.ts +0 -31
|
@@ -71,85 +71,7 @@ export declare const LabelText: import("@emotion/native").StyledComponent<Omit<R
|
|
|
71
71
|
} & {
|
|
72
72
|
theme?: import("@emotion/react").Theme;
|
|
73
73
|
as?: React.ElementType;
|
|
74
|
-
} &
|
|
75
|
-
onPointerEnter?: (event: import("react-native").PointerEvent) => void;
|
|
76
|
-
onPointerLeave?: (event: import("react-native").PointerEvent) => void;
|
|
77
|
-
onPointerMove?: (event: import("react-native").PointerEvent) => void;
|
|
78
|
-
}>, "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectionColor" | "dataDetectorType" | "textBreakStrategy" | "minimumFontScale" | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsIOS, keyof import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid | "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<import("react-native/types_generated/Libraries/Text/TextProps").TextPropsAndroid, "onAccessibilityAction" | "allowFontScaling" | "android_hyphenationFrequency" | "children" | "ellipsizeMode" | "id" | "maxFontSizeMultiplier" | "nativeID" | "numberOfLines" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onTextLayout" | "pressRetentionOffset" | "role" | "selectable" | "style" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<Readonly<{
|
|
79
|
-
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
|
|
80
|
-
allowFontScaling?: boolean | undefined;
|
|
81
|
-
android_hyphenationFrequency?: ("normal" | "none" | "full") | undefined;
|
|
82
|
-
children?: React.ReactNode | undefined;
|
|
83
|
-
ellipsizeMode?: ("clip" | "head" | "middle" | "tail") | undefined;
|
|
84
|
-
id?: string;
|
|
85
|
-
maxFontSizeMultiplier?: number | undefined;
|
|
86
|
-
nativeID?: string | undefined;
|
|
87
|
-
numberOfLines?: number | undefined;
|
|
88
|
-
onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
|
|
89
|
-
onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
|
|
90
|
-
onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
|
|
91
|
-
onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
|
|
92
|
-
onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
|
|
93
|
-
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
94
|
-
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
95
|
-
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
96
|
-
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
97
|
-
onResponderTerminationRequest?: (() => boolean) | undefined;
|
|
98
|
-
onStartShouldSetResponder?: (() => boolean) | undefined;
|
|
99
|
-
onMoveShouldSetResponder?: (() => boolean) | undefined;
|
|
100
|
-
onTextLayout?: ((event: import("react-native").TextLayoutEvent) => unknown) | undefined;
|
|
101
|
-
pressRetentionOffset?: import("react-native/types_generated/Libraries/Text/TextProps").PressRetentionOffset | undefined;
|
|
102
|
-
role?: import("react-native").Role | undefined;
|
|
103
|
-
selectable?: boolean | undefined;
|
|
104
|
-
style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
|
|
105
|
-
testID?: string | undefined;
|
|
106
|
-
}>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable"> & Omit<Readonly<Omit<Readonly<{
|
|
107
|
-
accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
|
|
108
|
-
"aria-labelledby"?: string | undefined;
|
|
109
|
-
accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
|
|
110
|
-
"aria-live"?: ("polite" | "assertive" | "off") | undefined;
|
|
111
|
-
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
|
|
112
|
-
screenReaderFocusable?: boolean;
|
|
113
|
-
}>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
|
|
114
|
-
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
115
|
-
accessibilityViewIsModal?: boolean | undefined;
|
|
116
|
-
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
117
|
-
accessibilityLargeContentTitle?: string | undefined;
|
|
118
|
-
"aria-modal"?: boolean | undefined;
|
|
119
|
-
accessibilityElementsHidden?: boolean | undefined;
|
|
120
|
-
accessibilityLanguage?: string | undefined;
|
|
121
|
-
accessibilityRespondsToUserInteraction?: boolean | undefined;
|
|
122
|
-
}>, "role" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
|
|
123
|
-
accessible?: boolean | undefined;
|
|
124
|
-
accessibilityLabel?: string | undefined;
|
|
125
|
-
accessibilityHint?: string | undefined;
|
|
126
|
-
"aria-label"?: string | undefined;
|
|
127
|
-
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
128
|
-
role?: import("react-native").Role | undefined;
|
|
129
|
-
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
130
|
-
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
131
|
-
"aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
|
|
132
|
-
"aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
|
|
133
|
-
"aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
|
|
134
|
-
"aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
|
|
135
|
-
accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
|
|
136
|
-
"aria-busy"?: boolean | undefined;
|
|
137
|
-
"aria-checked"?: (boolean | undefined) | "mixed";
|
|
138
|
-
"aria-disabled"?: boolean | undefined;
|
|
139
|
-
"aria-expanded"?: boolean | undefined;
|
|
140
|
-
"aria-selected"?: boolean | undefined;
|
|
141
|
-
"aria-hidden"?: boolean | undefined;
|
|
142
|
-
}>, never>> & {
|
|
143
|
-
flex?: number;
|
|
144
|
-
weight?: "light" | "regular" | "medium" | "bold";
|
|
145
|
-
size?: number;
|
|
146
|
-
margin?: import("react-native").DimensionValue | string;
|
|
147
|
-
width?: string;
|
|
148
|
-
color?: string;
|
|
149
|
-
textAlign?: "left" | "center" | "right" | "justify";
|
|
150
|
-
textTransform?: "none" | "uppercase" | "capitalize" | "lowercase";
|
|
151
|
-
textDecorationLine?: "none" | "underline" | "line-through";
|
|
152
|
-
} & {
|
|
74
|
+
} & import("../Text").TextStyleProps & {
|
|
153
75
|
ref?: import("react").Ref<any> | undefined;
|
|
154
76
|
} & {
|
|
155
77
|
theme?: import("@emotion/react").Theme;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
onChangeText?: (unmasked: string, masked: string) => void;
|
|
4
|
-
} & Omit<MaskInputProps, 'onBlur' | 'onFocus'>;
|
|
5
|
-
export declare const InputField: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
|
-
export {};
|
|
1
|
+
import type { InputFieldProps } from '../types';
|
|
2
|
+
export declare const InputField: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: InputFieldProps) => import("react/jsx-runtime").JSX.Element>;
|
|
7
3
|
//# sourceMappingURL=input-field.d.ts.map
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
type InputRootProps
|
|
2
|
-
children: React.ReactNode;
|
|
3
|
-
isPassword?: boolean;
|
|
4
|
-
hasError?: boolean;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
};
|
|
1
|
+
import type { InputRootProps } from '../types';
|
|
7
2
|
export declare const InputRoot: ({ children, isPassword, hasError, disabled, }: InputRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
3
|
//# sourceMappingURL=input-root.d.ts.map
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
+
export type { InputFieldProps, InputRootProps } from './types';
|
|
1
2
|
declare const Input: {
|
|
2
|
-
Root: ({ children, isPassword, hasError, disabled, }:
|
|
3
|
-
|
|
4
|
-
isPassword?: boolean;
|
|
5
|
-
hasError?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
Field: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: {
|
|
9
|
-
onChangeText?: (unmasked: string, masked: string) => void;
|
|
10
|
-
} & Omit<import("react-native-mask-input").MaskInputProps, "onBlur" | "onFocus">) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
Root: ({ children, isPassword, hasError, disabled, }: import("./types").InputRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
Field: import("react").MemoExoticComponent<({ value, onChangeText, ...props }: import("./types").InputFieldProps) => import("react/jsx-runtime").JSX.Element>;
|
|
11
5
|
Error: (props: import("react-native").TextProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
12
6
|
Control: ({ children, ...props }: import("react-native").PressableProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
7
|
Icon: (props: import("react-native").ViewProps) => import("react/jsx-runtime").JSX.Element;
|