@scaleflex/ui-tw 0.0.1

package/theme/roots/typography/entity/default-typography.d.ts

@@ -0,0 +1,398 @@
+export declare const getDefaultTypography: (typographyOverride?: {}) => {
+    font: {
+        "title-h6": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "title-h5": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "title-h4": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "title-h3": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "title-h2": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "title-h1": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "input-sm": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "input-sm-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "input-md": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "input-lg": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "link-small": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "link-small-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "link-small-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "link-small-up-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "link-medium": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "link-medium-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "link-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "link-large-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "link-large-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "link-large-up-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "btn-sm-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "btn-sm": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "btn-sm-up-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "btn-sm-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "btn-md-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "btn-md": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "btn-lg-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "btn-lg": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "btn-lg-up-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "btn-lg-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "text-extra-small": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "text-small": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "text-small-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "text-medium": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "text-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "text-extra-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "text-x-extra-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-extra-small": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-extra-small-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        "label-extra-small-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-small": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-small-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "label-small-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-small-up-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "label-medium": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-medium-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "label-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-large-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "label-large-up": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-extra-large-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "label-extra-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-x-extra-large-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "label-x-extra-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-x-x-extra-large-emphasis": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 500;
+            lineHeight: string;
+        };
+        "label-x-x-extra-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+        "label-x-x-x-extra-large": {
+            fontFamily: string;
+            fontSize: string | number;
+            fontStyle: string;
+            fontWeight: string | 400;
+            lineHeight: string;
+        };
+    };
+    fontFamily: string;
+    baseLineHeight: number;
+};

package/theme/roots/typography/entity/default-typography.js

@@ -0,0 +1,237 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { FontVariant, FontWeight } from '../../../../utils/types/typography';
+var defaultFontValue = {
+  fontFamily: '"Roboto"',
+  fontStyle: 'normal',
+  fontWeight: FontWeight.Regular
+};
+var getLabelFontVariants = function getLabelFontVariants() {
+  var _ref;
+  var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, FontVariant.LabelExtraSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '10px',
+    lineHeight: '12px'
+  }, fontOverride)), FontVariant.LabelExtraSmallEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: 'Bold',
+    fontSize: '10px',
+    lineHeight: '12px'
+  }, fontOverride)), FontVariant.LabelExtraSmallUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '11px',
+    lineHeight: '12px'
+  }, fontOverride)), FontVariant.LabelSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '12px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.LabelSmallEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '12px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.LabelSmallUp, _objectSpread(_objectSpread({
+    fontSize: '13px',
+    lineHeight: '16px'
+  }, defaultFontValue), fontOverride)), FontVariant.LabelSmallUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '13px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.LabelMedium, _objectSpread(_objectSpread({
+    fontSize: '14px',
+    lineHeight: '16px'
+  }, defaultFontValue), fontOverride)), FontVariant.LabelMediumEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '14px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.LabelLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '16px',
+    lineHeight: '18px'
+  }, fontOverride)), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, FontVariant.LabelLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '16px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.LabelLargeUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Regular,
+    fontSize: '18px',
+    lineHeight: '20px'
+  }, fontOverride)), FontVariant.LabelExtraLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '24px',
+    lineHeight: '28px'
+  }, fontOverride)), FontVariant.LabelExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Regular,
+    fontSize: '24px',
+    lineHeight: '28px'
+  }, fontOverride)), FontVariant.LabelXExtraLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '32px',
+    lineHeight: '36px'
+  }, fontOverride)), FontVariant.LabelXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '32px',
+    lineHeight: '36px'
+  }, fontOverride)), FontVariant.LabelXXExtraLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '48px',
+    lineHeight: '54px'
+  }, fontOverride)), FontVariant.LabelXXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '48px',
+    lineHeight: '54px'
+  }, fontOverride)), FontVariant.LabelXXXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '60px',
+    lineHeight: '68px'
+  }, fontOverride));
+};
+var getTextFontVariants = function getTextFontVariants() {
+  var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.TextExtraSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '11px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.TextSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '12px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.TextSmallUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '13px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.TextMedium, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '14px',
+    lineHeight: '20px'
+  }, fontOverride)), FontVariant.TextLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '16px',
+    lineHeight: '22px'
+  }, fontOverride)), FontVariant.TextExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '18px',
+    lineHeight: '26px'
+  }, fontOverride)), FontVariant.TextXExtraLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '28px',
+    lineHeight: '40px'
+  }, fontOverride));
+};
+var getButtonFontVariants = function getButtonFontVariants() {
+  var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.ButtonSmEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '12px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.ButtonSm, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '12px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.ButtonSmUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '13px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.ButtonSmUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '13px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.ButtonMdEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '14px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.ButtonMd, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '14px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.ButtonLgEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '16px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.ButtonLg, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '16px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.ButtonLgUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '18px',
+    lineHeight: '20px'
+  }, fontOverride)), FontVariant.ButtonLgUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '18px',
+    lineHeight: '20px'
+  }, fontOverride));
+};
+var getLinkFontVariants = function getLinkFontVariants() {
+  var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.LinkSmall, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '12px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.LinkSmallEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '12px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.LinkSmallUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '13px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.LinkSmallUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '13px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.LinkMedium, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '14px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.LinkMediumEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '14px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.LinkLarge, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '16px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.LinkLargeEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '16px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.LinkLargeUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '18px',
+    lineHeight: '20px'
+  }, fontOverride)), FontVariant.LinkLargeUpEmphasis, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '18px',
+    lineHeight: '20px'
+  }, fontOverride));
+};
+var getInputFontVariants = function getInputFontVariants() {
+  var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.InputSm, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '12px',
+    lineHeight: '14px'
+  }, fontOverride)), FontVariant.InputSmUp, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '13px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.InputMd, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '14px',
+    lineHeight: '16px'
+  }, fontOverride)), FontVariant.InputLg, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontSize: '16px',
+    lineHeight: '18px'
+  }, fontOverride));
+};
+var getTitleFontVariants = function getTitleFontVariants() {
+  var fontOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FontVariant.TitleH6, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '12px',
+    lineHeight: '18px'
+  }, fontOverride)), FontVariant.TitleH5, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '14px',
+    lineHeight: '21px'
+  }, fontOverride)), FontVariant.TitleH4, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '16px',
+    lineHeight: '24px'
+  }, fontOverride)), FontVariant.TitleH3, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '18px',
+    lineHeight: '27px'
+  }, fontOverride)), FontVariant.TitleH2, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '20px',
+    lineHeight: '30px'
+  }, fontOverride)), FontVariant.TitleH1, _objectSpread(_objectSpread({}, defaultFontValue), {}, {
+    fontWeight: FontWeight.Medium,
+    fontSize: '28px',
+    lineHeight: '42px'
+  }, fontOverride));
+};
+export var getDefaultTypography = function getDefaultTypography() {
+  var typographyOverride = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread(_objectSpread({
+    fontFamily: defaultFontValue.fontFamily,
+    baseLineHeight: 1.375
+  }, typographyOverride), {}, {
+    font: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getLabelFontVariants(typographyOverride)), getTextFontVariants(typographyOverride)), getButtonFontVariants(typographyOverride)), getLinkFontVariants(typographyOverride)), getInputFontVariants(typographyOverride)), getTitleFontVariants(typographyOverride))
+  });
+};

package/theme/roots/typography/entity/index.d.ts

@@ -0,0 +1 @@
+export * from './default-typography';

package/theme/roots/typography/entity/index.js

@@ -0,0 +1 @@
+export * from './default-typography';

package/theme/roots/typography/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './typography.component';
+export type { TypographyProps } from './typography.props';
+export { getDefaultTypography } from './entity';

package/theme/roots/typography/index.js

@@ -0,0 +1,2 @@
+export { default } from './typography.component';
+export { getDefaultTypography } from './entity';

package/theme/roots/typography/typography.component.d.ts

@@ -0,0 +1,2 @@
+declare const Typography: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+export default Typography;

package/theme/roots/typography/typography.component.js

@@ -0,0 +1,7 @@
+import { createGlobalStyle, css } from 'styled-components';
+var Typography = /*#__PURE__*/createGlobalStyle(["", ";"], function (_ref) {
+  var theme = _ref.theme;
+  var baseLineHeight = theme.typography.baseLineHeight;
+  return css(["h1,h2,h3,h4,h5,h6,p,small{line-height:", ";}"], baseLineHeight);
+});
+export default Typography;

package/theme/roots/typography/typography.props.d.ts

@@ -0,0 +1,15 @@
+import { CSSObject } from 'styled-components';
+import type { Values } from '../../../utils/types';
+import { FontVariant } from '../../../utils/types/typography';
+export type FontObjectType = Readonly<Record<Values<typeof FontVariant>, CSSObject>>;
+export type FontOverrideType = {
+    fontFamily?: string;
+    fontSize?: string | number;
+    fontStyle?: string;
+    fontWeight?: string;
+};
+export interface TypographyProps {
+    readonly fontFamily: string;
+    readonly baseLineHeight: string | number;
+    readonly font: FontObjectType;
+}

package/theme/roots/typography/typography.props.js

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

package/theme/theme-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './theme-provider.context';
+export type { ThemeProviderProps } from './theme-provider.props';

package/theme/theme-provider/index.js

@@ -0,0 +1 @@
+export { default } from './theme-provider.context';