@bethinkpl/design-system 22.0.2 → 22.0.3

package/dist/lib/js/components/Cards/Card/Card.consts.d.ts

@@ -0,0 +1,22 @@
+import { Value } from '../../../utils/type.utils';
+export declare const CARD_BORDER_COLORS: {
+    NEUTRAL_HEAVY: string;
+    NEUTRAL_STRONG: string;
+    SUCCESS: string;
+    WARNING: string;
+    DANGER: string;
+    INFO: string;
+    TRANSPARENT: string;
+};
+export declare type CardBorderColors = Value<typeof CARD_BORDER_COLORS>;
+export declare const CARD_BORDER_SIZES: {
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+};
+export declare type CardBorderSizes = Value<typeof CARD_BORDER_SIZES>;
+export declare const CARD_BORDER_POSITIONS: {
+    TOP: string;
+    LEFT: string;
+};
+export declare type CardBorderPositions = Value<typeof CARD_BORDER_POSITIONS>;

package/dist/lib/js/components/Cards/Card/Card.vue.d.ts

@@ -1,8 +1,10 @@
+import { PropType } from 'vue';
 import DsDivider from '../../Divider/Divider.vue';
 declare const _default: {
     name: string;
     components: {
         DsDivider: typeof DsDivider;
+        DsLoadingBar: typeof DsDivider;
     };
     props: {
         headerHasPadding: {
@@ -13,6 +15,40 @@ declare const _default: {
             type: BooleanConstructor;
             default: boolean;
         };
+        hasBorder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        borderPosition: {
+            type: PropType<string>;
+            default: string;
+        };
+        borderSize: {
+            type: PropType<string>;
+            default: string;
+        };
+        borderColor: {
+            type: PropType<string>;
+            default: string;
+        };
+        hasLoadingBar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingBarColor: {
+            type: PropType<string>;
+            default: string;
+        };
+        loadingBarTime: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+    computed: {
+        hasLeftBoarder(): any;
+        hasTopBoarder(): any;
+        borderColorClass(): string;
+        borderSizeClass(): string;
     };
 };
 export default _default;

package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts

@@ -31,7 +31,9 @@ declare const _default: {
             default: boolean;
         };
     };
-    emits: string[];
+    emits: {
+        'update:isExpanded': (payload: Boolean) => boolean;
+    };
     data(): {
         isExpandedInternal: boolean;
         ICONS: Readonly<{

package/dist/lib/js/components/Drawer/DrawerContent/DrawerContent.vue.d.ts

@@ -1,3 +1,4 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
+declare const _default: {
+    name: string;
+};
+export default _default;

package/dist/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue.d.ts

@@ -1,3 +1,20 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
+import Divider from '../../Divider';
+declare const _default: {
+    name: string;
+    components: {
+        DsDivider: typeof Divider;
+    };
+    props: {
+        prominence: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+    };
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+import { Value } from '../../utils/type.utils';
+export declare const LOADING_BAR_COLORS: {
+    NEUTRAL_HEAVY: string;
+    NEUTRAL_STRONG: string;
+    SUCCESS: string;
+    WARNING: string;
+    DANGER: string;
+    INFO: string;
+};
+export declare type LoadingBarColors = Value<typeof LOADING_BAR_COLORS>;
+export declare const LOADING_BAR_SIZES: {
+    SMALL: string;
+    MEDIUM: string;
+    LARGE: string;
+};
+export declare type LoadingBarSizes = Value<typeof LOADING_BAR_SIZES>;

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

@@ -0,0 +1,5 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+import LoadingBar from './LoadingBar.vue';
+declare const _default: Meta<typeof LoadingBar>;
+export default _default;
+export declare const Interactive: StoryFn<typeof LoadingBar>;

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

@@ -0,0 +1,31 @@
+import { PropType } from 'vue';
+declare const _default: {
+    name: string;
+    props: {
+        color: {
+            type: PropType<string>;
+            default: string;
+        };
+        size: {
+            type: PropType<string>;
+            default: string;
+        };
+        time: {
+            type: StringConstructor;
+            required: boolean;
+        };
+    };
+    data(): {
+        intervalId: number;
+        width: number;
+    };
+    computed: {
+        sizeClassName(): string;
+        loadingBarStyles(): {
+            width: string;
+            transition: string;
+        };
+    };
+    mounted(): void;
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+import LoadingBar from './LoadingBar.vue';
+export * from './LoadingBar.consts';
+export default LoadingBar;

package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts

@@ -1,3 +1,62 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
+import Tile from '../../Tile';
+declare const _default: {
+    name: string;
+    components: {
+        DsTile: typeof Tile;
+    };
+    props: {
+        interactive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconLeft: {
+            type: ObjectConstructor;
+            default: null;
+            validator(iconLeft: any): boolean;
+        };
+        iconRight: {
+            type: ObjectConstructor;
+            default: null;
+            validator(iconRight: any): boolean;
+        };
+        text: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        eyebrowText: {
+            type: StringConstructor;
+            default: null;
+        };
+        additionalText: {
+            type: StringConstructor;
+            default: null;
+        };
+        color: {
+            type: StringConstructor;
+            default: "neutral";
+            validator(color: any): boolean;
+        };
+        isEyebrowTextUppercase: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: "default";
+            validator(value: import("../../../utils/type.utils").Value<{
+                readonly DEFAULT: "default";
+                readonly DISABLED: "disabled";
+                readonly LOADING: "loading";
+            }>): boolean;
+        };
+        eyebrowEllipsis: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        textEllipsis: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+};
+export default _default;

package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts

@@ -1,3 +1,14 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;
+declare const _default: {
+    name: string;
+    props: {
+        label: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        isUppercase: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+};
+export default _default;

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

@@ -69,6 +69,8 @@ export { default as SelectListSectionTitle } from './components/SelectList/Selec
 export * from './components/SelectList/SelectListItem/SelectListItem.consts';
 export { default as SelectionTile } from './components/SelectionTile';
 export * from './components/SelectionTile';
+export { default as LoadingBar } from './components/LoadingBar';
+export * from './components/LoadingBar';
 export { default as PopOver } from './components/PopOver';
 export * from './components/PopOver/PopOver.consts';
 export { default as Dropdown } from './components/Dropdown';

package/docs/iframe.html

@@ -361,4 +361,4 @@
           
       
           
-            window['STORIES'] = [{"titlePrefix":"","directory":"./lib","files":"**/*.stories.@(js|mdx|ts)","importPathMatcher":"^\\.[\\\\/](?:lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mdx|ts))$"}];</script><script src="runtime~main.b2826aa6.iframe.bundle.js"></script><script src="3.9151d012.iframe.bundle.js"></script><script src="main.6d41ae2b.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./lib","files":"**/*.stories.@(js|mdx|ts)","importPathMatcher":"^\\.[\\\\/](?:lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mdx|ts))$"}];</script><script src="runtime~main.b2826aa6.iframe.bundle.js"></script><script src="3.9151d012.iframe.bundle.js"></script><script src="main.41dbbf29.iframe.bundle.js"></script></body></html>