Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
styled-velocity
Advanced tools
styled-velocity - npm Package Compare versions
Comparing version 0.0.52 to 0.0.53
@@ -103,2 +103,30 @@ import { HTMLAttributes, HTMLProps } from 'react'; | ||
| /** | ||
| * darkCss | ||
| * @returns darkCss, [at]media (prefers-color-scheme: dark) | ||
| * @type string | template literal | ||
| * @example | ||
| * darkCss="margin: 100%;" | ||
| * darkCss={` | ||
| * .child {color: red;} | ||
| * `} | ||
| * darkCss={` | ||
| * [at]media (min-width: 10em) { color: blue; } | ||
| * `} | ||
| */ | ||
| darkCss?: string; | ||
| /** | ||
| * lightCss | ||
| * @returns lightCss, [at]media (prefers-color-scheme: light) | ||
| * @type string | template literal | ||
| * @example | ||
| * lightCss="margin: 100%;" | ||
| * lightCss={` | ||
| * .child {color: red;} | ||
| * `} | ||
| * lightCss={` | ||
| * [at]media (min-width: 10em) { color: blue; } | ||
| * `} | ||
| */ | ||
| lightCss?: string; | ||
| /** | ||
| * m | ||
@@ -105,0 +133,0 @@ * @returns margin css property |
@@ -19,3 +19,3 @@ "use strict"; | ||
| function _templateObject() { | ||
| var data = (0, _taggedTemplateLiteral2["default"])(["\n ", ";\n"]); | ||
| var data = (0, _taggedTemplateLiteral2["default"])(["\n ", ";\n ", ";\n ", ";\n"]); | ||
@@ -40,4 +40,8 @@ _templateObject = function _templateObject() { | ||
| }); | ||
| }, function (props) { | ||
| return props.lightCss && "@media (prefers-color-scheme: light) {".concat(props.lightCss, "}"); | ||
| }, function (props) { | ||
| return props.darkCss && "@media (prefers-color-scheme: dark) {".concat(props.darkCss, "}"); | ||
| }); | ||
| exports.appearanceProps = appearanceProps; | ||
| //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvYXBwZWFyYW5jZVByb3BzLnRzIl0sIm5hbWVzIjpbImFwcGVhcmFuY2VQcm9wcyIsImNzcyIsInByb3BzIiwiYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlIiwibWFwIiwicHJvcCIsInByb3BlcnR5IiwidmFsdWUiLCJmaWx0ZXIiLCJpdGVtIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxlQUFlLE9BQUdDLHFCQUFILHFCQUN4QixVQUFBQyxLQUFLO0FBQUEsU0FDTEMsMkJBQ0dDLEdBREgsQ0FDTztBQUFBLFFBQUdDLElBQUgsUUFBR0EsSUFBSDtBQUFBLFFBQVNDLFFBQVQsUUFBU0EsUUFBVDtBQUFBLFdBQ0hKLEtBQUssQ0FBQ0csSUFBRCxDQUFMLEdBQWMsNEJBQVk7QUFBRUMsTUFBQUEsUUFBUSxFQUFSQSxRQUFGO0FBQVlDLE1BQUFBLEtBQUssRUFBRUwsS0FBSyxDQUFDRyxJQUFEO0FBQXhCLEtBQVosQ0FBZCxHQUE4RCxJQUQzRDtBQUFBLEdBRFAsRUFJR0csTUFKSCxDQUlVLFVBQUFDLElBQUk7QUFBQSxXQUFJQSxJQUFJLEtBQUssSUFBYjtBQUFBLEdBSmQsQ0FESztBQUFBLENBRG1CLENBQXJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcHNBdmFpbGFibGVQcm9wVHlwZXMgfSBmcm9tICdAcHJvcFR5cGVzJ1xuaW1wb3J0IHsgYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlIH0gZnJvbSAnQHNoYXJlZFByb3BzJ1xuaW1wb3J0IHsgY3JlYXRlU3R5bGUgfSBmcm9tICdAdXRpbHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cydcblxuZXhwb3J0IGNvbnN0IGFwcGVhcmFuY2VQcm9wcyA9IGNzc2BcbiAgJHtwcm9wcyA9PlxuICAgIGFwcGVhcmFuY2VQcm9wc0F2YWlsYWJsZVxuICAgICAgLm1hcCgoeyBwcm9wLCBwcm9wZXJ0eSB9OiBQcm9wc0F2YWlsYWJsZVByb3BUeXBlcykgPT5cbiAgICAgICAgcHJvcHNbcHJvcF0gPyBjcmVhdGVTdHlsZSh7IHByb3BlcnR5LCB2YWx1ZTogcHJvcHNbcHJvcF0gfSkgOiBudWxsLFxuICAgICAgKVxuICAgICAgLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09IG51bGwpfTtcbmBcbiJdfQ== | ||
| //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvYXBwZWFyYW5jZVByb3BzLnRzIl0sIm5hbWVzIjpbImFwcGVhcmFuY2VQcm9wcyIsImNzcyIsInByb3BzIiwiYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlIiwibWFwIiwicHJvcCIsInByb3BlcnR5IiwidmFsdWUiLCJmaWx0ZXIiLCJpdGVtIiwibGlnaHRDc3MiLCJkYXJrQ3NzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxlQUFlLE9BQUdDLHFCQUFILHFCQUN4QixVQUFBQyxLQUFLO0FBQUEsU0FDTEMsMkJBQ0dDLEdBREgsQ0FDTztBQUFBLFFBQUdDLElBQUgsUUFBR0EsSUFBSDtBQUFBLFFBQVNDLFFBQVQsUUFBU0EsUUFBVDtBQUFBLFdBQ0hKLEtBQUssQ0FBQ0csSUFBRCxDQUFMLEdBQWMsNEJBQVk7QUFBRUMsTUFBQUEsUUFBUSxFQUFSQSxRQUFGO0FBQVlDLE1BQUFBLEtBQUssRUFBRUwsS0FBSyxDQUFDRyxJQUFEO0FBQXhCLEtBQVosQ0FBZCxHQUE4RCxJQUQzRDtBQUFBLEdBRFAsRUFJR0csTUFKSCxDQUlVLFVBQUFDLElBQUk7QUFBQSxXQUFJQSxJQUFJLEtBQUssSUFBYjtBQUFBLEdBSmQsQ0FESztBQUFBLENBRG1CLEVBT3hCLFVBQUFQLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNRLFFBQU4sb0RBQTJEUixLQUFLLENBQUNRLFFBQWpFLE1BQUo7QUFBQSxDQVBtQixFQVF4QixVQUFBUixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDUyxPQUFOLG1EQUF5RFQsS0FBSyxDQUFDUyxPQUEvRCxNQUFKO0FBQUEsQ0FSbUIsQ0FBckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wc0F2YWlsYWJsZVByb3BUeXBlcyB9IGZyb20gJ0Bwcm9wVHlwZXMnXG5pbXBvcnQgeyBhcHBlYXJhbmNlUHJvcHNBdmFpbGFibGUgfSBmcm9tICdAc2hhcmVkUHJvcHMnXG5pbXBvcnQgeyBjcmVhdGVTdHlsZSB9IGZyb20gJ0B1dGlscydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuXG5leHBvcnQgY29uc3QgYXBwZWFyYW5jZVByb3BzID0gY3NzYFxuICAke3Byb3BzID0+XG4gICAgYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlXG4gICAgICAubWFwKCh7IHByb3AsIHByb3BlcnR5IH06IFByb3BzQXZhaWxhYmxlUHJvcFR5cGVzKSA9PlxuICAgICAgICBwcm9wc1twcm9wXSA/IGNyZWF0ZVN0eWxlKHsgcHJvcGVydHksIHZhbHVlOiBwcm9wc1twcm9wXSB9KSA6IG51bGwsXG4gICAgICApXG4gICAgICAuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gbnVsbCl9O1xuICAke3Byb3BzID0+IHByb3BzLmxpZ2h0Q3NzICYmIGBAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgeyR7cHJvcHMubGlnaHRDc3N9fWB9O1xuICAke3Byb3BzID0+IHByb3BzLmRhcmtDc3MgJiYgYEBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspIHske3Byb3BzLmRhcmtDc3N9fWB9O1xuYFxuIl19 |
@@ -103,2 +103,30 @@ import { HTMLAttributes, HTMLProps } from 'react'; | ||
| /** | ||
| * darkCss | ||
| * @returns darkCss, [at]media (prefers-color-scheme: dark) | ||
| * @type string | template literal | ||
| * @example | ||
| * darkCss="margin: 100%;" | ||
| * darkCss={` | ||
| * .child {color: red;} | ||
| * `} | ||
| * darkCss={` | ||
| * [at]media (min-width: 10em) { color: blue; } | ||
| * `} | ||
| */ | ||
| darkCss?: string; | ||
| /** | ||
| * lightCss | ||
| * @returns lightCss, [at]media (prefers-color-scheme: light) | ||
| * @type string | template literal | ||
| * @example | ||
| * lightCss="margin: 100%;" | ||
| * lightCss={` | ||
| * .child {color: red;} | ||
| * `} | ||
| * lightCss={` | ||
| * [at]media (min-width: 10em) { color: blue; } | ||
| * `} | ||
| */ | ||
| lightCss?: string; | ||
| /** | ||
| * m | ||
@@ -105,0 +133,0 @@ * @returns margin css property |
@@ -19,3 +19,3 @@ "use strict"; | ||
| function _templateObject() { | ||
| var data = (0, _taggedTemplateLiteral2["default"])(["\n ", ";\n"]); | ||
| var data = (0, _taggedTemplateLiteral2["default"])(["\n ", ";\n ", ";\n ", ";\n"]); | ||
@@ -40,4 +40,8 @@ _templateObject = function _templateObject() { | ||
| }); | ||
| }, function (props) { | ||
| return props.lightCss && "@media (prefers-color-scheme: light) {".concat(props.lightCss, "}"); | ||
| }, function (props) { | ||
| return props.darkCss && "@media (prefers-color-scheme: dark) {".concat(props.darkCss, "}"); | ||
| }); | ||
| exports.appearanceProps = appearanceProps; | ||
| //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvYXBwZWFyYW5jZVByb3BzLnRzIl0sIm5hbWVzIjpbImFwcGVhcmFuY2VQcm9wcyIsImNzcyIsInByb3BzIiwiYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlIiwibWFwIiwicHJvcCIsInByb3BlcnR5IiwidmFsdWUiLCJmaWx0ZXIiLCJpdGVtIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxlQUFlLE9BQUdDLHFCQUFILHFCQUN4QixVQUFBQyxLQUFLO0FBQUEsU0FDTEMsMkJBQ0dDLEdBREgsQ0FDTztBQUFBLFFBQUdDLElBQUgsUUFBR0EsSUFBSDtBQUFBLFFBQVNDLFFBQVQsUUFBU0EsUUFBVDtBQUFBLFdBQ0hKLEtBQUssQ0FBQ0csSUFBRCxDQUFMLEdBQWMsNEJBQVk7QUFBRUMsTUFBQUEsUUFBUSxFQUFSQSxRQUFGO0FBQVlDLE1BQUFBLEtBQUssRUFBRUwsS0FBSyxDQUFDRyxJQUFEO0FBQXhCLEtBQVosQ0FBZCxHQUE4RCxJQUQzRDtBQUFBLEdBRFAsRUFJR0csTUFKSCxDQUlVLFVBQUFDLElBQUk7QUFBQSxXQUFJQSxJQUFJLEtBQUssSUFBYjtBQUFBLEdBSmQsQ0FESztBQUFBLENBRG1CLENBQXJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcHNBdmFpbGFibGVQcm9wVHlwZXMgfSBmcm9tICdAcHJvcFR5cGVzJ1xuaW1wb3J0IHsgYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlIH0gZnJvbSAnQHNoYXJlZFByb3BzJ1xuaW1wb3J0IHsgY3JlYXRlU3R5bGUgfSBmcm9tICdAdXRpbHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cydcblxuZXhwb3J0IGNvbnN0IGFwcGVhcmFuY2VQcm9wcyA9IGNzc2BcbiAgJHtwcm9wcyA9PlxuICAgIGFwcGVhcmFuY2VQcm9wc0F2YWlsYWJsZVxuICAgICAgLm1hcCgoeyBwcm9wLCBwcm9wZXJ0eSB9OiBQcm9wc0F2YWlsYWJsZVByb3BUeXBlcykgPT5cbiAgICAgICAgcHJvcHNbcHJvcF0gPyBjcmVhdGVTdHlsZSh7IHByb3BlcnR5LCB2YWx1ZTogcHJvcHNbcHJvcF0gfSkgOiBudWxsLFxuICAgICAgKVxuICAgICAgLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09IG51bGwpfTtcbmBcbiJdfQ== | ||
| //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvYXBwZWFyYW5jZVByb3BzLnRzIl0sIm5hbWVzIjpbImFwcGVhcmFuY2VQcm9wcyIsImNzcyIsInByb3BzIiwiYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlIiwibWFwIiwicHJvcCIsInByb3BlcnR5IiwidmFsdWUiLCJmaWx0ZXIiLCJpdGVtIiwibGlnaHRDc3MiLCJkYXJrQ3NzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUNBOztBQUNBOztBQUNBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxlQUFlLE9BQUdDLHFCQUFILHFCQUN4QixVQUFBQyxLQUFLO0FBQUEsU0FDTEMsMkJBQ0dDLEdBREgsQ0FDTztBQUFBLFFBQUdDLElBQUgsUUFBR0EsSUFBSDtBQUFBLFFBQVNDLFFBQVQsUUFBU0EsUUFBVDtBQUFBLFdBQ0hKLEtBQUssQ0FBQ0csSUFBRCxDQUFMLEdBQWMsNEJBQVk7QUFBRUMsTUFBQUEsUUFBUSxFQUFSQSxRQUFGO0FBQVlDLE1BQUFBLEtBQUssRUFBRUwsS0FBSyxDQUFDRyxJQUFEO0FBQXhCLEtBQVosQ0FBZCxHQUE4RCxJQUQzRDtBQUFBLEdBRFAsRUFJR0csTUFKSCxDQUlVLFVBQUFDLElBQUk7QUFBQSxXQUFJQSxJQUFJLEtBQUssSUFBYjtBQUFBLEdBSmQsQ0FESztBQUFBLENBRG1CLEVBT3hCLFVBQUFQLEtBQUs7QUFBQSxTQUFJQSxLQUFLLENBQUNRLFFBQU4sb0RBQTJEUixLQUFLLENBQUNRLFFBQWpFLE1BQUo7QUFBQSxDQVBtQixFQVF4QixVQUFBUixLQUFLO0FBQUEsU0FBSUEsS0FBSyxDQUFDUyxPQUFOLG1EQUF5RFQsS0FBSyxDQUFDUyxPQUEvRCxNQUFKO0FBQUEsQ0FSbUIsQ0FBckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wc0F2YWlsYWJsZVByb3BUeXBlcyB9IGZyb20gJ0Bwcm9wVHlwZXMnXG5pbXBvcnQgeyBhcHBlYXJhbmNlUHJvcHNBdmFpbGFibGUgfSBmcm9tICdAc2hhcmVkUHJvcHMnXG5pbXBvcnQgeyBjcmVhdGVTdHlsZSB9IGZyb20gJ0B1dGlscydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuXG5leHBvcnQgY29uc3QgYXBwZWFyYW5jZVByb3BzID0gY3NzYFxuICAke3Byb3BzID0+XG4gICAgYXBwZWFyYW5jZVByb3BzQXZhaWxhYmxlXG4gICAgICAubWFwKCh7IHByb3AsIHByb3BlcnR5IH06IFByb3BzQXZhaWxhYmxlUHJvcFR5cGVzKSA9PlxuICAgICAgICBwcm9wc1twcm9wXSA/IGNyZWF0ZVN0eWxlKHsgcHJvcGVydHksIHZhbHVlOiBwcm9wc1twcm9wXSB9KSA6IG51bGwsXG4gICAgICApXG4gICAgICAuZmlsdGVyKGl0ZW0gPT4gaXRlbSAhPT0gbnVsbCl9O1xuICAke3Byb3BzID0+IHByb3BzLmxpZ2h0Q3NzICYmIGBAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgeyR7cHJvcHMubGlnaHRDc3N9fWB9O1xuICAke3Byb3BzID0+IHByb3BzLmRhcmtDc3MgJiYgYEBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspIHske3Byb3BzLmRhcmtDc3N9fWB9O1xuYFxuIl19 |
| { | ||
| "name": "styled-velocity", | ||
| "version": "0.0.52", | ||
| "version": "0.0.53", | ||
| "description": "Styled-Velocity, a React-based styled prop and UI library to increase your velocity and help build your Design System.", | ||
@@ -5,0 +5,0 @@ "author": "Jon K. Wheeler", |
@@ -241,1 +241,58 @@ # Styled-Velocity | ||
| ## Polyfill | ||
| In order to use this package on IE, you'll need a polyfill for `String.prototype.includes`. You can do this with loading a polyfill script from https://polyfill.io/, such as | ||
| ```<script src="https://polyfill.io/v3/polyfill.min.js?features=String.prototype.includes" async></script>``` | ||
| ### Using Next.js? | ||
| With Next.js you can load polyfills another way. See https://github.com/zeit/next.js/blob/canary/examples/with-polyfills/client/polyfills.js. | ||
| Add following to `client/polyfills.js` | ||
| ~~~js | ||
| /* | ||
| * This files runs at the very beginning (even before React and Next.js core) | ||
| * https://github.com/zeit/next.js/blob/canary/examples/with-polyfills/client/polyfills.js | ||
| */ | ||
| /* eslint no-extend-native: 0 */ | ||
| // core-js comes with Next.js. So, you can import it like below | ||
| import stringIncludes from 'core-js/library/fn/string/virtual/includes' | ||
| // Add your polyfills | ||
| String.prototype.includes = stringIncludes | ||
| ~~~ | ||
| And then modify the `next.config.js` | ||
| ~~~js | ||
| // next.config.js | ||
| const nextConfig = { | ||
| webpack(config) { | ||
| /* | ||
| * Add polyfills | ||
| * https://github.com/zeit/next.js/blob/canary/examples/with-polyfills/next.config.js | ||
| */ | ||
| const originalEntry = config.entry | ||
| config.entry = async () => { | ||
| const entries = await originalEntry() | ||
| if (entries['main.js'] && !entries['main.js'].includes('./client/polyfills.js')) { | ||
| entries['main.js'].unshift('./client/polyfills.js') | ||
| } | ||
| return entries | ||
| } | ||
| return config | ||
| }, | ||
| } | ||
| module.exports = nextConfig | ||
| ~~~ |
@@ -117,2 +117,32 @@ import { HTMLAttributes, HTMLProps } from 'react' | ||
| /** | ||
| * darkCss | ||
| * @returns darkCss, [at]media (prefers-color-scheme: dark) | ||
| * @type string | template literal | ||
| * @example | ||
| * darkCss="margin: 100%;" | ||
| * darkCss={` | ||
| * .child {color: red;} | ||
| * `} | ||
| * darkCss={` | ||
| * [at]media (min-width: 10em) { color: blue; } | ||
| * `} | ||
| */ | ||
| darkCss?: string | ||
| /** | ||
| * lightCss | ||
| * @returns lightCss, [at]media (prefers-color-scheme: light) | ||
| * @type string | template literal | ||
| * @example | ||
| * lightCss="margin: 100%;" | ||
| * lightCss={` | ||
| * .child {color: red;} | ||
| * `} | ||
| * lightCss={` | ||
| * [at]media (min-width: 10em) { color: blue; } | ||
| * `} | ||
| */ | ||
| lightCss?: string | ||
| /** | ||
| * m | ||
@@ -119,0 +149,0 @@ * @returns margin css property |
@@ -13,2 +13,4 @@ import { PropsAvailablePropTypes } from '@propTypes' | ||
| .filter(item => item !== null)}; | ||
| ${props => props.lightCss && `@media (prefers-color-scheme: light) {${props.lightCss}}`}; | ||
| ${props => props.darkCss && `@media (prefers-color-scheme: dark) {${props.darkCss}}`}; | ||
| ` |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.65%
812170
- Lines of code
- increased by0.76%
12398
- Number of lines in readme file
- increased by23.24%
297
- Number of medium supply chain risk alerts
- decreased by-6.67%
14
No dependency changes