@epilot/base-elements 3.1.6 → 3.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/AppBar/index.d.ts +1 -2
  3. package/dist/AppBar/index.js +11 -3
  4. package/dist/AppBar/index.js.map +1 -1
  5. package/dist/Badge/Badge.d.ts +2 -3
  6. package/dist/Badge/Badge.js +3 -6
  7. package/dist/Badge/Badge.js.map +1 -1
  8. package/dist/Box/index.d.ts +1 -2
  9. package/dist/Box/index.js +10 -3
  10. package/dist/Box/index.js.map +1 -1
  11. package/dist/Breadcrumbs/index.d.ts +1 -2
  12. package/dist/Breadcrumbs/index.js +9 -4
  13. package/dist/Breadcrumbs/index.js.map +1 -1
  14. package/dist/Button/index.d.ts +1 -2
  15. package/dist/Button/index.js +10 -3
  16. package/dist/Button/index.js.map +1 -1
  17. package/dist/ButtonGroup/ButtonGroup.d.ts +2 -3
  18. package/dist/ButtonGroup/ButtonGroup.js +3 -6
  19. package/dist/ButtonGroup/ButtonGroup.js.map +1 -1
  20. package/dist/ButtonGroup/types.d.ts +2 -37
  21. package/dist/Card/index.d.ts +1 -2
  22. package/dist/Card/index.js +15 -3
  23. package/dist/Card/index.js.map +1 -1
  24. package/dist/Chip/Chip.d.ts +3 -3
  25. package/dist/Chip/Chip.js +6 -6
  26. package/dist/Chip/Chip.js.map +1 -1
  27. package/dist/Chip/RandomColoredChip.d.ts +3 -3
  28. package/dist/Chip/RandomColoredChip.js +5 -5
  29. package/dist/Chip/RandomColoredChip.js.map +1 -1
  30. package/dist/CssBaseline/index.d.ts +2 -3
  31. package/dist/CssBaseline/index.js +11 -5
  32. package/dist/CssBaseline/index.js.map +1 -1
  33. package/dist/Skeleton/index.d.ts +1 -2
  34. package/dist/Skeleton/index.js +9 -3
  35. package/dist/Skeleton/index.js.map +1 -1
  36. package/dist/Stepper/MobileStepper.d.ts +2 -3
  37. package/dist/Stepper/MobileStepper.js +3 -5
  38. package/dist/Stepper/MobileStepper.js.map +1 -1
  39. package/dist/Stepper/Stepper.d.ts +4 -7
  40. package/dist/Stepper/Stepper.js +12 -23
  41. package/dist/Stepper/Stepper.js.map +1 -1
  42. package/dist/Stepper/types.d.ts +2 -6
  43. package/dist/ThemeProvider/ThemeProvider.d.ts +2 -2
  44. package/dist/ThemeProvider/ThemeProvider.js +16 -19
  45. package/dist/ThemeProvider/ThemeProvider.js.map +1 -1
  46. package/dist/ThemeProvider/index.d.ts +0 -1
  47. package/dist/ThemeProvider/index.js +0 -1
  48. package/dist/ThemeProvider/index.js.map +1 -1
  49. package/dist/Typography/Typography.d.ts +42 -12
  50. package/dist/Typography/Typography.js +32 -46
  51. package/dist/Typography/Typography.js.map +1 -1
  52. package/dist/Typography/index.d.ts +1 -2
  53. package/dist/bundle.js +86 -82
  54. package/dist/bundle.js.map +1 -1
  55. package/dist/context/ClassPrefixContext.d.ts +6 -8
  56. package/dist/context/ClassPrefixContext.js +4 -5
  57. package/dist/context/ClassPrefixContext.js.map +1 -1
  58. package/package.json +2 -2
  59. package/dist/AppBar/AppBar.d.ts +0 -4
  60. package/dist/AppBar/AppBar.js +0 -17
  61. package/dist/AppBar/AppBar.js.map +0 -1
  62. package/dist/AppBar/types.d.ts +0 -3
  63. package/dist/AppBar/types.js +0 -3
  64. package/dist/AppBar/types.js.map +0 -1
  65. package/dist/Box/Box.d.ts +0 -3
  66. package/dist/Box/Box.js +0 -12
  67. package/dist/Box/Box.js.map +0 -1
  68. package/dist/Box/types.d.ts +0 -2
  69. package/dist/Box/types.js +0 -3
  70. package/dist/Box/types.js.map +0 -1
  71. package/dist/Breadcrumbs/Breadcrumbs.d.ts +0 -3
  72. package/dist/Breadcrumbs/Breadcrumbs.js +0 -11
  73. package/dist/Breadcrumbs/Breadcrumbs.js.map +0 -1
  74. package/dist/Breadcrumbs/types.d.ts +0 -2
  75. package/dist/Breadcrumbs/types.js +0 -3
  76. package/dist/Breadcrumbs/types.js.map +0 -1
  77. package/dist/Button/Button.d.ts +0 -2
  78. package/dist/Button/Button.js +0 -6
  79. package/dist/Button/Button.js.map +0 -1
  80. package/dist/Button/types.d.ts +0 -2
  81. package/dist/Button/types.js +0 -3
  82. package/dist/Button/types.js.map +0 -1
  83. package/dist/Card/Card.d.ts +0 -8
  84. package/dist/Card/Card.js +0 -34
  85. package/dist/Card/Card.js.map +0 -1
  86. package/dist/Card/types.d.ts +0 -7
  87. package/dist/Card/types.js +0 -3
  88. package/dist/Card/types.js.map +0 -1
@@ -1,28 +1,17 @@
1
1
  "use strict";
2
2
  exports.__esModule = true;
3
- exports.StepConnector = exports.StepContent = exports.StepLabel = exports.Step = exports.Stepper = void 0;
3
+ exports.Stepper = exports.StepConnector = exports.StepContent = exports.StepLabel = exports.Step = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var core_1 = require("@material-ui/core");
6
- var react_1 = tslib_1.__importDefault(require("react"));
7
- function Stepper(props) {
8
- var _a = props.alignment, alignment = _a === void 0 ? 'left' : _a, _b = props.orientation, orientation = _b === void 0 ? 'horizontal' : _b, children = props.children, rest = tslib_1.__rest(props, ["alignment", "orientation", "children"]);
9
- return (react_1["default"].createElement(core_1.Stepper, tslib_1.__assign({ alternativeLabel: orientation === 'horizontal' && alignment === 'center', orientation: orientation }, rest), children));
10
- }
11
- exports.Stepper = Stepper;
12
- function Step(props) {
13
- return react_1["default"].createElement(core_1.Step, tslib_1.__assign({}, props));
14
- }
15
- exports.Step = Step;
16
- function StepLabel(props) {
17
- return react_1["default"].createElement(core_1.StepLabel, tslib_1.__assign({}, props));
18
- }
19
- exports.StepLabel = StepLabel;
20
- function StepContent(props) {
21
- return react_1["default"].createElement(core_1.StepContent, tslib_1.__assign({}, props));
22
- }
23
- exports.StepContent = StepContent;
24
- function StepConnector(props) {
25
- return react_1["default"].createElement(core_1.StepConnector, tslib_1.__assign({}, props));
26
- }
27
- exports.StepConnector = StepConnector;
6
+ var react_1 = tslib_1.__importStar(require("react"));
7
+ var core_2 = require("@material-ui/core");
8
+ tslib_1.__createBinding(exports, core_2, "Step");
9
+ tslib_1.__createBinding(exports, core_2, "StepLabel");
10
+ tslib_1.__createBinding(exports, core_2, "StepContent");
11
+ tslib_1.__createBinding(exports, core_2, "StepConnector");
12
+ exports.Stepper = react_1.forwardRef(function (_a, ref) {
13
+ var _b = _a.alignment, alignment = _b === void 0 ? 'left' : _b, _c = _a.orientation, orientation = _c === void 0 ? 'horizontal' : _c, props = tslib_1.__rest(_a, ["alignment", "orientation"]);
14
+ return (react_1["default"].createElement(core_1.Stepper, tslib_1.__assign({ alternativeLabel: orientation === 'horizontal' && alignment === 'center', orientation: orientation, ref: ref }, props)));
15
+ });
16
+ exports.Stepper.displayName = 'Stepper';
28
17
  //# sourceMappingURL=Stepper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,wDAAyB;AAUzB,SAAgB,OAAO,CAAC,KAAmB;IAEvC,IAAA,KAIE,KAAK,UAJW,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,KAGE,KAAK,YAHmB,EAA1B,WAAW,mBAAG,YAAY,KAAA,EAC1B,QAAQ,GAEN,KAAK,SAFC,EACL,IAAI,kBACL,KAAK,EALH,wCAKL,CADQ,CACA;IAET,OAAO,CACL,iCAAC,cAAU,qBACT,gBAAgB,EAAE,WAAW,KAAK,YAAY,IAAI,SAAS,KAAK,QAAQ,EACxE,WAAW,EAAE,WAAW,IACpB,IAAI,GAEP,QAAQ,CACE,CACd,CAAA;AACH,CAAC;AAjBD,0BAiBC;AAED,SAAgB,IAAI,CAAC,KAAgB;IACnC,OAAO,iCAAC,WAAO,uBAAK,KAAK,EAAI,CAAA;AAC/B,CAAC;AAFD,oBAEC;AAED,SAAgB,SAAS,CAAC,KAAqB;IAC7C,OAAO,iCAAC,gBAAY,uBAAK,KAAK,EAAI,CAAA;AACpC,CAAC;AAFD,8BAEC;AAED,SAAgB,WAAW,CAAC,KAAuB;IACjD,OAAO,iCAAC,kBAAc,uBAAK,KAAK,EAAI,CAAA;AACtC,CAAC;AAFD,kCAEC;AAED,SAAgB,aAAa,CAAC,KAAyB;IACrD,OAAO,iCAAC,oBAAgB,uBAAK,KAAK,EAAI,CAAA;AACxC,CAAC;AAFD,sCAEC"}
1
+ {"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../src/Stepper/Stepper.tsx"],"names":[],"mappings":";;;;AAAA,0CAAyD;AACzD,qDAAsE;AAItE,0CAA+E;AAAtE,iDAAI;AAAE,sDAAS;AAAE,wDAAW;AAAE,0DAAa;AAEvC,QAAA,OAAO,GAAG,kBAAU,CAG/B,UAAC,EAA4D,EAAE,GAAG;IAA/D,IAAA,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAAE,mBAA0B,EAA1B,WAAW,mBAAG,YAAY,KAAA,EAAK,KAAK,sBAA1D,4BAA4D,CAAF;IAAY,OAAA,CACvE,iCAAC,cAAU,qBACT,gBAAgB,EAAE,WAAW,KAAK,YAAY,IAAI,SAAS,KAAK,QAAQ,EACxE,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAA;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAA"}
@@ -1,4 +1,5 @@
1
- import { StepProps as MuiStepProps, StepLabelProps as MuiStepLabelProps, StepContentProps as MuiStepContentProps, StepperProps as MuiStepperProps, MobileStepperProps as MuiMobileStepperProps, StepIconProps as MuiStepIconProps, StepConnectorProps as MuiStepConnectorProps } from '@material-ui/core';
1
+ import type { StepperProps as MuiStepperProps, MobileStepperProps as MuiMobileStepperProps } from '@material-ui/core';
2
+ export type { StepProps, StepLabelProps, StepContentProps, StepIconProps, StepConnectorProps } from '@material-ui/core';
2
3
  export declare type StepperProps = Omit<MuiStepperProps, 'alternativeLabel' | 'nonLinear' | 'component' | 'elevation' | 'square' | 'variant'> & {
3
4
  /**
4
5
  * `left` or `center`
@@ -7,8 +8,3 @@ export declare type StepperProps = Omit<MuiStepperProps, 'alternativeLabel' | 'n
7
8
  alignment?: 'left' | 'center';
8
9
  };
9
10
  export declare type MobileStepperProps = Omit<MuiMobileStepperProps, 'LinearProgressProps' | 'component' | 'elevation' | 'square'>;
10
- export declare type StepProps = MuiStepProps;
11
- export declare type StepLabelProps = MuiStepLabelProps;
12
- export declare type StepContentProps = MuiStepContentProps;
13
- export declare type StepIconProps = MuiStepIconProps;
14
- export declare type StepConnectorProps = MuiStepConnectorProps;
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { ThemeProviderProps } from './types';
3
- export declare const ThemeProvider: React.MemoExoticComponent<({ children, theme, classPrefix, isMuiTheme }: ThemeProviderProps) => JSX.Element>;
3
+ export declare function ThemeProvider({ children, theme, classPrefix, isMuiTheme }: ThemeProviderProps): JSX.Element;
@@ -3,29 +3,26 @@ exports.__esModule = true;
3
3
  exports.ThemeProvider = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var core_1 = require("@material-ui/core");
6
- var react_1 = tslib_1.__importStar(require("react"));
6
+ var react_1 = tslib_1.__importDefault(require("react"));
7
7
  var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
8
8
  var DefaultEpilotTheme_1 = require("./DefaultEpilotTheme");
9
9
  var mapping_1 = require("./mapping");
10
- exports.ThemeProvider = react_1.memo(function (_a) {
10
+ function ThemeProvider(_a) {
11
11
  var children = _a.children, _b = _a.theme, theme = _b === void 0 ? DefaultEpilotTheme_1.DefaultEpilotTheme : _b, _c = _a.classPrefix, classPrefix = _c === void 0 ? '' : _c, isMuiTheme = _a.isMuiTheme;
12
- var muiTheme = react_1.useMemo(function () {
13
- return isMuiTheme
14
- ? theme
15
- : core_1.createTheme(mapping_1.parseMuiTheme(theme, classPrefix));
16
- }, [classPrefix, isMuiTheme, theme]);
17
- var generateClassName = react_1.useCallback(function (rule, sheet) {
18
- var _generateClassName = core_1.createGenerateClassName({
19
- seed: classPrefix || DefaultEpilotTheme_1.DefaultEpilotTheme.prefix
20
- });
21
- var className = _generateClassName(rule, sheet);
22
- //Generate random ID for to randomise jss class rule - eg. 7yadq
23
- var id = (Math.random() + 1).toString(36).substring(7);
24
- return className.includes('jss') ? className + "--" + id : className;
25
- }, [classPrefix]);
12
+ var muiTheme = isMuiTheme
13
+ ? theme
14
+ : core_1.createTheme(mapping_1.parseMuiTheme(theme, classPrefix));
15
+ var generateClassName = core_1.createGenerateClassName({
16
+ seed: classPrefix || DefaultEpilotTheme_1.DefaultEpilotTheme.prefix
17
+ });
26
18
  return (react_1["default"].createElement(ClassPrefixContext_1.ClassPrefixProvider, { classPrefix: classPrefix },
27
- react_1["default"].createElement(core_1.StylesProvider, { generateClassName: generateClassName },
19
+ react_1["default"].createElement(core_1.StylesProvider, { generateClassName: function (rule, sheet) {
20
+ var className = generateClassName(rule, sheet);
21
+ //Generate random ID for to randomise jss class rule - eg. 7yadq
22
+ var id = (Math.random() + 1).toString(36).substring(7);
23
+ return className.includes('jss') ? className + "--" + id : className;
24
+ } },
28
25
  react_1["default"].createElement(core_1.ThemeProvider, { theme: muiTheme }, children))));
29
- });
30
- exports.ThemeProvider.displayName = 'ThemeProvider';
26
+ }
27
+ exports.ThemeProvider = ThemeProvider;
31
28
  //# sourceMappingURL=ThemeProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,qDAAyD;AAEzD,oEAAmE;AAEnE,2DAAyD;AACzD,qCAAyC;AAG5B,QAAA,aAAa,GAAG,YAAI,CAC/B,UAAC,EAKoB;QAJnB,QAAQ,cAAA,EACR,aAAyC,EAAzC,KAAK,mBAAG,uCAAiC,KAAA,EACzC,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,eAAO,CACtB;QACE,OAAA,UAAU;YACR,CAAC,CAAE,KAAe;YAClB,CAAC,CAAC,kBAAW,CAAC,uBAAa,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAC;IAFjE,CAEiE,EACnE,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,CACjC,CAAA;IAED,IAAM,iBAAiB,GAAG,mBAAW,CACnC,UAAC,IAAI,EAAE,KAAK;QACV,IAAM,kBAAkB,GAAG,8BAAuB,CAAC;YACjD,IAAI,EAAE,WAAW,IAAI,uCAAkB,CAAC,MAAM;SAC/C,CAAC,CAAA;QACF,IAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACjD,gEAAgE;QAChE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;IACtE,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAAC,iBAAiB,EAAE,iBAAiB;YACrD,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC9C,CACA,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
1
+ {"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,wDAAyB;AAEzB,oEAAmE;AAEnE,2DAAyD;AACzD,qCAAyC;AAGzC,SAAgB,aAAa,CAAC,EAKT;QAJnB,QAAQ,cAAA,EACR,aAAyC,EAAzC,KAAK,mBAAG,uCAAiC,KAAA,EACzC,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,UAAU;QACzB,CAAC,CAAE,KAAe;QAClB,CAAC,CAAC,kBAAW,CAAC,uBAAa,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjE,IAAM,iBAAiB,GAAG,8BAAuB,CAAC;QAChD,IAAI,EAAE,WAAW,IAAI,uCAAkB,CAAC,MAAM;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAChB,iBAAiB,EAAE,UAAC,IAAI,EAAE,KAAK;gBAC7B,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAChD,gEAAgE;gBAChE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;gBAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;YACtE,CAAC;YAED,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC9C,CACA,CACvB,CAAA;AACH,CAAC;AA7BD,sCA6BC"}
@@ -1,4 +1,3 @@
1
1
  export { ThemeProvider } from './ThemeProvider';
2
2
  export * from './DefaultEpilotTheme';
3
- export * from './mapping';
4
3
  export * from './types';
@@ -5,6 +5,5 @@ var tslib_1 = require("tslib");
5
5
  var ThemeProvider_1 = require("./ThemeProvider");
6
6
  tslib_1.__createBinding(exports, ThemeProvider_1, "ThemeProvider");
7
7
  tslib_1.__exportStar(require("./DefaultEpilotTheme"), exports);
8
- tslib_1.__exportStar(require("./mapping"), exports);
9
8
  tslib_1.__exportStar(require("./types"), exports);
10
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ThemeProvider/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAAtC,mEAAa;AACtB,+DAAoC;AACpC,oDAAyB;AACzB,kDAAuB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ThemeProvider/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAAtC,mEAAa;AACtB,+DAAoC;AACpC,kDAAuB"}
@@ -1,13 +1,43 @@
1
1
  /// <reference types="react" />
2
- import { TypographyProps } from './types';
3
- export declare function Typography(props: TypographyProps): JSX.Element;
4
- export declare function DisplayText(props: TypographyProps): JSX.Element;
5
- export declare function H1(props: TypographyProps): JSX.Element;
6
- export declare function H2(props: TypographyProps): JSX.Element;
7
- export declare function H3(props: TypographyProps): JSX.Element;
8
- export declare function H4(props: TypographyProps): JSX.Element;
9
- export declare function H5(props: TypographyProps): JSX.Element;
10
- export declare function H6(props: TypographyProps): JSX.Element;
11
- export declare function LargeText(props: TypographyProps): JSX.Element;
12
- export declare function BodyText(props: TypographyProps): JSX.Element;
13
- export declare function SmallText(props: TypographyProps): JSX.Element;
2
+ export { Typography } from '@material-ui/core';
3
+ import type { TypographyProps } from './types';
4
+ export declare const H1: {
5
+ (props: TypographyProps): JSX.Element;
6
+ displayName: string;
7
+ };
8
+ export declare const H2: {
9
+ (props: TypographyProps): JSX.Element;
10
+ displayName: string;
11
+ };
12
+ export declare const H3: {
13
+ (props: TypographyProps): JSX.Element;
14
+ displayName: string;
15
+ };
16
+ export declare const H4: {
17
+ (props: TypographyProps): JSX.Element;
18
+ displayName: string;
19
+ };
20
+ export declare const H5: {
21
+ (props: TypographyProps): JSX.Element;
22
+ displayName: string;
23
+ };
24
+ export declare const H6: {
25
+ (props: TypographyProps): JSX.Element;
26
+ displayName: string;
27
+ };
28
+ export declare const DisplayText: {
29
+ (props: TypographyProps): JSX.Element;
30
+ defaultName: string;
31
+ };
32
+ export declare const LargeText: {
33
+ (props: TypographyProps): JSX.Element;
34
+ displayName: string;
35
+ };
36
+ export declare const BodyText: {
37
+ (props: TypographyProps): JSX.Element;
38
+ displayName: string;
39
+ };
40
+ export declare const SmallText: {
41
+ (props: TypographyProps): JSX.Element;
42
+ displayName: string;
43
+ };
@@ -1,61 +1,47 @@
1
1
  "use strict";
2
2
  exports.__esModule = true;
3
- exports.SmallText = exports.BodyText = exports.LargeText = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.DisplayText = exports.Typography = void 0;
3
+ exports.SmallText = exports.BodyText = exports.LargeText = exports.DisplayText = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Typography = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var core_1 = require("@material-ui/core");
6
+ tslib_1.__createBinding(exports, core_1, "Typography");
7
+ var core_2 = require("@material-ui/core");
6
8
  var react_1 = tslib_1.__importDefault(require("react"));
7
- function Typography(props) {
8
- return react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, props));
9
- }
10
- exports.Typography = Typography;
11
- function DisplayText(props) {
12
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
13
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h6" }), children));
14
- }
15
- exports.DisplayText = DisplayText;
16
- function H1(props) {
17
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
18
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h1" }), children));
19
- }
9
+ /**
10
+ * @private Should not be exported
11
+ */
12
+ var CustomColoredTypography = function (_a) {
13
+ var style = _a.style, customColor = _a.customColor, props = tslib_1.__rest(_a, ["style", "customColor"]);
14
+ return (react_1["default"].createElement(core_2.Typography, tslib_1.__assign({ style: tslib_1.__assign({ color: customColor }, style) }, props)));
15
+ };
16
+ CustomColoredTypography.displayName = 'CustomColoredTypography';
17
+ var H1 = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "h1" }, props))); };
20
18
  exports.H1 = H1;
21
- function H2(props) {
22
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
23
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h2" }), children));
24
- }
19
+ exports.H1.displayName = 'H1';
20
+ var H2 = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "h2" }, props))); };
25
21
  exports.H2 = H2;
26
- function H3(props) {
27
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
28
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h3" }), children));
29
- }
22
+ exports.H2.displayName = 'H2';
23
+ var H3 = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "h3" }, props))); };
30
24
  exports.H3 = H3;
31
- function H4(props) {
32
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
33
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h4" }), children));
34
- }
25
+ exports.H3.displayName = 'H3';
26
+ var H4 = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "h4" }, props))); };
35
27
  exports.H4 = H4;
36
- function H5(props) {
37
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
38
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h5" }), children));
39
- }
28
+ exports.H4.displayName = 'H4';
29
+ var H5 = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "h5" }, props))); };
40
30
  exports.H5 = H5;
41
- function H6(props) {
42
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
43
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "h6" }), children));
44
- }
31
+ exports.H5.displayName = 'H5';
32
+ var H6 = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "h6" }, props))); };
45
33
  exports.H6 = H6;
46
- function LargeText(props) {
47
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
48
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "body1" }), children));
49
- }
34
+ exports.H6.displayName = 'H6';
35
+ var DisplayText = function (props) { return react_1["default"].createElement(exports.H6, tslib_1.__assign({}, props)); };
36
+ exports.DisplayText = DisplayText;
37
+ exports.DisplayText.defaultName = 'DisplayText';
38
+ var LargeText = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "body1" }, props))); };
50
39
  exports.LargeText = LargeText;
51
- function BodyText(props) {
52
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
53
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "body2" }), children));
54
- }
40
+ exports.LargeText.displayName = 'LargeText';
41
+ var BodyText = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "body2" }, props))); };
55
42
  exports.BodyText = BodyText;
56
- function SmallText(props) {
57
- var children = props.children, customColor = props.customColor, rest = tslib_1.__rest(props, ["children", "customColor"]);
58
- return (react_1["default"].createElement(core_1.Typography, tslib_1.__assign({}, rest, { style: { color: customColor }, variant: "caption" }), children));
59
- }
43
+ exports.BodyText.displayName = 'BodyText';
44
+ var SmallText = function (props) { return (react_1["default"].createElement(CustomColoredTypography, tslib_1.__assign({ variant: "caption" }, props))); };
60
45
  exports.SmallText = SmallText;
46
+ exports.SmallText.displayName = 'SmallText';
61
47
  //# sourceMappingURL=Typography.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,2 @@
1
- import { TypographyProps as Props } from './types';
1
+ export type { TypographyProps } from './types';
2
2
  export { DisplayText, H1, H2, H3, H4, H5, H6, LargeText, BodyText, SmallText, Typography } from './Typography';
3
- export declare type TypographyProps = Props;