@carbon/type 11.10.0-rc.0 → 11.11.0-rc.0

package/es/index.js

@@ -1,3 +1,5 @@
+import { px, baseFontSize, rem, breakpoint, breakpoints } from '@carbon/layout';
+
 /**
  * Copyright IBM Corp. 2018, 2018
  *
@@ -86,79 +88,6 @@ function paramCase(string) {
   return result;
 }
 
-/**
- * Copyright IBM Corp. 2018, 2018
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Copyright IBM Corp. 2018, 2018
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Default, Use with em() and rem() functions
-
-var baseFontSize = 16;
-/**
- * Convert a given px unit to a rem unit
- * @param {number} px
- * @returns {string}
- */
-
-function rem(px) {
-  return "".concat(px / baseFontSize, "rem");
-}
-/**
- * Convert a given px unit to its string representation
- * @param {number} value - number of pixels
- * @returns {string}
- */
-
-
-function px(value) {
-  return "".concat(value, "px");
-} // Breakpoint
-// Initial map of our breakpoints and their values
-
-
-var breakpoints = {
-  sm: {
-    width: rem(320),
-    columns: 4,
-    margin: '0'
-  },
-  md: {
-    width: rem(672),
-    columns: 8,
-    margin: rem(16)
-  },
-  lg: {
-    width: rem(1056),
-    columns: 16,
-    margin: rem(16)
-  },
-  xlg: {
-    width: rem(1312),
-    columns: 16,
-    margin: rem(16)
-  },
-  max: {
-    width: rem(1584),
-    columns: 16,
-    margin: rem(24)
-  }
-};
-
-function breakpointUp(name) {
-  return "@media (min-width: ".concat(breakpoints[name].width, ")");
-}
-
-function breakpoint() {
-  return breakpointUp.apply(void 0, arguments);
-} // Mini-unit
-
 /**
  * Copyright IBM Corp. 2018, 2018
  *
@@ -410,7 +339,7 @@ var productiveHeading04$1 = {
 };
 var productiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.light,
+  fontWeight: fontWeights.regular,
   lineHeight: 1.25,
   letterSpacing: 0
 };
@@ -440,7 +369,7 @@ var expressiveHeading03$1 = {
   breakpoints: {
     xlg: {
       fontSize: rem(scale[4]),
-      lineHeight: 1.25
+      lineHeight: 1.4
     },
     max: {
       fontSize: rem(scale[5]),
@@ -456,23 +385,24 @@ var expressiveHeading04$1 = {
   breakpoints: {
     xlg: {
       fontSize: rem(scale[7]),
-      fontWeight: fontWeights.light,
+      fontWeight: fontWeights.regular,
       lineHeight: 1.25
     },
     max: {
       fontSize: rem(scale[7]),
-      fontWeight: fontWeights.light
+      fontWeight: fontWeights.regular
     }
   }
 };
 var expressiveHeading05$1 = {
   fontSize: rem(scale[7]),
-  fontWeight: fontWeights.light,
+  fontWeight: fontWeights.regular,
   lineHeight: 1.25,
   letterSpacing: 0,
   breakpoints: {
     md: {
       fontSize: rem(scale[8]),
+      fontWeight: fontWeights.light,
       lineHeight: 1.22,
       letterSpacing: 0
     },