@bbc/gel-constants - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

breakpoints.js

@@ -1,36 +0,1 @@
-/* 
-   Screen sizes for GEL Typography
-   These namings are based on the GEL description. They are also known as group B and group D
-   Link to relevant GEL docs: http://www.bbc.co.uk/gel/guidelines/typography#type-sizes
-*/
-export const GEL_GROUP_B_MIN_WIDTH = 20; // 320px
-export const GEL_GROUP_B_MAX_WIDTH = 37.4375; // 599px
-export const GEL_GROUP_CD_MIN_WIDTH = 37.5; // 600px
-
-/*
-    The following are breakpoints from GEL Grid
-    Link to relevant GEL docs: https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes
-    The only exception is that we have split out group 1 into 0 and 1
-*/
-export const GEL_GROUP_0_SCREEN_WIDTH_MIN = `0em`; // 0px
-export const GEL_GROUP_0_SCREEN_WIDTH_MAX = `14.9375em`; // 239px
-
-export const GEL_GROUP_1_SCREEN_WIDTH_MIN = `15em`; // 240px
-export const GEL_GROUP_1_SCREEN_WIDTH_MAX = `24.9375em`; // 399px
-
-export const GEL_GROUP_2_SCREEN_WIDTH_MIN = `25em`; // 400px
-export const GEL_GROUP_2_SCREEN_WIDTH_MAX = `37.4375em`; // 599px
-
-export const GEL_GROUP_3_SCREEN_WIDTH_MIN = `37.5em`; // 600px
-export const GEL_GROUP_3_SCREEN_WIDTH_MAX = `62.9375em`; // 1007px
-
-export const GEL_GROUP_4_SCREEN_WIDTH_MIN = `63em`; // 1008px
-export const GEL_GROUP_4_SCREEN_WIDTH_MAX = `80em`; // 1279px
-
-export const GEL_GROUP_5_SCREEN_WIDTH_MIN = `80em`; // 1280px
-
-export const MEDIA_QUERY_TYPOGRAPHY = {
-  SMART_PHONE_ONLY: `@media (min-width: ${GEL_GROUP_B_MIN_WIDTH}em) and (max-width: ${GEL_GROUP_B_MAX_WIDTH}em)`,
-  SMART_PHONE_AND_LARGER: `@media (min-width: ${GEL_GROUP_B_MIN_WIDTH}em)`,
-  LAPTOP_AND_LARGER: `@media (min-width: ${GEL_GROUP_CD_MIN_WIDTH}em)`,
-};
+module.exports = require('./dist/breakpoints'); // eslint-disable-line import/no-unresolved

CHANGELOG.md

@@ -5,2 +5,3 @@ # Gel Constants Changelog
 |---------|-------------|
-| 0.1.0   | Create initial package, pulled in from [simorgh](https://github.com/BBC-News/simorgh). |
+| 0.1.1   | [PR#74](https://github.com/BBC-News/psammead/pull/74) Move file contents into a src directory and babel transpile prepublish. |
+| 0.1.0   | [PR#70](https://github.com/BBC-News/psammead/pull/70) Create initial package, pulled in from [simorgh](https://github.com/BBC-News/simorgh). |

package.json

 {
   "name": "@bbc/gel-constants",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A collection of gel constants",
@@ -5,0 +5,0 @@ "repository": {

spacings.js

@@ -1,20 +0,1 @@
-/*
-    GEL Spacing
-    Assumes 16px is set as the default font-size.
-    This is changeable in the user's browser settings, as the html font-size is 100%
-*/
-export const GEL_SPACING = `0.5rem`;
-export const GEL_SPACING_DBL = `1rem`; // 16px
-export const GEL_SPACING_TRPL = `1.5rem`;
-export const GEL_SPACING_HLF = `0.25rem`;
-export const GEL_SPACING_QUAD = `2rem`;
-
-/*
-    GEL Grid
-    Margins and Gutters are defined here
-    https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes
-*/
-export const GEL_MARGIN_BELOW_400PX = `${GEL_SPACING}`;
-export const GEL_GUTTER_BELOW_600PX = `${GEL_SPACING}`;
-export const GEL_MARGIN_ABOVE_400PX = `${GEL_SPACING_DBL}`;
-export const GEL_GUTTER_ABOVE_600PX = `${GEL_SPACING_DBL}`;
+module.exports = require('./dist/spacings'); // eslint-disable-line import/no-unresolved

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8555

increased by68.17%

Number of package files

9

increased by80%

Lines of code

104

increased by116.67%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes