@soinlabs/ui - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/index.js

@@ -1,2 +0,144 @@
-export { default as Button } from './Button';
-export { default as CheckBox } from './CheckBox';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react"),r=require("@emotion/react/jsx-runtime"),o=require("react");const t=e.css`
+  .btn {
+    height: 44px;
+    border-radius: 5px;
+    border: 2px solid #150f56;
+    background: #150f56;
+    font-size: 0.875rem;
+    font-weight: 600;
+    line-height: 1.5rem;
+    letter-spacing: 0.01em;
+    color: #c3d444;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px 16px;
+
+    &--outline {
+      background: transparent;
+      color: #150f56;
+      &--disabled:disabled {
+        background: transparent;
+        color: #817ea0;
+        border-color: #817ea0;
+        cursor: default;
+      }
+    }
+
+    &--link {
+      width: auto;
+      height: auto;
+      color: #150f56;
+      border: none;
+      background: transparent;
+      padding: 0;
+      &--disabled:disabled {
+        background: transparent;
+        color: #817ea0;
+        border: none;
+        cursor: default;
+      }
+    }
+
+    &--regular {
+      &--disabled:disabled {
+        background: #817ea0;
+        color: #150f56;
+        border-color: #817ea0;
+        cursor: default;
+      }
+    }
+    &--submit {
+      &--disabled:disabled {
+        background: #817ea0;
+        color: #150f56;
+        border-color: #817ea0;
+        cursor: default;
+      }
+    }
+
+    &--regular:hover {
+      border: 2px solid #c3d444;
+    }
+
+    &--outline:hover {
+      background-color: #dde2b8;
+    }
+  }
+`;const c=e.css`
+  margin-bottom: 40px;
+  /* The container */
+  .container {
+    display: flex;
+    position: relative;
+    padding-left: 40px;
+    padding-top: 5px;
+    cursor: pointer;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 0.875rem;
+    color: #4f4f4f;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  /* Hide the browser's default checkbox */
+  .container input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+  }
+
+  /* Create a custom checkbox */
+  .checkmark {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 25px;
+    width: 25px;
+    background-color: #f9f9ff;
+    border: solid #150f56;
+    border-radius: 5px;
+  }
+
+  /* On mouse-over, add a grey background color */
+  .container:hover input ~ .checkmark {
+    background-color: white;
+  }
+
+  /* When the checkbox is checked, add a blue background */
+  .container input:checked ~ .checkmark {
+    background-color: #150f56;
+  }
+
+  /* Create the checkmark/indicator (hidden when not checked) */
+  .checkmark:after {
+    content: '';
+    position: absolute;
+    display: none;
+  }
+
+  /* Show the checkmark when checked */
+  .container input:checked ~ .checkmark:after {
+    display: block;
+  }
+
+  /* Style the checkmark/indicator */
+  .container .checkmark:after {
+    left: 9px;
+    top: 5px;
+    width: 5px;
+    height: 10px;
+    border: solid #c3d444;
+    border-width: 0 3px 3px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+  }
+`;exports.Button=function({children:e,customStyles:o,onClick:c,type:n="regular",disabled:a}){return r.jsx("div",{css:t,children:r.jsx("button",{disabled:!!a,className:`btn btn--${n}${a?"--disabled":""}`,style:{...o},type:"submit"===n?"submit":"button",onClick:c,children:e})})},exports.CheckBox=function({title:e,checked:t,id:n,handleStatus:a}){const[d,i]=o.useState(t);return r.jsx("div",{css:c,children:r.jsxs("label",{className:"container",children:[e,r.jsx("input",{type:"checkbox",checked:d,onClick:()=>{i(!d),a(n,!d)}}),r.jsx("span",{className:"checkmark"})]})})};
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "@soinlabs/ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
@@ -9,3 +13,4 @@ "repository": "[e-mail]:SoinLabs/ui-components.git",
   "scripts": {
-    "build": "babel src -d dist --ignore '**/*.stories.js' --delete-dir-on-start",
+    "build": "rollup -c",
+    "build:babel": "babel src -d dist --ignore '**/*.stories.js' --delete-dir-on-start",
     "build:watch": "babel src -d dist --watch --ignore '**/*.stories.js' --delete-dir-on-start",
@@ -41,2 +46,5 @@ "storybook": "start-storybook -p 6006",
     "@emotion/babel-plugin": "^11.3.0",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-node-resolve": "^13.0.4",
     "@storybook/addon-actions": "^6.3.7",
@@ -62,3 +70,8 @@ "@storybook/addon-essentials": "^6.3.7",
     "lerna": "^4.0.0",
-    "lint-staged": "^11.1.2"
+    "lint-staged": "^11.1.2",
+    "rollup": "^2.56.3",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-uglify": "^6.0.4"
   },
@@ -65,0 +78,0 @@ "config": {

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

Major refactor

Supply chain risk

Package 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

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

Lines of code

268

increased by48.07%

Worsened metrics

Total package byte prevSize

20886

decreased by-96.72%

Dev dependency count

42

increased by23.53%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes