@oxyhq/bloom 0.88.0 → 1.0.0

package/lib/commonjs/typography/Typography.js

@@ -0,0 +1,423 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Blockquote = Blockquote;
+exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
+exports.Large = Large;
+exports.Lead = Lead;
+exports.Muted = Muted;
+exports.P = P;
+exports.Small = Small;
+exports.Text = exports.Span = void 0;
+Object.defineProperty(exports, "fontFamilies", {
+  enumerable: true,
+  get: function () {
+    return _tokens.fontFamilies;
+  }
+});
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useTheme = require("../theme/use-theme.js");
+var _tokens = require("../fonts/tokens.js");
+var _breakpoints = require("../styles/breakpoints.js");
+var _tokens2 = require("../styles/tokens.js");
+var _defaults = require("./defaults.js");
+var _styledPrimitives = require("../styles/styled-primitives.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Platform-aware font-family value. On web we resolve to the CSS custom
+ * property set by `applyFontFaces` so consumer apps can re-skin Bloom by
+ * overriding `--bloom-font-*` at any subtree. On native we use the literal
+ * family name registered by `expo-font`'s `useFonts(FONT_ASSETS)`.
+ */
+function fontFamilyStyle(kind) {
+  if (_reactNative.Platform.OS === 'web') {
+    return {
+      fontFamily: `var(--bloom-font-${kind})`
+    };
+  }
+  if (kind === 'mono') return {
+    fontFamily: 'Geist Mono'
+  };
+  // `display` and `sans` both resolve to BlomusModernus on native — Bloom's
+  // default body font. The CSS stack in `tokens.ts` differs (display vs sans
+  // have different fallback chains for web), but on RN the literal family
+  // name is the only thing that matters; the .ttf is registered via
+  // `useFonts(FONT_ASSETS)` in `FontLoader.native.tsx`.
+  return {
+    fontFamily: 'BlomusModernus'
+  };
+}
+const SANS_FONT_FAMILY = fontFamilyStyle('sans');
+const DISPLAY_FONT_FAMILY = fontFamilyStyle('display');
+const DEFAULT_TEXT_TYPOGRAPHY = {
+  fontSize: 13
+};
+
+/**
+ * Base text component with theme-aware default color and the Bloom sans
+ * font family applied. NativeWind `className` utilities (text-*, font-*,
+ * leading-*, text-foreground, …) override defaults when provided.
+ */
+const TextComponent = function Text({
+  children,
+  style,
+  className,
+  ...rest
+}) {
+  const {
+    colors
+  } = (0, _useTheme.useTheme)();
+  const trimmedClassName = className?.trim() ? className : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledText, {
+    ...rest,
+    ...(trimmedClassName ? {
+      className: trimmedClassName
+    } : {}),
+    style: (0, _defaults.mergeTypographyStyle)(trimmedClassName, {
+      ...DEFAULT_TEXT_TYPOGRAPHY,
+      color: colors.text
+    }, SANS_FONT_FAMILY, style),
+    children: children
+  });
+};
+const Text = exports.Span = exports.Text = /*#__PURE__*/(0, _react.memo)(TextComponent);
+Text.displayName = 'Text';
+
+/**
+ * The heading ramp, in react-native-reusables' own numbers.
+ *
+ * Upstream's `h1`–`h4` are `text-4xl font-extrabold tracking-tight`,
+ * `text-3xl font-semibold tracking-tight`, `text-2xl …` and `text-xl …` — a
+ * ramp Bloom's headings did not have AT ALL: every level rendered at the base
+ * `Text` size, so an `<H1>` and a `<Span>` were the same 13px apart from their
+ * weight. `tracking-tight` is −0.025em, resolved against each level's own size.
+ *
+ * `h5`/`h6` have no upstream counterpart; they continue the ramp at `text-lg`
+ * and `text-base` with `h4`'s weight.
+ *
+ * `font-extrabold` on `h1` and `font-semibold` below it are carried across.
+ * The FAMILY is not: upstream sets everything in one sans face, where a Bloom
+ * heading is set in the display family — the same layer as the colour roles,
+ * and Bloom's own.
+ */
+const HEADING_SCALE = {
+  1: {
+    fontSize: 36,
+    lineHeight: 40,
+    fontWeight: '800',
+    letterSpacing: 36 * -0.025
+  },
+  2: {
+    fontSize: 30,
+    lineHeight: 36,
+    fontWeight: '600',
+    letterSpacing: 30 * -0.025
+  },
+  3: {
+    fontSize: 24,
+    lineHeight: 32,
+    fontWeight: '600',
+    letterSpacing: 24 * -0.025
+  },
+  4: {
+    fontSize: 20,
+    lineHeight: 28,
+    fontWeight: '600',
+    letterSpacing: 20 * -0.025
+  },
+  5: {
+    fontSize: 18,
+    lineHeight: 28,
+    fontWeight: '600',
+    letterSpacing: 18 * -0.025
+  },
+  6: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontWeight: '600',
+    letterSpacing: 16 * -0.025
+  }
+};
+
+/** `text-center` — upstream centres `h1`, and only `h1`. */
+const H1_ALIGNMENT = {
+  textAlign: 'center'
+};
+
+/** `border-border border-b pb-2` — upstream rules `h2` off from what follows. */
+const H2_RULE = {
+  borderBottomWidth: 1,
+  paddingBottom: 8
+};
+function createHeadingElement({
+  level
+}) {
+  return function HeadingElement({
+    style,
+    className,
+    ...rest
+  }) {
+    const {
+      colors
+    } = (0, _useTheme.useTheme)();
+    const extraProps = _reactNative.Platform.OS === 'web' ? {
+      role: 'heading',
+      'aria-level': level
+    } : {};
+
+    // Only the FAMILY survives a caller's `className`: react-native-css merges
+    // utilities into `style` first, so keeping `fontSize`/`fontWeight` here
+    // would silently beat a caller's `text-2xl`.
+    const headingBase = className?.trim() ? DISPLAY_FONT_FAMILY : {
+      ...DISPLAY_FONT_FAMILY,
+      ...HEADING_SCALE[level],
+      ...(level === 1 ? H1_ALIGNMENT : null),
+      ...(level === 2 ? {
+        ...H2_RULE,
+        borderBottomColor: colors.border
+      } : null)
+    };
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+      ...extraProps,
+      ...rest,
+      className: className,
+      style: [headingBase, style]
+    });
+  };
+}
+const H1 = exports.H1 = createHeadingElement({
+  level: 1
+});
+H1.displayName = 'H1';
+const H2 = exports.H2 = createHeadingElement({
+  level: 2
+});
+H2.displayName = 'H2';
+const H3 = exports.H3 = createHeadingElement({
+  level: 3
+});
+H3.displayName = 'H3';
+const H4 = exports.H4 = createHeadingElement({
+  level: 4
+});
+H4.displayName = 'H4';
+const H5 = exports.H5 = createHeadingElement({
+  level: 5
+});
+H5.displayName = 'H5';
+const H6 = exports.H6 = createHeadingElement({
+  level: 6
+});
+H6.displayName = 'H6';
+
+/** `mt-3 leading-7 sm:mt-6`, over the base `text-base`. */
+const DEFAULT_PARAGRAPH_TYPOGRAPHY = {
+  fontSize: 16,
+  lineHeight: 28
+};
+function P({
+  style,
+  className,
+  ...rest
+}) {
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const extraProps = _reactNative.Platform.OS === 'web' ? {
+    role: 'paragraph'
+  } : {};
+  const paragraphDefaults = (0, _defaults.typographyDefaultsWhenNoClassName)(className, {
+    ...DEFAULT_PARAGRAPH_TYPOGRAPHY,
+    marginTop: width >= _breakpoints.BREAKPOINTS.sm ? _tokens2.space._2xl : _tokens2.space.md
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+    ...extraProps,
+    ...rest,
+    className: className,
+    style: [paragraphDefaults, style]
+  });
+}
+P.displayName = 'P';
+// ---------------------------------------------------------------------------
+//  Semantic prose variants
+//
+//  shadcn/react-native-reusables express these as `variant` on ONE `Text`
+//  (`lead`, `large`, `small`, `muted`, `blockquote`). Bloom's typography is flat
+//  components (`H1`, `P`, `Span`) and stays that way: a flat component is what
+//  `H1`–`H6` already are, and a `variant` prop beside them would be two ways to
+//  ask for a heading. RNR's `code` variant is deliberately NOT ported — Bloom's
+//  `code/` family already owns that, and a second spelling is the ambiguity
+//  Bloom removes rather than adds.
+//
+//  Every one of these applies its defaults through
+//  `typographyDefaultsWhenNoClassName`, for the reason that helper exists:
+//  react-native-css merges utilities into `style` FIRST, so an inline default
+//  repeating `fontSize`/`color` would silently beat the caller's `text-lg` or
+//  `text-primary`.
+// ---------------------------------------------------------------------------
+
+/** `text-muted-foreground text-xl` — 20/28. */
+const LEAD_TYPOGRAPHY = {
+  fontSize: 20,
+  lineHeight: 28
+};
+
+/** An intro paragraph — larger than body text and set in the secondary colour. */
+function Lead({
+  style,
+  className,
+  ...rest
+}) {
+  const {
+    colors
+  } = (0, _useTheme.useTheme)();
+  const defaults = (0, _defaults.typographyDefaultsWhenNoClassName)(className, {
+    ...LEAD_TYPOGRAPHY,
+    color: colors.textSecondary
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+    ...rest,
+    className: className,
+    style: [defaults, style]
+  });
+}
+Lead.displayName = 'Lead';
+
+/** `text-lg font-semibold` — 18/28. */
+const LARGE_TYPOGRAPHY = {
+  fontSize: 18,
+  lineHeight: 28,
+  fontWeight: '600'
+};
+
+/** Emphasised body text — a form section's opening line, a callout's first row. */
+function Large({
+  style,
+  className,
+  ...rest
+}) {
+  const defaults = (0, _defaults.typographyDefaultsWhenNoClassName)(className, LARGE_TYPOGRAPHY);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+    ...rest,
+    className: className,
+    style: [defaults, style]
+  });
+}
+Large.displayName = 'Large';
+
+/** `text-sm font-medium leading-none` — 14, and `leading-none` is exactly 1×. */
+const SMALL_TYPOGRAPHY = {
+  fontSize: 14,
+  lineHeight: 14,
+  fontWeight: '500'
+};
+
+/** A dense label — form hints, table headers, metadata rows. */
+function Small({
+  style,
+  className,
+  ...rest
+}) {
+  const defaults = (0, _defaults.typographyDefaultsWhenNoClassName)(className, SMALL_TYPOGRAPHY);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+    ...rest,
+    className: className,
+    style: [defaults, style]
+  });
+}
+Small.displayName = 'Small';
+
+/** `text-muted-foreground text-sm` — 14/20. */
+const MUTED_TYPOGRAPHY = {
+  fontSize: 14,
+  lineHeight: 20
+};
+
+/** De-emphasised supporting text. */
+function Muted({
+  style,
+  className,
+  ...rest
+}) {
+  const {
+    colors
+  } = (0, _useTheme.useTheme)();
+  const defaults = (0, _defaults.typographyDefaultsWhenNoClassName)(className, {
+    ...MUTED_TYPOGRAPHY,
+    color: colors.textSecondary
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+    ...rest,
+    className: className,
+    style: [defaults, style]
+  });
+}
+Muted.displayName = 'Muted';
+
+/**
+ * A quotation, with the rule down its left edge.
+ *
+ * The one variant that is NOT a bare `Text`, and the one that takes no
+ * `className`. React Native ignores border styles on `Text` (Android renders a
+ * TextView, iOS an NSAttributedString — neither draws a left rule), so the rule
+ * has to be a `View`. That makes the node the parent lays out a `View` while the
+ * utilities a caller would write (`text-lg`, `text-primary`) belong on the
+ * `Text` inside it — the exact split that makes `className` land on the wrong
+ * node and fail silently. So it is not offered: `style` addresses the container,
+ * `textStyle` the quotation, and a caller who wants utilities composes a `View`
+ * and a `Text` directly.
+ */
+function Blockquote({
+  children,
+  style,
+  textStyle,
+  testID
+}) {
+  const {
+    colors
+  } = (0, _useTheme.useTheme)();
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const wide = width >= _breakpoints.BREAKPOINTS.sm;
+  const extraProps = _reactNative.Platform.OS === 'web' ? {
+    role: 'blockquote'
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ...extraProps,
+    testID: testID,
+    style: [styles.blockquote,
+    // `mt-4 sm:mt-6` and `pl-3 sm:pl-6` — a leading margin only, never a
+    // trailing one, so a quotation sits against the paragraph it follows.
+    {
+      marginTop: wide ? _tokens2.space._2xl : _tokens2.space.lg,
+      paddingLeft: wide ? _tokens2.space._2xl : _tokens2.space.md
+    }, {
+      borderLeftColor: colors.border
+    }, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+      style: [styles.blockquoteText, {
+        color: colors.textSecondary
+      }, textStyle],
+      children: children
+    })
+  });
+}
+Blockquote.displayName = 'Blockquote';
+const styles = _reactNative.StyleSheet.create({
+  // `border-l-2 italic` (the insets are applied at the call site, where the
+  // breakpoint is read).
+  blockquote: {
+    borderLeftWidth: 2
+  },
+  blockquoteText: {
+    fontSize: 16,
+    lineHeight: 24,
+    fontStyle: 'italic'
+  }
+});
+//# sourceMappingURL=Typography.js.map

package/lib/commonjs/typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_tokens","_breakpoints","_tokens2","_defaults","_styledPrimitives","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fontFamilyStyle","kind","Platform","OS","fontFamily","SANS_FONT_FAMILY","DISPLAY_FONT_FAMILY","DEFAULT_TEXT_TYPOGRAPHY","fontSize","TextComponent","Text","children","style","className","rest","colors","useTheme","trimmedClassName","trim","undefined","jsx","StyledText","mergeTypographyStyle","color","text","exports","Span","memo","displayName","HEADING_SCALE","lineHeight","fontWeight","letterSpacing","H1_ALIGNMENT","textAlign","H2_RULE","borderBottomWidth","paddingBottom","createHeadingElement","level","HeadingElement","extraProps","role","headingBase","borderBottomColor","border","H1","H2","H3","H4","H5","H6","DEFAULT_PARAGRAPH_TYPOGRAPHY","P","width","useWindowDimensions","paragraphDefaults","typographyDefaultsWhenNoClassName","marginTop","BREAKPOINTS","sm","space","_2xl","md","LEAD_TYPOGRAPHY","Lead","defaults","textSecondary","LARGE_TYPOGRAPHY","Large","SMALL_TYPOGRAPHY","Small","MUTED_TYPOGRAPHY","Muted","Blockquote","textStyle","testID","wide","View","styles","blockquote","lg","paddingLeft","borderLeftColor","blockquoteText","StyleSheet","create","borderLeftWidth","fontStyle"],"sourceRoot":"../../../src","sources":["typography/Typography.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/typography/index.js

@@ -3,151 +3,95 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
-exports.P = P;
-exports.Text = exports.Span = void 0;
-Object.defineProperty(exports, "fontFamilies", {
+Object.defineProperty(exports, "Blockquote", {
   enumerable: true,
   get: function () {
-    return _tokens.fontFamilies;
+    return _Typography.Blockquote;
   }
 });
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _useTheme = require("../theme/use-theme.js");
-var _tokens = require("../fonts/tokens.js");
-var _defaults = require("./defaults.js");
-var _styledText = require("./styled-text.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Platform-aware font-family value. On web we resolve to the CSS custom
- * property set by `applyFontFaces` so consumer apps can re-skin Bloom by
- * overriding `--bloom-font-*` at any subtree. On native we use the literal
- * family name registered by `expo-font`'s `useFonts(FONT_ASSETS)`.
- */
-function fontFamilyStyle(kind) {
-  if (_reactNative.Platform.OS === 'web') {
-    return {
-      fontFamily: `var(--bloom-font-${kind})`
-    };
+Object.defineProperty(exports, "H1", {
+  enumerable: true,
+  get: function () {
+    return _Typography.H1;
   }
-  if (kind === 'mono') return {
-    fontFamily: 'Geist Mono'
-  };
-  // `display` and `sans` both resolve to BlomusModernus on native — Bloom's
-  // default body font. The CSS stack in `tokens.ts` differs (display vs sans
-  // have different fallback chains for web), but on RN the literal family
-  // name is the only thing that matters; the .ttf is registered via
-  // `useFonts(FONT_ASSETS)` in `FontLoader.native.tsx`.
-  return {
-    fontFamily: 'BlomusModernus'
-  };
-}
-const SANS_FONT_FAMILY = fontFamilyStyle('sans');
-const DISPLAY_FONT_FAMILY = fontFamilyStyle('display');
-const DEFAULT_TEXT_TYPOGRAPHY = {
-  fontSize: 13
-};
-
-/**
- * Base text component with theme-aware default color and the Bloom sans
- * font family applied. NativeWind `className` utilities (text-*, font-*,
- * leading-*, text-foreground, …) override defaults when provided.
- */
-const TextComponent = function Text({
-  children,
-  style,
-  className,
-  ...rest
-}) {
-  const {
-    colors
-  } = (0, _useTheme.useTheme)();
-  const InteropText = (0, _styledText.getInteropText)();
-  const trimmedClassName = className?.trim() ? className : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteropText, {
-    ...rest,
-    ...(trimmedClassName ? {
-      className: trimmedClassName
-    } : {}),
-    style: (0, _defaults.mergeTypographyStyle)(trimmedClassName, {
-      ...DEFAULT_TEXT_TYPOGRAPHY,
-      color: colors.text
-    }, SANS_FONT_FAMILY, style),
-    children: children
-  });
-};
-const Text = exports.Span = exports.Text = /*#__PURE__*/(0, _react.memo)(TextComponent);
-Text.displayName = 'Text';
-const HEADING_TYPOGRAPHY = {
-  ...DISPLAY_FONT_FAMILY,
-  fontWeight: '700'
-};
-function createHeadingElement({
-  level
-}) {
-  return function HeadingElement({
-    style,
-    className,
-    ...rest
-  }) {
-    const extraProps = _reactNative.Platform.OS === 'web' ? {
-      role: 'heading',
-      'aria-level': level
-    } : {};
-    const headingBase = className?.trim() ? DISPLAY_FONT_FAMILY : HEADING_TYPOGRAPHY;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
-      ...extraProps,
-      ...rest,
-      className: className,
-      style: [headingBase, style]
-    });
-  };
-}
-const H1 = exports.H1 = createHeadingElement({
-  level: 1
-});
-H1.displayName = 'H1';
-const H2 = exports.H2 = createHeadingElement({
-  level: 2
-});
-H2.displayName = 'H2';
-const H3 = exports.H3 = createHeadingElement({
-  level: 3
-});
-H3.displayName = 'H3';
-const H4 = exports.H4 = createHeadingElement({
-  level: 4
-});
-H4.displayName = 'H4';
-const H5 = exports.H5 = createHeadingElement({
-  level: 5
-});
-H5.displayName = 'H5';
-const H6 = exports.H6 = createHeadingElement({
-  level: 6
-});
-H6.displayName = 'H6';
-const DEFAULT_PARAGRAPH_TYPOGRAPHY = {
-  fontSize: 15,
-  lineHeight: 15 * 1.625
-};
-function P({
-  style,
-  className,
-  ...rest
-}) {
-  const extraProps = _reactNative.Platform.OS === 'web' ? {
-    role: 'paragraph'
-  } : {};
-  const paragraphDefaults = (0, _defaults.typographyDefaultsWhenNoClassName)(className, DEFAULT_PARAGRAPH_TYPOGRAPHY);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
-    ...extraProps,
-    ...rest,
-    className: className,
-    style: [paragraphDefaults, style]
-  });
-}
-P.displayName = 'P';
+});
+Object.defineProperty(exports, "H2", {
+  enumerable: true,
+  get: function () {
+    return _Typography.H2;
+  }
+});
+Object.defineProperty(exports, "H3", {
+  enumerable: true,
+  get: function () {
+    return _Typography.H3;
+  }
+});
+Object.defineProperty(exports, "H4", {
+  enumerable: true,
+  get: function () {
+    return _Typography.H4;
+  }
+});
+Object.defineProperty(exports, "H5", {
+  enumerable: true,
+  get: function () {
+    return _Typography.H5;
+  }
+});
+Object.defineProperty(exports, "H6", {
+  enumerable: true,
+  get: function () {
+    return _Typography.H6;
+  }
+});
+Object.defineProperty(exports, "Large", {
+  enumerable: true,
+  get: function () {
+    return _Typography.Large;
+  }
+});
+Object.defineProperty(exports, "Lead", {
+  enumerable: true,
+  get: function () {
+    return _Typography.Lead;
+  }
+});
+Object.defineProperty(exports, "Muted", {
+  enumerable: true,
+  get: function () {
+    return _Typography.Muted;
+  }
+});
+Object.defineProperty(exports, "P", {
+  enumerable: true,
+  get: function () {
+    return _Typography.P;
+  }
+});
+Object.defineProperty(exports, "Small", {
+  enumerable: true,
+  get: function () {
+    return _Typography.Small;
+  }
+});
+Object.defineProperty(exports, "Span", {
+  enumerable: true,
+  get: function () {
+    return _Typography.Span;
+  }
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function () {
+    return _Typography.Text;
+  }
+});
+Object.defineProperty(exports, "fontFamilies", {
+  enumerable: true,
+  get: function () {
+    return _Typography.fontFamilies;
+  }
+});
+var _Typography = require("./Typography.js");
 //# sourceMappingURL=index.js.map