@titelmedia/bricks-theme - npm Package Compare versions

Comparing version 1.0.43 to 1.9.0

CHANGELOG.md

@@ -6,10 +6,10 @@ # Change Log
 
-## [1.0.43](https://github.com/titel-media/bricks-lerna/compare/v1.0.42...v1.0.43) (2022-05-03)
+# [1.9.0](https://github.com/titel-media/bricks-lerna/compare/v1.8.8...v1.9.0) (2023-03-09)
 
 **Note:** Version bump only for package @titelmedia/bricks-theme
 
+## [1.0.43](https://github.com/titel-media/bricks-lerna/compare/v1.0.42...v1.0.43) (2022-05-03)
 
+**Note:** Version bump only for package @titelmedia/bricks-theme
 
-
-
 ## [1.0.40](https://github.com/titel-media/bricks-lerna/compare/v1.0.39...v1.0.40) (2022-05-03)
@@ -19,6 +19,2 @@
 
-
-
-
-
 ## [1.0.27](https://github.com/titel-media/bricks-lerna/compare/v1.0.26...v1.0.27) (2022-04-26)
@@ -28,6 +24,2 @@
 
-
-
-
-
 ## [1.0.18](https://github.com/titel-media/bricks-lerna/compare/v1.0.17...v1.0.18) (2022-04-20)
@@ -37,6 +29,2 @@
 
-
-
-
-
 ## [1.0.16](https://github.com/titel-media/bricks-lerna/compare/v1.0.15...v1.0.16) (2022-04-14)
@@ -46,6 +34,2 @@
 
-
-
-
-
 ## [1.0.15](https://github.com/titel-media/bricks-lerna/compare/v1.0.14...v1.0.15) (2022-04-14)
@@ -55,6 +39,2 @@
 
-
-
-
-
 ## [1.0.14](https://github.com/titel-media/bricks-lerna/compare/v1.0.13...v1.0.14) (2022-04-14)
@@ -64,6 +44,2 @@
 
-
-
-
-
 ## [1.0.13](https://github.com/titel-media/bricks-lerna/compare/v1.0.12...v1.0.13) (2022-04-13)
@@ -73,6 +49,2 @@
 
-
-
-
-
 # [1.0.0](https://github.com/titel-media/bricks-lerna/compare/v0.4.111...v1.0.0) (2022-03-30)
@@ -82,17 +54,8 @@
 
-
-
-
-
 ## [0.4.110](https://github.com/titel-media/bricks-lerna/compare/v0.4.109...v0.4.110) (2022-03-24)
 
-
 ### Bug Fixes
 
-* WARNING - Fixed the version of styled-components to 5.3.3, because 5.3.4 was breaking the installation ([b2f7bf6](https://github.com/titel-media/bricks-lerna/commit/b2f7bf6082707c414d76d3ce7a727fbfa8e4d0fb))
+- WARNING - Fixed the version of styled-components to 5.3.3, because 5.3.4 was breaking the installation ([b2f7bf6](https://github.com/titel-media/bricks-lerna/commit/b2f7bf6082707c414d76d3ce7a727fbfa8e4d0fb))
 
-
-
-
-
 ## [0.4.82](https://github.com/titel-media/bricks-lerna/compare/v0.4.81...v0.4.82) (2022-03-10)
@@ -102,6 +65,2 @@
 
-
-
-
-
 ## [0.4.72](https://github.com/titel-media/bricks-lerna/compare/v0.4.71...v0.4.72) (2022-02-26)
@@ -111,6 +70,2 @@
 
-
-
-
-
 ## [0.4.32](https://github.com/titel-media/bricks-lerna/compare/v0.4.31...v0.4.32) (2022-02-09)
@@ -120,6 +75,2 @@
 
-
-
-
-
 ## [0.4.31](https://github.com/titel-media/bricks-lerna/compare/v0.4.30...v0.4.31) (2022-02-09)
@@ -129,6 +80,2 @@
 
-
-
-
-
 ## [0.4.30](https://github.com/titel-media/bricks-lerna/compare/v0.4.29...v0.4.30) (2022-02-09)
@@ -138,6 +85,2 @@
 
-
-
-
-
 ## [0.4.29](https://github.com/titel-media/bricks-lerna/compare/v0.4.28...v0.4.29) (2022-02-09)
@@ -147,6 +90,2 @@
 
-
-
-
-
 ## [0.4.28](https://github.com/titel-media/bricks-lerna/compare/v0.4.27...v0.4.28) (2022-02-09)
@@ -156,6 +95,2 @@
 
-
-
-
-
 ## [0.4.11](https://github.com/titel-media/bricks-lerna/compare/v0.4.10...v0.4.11) (2022-01-28)
@@ -165,6 +100,2 @@
 
-
-
-
-
 ## [0.4.10](https://github.com/titel-media/bricks-lerna/compare/v0.4.9...v0.4.10) (2022-01-28)
@@ -174,6 +105,2 @@
 
-
-
-
-
 ## [0.4.9](https://github.com/titel-media/bricks-lerna/compare/v0.4.8...v0.4.9) (2022-01-28)
@@ -183,6 +110,2 @@
 
-
-
-
-
 ## [0.4.5](https://github.com/titel-media/bricks-lerna/compare/v0.4.4...v0.4.5) (2022-01-27)
@@ -192,6 +115,2 @@
 
-
-
-
-
 ## [0.4.4](https://github.com/titel-media/bricks-lerna/compare/v0.4.3...v0.4.4) (2022-01-27)
@@ -201,6 +120,2 @@
 
-
-
-
-
 ## [0.4.3](https://github.com/titel-media/bricks-lerna/compare/v0.4.2...v0.4.3) (2022-01-27)
@@ -210,6 +125,2 @@
 
-
-
-
-
 ## [0.4.2](https://github.com/titel-media/bricks-lerna/compare/v0.4.1...v0.4.2) (2022-01-27)
@@ -219,6 +130,2 @@
 
-
-
-
-
 # [0.4.0](https://github.com/titel-media/bricks-lerna/compare/v0.3.46...v0.4.0) (2022-01-27)
@@ -228,6 +135,2 @@
 
-
-
-
-
 ## [0.3.29](https://github.com/titel-media/bricks-lerna/compare/v0.3.28...v0.3.29) (2022-01-26)
@@ -237,17 +140,8 @@
 
-
-
-
-
 ## [0.3.20](https://github.com/titel-media/bricks-lerna/compare/v0.3.19...v0.3.20) (2022-01-25)
 
-
 ### Features
 
-* Change githead again because of socket error ([7e90fb1](https://github.com/titel-media/bricks-lerna/commit/7e90fb1d2890f70fdf7827cf6d05a6695490d81f))
+- Change githead again because of socket error ([7e90fb1](https://github.com/titel-media/bricks-lerna/commit/7e90fb1d2890f70fdf7827cf6d05a6695490d81f))
 
-
-
-
-
 ## [0.3.19](https://github.com/titel-media/bricks-lerna/compare/v0.3.18...v0.3.19) (2022-01-25)
@@ -257,6 +151,2 @@
 
-
-
-
-
 ## [0.3.18](https://github.com/titel-media/bricks-lerna/compare/v0.3.17...v0.3.18) (2022-01-25)
@@ -266,6 +156,2 @@
 
-
-
-
-
 ## [0.3.17](https://github.com/titel-media/bricks-lerna/compare/v0.3.16...v0.3.17) (2022-01-25)
@@ -275,28 +161,14 @@
 
-
-
-
-
 ## [0.3.16](https://github.com/titel-media/bricks-lerna/compare/v0.3.15...v0.3.16) (2022-01-25)
 
-
 ### Bug Fixes
 
-* Change name of the univers-cond to make it work ([2e227d3](https://github.com/titel-media/bricks-lerna/commit/2e227d3ed528e971b71de68df0b2a477d39e9e74))
+- Change name of the univers-cond to make it work ([2e227d3](https://github.com/titel-media/bricks-lerna/commit/2e227d3ed528e971b71de68df0b2a477d39e9e74))
 
-
-
-
-
 ## [0.3.15](https://github.com/titel-media/bricks-lerna/compare/v0.3.14...v0.3.15) (2022-01-25)
 
-
 ### Features
 
-* Added the Age Gate for 7acres ([49d69d9](https://github.com/titel-media/bricks-lerna/commit/49d69d9daf3da0b37b56814da314fd6beb978430))
+- Added the Age Gate for 7acres ([49d69d9](https://github.com/titel-media/bricks-lerna/commit/49d69d9daf3da0b37b56814da314fd6beb978430))
 
-
-
-
-
 ## [0.3.14](https://github.com/titel-media/bricks-lerna/compare/v0.3.13...v0.3.14) (2022-01-25)
@@ -306,6 +178,2 @@
 
-
-
-
-
 # [0.3.0](https://github.com/titel-media/bricks-lerna/compare/v0.2.22...v0.3.0) (2022-01-14)
@@ -315,6 +183,2 @@
 
-
-
-
-
 ## [0.2.8](https://github.com/titel-media/bricks-lerna/compare/v0.2.7...v0.2.8) (2022-01-12)
@@ -324,6 +188,2 @@
 
-
-
-
-
 ## [0.2.7](https://github.com/titel-media/bricks-lerna/compare/v0.2.6...v0.2.7) (2022-01-12)
@@ -333,6 +193,2 @@
 
-
-
-
-
 ## [0.2.6](https://github.com/titel-media/bricks-lerna/compare/v0.2.5...v0.2.6) (2022-01-12)
@@ -342,6 +198,2 @@
 
-
-
-
-
 ## [0.2.5](https://github.com/titel-media/bricks-lerna/compare/v0.2.4...v0.2.5) (2022-01-12)
@@ -351,6 +203,2 @@
 
-
-
-
-
 ## [0.2.1](https://github.com/titel-media/bricks-lerna/compare/v0.1.21...v0.2.1) (2022-01-10)
@@ -360,6 +208,2 @@
 
-
-
-
-
 # [0.2.0](https://github.com/titel-media/bricks-lerna/compare/v0.1.21...v0.2.0) (2022-01-10)
@@ -369,17 +213,8 @@
 
-
-
-
-
 ## [0.1.21](https://github.com/titel-media/bricks-lerna/compare/v0.1.20...v0.1.21) (2022-01-05)
 
-
 ### Features
 
-* Added a lot of fixes for tests and tests for Credits. WIP: gsap is still breaking tests ([533fe23](https://github.com/titel-media/bricks-lerna/commit/533fe23a3f1cd6a9ee1ca0f66f6beeaac38b1efd))
+- Added a lot of fixes for tests and tests for Credits. WIP: gsap is still breaking tests ([533fe23](https://github.com/titel-media/bricks-lerna/commit/533fe23a3f1cd6a9ee1ca0f66f6beeaac38b1efd))
 
-
-
-
-
 ## [0.1.19](https://github.com/titel-media/bricks-lerna/compare/v0.1.18...v0.1.19) (2021-12-21)
@@ -389,6 +224,2 @@
 
-
-
-
-
 ## [0.1.17](https://github.com/titel-media/bricks-lerna/compare/v0.1.16...v0.1.17) (2021-12-21)
@@ -398,6 +229,2 @@
 
-
-
-
-
 ## [0.1.15](https://github.com/titel-media/bricks-lerna/compare/v0.1.14...v0.1.15) (2021-12-21)
@@ -407,6 +234,2 @@
 
-
-
-
-
 ## [0.1.12](https://github.com/titel-media/bricks-lerna/compare/v0.1.11...v0.1.12) (2021-12-20)
@@ -416,6 +239,2 @@
 
-
-
-
-
 ## [0.1.10](https://github.com/titel-media/bricks-lerna/compare/v0.1.9...v0.1.10) (2021-12-06)
@@ -425,6 +244,2 @@
 
-
-
-
-
 ## [0.1.9](https://github.com/titel-media/bricks-lerna/compare/v0.1.8...v0.1.9) (2021-12-06)
@@ -434,6 +249,2 @@
 
-
-
-
-
 ## [0.1.7](https://github.com/titel-media/bricks-lerna/compare/v0.1.6...v0.1.7) (2021-12-03)
@@ -443,6 +254,2 @@
 
-
-
-
-
 ## [0.1.5](https://github.com/titel-media/bricks-lerna/compare/v0.2.0...v0.1.5) (2021-11-29)
@@ -452,34 +259,19 @@
 
-
-
-
-
 ## [0.1.3](https://github.com/titel-media/bricks-lerna/compare/v0.1.2...v0.1.3) (2021-10-26)
 
-
 ### Bug Fixes
 
-* entry points in published package to dist/" ([2d9df68](https://github.com/titel-media/bricks-lerna/commit/2d9df6829ed31df08e15804bb1e836a0a721359e))
+- entry points in published package to dist/" ([2d9df68](https://github.com/titel-media/bricks-lerna/commit/2d9df6829ed31df08e15804bb1e836a0a721359e))
 
-
-
-
-
 ## [0.1.1](https://github.com/titel-media/bricks-lerna/compare/v0.1.0...v0.1.1) (2021-10-26)
 
-
 ### Bug Fixes
 
-* package json authors to hsnob ([d30beef](https://github.com/titel-media/bricks-lerna/commit/d30beef640244ef1b52ba86bdbef7eee4d8da9a5))
-* Remove some console.logs from typography.js and set the tests to run before building ([81bb583](https://github.com/titel-media/bricks-lerna/commit/81bb5839a5262f4c56179811355c02a81806707d))
+- package json authors to hsnob ([d30beef](https://github.com/titel-media/bricks-lerna/commit/d30beef640244ef1b52ba86bdbef7eee4d8da9a5))
+- Remove some console.logs from typography.js and set the tests to run before building ([81bb583](https://github.com/titel-media/bricks-lerna/commit/81bb5839a5262f4c56179811355c02a81806707d))
 
-
 ### Features
 
-* Added setup and jest; tests for bricks-paragraph and a small refactor of bricks-theme ([b76e82c](https://github.com/titel-media/bricks-lerna/commit/b76e82cadeb1b954afc3f55275044f693e80c343))
+- Added setup and jest; tests for bricks-paragraph and a small refactor of bricks-theme ([b76e82c](https://github.com/titel-media/bricks-lerna/commit/b76e82cadeb1b954afc3f55275044f693e80c343))
 
-
-
-
-
 # [0.1.0](https://github.com/titel-media/bricks-lerna/compare/v0.0.12...v0.1.0) (2021-10-26)
@@ -489,8 +281,4 @@
 
-
-
-
-
 ## [0.0.12](https://github.com/titel-media/bricks-lerna/compare/v0.0.11...v0.0.12) (2021-10-22)
 
 **Note:** Version bump only for package @titelmedia/bricks-theme

dist/index.js

@@ -7,35 +7,18 @@ "use strict";
 exports.globalFontsNames = exports.default = void 0;
-
 var _styledComponents = require("styled-components");
-
 var _universLight = _interopRequireDefault(require("./fonts/univers-light.woff"));
-
 var _universLight2 = _interopRequireDefault(require("./fonts/univers-light.woff2"));
-
 var _universRoman = _interopRequireDefault(require("./fonts/univers-roman.woff"));
-
 var _universRoman2 = _interopRequireDefault(require("./fonts/univers-roman.woff2"));
-
 var _universBold = _interopRequireDefault(require("./fonts/univers-bold.woff"));
-
 var _universBold2 = _interopRequireDefault(require("./fonts/univers-bold.woff2"));
-
 var _universBoldCond = _interopRequireDefault(require("./fonts/univers-bold-cond.woff"));
-
 var _universBoldCond2 = _interopRequireDefault(require("./fonts/univers-bold-cond.woff2"));
-
 var _universCond = _interopRequireDefault(require("./fonts/univers-cond.woff"));
-
 var _universCond2 = _interopRequireDefault(require("./fonts/univers-cond.woff2"));
-
 var _universBlack = _interopRequireDefault(require("./fonts/univers-black.woff"));
-
 var _universBlack2 = _interopRequireDefault(require("./fonts/univers-black.woff2"));
-
 var _hsdevilleRoman = _interopRequireDefault(require("./fonts/hsdeville-roman.woff"));
-
 var _hsdevilleRoman2 = _interopRequireDefault(require("./fonts/hsdeville-roman.woff2"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const globalFontsNames = ['univers-light', 'univers-roman', 'univers-cond', 'univers-bold-cond', 'univers-black', 'hs-deville'];
@@ -42,0 +25,0 @@ exports.globalFontsNames = globalFontsNames;

dist/utilities/layout.js

@@ -6,38 +6,6 @@ "use strict";
 });
-exports.setFlexContainer = exports.setContainer = void 0;
-
+exports.setContainer = void 0;
 var _containers = require("../variables/containers");
-
 var _breakpoints = require("../variables/breakpoints");
-
 var _lodash = require("lodash");
-
-const setFlexContainer = ({
-  size
-}) => {
-  let style = `
-    padding: 0px 20px;
-    margin: 0 auto;
-  `;
-  let useSize = size || 'md';
-
-  if (_containers.CONTAINERS[useSize]) {
-    style += `
-    min-width: ${_containers.CONTAINERS[useSize].mobile};
-    max-width: ${_containers.CONTAINERS[useSize].mobile};`;
-    (0, _lodash.forOwn)(_breakpoints.BREAKPOINTS, (b, breakpointKey) => {
-      style += `
-          @media (min-width: ${b}px) {
-              min-width: ${_containers.CONTAINERS[useSize][breakpointKey]};
-              max-width: ${_containers.CONTAINERS[useSize][breakpointKey]};
-          }
-      `;
-    });
-  }
-
-  return style;
-};
-
-exports.setFlexContainer = setFlexContainer;
-
 const setContainer = ({
@@ -51,18 +19,20 @@ size
   let useSize = size || 'md';
-
   if (_containers.CONTAINERS[useSize]) {
-    style += `max-width: ${_containers.CONTAINERS[useSize].mobile};`;
-    (0, _lodash.forOwn)(_breakpoints.BREAKPOINTS, (b, breakpointKey) => {
-      style += `
-          @media (min-width: ${b}px) {
-              max-width: ${_containers.CONTAINERS[useSize][breakpointKey]};
-          }
-      `;
+    style += `max-width: ${_containers.CONTAINERS[useSize].xs};`;
+    (0, _lodash.forOwn)(_containers.CONTAINERS[useSize], (b, breakpointKey) => {
+      (0, _lodash.forOwn)(_breakpoints.BREAKPOINTS, (bc, breakpointKeyc) => {
+        if (breakpointKey == breakpointKeyc) {
+          style += `
+                @media (min-width: ${bc}px) {
+                    max-width: ${_containers.CONTAINERS[useSize][breakpointKey]};
+                }
+            `;
+        }
+        ;
+      });
     });
   }
-
   return style;
 };
-
 exports.setContainer = setContainer;
 //# sourceMappingURL=layout.js.map

dist/utilities/typography.js

@@ -7,12 +7,7 @@ "use strict";
 exports.setFontSizes = exports.setFont = void 0;
-
 var _lodash = require("lodash");
-
 var _breakpoints = require("../variables/breakpoints");
-
 var _typography = require("../variables/typography");
-
 const setFont = props => {
   let correctFont = 'univers-roman';
-
   if (props.bold) {
@@ -23,29 +18,26 @@ correctFont = 'univers-bold';
   }
-
   if (props.headline) {
     correctFont = 'univers-black';
   }
-
   if (props.condensed) {
     correctFont = 'univers-bold-cond';
   }
-
   return `font-family: ${correctFont};`;
 };
-
 exports.setFont = setFont;
-
 const setFontSizes = ({
-  mobile,
-  tablet_vertical,
-  tablet_horizontal,
-  desktop,
-  desktop_large
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  xxl
 }) => {
   const fontSizeProps = {
-    mobile,
-    tablet_vertical,
-    tablet_horizontal,
-    desktop,
-    desktop_large
+    xs,
+    sm,
+    md,
+    lg,
+    xl,
+    xxl
   };
@@ -55,3 +47,3 @@ let style = '';
     if (val) {
-      if (breakpoint === 'mobile') {
+      if (breakpoint === 'xs') {
         style += `font-size: ${_typography.TEXT_SIZES[val] || val};`;
@@ -69,4 +61,3 @@ } else {
 };
-
 exports.setFontSizes = setFontSizes;
 //# sourceMappingURL=typography.js.map

dist/variables/breakpoints.js

@@ -8,8 +8,10 @@ "use strict";
 const BREAKPOINTS = {
-  tablet_vertical: 768,
-  tablet_horizontal: 1024,
-  desktop: 1200,
-  desktop_large: 1600
+  xs: 480,
+  sm: 768,
+  md: 992,
+  lg: 1024,
+  xl: 1200,
+  xxl: 1600
 };
 exports.BREAKPOINTS = BREAKPOINTS;
 //# sourceMappingURL=breakpoints.js.map

dist/variables/containers.js

@@ -9,24 +9,24 @@ "use strict";
   sm: {
-    mobile: '100%',
-    tablet_vertical: '520px',
-    tablet_horizontal: '660px',
-    desktop: '790px',
-    desktop_large: '790px'
+    xs: '100%',
+    sm: '520px',
+    lg: '660px',
+    xl: '790px',
+    xxl: '790px'
   },
   md: {
-    mobile: '100%',
-    tablet_vertical: '500px',
-    tablet_horizontal: '800px',
-    desktop: '960px',
-    desktop_large: '1100px'
+    xs: '100%',
+    sm: '500px',
+    lg: '800px',
+    xl: '960px',
+    xxl: '1100px'
   },
   lg: {
-    mobile: '100%',
-    tablet_vertical: '500px',
-    tablet_horizontal: '800px',
-    desktop: '960px',
-    desktop_large: '1100px'
+    xs: '100%',
+    sm: '500px',
+    lg: '800px',
+    xl: '960px',
+    xxl: '1100px'
   },
   xl: {
-    mobile: '100%'
+    xs: '100%'
   }
@@ -33,0 +33,0 @@ };

lib/utilities/layout.js

@@ -16,25 +16,2 @@ import { CONTAINERS } from '../variables/containers';
 
-export const setFlexContainer = ({ size }) => {
-  let style = `
-    padding: 0px 20px;
-    margin: 0 auto;
-  `;
-
-  let useSize = size || 'md';
-  if (CONTAINERS[useSize]) {
-    style += `
-    min-width: ${CONTAINERS[useSize].mobile};
-    max-width: ${CONTAINERS[useSize].mobile};`;
-    forOwn(BREAKPOINTS, (b, breakpointKey) => {
-      style += `
-          @media (min-width: ${b}px) {
-              min-width: ${CONTAINERS[useSize][breakpointKey]};
-              max-width: ${CONTAINERS[useSize][breakpointKey]};
-          }
-      `;
-    });
-  }
-  return style;
-};
-
 export const setContainer = ({ size }) => {
@@ -48,12 +25,16 @@ let style = `
   if (CONTAINERS[useSize]) {
-    style += `max-width: ${CONTAINERS[useSize].mobile};`;
-    forOwn(BREAKPOINTS, (b, breakpointKey) => {
-      style += `
-          @media (min-width: ${b}px) {
-              max-width: ${CONTAINERS[useSize][breakpointKey]};
-          }
-      `;
+    style += `max-width: ${CONTAINERS[useSize].xs};`;
+    forOwn(CONTAINERS[useSize], (b, breakpointKey) => {
+        forOwn(BREAKPOINTS, (bc, breakpointKeyc) => {
+            if (breakpointKey == breakpointKeyc) {
+                      style += `
+                @media (min-width: ${bc}px) {
+                    max-width: ${CONTAINERS[useSize][breakpointKey]};
+                }
+            `;
+            };
+        });
     });
-  }
+}
   return style;
 };

lib/utilities/typography.js

@@ -5,13 +5,2 @@ import { forOwn } from 'lodash';
 
-/* USAGE */
-/*
-import styled from '@emotion/styled';
-import { setFont } from '@titelmedia/bricks-theme/lib/utilities/typography';
-
-export const Title = styled.h3`
-  ${props => setFont({bold: props.bold, display: props.display})}
-  ${setFontSizes({ mobile: '1rem', tablet_vertical: '48px' })}
-`;
-*/
-
 export const setFont = props => {
@@ -37,14 +26,16 @@ let correctFont = 'univers-roman';
 export const setFontSizes = ({
-  mobile,
-  tablet_vertical,
-  tablet_horizontal,
-  desktop,
-  desktop_large,
+  xs,
+  sm,
+  md,
+  lg,
+  xl,
+  xxl,
 }) => {
   const fontSizeProps = {
-    mobile,
-    tablet_vertical,
-    tablet_horizontal,
-    desktop,
-    desktop_large,
+    xs,
+    sm,
+    md,
+    lg,
+    xl,
+    xxl,
   };
@@ -54,3 +45,3 @@ let style = '';
     if (val) {
-      if (breakpoint === 'mobile') {
+      if (breakpoint === 'xs') {
         style += `font-size: ${TEXT_SIZES[val] || val};`;
@@ -57,0 +48,0 @@ } else {

lib/variables/breakpoints.js

 export const BREAKPOINTS = {
-  tablet_vertical: 768,
-  tablet_horizontal: 1024,
-  desktop: 1200,
-  desktop_large: 1600,
-};
+  xs: 480,
+  sm: 768,
+  md: 992,
+  lg: 1024,
+  xl: 1200,
+  xxl: 1600,
+};

lib/variables/containers.js

 export const CONTAINERS = {
   sm: {
-    mobile: '100%',
-    tablet_vertical: '520px',
-    tablet_horizontal: '660px',
-    desktop: '790px',
-    desktop_large: '790px',
+    xs: '100%',
+    sm: '520px',
+    lg: '660px',
+    xl: '790px',
+    xxl: '790px',
   },
   md: {
-    mobile: '100%',
-    tablet_vertical: '500px',
-    tablet_horizontal: '800px',
-    desktop: '960px',
-    desktop_large: '1100px',
+    xs: '100%',
+    sm: '500px',
+    lg: '800px',
+    xl: '960px',
+    xxl: '1100px',
   },
   lg: {
-    mobile: '100%',
-    tablet_vertical: '500px',
-    tablet_horizontal: '800px',
-    desktop: '960px',
-    desktop_large: '1100px',
+    xs: '100%',
+    sm: '500px',
+    lg: '800px',
+    xl: '960px',
+    xxl: '1100px',
   },
   xl: {
-    mobile: '100%',
+    xs: '100%',
   },
 };

package.json

 {
   "name": "@titelmedia/bricks-theme",
-  "version": "1.0.43",
+  "version": "1.9.0",
   "description": "styles!",
@@ -27,3 +27,3 @@ "author": "highsnob",
   },
-  "gitHead": "0e4b02dd520dfaf8f93d1cca506865a1a781b314"
+  "gitHead": "821c55b5aee0c3c72b42c632fab502d634212354"
 }

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

Worsened metrics

Total package byte prevSize

1019611

decreased by-0.54%

Number of package files

53

decreased by-13.11%

Lines of code

437

decreased by-14.15%

No dependency changes