@saleor/macaw-ui 0.7.3 → 0.7.4

package/dist/theme/themes/common.d.ts

@@ -0,0 +1,151 @@
+export declare const spacing: {
+    0: string;
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+};
+export declare const fontSize: {
+    heroLarge: string;
+    heroMedium: string;
+    heroSmall: string;
+    titleLarge: string;
+    titleMedium: string;
+    titleSmall: string;
+    headingLarge: string;
+    headingMedium: string;
+    headingSmall: string;
+    bodyStrongLarge: string;
+    bodyStrongMedium: string;
+    bodyStrongSmall: string;
+    bodyEmpLarge: string;
+    bodyEmpMedium: string;
+    bodyEmpSmall: string;
+    bodyLarge: string;
+    bodyMedium: string;
+    bodySmall: string;
+    buttonLarge: string;
+    buttonMedium: string;
+    buttonSmall: string;
+    captionLarge: string;
+    captionMedium: string;
+    captionSmall: string;
+};
+export declare const borderRadius: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+export declare const lineHeight: {
+    1: string;
+    heroLarge: string;
+    heroMedium: string;
+    heroSmall: string;
+    titleLarge: string;
+    titleMedium: string;
+    titleSmall: string;
+    headingLarge: string;
+    headingMedium: string;
+    headingSmall: string;
+    bodyStrongLarge: string;
+    bodyStrongMedium: string;
+    bodyStrongSmall: string;
+    bodyEmpLarge: string;
+    bodyEmpMedium: string;
+    bodyEmpSmall: string;
+    bodyLarge: string;
+    bodyMedium: string;
+    bodySmall: string;
+    buttonLarge: string;
+    buttonMedium: string;
+    buttonSmall: string;
+    captionLarge: string;
+    captionMedium: string;
+    captionSmall: string;
+};
+export declare const fontWeight: {
+    heroLarge: string;
+    heroMedium: string;
+    heroSmall: string;
+    titleLarge: string;
+    titleMedium: string;
+    titleSmall: string;
+    headingLarge: string;
+    headingMedium: string;
+    headingSmall: string;
+    bodyStrongLarge: string;
+    bodyStrongMedium: string;
+    bodyStrongSmall: string;
+    bodyEmpLarge: string;
+    bodyEmpMedium: string;
+    bodyEmpSmall: string;
+    bodyLarge: string;
+    bodyMedium: string;
+    bodySmall: string;
+    buttonLarge: string;
+    buttonMedium: string;
+    buttonSmall: string;
+    captionLarge: string;
+    captionMedium: string;
+    captionSmall: string;
+};
+export declare const letterSpacing: {
+    heroLarge: string;
+    heroMedium: string;
+    heroSmall: string;
+    titleLarge: string;
+    titleMedium: string;
+    titleSmall: string;
+    headingLarge: string;
+    headingMedium: string;
+    headingSmall: string;
+    bodyStrongLarge: string;
+    bodyStrongMedium: string;
+    bodyStrongSmall: string;
+    bodyEmpLarge: string;
+    bodyEmpMedium: string;
+    bodyEmpSmall: string;
+    bodyLarge: string;
+    bodyMedium: string;
+    bodySmall: string;
+    buttonLarge: string;
+    buttonMedium: string;
+    buttonSmall: string;
+    captionLarge: string;
+    captionMedium: string;
+    captionSmall: string;
+};
+export declare const borderWidth: {
+    0: string;
+    1: string;
+};

package/dist/theme/themes/defaultDark.d.ts

@@ -0,0 +1,272 @@
+export declare const defaultDark: {
+    spacing: {
+        0: string;
+        px: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+    };
+    colors: {
+        foreground: {
+            textNeutralPlain: string;
+            textNeutralDefault: string;
+            textNeutralSubdued: string;
+            textNeutralDisabled: string;
+            textNeutralContrasted: string;
+            textBrandDefault: string;
+            textBrandSubdued: string;
+            textBrandDisabled: string;
+            textCriticalDefault: string;
+            textCriticalSubdued: string;
+            textCriticalDisabled: string;
+            iconNeutralPlain: string;
+            iconNeutralDefault: string;
+            iconNeutralSubdued: string;
+            iconNeutralDisabled: string;
+            iconNeutralContrasted: string;
+            iconBrandDefault: string;
+            iconBrandSubdued: string;
+            iconBrandDisabled: string;
+            iconCriticalDefault: string;
+            iconCriticalSubdued: string;
+            iconCriticalDisabled: string;
+            text1Decorative: string;
+            text2Decorative: string;
+            text3Decorative: string;
+            icon1Decorative: string;
+            icon2Decorative: string;
+            icon3Decorative: string;
+        };
+        background: {
+            plain: string;
+            subdued: string;
+            highlightDim: string;
+            highlightPale: string;
+            surfaceNeutralPlain: string;
+            surfaceNeutralSubdued: string;
+            surfaceNeutralDepressed: string;
+            surfaceNeutralHighlight: string;
+            surfaceBrandSubdued: string;
+            surfaceBrandDepressed: string;
+            surfaceBrandHighlight: string;
+            surfaceCriticalSubdued: string;
+            surfaceCriticalDepressed: string;
+            surfaceCriticalHighlight: string;
+            interactiveNeutralDefault: string;
+            interactiveNeutralHovering: string;
+            interactiveNeutralPressing: string;
+            interactiveNeutralFocused: string;
+            interactiveNeutralDisabled: string;
+            interactiveBrandDefault: string;
+            interactiveBrandHovering: string;
+            interactiveBrandPressing: string;
+            interactiveBrandFocused: string;
+            interactiveBrandDisabled: string;
+            interactiveCriticalDefault: string;
+            interactiveCriticalHovering: string;
+            interactiveCriticalPressing: string;
+            interactiveCriticalFocused: string;
+            interactiveCriticalDisabled: string;
+            interactiveNeutralSecondaryDefault: string;
+            interactiveNeutralSecondaryHovering: string;
+            interactiveNeutralSecondaryPressing: string;
+            interactiveNeutralSecondaryFocused: string;
+            interactiveNeutralSecondaryDisabled: string;
+            interactiveBrandSecondaryDefault: string;
+            interactiveBrandSecondaryHovering: string;
+            interactiveBrandSecondaryPressing: string;
+            interactiveBrandSecondaryFocused: string;
+            interactiveBrandSecondaryDisabled: string;
+            interactiveCriticalSecondaryDefault: string;
+            interactiveCriticalSecondaryHovering: string;
+            interactiveCriticalSecondaryPressing: string;
+            interactiveCriticalSecondaryFocused: string;
+            interactiveCriticalSecondaryDisabled: string;
+            interactiveNeutralHighlightDefault: string;
+            interactiveNeutralHighlightHovering: string;
+            interactiveNeutralHighlightPressing: string;
+            interactiveNeutralHighlightFocused: string;
+            interactiveNeutralHighlightDisabled: string;
+            interactiveBrandHighlightDefault: string;
+            interactiveBrandHighlightHovering: string;
+            interactiveBrandHighlightPressing: string;
+            interactiveBrandHighlightFocused: string;
+            interactiveBrandHighlightDisabled: string;
+            interactiveCriticalHighlightDefault: string;
+            interactiveCriticalHighlightHovering: string;
+            interactiveCriticalHighlightPressing: string;
+            interactiveCriticalHighlightFocused: string;
+            interactiveCriticalHighlightDisabled: string;
+            decorativeSurfacePlain1: string;
+            decorativeSurfacePlain2: string;
+            decorativeSurfacePlain3: string;
+            decorativeSurfaceSubdued1: string;
+            decorativeSurfaceSubdued2: string;
+            decorativeSurfaceSubdued3: string;
+        };
+        border: {
+            neutralPlain: string;
+            neutralDefault: string;
+            neutralSubdued: string;
+            neutralHighlight: string;
+            brandPlain: string;
+            brandDefault: string;
+            brandSubdued: string;
+            brandHighlight: string;
+            criticalPlain: string;
+            criticalDefault: string;
+            criticalSubdued: string;
+            criticalHighlight: string;
+        };
+    };
+    fontSize: {
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    borderRadius: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    lineHeight: {
+        1: string;
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    fontWeight: {
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    letterSpacing: {
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    boxShadow: {
+        interactiveDefaultFocused: string;
+        interactiveDefaultHovering: string;
+        overlay: string;
+        modal: string;
+    };
+    borderWidth: {
+        0: string;
+        1: string;
+    };
+};

package/dist/theme/themes/defaultLight.d.ts

@@ -0,0 +1,272 @@
+export declare const defaultLight: {
+    spacing: {
+        0: string;
+        px: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+    };
+    colors: {
+        foreground: {
+            textNeutralPlain: string;
+            textNeutralDefault: string;
+            textNeutralSubdued: string;
+            textNeutralDisabled: string;
+            textNeutralContrasted: string;
+            textBrandDefault: string;
+            textBrandSubdued: string;
+            textBrandDisabled: string;
+            textCriticalDefault: string;
+            textCriticalSubdued: string;
+            textCriticalDisabled: string;
+            iconNeutralPlain: string;
+            iconNeutralDefault: string;
+            iconNeutralSubdued: string;
+            iconNeutralDisabled: string;
+            iconNeutralContrasted: string;
+            iconBrandDefault: string;
+            iconBrandSubdued: string;
+            iconBrandDisabled: string;
+            iconCriticalDefault: string;
+            iconCriticalSubdued: string;
+            iconCriticalDisabled: string;
+            text1Decorative: string;
+            text2Decorative: string;
+            text3Decorative: string;
+            icon1Decorative: string;
+            icon2Decorative: string;
+            icon3Decorative: string;
+        };
+        background: {
+            plain: string;
+            subdued: string;
+            highlightDim: string;
+            highlightPale: string;
+            surfaceNeutralPlain: string;
+            surfaceNeutralSubdued: string;
+            surfaceNeutralDepressed: string;
+            surfaceNeutralHighlight: string;
+            surfaceBrandSubdued: string;
+            surfaceBrandDepressed: string;
+            surfaceBrandHighlight: string;
+            surfaceCriticalSubdued: string;
+            surfaceCriticalDepressed: string;
+            surfaceCriticalHighlight: string;
+            interactiveNeutralDefault: string;
+            interactiveNeutralHovering: string;
+            interactiveNeutralPressing: string;
+            interactiveNeutralFocused: string;
+            interactiveNeutralDisabled: string;
+            interactiveBrandDefault: string;
+            interactiveBrandHovering: string;
+            interactiveBrandPressing: string;
+            interactiveBrandFocused: string;
+            interactiveBrandDisabled: string;
+            interactiveCriticalDefault: string;
+            interactiveCriticalHovering: string;
+            interactiveCriticalPressing: string;
+            interactiveCriticalFocused: string;
+            interactiveCriticalDisabled: string;
+            interactiveNeutralSecondaryDefault: string;
+            interactiveNeutralSecondaryHovering: string;
+            interactiveNeutralSecondaryPressing: string;
+            interactiveNeutralSecondaryFocused: string;
+            interactiveNeutralSecondaryDisabled: string;
+            interactiveBrandSecondaryDefault: string;
+            interactiveBrandSecondaryHovering: string;
+            interactiveBrandSecondaryPressing: string;
+            interactiveBrandSecondaryFocused: string;
+            interactiveBrandSecondaryDisabled: string;
+            interactiveCriticalSecondaryDefault: string;
+            interactiveCriticalSecondaryHovering: string;
+            interactiveCriticalSecondaryPressing: string;
+            interactiveCriticalSecondaryFocused: string;
+            interactiveCriticalSecondaryDisabled: string;
+            interactiveNeutralHighlightDefault: string;
+            interactiveNeutralHighlightHovering: string;
+            interactiveNeutralHighlightPressing: string;
+            interactiveNeutralHighlightFocused: string;
+            interactiveNeutralHighlightDisabled: string;
+            interactiveBrandHighlightDefault: string;
+            interactiveBrandHighlightHovering: string;
+            interactiveBrandHighlightPressing: string;
+            interactiveBrandHighlightFocused: string;
+            interactiveBrandHighlightDisabled: string;
+            interactiveCriticalHighlightDefault: string;
+            interactiveCriticalHighlightHovering: string;
+            interactiveCriticalHighlightPressing: string;
+            interactiveCriticalHighlightFocused: string;
+            interactiveCriticalHighlightDisabled: string;
+            decorativeSurfacePlain1: string;
+            decorativeSurfacePlain2: string;
+            decorativeSurfacePlain3: string;
+            decorativeSurfaceSubdued1: string;
+            decorativeSurfaceSubdued2: string;
+            decorativeSurfaceSubdued3: string;
+        };
+        border: {
+            neutralDefault: string;
+            neutralSubdued: string;
+            neutralHighlight: string;
+            neutralPlain: string;
+            brandPlain: string;
+            brandDefault: string;
+            brandSubdued: string;
+            brandHighlight: string;
+            criticalPlain: string;
+            criticalDefault: string;
+            criticalSubdued: string;
+            criticalHighlight: string;
+        };
+    };
+    fontSize: {
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    borderRadius: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+    };
+    lineHeight: {
+        1: string;
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    fontWeight: {
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    letterSpacing: {
+        heroLarge: string;
+        heroMedium: string;
+        heroSmall: string;
+        titleLarge: string;
+        titleMedium: string;
+        titleSmall: string;
+        headingLarge: string;
+        headingMedium: string;
+        headingSmall: string;
+        bodyStrongLarge: string;
+        bodyStrongMedium: string;
+        bodyStrongSmall: string;
+        bodyEmpLarge: string;
+        bodyEmpMedium: string;
+        bodyEmpSmall: string;
+        bodyLarge: string;
+        bodyMedium: string;
+        bodySmall: string;
+        buttonLarge: string;
+        buttonMedium: string;
+        buttonSmall: string;
+        captionLarge: string;
+        captionMedium: string;
+        captionSmall: string;
+    };
+    boxShadow: {
+        interactiveDefaultFocused: string;
+        interactiveDefaultHovering: string;
+        overlay: string;
+        modal: string;
+    };
+    borderWidth: {
+        0: string;
+        1: string;
+    };
+};