@dialpad/dialtone 9.63.0 → 9.64.0

package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts

@@ -0,0 +1,136 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Determines whether the button should have active styling
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the button
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * HTML button disabled attribute
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Element ID, useful in case you need to reference the button
+     * as an external anchor for popover
+     */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The fill and outline of the button associated with its visual importance.
+     */
+    importance: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The color of the button.
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The size of the button.
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text shown in tooltip when you hover the button
+     */
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
+}, any, {
+    SPLIT_BUTTON_ICON_SIZES: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Determines whether the button should have active styling
+     */
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the button
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * HTML button disabled attribute
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Element ID, useful in case you need to reference the button
+     * as an external anchor for popover
+     */
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The fill and outline of the button associated with its visual importance.
+     */
+    importance: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The color of the button.
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The size of the button.
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Text shown in tooltip when you hover the button
+     */
+    tooltipText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    active: boolean;
+    size: string;
+    ariaLabel: string;
+    id: string;
+    kind: string;
+    importance: string;
+    disabled: boolean;
+    tooltipText: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=split_button-omega.vue.d.ts.map

package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split_button-omega.vue.d.ts","sourceRoot":"","sources":["../../../../components/split_button/split_button-omega.vue.js"],"names":[],"mappings":";IAeI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;IA3DH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/vue3/types/components/split_button/split_button.vue.d.ts

@@ -0,0 +1,348 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Determines whether the alpha button should have active styling
+     * @values true, false
+     */
+    alphaActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the alpha button
+     */
+    alphaAriaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * The position of the icon slot within the alpha button.
+     * @values left, right, top, bottom
+     */
+    alphaIconPosition: {
+        type: StringConstructor;
+        default: string;
+        validator: (position: unknown) => boolean;
+    };
+    /**
+     * Used to customize the alpha label container
+     */
+    alphaLabelClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Whether the alpha button should display a loading animation or not.
+     * @values true, false
+     */
+    alphaLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Text shown in tooltip when you hover the alpha button,
+     * required if no content is passed to default slot
+     */
+    alphaTooltipText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Determines whether a screenreader reads live updates of
+     * the button content to the user while the button
+     * is in focus.
+     * @values true, false
+     */
+    assertiveOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * HTML button disabled attribute
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank">
+     *  (Reference)
+     * </a>
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The direction the dropdown displays relative to the anchor.
+     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end
+     */
+    dropdownPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The fill and outline of the button associated with its visual importance.
+     * @values clear, outlined, primary
+     */
+    importance: {
+        type: StringConstructor;
+        default: string;
+        validator: (i: unknown) => boolean;
+    };
+    /**
+     * The color of the button.
+     * @values default, muted, danger, inverted
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (k: unknown) => boolean;
+    };
+    /**
+     * Determines whether the omega button should have active styling
+     * @values true, false
+     */
+    omegaActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the omega button
+     */
+    omegaAriaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Element ID, useful in case you need to reference the button
+     * as an external anchor for popover.
+     */
+    omegaId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Text shown in tooltip when you hover the omega button,
+     * required as it is an icon only button
+     */
+    omegaTooltipText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The size of the button.
+     * @values xs, sm, md, lg, xl
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (s: unknown) => boolean;
+    };
+    /**
+     * Button width, accepts
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/width" target="_blank">
+     *   CSS width attribute
+     * </a>
+     * values
+     */
+    width: {
+        type: StringConstructor;
+        default: null;
+    };
+}, any, {
+    isDropdownOpen: boolean;
+}, {
+    alphaButtonProps(): {
+        active: boolean;
+        ariaLabel: string;
+        assertiveOnFocus: boolean;
+        disabled: boolean;
+        iconPosition: string;
+        labelClass: string | Record<string, any> | unknown[];
+        loading: boolean;
+        importance: string;
+        kind: string;
+        size: string;
+        tooltipText: string | undefined;
+        class: unknown;
+    };
+    omegaButtonProps(): {
+        id: string | undefined;
+        active: boolean;
+        ariaLabel: string;
+        disabled: boolean;
+        importance: string;
+        kind: string;
+        size: string;
+        tooltipText: string | undefined;
+        class: unknown;
+    };
+}, {
+    validateProps(): void;
+    validateAlphaButtonProps(): void;
+    validateOmegaButtonProps(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("alpha-clicked" | "omega-clicked")[], "alpha-clicked" | "omega-clicked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Determines whether the alpha button should have active styling
+     * @values true, false
+     */
+    alphaActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the alpha button
+     */
+    alphaAriaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * The position of the icon slot within the alpha button.
+     * @values left, right, top, bottom
+     */
+    alphaIconPosition: {
+        type: StringConstructor;
+        default: string;
+        validator: (position: unknown) => boolean;
+    };
+    /**
+     * Used to customize the alpha label container
+     */
+    alphaLabelClass: {
+        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * Whether the alpha button should display a loading animation or not.
+     * @values true, false
+     */
+    alphaLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Text shown in tooltip when you hover the alpha button,
+     * required if no content is passed to default slot
+     */
+    alphaTooltipText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Determines whether a screenreader reads live updates of
+     * the button content to the user while the button
+     * is in focus.
+     * @values true, false
+     */
+    assertiveOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * HTML button disabled attribute
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank">
+     *  (Reference)
+     * </a>
+     * @values true, false
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * The direction the dropdown displays relative to the anchor.
+     * @values top, top-start, top-end, right, right-start, right-end, left, left-start, left-end, bottom, bottom-start, bottom-end, auto, auto-start, auto-end
+     */
+    dropdownPlacement: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * The fill and outline of the button associated with its visual importance.
+     * @values clear, outlined, primary
+     */
+    importance: {
+        type: StringConstructor;
+        default: string;
+        validator: (i: unknown) => boolean;
+    };
+    /**
+     * The color of the button.
+     * @values default, muted, danger, inverted
+     */
+    kind: {
+        type: StringConstructor;
+        default: string;
+        validator: (k: unknown) => boolean;
+    };
+    /**
+     * Determines whether the omega button should have active styling
+     * @values true, false
+     */
+    omegaActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Descriptive label for the omega button
+     */
+    omegaAriaLabel: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * Element ID, useful in case you need to reference the button
+     * as an external anchor for popover.
+     */
+    omegaId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Text shown in tooltip when you hover the omega button,
+     * required as it is an icon only button
+     */
+    omegaTooltipText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * The size of the button.
+     * @values xs, sm, md, lg, xl
+     */
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (s: unknown) => boolean;
+    };
+    /**
+     * Button width, accepts
+     * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/CSS/width" target="_blank">
+     *   CSS width attribute
+     * </a>
+     * values
+     */
+    width: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & {
+    "onAlpha-clicked"?: ((...args: any[]) => any) | undefined;
+    "onOmega-clicked"?: ((...args: any[]) => any) | undefined;
+}, {
+    size: string;
+    kind: string;
+    importance: string;
+    disabled: boolean;
+    width: string;
+    assertiveOnFocus: boolean;
+    alphaActive: boolean;
+    alphaAriaLabel: string;
+    alphaIconPosition: string;
+    alphaLabelClass: string | Record<string, any> | unknown[];
+    alphaLoading: boolean;
+    alphaTooltipText: string;
+    dropdownPlacement: string;
+    omegaActive: boolean;
+    omegaAriaLabel: string;
+    omegaId: string;
+    omegaTooltipText: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=split_button.vue.d.ts.map

package/dist/vue3/types/components/split_button/split_button.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split_button.vue.d.ts","sourceRoot":"","sources":["../../../../components/split_button/split_button.vue.js"],"names":[],"mappings":";IAyBI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;;OAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5JH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;;OAMG"}

package/dist/vue3/types/components/split_button/split_button_constants.d.ts

@@ -0,0 +1,12 @@
+export namespace SPLIT_BUTTON_ICON_SIZES {
+    let xs: string;
+    let sm: string;
+    let md: string;
+    let lg: string;
+    let xl: string;
+}
+declare namespace _default {
+    export { SPLIT_BUTTON_ICON_SIZES };
+}
+export default _default;
+//# sourceMappingURL=split_button_constants.d.ts.map

package/dist/vue3/types/components/split_button/split_button_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split_button_constants.d.ts","sourceRoot":"","sources":["../../../../components/split_button/split_button_constants.js"],"names":[],"mappings":""}

package/dist/vue3/types/index.d.ts

@@ -45,6 +45,7 @@ export * from "./components/root_layout";
 export * from "./components/scroller";
 export * from "./components/select_menu";
 export * from "./components/skeleton";
+export * from "./components/split_button";
 export * from "./components/stack";
 export * from "./components/tabs";
 export * from "./components/toast";

package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts

@@ -158,7 +158,7 @@ declare const _default: import("vue").DefineComponent<{
     shouldApplyCustomStyleForCountBadge(): boolean;
     /**
      * When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,
-     * if there are only mention messages, we should apply the custom background with var(--dt-color-purple-500).
+     * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background||foreground]-strong).
      * @returns {boolean}
      */
     shouldApplyCustomStyleForMentionOnly(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.63.0",
+  "version": "9.64.0",
   "description": "Dialpad's Dialtone design system monorepo",
   "type": "module",
   "files": [
@@ -71,7 +71,7 @@
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.0.7",
     "@dialpad/dialtone-icons": "4.26.1",
-    "@dialpad/dialtone-tokens": "1.33.0"
+    "@dialpad/dialtone-tokens": "1.34.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",