@sphereon/ui-components.ssi-react-native 0.4.1-unstable.98 → 0.5.0
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/assets/badges/SSICheckmarkBadge/index.js +17 -7
- package/dist/components/assets/badges/SSIExclamationMarkBadge/index.js +17 -7
- package/dist/components/assets/logos/SSILogo/index.js +4 -4
- package/dist/components/assets/logos/SSIPlaceholderLogo/index.js +17 -7
- package/dist/components/views/SSICredentialCardView/index.js +8 -9
- package/dist/styles/components/components/SSICredentialCardView/index.d.ts +7 -2
- package/dist/styles/components/components/SSICredentialCardView/index.js +13 -8
- package/dist/styles/components/components/SSICredentialMiniCardView/index.d.ts +7 -2
- package/dist/styles/components/components/SSICredentialMiniCardView/index.js +7 -8
- package/dist/styles/components/containers/index.d.ts +12 -34
- package/dist/styles/components/containers/index.js +9 -6
- package/dist/styles/gradients/index.d.ts +8 -9
- package/package.json +6 -6
|
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
37
|
};
|
|
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
37
|
};
|
|
@@ -4,12 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const
|
|
7
|
+
const expo_image_1 = require("expo-image");
|
|
8
8
|
const ui_components_core_1 = require("@sphereon/ui-components.core");
|
|
9
9
|
const SSIPlaceholderLogo_1 = __importDefault(require("../SSIPlaceholderLogo"));
|
|
10
10
|
const SSILogo = (props) => {
|
|
11
11
|
const { logo, color = ui_components_core_1.logoColors.default, size = 32, style } = props;
|
|
12
|
-
const source = { ...logo, priority: react_native_fast_image_1.default.priority.high };
|
|
13
12
|
let calculatedHeight = size;
|
|
14
13
|
let calculatedWidth = size;
|
|
15
14
|
if (logo?.dimensions) {
|
|
@@ -23,12 +22,13 @@ const SSILogo = (props) => {
|
|
|
23
22
|
calculatedWidth = size * aspectRatio;
|
|
24
23
|
}
|
|
25
24
|
}
|
|
26
|
-
|
|
25
|
+
const imageSource = logo ? { uri: logo.dataUri || logo.uri } : undefined;
|
|
26
|
+
return logo ? (<expo_image_1.Image style={{
|
|
27
27
|
...style,
|
|
28
28
|
height: calculatedHeight > size ? size : calculatedHeight,
|
|
29
29
|
width: calculatedWidth > size ? size : calculatedWidth,
|
|
30
30
|
maxWidth: size,
|
|
31
31
|
maxHeight: size,
|
|
32
|
-
}}
|
|
32
|
+
}} contentFit="contain" source={imageSource}/>) : (<SSIPlaceholderLogo_1.default style={style} size={size} color={color}/>);
|
|
33
33
|
};
|
|
34
34
|
exports.default = SSILogo;
|
|
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
37
|
};
|
|
@@ -35,7 +35,7 @@ const SSICredentialCardView = (props) => {
|
|
|
35
35
|
<styles_1.SSICredentialCardViewCredentialTitleTextStyled style={{ color: textColor }} numberOfLines={2}>
|
|
36
36
|
{credentialTitle}
|
|
37
37
|
</styles_1.SSICredentialCardViewCredentialTitleTextStyled>
|
|
38
|
-
{credentialSubtitle && <styles_1.SSICredentialCardViewCredentialSubtitleTextStyled style={{ color: textColor }}>{credentialSubtitle}</styles_1.SSICredentialCardViewCredentialSubtitleTextStyled>}
|
|
38
|
+
{credentialSubtitle && <styles_1.SSICredentialCardViewCredentialSubtitleTextStyled style={{ color: textColor }} numberOfLines={2}>{credentialSubtitle}</styles_1.SSICredentialCardViewCredentialSubtitleTextStyled>}
|
|
39
39
|
</styles_1.SSICredentialCardViewHeaderTitleContainerStyled>)}
|
|
40
40
|
</styles_1.SSICredentialCardViewHeaderContainerStyled>)}
|
|
41
41
|
{body && (<styles_1.SSICredentialCardViewContentMainContainerStyled>
|
|
@@ -47,16 +47,15 @@ const SSICredentialCardView = (props) => {
|
|
|
47
47
|
</styles_1.SSICredentialCardViewContentSubContainerStyled>
|
|
48
48
|
</styles_1.SSICredentialCardViewContentMainContainerStyled>)}
|
|
49
49
|
{footer && (<styles_1.SSICredentialCardViewFooterContainerStyled>
|
|
50
|
-
<styles_1.SSIBlurredContainerStyled
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
50
|
+
<styles_1.SSIBlurredContainerStyled />
|
|
51
|
+
<styles_1.SSICredentialCardViewFooterContentContainerStyled>
|
|
52
|
+
<styles_1.SSITextH5LightStyled style={{ color: textColor }}>
|
|
53
|
+
{expirationDate
|
|
54
54
|
? `${ui_components_core_1.Localization.translate('credential_card_expires_message')} ${(0, ui_components_core_1.toLocalDateString)(expirationDate)}`
|
|
55
55
|
: ui_components_core_1.Localization.translate('credential_status_never_expires_date_label')}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
</styles_1.SSIBlurredContainerStyled>
|
|
56
|
+
</styles_1.SSITextH5LightStyled>
|
|
57
|
+
{credentialStatus && (<styles_1.SSICredentialCardViewStatusContainerStyled>{credentialStatus && <SSIStatusLabel_1.default status={credentialStatus} color={textColor}/>}</styles_1.SSICredentialCardViewStatusContainerStyled>)}
|
|
58
|
+
</styles_1.SSICredentialCardViewFooterContentContainerStyled>
|
|
60
59
|
</styles_1.SSICredentialCardViewFooterContainerStyled>)}
|
|
61
60
|
</styles_1.SSIAlphaContainerStyled>
|
|
62
61
|
</styles_1.SSICredentialCardViewBackgroundImageStyled>
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
|
|
3
2
|
import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts';
|
|
4
3
|
export declare const SSICredentialCardViewContainerStyled: typeof SSIRoundedContainerStyled;
|
|
@@ -14,4 +13,10 @@ export declare const SSICredentialCardViewFooterContainerStyled: import("styled-
|
|
|
14
13
|
export declare const SSICredentialCardViewCredentialTitleTextStyled: typeof SSITextH4SemiBoldLightStyled;
|
|
15
14
|
export declare const SSICredentialCardViewCredentialSubtitleTextStyled: typeof SSITextH5LightStyled;
|
|
16
15
|
export declare const SSICredentialCardViewStatusContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
17
|
-
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import { View, ViewStyle, StyleProp } from 'react-native';
|
|
18
|
+
export declare const SSICredentialCardViewBackgroundImageStyled: React.ForwardRefExoticComponent<{
|
|
19
|
+
source?: any;
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
style?: StyleProp<ViewStyle>;
|
|
22
|
+
} & React.RefAttributes<View>>;
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
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;
|
|
7
7
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
8
|
-
const
|
|
8
|
+
const expo_image_1 = require("expo-image");
|
|
9
9
|
const containers_1 = require("../../containers");
|
|
10
10
|
const fonts_1 = require("../../../fonts");
|
|
11
11
|
exports.SSICredentialCardViewContainerStyled = (0, native_1.default)(containers_1.SSIRoundedContainerStyled) `
|
|
@@ -13,7 +13,8 @@ exports.SSICredentialCardViewContainerStyled = (0, native_1.default)(containers_
|
|
|
13
13
|
height: 186px;
|
|
14
14
|
`;
|
|
15
15
|
exports.SSICredentialCardViewHeaderContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
|
|
16
|
-
height: 32px;
|
|
16
|
+
min-height: 32px;
|
|
17
|
+
max-height: 64px;
|
|
17
18
|
margin-top: 16px;
|
|
18
19
|
`;
|
|
19
20
|
exports.SSICredentialCardViewHeaderLogoContainerStyled = native_1.default.View `
|
|
@@ -22,6 +23,7 @@ exports.SSICredentialCardViewHeaderLogoContainerStyled = native_1.default.View `
|
|
|
22
23
|
exports.SSICredentialCardViewHeaderTitleContainerStyled = native_1.default.View `
|
|
23
24
|
flex: 1;
|
|
24
25
|
margin: 0 13px 0 auto;
|
|
26
|
+
overflow: hidden;
|
|
25
27
|
`;
|
|
26
28
|
exports.SSICredentialCardViewContentMainContainerStyled = native_1.default.View `
|
|
27
29
|
flex: 1;
|
|
@@ -40,14 +42,16 @@ exports.SSICredentialCardViewContentPropertiesContainerStyled = (0, native_1.def
|
|
|
40
42
|
exports.SSICredentialCardViewFooterContentContainerStyled = (0, native_1.default)(containers_1.SSIFlexDirectionRowViewStyled) `
|
|
41
43
|
padding: 11px 12px;
|
|
42
44
|
background-color: transparent;
|
|
45
|
+
justify-content: space-between;
|
|
46
|
+
align-items: center;
|
|
43
47
|
`;
|
|
44
48
|
exports.SSICredentialCardViewFooterContainerStyled = native_1.default.View `
|
|
45
49
|
height: 39px;
|
|
46
50
|
margin-top: auto;
|
|
47
51
|
overflow: hidden;
|
|
52
|
+
position: relative;
|
|
48
53
|
`;
|
|
49
54
|
exports.SSICredentialCardViewCredentialTitleTextStyled = (0, native_1.default)(fonts_1.SSITextH4SemiBoldLightStyled) `
|
|
50
|
-
flex: 1;
|
|
51
55
|
text-align: right;
|
|
52
56
|
`;
|
|
53
57
|
exports.SSICredentialCardViewCredentialSubtitleTextStyled = (0, native_1.default)(fonts_1.SSITextH5LightStyled) `
|
|
@@ -56,8 +60,9 @@ exports.SSICredentialCardViewCredentialSubtitleTextStyled = (0, native_1.default
|
|
|
56
60
|
exports.SSICredentialCardViewStatusContainerStyled = native_1.default.View `
|
|
57
61
|
margin-left: auto;
|
|
58
62
|
`;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
})
|
|
62
|
-
|
|
63
|
-
|
|
63
|
+
const react_1 = __importDefault(require("react"));
|
|
64
|
+
const react_native_1 = require("react-native");
|
|
65
|
+
exports.SSICredentialCardViewBackgroundImageStyled = react_1.default.forwardRef(({ source, children, style, ...rest }, ref) => {
|
|
66
|
+
const imageSource = source ? { uri: source.dataUri || source.uri } : undefined;
|
|
67
|
+
return react_1.default.createElement(react_native_1.View, { ref, style: [{ flex: 1 }, style], ...rest }, imageSource ? react_1.default.createElement(expo_image_1.Image, { source: imageSource, contentFit: 'cover', style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 } }) : null, children);
|
|
68
|
+
});
|
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View, ViewStyle, StyleProp } from 'react-native';
|
|
2
3
|
export declare const SSICredentialMiniCardViewContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
3
|
-
export declare const SSICredentialMiniCardViewBackgroundImageStyled:
|
|
4
|
+
export declare const SSICredentialMiniCardViewBackgroundImageStyled: React.ForwardRefExoticComponent<{
|
|
5
|
+
source?: any;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
8
|
+
} & React.RefAttributes<View>>;
|
|
@@ -5,17 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.SSICredentialMiniCardViewBackgroundImageStyled = exports.SSICredentialMiniCardViewContainerStyled = void 0;
|
|
7
7
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
8
|
-
const
|
|
8
|
+
const expo_image_1 = require("expo-image");
|
|
9
|
+
const react_1 = __importDefault(require("react"));
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
9
11
|
exports.SSICredentialMiniCardViewContainerStyled = native_1.default.View `
|
|
10
12
|
width: 75px;
|
|
11
13
|
height: 50px;
|
|
12
14
|
border-radius: 4.6px;
|
|
13
15
|
overflow: hidden;
|
|
14
16
|
`;
|
|
15
|
-
exports.SSICredentialMiniCardViewBackgroundImageStyled =
|
|
16
|
-
|
|
17
|
-
})
|
|
18
|
-
|
|
19
|
-
align-items: center;
|
|
20
|
-
justify-content: center;
|
|
21
|
-
`;
|
|
17
|
+
exports.SSICredentialMiniCardViewBackgroundImageStyled = react_1.default.forwardRef(({ source, children, style, ...rest }, ref) => {
|
|
18
|
+
const imageSource = source ? { uri: source.dataUri || source.uri } : undefined;
|
|
19
|
+
return react_1.default.createElement(react_native_1.View, { ref, style: [{ flex: 1, alignItems: 'center', justifyContent: 'center' }, style], ...rest }, imageSource ? react_1.default.createElement(expo_image_1.Image, { source: imageSource, contentFit: 'cover', style: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 } }) : null, children);
|
|
20
|
+
});
|
|
@@ -1,37 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
import { BlurView } from 'expo-blur';
|
|
2
2
|
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").
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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>>;
|
|
3
|
+
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<{
|
|
4
|
+
tint?: import("expo-blur").BlurTint;
|
|
5
|
+
intensity?: number;
|
|
6
|
+
blurReductionFactor?: number;
|
|
7
|
+
experimentalBlurMethod?: import("expo-blur").ExperimentalBlurMethod;
|
|
8
|
+
} & import("react-native").ViewProps & import("react").RefAttributes<BlurView>, {
|
|
9
|
+
tint?: import("expo-blur").BlurTint;
|
|
10
|
+
intensity?: number;
|
|
11
|
+
blurReductionFactor?: number;
|
|
12
|
+
experimentalBlurMethod?: import("expo-blur").ExperimentalBlurMethod;
|
|
13
|
+
} & import("react-native").ViewProps & import("react").RefAttributes<BlurView>>, never>, never>>;
|
|
36
14
|
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
15
|
export declare const SSIRoundedContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
@@ -4,19 +4,22 @@ 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
|
|
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)(
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
exports.SSIBlurredContainerStyled = (0, native_1.default)(expo_blur_1.BlurView).attrs({
|
|
15
|
+
tint: 'light',
|
|
16
|
+
intensity: 15,
|
|
17
17
|
}) `
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
position: absolute;
|
|
19
|
+
top: 0;
|
|
20
|
+
left: 0;
|
|
21
|
+
right: 0;
|
|
22
|
+
bottom: 0;
|
|
20
23
|
`;
|
|
21
24
|
exports.SSIFlexDirectionRowViewStyled = native_1.default.View `
|
|
22
25
|
flex-direction: row;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { LinearGradient } from 'expo-linear-gradient';
|
|
3
2
|
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 & {
|
|
4
3
|
colors: readonly string[];
|
|
5
|
-
locations?: readonly number[] | null
|
|
6
|
-
start?: import("expo-linear-gradient").LinearGradientPoint | null
|
|
7
|
-
end?: import("expo-linear-gradient").LinearGradientPoint | null
|
|
8
|
-
dither?: boolean
|
|
4
|
+
locations?: readonly number[] | null;
|
|
5
|
+
start?: import("expo-linear-gradient").LinearGradientPoint | null;
|
|
6
|
+
end?: import("expo-linear-gradient").LinearGradientPoint | null;
|
|
7
|
+
dither?: boolean;
|
|
9
8
|
} & import("react").RefAttributes<LinearGradient>, import("react-native").ViewProps & {
|
|
10
9
|
colors: readonly string[];
|
|
11
|
-
locations?: readonly number[] | null
|
|
12
|
-
start?: import("expo-linear-gradient").LinearGradientPoint | null
|
|
13
|
-
end?: import("expo-linear-gradient").LinearGradientPoint | null
|
|
14
|
-
dither?: boolean
|
|
10
|
+
locations?: readonly number[] | null;
|
|
11
|
+
start?: import("expo-linear-gradient").LinearGradientPoint | null;
|
|
12
|
+
end?: import("expo-linear-gradient").LinearGradientPoint | null;
|
|
13
|
+
dither?: boolean;
|
|
15
14
|
} & import("react").RefAttributes<LinearGradient>>, never>, never>>;
|
|
16
15
|
export declare const SSIRoundedLinearGradient: typeof SSILinearGradientStyled;
|
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
|
+
"version": "0.5.0",
|
|
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,11 +28,11 @@
|
|
|
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.
|
|
32
|
+
"@sphereon/ui-components.core": "0.5.0",
|
|
33
|
+
"expo-blur": "^15.0.8",
|
|
34
|
+
"expo-image": "~2.0.6",
|
|
34
35
|
"expo-linear-gradient": "~13.0.2",
|
|
35
|
-
"react-native-fast-image": "^8.6.3",
|
|
36
36
|
"react-native-size-matters": "^0.4.2",
|
|
37
37
|
"react-native-svg": "15.2.0",
|
|
38
38
|
"styled-components": "^6.1.15"
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@types/react": "~18.3.18",
|
|
42
42
|
"expo": "^51.0.22",
|
|
43
|
-
"typescript": "~5.
|
|
43
|
+
"typescript": "~5.8.3"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": ">= 18.2",
|
|
47
47
|
"react-native": "~0.74.3"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "b8da30f97e814cf7b8bf0ae6cd1917683f9715e6"
|
|
50
50
|
}
|