@sphereon/ui-components.ssi-react-native 0.4.1-unstable.157 → 0.4.1-unstable.160

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 (4) hide show
  1. package/dist/styles/components/components/SSICredentialCardView/index.js +2 -0
  2. package/dist/styles/components/containers/index.d.ts +12 -33
  3. package/dist/styles/components/containers/index.js +4 -5
  4. package/package.json +4 -4
package/dist/styles/components/components/SSICredentialCardView/index.js CHANGED
@@ -40,6 +40,8 @@ exports.SSICredentialCardViewContentPropertiesContainerStyled = (0, native_1.def
40
40
  exports.SSICredentialCardViewFooterContentContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
41
41
  padding: 11px 12px;
42
42
  background-color: transparent;
43
+ justify-content: space-between;
44
+ align-items: center;
43
45
  `;
44
46
  exports.SSICredentialCardViewFooterContainerStyled = native_1.default.View `
45
47
  height: 39px;
package/dist/styles/components/containers/index.d.ts CHANGED
@@ -1,37 +1,16 @@
1
1
  /// <reference types="react" />
2
+ import { BlurView } from 'expo-blur';
2
3
  export declare const SSIAlphaContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
3
- 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 & {
4
- blurType?: ("dark" | "light" | "regular" | "xlight" | "prominent" | "extraDark" | "chromeMaterial" | "material" | "thickMaterial" | "thinMaterial" | "ultraThinMaterial" | "chromeMaterialDark" | "materialDark" | "thickMaterialDark" | "thinMaterialDark" | "ultraThinMaterialDark" | "chromeMaterialLight" | "materialLight" | "thickMaterialLight" | "thinMaterialLight" | "ultraThinMaterialLight") | undefined;
5
- blurAmount?: number | undefined;
6
- reducedTransparencyFallbackColor?: string | undefined;
7
- } & import("react").RefAttributes<import("react-native").View>, "ref"> & {
8
- ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
9
- }) | (Omit<import("react-native").ViewProps & {
10
- blurAmount?: number | undefined;
11
- blurType?: "dark" | "light" | "xlight" | undefined;
12
- blurRadius?: number | undefined;
13
- downsampleFactor?: number | undefined;
14
- overlayColor?: string | undefined;
15
- enabled?: boolean | undefined;
16
- autoUpdate?: boolean | undefined;
17
- } & import("react").RefAttributes<import("react-native").View>, "ref"> & {
18
- ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
19
- }), (Omit<import("react-native").ViewProps & {
20
- blurType?: ("dark" | "light" | "regular" | "xlight" | "prominent" | "extraDark" | "chromeMaterial" | "material" | "thickMaterial" | "thinMaterial" | "ultraThinMaterial" | "chromeMaterialDark" | "materialDark" | "thickMaterialDark" | "thinMaterialDark" | "ultraThinMaterialDark" | "chromeMaterialLight" | "materialLight" | "thickMaterialLight" | "thinMaterialLight" | "ultraThinMaterialLight") | undefined;
21
- blurAmount?: number | undefined;
22
- reducedTransparencyFallbackColor?: string | undefined;
23
- } & import("react").RefAttributes<import("react-native").View>, "ref"> & {
24
- ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
25
- }) | (Omit<import("react-native").ViewProps & {
26
- blurAmount?: number | undefined;
27
- blurType?: "dark" | "light" | "xlight" | undefined;
28
- blurRadius?: number | undefined;
29
- downsampleFactor?: number | undefined;
30
- overlayColor?: string | undefined;
31
- enabled?: boolean | undefined;
32
- autoUpdate?: boolean | undefined;
33
- } & import("react").RefAttributes<import("react-native").View>, "ref"> & {
34
- ref?: ((instance: import("react-native").View | null) => void) | import("react").RefObject<import("react-native").View> | null | undefined;
35
- })>, import("styled-components/native/dist/types").BaseObject>, import("styled-components/native/dist/types").BaseObject>>;
4
+ 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<{
5
+ tint?: import("expo-blur").BlurTint | undefined;
6
+ intensity?: number | undefined;
7
+ blurReductionFactor?: number | undefined;
8
+ experimentalBlurMethod?: import("expo-blur").ExperimentalBlurMethod | undefined;
9
+ } & import("react-native").ViewProps & import("react").RefAttributes<BlurView>, {
10
+ tint?: import("expo-blur").BlurTint | undefined;
11
+ intensity?: number | undefined;
12
+ blurReductionFactor?: number | undefined;
13
+ experimentalBlurMethod?: import("expo-blur").ExperimentalBlurMethod | undefined;
14
+ } & import("react-native").ViewProps & import("react").RefAttributes<BlurView>>, never>, never>>;
36
15
  export declare const SSIFlexDirectionRowViewStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
37
16
  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 CHANGED
@@ -4,19 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.SSIRoundedContainerStyled = exports.SSIFlexDirectionRowViewStyled = exports.SSIBlurredContainerStyled = exports.SSIAlphaContainerStyled = void 0;
7
- const blur_1 = require("@react-native-community/blur");
7
+ const expo_blur_1 = require("expo-blur");
8
8
  const native_1 = __importDefault(require("styled-components/native"));
9
9
  const ui_components_core_1 = require("@sphereon/ui-components.core");
10
10
  exports.SSIAlphaContainerStyled = native_1.default.View `
11
11
  flex: 1;
12
12
  background-color: rgba(0, 0, 0, 0.2);
13
13
  `;
14
- exports.SSIBlurredContainerStyled = (0, native_1.default)(blur_1.BlurView).attrs({
15
- blurType: 'light',
16
- blurAmount: 3,
14
+ exports.SSIBlurredContainerStyled = (0, native_1.default)(expo_blur_1.BlurView).attrs({
15
+ tint: 'light',
16
+ intensity: 15,
17
17
  }) `
18
18
  flex: 1;
19
- background-color: rgba(255, 255, 255, 0.25);
20
19
  `;
21
20
  exports.SSIFlexDirectionRowViewStyled = native_1.default.View `
22
21
  flex-direction: row;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sphereon/ui-components.ssi-react-native",
3
3
  "private": false,
4
- "version": "0.4.1-unstable.157+5a78f4b",
4
+ "version": "0.4.1-unstable.160+9a3bad1",
5
5
  "description": "SSI UI components for React-Native",
6
6
  "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
7
7
  "author": "Sphereon <dev@sphereon.com>",
@@ -28,9 +28,9 @@
28
28
  "access": "public"
29
29
  },
30
30
  "dependencies": {
31
- "@react-native-community/blur": "^4.4.1",
32
31
  "@react-native-masked-view/masked-view": "^0.3.2",
33
- "@sphereon/ui-components.core": "0.4.1-unstable.157+5a78f4b",
32
+ "@sphereon/ui-components.core": "0.4.1-unstable.160+9a3bad1",
33
+ "expo-blur": "^15.0.8",
34
34
  "expo-linear-gradient": "~13.0.2",
35
35
  "react-native-fast-image": "^8.6.3",
36
36
  "react-native-size-matters": "^0.4.2",
@@ -46,5 +46,5 @@
46
46
  "react": ">= 18.2",
47
47
  "react-native": "~0.74.3"
48
48
  },
49
- "gitHead": "5a78f4b294e94642ee2b642de1ccf268663feb7b"
49
+ "gitHead": "9a3bad1ec0bc88f6102cdbb039cd4a20441144fd"
50
50
  }