@project-r/styleguide - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

lib/lib.js

 'use strict';
 
 exports.__esModule = true;
-exports.AutocompleteField = exports.Field = exports.Button = exports.Logo = exports.fontFamilies = exports.mediaQueries = exports.colors = undefined;
+exports.AutocompleteField = exports.Field = exports.Button = exports.Logo = exports.fontFaces = exports.fontFamilies = exports.mediaQueries = exports.colors = undefined;
 
@@ -14,2 +14,8 @@ var _fonts = require('./theme/fonts');
 });
+Object.defineProperty(exports, 'fontFaces', {
+  enumerable: true,
+  get: function get() {
+    return _fonts.fontFaces;
+  }
+});
 
@@ -16,0 +22,0 @@ var _Logo = require('./components/Logo');

lib/theme/fonts.js

@@ -9,2 +9,4 @@ 'use strict';
   sansSerifMedium: 'GT-America-Standard-Medium, Helvetica-Neue-Medium, Arial-Bold, Roboto-Medium, sans-serif'
-};
+};
+
+var fontFaces = exports.fontFaces = '@font-face{font-family:\'Rubis-Regular\';src:url(/static/fonts/rubis-regular.eot);src:url(/static/fonts/rubis-regular.eot?#iefix) format("embedded-opentype"),url(/static/fonts/rubis-regular.woff2) format("woff2"),url(/static/fonts/rubis-regular.woff) format("woff"),url(/static/fonts/rubis-regular.ttf) format("truetype")}@font-face{font-family:\'Rubis-Bold\';src:url(/static/fonts/rubis-bold.eot);src:url(/static/fonts/rubis-bold.eot?#iefix) format("embedded-opentype"),url(/static/fonts/rubis-bold.woff2) format("woff2"),url(/static/fonts/rubis-bold.woff) format("woff"),url(/static/fonts/rubis-bold.ttf) format("truetype")}@font-face{font-family:\'GT-America-Standard-Regular\';src:url(/static/fonts/gt-america-standard-regular.eot);src:url(/static/fonts/gt-america-standard-regular.eot?#iefix) format("embedded-opentype"),url(/static/fonts/gt-america-standard-regular.woff) format("woff"),url(/static/fonts/gt-america-standard-regular.ttf) format("truetype")}@font-face{font-family:\'GT-America-Standard-Medium\';src:url(/static/fonts/gt-america-standard-medium.eot);src:url(/static/fonts/gt-america-standard-medium.eot?#iefix) format("embedded-opentype"),url(/static/fonts/gt-america-standard-medium.woff) format("woff"),url(/static/fonts/gt-america-standard-medium.ttf) format("truetype")}';

package.json

 {
   "name": "@project-r/styleguide",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "dependencies": {
@@ -5,0 +5,0 @@ "react-autocomplete": "^1.4.1"

src/components/Typography/docs.md

@@ -24,2 +24,10 @@ ## Webfonts
 
+If you make the fonts available under `/static/fonts/` you can use a minified `fontFaces` definition string from the styleguide. E.g. include the following in your `pages/_document.js` in your Next.js app.
+
+```
+import {fontFaces} from '@project-r/styleguide'
+
+<style dangerouslySetInnerHTML={{ __html: fontFaces }} />
+```
+
 ## Überschriften
@@ -26,0 +34,0 @@

src/lib.js

@@ -7,3 +7,6 @@ import * as allColors from './theme/colors'
 
-export {fontFamilies} from './theme/fonts'
+export {
+  fontFamilies,
+  fontFaces
+} from './theme/fonts'
 
@@ -10,0 +13,0 @@ export {default as Logo} from './components/Logo'

src/theme/fonts.js

@@ -7,1 +7,3 @@ export const fontFamilies = {
 }
+
+export const fontFaces = `@font-face{font-family:'Rubis-Regular';src:url(/static/fonts/rubis-regular.eot);src:url(/static/fonts/rubis-regular.eot?#iefix) format("embedded-opentype"),url(/static/fonts/rubis-regular.woff2) format("woff2"),url(/static/fonts/rubis-regular.woff) format("woff"),url(/static/fonts/rubis-regular.ttf) format("truetype")}@font-face{font-family:'Rubis-Bold';src:url(/static/fonts/rubis-bold.eot);src:url(/static/fonts/rubis-bold.eot?#iefix) format("embedded-opentype"),url(/static/fonts/rubis-bold.woff2) format("woff2"),url(/static/fonts/rubis-bold.woff) format("woff"),url(/static/fonts/rubis-bold.ttf) format("truetype")}@font-face{font-family:'GT-America-Standard-Regular';src:url(/static/fonts/gt-america-standard-regular.eot);src:url(/static/fonts/gt-america-standard-regular.eot?#iefix) format("embedded-opentype"),url(/static/fonts/gt-america-standard-regular.woff) format("woff"),url(/static/fonts/gt-america-standard-regular.ttf) format("truetype")}@font-face{font-family:'GT-America-Standard-Medium';src:url(/static/fonts/gt-america-standard-medium.eot);src:url(/static/fonts/gt-america-standard-medium.eot?#iefix) format("embedded-opentype"),url(/static/fonts/gt-america-standard-medium.woff) format("woff"),url(/static/fonts/gt-america-standard-medium.ttf) format("truetype")}`

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1135601

increased by0.28%

Lines of code

1734

increased by0.93%

No dependency changes