@sphereon/ui-components.ssi-react-native 0.4.1-unstable.6 → 0.4.1-unstable.61
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 +1 -1
- package/dist/components/assets/badges/SSIExclamationMarkBadge/index.js +1 -1
- package/dist/components/assets/logos/SSIPlaceholderLogo/index.js +7 -6
- package/dist/styles/components/buttons/index.d.ts +4 -2
- package/dist/styles/components/components/SSICredentialCardView/index.d.ts +17 -14
- package/dist/styles/components/components/SSICredentialMiniCardView/index.d.ts +3 -2
- package/dist/styles/components/components/SSIStatusLabel/index.d.ts +5 -3
- package/dist/styles/components/components/SecondaryButton/index.d.ts +5 -3
- package/dist/styles/components/containers/index.d.ts +37 -4
- package/dist/styles/fonts/index.d.ts +23 -23
- package/dist/styles/gradients/index.d.ts +16 -2
- package/package.json +3 -3
|
@@ -35,7 +35,7 @@ const SSICheckmarkBadge = (props) => {
|
|
|
35
35
|
return (<react_native_1.View style={{ width: size, aspectRatio: 1 }}>
|
|
36
36
|
<react_native_svg_1.default width="100%" height="100%" viewBox="0 0 15 15" fill="none">
|
|
37
37
|
<react_native_svg_1.Circle cx="7.5" cy="7.5" r="7.5" fill={backgroundColor}/>
|
|
38
|
-
<react_native_svg_1.Path d="M5.91233 11.0361H5.9092C5.84998 11.0357 5.79144 11.0236 5.73697 11.0005C5.6825 10.9774 5.63319 10.9437 5.59192 10.9015L3.13412 8.38546C3.09155 8.34399 3.05776 8.29447 3.03473 8.23981C3.0117 8.18516 2.99989 8.12647 3 8.06722C3.00011 8.00796 3.01214 7.94932 3.03538 7.89475C3.05862 7.84018 3.09259 7.79079 3.13531 7.74947C3.17803 7.70815 3.22863 7.67575 3.28412 7.65417C3.33962 7.63259 3.3989 7.62226 3.45847 7.6238C3.51804 7.62534 3.5767 7.63871 3.63099 7.66312C3.68529 7.68754 3.73413 7.72251 3.77463 7.76597L5.91665 9.95833L10.9927 4.91088C11.077 4.82993 11.1898 4.78514 11.307 4.78615C11.4242 4.78716 11.5363 4.8339 11.6191 4.91629C11.702 4.99869 11.749 5.11015 11.75 5.22667C11.751 5.34319 11.706 5.45544 11.6246 5.53926L6.22827 10.9059C6.14448 10.9893 6.03084 11.0361 5.91233 11.0361Z" fill={color}/>
|
|
38
|
+
<react_native_svg_1.Path d="M5.91233 11.0361H5.9092C5.84998 11.0357 5.79144 11.0236 5.73697 11.0005C5.6825 10.9774 5.63319 10.9437 5.59192 10.9015L3.13412 8.38546C3.09155 8.34399 3.05776 8.29447 3.03473 8.23981C3.0117 8.18516 2.99989 8.12647 3 8.06722C3.00011 8.00796 3.01214 7.94932 3.03538 7.89475C3.05862 7.84018 3.09259 7.79079 3.13531 7.74947C3.17803 7.70815 3.22863 7.67575 3.28412 7.65417C3.33962 7.63259 3.3989 7.62226 3.45847 7.6238C3.51804 7.62534 3.5767 7.63871 3.63099 7.66312C3.68529 7.68754 3.73413 7.72251 3.77463 7.76597L5.91665 9.95833L10.9927 4.91088C11.077 4.82993 11.1898 4.78514 11.307 4.78615C11.4242 4.78716 11.5363 4.8339 11.6191 4.91629C11.702 4.99869 11.749 5.11015 11.75 5.22667C11.751 5.34319 11.706 5.45544 11.6246 5.53926L6.22827 10.9059C6.14448 10.9893 6.03084 11.0361 5.91233 11.0361Z" fill={(0, ui_components_core_1.parseColor)(color)}/>
|
|
39
39
|
</react_native_svg_1.default>
|
|
40
40
|
</react_native_1.View>);
|
|
41
41
|
};
|
|
@@ -35,7 +35,7 @@ const SSIExclamationMarkBadge = (props) => {
|
|
|
35
35
|
return (<react_native_1.View style={{ width: size, aspectRatio: 1 }}>
|
|
36
36
|
<react_native_svg_1.default width="100%" height="100%" viewBox="0 0 15 15" fill="none">
|
|
37
37
|
<react_native_svg_1.Circle cx="7.5" cy="7.5" r="7.5" fill={backgroundColor}/>
|
|
38
|
-
<react_native_svg_1.Path fill-rule="evenodd" clip-rule="evenodd" d="M6.78571 3.48218C6.78571 3.33429 6.94559 3.21429 7.14279 3.21429H7.8572C8.05439 3.21429 8.21428 3.33429 8.21428 3.48218V9.37504C8.21428 9.52293 8.05439 9.64283 7.8572 9.64283H7.14279C6.94559 9.64283 6.78571 9.52292 6.78571 9.37504V3.48218ZM6.78571 10.9822C6.78571 10.8342 6.94559 10.7143 7.14279 10.7143H7.8572C8.05439 10.7143 8.21428 10.8342 8.21428 10.9822V11.5178C8.21428 11.6657 8.05439 11.7857 7.8572 11.7857H7.14279C6.94559 11.7857 6.78571 11.6657 6.78571 11.5178V10.9822Z" fill={color}/>
|
|
38
|
+
<react_native_svg_1.Path fill-rule="evenodd" clip-rule="evenodd" d="M6.78571 3.48218C6.78571 3.33429 6.94559 3.21429 7.14279 3.21429H7.8572C8.05439 3.21429 8.21428 3.33429 8.21428 3.48218V9.37504C8.21428 9.52293 8.05439 9.64283 7.8572 9.64283H7.14279C6.94559 9.64283 6.78571 9.52292 6.78571 9.37504V3.48218ZM6.78571 10.9822C6.78571 10.8342 6.94559 10.7143 7.14279 10.7143H7.8572C8.05439 10.7143 8.21428 10.8342 8.21428 10.9822V11.5178C8.21428 11.6657 8.05439 11.7857 7.8572 11.7857H7.14279C6.94559 11.7857 6.78571 11.6657 6.78571 11.5178V10.9822Z" fill={(0, ui_components_core_1.parseColor)(color)}/>
|
|
39
39
|
</react_native_svg_1.default>
|
|
40
40
|
</react_native_1.View>);
|
|
41
41
|
};
|
|
@@ -32,14 +32,15 @@ const react_native_svg_1 = __importStar(require("react-native-svg"));
|
|
|
32
32
|
const ui_components_core_1 = require("@sphereon/ui-components.core");
|
|
33
33
|
const SSIPlaceholderLogo = (props) => {
|
|
34
34
|
const { color = ui_components_core_1.logoColors.default, size = 32, style } = props;
|
|
35
|
+
const parsedColor = (0, ui_components_core_1.parseColor)(color);
|
|
35
36
|
return (<react_native_1.View style={[style, { width: size, height: size }]}>
|
|
36
37
|
<react_native_svg_1.default width="100%" height="100%" viewBox="0 0 32 32" fill="none">
|
|
37
|
-
<react_native_svg_1.Path d="M15.9997 31.9999C11.7563 31.9999 7.68645 30.3141 4.68603 27.3136C1.68548 24.313 0 20.2435 0 15.9999C0 11.7563 1.68548 7.68669 4.68603 4.68627C7.68657 1.68572 11.7561 0 15.9997 0C20.2433 0 24.3129 1.68572 27.3133 4.68627C30.3139 7.68657 31.9994 11.7563 31.9994 15.9999C31.9947 20.2419 30.3075 24.3089 27.3079 27.3082C24.3083 30.3077 20.2415 31.9949 15.9997 31.9999ZM15.9997 0.914927V0.914691C11.9987 0.914691 8.16186 2.50412 5.33238 5.33317C2.50339 8.1624 0.9139 11.9997 0.9139 16.0005C0.9139 20.0015 2.50333 23.8383 5.33238 26.6678C8.16137 29.4968 11.9983 31.0863 15.9997 31.0863C20.0011 31.0863 23.8375 29.4968 26.667 26.6678C29.496 23.8388 31.0855 20.0018 31.0855 16.0005C31.081 12.0009 29.4901 8.16627 26.662 5.33861C23.834 2.51059 19.9997 0.919705 16.0002 0.915174L15.9997 0.914927Z" fill={
|
|
38
|
-
<react_native_svg_1.Path d="M30.1659 10.0545C30.0927 10.0545 30.0205 10.0368 29.9556 10.0028C26.3647 8.13584 21.2781 7.06476 15.9997 7.06476C10.7214 7.06476 5.63448 8.13578 2.04387 10.0028C1.93604 10.0625 1.80862 10.0762 1.6904 10.0405C1.57241 10.0049 1.47355 9.92327 1.41668 9.81378C1.35981 9.70429 1.34966 9.5764 1.38836 9.45936C1.42706 9.34232 1.51154 9.24581 1.62244 9.19177C5.39433 7.23065 10.4993 6.15039 16 6.15039C21.5006 6.15039 26.6056 7.23065 30.3775 9.19177C30.5643 9.28899 30.6604 9.50136 30.6104 9.70594C30.5603 9.91052 30.377 10.0545 30.1663 10.0545L30.1659 10.0545Z" fill={
|
|
39
|
-
<react_native_svg_1.Path d="M15.9996 25.848C10.4929 25.848 5.38486 24.7664 1.61726 22.8022C1.39333 22.6856 1.30626 22.4095 1.42282 22.1856C1.53963 21.9617 1.8157 21.8746 2.03964 21.9912C5.62728 23.8614 10.7147 24.9339 15.9997 24.9339C21.2848 24.9339 26.3722 23.8614 29.9598 21.9914V21.9912C30.1838 21.8746 30.4598 21.9617 30.5766 22.1856C30.6932 22.4096 30.6061 22.6856 30.3822 22.8022C26.6146 24.7666 21.5066 25.8481 15.9999 25.8481L15.9996 25.848Z" fill={
|
|
40
|
-
<react_native_svg_1.Path d="M15.9995 32.0001C11.3852 32.0001 7.77148 24.9717 7.77148 16.0007C7.77148 7.02959 11.3855 0.0012207 15.9995 0.0012207C20.6136 0.0012207 24.2276 7.02899 24.2276 16.0007C24.2276 24.9723 20.6136 32.0001 15.9995 32.0001ZM15.9995 0.915181C11.9666 0.915181 8.68545 7.68078 8.68545 16.0007C8.68545 24.3205 11.9668 31.0861 15.9995 31.0861C20.0323 31.0861 23.3136 24.3205 23.3136 16.0007C23.3136 7.68078 20.0323 0.915181 15.9995 0.915181Z" fill={
|
|
41
|
-
<react_native_svg_1.Path d="M16 31.9998C15.7476 31.9998 15.543 31.795 15.543 31.5425V0.457553C15.543 0.205069 15.7476 0.000488281 16 0.000488281C16.2525 0.000488281 16.4571 0.205069 16.4571 0.457553V31.5425C16.4571 31.6638 16.409 31.7801 16.3233 31.8658C16.2377 31.9514 16.1213 31.9998 16 31.9998V31.9998Z" fill={
|
|
42
|
-
<react_native_svg_1.Path d="M31.542 16.4571H0.457065C0.204581 16.4571 0 16.2525 0 16C0 15.7476 0.204581 15.543 0.457065 15.543H31.542C31.7945 15.543 31.9991 15.7476 31.9991 16C31.9991 16.2525 31.7945 16.4571 31.542 16.4571Z" fill={
|
|
38
|
+
<react_native_svg_1.Path d="M15.9997 31.9999C11.7563 31.9999 7.68645 30.3141 4.68603 27.3136C1.68548 24.313 0 20.2435 0 15.9999C0 11.7563 1.68548 7.68669 4.68603 4.68627C7.68657 1.68572 11.7561 0 15.9997 0C20.2433 0 24.3129 1.68572 27.3133 4.68627C30.3139 7.68657 31.9994 11.7563 31.9994 15.9999C31.9947 20.2419 30.3075 24.3089 27.3079 27.3082C24.3083 30.3077 20.2415 31.9949 15.9997 31.9999ZM15.9997 0.914927V0.914691C11.9987 0.914691 8.16186 2.50412 5.33238 5.33317C2.50339 8.1624 0.9139 11.9997 0.9139 16.0005C0.9139 20.0015 2.50333 23.8383 5.33238 26.6678C8.16137 29.4968 11.9983 31.0863 15.9997 31.0863C20.0011 31.0863 23.8375 29.4968 26.667 26.6678C29.496 23.8388 31.0855 20.0018 31.0855 16.0005C31.081 12.0009 29.4901 8.16627 26.662 5.33861C23.834 2.51059 19.9997 0.919705 16.0002 0.915174L15.9997 0.914927Z" fill={parsedColor}/>
|
|
39
|
+
<react_native_svg_1.Path d="M30.1659 10.0545C30.0927 10.0545 30.0205 10.0368 29.9556 10.0028C26.3647 8.13584 21.2781 7.06476 15.9997 7.06476C10.7214 7.06476 5.63448 8.13578 2.04387 10.0028C1.93604 10.0625 1.80862 10.0762 1.6904 10.0405C1.57241 10.0049 1.47355 9.92327 1.41668 9.81378C1.35981 9.70429 1.34966 9.5764 1.38836 9.45936C1.42706 9.34232 1.51154 9.24581 1.62244 9.19177C5.39433 7.23065 10.4993 6.15039 16 6.15039C21.5006 6.15039 26.6056 7.23065 30.3775 9.19177C30.5643 9.28899 30.6604 9.50136 30.6104 9.70594C30.5603 9.91052 30.377 10.0545 30.1663 10.0545L30.1659 10.0545Z" fill={parsedColor}/>
|
|
40
|
+
<react_native_svg_1.Path d="M15.9996 25.848C10.4929 25.848 5.38486 24.7664 1.61726 22.8022C1.39333 22.6856 1.30626 22.4095 1.42282 22.1856C1.53963 21.9617 1.8157 21.8746 2.03964 21.9912C5.62728 23.8614 10.7147 24.9339 15.9997 24.9339C21.2848 24.9339 26.3722 23.8614 29.9598 21.9914V21.9912C30.1838 21.8746 30.4598 21.9617 30.5766 22.1856C30.6932 22.4096 30.6061 22.6856 30.3822 22.8022C26.6146 24.7666 21.5066 25.8481 15.9999 25.8481L15.9996 25.848Z" fill={parsedColor}/>
|
|
41
|
+
<react_native_svg_1.Path d="M15.9995 32.0001C11.3852 32.0001 7.77148 24.9717 7.77148 16.0007C7.77148 7.02959 11.3855 0.0012207 15.9995 0.0012207C20.6136 0.0012207 24.2276 7.02899 24.2276 16.0007C24.2276 24.9723 20.6136 32.0001 15.9995 32.0001ZM15.9995 0.915181C11.9666 0.915181 8.68545 7.68078 8.68545 16.0007C8.68545 24.3205 11.9668 31.0861 15.9995 31.0861C20.0323 31.0861 23.3136 24.3205 23.3136 16.0007C23.3136 7.68078 20.0323 0.915181 15.9995 0.915181Z" fill={parsedColor}/>
|
|
42
|
+
<react_native_svg_1.Path d="M16 31.9998C15.7476 31.9998 15.543 31.795 15.543 31.5425V0.457553C15.543 0.205069 15.7476 0.000488281 16 0.000488281C16.2525 0.000488281 16.4571 0.205069 16.4571 0.457553V31.5425C16.4571 31.6638 16.409 31.7801 16.3233 31.8658C16.2377 31.9514 16.1213 31.9998 16 31.9998V31.9998Z" fill={parsedColor}/>
|
|
43
|
+
<react_native_svg_1.Path d="M31.542 16.4571H0.457065C0.204581 16.4571 0 16.2525 0 16C0 15.7476 0.204581 15.543 0.457065 15.543H31.542C31.7945 15.543 31.9991 15.7476 31.9991 16C31.9991 16.2525 31.7945 16.4571 31.542 16.4571Z" fill={parsedColor}/>
|
|
43
44
|
</react_native_svg_1.default>
|
|
44
45
|
</react_native_1.View>);
|
|
45
46
|
};
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { TouchableOpacity } from 'react-native';
|
|
2
|
+
import { SSIRoundedLinearGradient } from '../../gradients';
|
|
3
|
+
export declare const SSITouchableOpacityButtonFlexRowStyled: typeof TouchableOpacity;
|
|
4
|
+
export declare const SSIRoundedCenteredLinearGradientStyled: typeof SSIRoundedLinearGradient;
|
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export declare const
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
export declare const
|
|
14
|
-
export declare const
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SSIFlexDirectionRowViewStyled, SSIRoundedContainerStyled } from '../../containers';
|
|
3
|
+
import { SSITextH4SemiBoldLightStyled, SSITextH5LightStyled } from '../../../fonts';
|
|
4
|
+
export declare const SSICredentialCardViewContainerStyled: typeof SSIRoundedContainerStyled;
|
|
5
|
+
export declare const SSICredentialCardViewHeaderContainerStyled: typeof SSIFlexDirectionRowViewStyled;
|
|
6
|
+
export declare const SSICredentialCardViewHeaderLogoContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
7
|
+
export declare const SSICredentialCardViewHeaderTitleContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
8
|
+
export declare const SSICredentialCardViewContentMainContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
9
|
+
export declare const SSICredentialCardViewContentSubContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
10
|
+
export declare const SSICredentialCardViewContentIssueNameContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
11
|
+
export declare const SSICredentialCardViewContentPropertiesContainerStyled: typeof SSIFlexDirectionRowViewStyled;
|
|
12
|
+
export declare const SSICredentialCardViewFooterContentContainerStyled: typeof SSIFlexDirectionRowViewStyled;
|
|
13
|
+
export declare const SSICredentialCardViewFooterContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
14
|
+
export declare const SSICredentialCardViewCredentialTitleTextStyled: typeof SSITextH4SemiBoldLightStyled;
|
|
15
|
+
export declare const SSICredentialCardViewCredentialSubtitleTextStyled: typeof SSITextH5LightStyled;
|
|
16
|
+
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
|
+
export declare const SSICredentialCardViewBackgroundImageStyled: 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>>;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
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: 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>>;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export declare const
|
|
1
|
+
import { SSIFlexDirectionRowViewStyled } from '../../containers';
|
|
2
|
+
import { SSITextH5LightStyled } from '../../../fonts';
|
|
3
|
+
export declare const SSIStatusLabelContainerStyled: typeof SSIFlexDirectionRowViewStyled;
|
|
4
|
+
export declare const SSIStatusLabelStatusCaptionStyled: typeof SSITextH5LightStyled;
|
|
5
|
+
export declare const SSIStatusLabelBadgeContainer: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export declare const
|
|
1
|
+
import MaskedView from '@react-native-masked-view/masked-view';
|
|
2
|
+
import { SSILinearGradientStyled } from '../../../gradients';
|
|
3
|
+
export declare const SecondaryButtonMaskContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
4
|
+
export declare const SecondaryButtonLinearGradientStyled: typeof SSILinearGradientStyled;
|
|
5
|
+
export declare const SecondaryButtonMaskedViewStyled: typeof MaskedView;
|
|
@@ -1,4 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
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").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>>;
|
|
36
|
+
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
|
+
export declare const SSIRoundedContainerStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").ViewProps, never>>;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
export declare const SSITextH1SemiBoldStyled:
|
|
2
|
-
export declare const SSITextH1SemiBoldLightStyled:
|
|
3
|
-
export declare const SSITextH2Styled:
|
|
4
|
-
export declare const SSITextH2LightStyled:
|
|
5
|
-
export declare const SSITextH2SemiBoldStyled:
|
|
6
|
-
export declare const SSITextH2SemiBoldLightStyled:
|
|
7
|
-
export declare const SSITextH2SecondaryButtonStyled:
|
|
8
|
-
export declare const SSITextH3Styled:
|
|
9
|
-
export declare const SSITextH3LightStyled:
|
|
10
|
-
export declare const SSITextH3SemiBoldStyled:
|
|
11
|
-
export declare const SSITextH4Styled:
|
|
12
|
-
export declare const SSITextH4SemiBoldStyled:
|
|
13
|
-
export declare const SSITextH4LightStyled:
|
|
14
|
-
export declare const SSITextH4SemiBoldLightStyled:
|
|
15
|
-
export declare const SSITextH5Styled:
|
|
16
|
-
export declare const SSITextH5LightStyled:
|
|
17
|
-
export declare const SSITextH6Styled:
|
|
18
|
-
export declare const SSITextH6LightStyled:
|
|
19
|
-
export declare const Text64Styled:
|
|
20
|
-
export declare const SSITextH7Styled:
|
|
21
|
-
export declare const SSITextH7LightStyled:
|
|
22
|
-
export declare const SSITextH7SemiBoldStyled:
|
|
23
|
-
export declare const SSITextH7SemiBoldLightStyled:
|
|
1
|
+
export declare const SSITextH1SemiBoldStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
2
|
+
export declare const SSITextH1SemiBoldLightStyled: typeof SSITextH1SemiBoldStyled;
|
|
3
|
+
export declare const SSITextH2Styled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
4
|
+
export declare const SSITextH2LightStyled: typeof SSITextH2Styled;
|
|
5
|
+
export declare const SSITextH2SemiBoldStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
6
|
+
export declare const SSITextH2SemiBoldLightStyled: typeof SSITextH2SemiBoldStyled;
|
|
7
|
+
export declare const SSITextH2SecondaryButtonStyled: typeof SSITextH2Styled;
|
|
8
|
+
export declare const SSITextH3Styled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
9
|
+
export declare const SSITextH3LightStyled: typeof SSITextH3Styled;
|
|
10
|
+
export declare const SSITextH3SemiBoldStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
11
|
+
export declare const SSITextH4Styled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
12
|
+
export declare const SSITextH4SemiBoldStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
13
|
+
export declare const SSITextH4LightStyled: typeof SSITextH4Styled;
|
|
14
|
+
export declare const SSITextH4SemiBoldLightStyled: typeof SSITextH4SemiBoldStyled;
|
|
15
|
+
export declare const SSITextH5Styled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
16
|
+
export declare const SSITextH5LightStyled: typeof SSITextH5Styled;
|
|
17
|
+
export declare const SSITextH6Styled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
18
|
+
export declare const SSITextH6LightStyled: typeof SSITextH6Styled;
|
|
19
|
+
export declare const Text64Styled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
20
|
+
export declare const SSITextH7Styled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
21
|
+
export declare const SSITextH7LightStyled: typeof SSITextH7Styled;
|
|
22
|
+
export declare const SSITextH7SemiBoldStyled: import("styled-components/native/dist/types").IStyledComponentBase<"native", import("styled-components/native/dist/types").FastOmit<import("react-native").TextProps, never>>;
|
|
23
|
+
export declare const SSITextH7SemiBoldLightStyled: typeof SSITextH7SemiBoldStyled;
|
|
@@ -1,2 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LinearGradient } from 'expo-linear-gradient';
|
|
3
|
+
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
|
+
colors: readonly string[];
|
|
5
|
+
locations?: readonly number[] | null | undefined;
|
|
6
|
+
start?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
|
|
7
|
+
end?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
|
|
8
|
+
dither?: boolean | undefined;
|
|
9
|
+
} & import("react").RefAttributes<LinearGradient>, import("react-native").ViewProps & {
|
|
10
|
+
colors: readonly string[];
|
|
11
|
+
locations?: readonly number[] | null | undefined;
|
|
12
|
+
start?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
|
|
13
|
+
end?: import("expo-linear-gradient").LinearGradientPoint | null | undefined;
|
|
14
|
+
dither?: boolean | undefined;
|
|
15
|
+
} & import("react").RefAttributes<LinearGradient>>, never>, never>>;
|
|
16
|
+
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.1-unstable.
|
|
4
|
+
"version": "0.4.1-unstable.61+468b647",
|
|
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>",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@react-native-community/blur": "^4.4.1",
|
|
32
32
|
"@react-native-masked-view/masked-view": "^0.3.2",
|
|
33
|
-
"@sphereon/ui-components.core": "0.4.1-unstable.
|
|
33
|
+
"@sphereon/ui-components.core": "0.4.1-unstable.61+468b647",
|
|
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": "
|
|
49
|
+
"gitHead": "468b6472102069b550cb776fbdf4f1b666ba7fd6"
|
|
50
50
|
}
|