npm - @tasteee/zest - Versions diffs - 0.2.0 → 0.4.0 - Mend

@tasteee/zest 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/README.md +43 -16
package/custom-elements.json +505 -3
package/dist/components/z-card.d.ts +1 -1
package/dist/components/z-chassis.d.ts +1 -1
package/dist/components/z-code-block.d.ts +1 -1
package/dist/components/z-column.d.ts +31 -0
package/dist/components/z-combobox.d.ts +2 -1
package/dist/components/z-command.d.ts +1 -1
package/dist/components/z-composer.d.ts +1 -1
package/dist/components/z-conversation-list.d.ts +1 -1
package/dist/components/z-emoji-picker.d.ts +1 -1
package/dist/components/z-field.d.ts +16 -0
package/dist/components/z-input.d.ts +1 -0
package/dist/components/z-message-list.d.ts +1 -1
package/dist/components/z-pattern-roll.d.ts +5 -1
package/dist/components/z-piano-roll.d.ts +1 -1
package/dist/components/z-row.d.ts +31 -0
package/dist/components/z-scroll-area.d.ts +1 -1
package/dist/components/z-select.d.ts +2 -1
package/dist/components/z-sidebar.d.ts +1 -1
package/dist/components/z-table.d.ts +1 -1
package/dist/components/z-terminal.d.ts +1 -1
package/dist/components/z-textarea.d.ts +2 -1
package/dist/components/z-toolbar.d.ts +1 -1
package/dist/components/z-virtual-list.d.ts +1 -1
package/dist/index.d.ts +3 -0
package/dist/ink.css +1 -1
package/dist/shared/scrollbar-styles.d.ts +7 -0
package/dist/zest.js +3945 -3698
package/package.json +1 -1

package/README.md CHANGED Viewed

@@ -76,22 +76,49 @@ attribute autocompletion for the `<z-*>` elements.
 ## Components
-Foundation `z-box` `z-text` `z-card` `z-line` `z-separator` ·
-Layout `z-stack` `z-grid` `z-cluster` `z-center` `z-container` `z-section`
-`z-surface` `z-scroll` `z-spacer` ·
-Actions `z-button` `z-button-group` `z-toggle` `z-toggle-group` `z-link` ·
-Forms `z-input` `z-textarea` `z-checkbox` `z-switch` `z-radio` `z-radio-group`
-`z-slider` `z-select` `z-combobox` `z-color-picker` `z-input-otp` ·
-Data display `z-badge` `z-avatar` `z-progress` `z-skeleton` `z-table`
-`z-pagination` `z-stat` ·
-Navigation `z-breadcrumbs` `z-tabs` `z-collapsible` `z-accordion` `z-menu`
-`z-nav-menu` `z-sidebar` ·
-Overlays `z-tooltip` `z-popover` `z-hover-card` `z-dialog` `z-alert-dialog`
-`z-alert` `z-sheet` `z-drawer` `z-context-menu` `z-toast` `z-command` ·
-Specialized `z-empty-state` `z-scroll-area` `z-code-block` `z-post-meta`
-`z-carousel` `z-chart`
-## Local development
+### Complete catalog
+The generated [`custom-elements.json`](./custom-elements.json) is the
+machine-readable source for editor tooling; the docs component manifest mirrors
+the same 138 elements.
+#### Foundations
+`z-box` `z-display` `z-eyebrow` `z-text` `z-heading` `z-subheading` `z-label` `z-inline` `z-card` `z-line` `z-separator`
+#### Layout
+`z-row` `z-column` `z-stack` `z-grid` `z-bento-grid` `z-bento-item` `z-cluster` `z-center` `z-container` `z-section` `z-surface` `z-scroll` `z-spacer` `z-chassis` `z-resizable-panels` `z-panel` `z-panel-handle` `z-editor-canvas` `z-canvas-item`
+#### Actions
+`z-button` `z-button-group` `z-toggle` `z-toggle-group` `z-toggle-group-item` `z-toolbar` `z-toolbar-group` `z-swap` `z-link`
+#### 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`
+#### Data Display
+`z-badge` `z-avatar` `z-avatar-stack` `z-progress` `z-skeleton` `z-table` `z-pagination` `z-stat` `z-relative-time` `z-status-dot` `z-kbd` `z-list` `z-list-row` `z-tree` `z-virtual-list`
+#### Navigation
+`z-breadcrumbs` `z-tabs` `z-collapsible` `z-accordion` `z-menu` `z-nav-menu` `z-sidebar` `z-dock` `z-dock-item`
+#### Overlays
+`z-tooltip` `z-popover` `z-hover-card` `z-dialog` `z-alert-dialog` `z-alert` `z-sheet` `z-drawer` `z-context-menu` `z-toast` `z-command`
+#### Specialized
+`z-callout` `z-empty-state` `z-scroll-area` `z-code-block` `z-markdown` `z-terminal` `z-post-meta` `z-carousel` `z-chart` `z-aura` `z-marquee` `z-progressive-blur` `z-pointer-follow` `z-draggable` `z-drop-target` `z-sortable` `z-dropzone` `z-piano-roll` `z-pattern-roll`
+#### Chat
+`z-chat-shell` `z-chat-header` `z-conversation-list` `z-conversation-item` `z-message-list` `z-message-group` `z-message-bubble` `z-message-actions` `z-reactions` `z-emoji-picker` `z-date-divider` `z-unread-divider` `z-system-message` `z-delivery-status` `z-read-receipt` `z-quoted-message` `z-file-attachment` `z-image-message` `z-attachment-chip` `z-attachment-tray` `z-typing-indicator` `z-composer` `z-send-button` `z-streaming-text` `z-thinking` `z-tool-call` `z-citation` `z-sources` `z-suggestion-chips` `z-model-picker`
+## Local development
 ```sh
 pnpm install

package/custom-elements.json CHANGED Viewed

@@ -2242,7 +2242,7 @@
             },
             {
               "kind": "field",
-              "name": "doesLightUpOnHover",
+              "name": "isReactive",
               "type": {
                 "text": "boolean"
               }
@@ -2285,8 +2285,8 @@
               }
             },
             {
-              "name": "does-light-up-on-hover",
-              "fieldName": "doesLightUpOnHover",
+              "name": "is-reactive",
+              "fieldName": "isReactive",
               "type": {
                 "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,
@@ -3623,6 +3787,13 @@
                 "text": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "kind": "field",
               "name": "placeholder",
@@ -3681,6 +3852,13 @@
                 "text": "string"
               }
             },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "placeholder",
               "fieldName": "placeholder",
@@ -5696,6 +5874,86 @@
             }
           ]
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "z-field",
+          "name": "ZField",
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "description",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isRequired",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isLabelHidden",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "description",
+              "fieldName": "description",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "error",
+              "fieldName": "error",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "is-required",
+              "fieldName": "isRequired",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "is-label-hidden",
+              "fieldName": "isLabelHidden",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -6479,6 +6737,13 @@
                 "text": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "kind": "field",
               "name": "type",
@@ -6600,6 +6865,13 @@
                 "text": "string"
               }
             },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "type",
               "fieldName": "type",
@@ -8492,6 +8764,13 @@
                 "text": "number"
               }
             },
+            {
+              "kind": "field",
+              "name": "toneMargin",
+              "type": {
+                "text": "number"
+              }
+            },
             {
               "kind": "field",
               "name": "chordSize",
@@ -8620,6 +8899,13 @@
                 "text": "number"
               }
             },
+            {
+              "name": "tone-margin",
+              "fieldName": "toneMargin",
+              "type": {
+                "text": "number"
+              }
+            },
             {
               "name": "chord-size",
               "fieldName": "chordSize",
@@ -10284,6 +10570,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,
@@ -10593,6 +11043,13 @@
                 "text": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "kind": "field",
               "name": "placeholder",
@@ -10665,6 +11122,13 @@
                 "text": "string"
               }
             },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "placeholder",
               "fieldName": "placeholder",
@@ -13381,6 +13845,13 @@
                 "text": "string"
               }
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "kind": "field",
               "name": "placeholder",
@@ -13488,6 +13959,13 @@
                 "text": "string"
               }
             },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
             {
               "name": "placeholder",
               "fieldName": "placeholder",
@@ -15192,6 +15670,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",
@@ -15360,6 +15846,14 @@
             "module": "dist/zest.js"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "z-field",
+          "declaration": {
+            "name": "ZField",
+            "module": "dist/zest.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "z-file-attachment",
@@ -15704,6 +16198,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-card.d.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export declare const ZCard: import("atomico/types/dom").Atomico<{
             type: BooleanConstructor;
             reflect: true;
         };
-        doesLightUpOnHover: {
+        isReactive: {
             type: BooleanConstructor;
             reflect: true;
         };