@tasteee/zest 0.1.0 → 0.3.0

package/custom-elements.json

@@ -3193,9 +3193,9 @@
             },
             {
               "kind": "field",
-              "name": "wrap",
+              "name": "noWrap",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
@@ -3250,10 +3250,10 @@
               }
             },
             {
-              "name": "wrap",
-              "fieldName": "wrap",
+              "name": "no-wrap",
+              "fieldName": "noWrap",
               "type": {
-                "text": "string"
+                "text": "boolean"
               }
             },
             {
@@ -3610,6 +3610,170 @@
             }
           ]
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "z-column",
+          "name": "ZColumn",
+          "members": [
+            {
+              "kind": "field",
+              "name": "gap",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "padding",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "margin",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "alignsX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "alignsY",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fullHeight",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inset",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "insetX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "insetY",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "gap",
+              "fieldName": "gap",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "padding",
+              "fieldName": "padding",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "margin",
+              "fieldName": "margin",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "aligns-x",
+              "fieldName": "alignsX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "aligns-y",
+              "fieldName": "alignsY",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "wrap",
+              "fieldName": "wrap",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "full-height",
+              "fieldName": "fullHeight",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "inset",
+              "fieldName": "inset",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "inset-x",
+              "fieldName": "insetX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "inset-y",
+              "fieldName": "insetY",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -5183,6 +5347,13 @@
                 "text": "boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "files",
+              "type": {
+                "text": "array"
+              }
+            },
             {
               "kind": "field",
               "name": "drop",
@@ -5190,6 +5361,13 @@
                 "text": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "clear",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "kind": "field",
               "name": "reject",
@@ -5234,6 +5412,13 @@
                 "text": "boolean"
               }
             },
+            {
+              "name": "files",
+              "fieldName": "files",
+              "type": {
+                "text": "array"
+              }
+            },
             {
               "name": "drop",
               "fieldName": "drop",
@@ -5241,6 +5426,13 @@
                 "text": "string"
               }
             },
+            {
+              "name": "clear",
+              "fieldName": "clear",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "reject",
               "fieldName": "reject",
@@ -10256,6 +10448,170 @@
             }
           ]
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "z-row",
+          "name": "ZRow",
+          "members": [
+            {
+              "kind": "field",
+              "name": "gap",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "padding",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "margin",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "alignsX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "alignsY",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fullHeight",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "inset",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "insetX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "insetY",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "gap",
+              "fieldName": "gap",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "padding",
+              "fieldName": "padding",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "margin",
+              "fieldName": "margin",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "aligns-x",
+              "fieldName": "alignsX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "aligns-y",
+              "fieldName": "alignsY",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "wrap",
+              "fieldName": "wrap",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "full-height",
+              "fieldName": "fullHeight",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "inset",
+              "fieldName": "inset",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "inset-x",
+              "fieldName": "insetX",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "inset-y",
+              "fieldName": "insetY",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -10471,6 +10827,20 @@
                 "text": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "spaceLeft",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "spaceRight",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "kind": "field",
               "name": "container",
@@ -10508,6 +10878,20 @@
                 "text": "string"
               }
             },
+            {
+              "name": "space-left",
+              "fieldName": "spaceLeft",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "space-right",
+              "fieldName": "spaceRight",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "container",
               "fieldName": "container",
@@ -15136,6 +15520,14 @@
             "module": "dist/zest.js"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "z-column",
+          "declaration": {
+            "name": "ZColumn",
+            "module": "dist/zest.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "z-combobox",
@@ -15648,6 +16040,14 @@
             "module": "dist/zest.js"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "z-row",
+          "declaration": {
+            "name": "ZRow",
+            "module": "dist/zest.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "z-scroll",

package/dist/components/z-bento-grid.d.ts

@@ -2,7 +2,9 @@ export declare const ZBentoGrid: import("atomico/types/dom").Atomico<{
     props: {
         columns: NumberConstructor;
         rowHeight: StringConstructor;
-        gap: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
         isHidden: {
             type: BooleanConstructor;
             reflect: true;

package/dist/components/z-card.d.ts

@@ -20,7 +20,9 @@ export declare const ZCard: import("atomico/types/dom").Atomico<{
             type: BooleanConstructor;
             reflect: true;
         };
-        gap: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
     };
     styles: CSSStyleSheet;
 }>;

package/dist/components/z-cluster.d.ts

@@ -3,11 +3,13 @@ export declare const ZCluster: import("atomico/types/dom").Atomico<{
         inset: StringConstructor;
         insetX: StringConstructor;
         insetY: StringConstructor;
-        gap: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
         alignsX: StringConstructor;
         alignsY: StringConstructor;
-        wrap: {
-            type: StringConstructor;
+        noWrap: {
+            type: BooleanConstructor;
             reflect: true;
         };
         fullWidth: {

package/dist/components/z-column.d.ts

@@ -0,0 +1,31 @@
+export declare const ZColumn: import("atomico/types/dom").Atomico<{
+    props: {
+        inset: StringConstructor;
+        insetX: StringConstructor;
+        insetY: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
+        padding: {
+            readonly type: StringConstructor;
+        };
+        margin: {
+            readonly type: StringConstructor;
+        };
+        alignsX: StringConstructor;
+        alignsY: StringConstructor;
+        wrap: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        fullWidth: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        fullHeight: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+    };
+    styles: CSSStyleSheet[];
+}>;

package/dist/components/z-container.d.ts

@@ -1,7 +1,9 @@
 export declare const ZContainer: import("atomico/types/dom").Atomico<{
     props: {
         size: StringConstructor;
-        gutter: StringConstructor;
+        gutter: {
+            readonly type: StringConstructor;
+        };
         center: {
             type: BooleanConstructor;
             reflect: true;

package/dist/components/z-dock.d.ts

@@ -3,7 +3,9 @@ export declare const ZDock: import("atomico/types/dom").Atomico<{
         magnification: NumberConstructor;
         distance: NumberConstructor;
         itemSize: StringConstructor;
-        gap: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
         floating: {
             type: BooleanConstructor;
             reflect: true;

package/dist/components/z-dropzone.d.ts

@@ -20,9 +20,13 @@ export declare const ZDropzone: import("atomico/types/dom").Atomico<{
             type: BooleanConstructor;
             reflect: true;
         };
+        files: {
+            type: ArrayConstructor;
+        };
         drop: import("atomico/types/schema").EventProp<{
             files: File[];
         }>;
+        clear: import("atomico/types/schema").EventProp<void>;
         reject: import("atomico/types/schema").EventProp<{
             files: File[];
             reason: string;

package/dist/components/z-grid.d.ts

@@ -5,9 +5,15 @@ export declare const ZGrid: import("atomico/types/dom").Atomico<{
         insetY: StringConstructor;
         columns: StringConstructor;
         minColumnWidth: StringConstructor;
-        gap: StringConstructor;
-        gapX: StringConstructor;
-        gapY: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
+        gapX: {
+            readonly type: StringConstructor;
+        };
+        gapY: {
+            readonly type: StringConstructor;
+        };
         alignsX: StringConstructor;
         alignsY: StringConstructor;
         fullWidth: {

package/dist/components/z-marquee.d.ts

@@ -1,7 +1,9 @@
 export declare const ZMarquee: import("atomico/types/dom").Atomico<{
     props: {
         duration: NumberConstructor;
-        gap: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
         reverse: {
             type: BooleanConstructor;
             reflect: true;

package/dist/components/z-row.d.ts

@@ -0,0 +1,31 @@
+export declare const ZRow: import("atomico/types/dom").Atomico<{
+    props: {
+        inset: StringConstructor;
+        insetX: StringConstructor;
+        insetY: StringConstructor;
+        gap: {
+            readonly type: StringConstructor;
+        };
+        padding: {
+            readonly type: StringConstructor;
+        };
+        margin: {
+            readonly type: StringConstructor;
+        };
+        alignsX: StringConstructor;
+        alignsY: StringConstructor;
+        wrap: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        fullWidth: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+        fullHeight: {
+            type: BooleanConstructor;
+            reflect: true;
+        };
+    };
+    styles: CSSStyleSheet[];
+}>;

package/dist/components/z-section.d.ts

@@ -1,10 +1,24 @@
 export declare const ZSection: import("atomico/types/dom").Atomico<{
     props: {
-        space: StringConstructor;
-        spaceTop: StringConstructor;
-        spaceBottom: StringConstructor;
+        space: {
+            readonly type: StringConstructor;
+        };
+        spaceTop: {
+            readonly type: StringConstructor;
+        };
+        spaceBottom: {
+            readonly type: StringConstructor;
+        };
+        spaceLeft: {
+            readonly type: StringConstructor;
+        };
+        spaceRight: {
+            readonly type: StringConstructor;
+        };
         container: StringConstructor;
-        gutter: StringConstructor;
+        gutter: {
+            readonly type: StringConstructor;
+        };
     };
     styles: CSSStyleSheet[];
 }>;