@_nu/css-input - npm Package Compare versions

Comparing version 0.0.2 to 1.0.0

less/skins/default/block.less

+input.nu_input._block,
+.nu_input._block input {
+  display: block;
+}
+.nu_input._block input {
+  width: 100%;
+}

less/skins/default/capsule.less

+input.nu_input._capsule,
+.nu_input._capsule input {
+  border-radius: 100px;
+}

less/skins/default/disabeld.less

+input.nu_input:focus,
+.nu_input input:disabled {
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+}

less/skins/default/focus.less

+input.nu_input:focus,
+.nu_input input:focus {
+  border-color: #007bff;
+}

less/skins/default/large.less

+input.nu_input._l,
+.nu_input._l input {
+  height: 48/18 * 1em;
+  font-size: 18px;
+  padding: (48-18 * 1.5)/2/18 * 1em 0.75em;
+}

less/skins/default/line.less

+input.nu_input._line,
+.nu_input._line input {
+  border-top-color: transparent;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+input.nu_input._line:focus,
+.nu_input._line input:focus {
+  outline: none;
+}

less/skins/default/small.less

+input.nu_input._s,
+.nu_input input._s {
+  height: 32/12 * 1em;
+  font-size: 12px;
+  padding: (32-12 * 1.5)/2/12 * 1em 0.75em;
+}

lib/skins/default/block.css

+.nu_input._block input,input.nu_input._block{display:block}.nu_input._block input{width:100%}

lib/skins/default/capsule.css

+.nu_input._capsule input,input.nu_input._capsule{border-radius:100px}

lib/skins/default/disabeld.css

+.nu_input input:disabled,input.nu_input:focus{background-color:#f5f5f5;cursor:not-allowed}

lib/skins/default/focus.css

+.nu_input input:focus,input.nu_input:focus{border-color:#007bff}

lib/skins/default/large.css

+.nu_input._l input,input.nu_input._l{height:2.66666667em;font-size:18px;padding:.58333333em .75em}

lib/skins/default/line.css

+.nu_input._line input,input.nu_input._line{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-radius:0;padding-left:0;padding-right:0}.nu_input._line input:focus,input.nu_input._line:focus{outline:0}

lib/skins/default/small.css

+.nu_input input._s,input.nu_input._s{height:2.66666667em;font-size:12px;padding:.58333333em .75em}

CHANGELOG.md

@@ -1,6 +0,8 @@
-## [0.0.1](https://github.com/nu-system/css-input/compare/v0.0.7...v0.0.1) (2020-04-12)
+# 1.0.0 (2020-04-25)
 
 ### Bug Fixes
 
+- change the color ([01709db](https://github.com/nu-system/css-input/commit/01709db950497dac8018cc8801d65b75a87057ec))
 - remove git add in lint-stage ([764bbb2](https://github.com/nu-system/css-input/commit/764bbb2a0ae877a40db175701ddac6e7f0d10353))
+- 修改按钮颜色 ([90eece6](https://github.com/nu-system/css-input/commit/90eece60ab632d824acfe96a6cb107c497b3c93b))
 
@@ -11,28 +13,7 @@ ### Features
 - add lint stage ([3f92e48](https://github.com/nu-system/css-input/commit/3f92e481f6e4668f6da62a665600438d8aadc127))
+- first commit ([dd4adf7](https://github.com/nu-system/css-input/commit/dd4adf72b3702efcdf8d673359bacace7e36bff6))
+- publish ([bc1a756](https://github.com/nu-system/css-input/commit/bc1a756e746b364da5984c6a37ecb63438a2dc56))
 - update builder ([e9d7456](https://github.com/nu-system/css-input/commit/e9d745645c5e5328966011ea24d817baaf4f1ac8))
+- 修改 diabale ([4614eab](https://github.com/nu-system/css-input/commit/4614eab02eade651f137ed7ebb9d6eb9d552691f))
 - 添加日志 ([a832ca3](https://github.com/nu-system/css-input/commit/a832ca3c9f00e068c59f6a292926f1716aad773d))
 - 添加自动添加日志 ([5b0c13f](https://github.com/nu-system/css-input/commit/5b0c13f4b668275c93e62c236774fdfeba55e8f7))
-
-## [0.0.7](https://github.com/nu-system/css-input/compare/v0.0.6...v0.0.7) (2020-04-05)
-
-### Bug Fixes
-
-- change the color ([01709db](https://github.com/nu-system/css-input/commit/01709db950497dac8018cc8801d65b75a87057ec))
-
-## [0.0.6](https://github.com/nu-system/css-input/compare/v0.0.5...v0.0.6) (2020-03-15)
-
-### Bug Fixes
-
-- 修改按钮颜色 ([90eece6](https://github.com/nu-system/css-input/commit/90eece60ab632d824acfe96a6cb107c497b3c93b))
-
-## [0.0.5](https://github.com/nu-system/css-input/compare/v0.0.4...v0.0.5) (2020-03-15)
-
-### Features
-
-- 修改 diabale ([4614eab](https://github.com/nu-system/css-input/commit/4614eab02eade651f137ed7ebb9d6eb9d552691f))
-
-## [0.0.4](https://github.com/nu-system/css-input/compare/dd4adf72b3702efcdf8d673359bacace7e36bff6...v0.0.4) (2020-03-15)
-
-### Features
-
-- first commit ([dd4adf7](https://github.com/nu-system/css-input/commit/dd4adf72b3702efcdf8d673359bacace7e36bff6))

less/index.less

@@ -1,2 +0,3 @@
-.nu_input {
+input.nu_input,
+.nu_input input {
   box-sizing: border-box;
@@ -15,8 +16,1 @@ border: 1px solid;
 }
-.nu_input:focus {
-  border-color: #007bff;
-}
-.nu_input:disabled {
-  background-color: #f5f5f5;
-  cursor: not-allowed;
-}

lib/index.css

@@ -1,1 +0,1 @@
-.nu_input{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid;border-radius:3px;font:inherit;background-color:#fff;-webkit-transition:border-color 200ms,color 200ms,background-color 200ms;transition:border-color 200ms,color 200ms,background-color 200ms;padding:.5em .75em;height:2.5em;font-size:16px;line-height:1.5em;display:inline-block;vertical-align:middle}.nu_input:focus{border-color:#007bff}.nu_input:disabled{background-color:#f5f5f5;cursor:not-allowed}
+.nu_input input,input.nu_input{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid;border-radius:3px;font:inherit;background-color:#fff;-webkit-transition:border-color 200ms,color 200ms,background-color 200ms;transition:border-color 200ms,color 200ms,background-color 200ms;padding:.5em .75em;height:2.5em;font-size:16px;line-height:1.5em;display:inline-block;vertical-align:middle}

package.json

 {
   "name": "@_nu/css-input",
-  "version": "0.0.2",
+  "version": "1.0.0",
   "description": "CSS Input",
@@ -32,3 +32,4 @@ "repository": "[e-mail]:nu-system/css-input.git",
     "build": "gulp build",
-    "commit": "git add . && git cz",
+    "pub": "npm publish --access public",
+    "cz": "git add . && git cz",
     "log": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
@@ -40,3 +41,4 @@ "commitizenInit": "commitizen init cz-conventional-changelog --yarn --dev --exact",
     "hooks": {
-      "pre-commit": "npm run log && git add . && lint-staged"
+      "pre-commit": "npm run log && git add . && lint-staged",
+      "commit-msg": "commitlint -e $HUSKY_GIT_PARAMS"
     }
@@ -50,2 +52,4 @@ },
   "devDependencies": {
+    "@commitlint/cli": "^8.3.5",
+    "@commitlint/config-conventional": "^8.3.4",
     "cli": "^1.0.1",
@@ -52,0 +56,0 @@ "commitizen": "^4.0.3",

README.md

@@ -1,2 +0,2 @@
-# @_nu/css-input
+# @\_nu/css-input
 
@@ -16,5 +16,5 @@ [![npm package][npm-badge]][npm-url]
 
-English | [简体中文](https://nu-system.github.io/zh/css/input/)
+English | [简体中文](./zh/README.md)
 
-## How?
+## Install
 
@@ -25,30 +25,54 @@ ```
 
-```
-@_nu/css-input/lib
+## Tree
+
+```bash
+@_nu/css-input/
 lib
-├── index.css         // base style
+├── index.css                // base style
 └── skins
-    ├── block.css     // block input
-    ├── capsule.css   // capsule input 💊
-    ├── large.css     // large input
-    ├── line.css      // line input
-    └── small.css     // small input
+    └── default
+        ├── block.css        // block input
+        ├── capsule.css      // capsule input 💊
+        ├── disabeld.css     // disabeld
+        ├── focus.css        // on focus
+        ├── large.css        // large input
+        ├── line.css         // line input
+        └── small.css        // small input
 ```
 
-## API
+## Core API
 
-| Selector            |           Function |
-| :------------------ | -----------------: |
-| .nu_input           |      base selector |
-| .nu_input.\_l       |        large input |
-| .nu_input.\_s       |        small input |
-| .nu_input.\_capsule |   variant of input |
-| .nu_input.\_block   |        block input |
-| .nu_input:disabled  | status of disabled |
-| .nu_input.\_line    |   line of disabled |
+| Selector        |           Function |
+| :-------------- | -----------------: |
+| input.nu_input  |      base selector |
+| .nu_input input | status of disabled |
 
-Each selector with `_` start needs to import file from `lib/skins`.
+```Html
+<input class="nu_input" type="text" placeholder="Enter" />
+```
 
-## more
+```Html
+<label class="nu_input">
+  <input type="text" placeholder="Enter" />
+</label>
+```
 
+For the sake of flexibility these two ways are equivalent.
+
+## Skins API
+
+| Selector       | Function         |           skin |
+| :------------- | ---------------- | -------------: |
+| input:disabled | disabled input   | `disabled.css` |
+| input:focus    | focus input      |    `focus.css` |
+| .\_l           | large input      |    `large.css` |
+| .\_s           | small input      |    `small.css` |
+| .\_capsule     | variant of input |  `capsule.css` |
+| .\_block       | block input      |    `block.css` |
+| .\_line        | line of disabled |     `line.css` |
+
+All the skin api is base on the core api.
+
+## More
+
 - [@\_nu/react-input](https://nu-system.github.io/react/input/)

less/skins/block.less

-.nu_input._block {
-  display: block;
-  width: 100%;
-}

less/skins/capsule.less

-.nu_input._capsule {
-  border-radius: 100px;
-}

less/skins/large.less

-.nu_input._l {
-  height: 48/18 * 1em;
-  font-size: 18px;
-  padding: (48-18 * 1.5)/2/18 * 1em 0.75em;
-}

less/skins/line.less

-.nu_input._line {
-  border-top-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  border-radius: 0;
-  padding-left: 0;
-  padding-right: 0;
-}
-.nu_input._line:focus {
-  outline: none;
-}

less/skins/small.less

-.nu_input._s {
-  height: 32/12 * 1em;
-  font-size: 12px;
-  padding: (32-12 * 1.5)/2/12 * 1em 0.75em;
-}

lib/skins/block.css

-.nu_input._block{display:block;width:100%}

lib/skins/capsule.css

-.nu_input._capsule{border-radius:100px}

lib/skins/large.css

-.nu_input._l{height:2.66666667em;font-size:18px;padding:.58333333em .75em}

lib/skins/line.css

-.nu_input._line{border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;border-radius:0;padding-left:0;padding-right:0}.nu_input._line:focus{outline:0}

lib/skins/small.css

-.nu_input._s{height:2.66666667em;font-size:12px;padding:.58333333em .75em}

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of package files

19

18.75%

Number of low quality alerts

1

-50%

Number of lines in readme file

77

45.28%

Worsened metrics

Total package byte prevSize

7728

-40.34%

Dev dependency count

14

16.67%

No dependency changes