@tds/core-a11y-content - npm Package Compare versions

Comparing version 1.0.1 to 2.0.0

__tests__/A11yContent.spec.jsx

 import React from 'react'
-import { shallow } from 'enzyme'
+import { shallow, render } from 'enzyme'
 
@@ -17,3 +17,3 @@ import A11yContent from '../A11yContent'
   it('renders', () => {
-    const a11yContent = doShallow()
+    const a11yContent = render(<A11yContent>Some text</A11yContent>)
 
@@ -20,0 +20,0 @@ expect(a11yContent).toMatchSnapshot()

A11yContent.jsx

 import React from 'react'
 import PropTypes from 'prop-types'
+import styled from 'styled-components'
 
-import styles from './A11yContent.modules.scss'
+const StyledA11yContent = styled.span({
+  position: 'absolute',
+  height: '1px',
+  width: '1px',
+  overflow: 'hidden',
+  clip: 'rect(1px, 1px, 1px, 1px)',
+})
 
@@ -11,3 +18,3 @@ /**
 const A11yContent = ({ children }) => {
-  return <span className={styles.a11yContent}>{children}</span>
+  return <StyledA11yContent>{children}</StyledA11yContent>
 }
@@ -14,0 +21,0 @@

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+# [2.0.0](https://github.com/telusdigital/tds/compare/@tds/core-a11y-content@1.0.1...@tds/core-a11y-content@2.0.0) (2019-03-28)
+
+
+### Features
+
+* **core-a11y-content:** upgrade to styled-components ([2596e66](https://github.com/telusdigital/tds/commit/2596e66))
+
+
+### BREAKING CHANGES
+
+* **core-a11y-content:** upgrade to styled-components
+
+
+
+
+
 ## [1.0.1](https://github.com/telusdigital/tds/compare/@tds/core-a11y-content@1.0.0...@tds/core-a11y-content@1.0.1) (2019-02-06)
@@ -8,0 +24,0 @@

dist/index.cjs.js

@@ -7,5 +7,14 @@ 'use strict';
 var PropTypes = _interopDefault(require('prop-types'));
+var styled = _interopDefault(require('styled-components'));
 
-var styles = {"a11yContent":"TDS_A11yContent-modules__a11yContent___1A-Rh"};
-
+var StyledA11yContent = styled.span.withConfig({
+  displayName: "A11yContent__StyledA11yContent",
+  componentId: "sc-15wexwk-0"
+})({
+  position: 'absolute',
+  height: '1px',
+  width: '1px',
+  overflow: 'hidden',
+  clip: 'rect(1px, 1px, 1px, 1px)'
+});
 /**
@@ -17,5 +26,3 @@ * @version ./package.json
   var children = _ref.children;
-  return React.createElement("span", {
-    className: styles.a11yContent
-  }, children);
+  return React.createElement(StyledA11yContent, null, children);
 };
@@ -22,0 +29,0 @@

dist/index.es.js

 import React from 'react';
 import PropTypes from 'prop-types';
+import styled from 'styled-components';
 
-var styles = {"a11yContent":"TDS_A11yContent-modules__a11yContent___1A-Rh"};
-
+var StyledA11yContent = styled.span.withConfig({
+  displayName: "A11yContent__StyledA11yContent",
+  componentId: "sc-15wexwk-0"
+})({
+  position: 'absolute',
+  height: '1px',
+  width: '1px',
+  overflow: 'hidden',
+  clip: 'rect(1px, 1px, 1px, 1px)'
+});
 /**
@@ -12,5 +21,3 @@ * @version ./package.json
   var children = _ref.children;
-  return React.createElement("span", {
-    className: styles.a11yContent
-  }, children);
+  return React.createElement(StyledA11yContent, null, children);
 };
@@ -17,0 +24,0 @@

index.cjs.js

@@ -1,4 +0,3 @@
-require('./dist/index.css')
 const A11yContent = require('./dist/index.cjs')
 
 module.exports = A11yContent

index.es.js

@@ -1,4 +0,3 @@
-import './dist/index.css'
 import A11yContent from './dist/index.es'
 
 export default A11yContent

package.json

 {
   "name": "@tds/core-a11y-content",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Hide content that should only be seen by screen readers",
@@ -24,4 +24,5 @@ "main": "index.cjs.js",
   "peerDependencies": {
-    "react": ">=15",
-    "react-dom": ">=15"
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "styled-components": "^4.1.3"
   },
@@ -31,3 +32,3 @@ "dependencies": {
   },
-  "gitHead": "79839daf9cc90e531bdfe4e5202edfd4b7348342"
+  "gitHead": "7eabb60776066c077b2ea3ae8f6b6a09d8b26f02"
 }

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

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

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

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

6840

increased by12.82%

Lines of code

105

increased by16.67%

Worsened metrics

Dependency count

4

increased by33.33%

Number of package files

13

decreased by-13.33%

No dependency changes