styled-velocity - npm Package Compare versions

Comparing version 0.0.48 to 0.0.49

dist/commonjs/shared-props/gridLines.js

@@ -25,5 +25,5 @@ "use strict";
 var gridLines = (0, _styledComponents.css)(_templateObject(), function (props) {
-  return props.gridLines && "\n    &:before, &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      opacity: 0.175;\n      pointer-events: none;\n    }\n    /* base this on cells prop */\n    &:before { \n      background: repeating-linear-gradient(to right, green, white 2.5vw);\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, green, white 50px); }\n    }\n    &:after { \n      background: repeating-linear-gradient(to bottom, red, white 2.5vw);\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, red, white 50px); }\n    }\n\n    ";
+  return props.gridLines && "\n    &:before, &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      opacity: 0.175;\n      pointer-events: none;\n    }\n    /* base this on cells prop */\n    &:before { \n      background: repeating-linear-gradient(to right, green, white var(--cel, 2.5vw));\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, green, white 50px); }\n    }\n    &:after { \n      background: repeating-linear-gradient(to bottom, red, white var(--cel, 2.5vw));\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, red, white 50px); }\n    }\n\n    ";
 });
 exports.gridLines = gridLines;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvZ3JpZExpbmVzLnRzIl0sIm5hbWVzIjpbImdyaWRMaW5lcyIsImNzcyIsInByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxTQUFTLE9BQUdDLHFCQUFILHFCQUNsQixVQUFBQyxLQUFLO0FBQUEsU0FDTEEsS0FBSyxDQUFDRixTQUFOLDRvQkFESztBQUFBLENBRGEsQ0FBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuXG5leHBvcnQgY29uc3QgZ3JpZExpbmVzID0gY3NzYFxuICAke3Byb3BzID0+XG4gICAgcHJvcHMuZ3JpZExpbmVzICYmXG4gICAgYFxuICAgICY6YmVmb3JlLCAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgb3BhY2l0eTogMC4xNzU7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgLyogYmFzZSB0aGlzIG9uIGNlbGxzIHByb3AgKi9cbiAgICAmOmJlZm9yZSB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byByaWdodCwgZ3JlZW4sIHdoaXRlIDIuNXZ3KTtcbiAgICAgIEBtZWRpYShtaW4td2lkdGg6IDIwMDBweCl7IGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCBncmVlbiwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG4gICAgJjphZnRlciB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgMi41dncpO1xuICAgICAgQG1lZGlhKG1pbi13aWR0aDogMjAwMHB4KXsgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG5cbiAgICBgfTtcbmBcbiJdfQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvZ3JpZExpbmVzLnRzIl0sIm5hbWVzIjpbImdyaWRMaW5lcyIsImNzcyIsInByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxTQUFTLE9BQUdDLHFCQUFILHFCQUNsQixVQUFBQyxLQUFLO0FBQUEsU0FDTEEsS0FBSyxDQUFDRixTQUFOLG9xQkFESztBQUFBLENBRGEsQ0FBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuXG5leHBvcnQgY29uc3QgZ3JpZExpbmVzID0gY3NzYFxuICAke3Byb3BzID0+XG4gICAgcHJvcHMuZ3JpZExpbmVzICYmXG4gICAgYFxuICAgICY6YmVmb3JlLCAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgb3BhY2l0eTogMC4xNzU7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgLyogYmFzZSB0aGlzIG9uIGNlbGxzIHByb3AgKi9cbiAgICAmOmJlZm9yZSB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byByaWdodCwgZ3JlZW4sIHdoaXRlIHZhcigtLWNlbCwgMi41dncpKTtcbiAgICAgIEBtZWRpYShtaW4td2lkdGg6IDIwMDBweCl7IGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCBncmVlbiwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG4gICAgJjphZnRlciB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgdmFyKC0tY2VsLCAyLjV2dykpO1xuICAgICAgQG1lZGlhKG1pbi13aWR0aDogMjAwMHB4KXsgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG5cbiAgICBgfTtcbmBcbiJdfQ==

dist/esm/shared-props/gridLines.js

@@ -25,5 +25,5 @@ "use strict";
 var gridLines = (0, _styledComponents.css)(_templateObject(), function (props) {
-  return props.gridLines && "\n    &:before, &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      opacity: 0.175;\n      pointer-events: none;\n    }\n    /* base this on cells prop */\n    &:before { \n      background: repeating-linear-gradient(to right, green, white 2.5vw);\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, green, white 50px); }\n    }\n    &:after { \n      background: repeating-linear-gradient(to bottom, red, white 2.5vw);\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, red, white 50px); }\n    }\n\n    ";
+  return props.gridLines && "\n    &:before, &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      opacity: 0.175;\n      pointer-events: none;\n    }\n    /* base this on cells prop */\n    &:before { \n      background: repeating-linear-gradient(to right, green, white var(--cel, 2.5vw));\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, green, white 50px); }\n    }\n    &:after { \n      background: repeating-linear-gradient(to bottom, red, white var(--cel, 2.5vw));\n      @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, red, white 50px); }\n    }\n\n    ";
 });
 exports.gridLines = gridLines;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvZ3JpZExpbmVzLnRzIl0sIm5hbWVzIjpbImdyaWRMaW5lcyIsImNzcyIsInByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxTQUFTLE9BQUdDLHFCQUFILHFCQUNsQixVQUFBQyxLQUFLO0FBQUEsU0FDTEEsS0FBSyxDQUFDRixTQUFOLDRvQkFESztBQUFBLENBRGEsQ0FBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuXG5leHBvcnQgY29uc3QgZ3JpZExpbmVzID0gY3NzYFxuICAke3Byb3BzID0+XG4gICAgcHJvcHMuZ3JpZExpbmVzICYmXG4gICAgYFxuICAgICY6YmVmb3JlLCAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgb3BhY2l0eTogMC4xNzU7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgLyogYmFzZSB0aGlzIG9uIGNlbGxzIHByb3AgKi9cbiAgICAmOmJlZm9yZSB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byByaWdodCwgZ3JlZW4sIHdoaXRlIDIuNXZ3KTtcbiAgICAgIEBtZWRpYShtaW4td2lkdGg6IDIwMDBweCl7IGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCBncmVlbiwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG4gICAgJjphZnRlciB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgMi41dncpO1xuICAgICAgQG1lZGlhKG1pbi13aWR0aDogMjAwMHB4KXsgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG5cbiAgICBgfTtcbmBcbiJdfQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zaGFyZWQtcHJvcHMvZ3JpZExpbmVzLnRzIl0sIm5hbWVzIjpbImdyaWRMaW5lcyIsImNzcyIsInByb3BzIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOzs7Ozs7Ozs7Ozs7QUFFTyxJQUFNQSxTQUFTLE9BQUdDLHFCQUFILHFCQUNsQixVQUFBQyxLQUFLO0FBQUEsU0FDTEEsS0FBSyxDQUFDRixTQUFOLG9xQkFESztBQUFBLENBRGEsQ0FBZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuXG5leHBvcnQgY29uc3QgZ3JpZExpbmVzID0gY3NzYFxuICAke3Byb3BzID0+XG4gICAgcHJvcHMuZ3JpZExpbmVzICYmXG4gICAgYFxuICAgICY6YmVmb3JlLCAmOmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgICAgb3BhY2l0eTogMC4xNzU7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gICAgLyogYmFzZSB0aGlzIG9uIGNlbGxzIHByb3AgKi9cbiAgICAmOmJlZm9yZSB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byByaWdodCwgZ3JlZW4sIHdoaXRlIHZhcigtLWNlbCwgMi41dncpKTtcbiAgICAgIEBtZWRpYShtaW4td2lkdGg6IDIwMDBweCl7IGJhY2tncm91bmQ6IHJlcGVhdGluZy1saW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCBncmVlbiwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG4gICAgJjphZnRlciB7IFxuICAgICAgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgdmFyKC0tY2VsLCAyLjV2dykpO1xuICAgICAgQG1lZGlhKG1pbi13aWR0aDogMjAwMHB4KXsgYmFja2dyb3VuZDogcmVwZWF0aW5nLWxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJlZCwgd2hpdGUgNTBweCk7IH1cbiAgICB9XG5cbiAgICBgfTtcbmBcbiJdfQ==

package.json

 {
   "name": "styled-velocity",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "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",

src/shared-props/gridLines.ts

@@ -19,7 +19,7 @@ import { css } from 'styled-components'
     &:before { 
-      background: repeating-linear-gradient(to right, green, white 2.5vw);
+      background: repeating-linear-gradient(to right, green, white var(--cel, 2.5vw));
       @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, green, white 50px); }
     }
     &:after { 
-      background: repeating-linear-gradient(to bottom, red, white 2.5vw);
+      background: repeating-linear-gradient(to bottom, red, white var(--cel, 2.5vw));
       @media(min-width: 2000px){ background: repeating-linear-gradient(to bottom, red, white 50px); }
@@ -26,0 +26,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

806670

increased by0.02%

No dependency changes