@sphereon/ui-components.ssi-react-native 0.2.1-unstable.97 → 0.3.1-unstable.3

package/dist/styles/components/buttons/index.d.ts

@@ -1,13 +1,18 @@
+/// <reference types="react" />
 import { TouchableOpacity } from 'react-native';
-export declare const SSITouchableOpacityButtonFlexRowStyled: import("styled-components").StyledComponent<typeof TouchableOpacity, any, {}, never>;
-export declare const SSIRoundedCenteredLinearGradientStyled: import("styled-components").StyledComponent<typeof import("expo-linear-gradient").LinearGradient, any, {
-    colors: string[];
-    start: {
-        x: number;
-        y: number;
-    };
-    end: {
-        x: number;
-        y: number;
-    };
-}, "end" | "start" | "colors">;
+export declare const SSITouchableOpacityButtonFlexRowStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TouchableOpacityProps & import("react").RefAttributes<TouchableOpacity>, never>>;
+export declare const SSIRoundedCenteredLinearGradientStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<Omit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps & {
+    colors: readonly string[];
+    locations?: readonly number[] | null | undefined;
+    start?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    end?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    dither?: boolean | undefined;
+} & import("react").RefAttributes<import("expo-linear-gradient").LinearGradient>, import("react-native").ViewProps & {
+    colors: readonly string[];
+    locations?: readonly number[] | null | undefined;
+    start?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    end?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    dither?: boolean | undefined;
+} & import("react").RefAttributes<import("expo-linear-gradient").LinearGradient>>, never>, never>, "ref"> & {
+    ref?: ((instance: import("expo-linear-gradient").LinearGradient | null) => void) | import("react").RefObject<import("expo-linear-gradient").LinearGradient> | null | undefined;
+}, never>, never>>;

package/dist/styles/components/buttons/index.js

@@ -1,12 +1,19 @@
-import { TouchableOpacity } from 'react-native';
-import styled from 'styled-components/native';
-import { SSIRoundedLinearGradient } from '../../gradients';
-export const SSITouchableOpacityButtonFlexRowStyled = styled(TouchableOpacity) `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSIRoundedCenteredLinearGradientStyled = exports.SSITouchableOpacityButtonFlexRowStyled = void 0;
+const react_native_1 = require("react-native");
+const native_1 = __importDefault(require("styled-components/native"));
+const gradients_1 = require("../../gradients");
+exports.SSITouchableOpacityButtonFlexRowStyled = (0, native_1.default)(react_native_1.TouchableOpacity) `
   flex-direction: row;
 `;
-export const SSIRoundedCenteredLinearGradientStyled = styled(SSIRoundedLinearGradient) `
+exports.SSIRoundedCenteredLinearGradientStyled = (0, native_1.default)(gradients_1.SSIRoundedLinearGradient) `
   align-items: center;
   justify-content: center;
   padding: 9px;
-  width: 180px;
+  flex: 1;
+  height: 42px;
 `;

package/dist/styles/components/components/SSICredentialCardView/index.d.ts

@@ -1,18 +1,15 @@
-/// <reference types="styled-components-react-native" />
 /// <reference types="react" />
-export declare const SSICredentialCardViewContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, any, {}, never>;
-export declare const SSICredentialCardViewHeaderContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, any, {}, never>;
-export declare const SSICredentialCardViewHeaderLogoContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialCardViewHeaderTitleContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialCardViewContentMainContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialCardViewContentSubContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialCardViewContentIssueNameContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialCardViewContentPropertiesContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, any, {}, never>;
-export declare const SSICredentialCardViewFooterContentContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, any, {}, never>;
-export declare const SSICredentialCardViewFooterContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialCardViewCredentialTitleTextStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSICredentialCardViewCredentialSubtitleTextStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSICredentialCardViewStatusContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialCardViewBackgroundImageStyled: import("styled-components").StyledComponent<import("react").ComponentType<import("react-native-fast-image").FastImageProps> & import("react-native-fast-image").FastImageStaticProperties, any, {
-    resizeMode: "cover";
-}, "resizeMode">;
+export declare const SSICredentialCardViewContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>, never>>;
+export declare const SSICredentialCardViewHeaderContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>, never>>;
+export declare const SSICredentialCardViewHeaderLogoContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialCardViewHeaderTitleContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialCardViewContentMainContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialCardViewContentSubContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialCardViewContentIssueNameContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialCardViewContentPropertiesContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>, never>>;
+export declare const SSICredentialCardViewFooterContentContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>, never>>;
+export declare const SSICredentialCardViewFooterContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialCardViewCredentialTitleTextStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>, never>>;
+export declare const SSICredentialCardViewCredentialSubtitleTextStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>, never>>;
+export declare const SSICredentialCardViewStatusContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialCardViewBackgroundImageStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>>, import("styled-components/native/dist/types").BaseObject> | import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>>;

package/dist/styles/components/components/SSICredentialCardView/index.js

@@ -1,56 +1,62 @@
-import styled from 'styled-components/native';
-import FastImage from 'react-native-fast-image';
-import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
-import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts';
-export const SSICredentialCardViewContainerStyled = styled(SSIRoundedContainerStyled) `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSICredentialCardViewBackgroundImageStyled = exports.SSICredentialCardViewStatusContainerStyled = exports.SSICredentialCardViewCredentialSubtitleTextStyled = exports.SSICredentialCardViewCredentialTitleTextStyled = exports.SSICredentialCardViewFooterContainerStyled = exports.SSICredentialCardViewFooterContentContainerStyled = exports.SSICredentialCardViewContentPropertiesContainerStyled = exports.SSICredentialCardViewContentIssueNameContainerStyled = exports.SSICredentialCardViewContentSubContainerStyled = exports.SSICredentialCardViewContentMainContainerStyled = exports.SSICredentialCardViewHeaderTitleContainerStyled = exports.SSICredentialCardViewHeaderLogoContainerStyled = exports.SSICredentialCardViewHeaderContainerStyled = exports.SSICredentialCardViewContainerStyled = void 0;
+const native_1 = __importDefault(require("styled-components/native"));
+const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
+const containers_1 = require("../../containers");
+const fonts_1 = require("../../../fonts");
+exports.SSICredentialCardViewContainerStyled = (0, native_1.default)(containers_1.SSIRoundedContainerStyled) `
   width: 327px;
   height: 186px;
 `;
-export const SSICredentialCardViewHeaderContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
+exports.SSICredentialCardViewHeaderContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
   height: 32px;
   margin-top: 16px;
 `;
-export const SSICredentialCardViewHeaderLogoContainerStyled = styled.View `
+exports.SSICredentialCardViewHeaderLogoContainerStyled = native_1.default.View `
   margin: 0 12px 0 9px;
 `;
-export const SSICredentialCardViewHeaderTitleContainerStyled = styled.View `
+exports.SSICredentialCardViewHeaderTitleContainerStyled = native_1.default.View `
   flex: 1;
   margin: 0 13px 0 auto;
 `;
-export const SSICredentialCardViewContentMainContainerStyled = styled.View `
+exports.SSICredentialCardViewContentMainContainerStyled = native_1.default.View `
   flex: 1;
 `;
-export const SSICredentialCardViewContentSubContainerStyled = styled.View `
+exports.SSICredentialCardViewContentSubContainerStyled = native_1.default.View `
   margin-top: auto;
 `;
-export const SSICredentialCardViewContentIssueNameContainerStyled = styled.View `
+exports.SSICredentialCardViewContentIssueNameContainerStyled = native_1.default.View `
   padding: 2px 9px 2px 12px;
 `;
-export const SSICredentialCardViewContentPropertiesContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
+exports.SSICredentialCardViewContentPropertiesContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
   justify-content: flex-start;
   margin: 1px 0;
   padding: 2px 9px 4px 12px;
 `;
-export const SSICredentialCardViewFooterContentContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
+exports.SSICredentialCardViewFooterContentContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
   padding: 11px 12px;
   background-color: transparent;
 `;
-export const SSICredentialCardViewFooterContainerStyled = styled.View `
+exports.SSICredentialCardViewFooterContainerStyled = native_1.default.View `
   height: 39px;
   margin-top: auto;
   overflow: hidden;
 `;
-export const SSICredentialCardViewCredentialTitleTextStyled = styled(SSITextH4SemiBoldLightStyled) `
+exports.SSICredentialCardViewCredentialTitleTextStyled = (0, native_1.default)(fonts_1.SSITextH4SemiBoldLightStyled) `
   flex: 1;
   text-align: right;
 `;
-export const SSICredentialCardViewCredentialSubtitleTextStyled = styled(SSITextH5LightStyled) `
+exports.SSICredentialCardViewCredentialSubtitleTextStyled = (0, native_1.default)(fonts_1.SSITextH5LightStyled) `
   text-align: right;
 `;
-export const SSICredentialCardViewStatusContainerStyled = styled.View `
+exports.SSICredentialCardViewStatusContainerStyled = native_1.default.View `
   margin-left: auto;
 `;
-export const SSICredentialCardViewBackgroundImageStyled = styled(FastImage).attrs({
+exports.SSICredentialCardViewBackgroundImageStyled = (0, native_1.default)(react_native_fast_image_1.default).attrs({
     resizeMode: 'cover',
 }) `
   flex: 1;

package/dist/styles/components/components/SSICredentialMiniCardView/index.d.ts

@@ -1,6 +1,3 @@
-/// <reference types="styled-components-react-native" />
 /// <reference types="react" />
-export declare const SSICredentialMiniCardViewContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSICredentialMiniCardViewBackgroundImageStyled: import("styled-components").StyledComponent<import("react").ComponentType<import("react-native-fast-image").FastImageProps> & import("react-native-fast-image").FastImageStaticProperties, any, {
-    resizeMode: "cover";
-}, "resizeMode">;
+export declare const SSICredentialMiniCardViewContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSICredentialMiniCardViewBackgroundImageStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>>, import("styled-components/native/dist/types").BaseObject> | import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("react-native-fast-image").FastImageProps | (import("react-native-fast-image").FastImageProps & import("react").RefAttributes<import("react").Component<import("react-native-fast-image").FastImageProps, any, any>>), import("react-native-fast-image").FastImageProps>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>>;

package/dist/styles/components/components/SSICredentialMiniCardView/index.js

@@ -1,12 +1,18 @@
-import styled from 'styled-components/native';
-import FastImage from 'react-native-fast-image';
-export const SSICredentialMiniCardViewContainerStyled = styled.View `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSICredentialMiniCardViewBackgroundImageStyled = exports.SSICredentialMiniCardViewContainerStyled = void 0;
+const native_1 = __importDefault(require("styled-components/native"));
+const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
+exports.SSICredentialMiniCardViewContainerStyled = native_1.default.View `
   width: 75px;
   height: 50px;
   border-radius: 4.6px;
   overflow: hidden;
 `;
-export const SSICredentialMiniCardViewBackgroundImageStyled = styled(FastImage).attrs({
+exports.SSICredentialMiniCardViewBackgroundImageStyled = (0, native_1.default)(react_native_fast_image_1.default).attrs({
     resizeMode: 'cover',
 }) `
   flex: 1;

package/dist/styles/components/components/SSIStatusLabel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="styled-components-react-native" />
-export declare const SSIStatusLabelContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, any, {}, never>;
-export declare const SSIStatusLabelStatusCaptionStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSIStatusLabelBadgeContainer: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
+export declare const SSIStatusLabelContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>, never>>;
+export declare const SSIStatusLabelStatusCaptionStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>, never>>;
+export declare const SSIStatusLabelBadgeContainer: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;

package/dist/styles/components/components/SSIStatusLabel/index.js

@@ -1,7 +1,13 @@
-import styled from 'styled-components/native';
-import { SSIFlexDirectionRowViewStyled } from '../../containers';
-import { SSITextH5LightStyled } from '../../../fonts';
-export const SSIStatusLabelContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSIStatusLabelBadgeContainer = exports.SSIStatusLabelStatusCaptionStyled = exports.SSIStatusLabelContainerStyled = void 0;
+const native_1 = __importDefault(require("styled-components/native"));
+const containers_1 = require("../../containers");
+const fonts_1 = require("../../../fonts");
+exports.SSIStatusLabelContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
   border-radius: 9px;
   border-width: 1px;
   /*
@@ -11,11 +17,11 @@ export const SSIStatusLabelContainerStyled = styled(SSIFlexDirectionRowViewStyle
    */
   align-self: baseline;
 `;
-export const SSIStatusLabelStatusCaptionStyled = styled(SSITextH5LightStyled) `
+exports.SSIStatusLabelStatusCaptionStyled = (0, native_1.default)(fonts_1.SSITextH5LightStyled) `
   margin-left: 7px;
   margin-right: 7px;
 `;
-export const SSIStatusLabelBadgeContainer = styled.View `
+exports.SSIStatusLabelBadgeContainer = native_1.default.View `
   margin-top: auto;
   margin-bottom: auto;
 `;

package/dist/styles/components/components/SecondaryButton/index.d.ts

@@ -1,13 +1,19 @@
-/// <reference types="styled-components-react-native" />
-export declare const SecondaryButtonMaskContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SecondaryButtonLinearGradientStyled: import("styled-components").StyledComponent<typeof import("expo-linear-gradient").LinearGradient, any, {
-    colors: string[];
-    start: {
-        x: number;
-        y: number;
-    };
-    end: {
-        x: number;
-        y: number;
-    };
-}, "end" | "start" | "colors">;
+/// <reference types="react" />
+import MaskedView from '@react-native-masked-view/masked-view';
+export declare const SecondaryButtonMaskContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SecondaryButtonLinearGradientStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<Omit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").Substitute<import("react-native").ViewProps & {
+    colors: readonly string[];
+    locations?: readonly number[] | null | undefined;
+    start?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    end?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    dither?: boolean | undefined;
+} & import("react").RefAttributes<import("expo-linear-gradient").LinearGradient>, import("react-native").ViewProps & {
+    colors: readonly string[];
+    locations?: readonly number[] | null | undefined;
+    start?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    end?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
+    dither?: boolean | undefined;
+} & import("react").RefAttributes<import("expo-linear-gradient").LinearGradient>>, never>, never>, "ref"> & {
+    ref?: ((instance: import("expo-linear-gradient").LinearGradient | null) => void) | import("react").RefObject<import("expo-linear-gradient").LinearGradient> | null | undefined;
+}, never>>;
+export declare const SecondaryButtonMaskedViewStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("@react-native-masked-view/masked-view").MaskedViewProps & import("react").RefAttributes<MaskedView>, never>>;

package/dist/styles/components/components/SecondaryButton/index.js

@@ -1,16 +1,30 @@
-import styled from 'styled-components/native';
-import { SSILinearGradientStyled } from '../../../gradients';
-export const SecondaryButtonMaskContainerStyled = styled.View `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryButtonMaskedViewStyled = exports.SecondaryButtonLinearGradientStyled = exports.SecondaryButtonMaskContainerStyled = void 0;
+const native_1 = __importDefault(require("styled-components/native"));
+const masked_view_1 = __importDefault(require("@react-native-masked-view/masked-view"));
+const ui_components_core_1 = require("@sphereon/ui-components.core");
+const gradients_1 = require("../../../gradients");
+exports.SecondaryButtonMaskContainerStyled = native_1.default.View `
+  ${ui_components_core_1.SSIRoundedEdgesCss};
   background-color: transparent;
   flex: 1;
   border-width: 1px;
-  border-radius: 8px;
   align-items: center;
   justify-content: center;
+  height: 42px;
 `;
-export const SecondaryButtonLinearGradientStyled = styled(SSILinearGradientStyled) `
+exports.SecondaryButtonLinearGradientStyled = (0, native_1.default)(gradients_1.SSILinearGradientStyled) `
   align-items: center;
   justify-content: center;
   padding: 9px;
-  width: 180px;
+  flex: 1;
+  height: 42px;
+`;
+exports.SecondaryButtonMaskedViewStyled = (0, native_1.default)(masked_view_1.default) `
+  flex: 1;
+  height: 42px;
 `;

package/dist/styles/components/components/index.js

@@ -1,4 +1,20 @@
-export * from './SSICredentialCardView';
-export * from './SSICredentialMiniCardView';
-export * from './SSIStatusLabel';
-export * from './SecondaryButton';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SSICredentialCardView"), exports);
+__exportStar(require("./SSICredentialMiniCardView"), exports);
+__exportStar(require("./SSIStatusLabel"), exports);
+__exportStar(require("./SecondaryButton"), exports);

package/dist/styles/components/containers/index.d.ts

@@ -1,9 +1,37 @@
-/// <reference types="styled-components-react-native" />
 /// <reference types="react" />
-export declare const SSIAlphaContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSIBlurredContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@react-native-community/blur").BlurViewProps & import("react").RefAttributes<import("react-native/types/index").View>>, any, {
-    blurType: "light";
-    blurAmount: 3;
-}, "blurType" | "blurAmount">;
-export declare const SSIFlexDirectionRowViewStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSIRoundedContainerStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").View, import("styled-components").DefaultTheme, {}, never>;
+export declare const SSIAlphaContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSIBlurredContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<import("styled-components/native/dist/types").Substitute<(Omit<import("react-native").ViewProps & {
+    blurType?: ("dark" | "light" | "regular" | "xlight" | "prominent" | "extraDark" | "chromeMaterial" | "material" | "thickMaterial" | "thinMaterial" | "ultraThinMaterial" | "chromeMaterialDark" | "materialDark" | "thickMaterialDark" | "thinMaterialDark" | "ultraThinMaterialDark" | "chromeMaterialLight" | "materialLight" | "thickMaterialLight" | "thinMaterialLight" | "ultraThinMaterialLight") | undefined;
+    blurAmount?: number | undefined;
+    reducedTransparencyFallbackColor?: string | undefined;
+} & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}) | (Omit<import("react-native").ViewProps & {
+    blurAmount?: number | undefined;
+    blurType?: "dark" | "light" | "xlight" | undefined;
+    blurRadius?: number | undefined;
+    downsampleFactor?: number | undefined;
+    overlayColor?: string | undefined;
+    enabled?: boolean | undefined;
+    autoUpdate?: boolean | undefined;
+} & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}), (Omit<import("react-native").ViewProps & {
+    blurType?: ("dark" | "light" | "regular" | "xlight" | "prominent" | "extraDark" | "chromeMaterial" | "material" | "thickMaterial" | "thinMaterial" | "ultraThinMaterial" | "chromeMaterialDark" | "materialDark" | "thickMaterialDark" | "thinMaterialDark" | "ultraThinMaterialDark" | "chromeMaterialLight" | "materialLight" | "thickMaterialLight" | "thinMaterialLight" | "ultraThinMaterialLight") | undefined;
+    blurAmount?: number | undefined;
+    reducedTransparencyFallbackColor?: string | undefined;
+} & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+}) | (Omit<import("react-native").ViewProps & {
+    blurAmount?: number | undefined;
+    blurType?: "dark" | "light" | "xlight" | undefined;
+    blurRadius?: number | undefined;
+    downsampleFactor?: number | undefined;
+    overlayColor?: string | undefined;
+    enabled?: boolean | undefined;
+    autoUpdate?: boolean | undefined;
+} & import("react").RefAttributes<import("react-native").View>, "ref"> & {
+    ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
+})>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>>;
+export declare const SSIFlexDirectionRowViewStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
+export declare const SSIRoundedContainerStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;

package/dist/styles/components/containers/index.js

@@ -1,21 +1,27 @@
-import { BlurView } from '@react-native-community/blur';
-import styled from 'styled-components/native';
-import { SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
-export const SSIAlphaContainerStyled = styled.View `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSIRoundedContainerStyled = exports.SSIFlexDirectionRowViewStyled = exports.SSIBlurredContainerStyled = exports.SSIAlphaContainerStyled = void 0;
+const blur_1 = require("@react-native-community/blur");
+const native_1 = __importDefault(require("styled-components/native"));
+const ui_components_core_1 = require("@sphereon/ui-components.core");
+exports.SSIAlphaContainerStyled = native_1.default.View `
   flex: 1;
   background-color: rgba(0, 0, 0, 0.2);
 `;
-export const SSIBlurredContainerStyled = styled(BlurView).attrs({
+exports.SSIBlurredContainerStyled = (0, native_1.default)(blur_1.BlurView).attrs({
     blurType: 'light',
     blurAmount: 3,
 }) `
   flex: 1;
   background-color: rgba(255, 255, 255, 0.25);
 `;
-export const SSIFlexDirectionRowViewStyled = styled.View `
+exports.SSIFlexDirectionRowViewStyled = native_1.default.View `
   flex-direction: row;
 `;
-export const SSIRoundedContainerStyled = styled.View `
-  ${SSIRoundedEdgesCss};
+exports.SSIRoundedContainerStyled = native_1.default.View `
+  ${ui_components_core_1.SSIRoundedEdgesCss};
   overflow: hidden;
 `;

package/dist/styles/components/index.js

@@ -1,3 +1,19 @@
-export * from './containers';
-export * from './components';
-export * from './buttons';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./containers"), exports);
+__exportStar(require("./components"), exports);
+__exportStar(require("./buttons"), exports);

package/dist/styles/fonts/index.d.ts

@@ -1,13 +1,21 @@
-/// <reference types="styled-components-react-native" />
-export declare const SSITextH2Styled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSITextH2LightStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSITextH2SecondaryButtonStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSITextH4Styled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSITextH4SemiBoldStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSITextH4LightStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSITextH4SemiBoldLightStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSITextH5Styled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSITextH5LightStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const SSITextH6Styled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, import("styled-components").DefaultTheme, {}, never>;
-export declare const SSITextH6LightStyled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, any, {}, never>;
-export declare const Text64Styled: import("styled-components").StyledComponent<typeof import("react-native/types/index").Text, import("styled-components").DefaultTheme, {}, never>;
+export declare const SSITextH1SemiBoldStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH1SemiBoldLightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH2Styled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH2LightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH2SemiBoldStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH2SemiBoldLightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH2SecondaryButtonStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH3Styled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH3LightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH3SemiBoldStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH4Styled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH4SemiBoldStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH4LightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH4SemiBoldLightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH5Styled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH5LightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const SSITextH6Styled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH6LightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;
+export declare const Text64Styled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH7Styled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
+export declare const SSITextH7LightStyled: import("styled-components/native").IStyledComponent<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>, never>>;