mottled-library - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

dist/components/Button/Button.d.ts

@@ -8,3 +8,3 @@ import { ReactNode } from "react";
 }
-export declare const Button: (props: ButtonProps) => JSX.Element;
+export declare const Button: ({ cName, st, ref, onClick, children }: ButtonProps) => JSX.Element;
 export {};

dist/components/Button/Button.js

@@ -1,1 +0,1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.Button=e=>{const{ref:n,onClick:o}=e,r={ref:n,onClick:o};return t.default.createElement("button",Object.assign({},r,{style:e.st,className:e.cName?"_mottled_button ".concat(e.cName):"_mottled_button"}),e.children)};
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});var e=t(require("react"));exports.Button=({cName:t,st:n,ref:o,onClick:r,children:c})=>{const u={ref:o,onClick:r};return e.default.createElement("button",Object.assign({},u,{style:n,className:t?"_mottled_button ".concat(t):"_mottled_button"}),c)};

dist/components/NetworkIcon/NetworkIcon.js

@@ -1,1 +0,1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.NetworkIcon=({network:e="polkadot",size:o="2xl",show:c="both",color:r})=>{const a="txt-".concat(o);return t.default.createElement("div",{className:"__mottled_networkicon_container",style:{color:r}},("icon"===c||"both"===c)&&t.default.createElement("div",{className:["_mottled_icon",a].join(" "),style:"icon"===c?{marginRight:"0"}:{marginRight:"0.625rem"}},e),("name"===c||"both"===c)&&t.default.createElement("div",{className:a.concat(" cap"),style:{color:r}},e))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));exports.NetworkIcon=({network:e="polkadot",size:o="2xl",show:r="both",color:a})=>{const c="txt-".concat(o),n=e.toLowerCase();return t.default.createElement("div",{className:"__mottled_networkicon_container",style:{color:a}},("icon"===r||"both"===r)&&t.default.createElement("div",{className:["_mottled_icon",c].join(" "),style:"icon"===r?{marginRight:"0"}:{marginRight:"0.625rem"}},n),("name"===r||"both"===r)&&t.default.createElement("div",{className:c.concat(" cap"),style:{color:a}},n))};

dist/index.d.ts

@@ -5,2 +5,3 @@ export * from "./core/index";
 export { Card } from "./components/Card/Card";
+export { Tooltip } from "./components/Tooltip/Tooltip";
 export { NetworkSlider } from "./recipes/NetworkSlider/NetworkSlider";

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core/index.js"),r=require("./components/Button/Button.js"),t=require("./components/NetworkIcon/NetworkIcon.js"),o=require("./components/Card/Card.js"),s=require("./recipes/NetworkSlider/NetworkSlider.js");exports.createSecColor=e.createSecColor,exports.defaultChains=e.defaultChains,exports.getChain=e.getChain,exports.getChains=e.getChains,exports.Button=r.Button,exports.NetworkIcon=t.NetworkIcon,exports.Card=o.Card,exports.NetworkSlider=s.NetworkSlider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./core/index.js"),o=require("./components/Button/Button.js"),r=require("./components/NetworkIcon/NetworkIcon.js"),t=require("./components/Card/Card.js"),s=require("./components/Tooltip/Tooltip.js"),i=require("./recipes/NetworkSlider/NetworkSlider.js");exports.createSecColor=e.createSecColor,exports.defaultChains=e.defaultChains,exports.getChain=e.getChain,exports.getChains=e.getChains,exports.Button=o.Button,exports.NetworkIcon=r.NetworkIcon,exports.Card=t.Card,exports.Tooltip=s.Tooltip,exports.NetworkSlider=i.NetworkSlider;

package.json

 {
   "name": "mottled-library",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "author": "Parity Team <[e-mail]>",
@@ -5,0 +5,0 @@ "maintainers": [

README.md

@@ -25,7 +25,6 @@ # 🪴 Mottled Library 🪴
 - `yarn run css-watch`: builds and watches css files for changes;
-- `yarn run watch`: builds and watches typescript files for changes;
 - `yarn run format`: formats all files based on prettier configuration;
 - `yarn run storybook`: runs storybook;
-- `yarn run build-storybook`: prepares storybook (doc) for release;
-- `yarn run generate`: is used to auto-generate all files need for a component/recipe.
+- `yarn run deploy-storybook`: prepares and deploys storybook (doc) at gh-pages;
+- `generate`: receives 2 input parameters, type (component or recipe) and name of component, and generates a directory including *.tsx, *modules.css and \*.stories.tsx files in respective type chosen
 
@@ -32,0 +31,0 @@ ## Usage

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31184

increased by6.13%

Number of package files

28

increased by12%

Lines of code

279

increased by22.91%

Worsened metrics

Number of low quality alerts

7

increased by16.67%

Number of lines in readme file

65

decreased by-1.52%

No dependency changes