@connectif/ui-components 0.0.1

package/dist/src/theme/Colors.d.ts

@@ -0,0 +1,90 @@
+export declare const primary50 = "#E7F3FF";
+export declare const primary100 = "#C5E1FF";
+export declare const primary200 = "#A2D0FF";
+export declare const primary300 = "#82BDFD";
+export declare const primary400 = "#6FAEFC";
+export declare const primary500 = "#63A0FA";
+export declare const primary600 = "#5E91EB";
+export declare const primary700 = "#577ED7";
+export declare const primary800 = "#516DC4";
+export declare const primary900 = "#464EA3";
+export declare const primaryMain = "#5E91EB";
+export declare const primaryDark = "#516DC4";
+export declare const primaryLight = "#82BDFD";
+export declare const primaryOpacity32 = "rgba(212, 224, 246, 0.32)";
+export declare const primaryAlpha32 = "#F1F5FC";
+export declare const primaryAlpha64 = "#E3EBF9";
+export declare const complementary50 = "#FBF3E3";
+export declare const complementary100 = "#F5E0B9";
+export declare const complementary200 = "#F0CC8C";
+export declare const complementary300 = "#EBB860";
+export declare const complementary400 = "#E8A944";
+export declare const complementary500 = "#E69B2D";
+export declare const complementary600 = "#E29029";
+export declare const complementary700 = "#DB8223";
+export declare const complementary800 = "#D5741E";
+export declare const complementary900 = "#CC5D14";
+export declare const complementaryMain = "#EBB860";
+export declare const error50 = "#FFEBEE";
+export declare const error100 = "#FFCDD2";
+export declare const error200 = "#EF9A9A";
+export declare const error300 = "#E57373";
+export declare const error400 = "#EF5350";
+export declare const error500 = "#F44336";
+export declare const error600 = "#E53935";
+export declare const error700 = "#D32F2F";
+export declare const error800 = "#C62828";
+export declare const error900 = "#B71C1C";
+export declare const errorMain = "#EF5350";
+export declare const success50 = "#E6FCE8";
+export declare const success100 = "#C3F6C5";
+export declare const success200 = "#98F19F";
+export declare const success300 = "#60EB73";
+export declare const success400 = "#07E44D";
+export declare const success500 = "#00DB2D";
+export declare const success600 = "#00CA20";
+export declare const success700 = "#00B70D";
+export declare const success800 = "#00A500";
+export declare const success900 = "#008400";
+export declare const successMain = "#60EB73";
+export declare const successDark = "#00CA20";
+export declare const successLight = "#C3F6C5";
+export declare const grey50 = "#FAFAFA";
+export declare const grey100 = "#F5F5F5";
+export declare const grey200 = "#EEEEEE";
+export declare const grey300 = "#E0E0E0";
+export declare const grey400 = "#BDBDBD";
+export declare const grey500 = "#9E9E9E";
+export declare const grey600 = "#757575";
+export declare const grey700 = "#616161";
+export declare const grey800 = "#424242";
+export declare const grey900 = "#212121";
+export declare const white = "#FFFFFF";
+export declare const whiteOpacity32 = "rgba(255, 255, 255, 0.32)";
+export declare const black = "#000000";
+export declare const blackOpacity04 = "rgba(0, 0, 0, 0.04)";
+export declare const blueGrey300 = "#A0A4AB";
+export declare const blueGrey400 = "#646D7A";
+export declare const blueGrey500 = "#495362";
+export declare const blueGrey700 = "#414A58";
+export declare const blueGrey800 = "#383F4C";
+export declare const blueGreyOpacity05 = "rgba(65, 74, 88, 0.05)";
+export declare const lightGreen = "#599D7D";
+export declare const darkGreen = "#487F65";
+export declare const dark500 = "#7F8BA8";
+export declare const dark600 = "#3A4155";
+export declare const dark700 = "#2F3646";
+export declare const dark800 = "#262B38";
+export declare const dark900 = "#1D202A";
+export declare const darkMain = "#2F3646";
+export declare const electricLavender = "#AD77EF";
+export declare const cornflowerBlue = "#5F90EF";
+export declare const tertiaryBlueGray = "#0E7178";
+export declare const tertiaryBlueGrayLight = "#E4F5F7";
+export declare const gunMetal = "#47535D";
+export declare const yellow = "#FFD234";
+export declare const blueGrey = "#7384A0";
+export declare const paleOliveGreen = "#AED581";
+export declare const oliveGreen = "#83B04E";
+export declare const redOrange = "#FF3D00";
+export declare const green2 = "#2AC1CB";

package/dist/src/theme/GlobalStyles.d.ts

@@ -0,0 +1,3 @@
+import { GlobalStylesProps } from '@mui/material';
+declare const globalStyles: GlobalStylesProps['styles'];
+export default globalStyles;

package/dist/src/theme/Palettes.d.ts

@@ -0,0 +1,4 @@
+import { SimplePaletteColorOptions } from '@mui/material';
+export declare const primaryPalette: SimplePaletteColorOptions;
+export declare const errorPalette: SimplePaletteColorOptions;
+export declare const successPalette: SimplePaletteColorOptions;

package/dist/src/theme/Shadows.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const shadows: Theme['shadows'];

package/dist/src/theme/Theme.d.ts

@@ -0,0 +1 @@
+export declare const theme: import("@mui/material/styles").Theme;

package/dist/src/theme/Typography.d.ts

@@ -0,0 +1,97 @@
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+import * as React from 'react';
+export declare const sizes: {
+    readonly xs: "10px";
+    readonly sm: "12px";
+    readonly md: "14px";
+    readonly lg: "16px";
+    readonly xl: "18px";
+    readonly '2xl': "24px";
+    readonly '3xl': "32px";
+};
+export type TypographySize = keyof typeof sizes;
+export declare const weights: {
+    readonly regular: "400";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+export type TypographyWeight = keyof typeof weights;
+export declare const families: {
+    readonly primary: "Source Sans Pro";
+};
+export type TypographyFamily = keyof typeof families;
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body1-semibold' | 'body1-semibold-monospace' | 'body2' | 'body2-semibold' | 'body2-semibold-monospace' | 'button-large' | 'button-medium' | 'button-small' | 'caption' | 'tooltip' | 'overline';
+export declare const variants: {
+    [key in TypographyVariant]: React.CSSProperties;
+};
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        h1: React.CSSProperties;
+        h2: React.CSSProperties;
+        h3: React.CSSProperties;
+        h4: React.CSSProperties;
+        h5: React.CSSProperties;
+        h6: React.CSSProperties;
+        subtitle1: React.CSSProperties;
+        subtitle2: React.CSSProperties;
+        body1: React.CSSProperties;
+        'body1-semibold': React.CSSProperties;
+        'body1-semibold-monospace': React.CSSProperties;
+        body2: React.CSSProperties;
+        'body2-semibold': React.CSSProperties;
+        'body2-semibold-monospace': React.CSSProperties;
+        'button-large': React.CSSProperties;
+        'button-medium': React.CSSProperties;
+        'button-small': React.CSSProperties;
+        caption: React.CSSProperties;
+        tooltip: React.CSSProperties;
+        overline: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        h1?: React.CSSProperties;
+        h2?: React.CSSProperties;
+        h3?: React.CSSProperties;
+        h4?: React.CSSProperties;
+        h5?: React.CSSProperties;
+        h6?: React.CSSProperties;
+        subtitle1?: React.CSSProperties;
+        subtitle2?: React.CSSProperties;
+        body1?: React.CSSProperties;
+        'body1-semibold'?: React.CSSProperties;
+        'body1-semibold-monospace'?: React.CSSProperties;
+        body2?: React.CSSProperties;
+        'body2-semibold'?: React.CSSProperties;
+        'body2-semibold-monospace'?: React.CSSProperties;
+        'button-large'?: React.CSSProperties;
+        'button-medium'?: React.CSSProperties;
+        'button-small'?: React.CSSProperties;
+        caption?: React.CSSProperties;
+        tooltip?: React.CSSProperties;
+        overline?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        h1: true;
+        h2: true;
+        h3: true;
+        h4: true;
+        h5: true;
+        h6: true;
+        subtitle1: true;
+        subtitle2: true;
+        body1: true;
+        'body1-semibold': true;
+        'body1-semibold-monospace': true;
+        body2: true;
+        'body2-semibold': true;
+        'body2-semibold-monospace': true;
+        'button-large': true;
+        'button-medium': true;
+        'button-small': true;
+        caption: true;
+        tooltip: true;
+        overline: true;
+    }
+}
+export declare const typography: TypographyOptions;

package/dist/src/theme/index.d.ts

@@ -0,0 +1,7 @@
+export * as Animations from './Animations';
+export * as Colors from './Colors';
+export * as GlobalStyles from './GlobalStyles';
+export * as Palettes from './Palettes';
+export * as Shadows from './Shadows';
+export * as Theme from './Theme';
+export * as ThemeTypography from './Typography';

package/dist/src/utils/ChartUtils.d.ts

@@ -0,0 +1,23 @@
+import { TopLevelFormatterParams } from 'echarts/types/dist/shared';
+import { IconId } from '../components/icon/Icon';
+import { IncrementLabelType } from '../propTypes/IncrementLabel';
+export type ChartTooltipEntry = {
+    iconId?: IconId;
+    iconColor?: string;
+    text: string;
+    incrementLabelValue?: string;
+    incrementLabelType?: IncrementLabelType;
+};
+export type ChartTooltipEntryFormatter = (params: {
+    seriesIndex: number;
+    seriesName: string;
+    value: number;
+    data: {
+        tooltipName: string;
+        tooltipOrder: number;
+        tooltipValue: string;
+        incrementLabelValue: string;
+        incrementLabelType: IncrementLabelType;
+    };
+}) => ChartTooltipEntry;
+export declare function getTooltipFormatter(chartTooltipEntryFormatter?: ChartTooltipEntryFormatter): (param: TopLevelFormatterParams) => string;

package/dist/src/utils/CurrencyFormatter.d.ts

@@ -0,0 +1 @@
+export declare function formatCurrency(value: number, locale: string, currency: string, notation?: 'compact'): string;

package/dist/src/utils/DateUtils.d.ts

@@ -0,0 +1,45 @@
+import { ComparisonInterval } from '../models/ComparisonInterval';
+import { DateInputFormat } from '../models/DateInputFormat';
+import { DateInterval } from '../models/DateInterval';
+import { SimpleDate } from '../models/SimpleDate';
+export type DateTimeFormat = 'dateTimeVeryLongFormat' | 'dateTimeLongFormat' | 'dateTimeMediumFormat' | 'dateMediumLongFormat' | 'dateMediumFormat' | 'timeFormat' | 'shortTimeFormat' | 'dateFormat' | 'yearMonthFormat' | 'yearMonthLongFormat' | 'twoDigitsFormat';
+export declare function formatDate(date: Date, locale: string, timezone: string, format?: DateTimeFormat): string;
+export declare function getWeekDayNamesForLocale(locale: string, format?: 'long' | 'short' | 'narrow'): string[];
+/**
+ * Return a string representing a date in the format for the supplied locale.
+ * For example, if the locale is 'en-US' and the returned value is `"MM/DD/YYYY"`,
+ * and for locale 'es' the returned value is `"DD/MM/YYYY"`.
+ *
+ * All formats always have a 'DD' component representing the day of the month,
+ * and a 'MM' component representing the month, and a 'YYYY' component representing
+ * the year.
+ */
+export declare function getDateInputFormatForLocale(locale: string): DateInputFormat;
+/**
+ * Return a Date object representing the supplied string date for a locale and timezone.
+ * Supplied string date must be in the format returned by `getDateFormatForLocale(locale)`.
+ *
+ * If the supplied string date is invalid, the returned date will be invalid.
+ */
+export declare function parseDateForLocale(dateString: string, locale: string, timezone: string): Date;
+export declare function getDatesFromDateInterval(interval: Exclude<DateInterval, 'custom'>, maxSelectableDays: number, timezone: string): {
+    startDate: Date;
+    endDate: Date;
+};
+export declare function getComparisonInterval(comparisonInterval: Exclude<ComparisonInterval, 'custom'>, startSimpleDate: SimpleDate, endSimpleDate: SimpleDate, timezone: string, minDate: Date): {
+    comparisonStartDate: Date;
+    comparisonEndDate: Date;
+};
+/**
+ * Return true if first simpleDate is after the second simpleDate.
+ */
+export declare function isAfterSimpleDate(d1: SimpleDate | null, d2: SimpleDate | null): boolean;
+/**
+ * Return true if all simpleDate are exactly the same.
+ */
+export declare function areSameSimpleDate(...simpleDates: (SimpleDate | null)[]): boolean;
+/**
+ * Return a SimpleDate representing the supplied date in the supplied timezone
+ */
+export declare function dateToSimpleDate(date: Date | null | undefined, timezone: string): SimpleDate | null;
+export declare function getDisplayEndDate(date: Date, timezone: string): Date;

package/dist/src/utils/NumberFormatter.d.ts

@@ -0,0 +1,2 @@
+export declare function formatNumber(value: number, locale: string, fractionSize?: number): string;
+export declare function formatCompactNumber(value: number, locale: string): string;

package/dist/src/utils/PercentageFormatter.d.ts

@@ -0,0 +1 @@
+export declare function formatPercentage(value: number, locale: string, fractionSize?: 0 | 1 | 2 | 3, minFractionSize?: 0 | 1 | 2 | 3): string;

package/dist/src/utils/PhoneUtils.d.ts

@@ -0,0 +1,11 @@
+export declare const countryCodesFourDigits: Set<string>;
+export declare const countryCodesThreeDigits: Set<string>;
+export declare const countryCodesTwoDigits: Set<string>;
+export declare const countryCodesOneDigit: string[];
+export declare const allCountries: {
+    name: string;
+    countryCode: string;
+}[];
+export declare function getCountryCode(phone?: string): string;
+export declare function getPhoneWithoutCountryCode(phone?: string, countryCode?: string): string;
+export declare function isValidPhoneNumber(phone: string): boolean;

package/dist/src/utils/RegExpUtils.d.ts

@@ -0,0 +1 @@
+export declare const toDiacriticInsensitiveString: (input: string) => string;

package/dist/src/utils/ResizeObserverUtils.d.ts

@@ -0,0 +1 @@
+export declare function getSafeResizeObserverCallback(callback: (entries: ResizeObserverEntry[]) => void): ResizeObserverCallback;

package/dist/src/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CurrencyFormatter';
+export * from './DateUtils';
+export * from './NumberFormatter';
+export * from './PercentageFormatter';
+export * from './ResizeObserverUtils';

package/dist/test/Setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/test/TestUtils.d.ts

@@ -0,0 +1,3 @@
+import userEvent from '@testing-library/user-event';
+export declare function getBackdrop(): Element | null;
+export declare function clearAndType(user: ReturnType<typeof userEvent.setup>, element: Element, text: string): Promise<void>;

package/dist/test/unit/components/button/Button.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/button/MenuButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/formatter/CurrencyFormatter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/formatter/DateFormatter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/formatter/NumberFormatter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/formatter/PercentageFormatter.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/input/DateIntervalPicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/input/DatePicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/input/NumberField.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/input/PhoneField.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/input/TextField.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/input/__mocks__/react-virtualized-auto-sizer.d.ts

@@ -0,0 +1,4 @@
+declare function _exports({ children }: {
+    children: any;
+}): any;
+export = _exports;

package/dist/test/unit/components/list/ListItemButton.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/tab/Tabs.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/tooltop/Tooltip.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/components/widget/WidgetLegendItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/i18n/translate.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/test/unit/utils/DateUtils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/theme/Animations.d.ts

@@ -0,0 +1,3 @@
+import { SxProps, Theme } from '@mui/material';
+export declare const backgroundMovingBars: SxProps<Theme>;
+export declare const littleBeating: SxProps<Theme>;

package/dist/theme/Breakpoints.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '@mui/material';
+declare module '@mui/material/styles' {
+    interface BreakpointOverrides {
+        xs: true;
+        sm: false;
+        md: true;
+        lg: true;
+        xl: true;
+    }
+}
+export declare const breakpoints: Theme['breakpoints'];

package/dist/theme/Colors.d.ts

@@ -0,0 +1,90 @@
+export declare const primary50 = "#E7F3FF";
+export declare const primary100 = "#C5E1FF";
+export declare const primary200 = "#A2D0FF";
+export declare const primary300 = "#82BDFD";
+export declare const primary400 = "#6FAEFC";
+export declare const primary500 = "#63A0FA";
+export declare const primary600 = "#5E91EB";
+export declare const primary700 = "#577ED7";
+export declare const primary800 = "#516DC4";
+export declare const primary900 = "#464EA3";
+export declare const primaryMain = "#5E91EB";
+export declare const primaryDark = "#516DC4";
+export declare const primaryLight = "#82BDFD";
+export declare const primaryOpacity32 = "rgba(212, 224, 246, 0.32)";
+export declare const primaryAlpha32 = "#F1F5FC";
+export declare const primaryAlpha64 = "#E3EBF9";
+export declare const complementary50 = "#FBF3E3";
+export declare const complementary100 = "#F5E0B9";
+export declare const complementary200 = "#F0CC8C";
+export declare const complementary300 = "#EBB860";
+export declare const complementary400 = "#E8A944";
+export declare const complementary500 = "#E69B2D";
+export declare const complementary600 = "#E29029";
+export declare const complementary700 = "#DB8223";
+export declare const complementary800 = "#D5741E";
+export declare const complementary900 = "#CC5D14";
+export declare const complementaryMain = "#EBB860";
+export declare const error50 = "#FFEBEE";
+export declare const error100 = "#FFCDD2";
+export declare const error200 = "#EF9A9A";
+export declare const error300 = "#E57373";
+export declare const error400 = "#EF5350";
+export declare const error500 = "#F44336";
+export declare const error600 = "#E53935";
+export declare const error700 = "#D32F2F";
+export declare const error800 = "#C62828";
+export declare const error900 = "#B71C1C";
+export declare const errorMain = "#EF5350";
+export declare const success50 = "#E6FCE8";
+export declare const success100 = "#C3F6C5";
+export declare const success200 = "#98F19F";
+export declare const success300 = "#60EB73";
+export declare const success400 = "#07E44D";
+export declare const success500 = "#00DB2D";
+export declare const success600 = "#00CA20";
+export declare const success700 = "#00B70D";
+export declare const success800 = "#00A500";
+export declare const success900 = "#008400";
+export declare const successMain = "#60EB73";
+export declare const successDark = "#00CA20";
+export declare const successLight = "#C3F6C5";
+export declare const grey50 = "#FAFAFA";
+export declare const grey100 = "#F5F5F5";
+export declare const grey200 = "#EEEEEE";
+export declare const grey300 = "#E0E0E0";
+export declare const grey400 = "#BDBDBD";
+export declare const grey500 = "#9E9E9E";
+export declare const grey600 = "#757575";
+export declare const grey700 = "#616161";
+export declare const grey800 = "#424242";
+export declare const grey900 = "#212121";
+export declare const white = "#FFFFFF";
+export declare const whiteOpacity32 = "rgba(255, 255, 255, 0.32)";
+export declare const black = "#000000";
+export declare const blackOpacity04 = "rgba(0, 0, 0, 0.04)";
+export declare const blueGrey300 = "#A0A4AB";
+export declare const blueGrey400 = "#646D7A";
+export declare const blueGrey500 = "#495362";
+export declare const blueGrey700 = "#414A58";
+export declare const blueGrey800 = "#383F4C";
+export declare const blueGreyOpacity05 = "rgba(65, 74, 88, 0.05)";
+export declare const lightGreen = "#599D7D";
+export declare const darkGreen = "#487F65";
+export declare const dark500 = "#7F8BA8";
+export declare const dark600 = "#3A4155";
+export declare const dark700 = "#2F3646";
+export declare const dark800 = "#262B38";
+export declare const dark900 = "#1D202A";
+export declare const darkMain = "#2F3646";
+export declare const electricLavender = "#AD77EF";
+export declare const cornflowerBlue = "#5F90EF";
+export declare const tertiaryBlueGray = "#0E7178";
+export declare const tertiaryBlueGrayLight = "#E4F5F7";
+export declare const gunMetal = "#47535D";
+export declare const yellow = "#FFD234";
+export declare const blueGrey = "#7384A0";
+export declare const paleOliveGreen = "#AED581";
+export declare const oliveGreen = "#83B04E";
+export declare const redOrange = "#FF3D00";
+export declare const green2 = "#2AC1CB";

package/dist/theme/GlobalStyles.d.ts

@@ -0,0 +1,3 @@
+import { GlobalStylesProps } from '@mui/material';
+declare const globalStyles: GlobalStylesProps['styles'];
+export default globalStyles;

package/dist/theme/Palettes.d.ts

@@ -0,0 +1,4 @@
+import { SimplePaletteColorOptions } from '@mui/material';
+export declare const primaryPalette: SimplePaletteColorOptions;
+export declare const errorPalette: SimplePaletteColorOptions;
+export declare const successPalette: SimplePaletteColorOptions;

package/dist/theme/Shadows.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@mui/material';
+export declare const shadows: Theme['shadows'];

package/dist/theme/Theme.d.ts

@@ -0,0 +1 @@
+export declare const theme: import("@mui/material/styles").Theme;

package/dist/theme/Typography.d.ts

@@ -0,0 +1,97 @@
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+import * as React from 'react';
+export declare const sizes: {
+    readonly xs: "10px";
+    readonly sm: "12px";
+    readonly md: "14px";
+    readonly lg: "16px";
+    readonly xl: "18px";
+    readonly '2xl': "24px";
+    readonly '3xl': "32px";
+};
+export type TypographySize = keyof typeof sizes;
+export declare const weights: {
+    readonly regular: "400";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+export type TypographyWeight = keyof typeof weights;
+export declare const families: {
+    readonly primary: "Source Sans Pro";
+};
+export type TypographyFamily = keyof typeof families;
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body1-semibold' | 'body1-semibold-monospace' | 'body2' | 'body2-semibold' | 'body2-semibold-monospace' | 'button-large' | 'button-medium' | 'button-small' | 'caption' | 'tooltip' | 'overline';
+export declare const variants: {
+    [key in TypographyVariant]: React.CSSProperties;
+};
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        h1: React.CSSProperties;
+        h2: React.CSSProperties;
+        h3: React.CSSProperties;
+        h4: React.CSSProperties;
+        h5: React.CSSProperties;
+        h6: React.CSSProperties;
+        subtitle1: React.CSSProperties;
+        subtitle2: React.CSSProperties;
+        body1: React.CSSProperties;
+        'body1-semibold': React.CSSProperties;
+        'body1-semibold-monospace': React.CSSProperties;
+        body2: React.CSSProperties;
+        'body2-semibold': React.CSSProperties;
+        'body2-semibold-monospace': React.CSSProperties;
+        'button-large': React.CSSProperties;
+        'button-medium': React.CSSProperties;
+        'button-small': React.CSSProperties;
+        caption: React.CSSProperties;
+        tooltip: React.CSSProperties;
+        overline: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        h1?: React.CSSProperties;
+        h2?: React.CSSProperties;
+        h3?: React.CSSProperties;
+        h4?: React.CSSProperties;
+        h5?: React.CSSProperties;
+        h6?: React.CSSProperties;
+        subtitle1?: React.CSSProperties;
+        subtitle2?: React.CSSProperties;
+        body1?: React.CSSProperties;
+        'body1-semibold'?: React.CSSProperties;
+        'body1-semibold-monospace'?: React.CSSProperties;
+        body2?: React.CSSProperties;
+        'body2-semibold'?: React.CSSProperties;
+        'body2-semibold-monospace'?: React.CSSProperties;
+        'button-large'?: React.CSSProperties;
+        'button-medium'?: React.CSSProperties;
+        'button-small'?: React.CSSProperties;
+        caption?: React.CSSProperties;
+        tooltip?: React.CSSProperties;
+        overline?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        h1: true;
+        h2: true;
+        h3: true;
+        h4: true;
+        h5: true;
+        h6: true;
+        subtitle1: true;
+        subtitle2: true;
+        body1: true;
+        'body1-semibold': true;
+        'body1-semibold-monospace': true;
+        body2: true;
+        'body2-semibold': true;
+        'body2-semibold-monospace': true;
+        'button-large': true;
+        'button-medium': true;
+        'button-small': true;
+        caption: true;
+        tooltip: true;
+        overline: true;
+    }
+}
+export declare const typography: TypographyOptions;

package/dist/theme/index.d.ts

@@ -0,0 +1,7 @@
+export * as Animations from './Animations';
+export * as Colors from './Colors';
+export * as GlobalStyles from './GlobalStyles';
+export * as Palettes from './Palettes';
+export * as Shadows from './Shadows';
+export * as Theme from './Theme';
+export * as ThemeTypography from './Typography';