@gataca/design-system 0.3.40 → 0.3.42
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/dist/components/index.native.d.ts +1 -0
- package/dist/components/native/TopAppBar/TopDrawerBar/TopDrawerBar.native.d.ts +4 -0
- package/dist/components/native/TopAppBar/TopDrawerBar/index.native.d.ts +2 -0
- package/dist/components/native/TopAppBar/TopDrawerBar/topDrawerBar_styles.native.d.ts +33 -0
- package/dist/components/native/TopAppBar/TopDrawerBar/topDrawerBar_types.native.d.ts +28 -0
- package/dist/components/web/Buttons/Button/Button.config.web.d.ts +1 -1
- package/dist/index.native.js +1 -1
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js +1 -1
- package/dist/index.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -16,6 +16,7 @@ export { default as Indicator } from './native/Indicator/Indicator/index.native'
|
|
|
16
16
|
export { default as Avatar } from './native/Avatars/Avatar/index.native';
|
|
17
17
|
export { default as AvatarGroup } from './native/Avatars/AvatarGroup/index.native';
|
|
18
18
|
export { default as TopAppBar } from './native/TopAppBar/TopAppBar/index.native';
|
|
19
|
+
export { default as TopDrawerBar } from './native/TopAppBar/TopDrawerBar/index.native';
|
|
19
20
|
export { default as List } from './native/Lists/List/index.native';
|
|
20
21
|
export { default as ListMetaContainer } from './native/Lists/ListMetaContainer/index.native';
|
|
21
22
|
export { default as ListItem } from './native/Lists/ListItem/index.native';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
topDrawerBarWrapper: {
|
|
3
|
+
width: "100%";
|
|
4
|
+
right: number;
|
|
5
|
+
left: number;
|
|
6
|
+
position: "absolute";
|
|
7
|
+
minHeight: number;
|
|
8
|
+
top: number;
|
|
9
|
+
zIndex: number;
|
|
10
|
+
};
|
|
11
|
+
topDrawerBarContainer: {
|
|
12
|
+
display: "flex";
|
|
13
|
+
justifyContent: "space-between";
|
|
14
|
+
flexDirection: "row";
|
|
15
|
+
alignItems: "center";
|
|
16
|
+
gap: number;
|
|
17
|
+
minHeight: number;
|
|
18
|
+
alignSelf: "stretch";
|
|
19
|
+
width: "100%";
|
|
20
|
+
flexShrink: number;
|
|
21
|
+
flexWrap: "wrap";
|
|
22
|
+
paddingVertical: number;
|
|
23
|
+
paddingHorizontal: number;
|
|
24
|
+
};
|
|
25
|
+
mainContainer: {
|
|
26
|
+
display: "flex";
|
|
27
|
+
gap: number;
|
|
28
|
+
alignItems: "center";
|
|
29
|
+
justifyContent: "flex-start";
|
|
30
|
+
flexDirection: "row";
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BellIconStyle, IconSize, IconStyle } from '../../Icons/icon_types';
|
|
2
|
+
export type TopDrawerBarConfiguration = 'main' | 'sub-sheet';
|
|
3
|
+
export interface TopDrawerBarProps {
|
|
4
|
+
configuration: TopDrawerBarConfiguration;
|
|
5
|
+
bg?: boolean;
|
|
6
|
+
divider?: boolean;
|
|
7
|
+
leadingIcon?: {
|
|
8
|
+
Icon: React.FC<{
|
|
9
|
+
size: IconSize;
|
|
10
|
+
style: IconStyle;
|
|
11
|
+
color: string;
|
|
12
|
+
}>;
|
|
13
|
+
onPress?: (x?: any) => void;
|
|
14
|
+
style?: IconStyle | BellIconStyle;
|
|
15
|
+
};
|
|
16
|
+
trailingIcon?: {
|
|
17
|
+
Icon: React.FC<{
|
|
18
|
+
size: IconSize;
|
|
19
|
+
style: IconStyle;
|
|
20
|
+
color: string;
|
|
21
|
+
}>;
|
|
22
|
+
onPress?: (x?: any) => void;
|
|
23
|
+
style?: IconStyle | BellIconStyle;
|
|
24
|
+
};
|
|
25
|
+
text?: string;
|
|
26
|
+
headingContainerText?: string;
|
|
27
|
+
containerStyle?: any;
|
|
28
|
+
}
|
|
@@ -501,7 +501,7 @@ export declare const getButtonFontStyles: (FontStyles: StyleType, textSize: stri
|
|
|
501
501
|
export declare const getButtonPaddings: (textSize: string, style: string) => {
|
|
502
502
|
padding: string;
|
|
503
503
|
};
|
|
504
|
-
export declare const getButtonMinHeight: (textSize: string, hasIcon?: boolean) => 48 | 40 |
|
|
504
|
+
export declare const getButtonMinHeight: (textSize: string, hasIcon?: boolean) => 34 | 48 | 40 | 42;
|
|
505
505
|
export declare const getButtonContentStyles: (fontStyles: StyleType, colors: ColorsType, color: string, style: string, state: string, textSize: string) => {
|
|
506
506
|
styles: {
|
|
507
507
|
lineHeight: string;
|