@bethinkpl/design-system 17.1.0 → 18.0.1

package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts

@@ -4,9 +4,6 @@ import { BUTTON_ELEVATIONS, BUTTON_RADIUSES, BUTTON_SIZES, BUTTON_STATES, BUTTON
 import { ICON_BUTTON_COLORS } from '../IconButton/IconButton.consts';
 declare const _default: {
     name: string;
-    directives: {
-        ripple: DirectiveFunction;
-    };
     components: {
         WnlIcon: typeof WnlIcon;
     };

package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts

@@ -292,8 +292,5 @@ declare const _default: {
         isButtonColor(): boolean;
         colorClassName(): string;
     };
-    methods: {
-        onClick(evt: any): void;
-    };
 };
 export default _default;

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

@@ -5,9 +5,6 @@ declare const _default: {
         DsCard: typeof DsCard;
         DsIcon: typeof DsCard;
     };
-    directives: {
-        ripple: DirectiveFunction;
-    };
     props: {
         isExpanded: {
             type: BooleanConstructor;

package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts

@@ -3,7 +3,6 @@ declare const _default: {
     name: string;
     components: {
         DsIcon: typeof DsIcon;
-        DsRipple: typeof DsIcon;
     };
     props: {
         size: {

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

@@ -4,9 +4,6 @@ declare const _default: {
     components: {
         DsIcon: typeof DsIcon;
     };
-    directives: {
-        Ripple: DirectiveFunction;
-    };
     props: {
         label: {
             type: StringConstructor;

package/dist/lib/js/components/Tile/Tile.shared.d.ts

@@ -0,0 +1,52 @@
+import { TILE_STATES } from './Tile.consts';
+import { Value } from '../../utils/type.utils';
+export declare const 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;
+        required: boolean;
+    };
+    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: Value<typeof TILE_STATES>): boolean;
+    };
+    eyebrowEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textEllipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -1,11 +1,8 @@
-import DsRipple from '../Ripple';
-import { TILE_STATES } from './Tile.consts';
-import { Value } from '../../utils/type.utils';
+import DsIcon from '../Icons/Icon';
 declare const _default: {
     name: string;
     components: {
-        DsIcon: typeof DsRipple;
-        DsRipple: typeof DsRipple;
+        DsIcon: typeof DsIcon;
     };
     props: {
         interactive: {
@@ -46,7 +43,11 @@ declare const _default: {
         state: {
             type: StringConstructor;
             default: "default";
-            validator(value: Value<typeof TILE_STATES>): boolean;
+            validator(value: import("../../utils/type.utils").Value<{
+                readonly DEFAULT: "default";
+                readonly DISABLED: "disabled";
+                readonly LOADING: "loading";
+            }>): boolean;
         };
         eyebrowEllipsis: {
             type: BooleanConstructor;
@@ -253,9 +254,7 @@ declare const _default: {
         }>;
     };
     computed: {
-        rippleDisabled(): boolean;
         tileColor(): any;
-        rippleColor(): any;
         tileState(): any;
     };
 };

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

@@ -4,9 +4,6 @@ declare const _default: {
     components: {
         Icon: typeof Icon;
     };
-    directives: {
-        Ripple: DirectiveFunction;
-    };
     props: {
         counter: {
             type: (StringConstructor | NumberConstructor)[];

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

@@ -1,13 +1,12 @@
 import { Value } from '../../../utils/type.utils';
-import DsRipple, { RippleColor } from '../../Ripple';
 import { PropType } from 'vue';
 import { TOGGLE_BUTTON_COLORS, TOGGLE_BUTTON_RADIUSES, TOGGLE_BUTTON_SIZES, TOGGLE_BUTTON_STATES, ToggleButtonColor, ToggleButtonLabelSize, ToggleButtonRadius, ToggleButtonSize, ToggleButtonState } from './ToggleButton.consts';
 import { IconItem, IconSize } from '../../Icons/Icon';
+import DsIcon from '../../Icons/Icon/Icon.vue';
 declare const _default: {
     name: string;
     components: {
-        DsIcon: typeof DsRipple;
-        DsRipple: typeof DsRipple;
+        DsIcon: typeof DsIcon;
     };
     props: {
         color: {
@@ -274,7 +273,6 @@ declare const _default: {
         colorClassName(): string;
         iconSize(): IconSize;
         isInteractiveComputed(): boolean;
-        rippleColor(): RippleColor;
     };
 };
 export default _default;

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

@@ -38,8 +38,6 @@ export { default as SurveyQuestionScale } from './components/SurveyQuestions/Sur
 export { default as SurveyQuestionOpenEnded } from './components/SurveyQuestions/SurveyQuestionOpenEnded/';
 export * from './components/SurveyQuestions/SurveyQuestion.consts';
 export * from './components/SurveyQuestions/SurveyQuestion.domain';
-export { default as Ripple } from './components/Ripple';
-export * from './components/Ripple/Ripple.consts';
 export { default as SectionHeader } from './components/Headers/SectionHeader';
 export * from './components/Headers/SectionHeader/SectionHeader.consts';
 export { default as PageHeader } from './components/Headers/PageHeader';