type number min max added

Author: vishu3011

dist/nitrozen.common.js

@@ -1,6 +1,6 @@
 {
   "name": "@gofynd/nitrozen-vue",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Fynd Design Library for Vue",
   "homepage": "https://github.com/gofynd/nitrozen-vue#readme",
   "author": "Aayush Jain<aayushjain3011@gmail.com>",

dist/nitrozen.common.js.map

@@ -1,162 +1,173 @@
 @import "./../../base/base.less";
 .n-input {
-    // margin: 4px 0px 0px 0px;
-    padding: 0 12px;
-    height: 40px;
-    color: @TypographyPrimaryColor;
-    border: 1px solid @BorderColor;
-    border-radius: 3px;
-    width: 100%;
-    background: @WhiteColor;
-    font-family: @PrimaryFont;
-    position: relative;
-    outline: none;
-    box-sizing: border-box;
-    font-size: @BaseFontSize + 2;
-    &:focus {
-        border: 1px solid @SecondaryColor;
-    }
+  // margin: 4px 0px 0px 0px;
+  padding: 0 12px;
+  height: 40px;
+  color: @TypographyPrimaryColor;
+  border: 1px solid @BorderColor;
+  border-radius: 3px;
+  width: 100%;
+  background: @WhiteColor;
+  font-family: @PrimaryFont;
+  position: relative;
+  outline: none;
+  box-sizing: border-box;
+  font-size: @BaseFontSize + 2;
+  &:focus {
+    border: 1px solid @SecondaryColor;
+  }
 }
 
 .n-input-textarea {
-    height: 96px;
-    line-height: 21px;
-    padding-top: 6px;
+  height: 96px;
+  line-height: 21px;
+  padding-top: 6px;
 }
 
 .n-input:disabled {
-    background: @HoverColor;
-    pointer-events: none;
-    cursor: not-allowed;
-    opacity: 0.5;
+  background: @HoverColor;
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 .n-input:disabled + .n-input-label {
-    opacity: 0.5;
+  opacity: 0.5;
 }
 
 .nitrozen-form-input {
-    outline: none;
-    // &:focus {
-    //     label{
-    //         color: @SecondaryColor;
-    //         font-weight: 600;
-    //     }
-    // }
+  outline: none;
+  // &:focus {
+  //     label{
+  //         color: @SecondaryColor;
+  //         font-weight: 600;
+  //     }
+  // }
 }
 
 .n-input-label {
-    color: @LabelColor;
-    font-family: @PrimaryFont;
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 21px;
-    display: flex;
-    flex: 1;
+  color: @LabelColor;
+  font-family: @PrimaryFont;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 21px;
+  display: flex;
+  flex: 1;
 }
 
 .n-input-maxlength {
-    // display: block;
-    // float: right;
-    display: flex;
-    justify-content: flex-end;
-    position: relative;
+  // display: block;
+  // float: right;
+  display: flex;
+  justify-content: flex-end;
+  position: relative;
 }
 
 .nitrozen-input-grp:focus-within + .n-input-label-container > .n-input-label {
-    color: @SecondaryColor !important;
+  color: @SecondaryColor !important;
 }
 
 ::-webkit-input-placeholder {
-    /* Edge */
-    color: @PlaceholderColor;
-    font-size: 12px;
-    font-family: @PrimaryFont;
+  /* Edge */
+  color: @PlaceholderColor;
+  font-size: 12px;
+  font-family: @PrimaryFont;
 }
 
 :-ms-input-placeholder {
-    /* Internet Explorer 10-11 */
-    color: @PlaceholderColor;
-    font-size: 12px;
-    font-family: @PrimaryFont;
+  /* Internet Explorer 10-11 */
+  color: @PlaceholderColor;
+  font-size: 12px;
+  font-family: @PrimaryFont;
 }
 
 ::placeholder {
-    color: @PlaceholderColor;
-    font-size: 12px;
-    font-family: @PrimaryFont;
+  color: @PlaceholderColor;
+  font-size: 12px;
+  font-family: @PrimaryFont;
 }
 
 input[type="search"]::-webkit-search-cancel-button {
-    position: relative;
-    right: 10px;
-    font-size: @BaseFontSize + 4px;
-    cursor: pointer;
+  position: relative;
+  right: 10px;
+  font-size: @BaseFontSize + 4px;
+  cursor: pointer;
 }
 
 .nitrozen-loader-div {
-    float: right;
-    position: relative;
-    bottom: 52px;
-    left: 20px;
-    img {
-        width: 65px;
-    }
+  float: right;
+  position: relative;
+  bottom: 52px;
+  left: 20px;
+  img {
+    width: 65px;
+  }
 }
 
 .nitrozen-search-icon {
-    z-index: 2;
-    position: absolute;
-    left: 9px;
-    top: 9px;
+  z-index: 2;
+  position: absolute;
+  left: 9px;
+  top: 9px;
 }
 
 .nitrozen-tooltip-icon {
-    margin-left: 5px;
+  margin-left: 5px;
 }
 
 .nitrozen-search-input-padding {
-    padding-left: 35px;
+  padding-left: 35px;
 }
 
 .nitrozen-input-label-div {
-    display: flex;
-    justify-content: space-between;
+  display: flex;
+  justify-content: space-between;
 }
 
 .n-input-label-container {
-    display: flex;
+  display: flex;
 }
 
 .nitrozen-input-prefix,
 .nitrozen-input-suffix {
-    height: 40px;
-    margin: auto;
-    box-sizing: border-box;
-    color: @TypographyPrimaryColor;
-    border-radius: 3px;
-    background-color: @PrefixSuffixBackground;
+  height: 40px;
+  margin: auto;
+  box-sizing: border-box;
+  color: @TypographyPrimaryColor;
+  border-radius: 3px;
+  background-color: @PrefixSuffixBackground;
 }
 
 .nitrozen-remove-left-border {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-left-color: @WhiteColor;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left-color: @WhiteColor;
 }
 
 .nitrozen-remove-right-border {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right-color: @WhiteColor;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-right-color: @WhiteColor;
 }
 
 .nitrozen-input-grp {
-    display: flex;
-    position: relative;
+  display: flex;
+  position: relative;
 }
 
 .nitrozen-prefix-padding,
 .nitrozen-suffix-padding {
-    padding: 10px;
-    border: 1px solid @BorderColor;
+  padding: 10px;
+  border: 1px solid @BorderColor;
+}
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type="number"] {
+  -moz-appearance: textfield;
 }