@epilot/base-elements 2.7.25 → 2.8.0

package/dist/ThemeProvider/types.d.ts

@@ -1,136 +1,136 @@
-export declare type TextTransform = 'capitalize' | 'full-size-kana' | 'full-width' | 'lowercase' | 'none' | 'uppercase';
-import { Color, Theme } from '@material-ui/core';
-import { BreakpointsOptions } from '@material-ui/core/styles/createBreakpoints';
-import { Palette, PaletteColor, TypeAction } from '@material-ui/core/styles/createPalette';
-import { Typography } from '@material-ui/core/styles/createTypography';
-import { Overrides } from '@material-ui/core/styles/overrides';
-import { ComponentsProps } from '@material-ui/core/styles/props';
-import { Shadows } from '@material-ui/core/styles/shadows';
-import { Shape } from '@material-ui/core/styles/shape';
-import React from 'react';
-export declare type EpilotTypography = Typography & {
-    fontSource?: EpilotCustomFontSource[];
-};
-export declare type EpilotColor = PaletteColor & Color & {
-    10: string;
-    20: string;
-    30: string;
-    40: string;
-    50: string;
-    60: string;
-    70: string;
-    80: string;
-    90: string;
-};
-export declare type EpilotTypeAction = TypeAction & {
-    selectedText?: string;
-};
-export declare type TagColors = {
-    green: EpilotColor;
-    darkgrey: EpilotColor;
-    bostonblue: EpilotColor;
-    darkgreen: EpilotColor;
-    purple: EpilotColor;
-    pink: EpilotColor;
-    lightblue: EpilotColor;
-    blue: EpilotColor;
-    lavender: EpilotColor;
-    red: EpilotColor;
-    cyan: EpilotColor;
-    orange: EpilotColor;
-};
-export declare type EpilotPalette = Palette & TagColors & {
-    primary?: EpilotColor;
-    secondary?: EpilotColor;
-    grey?: EpilotColor;
-    focus?: EpilotColor;
-    tertiary?: EpilotColor;
-    accent1?: EpilotColor;
-    accent2?: EpilotColor;
-    success?: EpilotColor;
-    info?: EpilotColor;
-    warning?: EpilotColor;
-    error?: EpilotColor;
-    action?: EpilotTypeAction;
-    default?: EpilotColor;
-};
-export declare type EpilotOverrides = Overrides & {
-    MuiTabPanel: any;
-    MuiToggleButton: any;
-    MuiAutocomplete: any;
-};
-export interface EpilotTheme {
-    /**
-     * prefix of the css classes
-     */
-    prefix?: string;
-    /**
-     * typography options
-     */
-    typography?: EpilotTypography;
-    /**
-     * colors palette options
-     */
-    palette?: EpilotPalette;
-    /**
-     * the space around the components
-     */
-    spacing?: number;
-    /**
-     * style for the container shape, currently only changes the border_radius
-     */
-    shape?: Shape;
-    breakpoints?: BreakpointsOptions;
-    /**
-     * props we use to overwrite some material ui props
-     */
-    props?: {
-        client_logo_url?: string;
-        enable_ripple?: boolean;
-        content_max_width?: number;
-    };
-    /**
-     * Material UI components styling
-     */
-    muiOverrides?: EpilotOverrides;
-    /**
-     * Material UI components props
-     */
-    muiProps?: ComponentsProps;
-    /**
-     * Material UI components shadow
-     */
-    shadows?: Shadows;
-}
-export declare type ThemeProviderProps = {
-    classPrefix?: string;
-    children: React.ReactNode;
-} & ({
-    /**
-     * Theme to be applied to child components
-     */
-    theme: Theme;
-    /**
-     * If the theme is Mui vanilla theme then isMuiTheme should be true
-     * @default false
-     */
-    isMuiTheme: true;
-} | {
-    /**
-     * Theme to be applied to child components
-     * * @default DefaultEpilotTheme
-     */
-    theme?: EpilotTheme | never;
-    /**
-     * If the theme is Epilot theme then isMuiTheme should be false or not defined
-     * @default false
-     */
-    isMuiTheme?: false | never;
-});
-export declare type EpilotCustomFontSource = {
-    fontFamily: string;
-    fontStyle: string;
-    fontDisplay: 'swap';
-    fontWeight: 400 | 600 | 800;
-    src: string;
-};
+export declare type TextTransform = 'capitalize' | 'full-size-kana' | 'full-width' | 'lowercase' | 'none' | 'uppercase';
+import { Color, Theme } from '@material-ui/core';
+import { BreakpointsOptions } from '@material-ui/core/styles/createBreakpoints';
+import { Palette, PaletteColor, TypeAction } from '@material-ui/core/styles/createPalette';
+import { Typography } from '@material-ui/core/styles/createTypography';
+import { Overrides } from '@material-ui/core/styles/overrides';
+import { ComponentsProps } from '@material-ui/core/styles/props';
+import { Shadows } from '@material-ui/core/styles/shadows';
+import { Shape } from '@material-ui/core/styles/shape';
+import React from 'react';
+export declare type EpilotTypography = Typography & {
+    fontSource?: EpilotCustomFontSource[];
+};
+export declare type EpilotColor = PaletteColor & Color & {
+    10: string;
+    20: string;
+    30: string;
+    40: string;
+    50: string;
+    60: string;
+    70: string;
+    80: string;
+    90: string;
+};
+export declare type EpilotTypeAction = TypeAction & {
+    selectedText?: string;
+};
+export declare type TagColors = {
+    green: EpilotColor;
+    darkgrey: EpilotColor;
+    bostonblue: EpilotColor;
+    darkgreen: EpilotColor;
+    purple: EpilotColor;
+    pink: EpilotColor;
+    lightblue: EpilotColor;
+    blue: EpilotColor;
+    lavender: EpilotColor;
+    red: EpilotColor;
+    cyan: EpilotColor;
+    orange: EpilotColor;
+};
+export declare type EpilotPalette = Palette & TagColors & {
+    primary?: EpilotColor;
+    secondary?: EpilotColor;
+    grey?: EpilotColor;
+    focus?: EpilotColor;
+    tertiary?: EpilotColor;
+    accent1?: EpilotColor;
+    accent2?: EpilotColor;
+    success?: EpilotColor;
+    info?: EpilotColor;
+    warning?: EpilotColor;
+    error?: EpilotColor;
+    action?: EpilotTypeAction;
+    default?: EpilotColor;
+};
+export declare type EpilotOverrides = Overrides & {
+    MuiTabPanel: any;
+    MuiToggleButton: any;
+    MuiAutocomplete: any;
+};
+export interface EpilotTheme {
+    /**
+     * prefix of the css classes
+     */
+    prefix?: string;
+    /**
+     * typography options
+     */
+    typography?: EpilotTypography;
+    /**
+     * colors palette options
+     */
+    palette?: EpilotPalette;
+    /**
+     * the space around the components
+     */
+    spacing?: number;
+    /**
+     * style for the container shape, currently only changes the border_radius
+     */
+    shape?: Shape;
+    breakpoints?: BreakpointsOptions;
+    /**
+     * props we use to overwrite some material ui props
+     */
+    props?: {
+        client_logo_url?: string;
+        enable_ripple?: boolean;
+        content_max_width?: number;
+    };
+    /**
+     * Material UI components styling
+     */
+    muiOverrides?: EpilotOverrides;
+    /**
+     * Material UI components props
+     */
+    muiProps?: ComponentsProps;
+    /**
+     * Material UI components shadow
+     */
+    shadows?: Shadows;
+}
+export declare type ThemeProviderProps = {
+    classPrefix?: string;
+    children: React.ReactNode;
+} & ({
+    /**
+     * Theme to be applied to child components
+     */
+    theme: Theme;
+    /**
+     * If the theme is Mui vanilla theme then isMuiTheme should be true
+     * @default false
+     */
+    isMuiTheme: true;
+} | {
+    /**
+     * Theme to be applied to child components
+     * * @default DefaultEpilotTheme
+     */
+    theme?: EpilotTheme | never;
+    /**
+     * If the theme is Epilot theme then isMuiTheme should be false or not defined
+     * @default false
+     */
+    isMuiTheme?: false | never;
+});
+export declare type EpilotCustomFontSource = {
+    fontFamily: string;
+    fontStyle: string;
+    fontDisplay: 'swap';
+    fontWeight: 400 | 600 | 800;
+    src: string;
+};

package/dist/ThemeProvider/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/ToggleButton/ToggleButton.d.ts

@@ -1,2 +1,2 @@
-import ToggleButton from '@material-ui/lab/ToggleButton';
-export { ToggleButton };
+import ToggleButton from '@material-ui/lab/ToggleButton';
+export { ToggleButton };

package/dist/ToggleButton/ToggleButton.js

@@ -1,7 +1,7 @@
-"use strict";
-exports.__esModule = true;
-exports.ToggleButton = void 0;
-var tslib_1 = require("tslib");
-var ToggleButton_1 = tslib_1.__importDefault(require("@material-ui/lab/ToggleButton"));
-exports.ToggleButton = ToggleButton_1["default"];
+"use strict";
+exports.__esModule = true;
+exports.ToggleButton = void 0;
+var tslib_1 = require("tslib");
+var ToggleButton_1 = tslib_1.__importDefault(require("@material-ui/lab/ToggleButton"));
+exports.ToggleButton = ToggleButton_1["default"];
 //# sourceMappingURL=ToggleButton.js.map

package/dist/ToggleButton/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ToggleButton';
-export * from './types';
+export * from './ToggleButton';
+export * from './types';

package/dist/ToggleButton/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ToggleButton"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ToggleButton"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ToggleButton/types.d.ts

@@ -1,3 +1,3 @@
-import { ExtendButtonBase } from '@material-ui/core';
-import { ToggleButtonTypeMap } from '@material-ui/lab';
-export declare type ToggleButtonProps = ExtendButtonBase<ToggleButtonTypeMap<{}, 'button'>>;
+import { ExtendButtonBase } from '@material-ui/core';
+import { ToggleButtonTypeMap } from '@material-ui/lab';
+export declare type ToggleButtonProps = ExtendButtonBase<ToggleButtonTypeMap<{}, 'button'>>;

package/dist/ToggleButton/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,2 +1,2 @@
-import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
-export { ToggleButtonGroup };
+import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
+export { ToggleButtonGroup };

package/dist/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,7 +1,7 @@
-"use strict";
-exports.__esModule = true;
-exports.ToggleButtonGroup = void 0;
-var tslib_1 = require("tslib");
-var ToggleButtonGroup_1 = tslib_1.__importDefault(require("@material-ui/lab/ToggleButtonGroup"));
-exports.ToggleButtonGroup = ToggleButtonGroup_1["default"];
+"use strict";
+exports.__esModule = true;
+exports.ToggleButtonGroup = void 0;
+var tslib_1 = require("tslib");
+var ToggleButtonGroup_1 = tslib_1.__importDefault(require("@material-ui/lab/ToggleButtonGroup"));
+exports.ToggleButtonGroup = ToggleButtonGroup_1["default"];
 //# sourceMappingURL=ToggleButtonGroup.js.map

package/dist/ToggleButtonGroup/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ToggleButtonGroup';
-export * from './types';
+export * from './ToggleButtonGroup';
+export * from './types';

package/dist/ToggleButtonGroup/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ToggleButtonGroup"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ToggleButtonGroup"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ToggleButtonGroup/types.d.ts

@@ -1,2 +1,2 @@
-import { ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@material-ui/lab';
-export declare type ToggleButtonGroupProps = MuiToggleButtonGroupProps;
+import { ToggleButtonGroupProps as MuiToggleButtonGroupProps } from '@material-ui/lab';
+export declare type ToggleButtonGroupProps = MuiToggleButtonGroupProps;

package/dist/ToggleButtonGroup/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TooltipProps } from './types';
-export declare function Tooltip(props: TooltipProps): JSX.Element;
+/// <reference types="react" />
+import { TooltipProps } from './types';
+export declare function Tooltip(props: TooltipProps): JSX.Element;

package/dist/Tooltip/Tooltip.js

@@ -1,23 +1,23 @@
-"use strict";
-exports.__esModule = true;
-exports.Tooltip = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-var useStylesLight = core_1.makeStyles(function () { return ({
-    arrow: {
-        color: '#ffffff'
-    },
-    tooltip: {
-        backgroundColor: '#ffffff',
-        boxShadow: '0px 2px 2px rgba(89, 103, 117, 0.2)',
-        color: '#000000'
-    }
-}); });
-function Tooltip(props) {
-    var children = props.children, _a = props.mode, mode = _a === void 0 ? 'dark' : _a, rest = tslib_1.__rest(props, ["children", "mode"]);
-    var classes = useStylesLight();
-    return (react_1["default"].createElement(core_1.Tooltip, tslib_1.__assign({ classes: mode === 'light' ? classes : undefined }, rest), children));
-}
-exports.Tooltip = Tooltip;
+"use strict";
+exports.__esModule = true;
+exports.Tooltip = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useStylesLight = core_1.makeStyles(function () { return ({
+    arrow: {
+        color: '#ffffff'
+    },
+    tooltip: {
+        backgroundColor: '#ffffff',
+        boxShadow: '0px 2px 2px rgba(89, 103, 117, 0.2)',
+        color: '#000000'
+    }
+}); });
+function Tooltip(props) {
+    var children = props.children, _a = props.mode, mode = _a === void 0 ? 'dark' : _a, rest = tslib_1.__rest(props, ["children", "mode"]);
+    var classes = useStylesLight();
+    return (react_1["default"].createElement(core_1.Tooltip, tslib_1.__assign({ classes: mode === 'light' ? classes : undefined }, rest), children));
+}
+exports.Tooltip = Tooltip;
 //# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Tooltip';
-export * from './types';
+export * from './Tooltip';
+export * from './types';

package/dist/Tooltip/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Tooltip"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Tooltip"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Tooltip/types.d.ts

@@ -1,8 +1,8 @@
-import { TooltipProps as MuiTooltipProps } from '@material-ui/core';
-export declare type TooltipProps = MuiTooltipProps & {
-    /**
-     * the color theme
-     * @default 'dark'
-     */
-    mode?: 'light' | 'dark';
-};
+import { TooltipProps as MuiTooltipProps } from '@material-ui/core';
+export declare type TooltipProps = MuiTooltipProps & {
+    /**
+     * the color theme
+     * @default 'dark'
+     */
+    mode?: 'light' | 'dark';
+};

package/dist/Tooltip/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Typography/Typography.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { TypographyProps } from './types';
-export declare function Typography(props: TypographyProps): JSX.Element;
-export declare function DisplayText(props: TypographyProps): JSX.Element;
-export declare function H1(props: TypographyProps): JSX.Element;
-export declare function H2(props: TypographyProps): JSX.Element;
-export declare function H3(props: TypographyProps): JSX.Element;
-export declare function H4(props: TypographyProps): JSX.Element;
-export declare function H5(props: TypographyProps): JSX.Element;
-export declare function H6(props: TypographyProps): JSX.Element;
-export declare function LargeText(props: TypographyProps): JSX.Element;
-export declare function BodyText(props: TypographyProps): JSX.Element;
-export declare function SmallText(props: TypographyProps): JSX.Element;
+/// <reference types="react" />
+import { TypographyProps } from './types';
+export declare function Typography(props: TypographyProps): JSX.Element;
+export declare function DisplayText(props: TypographyProps): JSX.Element;
+export declare function H1(props: TypographyProps): JSX.Element;
+export declare function H2(props: TypographyProps): JSX.Element;
+export declare function H3(props: TypographyProps): JSX.Element;
+export declare function H4(props: TypographyProps): JSX.Element;
+export declare function H5(props: TypographyProps): JSX.Element;
+export declare function H6(props: TypographyProps): JSX.Element;
+export declare function LargeText(props: TypographyProps): JSX.Element;
+export declare function BodyText(props: TypographyProps): JSX.Element;
+export declare function SmallText(props: TypographyProps): JSX.Element;

package/dist/Typography/Typography.js

@@ -1,61 +1,61 @@
-"use strict";
-exports.__esModule = true;
-exports.SmallText = exports.BodyText = exports.LargeText = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.DisplayText = exports.Typography = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Typography(props) {
-    return react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, props));
-}
-exports.Typography = Typography;
-function DisplayText(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h6" }), children));
-}
-exports.DisplayText = DisplayText;
-function H1(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h1" }), children));
-}
-exports.H1 = H1;
-function H2(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h2" }), children));
-}
-exports.H2 = H2;
-function H3(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h3" }), children));
-}
-exports.H3 = H3;
-function H4(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h4" }), children));
-}
-exports.H4 = H4;
-function H5(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h5" }), children));
-}
-exports.H5 = H5;
-function H6(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h6" }), children));
-}
-exports.H6 = H6;
-function LargeText(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "body1" }), children));
-}
-exports.LargeText = LargeText;
-function BodyText(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "body2" }), children));
-}
-exports.BodyText = BodyText;
-function SmallText(props) {
-    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
-    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "caption" }), children));
-}
-exports.SmallText = SmallText;
+"use strict";
+exports.__esModule = true;
+exports.SmallText = exports.BodyText = exports.LargeText = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.DisplayText = exports.Typography = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Typography(props) {
+    return react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, props));
+}
+exports.Typography = Typography;
+function DisplayText(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h6" }), children));
+}
+exports.DisplayText = DisplayText;
+function H1(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h1" }), children));
+}
+exports.H1 = H1;
+function H2(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h2" }), children));
+}
+exports.H2 = H2;
+function H3(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h3" }), children));
+}
+exports.H3 = H3;
+function H4(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h4" }), children));
+}
+exports.H4 = H4;
+function H5(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h5" }), children));
+}
+exports.H5 = H5;
+function H6(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h6" }), children));
+}
+exports.H6 = H6;
+function LargeText(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "body1" }), children));
+}
+exports.LargeText = LargeText;
+function BodyText(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "body2" }), children));
+}
+exports.BodyText = BodyText;
+function SmallText(props) {
+    var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
+    return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "caption" }), children));
+}
+exports.SmallText = SmallText;
 //# sourceMappingURL=Typography.js.map