npm - @gataca/design-system - Versions diffs - 0.3.95 → 0.3.96 - Mend

@gataca/design-system 0.3.95 → 0.3.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/dist/components/native/Action/ActionItems/actionItems_styles.native.d.ts CHANGED Viewed

@@ -23,20 +23,20 @@ declare const _default: {
         borderRadius: number;
     };
     landscapeImage: {
-        minWidth: "100%";
-        minHeight: "100%";
-        maxHeight: "100%";
+        minWidth: string;
+        minHeight: string;
+        maxHeight: string;
         objectFit: "cover";
     };
     portraitImage: {
-        minWidth: "100%";
-        minHeight: "100%";
-        maxWidth: "100%";
+        minWidth: string;
+        minHeight: string;
+        maxWidth: string;
         objectFit: "cover";
     };
     squareImage: {
-        minWidth: "100%";
-        minHeight: "100%";
+        minWidth: string;
+        minHeight: string;
         objectFit: "cover";
     };
 };

package/dist/components/native/Alerts/Alert/Alert_styles.native.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ declare const _default: {
         gap: number;
         alignItems: "center";
         padding: number;
-        width: "100%";
+        width: string;
     };
     leadingIconContainer: {
         height: number;

package/dist/components/native/BottomSticky/BottomStickyContainer/bottomStickyContainer_styles.native.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         alignSelf: "stretch";
-        width: "100%";
+        width: string;
         right: number;
         left: number;
         position: "absolute";
@@ -18,9 +18,9 @@ declare const _default: {
         flexDirection: "row";
         justifyContent: "center";
         gap: number;
-        width: "100%";
+        width: string;
         flexWrap: "wrap-reverse";
-        marginLeft: "auto";
+        marginLeft: string;
         padding: number;
         alignItems: "stretch";
     };

package/dist/components/native/Buttons/Button/styles.native.d.ts CHANGED Viewed

@@ -4,10 +4,10 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         flexDirection: "row";
-        width: "auto";
+        width: string;
         gap: number;
         borderRadius: number;
-        maxWidth: "100%";
+        maxWidth: string;
     };
 };
 export default _default;

package/dist/components/native/Buttons/RoundedButton/styles.native.d.ts CHANGED Viewed

@@ -5,10 +5,10 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         flexDirection: "row";
-        width: "auto";
+        width: string;
         gap: number;
         borderRadius: number;
-        maxWidth: "100%";
+        maxWidth: string;
     };
 };
 export default _default;

package/dist/components/native/Buttons/SegmentedButton/styles.native.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 declare const _default: {
     container: {
-        width: "100%";
+        width: string;
         borderRadius: number;
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "center";
-        height: "auto";
+        height: string;
         alignSelf: "flex-start";
         overflow: "hidden";
     };

package/dist/components/native/Cards/Consent/consentCard_styles.native.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
         alignItems: "center";
-        width: "100%";
+        width: string;
         alignSelf: "stretch";
         borderRadius: number;
     };

package/dist/components/native/Cards/Credential/credential_styles.native.d.ts CHANGED Viewed

@@ -7,14 +7,14 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         backgroundColor: string;
         borderRadius: number;
         alignSelf: "stretch";
-        width: "100%";
+        width: string;
     };
     linearGradientOverlay: {
         padding: number;
         display: "flex";
         flexDirection: "column";
         borderRadius: number;
-        width: "100%";
+        width: string;
         alignSelf: "stretch";
     };
     credCardMainContent: {
@@ -22,7 +22,7 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         flexDirection: "column";
         gap: number;
         minHeight: number;
-        width: "100%";
+        width: string;
         alignSelf: "center";
         justifyContent: "space-between";
     };

package/dist/components/native/Cards/HeadingAvatars/headingAvatarsCard_styles.native.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
         alignItems: "center";
-        width: "100%";
+        width: string;
         borderRadius: number;
         alignSelf: "stretch";
         overflow: "hidden";
@@ -16,7 +16,7 @@ export declare const styles: {
         paddingBottom: number;
         flexDirection: "column";
         alignItems: "center";
-        width: "100%";
+        width: string;
         alignSelf: "stretch";
         gap: number;
     };

package/dist/components/native/Cards/MiniCredential/miniCredential_styles.native.d.ts CHANGED Viewed

@@ -16,8 +16,8 @@ export declare const styles: (colors: ColorsType, fontStyles: StyleType, backgro
         display: "flex";
         flexDirection: "column";
         borderRadius: number;
-        width: "100%";
-        height: "100%";
+        width: string;
+        height: string;
         alignSelf: "stretch";
         gap: number;
     };

package/dist/components/native/Chips/Chip/styles.native.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ declare const _default: {
         alignItems: "center";
         justifyContent: "center";
         flexDirection: "row";
-        width: "auto";
+        width: string;
         gap: number;
     };
 };

package/dist/components/native/Dialog/Dialog/dialog_styles.native.d.ts CHANGED Viewed

@@ -6,8 +6,8 @@ declare const _default: {
         top: number;
         left: number;
         right: number;
-        width: "100%";
-        height: "100%";
+        width: string;
+        height: string;
         flexDirection: "column";
         zIndex: number;
         display: "flex";
@@ -19,7 +19,7 @@ declare const _default: {
         display: "flex";
         flexDirection: "column";
         width: number;
-        height: "auto";
+        height: string;
         elevation: number;
         shadowOffset: {
             width: number;
@@ -29,15 +29,15 @@ declare const _default: {
         shadowOpacity: number;
         shadowRadius: number;
         overflow: "hidden";
-        maxWidth: "90%";
-        maxHeight: "90%";
+        maxWidth: string;
+        maxHeight: string;
     };
     topContainer: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "flex-start";
-        width: "100%";
+        width: string;
         flexWrap: "wrap-reverse";
         paddingVertical: number;
         paddingHorizontal: number;
@@ -47,7 +47,7 @@ declare const _default: {
         display: "flex";
         justifyContent: "flex-start";
         alignItems: "flex-start";
-        marginLeft: "auto";
+        marginLeft: string;
         alignSelf: "center";
     };
     mainContainer: {
@@ -67,7 +67,7 @@ declare const _default: {
         justifyContent: "flex-start";
         alignItems: "flex-start";
         gap: number;
-        width: "100%";
+        width: string;
     };
     scrollableArea: {
         display: "flex";
@@ -77,7 +77,7 @@ declare const _default: {
         alignItems: "flex-start";
         gap: number;
         overflow: "scroll";
-        width: "100%";
+        width: string;
     };
     textsContainer: {
         display: "flex";
@@ -85,7 +85,7 @@ declare const _default: {
         gap: number;
         alignItems: "flex-start";
         paddingHorizontal: number;
-        width: "100%";
+        width: string;
     };
     bottomContainer: {
         paddingVertical: number;
@@ -98,7 +98,7 @@ declare const _default: {
         gap: number;
         alignItems: "center";
         flexWrap: "wrap-reverse";
-        marginLeft: "auto";
+        marginLeft: string;
     };
 };
 export default _default;

package/dist/components/native/Drawer/BottomDrawer/bottomDrawer_styles.native.d.ts CHANGED Viewed

@@ -4,13 +4,13 @@ declare const _default: {
         borderTopRightRadius: number;
         display: "flex";
         flexDirection: "column";
-        height: "auto";
+        height: string;
         elevation: number;
         shadowOffset: {
             width: number;
             height: number;
         };
-        width: "100%";
+        width: string;
         zIndex: number;
         shadowOpacity: number;
         shadowRadius: number;
@@ -18,7 +18,7 @@ declare const _default: {
         flex: number;
     };
     topSeparator: {
-        width: "100%";
+        width: string;
         paddingTop: number;
         display: "flex";
         justifyContent: "center";
@@ -29,14 +29,14 @@ declare const _default: {
         paddingTop: number;
         borderRadius: number;
         backgroundColor: string;
-        margin: "auto";
+        margin: string;
     };
     topContainer: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "flex-start";
-        width: "100%";
+        width: string;
         flexWrap: "wrap-reverse";
         paddingVertical: number;
         paddingHorizontal: number;
@@ -46,7 +46,7 @@ declare const _default: {
         display: "flex";
         justifyContent: "flex-start";
         alignItems: "flex-start";
-        marginLeft: "auto";
+        marginLeft: string;
         alignSelf: "center";
     };
     mainContainer: {

package/dist/components/native/Headings/HeadingCredential/HeadingCredential_styles.native.d.ts CHANGED Viewed

@@ -13,20 +13,20 @@ declare const _default: {
         borderRadius: number;
     };
     landscapeImage: {
-        minWidth: "100%";
-        minHeight: "100%";
-        maxHeight: "100%";
+        minWidth: string;
+        minHeight: string;
+        maxHeight: string;
         objectFit: "cover";
     };
     portraitImage: {
-        minWidth: "100%";
-        minHeight: "100%";
-        maxWidth: "100%";
+        minWidth: string;
+        minHeight: string;
+        maxWidth: string;
         objectFit: "cover";
     };
     squareImage: {
-        minWidth: "100%";
-        minHeight: "100%";
+        minWidth: string;
+        minHeight: string;
         objectFit: "cover";
     };
 };

package/dist/components/native/Indicator/Indicator/indicator_styles.native.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ declare const _default: {
         flexShrink: number;
     };
     indicatorText: {
-        minWidth: "100%";
+        minWidth: string;
         textAlign: "center";
         alignSelf: "center";
     };

package/dist/components/native/Lists/List/list_styles.native.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 declare const _default: {
     listContainer: {
         alignSelf: "flex-start";
-        width: "100%";
+        width: string;
         borderRadius: number;
         flexDirection: "column";
         overflow: "visible";

package/dist/components/native/Lists/ListItem/listItem_styles.native.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ declare const _default: {
         justifyContent: "flex-start";
         alignItems: "flex-start";
         gap: number;
-        width: "100%";
+        width: string;
         alignSelf: "stretch";
     };
     listItemContainer: {
@@ -18,7 +18,7 @@ declare const _default: {
         alignSelf: "stretch";
         paddingVertical: number;
         paddingHorizontal: number;
-        width: "100%";
+        width: string;
     };
     listItemLeftContainer: {
         display: "flex";
@@ -34,7 +34,7 @@ declare const _default: {
         justifyContent: "center";
         alignItems: "center";
         cursor: "pointer";
-        marginLeft: "auto";
+        marginLeft: string;
     };
 };
 export default _default;

package/dist/components/native/NavBar/NavigationBar/navigationBar_styles.native.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 declare const _default: {
     navigationBarContainer: {
-        width: "100%";
+        width: string;
         right: number;
         left: number;
         position: "absolute";

package/dist/components/native/Popover/popover_styles.native.d.ts CHANGED Viewed

@@ -6,8 +6,8 @@ declare const _default: {
         top: number;
         left: number;
         right: number;
-        width: "100%";
-        height: "100%";
+        width: string;
+        height: string;
         flexDirection: "column";
         zIndex: number;
         display: "flex";
@@ -26,8 +26,8 @@ declare const _default: {
         shadowOpacity: number;
         shadowRadius: number;
         overflow: "hidden";
-        maxWidth: "90%";
-        maxHeight: "90%";
+        maxWidth: string;
+        maxHeight: string;
         padding: number;
         gap: number;
     };
@@ -35,29 +35,29 @@ declare const _default: {
         position: "relative";
         flex: number;
         maxHeight: number;
-        width: "100%";
+        width: string;
         overflow: "hidden";
         borderRadius: number;
     };
     landscapeImage: {
-        minWidth: "100%";
-        minHeight: "100%";
-        maxHeight: "100%";
+        minWidth: string;
+        minHeight: string;
+        maxHeight: string;
         objectFit: "cover";
     };
     portraitImage: {
-        minWidth: "100%";
-        minHeight: "100%";
-        maxWidth: "100%";
+        minWidth: string;
+        minHeight: string;
+        maxWidth: string;
         objectFit: "cover";
     };
     squareImage: {
-        minWidth: "100%";
-        minHeight: "100%";
+        minWidth: string;
+        minHeight: string;
         objectFit: "cover";
     };
     bottomContainer: {
-        width: "100%";
+        width: string;
     };
 };
 export default _default;

package/dist/components/native/TextField/TextField/textField_styles.native.d.ts CHANGED Viewed

@@ -5,13 +5,13 @@ declare const _default: {
         alignItems: "flex-start";
         gap: number;
         alignSelf: "stretch";
-        width: "100%";
+        width: string;
     };
     textFieldTopTextContainer: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        width: "100%";
+        width: string;
         alignItems: "center";
         gap: number;
     };
@@ -34,7 +34,7 @@ declare const _default: {
         zIndex: number;
     };
     textFieldInput: {
-        width: "100%";
+        width: string;
         borderWidth: number;
         borderRadius: number;
         paddingHorizontal: number;

package/dist/components/native/Tooltips/Tooltip/tooltip_styles.native.d.ts CHANGED Viewed

@@ -6,10 +6,10 @@ export declare const popableStyles: {
         zIndex: number;
     };
     popoverTop: {
-        bottom: "100%";
+        bottom: string;
     };
     popoverBottom: {
-        top: "100%";
+        top: string;
     };
     popoverCaretLeft: {
         left: number;

package/dist/components/native/TopAppBar/TopAppBar/topAppBar_styles.native.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 declare const _default: {
     topAppBarWrapper: {
-        width: "100%";
+        width: string;
         right: number;
         left: number;
         position: "absolute";
@@ -16,7 +16,7 @@ declare const _default: {
         gap: number;
         minHeight: number;
         alignSelf: "stretch";
-        width: "100%";
+        width: string;
         flexShrink: number;
         flexWrap: "wrap";
     };

package/dist/components/native/TopAppBar/TopDrawerBar/topDrawerBar_styles.native.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 declare const _default: {
     topDrawerBarWrapper: {
-        width: "100%";
+        width: string;
         right: number;
         left: number;
         position: "absolute";
@@ -16,7 +16,7 @@ declare const _default: {
         gap: number;
         minHeight: number;
         alignSelf: "stretch";
-        width: "100%";
+        width: string;
         flexShrink: number;
         flexWrap: "wrap";
         paddingVertical: number;

package/dist/components/web/HoverObserver/HoverObserver.web.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import React, { ReactNode } from 'react';
+type ReactHoverObserverProps = {
+    children: ReactNode | ((props: {
+        isHovering: boolean;
+    }) => ReactNode);
+    className?: string;
+    hoverDelayInMs?: number;
+    hoverOffDelayInMs?: number;
+    onHoverChanged?: (state: {
+        isHovering: boolean;
+    }) => void;
+    onMouseEnter?: (params: {
+        e: React.MouseEvent;
+        setIsHovering: () => void;
+        unsetIsHovering: () => void;
+    }) => void;
+    onMouseLeave?: (params: {
+        e: React.MouseEvent;
+        setIsHovering: () => void;
+        unsetIsHovering: () => void;
+    }) => void;
+    onMouseOver?: (params: {
+        e: React.MouseEvent;
+        setIsHovering: () => void;
+        unsetIsHovering: () => void;
+    }) => void;
+    onMouseOut?: (params: {
+        e: React.MouseEvent;
+        setIsHovering: () => void;
+        unsetIsHovering: () => void;
+    }) => void;
+    shouldDecorateChildren?: boolean;
+};
+declare const ReactHoverObserver: React.FC<ReactHoverObserverProps>;
+export default ReactHoverObserver;

package/dist/components/web/HoverObserver/index.web.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import HoverObserver from './HoverObserver.web';
2	+ export default HoverObserver;