@politico/interactive-style - npm Package Compare versions

Comparing version 1.5.4 to 1.5.5

dist/components/Share/index.js

@@ -137,3 +137,3 @@ import './index.css';
           url: _this.getCanonical()
-        }).catch(function (e) {});
+        })["catch"](function (e) {});
         return true;
@@ -140,0 +140,0 @@ } else {

dist/components/SkipNav/index.js

@@ -91,10 +91,20 @@ import './index.css';
       return React.createElement("div", {
-        className: classnames('skipnav-container', styles.styles)
-      }, React.createElement("div", {
-        className: "skipnav"
-      }, React.createElement("a", {
-        href: "#maincontent"
-      }, "Skip to main content"), ' ', React.createElement("a", {
-        href: "#sitemap"
-      }, "Skip to footer site map")));
+        className: classnames('skip-nav', styles.styles)
+      }, React.createElement("ul", {
+        className: "skip-nav__list"
+      }, React.createElement("li", {
+        className: "skip-nav__action"
+      }, React.createElement("button", {
+        className: "skip-nav__link",
+        onClick: function onClick() {
+          document.querySelector('#maincontent').focus();
+        }
+      }, "Skip to main content")), React.createElement("li", {
+        className: "skip-nav__action"
+      }, React.createElement("button", {
+        className: "skip-nav__link",
+        onClick: function onClick() {
+          document.querySelector('#sitemap').focus();
+        }
+      }, "Skip to footer site map"))));
     }
@@ -101,0 +111,0 @@ }]);

dist/constants/colors/index.js

@@ -17,2 +17,3 @@ var POLITICO_RED = '#DC0228';
 var brand = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   POLITICO_RED: POLITICO_RED,
@@ -61,2 +62,3 @@ POLITICO_DARK_RED: POLITICO_DARK_RED,
 var base = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   TRANSPARENT: TRANSPARENT,
@@ -115,2 +117,3 @@ BLACK: BLACK,
 var diverging = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   TEAL1: TEAL1,
@@ -185,2 +188,3 @@ TEAL2: TEAL2,
 var elections = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   DEM: DEM,
@@ -280,2 +284,3 @@ DEM_LIGHT: DEM_LIGHT,
 var qualitative = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   Q4_AQUA: Q4_AQUA,
@@ -342,2 +347,3 @@ Q4_GREEN: Q4_GREEN,
 var sequential = /*#__PURE__*/Object.freeze({
+  __proto__: null,
   MONEY_FOAM1: MONEY_FOAM1,
@@ -344,0 +350,0 @@ MONEY_FOAM2: MONEY_FOAM2,

package.json

 {
   "name": "@politico/interactive-style",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "module": "dist/index.js",

src/components/SkipNav/example.js

@@ -11,3 +11,3 @@ import React from 'react';
     return (
-      <Page title='Share'>
+      <Page title='SkipNav'>
         <SkipNav />
@@ -14,0 +14,0 @@ <p>

src/components/SkipNav/index.js

@@ -9,7 +9,23 @@ import React from 'react';
     return (
-      <div className={classnames('skipnav-container', styles.styles)}>
-        <div className='skipnav'>
-          <a href='#maincontent'>Skip to main content</a>{' '}
-          <a href='#sitemap'>Skip to footer site map</a>
-        </div>
+      <div className={classnames('skip-nav', styles.styles)}>
+        <ul className='skip-nav__list'>
+          <li className='skip-nav__action'>
+            <button
+              className='skip-nav__link'
+              onClick={() => {
+                document.querySelector('#maincontent').focus();
+              }}
+            >Skip to main content
+            </button>
+          </li>
+          <li className='skip-nav__action'>
+            <button
+              className='skip-nav__link'
+              onClick={() => {
+                document.querySelector('#sitemap').focus();
+              }}
+            >Skip to footer site map
+            </button>
+          </li>
+        </ul>
       </div>
@@ -16,0 +32,0 @@ );

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

889544

increased by0.35%

Lines of code

23512

increased by0.26%

No dependency changes