@buildit/gravity-ui-sass - npm Package Compare versions

Comparing version 0.7.0 to 0.8.0

CHANGELOG.md

@@ -11,2 +11,22 @@ # Changelog
 
+## [0.8.0] - 2018-04-25
+### Added
+- Hollow version of Buildit logo
+- Github icon
+- SVG symbols now have IDs on their `<title>` elements
+- New utility class `grav-u-max-word-count-m`. Useful to limit `p` max width for better readability
+
+### Changed
+- Buildit logo has been updated to new design
+- Inline SVG component now uses `aria-labelledby` to reference SVG symbol's title
+- Updated `favicon.ico` to new Buildit icon.
+- BREAKING: Renamed social media SVG IDs to `icon-*`
+- Inverted font-weight on `block-link`, now bold is used for the active link
+
+### Fixed
+- Toggle buttons (incl. hamburger menu button) now work in IE11
+- Header now has normal height in IE11 on small screens
+- SVG validation errors
+
+
 ## [0.7.0] - 2018-04-19
@@ -13,0 +33,0 @@ ### Added

dist/ui-lib/gravity.js

@@ -36,4 +36,6 @@ /**
 
-    toggleButtons.forEach((toggleButton) => {
-      toggleButton.addEventListener('click', (e) => {
+    // IE-compatible way of iterating over the NodeList
+    // (See: https://developer.mozilla.org/en-US/docs/Web/API/NodeList)
+    Array.prototype.forEach.call(toggleButtons, function(toggleButton) {
+      toggleButton.addEventListener('click', function(e) {
         let pressed = toggleButton.getAttribute('aria-pressed') === 'true';
@@ -48,3 +50,3 @@ toggleButton.setAttribute('aria-pressed', String(!pressed));
    */
-  document.addEventListener("DOMContentLoaded", (e) => {
+  document.addEventListener("DOMContentLoaded", function(e) {
     initToggleButtons();
@@ -51,0 +53,0 @@ });

dist/ui-lib/symbols.json

 {
   "symbols": [
       {
+        "symbolId": "buildit-logo-hollow",
+        "titleId": "buildit-logo-hollow__title",
+        "width": "700px",
+        "height": "700px"
+      },
+      {
         "symbolId": "buildit-logo",
-        "width": "260px",
-        "height": "260px"
+        "titleId": "buildit-logo__title",
+        "width": "700px",
+        "height": "700px"
       },
       {
         "symbolId": "buildit-logotype",
+        "titleId": "buildit-logotype__title",
         "width": "300px",
@@ -14,3 +22,10 @@ "height": "33px"
       {
-        "symbolId": "instagram-brand-icon",
+        "symbolId": "icon-github",
+        "titleId": "icon-github__title",
+        "width": "32px",
+        "height": "32px"
+      },
+      {
+        "symbolId": "icon-instagram",
+        "titleId": "icon-instagram__title",
         "width": "100px",
@@ -20,3 +35,4 @@ "height": "100px"
       {
-        "symbolId": "linkedin-brand-icon",
+        "symbolId": "icon-linkedin",
+        "titleId": "icon-linkedin__title",
         "width": "97px",
@@ -26,3 +42,10 @@ "height": "97px"
       {
+        "symbolId": "icon-twitter",
+        "titleId": "icon-twitter__title",
+        "width": "97px",
+        "height": "97px"
+      },
+      {
         "symbolId": "logo-designit",
+        "titleId": "logo-designit__title",
         "width": "247px",
@@ -33,16 +56,7 @@ "height": "79px"
         "symbolId": "logo-wiprodigital",
+        "titleId": "logo-wiprodigital__title",
         "width": "426px",
         "height": "79px"
-      },
-      {
-        "symbolId": "menu",
-        "width": "32px",
-        "height": "32px"
-      },
-      {
-        "symbolId": "twitter-brand-icon",
-        "width": "97px",
-        "height": "97px"
       }
   ]
 }

package.json

 {
   "name": "@buildit/gravity-ui-sass",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "A SASS UI library from the Buildit's Gravity design system",
@@ -63,2 +63,4 @@ "main": "index.js",
     "gulp": "^4.0.0",
+    "gulp-cheerio": "^0.6.3",
+    "gulp-filter": "^5.1.0",
     "gulp-rename": "^1.2.2",
@@ -65,0 +67,0 @@ "gulp-sass": "^4.0.1",

src/ui-lib/js/gravity.js

@@ -36,4 +36,6 @@ /**
 
-    toggleButtons.forEach((toggleButton) => {
-      toggleButton.addEventListener('click', (e) => {
+    // IE-compatible way of iterating over the NodeList
+    // (See: https://developer.mozilla.org/en-US/docs/Web/API/NodeList)
+    Array.prototype.forEach.call(toggleButtons, function(toggleButton) {
+      toggleButton.addEventListener('click', function(e) {
         let pressed = toggleButton.getAttribute('aria-pressed') === 'true';
@@ -48,3 +50,3 @@ toggleButton.setAttribute('aria-pressed', String(!pressed));
    */
-  document.addEventListener("DOMContentLoaded", (e) => {
+  document.addEventListener("DOMContentLoaded", function(e) {
     initToggleButtons();
@@ -51,0 +53,0 @@ });

No alert changes

Improved metrics

Total package byte prevSize

176972

increased by6.82%

Number of package files

70

increased by1.45%

Lines of code

1107

increased by2.88%

Worsened metrics

Dev dependency count

19

increased by11.76%

No dependency changes