@dialpad/dialtone-vue 3.154.0 → 3.154.2

package/dist/types/components/avatar/avatar.vue.d.ts

@@ -1,158 +1,85 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * Id of the avatar content wrapper element
-     */
+declare const _default: import('vue').DefineComponent<{
     id: {
         type: StringConstructor;
         default(): string;
     };
-    /**
-     * Pass in a seed to get the random color generation based on that string. For example if you pass in a
-     * user ID as the string it will return the same randomly generated colors every time for that user.
-     */
     seed: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Set the avatar background to a specific color. If undefined will randomize the color which can be deterministic
-     * if the seed prop is set.
-     */
     color: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * The size of the avatar
-     * @values xs, sm, md, lg, xl
-     */
     size: {
         type: StringConstructor;
         default: string;
         validator: (size: unknown) => boolean;
     };
-    /**
-     * Used to customize the avatar container
-     */
     avatarClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Set classes on the avatar canvas. Wrapper around the core avatar image.
-     */
     canvasClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Pass through classes. Used to customize the avatar icon
-     */
     iconClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Determines whether to show the presence indicator for
-     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
-     * or 'active'. By default, it's null and nothing is shown.
-     * @values null, busy, away, offline, active
-     */
     presence: {
         type: StringConstructor;
         default: string;
         validator: (state: unknown) => boolean;
     };
-    /**
-     * A set of props to be passed into the presence component.
-     */
     presenceProps: {
         type: ObjectConstructor;
         default: () => {};
     };
-    /**
-     * Determines whether to show a group avatar.
-     * Limit to 2 digits max, more than 99 will be rendered as “99+”.
-     * if the number is 1 or less it would just show the regular avatar as if group had not been set.
-     */
     group: {
         type: NumberConstructor;
         default: undefined;
         validator: (group: unknown) => boolean;
     };
-    /**
-     * The icon that overlays the avatar
-     */
     overlayIcon: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The text that overlays the avatar
-     */
     overlayText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Used to customize the avatar overlay
-     */
     overlayClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Source of the image
-     */
     imageSrc: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Alt attribute of the image, required if imageSrc is provided.
-     * Can be set to '' (empty string) if the image is described
-     * in text nearby
-     */
     imageAlt: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Icon name to be displayed on the avatar
-     */
     iconName: {
         type: StringConstructor;
         default: undefined;
         validator: (name: unknown) => boolean;
     };
-    /**
-     * Icon size to be displayed on the avatar
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
-     */
     iconSize: {
         type: StringConstructor;
         default: string;
         validator: (size: unknown) => boolean;
     };
-    /**
-     * Full name used to extract initials.
-     */
     fullName: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Makes the avatar focusable and clickable,
-     * emits a click event when clicked.
-     */
     clickable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Descriptive label for the icon.
-     * To avoid a11y issues, set this prop if clickable and iconName are set.
-     */
     iconAriaLabel: {
         type: StringConstructor;
         default: undefined;
@@ -200,161 +127,88 @@ declare const _default: import("vue").DefineComponent<{
     _erroredImageEventHandler(el: any): void;
     validateProps(): void;
     handleClick(e: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Id of the avatar content wrapper element
-     */
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default(): string;
     };
-    /**
-     * Pass in a seed to get the random color generation based on that string. For example if you pass in a
-     * user ID as the string it will return the same randomly generated colors every time for that user.
-     */
     seed: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Set the avatar background to a specific color. If undefined will randomize the color which can be deterministic
-     * if the seed prop is set.
-     */
     color: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * The size of the avatar
-     * @values xs, sm, md, lg, xl
-     */
     size: {
         type: StringConstructor;
         default: string;
         validator: (size: unknown) => boolean;
     };
-    /**
-     * Used to customize the avatar container
-     */
     avatarClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Set classes on the avatar canvas. Wrapper around the core avatar image.
-     */
     canvasClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Pass through classes. Used to customize the avatar icon
-     */
     iconClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Determines whether to show the presence indicator for
-     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
-     * or 'active'. By default, it's null and nothing is shown.
-     * @values null, busy, away, offline, active
-     */
     presence: {
         type: StringConstructor;
         default: string;
         validator: (state: unknown) => boolean;
     };
-    /**
-     * A set of props to be passed into the presence component.
-     */
     presenceProps: {
         type: ObjectConstructor;
         default: () => {};
     };
-    /**
-     * Determines whether to show a group avatar.
-     * Limit to 2 digits max, more than 99 will be rendered as “99+”.
-     * if the number is 1 or less it would just show the regular avatar as if group had not been set.
-     */
     group: {
         type: NumberConstructor;
         default: undefined;
         validator: (group: unknown) => boolean;
     };
-    /**
-     * The icon that overlays the avatar
-     */
     overlayIcon: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The text that overlays the avatar
-     */
     overlayText: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Used to customize the avatar overlay
-     */
     overlayClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Source of the image
-     */
     imageSrc: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Alt attribute of the image, required if imageSrc is provided.
-     * Can be set to '' (empty string) if the image is described
-     * in text nearby
-     */
     imageAlt: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Icon name to be displayed on the avatar
-     */
     iconName: {
         type: StringConstructor;
         default: undefined;
         validator: (name: unknown) => boolean;
     };
-    /**
-     * Icon size to be displayed on the avatar
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
-     */
     iconSize: {
         type: StringConstructor;
         default: string;
         validator: (size: unknown) => boolean;
     };
-    /**
-     * Full name used to extract initials.
-     */
     fullName: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Makes the avatar focusable and clickable,
-     * emits a click event when clicked.
-     */
     clickable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Descriptive label for the icon.
-     * To avoid a11y issues, set this prop if clickable and iconName are set.
-     */
     iconAriaLabel: {
         type: StringConstructor;
         default: undefined;
@@ -362,12 +216,12 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    presence: string;
+    id: string;
     size: string;
+    presence: string;
     fullName: string;
     group: number;
     imageSrc: string;
-    id: string;
     seed: string;
     color: string;
     avatarClass: string | Record<string, any> | unknown[];

package/dist/types/components/avatar/avatar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA+BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9KH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
+{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue"],"names":[],"mappings":"AAwEA;"}

package/dist/types/components/avatar/index.d.ts

@@ -1,3 +1,3 @@
-export { default as DtAvatar } from "./avatar.vue";
-export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_COLORS, AVATAR_RANDOM_COLORS, AVATAR_GROUP_VALIDATOR } from "./avatar_constants";
+export { default as DtAvatar } from './avatar.vue';
+export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_COLORS, AVATAR_RANDOM_COLORS, AVATAR_GROUP_VALIDATOR } from './avatar_constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/badge/badge.vue.d.ts

@@ -1,76 +1,39 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
-     * https://dialtone.dialpad.com/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
-     * will automatically be shown here, but this can be overridden by setting this prop.
-     */
+declare const _default: import('vue').DefineComponent<{
     iconLeft: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Icon on the right side of the badge. Supports any valid icon name from the icon catalog at
-     * https://dialtone.dialpad.com/components/icon.html#icon-catalog
-     */
     iconRight: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text for the badge content
-     */
     text: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The kind of badge which determines the styling
-     * @values label, count
-     */
     kind: {
         type: StringConstructor;
         default: string;
         validator: (kind: unknown) => boolean;
     };
-    /**
-     * Color for the badge background
-     * @values default, info, success, warning, critical, bulletin, ai
-     */
     type: {
         type: StringConstructor;
         default: string;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Decoration for the badge. This can be only used with kind: label and type: default
-     * with no iconLeft and iconRight
-     * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
-     * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
-     * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
-     */
     decoration: {
         type: StringConstructor;
         default: undefined;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Used to customize the label container
-     */
     labelClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Shows a subtle appearance for the badge
-     * Currently only affects the badge when type is bulletin.
-     */
     subtle: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Outlines the badge with a border
-     */
     outlined: {
         type: BooleanConstructor;
         default: boolean;
@@ -93,11 +56,6 @@ declare const _default: import("vue").DefineComponent<{
         'black-400': string;
         'black-500': string;
         'black-900': string;
-        /**
-         * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
-         * https://dialtone.dialpad.com/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
-         * will automatically be shown here, but this can be overridden by setting this prop.
-         */
         'red-200': string;
         'red-300': string;
         'red-400': string;
@@ -124,79 +82,42 @@ declare const _default: import("vue").DefineComponent<{
     validateProps(): void;
     validateTypePropCombination(): void;
     validateDecorationPropCombination(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Icon on the left side of the badge. Supports any valid icon name from the icon catalog at
-     * https://dialtone.dialpad.com/components/icon.html#icon-catalog. If type:'ai' is set, the ai icon
-     * will automatically be shown here, but this can be overridden by setting this prop.
-     */
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     iconLeft: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Icon on the right side of the badge. Supports any valid icon name from the icon catalog at
-     * https://dialtone.dialpad.com/components/icon.html#icon-catalog
-     */
     iconRight: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Text for the badge content
-     */
     text: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The kind of badge which determines the styling
-     * @values label, count
-     */
     kind: {
         type: StringConstructor;
         default: string;
         validator: (kind: unknown) => boolean;
     };
-    /**
-     * Color for the badge background
-     * @values default, info, success, warning, critical, bulletin, ai
-     */
     type: {
         type: StringConstructor;
         default: string;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Decoration for the badge. This can be only used with kind: label and type: default
-     * with no iconLeft and iconRight
-     * @values default, black-400, black-500, black-900, red-200, red-300, red-400, purple-200,
-     * purple-300, purple-400, purple-500, blue-200, blue-300, blue-400, green-300, green-400,
-     * green-500, gold-300, gold-400, gold-500, magenta-200, magenta-300, magenta-400
-     */
     decoration: {
         type: StringConstructor;
         default: undefined;
         validator: (type: unknown) => boolean;
     };
-    /**
-     * Used to customize the label container
-     */
     labelClass: {
         type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
         default: string;
     };
-    /**
-     * Shows a subtle appearance for the badge
-     * Currently only affects the badge when type is bulletin.
-     */
     subtle: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Outlines the badge with a border
-     */
     outlined: {
         type: BooleanConstructor;
         default: boolean;
@@ -204,13 +125,13 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: string;
     text: string;
+    outlined: boolean;
     iconLeft: string;
     iconRight: string;
     kind: string;
     decoration: string;
     labelClass: string | Record<string, any> | unknown[];
     subtle: boolean;
-    outlined: boolean;
 }, {}>;
 export default _default;
 //# sourceMappingURL=badge.vue.d.ts.map

package/dist/types/components/badge/badge.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge.vue.js"],"names":[],"mappings":";IAkBI;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;QA/EH;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAJH;;;;OAIG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"badge.vue.d.ts","sourceRoot":"","sources":["../../../../components/badge/badge.vue"],"names":[],"mappings":"AA0CA;"}

package/dist/types/components/badge/index.d.ts

@@ -1,3 +1,3 @@
-export { default as DtBadge } from "./badge.vue";
-export { BADGE_TYPE_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_DECORATION_MODIFIERS } from "./badge_constants";
+export { default as DtBadge } from './badge.vue';
+export { BADGE_TYPE_MODIFIERS, BADGE_KIND_MODIFIERS, BADGE_DECORATION_MODIFIERS } from './badge_constants';
 //# sourceMappingURL=index.d.ts.map