shira - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

lib/index.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopDefaultLegacy(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function __rest(t,e){var n={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n}function styleInject(t,e){var n,o,e=(e=void 0===e?{}:e).insertAt;t&&"undefined"!=typeof document&&(n=document.head||document.getElementsByTagName("head")[0],(o=document.createElement("style")).type="text/css","top"===e&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t)))}var css_248z='.storybook-button {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.storybook-button--primary {\n  color: white;\n  background-color: #1ea7fd;\n}\n\n.storybook-button--secondary {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.storybook-button--small {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.storybook-button--medium {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.storybook-button--large {\n  font-size: 16px;\n  padding: 12px 24px;\n}',Button=(styleInject(css_248z),function(t){var e=t.primary,e=void 0!==e&&e,n=t.size,n=void 0===n?"medium":n,o=t.backgroundColor,r=t.label,t=__rest(t,["primary","size","backgroundColor","label"]),e=e?"storybook-button--primary":"storybook-button--secondary";return React__default.default.createElement("button",__assign({type:"button",className:["storybook-button","storybook-button--".concat(n),e].join(" "),style:{backgroundColor:o}},t),r)});exports.Button=Button;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react");function _interopDefaultLegacy(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultLegacy(React),__assign=function(){return(__assign=Object.assign||function(t){for(var o,e=1,n=arguments.length;e<n;e++)for(var r in o=arguments[e])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t}).apply(this,arguments)};function __rest(t,o){var e={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,r=Object.getOwnPropertySymbols(t);n<r.length;n++)o.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(e[r[n]]=t[r[n]]);return e}function styleInject(t,o){var e,n,o=(o=void 0===o?{}:o).insertAt;t&&"undefined"!=typeof document&&(e=document.head||document.getElementsByTagName("head")[0],(n=document.createElement("style")).type="text/css","top"===o&&e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t)))}var css_248z='.index-module_storybookButton__1WDkY {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.index-module_storybookButtonPrimary__thpoG {\n  color: white;\n  background-color: #fd1e8e;\n}\n\n.index-module_storybookButtonSecondary__F-HDz {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.index-module_storybookButtonSmall__4rGEM {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.index-module_storybookButtonMedium__1VD7c {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.index-module_storybookButtonLarge__CaF-c {\n  font-size: 16px;\n  padding: 12px 24px;\n}',style={storybookButton:"index-module_storybookButton__1WDkY",storybookButtonPrimary:"index-module_storybookButtonPrimary__thpoG",storybookButtonSecondary:"index-module_storybookButtonSecondary__F-HDz",storybookButtonSmall:"index-module_storybookButtonSmall__4rGEM",storybookButtonMedium:"index-module_storybookButtonMedium__1VD7c",storybookButtonLarge:"index-module_storybookButtonLarge__CaF-c"},Button=(styleInject(css_248z),function(t){var o=t.primary,o=void 0!==o&&o,e=t.size,e=void 0===e?"Medium":e,n=t.backgroundColor,r=t.label,t=__rest(t,["primary","size","backgroundColor","label"]),o=o?style.storybookButtonPrimary:style.storybookButtonSecondary;return React__default.default.createElement("button",__assign({type:"button",className:"".concat(style.storybookButton," ").concat(style["storybookButton".concat(e)]," ").concat(o),style:{backgroundColor:n}},t),r)});exports.Button=Button;

lib/index.d.ts

@@ -14,3 +14,3 @@ /// <reference types="react" />
      */
-    size?: 'small' | 'medium' | 'large';
+    size?: 'Small' | 'Medium' | 'Large';
     /**
@@ -17,0 +17,0 @@ * Button contents

lib/index.esm.js

@@ -1,1 +0,1 @@
-import React from"react";var __assign=function(){return(__assign=Object.assign||function(t){for(var n,o=1,e=arguments.length;o<e;o++)for(var r in n=arguments[o])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)};function __rest(t,n){var o={};for(r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var e=0,r=Object.getOwnPropertySymbols(t);e<r.length;e++)n.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(t,r[e])&&(o[r[e]]=t[r[e]]);return o}function styleInject(t,n){var o,e,n=(n=void 0===n?{}:n).insertAt;t&&"undefined"!=typeof document&&(o=document.head||document.getElementsByTagName("head")[0],(e=document.createElement("style")).type="text/css","top"===n&&o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t)))}var css_248z='.storybook-button {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.storybook-button--primary {\n  color: white;\n  background-color: #1ea7fd;\n}\n\n.storybook-button--secondary {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.storybook-button--small {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.storybook-button--medium {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.storybook-button--large {\n  font-size: 16px;\n  padding: 12px 24px;\n}',Button=(styleInject(css_248z),function(t){var n=t.primary,n=void 0!==n&&n,o=t.size,o=void 0===o?"medium":o,e=t.backgroundColor,r=t.label,t=__rest(t,["primary","size","backgroundColor","label"]),n=n?"storybook-button--primary":"storybook-button--secondary";return React.createElement("button",__assign({type:"button",className:["storybook-button","storybook-button--".concat(o),n].join(" "),style:{backgroundColor:e}},t),r)});export{Button};
+import React from"react";var __assign=function(){return(__assign=Object.assign||function(o){for(var t,n=1,e=arguments.length;n<e;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(o[r]=t[r]);return o}).apply(this,arguments)};function __rest(o,t){var n={};for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(n[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols)for(var e=0,r=Object.getOwnPropertySymbols(o);e<r.length;e++)t.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(o,r[e])&&(n[r[e]]=o[r[e]]);return n}function styleInject(o,t){var n,e,t=(t=void 0===t?{}:t).insertAt;o&&"undefined"!=typeof document&&(n=document.head||document.getElementsByTagName("head")[0],(e=document.createElement("style")).type="text/css","top"===t&&n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.styleSheet?e.styleSheet.cssText=o:e.appendChild(document.createTextNode(o)))}var css_248z='.index-module_storybookButton__1WDkY {\n  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n  font-weight: 700;\n  border: 0;\n  border-radius: 3em;\n  cursor: pointer;\n  display: inline-block;\n  line-height: 1;\n}\n\n.index-module_storybookButtonPrimary__thpoG {\n  color: white;\n  background-color: #fd1e8e;\n}\n\n.index-module_storybookButtonSecondary__F-HDz {\n  color: #333;\n  background-color: transparent;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;\n}\n\n.index-module_storybookButtonSmall__4rGEM {\n  font-size: 12px;\n  padding: 10px 16px;\n}\n\n.index-module_storybookButtonMedium__1VD7c {\n  font-size: 14px;\n  padding: 11px 20px;\n}\n\n.index-module_storybookButtonLarge__CaF-c {\n  font-size: 16px;\n  padding: 12px 24px;\n}',style={storybookButton:"index-module_storybookButton__1WDkY",storybookButtonPrimary:"index-module_storybookButtonPrimary__thpoG",storybookButtonSecondary:"index-module_storybookButtonSecondary__F-HDz",storybookButtonSmall:"index-module_storybookButtonSmall__4rGEM",storybookButtonMedium:"index-module_storybookButtonMedium__1VD7c",storybookButtonLarge:"index-module_storybookButtonLarge__CaF-c"},Button=(styleInject(css_248z),function(o){var t=o.primary,t=void 0!==t&&t,n=o.size,n=void 0===n?"Medium":n,e=o.backgroundColor,r=o.label,o=__rest(o,["primary","size","backgroundColor","label"]),t=t?style.storybookButtonPrimary:style.storybookButtonSecondary;return React.createElement("button",__assign({type:"button",className:"".concat(style.storybookButton," ").concat(style["storybookButton".concat(n)]," ").concat(t),style:{backgroundColor:e}},o),r)});export{Button};

lib/types/components/button.d.ts

 /// <reference types="react" />
-import '../scss/button.scss';
 export interface ButtonProps {
@@ -15,3 +14,3 @@ /**
      */
-    size?: 'small' | 'medium' | 'large';
+    size?: 'Small' | 'Medium' | 'Large';
     /**
@@ -18,0 +17,0 @@ * Button contents

package.json

 {
   "name": "shira",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "UI components",
@@ -45,2 +45,3 @@ "main": "lib/index.cjs.js",
     "style-loader": "^3.3.1",
+    "typed-scss-modules": "^6.5.0",
     "typescript": "^4.7.4"
@@ -57,4 +58,5 @@ },
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build-storybook": "build-storybook",
+    "typed-scss": "typed-scss-modules src/scss"
   }
 }

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

9723

increased by12.99%

Lines of code

78

increased by4%

Worsened metrics

Dev dependency count

32

increased by3.23%

No dependency changes