@storybook/react-native 6.5.4 → 6.5.5-alpha.1

package/dist/preview/components/Shared/theme.js

@@ -1,321 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = exports.theme = void 0;
-var tokens = {
-    spacing1: 4,
-    spacing2: 8,
-    spacing3: 12,
-    spacing4: 16,
-    spacing5: 20,
-    spacing6: 24,
-    fontSize: {
-        small: 12,
-        smaller: 14,
-        normal: 16,
-    },
-    color: {
-        navy: '#001a23',
-        black: '#000',
-        offBlack: '#222',
-        white: '#ffffff',
-        grey200: '#dee2e3',
-        grey700: '#859499',
-        grey800: '#575757',
-        red500: '#ff4400',
-        blue100: '#f6f9fc',
-        blue200: '#e0eaf5',
-        blue250: '#dcebf9',
-        blue300: '#b2cbe6',
-        blue400: '#a3c1e0',
-        blue600: '#1ea7fd',
-        green500: '#66bf3c',
-    },
-    borderRadius: {
-        small: 4,
-        medium: 6,
-        large: 8,
-        round: 100,
-    },
-    borderWidthNormal: 1,
-    elevation: {
-        floating: {
-            shadowColor: '#000000',
-            shadowOpacity: 0.2,
-            shadowOffset: { width: 0, height: 0 },
-            shadowRadius: 16,
-            elevation: 10,
-        },
-    },
-};
-var text = {
-    primaryColor: tokens.color.navy,
-    secondaryColor: tokens.color.grey700,
-    linkColor: '#0000ff',
-};
-var textOnDark = {
-    primaryColor: tokens.color.white,
-    secondaryColor: tokens.color.grey200,
-    linkColor: tokens.color.blue600,
-};
-exports.theme = {
-    tokens: tokens,
-    text: text,
-    backgroundColor: tokens.color.white,
-    preview: {
-        containerBackgroundColor: tokens.color.white,
-        backgroundColor: tokens.color.white,
-    },
-    navigation: {
-        backgroundColor: tokens.color.white,
-        borderColor: tokens.color.grey200,
-        borderWidth: tokens.borderWidthNormal,
-        visibilityBorderRadius: tokens.borderRadius.small,
-        visibilityInnerBorderColor: tokens.color.grey700,
-        visibilityOuterBorderColor: tokens.color.white,
-    },
-    panel: {
-        backgroundColor: tokens.color.blue100,
-        borderWidth: tokens.borderWidthNormal,
-        borderColor: tokens.color.blue200,
-        paddingVertical: 0,
-        paddingHorizontal: tokens.spacing2,
-    },
-    storyList: {
-        fontSize: tokens.fontSize.normal,
-        headerPaddingHorizontal: tokens.spacing2,
-        headerPaddingVertical: tokens.spacing2,
-        headerTextColor: text.primaryColor,
-        headerFontWeight: '500',
-        storyPaddingHorizontal: tokens.spacing2,
-        storyPaddingVertical: tokens.spacing1 * 1.5,
-        storyIndent: tokens.spacing6,
-        storyTextColor: text.primaryColor,
-        storyFontWeight: '400',
-        storySelectedBackgroundColor: tokens.color.blue600,
-        storySelectedTextColor: tokens.color.white,
-        storySelectedFontWeight: '700',
-        sectionSpacing: tokens.spacing2,
-        sectionActiveBackgroundColor: tokens.color.blue200,
-        sectionBorderRadius: tokens.borderRadius.medium,
-        search: {
-            fontSize: tokens.fontSize.normal,
-            textColor: text.primaryColor,
-            placeholderTextColor: text.secondaryColor,
-            borderRadius: tokens.borderRadius.round,
-            borderColor: tokens.color.blue400,
-            borderWidth: tokens.borderWidthNormal,
-            backgroundColor: tokens.color.white,
-            paddingVertical: tokens.spacing2,
-            paddingHorizontal: tokens.spacing3,
-        },
-    },
-    button: {
-        fontSize: tokens.fontSize.smaller,
-        fontWeight: '600',
-        paddingVertical: tokens.spacing2,
-        paddingHorizontal: tokens.spacing5,
-        primary: {
-            textColor: text.primaryColor,
-            backgroundColor: tokens.color.blue250,
-            borderColor: tokens.color.blue300,
-            borderWidth: tokens.borderWidthNormal,
-            borderRadius: tokens.borderRadius.medium,
-        },
-        secondary: {
-            textColor: text.primaryColor,
-            backgroundColor: 'transparent',
-            borderColor: tokens.color.blue300,
-            borderWidth: tokens.borderWidthNormal,
-            borderRadius: tokens.borderRadius.medium,
-        },
-    },
-    tabs: {
-        fontSize: tokens.fontSize.small,
-        fontWeight: '500',
-        paddingVertical: tokens.spacing2,
-        paddingHorizontal: tokens.spacing2 * 1.25,
-        borderWidth: tokens.borderWidthNormal,
-        borderRadius: tokens.borderRadius.round,
-        activeBorderColor: tokens.color.blue300,
-        activeBackgroundColor: tokens.color.blue250,
-        activeTextColor: text.primaryColor,
-        inactiveBorderColor: 'transparent',
-        inactiveBackgroundColor: 'transparent',
-        inactiveTextColor: text.secondaryColor,
-    },
-    inputs: {
-        errorTextColor: tokens.color.red500,
-        labelFontSize: tokens.fontSize.smaller,
-        labelTextColor: text.primaryColor,
-        text: {
-            fontSize: tokens.fontSize.smaller,
-            textColor: text.primaryColor,
-            borderWidth: tokens.borderWidthNormal,
-            borderColor: tokens.color.blue400,
-            backgroundColor: tokens.color.white,
-            borderRadius: tokens.borderRadius.medium,
-            paddingVertical: tokens.spacing1 * 1.5,
-            paddingHorizontal: tokens.spacing1 * 1.5,
-        },
-        radio: {
-            fontSize: tokens.fontSize.smaller,
-            height: 20,
-            borderWidth: tokens.borderWidthNormal,
-            borderColor: tokens.color.blue400,
-            backgroundColor: tokens.color.white,
-            paddingVertical: 3,
-            paddingHorizontal: 3,
-            activeBackgroundColor: tokens.color.green500,
-            itemSpacing: tokens.spacing1,
-            labelSpacing: tokens.spacing2,
-        },
-        swatch: {
-            fontSize: tokens.fontSize.smaller,
-            height: 40,
-            borderWidth: tokens.borderWidthNormal,
-            borderColor: tokens.color.blue400,
-            backgroundColor: tokens.color.white,
-            outerBorderRadius: tokens.borderRadius.medium,
-            innerBorderRadius: tokens.borderRadius.small,
-            paddingVertical: tokens.spacing1,
-            paddingHorizontal: tokens.spacing1,
-            nameTextWeight: '600',
-        },
-        slider: {
-            fontSize: tokens.fontSize.smaller,
-            labelTextColor: text.secondaryColor,
-            valueTextColor: text.primaryColor,
-        },
-    },
-};
-exports.darkTheme = {
-    tokens: tokens,
-    text: textOnDark,
-    backgroundColor: tokens.color.offBlack,
-    preview: {
-        containerBackgroundColor: tokens.color.black,
-        backgroundColor: tokens.color.offBlack,
-    },
-    navigation: {
-        backgroundColor: tokens.color.offBlack,
-        borderColor: tokens.color.grey800,
-        borderWidth: tokens.borderWidthNormal,
-        visibilityBorderRadius: tokens.borderRadius.small,
-        visibilityInnerBorderColor: tokens.color.navy,
-        visibilityOuterBorderColor: tokens.color.navy,
-    },
-    panel: {
-        backgroundColor: tokens.color.offBlack,
-        borderWidth: tokens.borderWidthNormal,
-        borderColor: tokens.color.grey800,
-        paddingVertical: 0,
-        paddingHorizontal: tokens.spacing2,
-    },
-    storyList: {
-        fontSize: tokens.fontSize.normal,
-        headerPaddingHorizontal: tokens.spacing2,
-        headerPaddingVertical: tokens.spacing2,
-        headerTextColor: textOnDark.primaryColor,
-        headerFontWeight: '500',
-        storyPaddingHorizontal: tokens.spacing2,
-        storyPaddingVertical: tokens.spacing1 * 1.5,
-        storyIndent: tokens.spacing6,
-        storyTextColor: textOnDark.primaryColor,
-        storyFontWeight: '400',
-        storySelectedBackgroundColor: tokens.color.navy,
-        storySelectedTextColor: tokens.color.white,
-        storySelectedFontWeight: '700',
-        sectionSpacing: tokens.spacing2,
-        sectionActiveBackgroundColor: tokens.color.grey800,
-        sectionBorderRadius: tokens.borderRadius.medium,
-        search: {
-            fontSize: tokens.fontSize.normal,
-            textColor: textOnDark.primaryColor,
-            placeholderTextColor: textOnDark.secondaryColor,
-            borderRadius: tokens.borderRadius.round,
-            borderColor: tokens.color.grey800,
-            borderWidth: tokens.borderWidthNormal,
-            backgroundColor: tokens.color.grey800,
-            paddingVertical: tokens.spacing2,
-            paddingHorizontal: tokens.spacing3,
-        },
-    },
-    button: {
-        fontSize: tokens.fontSize.smaller,
-        fontWeight: '600',
-        paddingVertical: tokens.spacing2,
-        paddingHorizontal: tokens.spacing5,
-        primary: {
-            textColor: textOnDark.primaryColor,
-            backgroundColor: tokens.color.black,
-            borderColor: tokens.color.blue300,
-            borderWidth: tokens.borderWidthNormal,
-            borderRadius: tokens.borderRadius.medium,
-        },
-        secondary: {
-            textColor: textOnDark.primaryColor,
-            backgroundColor: 'transparent',
-            borderColor: tokens.color.blue300,
-            borderWidth: tokens.borderWidthNormal,
-            borderRadius: tokens.borderRadius.medium,
-        },
-    },
-    tabs: {
-        fontSize: tokens.fontSize.small,
-        fontWeight: '500',
-        paddingVertical: tokens.spacing2,
-        paddingHorizontal: tokens.spacing2 * 1.25,
-        borderWidth: tokens.borderWidthNormal,
-        borderRadius: tokens.borderRadius.round,
-        activeBorderColor: tokens.color.blue300,
-        activeBackgroundColor: tokens.color.navy,
-        activeTextColor: textOnDark.primaryColor,
-        inactiveBorderColor: 'transparent',
-        inactiveBackgroundColor: 'transparent',
-        inactiveTextColor: textOnDark.secondaryColor,
-    },
-    inputs: {
-        errorTextColor: tokens.color.red500,
-        labelFontSize: tokens.fontSize.smaller,
-        labelTextColor: textOnDark.primaryColor,
-        text: {
-            fontSize: tokens.fontSize.smaller,
-            textColor: textOnDark.primaryColor,
-            borderWidth: tokens.borderWidthNormal,
-            borderColor: tokens.color.blue400,
-            backgroundColor: tokens.color.black,
-            borderRadius: tokens.borderRadius.medium,
-            paddingVertical: tokens.spacing1 * 1.5,
-            paddingHorizontal: tokens.spacing1 * 1.5,
-        },
-        radio: {
-            fontSize: tokens.fontSize.smaller,
-            height: 20,
-            borderWidth: tokens.borderWidthNormal,
-            borderColor: tokens.color.blue400,
-            backgroundColor: tokens.color.black,
-            paddingVertical: 3,
-            paddingHorizontal: 3,
-            activeBackgroundColor: tokens.color.green500,
-            itemSpacing: tokens.spacing1,
-            labelSpacing: tokens.spacing2,
-        },
-        swatch: {
-            fontSize: tokens.fontSize.smaller,
-            height: 40,
-            borderWidth: tokens.borderWidthNormal,
-            borderColor: tokens.color.blue400,
-            backgroundColor: tokens.color.navy,
-            outerBorderRadius: tokens.borderRadius.medium,
-            innerBorderRadius: tokens.borderRadius.small,
-            paddingVertical: tokens.spacing1,
-            paddingHorizontal: tokens.spacing1,
-            nameTextWeight: '600',
-        },
-        slider: {
-            fontSize: tokens.fontSize.smaller,
-            labelTextColor: textOnDark.secondaryColor,
-            valueTextColor: textOnDark.primaryColor,
-        },
-    },
-};