@sphereon/ui-components.ssi-react-native 0.4.1-next.154 → 0.4.1-next.179

package/dist/components/assets/badges/SSICheckmarkBadge/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/assets/badges/SSIExclamationMarkBadge/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/assets/logos/SSIPlaceholderLogo/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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

@@ -35,7 +35,7 @@ const SSICredentialCardView = (props) => {
                   <styles_1.SSICredentialCardViewCredentialTitleTextStyled style={{ color: textColor }} numberOfLines={2}>
                     {credentialTitle}
                   </styles_1.SSICredentialCardViewCredentialTitleTextStyled>
-                  {credentialSubtitle && <styles_1.SSICredentialCardViewCredentialSubtitleTextStyled style={{ color: textColor }}>{credentialSubtitle}</styles_1.SSICredentialCardViewCredentialSubtitleTextStyled>}
+                  {credentialSubtitle && <styles_1.SSICredentialCardViewCredentialSubtitleTextStyled style={{ color: textColor }} numberOfLines={2}>{credentialSubtitle}</styles_1.SSICredentialCardViewCredentialSubtitleTextStyled>}
                 </styles_1.SSICredentialCardViewHeaderTitleContainerStyled>)}
             </styles_1.SSICredentialCardViewHeaderContainerStyled>)}
           {body && (<styles_1.SSICredentialCardViewContentMainContainerStyled>

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
 import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts';
 export declare const SSICredentialCardViewContainerStyled: typeof SSIRoundedContainerStyled;

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

@@ -13,7 +13,8 @@ exports.SSICredentialCardViewContainerStyled = (0, native_1.default)(containers_
   height: 186px;
 `;
 exports.SSICredentialCardViewHeaderContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
-  height: 32px;
+  min-height: 32px;
+  max-height: 64px;
   margin-top: 16px;
 `;
 exports.SSICredentialCardViewHeaderLogoContainerStyled = native_1.default.View `
@@ -22,6 +23,7 @@ exports.SSICredentialCardViewHeaderLogoContainerStyled = native_1.default.View `
 exports.SSICredentialCardViewHeaderTitleContainerStyled = native_1.default.View `
   flex: 1;
   margin: 0 13px 0 auto;
+  overflow: hidden;
 `;
 exports.SSICredentialCardViewContentMainContainerStyled = native_1.default.View `
   flex: 1;
@@ -40,6 +42,8 @@ exports.SSICredentialCardViewContentPropertiesContainerStyled = (0, native_1.def
 exports.SSICredentialCardViewFooterContentContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
   padding: 11px 12px;
   background-color: transparent;
+  justify-content: space-between;
+  align-items: center;
 `;
 exports.SSICredentialCardViewFooterContainerStyled = native_1.default.View `
   height: 39px;
@@ -47,7 +51,6 @@ exports.SSICredentialCardViewFooterContainerStyled = native_1.default.View `
   overflow: hidden;
 `;
 exports.SSICredentialCardViewCredentialTitleTextStyled = (0, native_1.default)(fonts_1.SSITextH4SemiBoldLightStyled) `
-  flex: 1;
   text-align: right;
 `;
 exports.SSICredentialCardViewCredentialSubtitleTextStyled = (0, native_1.default)(fonts_1.SSITextH5LightStyled) `

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const SSICredentialMiniCardViewContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
 export declare const SSICredentialMiniCardViewBackgroundImageStyled: import("styled-components/native/dist/types").IStyledComponentBase<"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/containers/index.d.ts

@@ -1,37 +1,15 @@
-/// <reference types="react" />
+import { BlurView } from 'expo-blur';
 export declare const SSIAlphaContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
-export declare const SSIBlurredContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"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 SSIBlurredContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").FastOmit<import("styled-components/native/dist/types").Substitute<{
+    tint?: import("expo-blur").BlurTint;
+    intensity?: number;
+    blurReductionFactor?: number;
+    experimentalBlurMethod?: import("expo-blur").ExperimentalBlurMethod;
+} & import("react-native").ViewProps & import("react").RefAttributes<BlurView>, {
+    tint?: import("expo-blur").BlurTint;
+    intensity?: number;
+    blurReductionFactor?: number;
+    experimentalBlurMethod?: import("expo-blur").ExperimentalBlurMethod;
+} & import("react-native").ViewProps & import("react").RefAttributes<BlurView>>, never>, never>>;
 export declare const SSIFlexDirectionRowViewStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
 export declare const SSIRoundedContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;

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

@@ -4,19 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (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 expo_blur_1 = require("expo-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);
 `;
-exports.SSIBlurredContainerStyled = (0, native_1.default)(blur_1.BlurView).attrs({
-    blurType: 'light',
-    blurAmount: 3,
+exports.SSIBlurredContainerStyled = (0, native_1.default)(expo_blur_1.BlurView).attrs({
+    tint: 'light',
+    intensity: 15,
 }) `
   flex: 1;
-  background-color: rgba(255, 255, 255, 0.25);
 `;
 exports.SSIFlexDirectionRowViewStyled = native_1.default.View `
   flex-direction: row;

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

@@ -1,16 +1,15 @@
-/// <reference types="react" />
 import { LinearGradient } from 'expo-linear-gradient';
 export declare const SSILinearGradientStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", 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;
+    locations?: readonly number[] | null;
+    start?: import("expo-linear-gradient").LinearGradientPoint | null;
+    end?: import("expo-linear-gradient").LinearGradientPoint | null;
+    dither?: boolean;
 } & import("react").RefAttributes<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;
+    locations?: readonly number[] | null;
+    start?: import("expo-linear-gradient").LinearGradientPoint | null;
+    end?: import("expo-linear-gradient").LinearGradientPoint | null;
+    dither?: boolean;
 } & import("react").RefAttributes<LinearGradient>>, never>, never>>;
 export declare const SSIRoundedLinearGradient: typeof SSILinearGradientStyled;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react-native",
   "private": false,
-  "version": "0.4.1-next.154+4dc9fea",
+  "version": "0.4.1-next.179+216c7c7",
   "description": "SSI UI components for React-Native",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -28,9 +28,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@react-native-community/blur": "^4.4.1",
     "@react-native-masked-view/masked-view": "^0.3.2",
-    "@sphereon/ui-components.core": "0.4.1-next.154+4dc9fea",
+    "@sphereon/ui-components.core": "0.4.1-next.179+216c7c7",
+    "expo-blur": "^15.0.8",
     "expo-linear-gradient": "~13.0.2",
     "react-native-fast-image": "^8.6.3",
     "react-native-size-matters": "^0.4.2",
@@ -40,11 +40,11 @@
   "devDependencies": {
     "@types/react": "~18.3.18",
     "expo": "^51.0.22",
-    "typescript": "~5.3.3"
+    "typescript": "~5.8.3"
   },
   "peerDependencies": {
     "react": ">= 18.2",
     "react-native": "~0.74.3"
   },
-  "gitHead": "4dc9fea5acbcbdcca8c4a8ff9107f5af1899ba11"
+  "gitHead": "216c7c7dd49b3f1ed6048ed17f746d5b477682da"
 }