@bethinkpl/design-system 26.6.0 → 26.7.1

package/dist/lib/js/components/Toast/Toast.consts.d.ts

@@ -4,7 +4,7 @@ export declare const TOAST_SIZES: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type ToastSizes = Value<typeof TOAST_SIZES>;
+export type ToastSizes = Value<typeof TOAST_SIZES>;
 export declare const TOAST_COLORS: {
     NEUTRAL_HEAVY: string;
     NEUTRAL_STRONG: string;
@@ -13,10 +13,10 @@ export declare const TOAST_COLORS: {
     DANGER: string;
     INFO: string;
 };
-export declare type ToastColors = Value<typeof TOAST_COLORS>;
+export type ToastColors = Value<typeof TOAST_COLORS>;
 export declare const TOAST_POSITIONS: {
     LEFT: string;
     CENTER: string;
     RIGHT: string;
 };
-export declare type ToastPositions = Value<typeof TOAST_POSITIONS>;
+export type ToastPositions = Value<typeof TOAST_POSITIONS>;

package/dist/lib/js/components/Toast/Toast.vue.d.ts

@@ -1,7 +1,55 @@
-import { ToastSizes } from './Toast.consts';
+import { BUTTON_RADIUSES, BUTTON_TYPES } from '../Buttons/Button';
+import { ToastColors, ToastPositions, ToastSizes } from './Toast.consts';
 import { PropType } from 'vue';
 
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<ToastSizes>;
+        default: "medium";
+    };
+    position: {
+        type: PropType<ToastPositions>;
+        default: string;
+    };
+    boundariesSelector: {
+        type: (StringConstructor | {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        })[];
+        default: null;
+    };
+    color: {
+        type: PropType<ToastColors>;
+        default: string;
+    };
+    footerPrimaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    footerPrimaryButtonIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validator(footerPrimaryButtonIcon: any): boolean;
+    };
+    footerSecondaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    footerSecondaryButtonIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validator(footerSecondaryButtonIcon: any): boolean;
+    };
+    isDisappearing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disappearingTimeout: {
+        type: StringConstructor;
+        default: string;
+        validator(disappearingTimeout: string): boolean;
+    };
+}>, {}, {
     boundariesSelectorElement: null;
     boundariesSelectorElementResizeObserver: null;
     styles: {};
@@ -42,7 +90,54 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     close: () => true;
     'primary-button-click': () => true;
     'secondary-button-click': () => true;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    size: {
+        type: PropType<ToastSizes>;
+        default: "medium";
+    };
+    position: {
+        type: PropType<ToastPositions>;
+        default: string;
+    };
+    boundariesSelector: {
+        type: (StringConstructor | {
+            new (): HTMLElement;
+            prototype: HTMLElement;
+        })[];
+        default: null;
+    };
+    color: {
+        type: PropType<ToastColors>;
+        default: string;
+    };
+    footerPrimaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    footerPrimaryButtonIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validator(footerPrimaryButtonIcon: any): boolean;
+    };
+    footerSecondaryButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    footerSecondaryButtonIcon: {
+        type: ObjectConstructor;
+        default: null;
+        validator(footerSecondaryButtonIcon: any): boolean;
+    };
+    isDisappearing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disappearingTimeout: {
+        type: StringConstructor;
+        default: string;
+        validator(disappearingTimeout: string): boolean;
+    };
+}>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onSecondary-button-click"?: (() => any) | undefined;
     "onPrimary-button-click"?: (() => any) | undefined;
@@ -58,15 +153,57 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     isDisappearing: boolean;
     disappearingTimeout: string;
 }, {}, {
-    DsButton: import('vue').DefineComponent<{}, {}, {
+    DsButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: "medium";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_SIZES>): boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: "filled";
+            validator(value: import('../../utils/type.utils').Value<typeof BUTTON_TYPES>): boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: "primary";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../..').ICON_BUTTON_COLORS>): boolean;
+        };
+        radius: {
+            type: StringConstructor;
+            default: "capsule";
+            validator(value: import('../../utils/type.utils').Value<typeof BUTTON_RADIUSES>): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: "default";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_STATES>): boolean;
+        };
+        iconLeft: {
+            type: ObjectConstructor;
+            default: null;
+            validator(icon: unknown): boolean;
+        };
+        iconRight: {
+            type: ObjectConstructor;
+            default: null;
+            validator(icon: unknown): boolean;
+        };
+        elevation: {
+            type: StringConstructor;
+            default: "none";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_ELEVATIONS>): boolean;
+        };
+    }>, {}, {
         ICONS: Readonly<{
-            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-            readonly RIBBON: VueConstructor<Vue>;
-            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-            readonly COMMENTS_CHECK: VueConstructor<Vue>;
             readonly ANSWERS: VueConstructor<Vue>;
+            readonly CHANGE: VueConstructor<Vue>;
+            readonly COMMENTS_CHECK: VueConstructor<Vue>;
+            readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
             readonly HIDE_ANSWERS: VueConstructor<Vue>;
+            readonly RIBBON: VueConstructor<Vue>;
             readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+            readonly SLIDERS_SEARCH: VueConstructor<Vue>;
             readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -258,6 +395,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+            readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
             readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -313,7 +451,48 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         iconSize(): string;
         colorClassName(): string;
         loadingIconSize(): string;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: "medium";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_SIZES>): boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: "filled";
+            validator(value: import('../../utils/type.utils').Value<typeof BUTTON_TYPES>): boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: "primary";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../..').ICON_BUTTON_COLORS>): boolean;
+        };
+        radius: {
+            type: StringConstructor;
+            default: "capsule";
+            validator(value: import('../../utils/type.utils').Value<typeof BUTTON_RADIUSES>): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: "default";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_STATES>): boolean;
+        };
+        iconLeft: {
+            type: ObjectConstructor;
+            default: null;
+            validator(icon: unknown): boolean;
+        };
+        iconRight: {
+            type: ObjectConstructor;
+            default: null;
+            validator(icon: unknown): boolean;
+        };
+        elevation: {
+            type: StringConstructor;
+            default: "none";
+            validator(value: import('../../utils/type.utils').Value<typeof import('../Buttons/Button').BUTTON_ELEVATIONS>): boolean;
+        };
+    }>> & Readonly<{}>, {
         size: string;
         type: string;
         color: string;
@@ -392,14 +571,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            rotation: number;
             size: string;
+            rotation: number;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
             spinning: boolean;
         }, {}, {
-            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     DsCard: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -416,15 +595,15 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
         borderPosition: {
-            type: PropType<string>;
+            type: PropType<import('../Cards/Card/Card.consts').CardBorderPositions>;
             default: string;
         };
         borderSize: {
-            type: PropType<string>;
+            type: PropType<import('../Cards/Card/Card.consts').CardBorderSizes>;
             default: string;
         };
         borderColor: {
-            type: PropType<string>;
+            type: PropType<import('../Cards/Card/Card.consts').CardBorderColors>;
             default: string;
         };
         hasLoadingBar: {
@@ -432,7 +611,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
         loadingBarColor: {
-            type: PropType<string>;
+            type: PropType<import('../LoadingBar').LoadingBarColors>;
             default: string;
         };
         loadingBarTime: {
@@ -458,15 +637,15 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
         borderPosition: {
-            type: PropType<string>;
+            type: PropType<import('../Cards/Card/Card.consts').CardBorderPositions>;
             default: string;
         };
         borderSize: {
-            type: PropType<string>;
+            type: PropType<import('../Cards/Card/Card.consts').CardBorderSizes>;
             default: string;
         };
         borderColor: {
-            type: PropType<string>;
+            type: PropType<import('../Cards/Card/Card.consts').CardBorderColors>;
             default: string;
         };
         hasLoadingBar: {
@@ -474,7 +653,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
         loadingBarColor: {
-            type: PropType<string>;
+            type: PropType<import('../LoadingBar').LoadingBarColors>;
             default: string;
         };
         loadingBarTime: {
@@ -537,11 +716,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         DsLoadingBar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             color: {
-                type: PropType<string>;
+                type: PropType<import('../LoadingBar').LoadingBarColors>;
                 default: string;
             };
             size: {
-                type: PropType<string>;
+                type: PropType<import('../LoadingBar').LoadingBarSizes>;
                 default: string;
             };
             time: {
@@ -559,11 +738,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             };
         }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             color: {
-                type: PropType<string>;
+                type: PropType<import('../LoadingBar').LoadingBarColors>;
                 default: string;
             };
             size: {
-                type: PropType<string>;
+                type: PropType<import('../LoadingBar').LoadingBarSizes>;
                 default: string;
             };
             time: {

package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts

@@ -1,4 +1,27 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    counter: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+        validator(color: unknown): boolean;
+    };
+    icon: {
+        type: ObjectConstructor;
+        required: true;
+        validator(icon: unknown): boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {
     ICON_SIZES: Readonly<{
         XXX_SMALL: string;
         XX_SMALL: string;
@@ -12,7 +35,30 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
 }, {
     colorClass(): string;
     hasCounter(): boolean;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    counter: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+        validator(color: unknown): boolean;
+    };
+    icon: {
+        type: ObjectConstructor;
+        required: true;
+        validator(icon: unknown): boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
     color: string;
     isSelected: boolean;
     isDisabled: boolean;
@@ -87,14 +133,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
         size: string;
+        rotation: number;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;
         spinning: boolean;
     }, {}, {
-        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.consts.d.ts

@@ -5,27 +5,27 @@ export declare const TOGGLE_BUTTON_SIZES: {
     readonly MEDIUM: "medium";
     readonly LARGE: "large";
 };
-export declare type ToggleButtonSize = Value<typeof TOGGLE_BUTTON_SIZES>;
+export type ToggleButtonSize = Value<typeof TOGGLE_BUTTON_SIZES>;
 export declare const TOGGLE_BUTTON_COLORS: {
     readonly NEUTRAL: "neutral";
     readonly NEUTRAL_STRONG: "neutralStrong";
     readonly NEUTRAL_HEAVY: "neutralHeavy";
     readonly PRIMARY: "primary";
 };
-export declare type ToggleButtonColor = Value<typeof TOGGLE_BUTTON_COLORS>;
+export type ToggleButtonColor = Value<typeof TOGGLE_BUTTON_COLORS>;
 export declare const TOGGLE_BUTTON_RADIUSES: {
     readonly CAPSULE: "capsule";
     readonly ROUNDED: "rounded";
 };
-export declare type ToggleButtonRadius = Value<typeof TOGGLE_BUTTON_RADIUSES>;
+export type ToggleButtonRadius = Value<typeof TOGGLE_BUTTON_RADIUSES>;
 export declare const TOGGLE_BUTTON_LABEL_SIZES: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type ToggleButtonLabelSize = Value<typeof TOGGLE_BUTTON_LABEL_SIZES>;
+export type ToggleButtonLabelSize = Value<typeof TOGGLE_BUTTON_LABEL_SIZES>;
 export declare const TOGGLE_BUTTON_STATES: {
     readonly DEFAULT: "default";
     readonly DISABLED: "disabled";
     readonly LOADING: "loading";
 };
-export declare type ToggleButtonState = Value<typeof TOGGLE_BUTTON_STATES>;
+export type ToggleButtonState = Value<typeof TOGGLE_BUTTON_STATES>;

package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts

@@ -1,15 +1,73 @@
-import { ToggleButtonColor, ToggleButtonLabelSize, ToggleButtonRadius, ToggleButtonSize, ToggleButtonState } from './ToggleButton.consts';
-import { IconSize } from '../../Icons/Icon';
+import { Value } from '../../../utils/type.utils';
+import { PropType } from 'vue';
+import { TOGGLE_BUTTON_COLORS, TOGGLE_BUTTON_RADIUSES, TOGGLE_BUTTON_SIZES, TOGGLE_BUTTON_STATES, ToggleButtonColor, ToggleButtonLabelSize, ToggleButtonRadius, ToggleButtonSize, ToggleButtonState } from './ToggleButton.consts';
+import { IconItem, IconSize } from '../../Icons/Icon';
 
-declare const _default: import('vue').DefineComponent<{}, {}, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    color: {
+        type: PropType<ToggleButtonColor>;
+        default: "neutral";
+        validator(value: Value<typeof TOGGLE_BUTTON_COLORS>): boolean;
+    };
+    hasSmallHorizontalPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconLeft: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    iconRight: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLabelUppercase: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelSize: {
+        type: PropType<ToggleButtonLabelSize>;
+        default: "medium";
+    };
+    radius: {
+        type: PropType<ToggleButtonRadius>;
+        default: "capsule";
+        validator(value: Value<typeof TOGGLE_BUTTON_RADIUSES>): boolean;
+    };
+    size: {
+        type: PropType<ToggleButtonSize>;
+        default: "medium";
+        validator(value: Value<typeof TOGGLE_BUTTON_SIZES>): boolean;
+    };
+    state: {
+        type: PropType<ToggleButtonState>;
+        default: "default";
+        validator(value: Value<typeof TOGGLE_BUTTON_STATES>): boolean;
+    };
+}>, {}, {
     ICONS: Readonly<{
-        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
-        readonly RIBBON: VueConstructor<Vue>;
-        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
-        readonly COMMENTS_CHECK: VueConstructor<Vue>;
         readonly ANSWERS: VueConstructor<Vue>;
+        readonly CHANGE: VueConstructor<Vue>;
+        readonly COMMENTS_CHECK: VueConstructor<Vue>;
+        readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
         readonly HIDE_ANSWERS: VueConstructor<Vue>;
+        readonly RIBBON: VueConstructor<Vue>;
         readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
+        readonly SLIDERS_SEARCH: VueConstructor<Vue>;
         readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -201,6 +259,7 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
         readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+        readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
         readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -237,7 +296,62 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     colorClassName(): string;
     iconSize(): IconSize;
     isInteractiveComputed(): boolean;
-}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    color: {
+        type: PropType<ToggleButtonColor>;
+        default: "neutral";
+        validator(value: Value<typeof TOGGLE_BUTTON_COLORS>): boolean;
+    };
+    hasSmallHorizontalPadding: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconLeft: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    iconRight: {
+        type: PropType<IconItem>;
+        default: null;
+        validator(icon: unknown): boolean;
+    };
+    isInteractive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLabelUppercase: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelSize: {
+        type: PropType<ToggleButtonLabelSize>;
+        default: "medium";
+    };
+    radius: {
+        type: PropType<ToggleButtonRadius>;
+        default: "capsule";
+        validator(value: Value<typeof TOGGLE_BUTTON_RADIUSES>): boolean;
+    };
+    size: {
+        type: PropType<ToggleButtonSize>;
+        default: "medium";
+        validator(value: Value<typeof TOGGLE_BUTTON_SIZES>): boolean;
+    };
+    state: {
+        type: PropType<ToggleButtonState>;
+        default: "default";
+        validator(value: Value<typeof TOGGLE_BUTTON_STATES>): boolean;
+    };
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: ToggleButtonSize;
@@ -322,14 +436,14 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        rotation: number;
         size: string;
+        rotation: number;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;
         spinning: boolean;
     }, {}, {
-        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps, {}, {}, import('vue').ComputedOptions, import('vue').MethodOptions, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FontAwesomeIcon: import('vue').DefineComponent<import('@fortawesome/vue-fontawesome').FontAwesomeIconProps>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/js/components/Tooltip/Tooltip.consts.d.ts

@@ -4,4 +4,4 @@ export declare const TOOLTIP_PLACEMENTS: {
     readonly LEFT: "left";
     readonly RIGHT: "right";
 };
-export declare type TooltipPlacement = typeof TOOLTIP_PLACEMENTS[keyof typeof TOOLTIP_PLACEMENTS];
+export type TooltipPlacement = typeof TOOLTIP_PLACEMENTS[keyof typeof TOOLTIP_PLACEMENTS];

package/dist/lib/js/icons/fontawesome.d.ts

@@ -190,6 +190,7 @@ export declare const FONTAWESOME_ICONS: {
     readonly FA_UNLOCK_KEYHOLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_UPLOAD: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_USER: import('@fortawesome/fontawesome-common-types').IconDefinition;
+    readonly FA_USER_GEAR: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_USER_DOCTOR_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
     readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/lib/js/index.d.ts

@@ -1,3 +1,5 @@
+export { default as Avatar } from './components/Avatar';
+export * from './components/Avatar/Avatar.consts';
 export { default as BadgeScore } from './components/BadgeScore';
 export { default as DsBadgeScore } from './components/BadgeScore';
 export * from './components/BadgeScore/BadgeScore.consts';

package/dist/lib/js/utils/type.utils.d.ts

@@ -1 +1 @@
-export declare type Value<T extends {}> = T[keyof T];
+export type Value<T extends {}> = T[keyof T];

package/docs/assets/{AccessStatus-Dz1vfbnh.js → AccessStatus-lY4oqKbY.js}

@@ -1 +1 @@
-import{d as r,c as o,k as c,a as i,j as u,n as S,r as p,o as _}from"./vue.esm-bundler-CWlcb7ht.js";import{a as d,I as e,b as m}from"./Icon-ChGia3n4.js";import{C as s}from"./user-_JB5aHqq.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"AccessStatus",components:{Icon:d},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(e),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===s.ACTIVE?e.FA_UNLOCK_KEYHOLE:this.status===s.AWAITING?e.FA_HOURGLASS_START:e.FA_LOCK_KEYHOLE},statusClass(){return this.status===s.ACTIVE?"-ds-active":this.status===s.SUSPENDED?"-ds-suspended":""},text(){return this.status===s.ACTIVE?"Aktywny":this.status===s.AWAITING?"Oczekujący":this.status===s.SUSPENDED?"Zawieszony":this.status===s.DEACTIVATED?"Dezaktywowany":"Zakończony"}}}),f={class:"ds-accessStatus__text"};function C(t,I,E,l,N,O){const n=p("icon");return _(),o("div",{class:S(["ds-accessStatus",t.statusClass])},[c(n,{size:t.ICON_SIZES.X_SMALL,icon:t.icon,class:"ds-accessStatus__icon"},null,8,["size","icon"]),i("span",f,u(t.text),1)],2)}const k=A(a,[["render",C],["__scopeId","data-v-e1478a91"]]);a.__docgenInfo={displayName:"AccessStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/AccessStatus/AccessStatus.vue"]};export{k as A};
+import{d as r,c as o,k as c,a as i,j as u,n as S,r as p,o as _}from"./vue.esm-bundler-DmkhfO_9.js";import{a as d,I as e,b as m}from"./Icon-KlrZhBvI.js";import{C as s}from"./user-_JB5aHqq.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"AccessStatus",components:{Icon:d},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(e),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===s.ACTIVE?e.FA_UNLOCK_KEYHOLE:this.status===s.AWAITING?e.FA_HOURGLASS_START:e.FA_LOCK_KEYHOLE},statusClass(){return this.status===s.ACTIVE?"-ds-active":this.status===s.SUSPENDED?"-ds-suspended":""},text(){return this.status===s.ACTIVE?"Aktywny":this.status===s.AWAITING?"Oczekujący":this.status===s.SUSPENDED?"Zawieszony":this.status===s.DEACTIVATED?"Dezaktywowany":"Zakończony"}}}),f={class:"ds-accessStatus__text"};function C(t,I,E,l,N,O){const n=p("icon");return _(),o("div",{class:S(["ds-accessStatus",t.statusClass])},[c(n,{size:t.ICON_SIZES.X_SMALL,icon:t.icon,class:"ds-accessStatus__icon"},null,8,["size","icon"]),i("span",f,u(t.text),1)],2)}const k=A(a,[["render",C],["__scopeId","data-v-e1478a91"]]);a.__docgenInfo={displayName:"AccessStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/AccessStatus/AccessStatus.vue"]};export{k as A};