@quartzds/core 1.0.0-beta.125 → 1.0.0-beta.127

package/dist/types/components.d.ts

@@ -107,6 +107,63 @@ export namespace Components {
          */
         "text": string;
     }
+    /**
+     * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.
+     * It is used to provide a consistent way to identify users across different parts of an interface,
+     * such as messages, comments, or user profiles.
+     * @see https://quartz.se.com/build/components/avatar
+     */
+    interface QdsAvatar {
+        /**
+          * The alt text for the avatar's image.
+         */
+        "avatarAlt"?: string;
+        /**
+          * The URL of the avatar image to display.
+         */
+        "avatarSrc"?: string;
+        /**
+          * Displays an indicator if `true`.
+          * @default false
+         */
+        "badge"?: boolean;
+        /**
+          * The indicator badge's accessible text that will be used by screen readers.
+         */
+        "badgeDescription"?: string;
+        /**
+          * The indicator's status.
+          * @default 'success'
+         */
+        "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
+        /**
+          * The name of a registered icon library.
+          * @default 'default'
+         */
+        "iconLibrary"?: string;
+        /**
+          * The name of the icon to render.  Available names depend on the icon library being used.
+         */
+        "iconName"?: string;
+        /**
+          * Text to display for the kicker.
+         */
+        "kicker"?: string;
+        /**
+          * Text to display for the label.
+         */
+        "label"?: string;
+        /**
+          * The avatar's size.
+          * @default 'standard'
+         */
+        "size"?: Size;
+        /**
+          * Display the avatar in a vertical direction.
+          * @default false
+         */
+        "vertical": boolean;
+    }
     /**
      * @experimental 
      */
@@ -1497,10 +1554,9 @@ export namespace Components {
         "validity": ElementInternals['validity'];
         /**
           * The `value` property of the first selected [`<option>`][] element, or the empty string if no options are selected.  [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option
-          * @webnative 
-          * @default ''
+          * @webnative
          */
-        "value"?: string | undefined;
+        "value"?: string;
         /**
           * True if `<qds-select>` will be validated when the form is submitted; false otherwise.
           * @readonly 
@@ -2308,6 +2364,18 @@ declare global {
         prototype: HTMLQdsActionItemElement;
         new (): HTMLQdsActionItemElement;
     };
+    /**
+     * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.
+     * It is used to provide a consistent way to identify users across different parts of an interface,
+     * such as messages, comments, or user profiles.
+     * @see https://quartz.se.com/build/components/avatar
+     */
+    interface HTMLQdsAvatarElement extends Components.QdsAvatar, HTMLStencilElement {
+    }
+    var HTMLQdsAvatarElement: {
+        prototype: HTMLQdsAvatarElement;
+        new (): HTMLQdsAvatarElement;
+    };
     interface HTMLQdsAvatarMediaElementEventMap {
         "qdsLoad": void;
         "qdsError": void;
@@ -3001,6 +3069,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "qds-action-item": HTMLQdsActionItemElement;
+        "qds-avatar": HTMLQdsAvatarElement;
         "qds-avatar-media": HTMLQdsAvatarMediaElement;
         "qds-badge-counter": HTMLQdsBadgeCounterElement;
         "qds-badge-indicator": HTMLQdsBadgeIndicatorElement;
@@ -3089,6 +3158,63 @@ declare namespace LocalJSX {
          */
         "text": string;
     }
+    /**
+     * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.
+     * It is used to provide a consistent way to identify users across different parts of an interface,
+     * such as messages, comments, or user profiles.
+     * @see https://quartz.se.com/build/components/avatar
+     */
+    interface QdsAvatar {
+        /**
+          * The alt text for the avatar's image.
+         */
+        "avatarAlt"?: string;
+        /**
+          * The URL of the avatar image to display.
+         */
+        "avatarSrc"?: string;
+        /**
+          * Displays an indicator if `true`.
+          * @default false
+         */
+        "badge"?: boolean;
+        /**
+          * The indicator badge's accessible text that will be used by screen readers.
+         */
+        "badgeDescription"?: string;
+        /**
+          * The indicator's status.
+          * @default 'success'
+         */
+        "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
+        /**
+          * The name of a registered icon library.
+          * @default 'default'
+         */
+        "iconLibrary"?: string;
+        /**
+          * The name of the icon to render.  Available names depend on the icon library being used.
+         */
+        "iconName"?: string;
+        /**
+          * Text to display for the kicker.
+         */
+        "kicker"?: string;
+        /**
+          * Text to display for the label.
+         */
+        "label"?: string;
+        /**
+          * The avatar's size.
+          * @default 'standard'
+         */
+        "size"?: Size;
+        /**
+          * Display the avatar in a vertical direction.
+          * @default false
+         */
+        "vertical"?: boolean;
+    }
     /**
      * @experimental 
      */
@@ -4642,10 +4768,9 @@ declare namespace LocalJSX {
         "validity"?: ElementInternals['validity'];
         /**
           * The `value` property of the first selected [`<option>`][] element, or the empty string if no options are selected.  [`<option>`]: https://developer.mozilla.org/docs/Web/HTML/Element/option
-          * @webnative 
-          * @default ''
+          * @webnative
          */
-        "value"?: string | undefined;
+        "value"?: string;
         /**
           * True if `<qds-select>` will be validated when the form is submitted; false otherwise.
           * @readonly 
@@ -5388,6 +5513,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "qds-action-item": QdsActionItem;
+        "qds-avatar": QdsAvatar;
         "qds-avatar-media": QdsAvatarMedia;
         "qds-badge-counter": QdsBadgeCounter;
         "qds-badge-indicator": QdsBadgeIndicator;
@@ -5434,6 +5560,13 @@ declare module "@stencil/core" {
              * @see https://quartz.se.com/build/components/action-item
              */
             "qds-action-item": LocalJSX.QdsActionItem & JSXBase.HTMLAttributes<HTMLQdsActionItemElement>;
+            /**
+             * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.
+             * It is used to provide a consistent way to identify users across different parts of an interface,
+             * such as messages, comments, or user profiles.
+             * @see https://quartz.se.com/build/components/avatar
+             */
+            "qds-avatar": LocalJSX.QdsAvatar & JSXBase.HTMLAttributes<HTMLQdsAvatarElement>;
             /**
              * @experimental 
              */

package/dist/vscode.html-custom-data.json

@@ -67,6 +67,90 @@
         }
       ]
     },
+    {
+      "name": "qds-avatar",
+      "description": {
+        "kind": "markdown",
+        "value": "The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.\nIt is used to provide a consistent way to identify users across different parts of an interface,\nsuch as messages, comments, or user profiles."
+      },
+      "attributes": [
+        {
+          "name": "avatar-alt",
+          "description": "The alt text for the avatar's image."
+        },
+        {
+          "name": "avatar-src",
+          "description": "The URL of the avatar image to display."
+        },
+        {
+          "name": "badge",
+          "description": "Displays an indicator if `true`."
+        },
+        {
+          "name": "badge-description",
+          "description": "The indicator badge's accessible text that will be used by\nscreen readers."
+        },
+        {
+          "name": "badge-indicator-status",
+          "description": "The indicator's status.",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "unavailable"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "icon-library",
+          "description": "The name of a registered icon library."
+        },
+        {
+          "name": "icon-name",
+          "description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
+        },
+        {
+          "name": "kicker",
+          "description": "Text to display for the kicker."
+        },
+        {
+          "name": "label",
+          "description": "Text to display for the label."
+        },
+        {
+          "name": "size",
+          "description": "The avatar's size.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "standard"
+            }
+          ]
+        },
+        {
+          "name": "vertical",
+          "description": "Display the avatar in a vertical direction."
+        }
+      ]
+    },
     {
       "name": "qds-avatar-media",
       "description": {
@@ -201,6 +285,9 @@
             {
               "name": "success"
             },
+            {
+              "name": "unavailable"
+            },
             {
               "name": "warning"
             }
@@ -343,6 +430,9 @@
             {
               "name": "success"
             },
+            {
+              "name": "unavailable"
+            },
             {
               "name": "warning"
             }
@@ -972,6 +1062,9 @@
             {
               "name": "success"
             },
+            {
+              "name": "unavailable"
+            },
             {
               "name": "warning"
             }
@@ -1116,6 +1209,9 @@
             {
               "name": "success"
             },
+            {
+              "name": "unavailable"
+            },
             {
               "name": "warning"
             }
@@ -2355,6 +2451,9 @@
             {
               "name": "success"
             },
+            {
+              "name": "unavailable"
+            },
             {
               "name": "warning"
             }