@bethinkpl/design-system 14.1.1 → 15.0.0

package/dist/lib/js/components/ProgressBar/ProgressBar.stories.d.ts

@@ -2,30 +2,67 @@ import { ProgressBarRange } from './ProgressBar.consts';
 import { Meta, StoryFn } from '@storybook/vue';
 declare const _default: Meta<{
     name: string;
-    props: {
-        numberOfLayers: {
-            type: NumberConstructor;
-            default: number;
-            validator(size: any): boolean;
+    components: {
+        DsIcon: {
+            name: string;
+            components: {
+                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
+            };
+            props: {
+                icon: {
+                    type: ObjectConstructor;
+                    required: boolean;
+                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                rotation: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator(value: number): boolean;
+                };
+                flippedVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                flippedHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                touchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                spinning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+            computed: {
+                sizeClassName(): string;
+                isFontawesomeIcon(): boolean;
+                rotationClass(): string | null;
+            };
         };
-        colorScheme: {
+    };
+    props: {
+        size: {
             type: StringConstructor;
-            default: string;
+            default: "small";
             validator(size: any): boolean;
         };
-        color: {
-            type: StringConstructor;
-            default: "info";
-            validator(color: any): boolean;
-        };
-        size: {
+        labelTextSize: {
             type: StringConstructor;
-            default: "medium";
+            default: "small";
             validator(size: any): boolean;
         };
         ranges: {
             type: import("vue").PropType<ProgressBarRange[]>;
             required: boolean;
+            validator(ranges: any): any;
         };
         radius: {
             type: StringConstructor;
@@ -53,16 +90,18 @@ declare const _default: Meta<{
             type: StringConstructor;
             default: null;
         };
+        badgePosition: {
+            type: NumberConstructor;
+            default: null;
+            validator(position: any): boolean;
+        };
+        badgeColor: {
+            type: StringConstructor;
+            default: "info";
+            validator(color: any): boolean;
+        };
     };
     data(): {
-        PROGRESS_BAR_COLORS: Readonly<{
-            readonly NEUTRAL: "neutral";
-            readonly INFO: "info";
-            readonly PRIMARY: "primary";
-            readonly SUCCESS: "success";
-            readonly WARNING: "warning";
-            readonly FAIL: "fail";
-        }>;
         PROGRESS_BAR_SIZES: Readonly<{
             readonly MEDIUM: "medium";
             readonly SMALL: "small";
@@ -76,14 +115,193 @@ declare const _default: Meta<{
             DEFAULT: string;
             COMPACT: string;
         }>;
-        PROGRESS_BAR_LAYERS: Readonly<{
-            ONE: number;
-            TWO: number;
+        PROGRESS_BAR_LABEL_TEXT_SIZES: Readonly<{
+            readonly MEDIUM: "medium";
+            readonly SMALL: "small";
         }>;
-        PROGRESS_BAR_COLOR_SCHEMES: Readonly<{
-            DEFAULT: string;
+        ICONS: Readonly<{
+            readonly HEAD_WITH_QUESTION_MARK: import("vue").VueConstructor<import("vue").default>;
+            readonly RIBBON: import("vue").VueConstructor<import("vue").default>;
+            readonly SLIDERS_SEARCH: import("vue").VueConstructor<import("vue").default>;
+            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;
+            readonly FA_ANGLE_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ANGLE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_TO_LINE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_LEFT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_POINTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_FROM_BRACKET: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_RIGHT_FROM_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_LEFT_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_ROTATE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BADGE_PERCENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BARS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_BLANK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_COPY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_COLUMN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_LINE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_DOWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_NOTCH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_DOTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMPRESS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EARTH_AMERICAS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS_VERTICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_FROWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_MEH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_SMILE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACEBOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_INVOICE_DOLLAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_PEN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLASK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLOPPY_DISK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FOLDER_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GAUGE_HIGH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEARS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GIFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRADUATION_CAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_POINT_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_SPOCK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HANDS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_PULSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_END: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_START: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOUSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEYBOARD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_OL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCATION_DOT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCK_KEYHOLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEDAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MESSAGE_QUESTION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MONEY_BILL1: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MUSIC: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPER_PLANE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPERCLIP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_FIELD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PENCIL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PRINT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SLIDERS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SPELL_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CARET_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STOPWATCH_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAGS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            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_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;
+            readonly FA_WAND_MAGIC_SPARKLES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_WINDOW_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FAD_SPINNER_THIRD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        }>;
+        ICON_SIZES: Readonly<{
+            XXX_SMALL: string;
+            XX_SMALL: string;
+            X_SMALL: string;
+            SMALL: string;
             MEDIUM: string;
-            MEDIUM_NEUTRAL: string;
+            LARGE: string;
+            X_LARGE: string;
+            XX_LARGE: string;
         }>;
     };
     computed: {
@@ -93,30 +311,67 @@ declare const _default: Meta<{
 export default _default;
 export declare const Interactive: StoryFn<{
     name: string;
-    props: {
-        numberOfLayers: {
-            type: NumberConstructor;
-            default: number;
-            validator(size: any): boolean;
+    components: {
+        DsIcon: {
+            name: string;
+            components: {
+                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
+            };
+            props: {
+                icon: {
+                    type: ObjectConstructor;
+                    required: boolean;
+                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                rotation: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator(value: number): boolean;
+                };
+                flippedVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                flippedHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                touchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                spinning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+            computed: {
+                sizeClassName(): string;
+                isFontawesomeIcon(): boolean;
+                rotationClass(): string | null;
+            };
         };
-        colorScheme: {
+    };
+    props: {
+        size: {
             type: StringConstructor;
-            default: string;
+            default: "small";
             validator(size: any): boolean;
         };
-        color: {
-            type: StringConstructor;
-            default: "info";
-            validator(color: any): boolean;
-        };
-        size: {
+        labelTextSize: {
             type: StringConstructor;
-            default: "medium";
+            default: "small";
             validator(size: any): boolean;
         };
         ranges: {
             type: import("vue").PropType<ProgressBarRange[]>;
             required: boolean;
+            validator(ranges: any): any;
         };
         radius: {
             type: StringConstructor;
@@ -144,16 +399,18 @@ export declare const Interactive: StoryFn<{
             type: StringConstructor;
             default: null;
         };
+        badgePosition: {
+            type: NumberConstructor;
+            default: null;
+            validator(position: any): boolean;
+        };
+        badgeColor: {
+            type: StringConstructor;
+            default: "info";
+            validator(color: any): boolean;
+        };
     };
     data(): {
-        PROGRESS_BAR_COLORS: Readonly<{
-            readonly NEUTRAL: "neutral";
-            readonly INFO: "info";
-            readonly PRIMARY: "primary";
-            readonly SUCCESS: "success";
-            readonly WARNING: "warning";
-            readonly FAIL: "fail";
-        }>;
         PROGRESS_BAR_SIZES: Readonly<{
             readonly MEDIUM: "medium";
             readonly SMALL: "small";
@@ -167,14 +424,193 @@ export declare const Interactive: StoryFn<{
             DEFAULT: string;
             COMPACT: string;
         }>;
-        PROGRESS_BAR_LAYERS: Readonly<{
-            ONE: number;
-            TWO: number;
+        PROGRESS_BAR_LABEL_TEXT_SIZES: Readonly<{
+            readonly MEDIUM: "medium";
+            readonly SMALL: "small";
+        }>;
+        ICONS: Readonly<{
+            readonly HEAD_WITH_QUESTION_MARK: import("vue").VueConstructor<import("vue").default>;
+            readonly RIBBON: import("vue").VueConstructor<import("vue").default>;
+            readonly SLIDERS_SEARCH: import("vue").VueConstructor<import("vue").default>;
+            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;
+            readonly FA_ANGLE_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ANGLE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_TO_LINE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_LEFT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_POINTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_FROM_BRACKET: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_RIGHT_FROM_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_LEFT_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_ROTATE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BADGE_PERCENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BARS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_BLANK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_COPY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_COLUMN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_LINE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_DOWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_NOTCH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_DOTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMPRESS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EARTH_AMERICAS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS_VERTICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_FROWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_MEH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_SMILE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACEBOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_INVOICE_DOLLAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_PEN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLASK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLOPPY_DISK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FOLDER_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GAUGE_HIGH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEARS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GIFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRADUATION_CAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_POINT_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_SPOCK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HANDS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_PULSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_END: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_START: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOUSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEYBOARD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_OL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCATION_DOT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCK_KEYHOLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEDAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MESSAGE_QUESTION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MONEY_BILL1: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MUSIC: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPER_PLANE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPERCLIP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_FIELD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PENCIL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PRINT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SLIDERS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SPELL_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CARET_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STOPWATCH_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAGS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            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_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;
+            readonly FA_WAND_MAGIC_SPARKLES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_WINDOW_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FAD_SPINNER_THIRD: import("@fortawesome/fontawesome-common-types").IconDefinition;
         }>;
-        PROGRESS_BAR_COLOR_SCHEMES: Readonly<{
-            DEFAULT: string;
+        ICON_SIZES: Readonly<{
+            XXX_SMALL: string;
+            XX_SMALL: string;
+            X_SMALL: string;
+            SMALL: string;
             MEDIUM: string;
-            MEDIUM_NEUTRAL: string;
+            LARGE: string;
+            X_LARGE: string;
+            XX_LARGE: string;
         }>;
     };
     computed: {
@@ -183,30 +619,67 @@ export declare const Interactive: StoryFn<{
 }>;
 export declare const WithoutLabels: StoryFn<{
     name: string;
-    props: {
-        numberOfLayers: {
-            type: NumberConstructor;
-            default: number;
-            validator(size: any): boolean;
+    components: {
+        DsIcon: {
+            name: string;
+            components: {
+                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
+            };
+            props: {
+                icon: {
+                    type: ObjectConstructor;
+                    required: boolean;
+                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                rotation: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator(value: number): boolean;
+                };
+                flippedVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                flippedHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                touchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                spinning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+            computed: {
+                sizeClassName(): string;
+                isFontawesomeIcon(): boolean;
+                rotationClass(): string | null;
+            };
         };
-        colorScheme: {
+    };
+    props: {
+        size: {
             type: StringConstructor;
-            default: string;
+            default: "small";
             validator(size: any): boolean;
         };
-        color: {
+        labelTextSize: {
             type: StringConstructor;
-            default: "info";
-            validator(color: any): boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: "medium";
+            default: "small";
             validator(size: any): boolean;
         };
         ranges: {
             type: import("vue").PropType<ProgressBarRange[]>;
             required: boolean;
+            validator(ranges: any): any;
         };
         radius: {
             type: StringConstructor;
@@ -234,16 +707,18 @@ export declare const WithoutLabels: StoryFn<{
             type: StringConstructor;
             default: null;
         };
+        badgePosition: {
+            type: NumberConstructor;
+            default: null;
+            validator(position: any): boolean;
+        };
+        badgeColor: {
+            type: StringConstructor;
+            default: "info";
+            validator(color: any): boolean;
+        };
     };
     data(): {
-        PROGRESS_BAR_COLORS: Readonly<{
-            readonly NEUTRAL: "neutral";
-            readonly INFO: "info";
-            readonly PRIMARY: "primary";
-            readonly SUCCESS: "success";
-            readonly WARNING: "warning";
-            readonly FAIL: "fail";
-        }>;
         PROGRESS_BAR_SIZES: Readonly<{
             readonly MEDIUM: "medium";
             readonly SMALL: "small";
@@ -257,46 +732,262 @@ export declare const WithoutLabels: StoryFn<{
             DEFAULT: string;
             COMPACT: string;
         }>;
-        PROGRESS_BAR_LAYERS: Readonly<{
-            ONE: number;
-            TWO: number;
+        PROGRESS_BAR_LABEL_TEXT_SIZES: Readonly<{
+            readonly MEDIUM: "medium";
+            readonly SMALL: "small";
         }>;
-        PROGRESS_BAR_COLOR_SCHEMES: Readonly<{
-            DEFAULT: string;
+        ICONS: Readonly<{
+            readonly HEAD_WITH_QUESTION_MARK: import("vue").VueConstructor<import("vue").default>;
+            readonly RIBBON: import("vue").VueConstructor<import("vue").default>;
+            readonly SLIDERS_SEARCH: import("vue").VueConstructor<import("vue").default>;
+            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;
+            readonly FA_ANGLE_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ANGLE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_TO_LINE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_LEFT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_POINTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_FROM_BRACKET: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_RIGHT_FROM_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_LEFT_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_ROTATE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BADGE_PERCENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BARS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_BLANK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_COPY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_COLUMN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_LINE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_DOWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_NOTCH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_DOTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMPRESS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EARTH_AMERICAS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS_VERTICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_FROWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_MEH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_SMILE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACEBOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_INVOICE_DOLLAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_PEN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLASK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLOPPY_DISK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FOLDER_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GAUGE_HIGH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEARS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GIFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRADUATION_CAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_POINT_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_SPOCK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HANDS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_PULSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_END: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_START: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOUSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEYBOARD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_OL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCATION_DOT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCK_KEYHOLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEDAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MESSAGE_QUESTION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MONEY_BILL1: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MUSIC: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPER_PLANE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPERCLIP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_FIELD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PENCIL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PRINT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SLIDERS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SPELL_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CARET_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STOPWATCH_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAGS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            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_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;
+            readonly FA_WAND_MAGIC_SPARKLES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_WINDOW_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FAD_SPINNER_THIRD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        }>;
+        ICON_SIZES: Readonly<{
+            XXX_SMALL: string;
+            XX_SMALL: string;
+            X_SMALL: string;
+            SMALL: string;
             MEDIUM: string;
-            MEDIUM_NEUTRAL: string;
+            LARGE: string;
+            X_LARGE: string;
+            XX_LARGE: string;
         }>;
     };
     computed: {
         labelDataExists(): any;
     };
 }>;
-export declare const TwoLayers: StoryFn<{
+export declare const TwoColors: StoryFn<{
     name: string;
-    props: {
-        numberOfLayers: {
-            type: NumberConstructor;
-            default: number;
-            validator(size: any): boolean;
+    components: {
+        DsIcon: {
+            name: string;
+            components: {
+                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
+            };
+            props: {
+                icon: {
+                    type: ObjectConstructor;
+                    required: boolean;
+                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                rotation: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator(value: number): boolean;
+                };
+                flippedVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                flippedHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                touchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                spinning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+            computed: {
+                sizeClassName(): string;
+                isFontawesomeIcon(): boolean;
+                rotationClass(): string | null;
+            };
         };
-        colorScheme: {
+    };
+    props: {
+        size: {
             type: StringConstructor;
-            default: string;
+            default: "small";
             validator(size: any): boolean;
         };
-        color: {
-            type: StringConstructor;
-            default: "info";
-            validator(color: any): boolean;
-        };
-        size: {
+        labelTextSize: {
             type: StringConstructor;
-            default: "medium";
+            default: "small";
             validator(size: any): boolean;
         };
         ranges: {
             type: import("vue").PropType<ProgressBarRange[]>;
             required: boolean;
+            validator(ranges: any): any;
         };
         radius: {
             type: StringConstructor;
@@ -324,16 +1015,18 @@ export declare const TwoLayers: StoryFn<{
             type: StringConstructor;
             default: null;
         };
+        badgePosition: {
+            type: NumberConstructor;
+            default: null;
+            validator(position: any): boolean;
+        };
+        badgeColor: {
+            type: StringConstructor;
+            default: "info";
+            validator(color: any): boolean;
+        };
     };
     data(): {
-        PROGRESS_BAR_COLORS: Readonly<{
-            readonly NEUTRAL: "neutral";
-            readonly INFO: "info";
-            readonly PRIMARY: "primary";
-            readonly SUCCESS: "success";
-            readonly WARNING: "warning";
-            readonly FAIL: "fail";
-        }>;
         PROGRESS_BAR_SIZES: Readonly<{
             readonly MEDIUM: "medium";
             readonly SMALL: "small";
@@ -347,14 +1040,193 @@ export declare const TwoLayers: StoryFn<{
             DEFAULT: string;
             COMPACT: string;
         }>;
-        PROGRESS_BAR_LAYERS: Readonly<{
-            ONE: number;
-            TWO: number;
+        PROGRESS_BAR_LABEL_TEXT_SIZES: Readonly<{
+            readonly MEDIUM: "medium";
+            readonly SMALL: "small";
         }>;
-        PROGRESS_BAR_COLOR_SCHEMES: Readonly<{
-            DEFAULT: string;
+        ICONS: Readonly<{
+            readonly HEAD_WITH_QUESTION_MARK: import("vue").VueConstructor<import("vue").default>;
+            readonly RIBBON: import("vue").VueConstructor<import("vue").default>;
+            readonly SLIDERS_SEARCH: import("vue").VueConstructor<import("vue").default>;
+            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;
+            readonly FA_ANGLE_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ANGLE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_TO_LINE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_LEFT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_POINTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_FROM_BRACKET: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_RIGHT_FROM_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_LEFT_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_ROTATE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BADGE_PERCENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BARS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_BLANK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_COPY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_COLUMN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_LINE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_DOWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_NOTCH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_DOTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMPRESS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EARTH_AMERICAS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS_VERTICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_FROWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_MEH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_SMILE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACEBOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_INVOICE_DOLLAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_PEN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLASK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLOPPY_DISK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FOLDER_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GAUGE_HIGH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEARS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GIFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRADUATION_CAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_POINT_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_SPOCK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HANDS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_PULSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_END: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_START: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOUSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEYBOARD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_OL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCATION_DOT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCK_KEYHOLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEDAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MESSAGE_QUESTION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MONEY_BILL1: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MUSIC: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPER_PLANE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPERCLIP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_FIELD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PENCIL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PRINT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SLIDERS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SPELL_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CARET_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STOPWATCH_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAGS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            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_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;
+            readonly FA_WAND_MAGIC_SPARKLES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_WINDOW_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FAD_SPINNER_THIRD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        }>;
+        ICON_SIZES: Readonly<{
+            XXX_SMALL: string;
+            XX_SMALL: string;
+            X_SMALL: string;
+            SMALL: string;
             MEDIUM: string;
-            MEDIUM_NEUTRAL: string;
+            LARGE: string;
+            X_LARGE: string;
+            XX_LARGE: string;
         }>;
     };
     computed: {
@@ -363,30 +1235,67 @@ export declare const TwoLayers: StoryFn<{
 }>;
 export declare const WithGaps: StoryFn<{
     name: string;
-    props: {
-        numberOfLayers: {
-            type: NumberConstructor;
-            default: number;
-            validator(size: any): boolean;
+    components: {
+        DsIcon: {
+            name: string;
+            components: {
+                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
+            };
+            props: {
+                icon: {
+                    type: ObjectConstructor;
+                    required: boolean;
+                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                rotation: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator(value: number): boolean;
+                };
+                flippedVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                flippedHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                touchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                spinning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+            computed: {
+                sizeClassName(): string;
+                isFontawesomeIcon(): boolean;
+                rotationClass(): string | null;
+            };
         };
-        colorScheme: {
+    };
+    props: {
+        size: {
             type: StringConstructor;
-            default: string;
+            default: "small";
             validator(size: any): boolean;
         };
-        color: {
-            type: StringConstructor;
-            default: "info";
-            validator(color: any): boolean;
-        };
-        size: {
+        labelTextSize: {
             type: StringConstructor;
-            default: "medium";
+            default: "small";
             validator(size: any): boolean;
         };
         ranges: {
             type: import("vue").PropType<ProgressBarRange[]>;
             required: boolean;
+            validator(ranges: any): any;
         };
         radius: {
             type: StringConstructor;
@@ -414,16 +1323,18 @@ export declare const WithGaps: StoryFn<{
             type: StringConstructor;
             default: null;
         };
+        badgePosition: {
+            type: NumberConstructor;
+            default: null;
+            validator(position: any): boolean;
+        };
+        badgeColor: {
+            type: StringConstructor;
+            default: "info";
+            validator(color: any): boolean;
+        };
     };
     data(): {
-        PROGRESS_BAR_COLORS: Readonly<{
-            readonly NEUTRAL: "neutral";
-            readonly INFO: "info";
-            readonly PRIMARY: "primary";
-            readonly SUCCESS: "success";
-            readonly WARNING: "warning";
-            readonly FAIL: "fail";
-        }>;
         PROGRESS_BAR_SIZES: Readonly<{
             readonly MEDIUM: "medium";
             readonly SMALL: "small";
@@ -437,14 +1348,193 @@ export declare const WithGaps: StoryFn<{
             DEFAULT: string;
             COMPACT: string;
         }>;
-        PROGRESS_BAR_LAYERS: Readonly<{
-            ONE: number;
-            TWO: number;
+        PROGRESS_BAR_LABEL_TEXT_SIZES: Readonly<{
+            readonly MEDIUM: "medium";
+            readonly SMALL: "small";
+        }>;
+        ICONS: Readonly<{
+            readonly HEAD_WITH_QUESTION_MARK: import("vue").VueConstructor<import("vue").default>;
+            readonly RIBBON: import("vue").VueConstructor<import("vue").default>;
+            readonly SLIDERS_SEARCH: import("vue").VueConstructor<import("vue").default>;
+            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;
+            readonly FA_ANGLE_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ANGLE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_TO_LINE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_LEFT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_POINTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_FROM_BRACKET: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_RIGHT_FROM_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_LEFT_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_ROTATE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BADGE_PERCENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BARS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_BLANK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_COPY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_COLUMN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_LINE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_DOWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_NOTCH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_DOTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMPRESS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EARTH_AMERICAS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS_VERTICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_FROWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_MEH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_SMILE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACEBOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_INVOICE_DOLLAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_PEN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLASK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLOPPY_DISK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FOLDER_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GAUGE_HIGH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEARS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GIFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRADUATION_CAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_POINT_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_SPOCK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HANDS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_PULSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_END: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_START: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOUSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEYBOARD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_OL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCATION_DOT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCK_KEYHOLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEDAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MESSAGE_QUESTION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MONEY_BILL1: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MUSIC: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPER_PLANE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPERCLIP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_FIELD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PENCIL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PRINT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SLIDERS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SPELL_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CARET_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STOPWATCH_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAGS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            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_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;
+            readonly FA_WAND_MAGIC_SPARKLES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_WINDOW_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FAD_SPINNER_THIRD: import("@fortawesome/fontawesome-common-types").IconDefinition;
         }>;
-        PROGRESS_BAR_COLOR_SCHEMES: Readonly<{
-            DEFAULT: string;
+        ICON_SIZES: Readonly<{
+            XXX_SMALL: string;
+            XX_SMALL: string;
+            X_SMALL: string;
+            SMALL: string;
             MEDIUM: string;
-            MEDIUM_NEUTRAL: string;
+            LARGE: string;
+            X_LARGE: string;
+            XX_LARGE: string;
         }>;
     };
     computed: {
@@ -453,30 +1543,67 @@ export declare const WithGaps: StoryFn<{
 }>;
 export declare const Compact: StoryFn<{
     name: string;
-    props: {
-        numberOfLayers: {
-            type: NumberConstructor;
-            default: number;
-            validator(size: any): boolean;
+    components: {
+        DsIcon: {
+            name: string;
+            components: {
+                FontAwesomeIcon: import("vue").FunctionalComponentOptions<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, import("vue/types/options").PropsDefinition<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps>> & import("vue").VueConstructor<import("vue").default>;
+            };
+            props: {
+                icon: {
+                    type: ObjectConstructor;
+                    required: boolean;
+                    validator(icon: import("vue").VueConstructor<import("vue").default>): boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                rotation: {
+                    type: NumberConstructor;
+                    default: null;
+                    validator(value: number): boolean;
+                };
+                flippedVertical: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                flippedHorizontal: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                touchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                spinning: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+            computed: {
+                sizeClassName(): string;
+                isFontawesomeIcon(): boolean;
+                rotationClass(): string | null;
+            };
         };
-        colorScheme: {
+    };
+    props: {
+        size: {
             type: StringConstructor;
-            default: string;
+            default: "small";
             validator(size: any): boolean;
         };
-        color: {
+        labelTextSize: {
             type: StringConstructor;
-            default: "info";
-            validator(color: any): boolean;
-        };
-        size: {
-            type: StringConstructor;
-            default: "medium";
+            default: "small";
             validator(size: any): boolean;
         };
         ranges: {
             type: import("vue").PropType<ProgressBarRange[]>;
             required: boolean;
+            validator(ranges: any): any;
         };
         radius: {
             type: StringConstructor;
@@ -504,16 +1631,18 @@ export declare const Compact: StoryFn<{
             type: StringConstructor;
             default: null;
         };
+        badgePosition: {
+            type: NumberConstructor;
+            default: null;
+            validator(position: any): boolean;
+        };
+        badgeColor: {
+            type: StringConstructor;
+            default: "info";
+            validator(color: any): boolean;
+        };
     };
     data(): {
-        PROGRESS_BAR_COLORS: Readonly<{
-            readonly NEUTRAL: "neutral";
-            readonly INFO: "info";
-            readonly PRIMARY: "primary";
-            readonly SUCCESS: "success";
-            readonly WARNING: "warning";
-            readonly FAIL: "fail";
-        }>;
         PROGRESS_BAR_SIZES: Readonly<{
             readonly MEDIUM: "medium";
             readonly SMALL: "small";
@@ -527,14 +1656,193 @@ export declare const Compact: StoryFn<{
             DEFAULT: string;
             COMPACT: string;
         }>;
-        PROGRESS_BAR_LAYERS: Readonly<{
-            ONE: number;
-            TWO: number;
+        PROGRESS_BAR_LABEL_TEXT_SIZES: Readonly<{
+            readonly MEDIUM: "medium";
+            readonly SMALL: "small";
         }>;
-        PROGRESS_BAR_COLOR_SCHEMES: Readonly<{
-            DEFAULT: string;
+        ICONS: Readonly<{
+            readonly HEAD_WITH_QUESTION_MARK: import("vue").VueConstructor<import("vue").default>;
+            readonly RIBBON: import("vue").VueConstructor<import("vue").default>;
+            readonly SLIDERS_SEARCH: import("vue").VueConstructor<import("vue").default>;
+            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;
+            readonly FA_ANGLE_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ANGLE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_DOWN_TO_LINE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_LEFT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_POINTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_FROM_BRACKET: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROW_UP_RIGHT_FROM_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_LEFT_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ARROWS_ROTATE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BADGE_PERCENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BARS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BELL_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_BLANK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_COPY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_COLUMN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHART_LINE_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_DOWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_LEFT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_RIGHT_LIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CHEVRON_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ARROW_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_NOTCH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_DOTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMMENTS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_COMPRESS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EARTH_AMERICAS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_ELLIPSIS_VERTICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_EYE_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_FROWN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_MEH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACE_SMILE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FACEBOOK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_INVOICE_DOLLAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_LINES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILE_PEN_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FILTER: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLASK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FLOPPY_DISK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_FOLDER_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GAUGE_HIGH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEARS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GEM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GIFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRADUATION_CAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_GRID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_POINT_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HAND_SPOCK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HANDS_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_PULSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HEART_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_END: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOURGLASS_START: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_HOUSE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_KEYBOARD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIGHTBULB_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LINK_SLASH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LIST_OL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCATION_DOT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_LOCK_KEYHOLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MAGNIFYING_GLASS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEDAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MEMO_CIRCLE_INFO_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MESSAGE_QUESTION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MONEY_BILL1: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_MUSIC: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPER_PLANE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PAPERCLIP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_CIRCLE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PEN_FIELD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PENCIL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_PRINT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SITEMAP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SLIDERS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SPELL_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CARET_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_CHECK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_SQUARE_LIST: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STAR_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_STOPWATCH_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAG: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TAGS: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            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_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;
+            readonly FA_WAND_MAGIC_SPARKLES: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_WINDOW_MAXIMIZE: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FA_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
+            readonly FAD_SPINNER_THIRD: import("@fortawesome/fontawesome-common-types").IconDefinition;
+        }>;
+        ICON_SIZES: Readonly<{
+            XXX_SMALL: string;
+            XX_SMALL: string;
+            X_SMALL: string;
+            SMALL: string;
             MEDIUM: string;
-            MEDIUM_NEUTRAL: string;
+            LARGE: string;
+            X_LARGE: string;
+            XX_LARGE: string;
         }>;
     };
     computed: {