@arcteryx/components-typography - npm Package Compare versions

Comparing version 1.29.1 to 1.30.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [1.30.0](http://bitbucket.org/arcteryx/arcteryx-js-helpers/compare/@arcteryx/components-typography@1.29.1...@arcteryx/components-typography@1.30.0) (2020-09-25)
+
+
+### Features
+
+* Adds global styled component to define urw-din font. ([7d45360](http://bitbucket.org/arcteryx/arcteryx-js-helpers/commits/7d45360221fb9b590d03d8a548025bfdd13dd109))
+
+
+
+
+
 ## [1.29.1](http://bitbucket.org/arcteryx/arcteryx-js-helpers/compare/@arcteryx/components-typography@1.29.0...@arcteryx/components-typography@1.29.1) (2020-09-21)
@@ -8,0 +19,0 @@

dist/cjs/index.js

@@ -7,3 +7,4 @@ 'use strict';
 
-var styled = _interopDefault(require('styled-components'));
+var styled = require('styled-components');
+var styled__default = _interopDefault(styled);
 var React = _interopDefault(require('react'));
@@ -23,3 +24,3 @@
 
-const H1 = styled.h1`
+const H1 = styled__default.h1`
   margin-bottom: 1.5rem;
@@ -40,3 +41,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-const H2 = styled.h2`
+const H2 = styled__default.h2`
   margin-bottom: ${props => props.large ? "1.5rem" : "1rem"};
@@ -56,3 +57,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-const H3 = styled.h3`
+const H3 = styled__default.h3`
   margin-bottom: ${props => props.large ? "1rem" : "0.5rem"};
@@ -72,3 +73,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-const H4 = styled.h4`
+const H4 = styled__default.h4`
   margin-bottom: 0.5rem;
@@ -104,3 +105,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-const P = styled.p`
+const P = styled__default.p`
   margin: 0 0 1.5rem 0;
@@ -136,3 +137,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din", arial, sans-serif'};
 
-const Blockquote = styled.blockquote`
+const Blockquote = styled__default.blockquote`
   position: relative;
@@ -167,3 +168,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din", arial, sans-serif'};
 
-const CubeWrap = styled.div`
+const CubeWrap = styled__default.div`
   display: flex;
@@ -174,3 +175,3 @@ justify-content: center;
 `;
-const Cubes = styled.div`
+const Cubes = styled__default.div`
   display: flex;
@@ -180,3 +181,3 @@ justify-content: center;
 `;
-const Cube = styled.div`
+const Cube = styled__default.div`
   display: flex;
@@ -198,3 +199,3 @@ justify-content: center;
 `;
-const CubeOrange = styled(Cube)`
+const CubeOrange = styled__default(Cube)`
   width: var(--space-orange);
@@ -204,3 +205,3 @@ height: var(--space-orange);
 `;
-const CubeBlue = styled(Cube)`
+const CubeBlue = styled__default(Cube)`
   width: var(--space-blue);
@@ -210,3 +211,3 @@ height: var(--space-blue);
 `;
-const CubeGreen = styled(Cube)`
+const CubeGreen = styled__default(Cube)`
   width: var(--space-green);
@@ -216,3 +217,3 @@ height: var(--space-green);
 `;
-const CubePurple = styled(Cube)`
+const CubePurple = styled__default(Cube)`
   width: var(--space-purple);
@@ -222,3 +223,3 @@ height: var(--space-purple);
 `;
-const CubePink = styled(Cube)`
+const CubePink = styled__default(Cube)`
   width: var(--space-pink);
@@ -228,3 +229,3 @@ height: var(--space-pink);
 `;
-const CubeRed = styled(Cube)`
+const CubeRed = styled__default(Cube)`
   width: var(--space-red);
@@ -249,3 +250,74 @@ height: var(--space-red);
 
+var GlobalFonts = styled.createGlobalStyle`
+  /*
+  * The Typekit service used to deliver this font or fonts for use on websites
+  * is provided by Adobe and is subject to these Terms of Use
+  * http://www.adobe.com/products/eulas/tou_typekit. For font license
+  * information, see the list below.
+  *
+  * urw-din:
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee3
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee4
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee5
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee6
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee7
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee8
+  * urw-din-condensed:
+  *   - http://typekit.com/eulas/00000000000000003b9b0ef9
+  *   - http://typekit.com/eulas/00000000000000003b9b0efa
+  *
+  * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
+  */
+  /*{"last_published":"2020-06-23 18:00:11 UTC"}*/
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:400;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:400;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:500;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:500;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:600;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:600;
+  }
+
+  @font-face {
+  font-family:"urw-din-condensed";
+  src:url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:700;
+  }
+
+  @font-face {
+  font-family:"urw-din-condensed";
+  src:url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:700;
+  }
+`;
+
 exports.Blockquote = Blockquote;
+exports.GlobalFonts = GlobalFonts;
 exports.H1 = H1;
@@ -252,0 +324,0 @@ exports.H2 = H2;

dist/es/index.js

@@ -1,2 +0,2 @@
-import styled from 'styled-components';
+import styled, { createGlobalStyle } from 'styled-components';
 import React from 'react';
@@ -227,3 +227,73 @@
 
-export { Blockquote, H1, H2, H3, H4, P, Spacing };
+var GlobalFonts = createGlobalStyle`
+  /*
+  * The Typekit service used to deliver this font or fonts for use on websites
+  * is provided by Adobe and is subject to these Terms of Use
+  * http://www.adobe.com/products/eulas/tou_typekit. For font license
+  * information, see the list below.
+  *
+  * urw-din:
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee3
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee4
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee5
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee6
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee7
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee8
+  * urw-din-condensed:
+  *   - http://typekit.com/eulas/00000000000000003b9b0ef9
+  *   - http://typekit.com/eulas/00000000000000003b9b0efa
+  *
+  * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
+  */
+  /*{"last_published":"2020-06-23 18:00:11 UTC"}*/
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:400;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:400;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:500;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:500;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:600;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:600;
+  }
+
+  @font-face {
+  font-family:"urw-din-condensed";
+  src:url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:700;
+  }
+
+  @font-face {
+  font-family:"urw-din-condensed";
+  src:url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:700;
+  }
+`;
+
+export { Blockquote, GlobalFonts, H1, H2, H3, H4, P, Spacing };
 //# sourceMappingURL=index.js.map

dist/umd/index.js

@@ -12,3 +12,3 @@ (function (global, factory) {
 
-  styled = styled && Object.prototype.hasOwnProperty.call(styled, 'default') ? styled['default'] : styled;
+  var styled__default = 'default' in styled ? styled['default'] : styled;
   React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
@@ -28,3 +28,3 @@
 
-  const H1 = styled.h1`
+  const H1 = styled__default.h1`
   margin-bottom: 1.5rem;
@@ -45,3 +45,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-  const H2 = styled.h2`
+  const H2 = styled__default.h2`
   margin-bottom: ${props => props.large ? "1.5rem" : "1rem"};
@@ -61,3 +61,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-  const H3 = styled.h3`
+  const H3 = styled__default.h3`
   margin-bottom: ${props => props.large ? "1rem" : "0.5rem"};
@@ -77,3 +77,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-  const H4 = styled.h4`
+  const H4 = styled__default.h4`
   margin-bottom: 0.5rem;
@@ -109,3 +109,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din-condensed", arial, sans-serif'};
 
-  const P = styled.p`
+  const P = styled__default.p`
   margin: 0 0 1.5rem 0;
@@ -141,3 +141,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din", arial, sans-serif'};
 
-  const Blockquote = styled.blockquote`
+  const Blockquote = styled__default.blockquote`
   position: relative;
@@ -172,3 +172,3 @@ font-family: ${props => ["urban", "veilance"].includes(props.market.toLowerCase()) ? '"Suisse Intl Regular", arial, sans-serif' : '"urw-din", arial, sans-serif'};
 
-  const CubeWrap = styled.div`
+  const CubeWrap = styled__default.div`
   display: flex;
@@ -179,3 +179,3 @@ justify-content: center;
 `;
-  const Cubes = styled.div`
+  const Cubes = styled__default.div`
   display: flex;
@@ -185,3 +185,3 @@ justify-content: center;
 `;
-  const Cube = styled.div`
+  const Cube = styled__default.div`
   display: flex;
@@ -203,3 +203,3 @@ justify-content: center;
 `;
-  const CubeOrange = styled(Cube)`
+  const CubeOrange = styled__default(Cube)`
   width: var(--space-orange);
@@ -209,3 +209,3 @@ height: var(--space-orange);
 `;
-  const CubeBlue = styled(Cube)`
+  const CubeBlue = styled__default(Cube)`
   width: var(--space-blue);
@@ -215,3 +215,3 @@ height: var(--space-blue);
 `;
-  const CubeGreen = styled(Cube)`
+  const CubeGreen = styled__default(Cube)`
   width: var(--space-green);
@@ -221,3 +221,3 @@ height: var(--space-green);
 `;
-  const CubePurple = styled(Cube)`
+  const CubePurple = styled__default(Cube)`
   width: var(--space-purple);
@@ -227,3 +227,3 @@ height: var(--space-purple);
 `;
-  const CubePink = styled(Cube)`
+  const CubePink = styled__default(Cube)`
   width: var(--space-pink);
@@ -233,3 +233,3 @@ height: var(--space-pink);
 `;
-  const CubeRed = styled(Cube)`
+  const CubeRed = styled__default(Cube)`
   width: var(--space-red);
@@ -254,3 +254,74 @@ height: var(--space-red);
 
+  var GlobalFonts = styled.createGlobalStyle`
+  /*
+  * The Typekit service used to deliver this font or fonts for use on websites
+  * is provided by Adobe and is subject to these Terms of Use
+  * http://www.adobe.com/products/eulas/tou_typekit. For font license
+  * information, see the list below.
+  *
+  * urw-din:
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee3
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee4
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee5
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee6
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee7
+  *   - http://typekit.com/eulas/00000000000000003b9b0ee8
+  * urw-din-condensed:
+  *   - http://typekit.com/eulas/00000000000000003b9b0ef9
+  *   - http://typekit.com/eulas/00000000000000003b9b0efa
+  *
+  * © 2009-2020 Adobe Systems Incorporated. All Rights Reserved.
+  */
+  /*{"last_published":"2020-06-23 18:00:11 UTC"}*/
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/570b14/00000000000000003b9b0ee3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:400;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/3bd84d/00000000000000003b9b0ee4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:400;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/601cb7/00000000000000003b9b0ee5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:500;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/e69b71/00000000000000003b9b0ee6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:500;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/5b0ee2/00000000000000003b9b0ee7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:600;
+  }
+
+  @font-face {
+  font-family:"urw-din";
+  src:url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/084e58/00000000000000003b9b0ee8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:600;
+  }
+
+  @font-face {
+  font-family:"urw-din-condensed";
+  src:url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/d3af1d/00000000000000003b9b0ef9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
+  font-display:auto;font-style:normal;font-weight:700;
+  }
+
+  @font-face {
+  font-family:"urw-din-condensed";
+  src:url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/a2b1ca/00000000000000003b9b0efa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
+  font-display:auto;font-style:italic;font-weight:700;
+  }
+`;
+
   exports.Blockquote = Blockquote;
+  exports.GlobalFonts = GlobalFonts;
   exports.H1 = H1;
@@ -257,0 +328,0 @@ exports.H2 = H2;

package.json

 {
   "name": "@arcteryx/components-typography",
-  "version": "1.29.1",
+  "version": "1.30.0",
   "description": "Arcteryx Typography",
@@ -14,3 +14,3 @@ "main": "dist/es/index.js",
   "license": "ISC",
-  "gitHead": "fe083e0cf7f4e5d2162a33cc3b89219b387d3fb1",
+  "gitHead": "9a2107115dc58476bb43b335eeb813f681ba2913",
   "files": [
@@ -17,0 +17,0 @@ "dist",

src/index.js

@@ -8,2 +8,3 @@ import H1 from "./components/headings/h1";
 import Spacing from "./components/spacing";
-export { H1, H2, H3, H4, P, Blockquote, Spacing };
+import GlobalFonts from "./components/GlobalFonts";
+export { H1, H2, H3, H4, P, Blockquote, Spacing, GlobalFonts };

No alert changes

Improved metrics

Total package byte prevSize

113203

increased by62%

Number of package files

20

increased by5.26%

Lines of code

1347

increased by30.78%

No dependency changes