@useinsider/ab-components 0.0.32 → 0.0.34

package/dist/icons.svg

@@ -52,4 +52,7 @@
     <path
       d="M7.44041 7.33334C7.59931 7.33334 7.73057 7.38572 7.8342 7.49049C7.94473 7.59525 8 7.72795 8 7.88858V8.66668C8 8.79938 7.96546 8.90763 7.89637 8.99144C7.8342 9.07525 7.73403 9.11715 7.59586 9.11715H7.19171C7.05354 9.11715 6.94991 9.07525 6.88083 8.99144C6.81865 8.90763 6.78757 8.79938 6.78757 8.66668V8.55906H5.72021V12.7743H5.9171C6.04836 12.7743 6.15544 12.8092 6.23834 12.8791C6.32124 12.9419 6.36269 13.0432 6.36269 13.1829V13.5914C6.36269 13.7311 6.32124 13.8359 6.23834 13.9057C6.15544 13.9686 6.04836 14 5.9171 14H4.0829C3.78584 14 3.63731 13.8638 3.63731 13.5914V13.1829C3.63731 12.9105 3.78584 12.7743 4.0829 12.7743H4.26943V8.55906H3.21244V8.66668C3.21244 8.79938 3.17789 8.90763 3.10881 8.99144C3.04663 9.07525 2.94646 9.11715 2.80829 9.11715H2.40415C2.26598 9.11715 2.16235 9.07525 2.09326 8.99144C2.03109 8.90763 2 8.79938 2 8.66668V7.88858C2 7.72795 2.05181 7.59525 2.15544 7.49049C2.26598 7.38572 2.39724 7.33334 2.54922 7.33334H7.44041Z" />
   </symbol>
+  <symbol viewBox="0 0 24 24"  data-token-name="line-reset" id="line-reset">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M19.81 13c.606 0 1.081.529.94 1.117A9 9 0 1 1 19 6.342V5a1 1 0 1 1 2 0v4a1 1 0 0 1-1 1h-4a1 1 0 1 1 0-2h1.745a7 7 0 1 0 1.004 5.862c.135-.487.556-.862 1.061-.862z"></path>
+  </symbol>
 </svg>

package/dist/index.d.ts

@@ -20,6 +20,17 @@ onSubmit?: (() => any) | undefined;
 hasOverlay: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+declare const __VLS_component_3: DefineComponent<InInfoBoxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InInfoBoxProps> & Readonly<{}>, {
+variant: "information" | "warning" | "alert" | "smart" | "neutral";
+size: "small" | "medium" | "large";
+theme: "light" | "dark";
+titleStatus: boolean;
+titleText: string;
+descriptionStatus: boolean;
+descriptionText: string;
+fullWidthContentStatus: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare type __VLS_Props = {
     id: string;
     text: string;
@@ -52,10 +63,21 @@ declare function __VLS_template_2(): {
     rootEl: any;
 };
 
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -68,6 +90,12 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 export declare const Button: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (event: MouseEvent) => any;
 }, string, PublicProps, Readonly<ButtonProps> & Readonly<{
@@ -135,7 +163,7 @@ size: 16 | 24;
  *
  * NOTE: This file was auto-generated from 'icons.svg'
  */
-declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart';
+declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart' | 'line-reset';
 
 declare interface IconProps {
     name: IconNames;
@@ -143,6 +171,62 @@ declare interface IconProps {
     color?: string;
 }
 
+export declare const InInfoBox: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+export declare interface InInfoBoxProps {
+    id: string;
+    theme?: 'light' | 'dark';
+    variant?: 'information' | 'warning' | 'alert' | 'smart' | 'neutral';
+    titleStatus?: boolean;
+    titleText?: string;
+    descriptionStatus?: boolean;
+    descriptionText?: string;
+    size?: 'small' | 'medium' | 'large';
+    fullWidthContentStatus?: boolean;
+}
+
+export declare const InTextArea: DefineComponent<InTextAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+click: (event: MouseEvent) => any;
+cut: (event: ClipboardEvent) => any;
+keypress: (event: KeyboardEvent) => any;
+keyup: (event: KeyboardEvent) => any;
+paste: (event: ClipboardEvent) => any;
+"update:modelValue": (value: string) => any;
+}, string, PublicProps, Readonly<InTextAreaProps> & Readonly<{
+onClick?: ((event: MouseEvent) => any) | undefined;
+onCut?: ((event: ClipboardEvent) => any) | undefined;
+onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+onPaste?: ((event: ClipboardEvent) => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+label: string;
+disabled: boolean;
+invalid: boolean;
+preventXss: boolean;
+theme: "grey" | "white";
+withLabel: boolean;
+invalidMessage: string;
+rowLength: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+textareaRef: HTMLTextAreaElement;
+}, HTMLFieldSetElement>;
+
+export declare interface InTextAreaProps {
+    id: string;
+    name: string;
+    modelValue: string;
+    label?: string;
+    withLabel?: boolean;
+    placeholder: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    invalidMessage?: string;
+    theme?: 'grey' | 'white';
+    rowLength?: number;
+    preventXss?: boolean;
+}
+
 declare interface MenuItem {
     text: string;
     value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "type": "module",
   "files": [
     "dist"
@@ -46,7 +46,7 @@
     ]
   },
   "peerDependencies": {
-    "vue": "^3.5.13"
+    "vue": ">=3.4.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.4",
@@ -63,7 +63,7 @@
     "@storybook/vue3-vite": "8.5.6",
     "@stylistic/eslint-plugin": "2.10.1",
     "@stylistic/eslint-plugin-migrate": "2.10.1",
-    "@tsconfig/node22": "^22.0.0",
+    "@tsconfig/node20": "20.1.4",
     "@types/eslint": "8.56.12",
     "@types/eslint__eslintrc": "2.1.2",
     "@types/eslint__js": "8.42.3",
@@ -102,6 +102,7 @@
     "vite-plugin-dts": "4.5.0",
     "vite-plugin-vue-devtools": "7.7.2",
     "vitest": "3.0.5",
+    "vue": "3.5.13",
     "vue-eslint-parser": "9.4.3",
     "vue-tsc": "2.2.2"
   },