@useinsider/ab-components 0.0.49 → 0.0.50

package/dist/icons.svg

@@ -158,9 +158,6 @@
   <symbol viewBox="0 0 24 24" id="line-test-link">
     <path d="M6.10254 12.2861C6.48385 11.9048 7.10208 11.9048 7.4834 12.2861C7.86471 12.6674 7.86471 13.2857 7.4834 13.667L5.54297 15.6074C4.7563 16.3943 4.75616 17.6702 5.54297 18.457C6.32978 19.2438 7.60568 19.2437 8.39258 18.457L10.333 16.5166C10.7143 16.1353 11.3326 16.1353 11.7139 16.5166C12.0952 16.8979 12.0952 17.5161 11.7139 17.8975L9.77344 19.8379C8.22383 21.3873 5.71163 21.3874 4.16211 19.8379C2.61259 18.2884 2.61273 15.7762 4.16211 14.2266L6.10254 12.2861ZM13.2324 9.30371C13.6368 8.89931 14.2919 8.89931 14.6963 9.30371C15.1007 9.70811 15.1007 10.3632 14.6963 10.7676L13.6973 11.7676H13.6963L10.7676 14.6963C10.3632 15.1007 9.70811 15.1007 9.30371 14.6963C8.89931 14.2919 8.89931 13.6368 9.30371 13.2324L10.3027 12.2324H10.3037L13.2324 9.30371ZM14.2266 4.16211C15.7762 2.61272 18.2884 2.61259 19.8379 4.16211C21.3874 5.71163 21.3873 8.22383 19.8379 9.77344L17.8975 11.7139C17.5161 12.0952 16.8979 12.0952 16.5166 11.7139C16.1353 11.3326 16.1353 10.7143 16.5166 10.333L18.457 8.39258C19.2437 7.60568 19.2438 6.32978 18.457 5.54297C17.6702 4.75616 16.3943 4.75629 15.6074 5.54297L13.667 7.4834C13.2857 7.86471 12.6674 7.86471 12.2861 7.4834C11.9048 7.10209 11.9048 6.48385 12.2861 6.10254L14.2266 4.16211Z" fill="#495366"/>
   </symbol>
-  <symbol viewBox="0 0 24 24" id="filled-text-aligned-left">
-    <path d="M15 17C15.5523 17 16 17.4477 16 18C16 18.5523 15.5523 19 15 19H5C4.44772 19 4 18.5523 4 18C4 17.4477 4.44772 17 5 17H15ZM19 13C19.5523 13 20 13.4477 20 14C20 14.5523 19.5523 15 19 15H5C4.44772 15 4 14.5523 4 14C4 13.4477 4.44772 13 5 13H19ZM15 9C15.5523 9 16 9.44772 16 10C16 10.5523 15.5523 11 15 11H5C4.44772 11 4 10.5523 4 10C4 9.44772 4.44772 9 5 9H15ZM19 5C19.5523 5 20 5.44772 20 6C20 6.55228 19.5523 7 19 7H5C4.44772 7 4 6.55228 4 6C4 5.44772 4.44772 5 5 5H19Z" />
-  </symbol>
   <symbol viewBox="0 0 24 24" id="text-color-icon">
     <path d="M20 18H4C2.9 18 2 18.9 2 20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20C22 18.9 21.1 18 20 18Z"/>
     <path d="M6 15L12 3L18 15" fill="none" stroke="#495366" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -186,6 +183,20 @@
   <symbol viewBox="0 0 24 24" id="text-icon">
     <path d="M20 3C20.5523 3 21 3.44772 21 4V7C21 7.55228 20.5523 8 20 8C19.4477 8 19 7.55228 19 7V5H13V19H15C15.5523 19 16 19.4477 16 20C16 20.5523 15.5523 21 15 21H9C8.44772 21 8 20.5523 8 20C8 19.4477 8.44772 19 9 19H11V5H5V7C5 7.55228 4.55228 8 4 8C3.44772 8 3 7.55228 3 7V4C3 3.44772 3.44772 3 4 3H20Z" fill="#495366"/>
   </symbol>
+  <symbol id="mixed-text-color-icon" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+      <linearGradient id="hueGradient" x1="0%" y1="0%" x2="100%" y2="0%">
+        <stop offset="0%" stop-color="red"/>
+        <stop offset="16.66%" stop-color="orange"/>
+        <stop offset="33.33%" stop-color="yellow"/>
+        <stop offset="50%" stop-color="lime"/>
+        <stop offset="66.66%" stop-color="cyan"/>
+        <stop offset="83.33%" stop-color="blue"/>
+        <stop offset="100%" stop-color="magenta"/>
+      </linearGradient>
+    </defs>
+    <rect x="0" y="0" width="24" height="24" fill="url(#hueGradient)" />
+  </symbol>
   <symbol id="line-height-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <path d="M3 2H21" stroke="#495366" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
     <path d="M3 22H21" stroke="#495366" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { DirectiveBinding } from 'vue';
 import { Placement } from '@floating-ui/vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
@@ -373,6 +374,16 @@ declare interface ButtonProps {
     customClass?: string;
 }
 
+export declare const clickOutside: {
+    mounted(el: ClickOutsideElement, binding: DirectiveBinding<DirectiveType>): void;
+    unmounted(el: ClickOutsideElement): void;
+};
+
+declare interface ClickOutsideElement extends HTMLElement {
+    clickOutsideEvent?: (event: Event) => void;
+    clickOutsideCapture?: boolean;
+}
+
 export declare const ColorPicker: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
 declare interface ColorPickerProps {
@@ -412,6 +423,12 @@ declare const customIconObjects: {
     };
 };
 
+declare type DirectiveType = {
+    handler: () => void;
+    exclude?: Ref<HTMLElement | undefined>[];
+    capture?: boolean;
+};
+
 export declare const DropdownMenu: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: string) => any;
 "add-error": (error: string) => any;
@@ -454,7 +471,7 @@ size: number | string;
  *
  * NOTE: This file was auto-generated from 'icons.svg'
  */
-export declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'filled-caution-circle' | 'filled-caution-triangle' | 'filled-caution-triangle-colored' | 'filled-error-box-colored' | 'line-plus-netural' | 'line-close-netural' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'filled-text-bold' | 'filled-text-italic' | 'filled-text-underline' | 'filled-text-strikethrough' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart' | 'line-reset' | 'line-arrow-left' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'gamification-icon' | 'popup-icon';
+export declare type IconNames = 'icon-info-box-error' | 'icon-tooltip-info' | 'filled-info-circle' | 'filled-caution-circle' | 'filled-caution-triangle' | 'filled-caution-triangle-colored' | 'filled-error-box-colored' | 'line-plus-netural' | 'line-close-netural' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'filled-text-bold' | 'filled-text-italic' | 'filled-text-underline' | 'filled-text-strikethrough' | 'line-caution-triangle' | 'filled-error-box' | 'filled-info-circle' | 'line-check-natural' | 'loading-circle' | 'icon-smart' | 'line-reset' | 'line-arrow-left' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'gamification-icon' | 'popup-icon' | 'line-delete' | 'line-duplicate' | 'line-test-link' | 'text-color-icon' | 'corner-icon' | 'border-icon' | 'border-color' | 'fill-color-icon' | 'text-icon' | 'mixed-text-color-icon' | 'line-height-icon' | 'letter-spacing-icon' | 'filled-text-aligned-center' | 'filled-text-aligned-right' | 'filled-text-aligned-justified' | 'filled-aligned-bottom' | 'filled-aligned-middle' | 'filled-aligned-top' | 'button-actions' | 'border-none' | 'border-solid' | 'border-dashed' | 'border-dotted' | 'individual-borders' | 'border-left' | 'border-top' | 'border-right' | 'border-bottom' | 'corner-top-left' | 'corner-top-right' | 'corner-bottom-left' | 'corner-bottom-right' | 'corners-individual' | 'padding-horizontal' | 'padding-vertical' | 'padding-individual' | 'padding-left' | 'padding-right' | 'padding-bottom' | 'padding-top' | 'line-password' | 'line-left-to-bottom' | 'line-right-to-top' | 'line-horizontal' | 'line-vertical' | 'line-change';
 
 declare interface IconProps {
     name: AllIconNames;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "type": "module",
   "files": [
     "dist"
@@ -30,7 +30,7 @@
     "build-only": "vite build",
     "type-check": "vue-tsc --build",
     "pack:move": "npm pack --pack-destination ../design-editor",
-    "publish:def": "npm run build && npm run pack:move && cd ../design-editor && npm i ./useinsider-ab-components-0.0.47.tgz && npm run dev",
+    "publish:def": "npm run build && npm run pack:move && cd ../design-editor && npm i ./useinsider-ab-components-0.0.50.tgz && npm run dev",
     "lint": "eslint . --fix",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"