@sphereon/ui-components.ssi-react-native 0.2.1-unstable.8 → 0.2.1-unstable.86

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

@@ -1,14 +0,0 @@
-import styled from 'styled-components/native';
-import { SSILinearGradientStyled } from '../../../gradients';
-export const SecondaryButtonMaskContainerStyled = styled.View `
-  background-color: transparent;
-  flex: 1;
-  border-width: 1px;
-  border-radius: 8px;
-  align-items: center;
-  justify-content: center;
-`;
-export const SecondaryButtonLinearGradientStyled = styled(SSILinearGradientStyled) `
-  align-items: center;
-  justify-content: center;
-`;

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

@@ -1,4 +0,0 @@
-export * from './SSICredentialCardView';
-export * from './SSICredentialMiniCardView';
-export * from './SSIStatusLabel';
-export * from './SecondaryButton';

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

@@ -1,4 +0,0 @@
-export * from './SSICredentialCardView';
-export * from './SSICredentialMiniCardView';
-export * from './SSIStatusLabel';
-export * from './SecondaryButton';

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

@@ -1,9 +0,0 @@
-/// <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>;

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

@@ -1,21 +0,0 @@
-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 `
-  flex: 1;
-  background-color: rgba(0, 0, 0, 0.2);
-`;
-export const SSIBlurredContainerStyled = styled(BlurView).attrs({
-    blurType: 'light',
-    blurAmount: 3,
-}) `
-  flex: 1;
-  background-color: rgba(255, 255, 255, 0.25);
-`;
-export const SSIFlexDirectionRowViewStyled = styled.View `
-  flex-direction: row;
-`;
-export const SSIRoundedContainerStyled = styled.View `
-  ${SSIRoundedEdgesCss};
-  overflow: hidden;
-`;

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

@@ -1,3 +0,0 @@
-export * from './containers';
-export * from './components';
-export * from './buttons';

package/dist/styles/components/index.js

@@ -1,3 +0,0 @@
-export * from './containers';
-export * from './components';
-export * from './buttons';

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

@@ -1,13 +0,0 @@
-/// <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>;

package/dist/styles/fonts/index.js

@@ -1,63 +0,0 @@
-import styled from 'styled-components/native';
-import { fontColors } from '@sphereon/ui-components.core';
-import { fontStyle } from '../typography';
-export const SSITextH2Styled = styled.Text `
-  font-family: ${fontStyle.h2Regular.fontFamily};
-  font-size: ${fontStyle.h2Regular.fontSize}px;
-  font-weight: ${fontStyle.h2Regular.fontWeight};
-  line-height: ${fontStyle.h2Regular.lineHeight}px;
-  height: auto;
-`;
-export const SSITextH2LightStyled = styled(SSITextH2Styled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH2SecondaryButtonStyled = styled(SSITextH2Styled) `
-  color: ${fontColors.secondaryButton};
-`;
-export const SSITextH4Styled = styled.Text `
-  font-family: ${fontStyle.h4Regular.fontFamily};
-  font-size: ${fontStyle.h4Regular.fontSize}px;
-  font-weight: ${fontStyle.h4Regular.fontWeight};
-  line-height: ${fontStyle.h4Regular.lineHeight}px;
-  height: auto;
-`;
-export const SSITextH4SemiBoldStyled = styled.Text `
-  font-family: ${fontStyle.h4SemiBold.fontFamily};
-  font-size: ${fontStyle.h4SemiBold.fontSize}px;
-  font-weight: ${fontStyle.h4SemiBold.fontWeight};
-  line-height: ${fontStyle.h4SemiBold.lineHeight}px;
-  height: auto;
-`;
-export const SSITextH4LightStyled = styled(SSITextH4Styled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH4SemiBoldLightStyled = styled(SSITextH4SemiBoldStyled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH5Styled = styled.Text `
-  font-family: ${fontStyle.h5Regular.fontFamily};
-  font-size: ${fontStyle.h5Regular.fontSize}px;
-  font-weight: ${fontStyle.h5Regular.fontWeight};
-  line-height: ${fontStyle.h5Regular.lineHeight}px;
-  height: auto;
-`;
-export const SSITextH5LightStyled = styled(SSITextH5Styled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH6Styled = styled.Text `
-  font-family: ${fontStyle.h6.fontFamily};
-  font-size: ${fontStyle.h6.fontSize}px;
-  font-weight: ${fontStyle.h6.fontWeight};
-  line-height: ${fontStyle.h6.lineHeight}px;
-  height: auto;
-`;
-export const SSITextH6LightStyled = styled(SSITextH6Styled) `
-  color: ${fontColors.light};
-`;
-export const Text64Styled = styled.Text `
-  font-family: ${fontStyle.Regular64.fontFamily};
-  font-size: ${fontStyle.Regular64.fontSize}px;
-  font-weight: ${fontStyle.Regular64.fontWeight};
-  line-height: ${fontStyle.Regular64.lineHeight}px;
-  height: auto;
-`;

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

@@ -1,23 +0,0 @@
-import { LinearGradient } from 'expo-linear-gradient';
-export declare const SSILinearGradientStyled: import("styled-components").StyledComponent<typeof LinearGradient, any, {
-    colors: string[];
-    start: {
-        x: number;
-        y: number;
-    };
-    end: {
-        x: number;
-        y: number;
-    };
-}, "end" | "start" | "colors">;
-export declare const SSIRoundedLinearGradient: import("styled-components").StyledComponent<typeof LinearGradient, any, {
-    colors: string[];
-    start: {
-        x: number;
-        y: number;
-    };
-    end: {
-        x: number;
-        y: number;
-    };
-}, "end" | "start" | "colors">;

package/dist/styles/gradients/index.js

@@ -1,11 +0,0 @@
-import { LinearGradient } from 'expo-linear-gradient';
-import styled from 'styled-components/native';
-import { gradientsColors, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
-export const SSILinearGradientStyled = styled(LinearGradient).attrs(props => ({
-    colors: props?.colors ?? [gradientsColors['100'].secondaryColor, gradientsColors['100'].primaryColor],
-    start: { x: 1, y: 1 },
-    end: { x: 0, y: 0 },
-})) ``;
-export const SSIRoundedLinearGradient = styled(SSILinearGradientStyled) `
-  ${SSIRoundedEdgesCss}
-`;

package/dist/styles/index.d.ts

@@ -1,4 +0,0 @@
-export * from './typography';
-export * from './components';
-export * from './gradients';
-export * from './fonts';

package/dist/styles/index.js

@@ -1,4 +0,0 @@
-export * from './typography';
-export * from './components';
-export * from './gradients';
-export * from './fonts';

package/dist/styles/typography.d.ts

@@ -1,4 +0,0 @@
-import { FontStyle, FontSize } from '@sphereon/ui-components.core';
-import { TextStyle } from 'react-native';
-export declare const fontSize: Record<FontSize, number>;
-export declare const fontStyle: Record<FontStyle, TextStyle>;

package/dist/styles/typography.js

@@ -1,105 +0,0 @@
-import { fontSize as fontSizes, fontWeight, lineHeight } from '@sphereon/ui-components.core';
-import { moderateScale } from 'react-native-size-matters';
-export const fontSize = {
-    100: moderateScale(fontSizes['100']),
-    200: moderateScale(fontSizes['200']),
-    300: moderateScale(fontSizes['300']),
-    400: moderateScale(fontSizes['400']),
-    500: moderateScale(fontSizes['500']),
-    600: moderateScale(fontSizes['600']),
-    700: moderateScale(fontSizes['700']),
-    800: moderateScale(fontSizes['800']),
-    64: moderateScale(fontSizes['64']),
-};
-export const fontStyle = {
-    h0SemiBold: {
-        fontFamily: 'Poppins-SemiBold',
-        fontSize: fontSize[800],
-        fontWeight: fontWeight[600],
-        lineHeight: lineHeight[800],
-    },
-    h1SemiBold: {
-        fontFamily: 'Poppins-SemiBold',
-        fontSize: fontSize[700],
-        fontWeight: fontWeight[600],
-        lineHeight: lineHeight[700],
-    },
-    h1Regular: {
-        fontFamily: 'Poppins-Regular',
-        fontSize: fontSize[700],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[700],
-    },
-    h2Regular: {
-        fontFamily: 'Poppins-Regular',
-        fontSize: fontSize[600],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[600],
-    },
-    h2SemiBold: {
-        fontFamily: 'Poppins-SemiBold',
-        fontSize: fontSize[600],
-        fontWeight: fontWeight[600],
-        lineHeight: lineHeight[600],
-    },
-    h3Regular: {
-        fontFamily: 'Poppins-Regular',
-        fontSize: fontSize[500],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[500],
-    },
-    h3SemiBold: {
-        fontFamily: 'Poppins-SemiBold',
-        fontSize: fontSize[500],
-        fontWeight: fontWeight[600],
-        lineHeight: lineHeight[500],
-    },
-    h4Regular: {
-        fontFamily: 'Poppins-Regular',
-        fontSize: fontSize[300],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[300],
-    },
-    h4SemiBold: {
-        fontFamily: 'Poppins-SemiBold',
-        fontSize: fontSize[300],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[300],
-    },
-    h5Regular: {
-        fontFamily: 'Poppins-Regular',
-        fontSize: fontSize[200],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[200],
-    },
-    h5SemiBold: {
-        fontFamily: 'Poppins-SemiBold',
-        fontSize: fontSize[200],
-        fontWeight: fontWeight[600],
-        lineHeight: lineHeight[200],
-    },
-    h6: {
-        fontFamily: 'Poppins',
-        fontSize: fontSize[100],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[100],
-    },
-    h7Regular: {
-        fontFamily: 'Poppins',
-        fontSize: fontSize[400],
-        fontWeight: fontWeight[400],
-        lineHeight: lineHeight[400],
-    },
-    h7SemiBold: {
-        fontFamily: 'Poppins-SemiBold',
-        fontSize: fontSize[400],
-        fontWeight: fontWeight[600],
-        lineHeight: lineHeight[400],
-    },
-    Regular64: {
-        fontFamily: 'Poppins',
-        fontSize: fontSize[64],
-        fontWeight: fontWeight[600],
-        lineHeight: lineHeight[64],
-    },
-};