@tasteee/zest 0.4.0 → 0.5.1

package/README.md

@@ -96,7 +96,7 @@ the same 138 elements.
 
 #### Forms
 
-`z-field` `z-input` `z-textarea` `z-checkbox` `z-switch` `z-radio` `z-radio-group` `z-slider` `z-range` `z-range-handle` `z-select` `z-combobox` `z-filter` `z-color-picker` `z-input-otp`
+`z-field` `z-input` `z-number-input` `z-textarea` `z-checkbox` `z-switch` `z-radio` `z-radio-group` `z-slider` `z-range` `z-range-handle` `z-select` `z-combobox` `z-filter` `z-color-picker` `z-input-otp`
 
 #### Data Display
 

package/custom-elements.json

@@ -8504,6 +8504,268 @@
             }
           ]
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "z-number-input",
+          "name": "ZNumberInput",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tone",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isInvalid",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isDisabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isReadonly",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isRequired",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasStepperButtons",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isInline",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isHidden",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "change",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min",
+              "fieldName": "min",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "max",
+              "fieldName": "max",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "step",
+              "fieldName": "step",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "tone",
+              "fieldName": "tone",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "is-invalid",
+              "fieldName": "isInvalid",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "is-disabled",
+              "fieldName": "isDisabled",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "is-readonly",
+              "fieldName": "isReadonly",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "is-required",
+              "fieldName": "isRequired",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "has-stepper-buttons",
+              "fieldName": "hasStepperButtons",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "is-inline",
+              "fieldName": "isInline",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "is-hidden",
+              "fieldName": "isHidden",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "input",
+              "fieldName": "input",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "change",
+              "fieldName": "change",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -16046,6 +16308,14 @@
             "module": "dist/zest.js"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "z-number-input",
+          "declaration": {
+            "name": "ZNumberInput",
+            "module": "dist/zest.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "z-pagination",

package/dist/components/z-number-input.d.ts

@@ -0,0 +1,68 @@
+export declare const ZNumberInput: import("atomico/types/dom").Atomico<{
+    props: {
+        value: {
+            type: NumberConstructor;
+            reflect: true;
+        };
+        min: {
+            type: NumberConstructor;
+            reflect: true;
+        };
+        max: {
+            type: NumberConstructor;
+            reflect: true;
+        };
+        step: {
+            type: NumberConstructor;
+            reflect: true;
+        };
+        label: StringConstructor;
+        name: StringConstructor;
+        placeholder: StringConstructor;
+        size: {
+            type: StringConstructor;
+            reflect: true;
+        };
+        tone: {
+            type: StringConstructor;
+            reflect: true;
+        };
+        isInvalid: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        isDisabled: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        isReadonly: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        isRequired: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        hasStepperButtons: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        isInline: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        isHidden: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        input: import("atomico/types/schema").EventProp<{
+            value: number | null;
+            rawValue: string;
+            isValid: boolean;
+        }>;
+        change: import("atomico/types/schema").EventProp<{
+            value: number;
+        }>;
+    };
+    styles: CSSStyleSheet;
+}>;

package/dist/index.d.ts

@@ -39,6 +39,7 @@ export * from './components/z-swap';
 export * from './components/z-link';
 export * from './components/z-field';
 export * from './components/z-input';
+export * from './components/z-number-input';
 export * from './components/z-textarea';
 export * from './components/z-checkbox';
 export * from './components/z-switch';