@useinsider/ab-components 0.0.91 → 0.0.92-beta.0

package/dist/ab-components.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as W, computed as E, createElementBlock as g, openBlock as f, normalizeClass as v, createBlock as Q, createCommentVNode as R, unref as c, toDisplayString as H, createElementVNode as I, createVNode as re, renderSlot as ie, Fragment as oe, renderList as ke, normalizeStyle as ne, ref as L, watch as Z, onMounted as Ue, nextTick as Ge, reactive as Mt, withDirectives as lt, withModifiers as ct, vModelText as sn, vShow as Ut, withCtx as je, useCssVars as rn, onBeforeUnmount as qt, Transition as un, shallowRef as cn, getCurrentScope as dn, onScopeDispose as pn, shallowReadonly as Pe, onBeforeMount as _n, Teleport as fn } from "vue";
+import { defineComponent as W, computed as E, openBlock as f, createElementBlock as g, normalizeClass as v, createBlock as Q, unref as c, createCommentVNode as R, toDisplayString as H, createElementVNode as I, createVNode as re, renderSlot as ie, Fragment as oe, renderList as ke, normalizeStyle as ne, ref as L, watch as Z, onMounted as Ue, nextTick as Ge, reactive as Mt, withDirectives as lt, withModifiers as ct, vModelText as sn, vShow as Ut, withCtx as je, useCssVars as rn, onBeforeUnmount as qt, Transition as un, shallowRef as cn, getCurrentScope as dn, onScopeDispose as pn, shallowReadonly as Pe, onBeforeMount as _n, Teleport as fn } from "vue";
 const mn = "_button__size_default_aw3lw_1", hn = "_button__size_small_aw3lw_8", vn = "_button_aw3lw_1", gn = "_button__label_aw3lw_60", bn = "_button__solid_aw3lw_72", wn = "_fill_aw3lw_1302", $e = {
   button__size_default: mn,
   button__size_small: hn,

package/dist/icons.svg

@@ -436,6 +436,9 @@
   <symbol viewBox="0 0 24 24" id="line-coupon">
     <path d="M20 4C20.7957 4 21.5585 4.3163 22.1211 4.87891C22.6837 5.44151 23 6.20435 23 7V9C23 9.55228 22.5523 10 22 10C21.4696 10 20.961 10.2109 20.5859 10.5859C20.2109 10.961 20 11.4696 20 12L20.0098 12.1973C20.0551 12.6553 20.2577 13.0858 20.5859 13.4141C20.961 13.7891 21.4696 14 22 14C22.5523 14 23 14.4477 23 15V17C23 17.7957 22.6837 18.5585 22.1211 19.1211C21.5585 19.6837 20.7957 20 20 20H4C3.20435 20 2.44151 19.6837 1.87891 19.1211C1.3163 18.5585 1 17.7956 1 17V15C1 14.4477 1.44772 14 2 14C2.53043 14 3.03899 13.7891 3.41406 13.4141C3.78913 13.039 4 12.5304 4 12C4 11.4696 3.78913 10.961 3.41406 10.5859C3.03899 10.2109 2.53043 10 2 10C1.44772 10 1 9.55228 1 9V7C1 6.20435 1.3163 5.44152 1.87891 4.87891C2.44152 4.3163 3.20435 4 4 4H20ZM4 6C3.73478 6 3.4805 6.10543 3.29297 6.29297C3.10543 6.4805 3 6.73478 3 7V8.12793C3.68594 8.3051 4.31864 8.66239 4.82812 9.17188C5.57827 9.92202 6 10.9391 6 12C6 13.0609 5.57827 14.078 4.82812 14.8281C4.3187 15.3376 3.68585 15.6939 3 15.8711V17C3 17.2652 3.10543 17.5195 3.29297 17.707C3.48051 17.8946 3.73478 18 4 18H12V17C12 16.4477 12.4477 16 13 16C13.5523 16 14 16.4477 14 17V18H20C20.2652 18 20.5195 17.8946 20.707 17.707C20.8946 17.5195 21 17.2652 21 17V15.8711C20.3141 15.6939 19.6813 15.3376 19.1719 14.8281C18.4217 14.078 18 13.0609 18 12C18 10.9391 18.4217 9.92202 19.1719 9.17188C19.6814 8.66239 20.3141 8.3051 21 8.12793V7C21 6.73478 20.8946 6.48051 20.707 6.29297C20.5429 6.12883 20.3276 6.02757 20.0986 6.00488L20 6H14V7C14 7.55228 13.5523 8 13 8C12.4477 8 12 7.55228 12 7V6H4ZM13 10C13.5523 10 14 10.4477 14 11V13C14 13.5523 13.5523 14 13 14C12.4477 14 12 13.5523 12 13V11C12 10.4477 12.4477 10 13 10Z"/>
   </symbol>
+  <symbol viewBox="0 0 24 24" id="line-external-link">
+    <path d="M9 3C9.55228 3 10 3.44772 10 4C10 4.55228 9.55228 5 9 5H5V19H19V15C19 14.4477 19.4477 14 20 14C20.5523 14 21 14.4477 21 15V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H9ZM20 3C20.5523 3 21 3.44772 21 4V10C21 10.5523 20.5523 11 20 11C19.4477 11 19 10.5523 19 10V6.4541L15.1816 10.2725C14.78 10.6741 14.1292 10.6741 13.7275 10.2725C13.3259 9.8708 13.3259 9.22002 13.7275 8.81836L17.5459 5H14C13.4477 5 13 4.55228 13 4C13 3.44772 13.4477 3 14 3H20Z" fill="currentColor"/>
+  </symbol>
   <symbol viewBox="0 0 24 24" id="line-open-website">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M3.30583 11.3057C3.71373 10.8978 4.37531 10.898 4.78337 11.3057L8.6945 15.2168C8.90965 15.4322 9.01122 15.718 8.99919 16C9.01122 16.282 8.90965 16.5678 8.6945 16.7832L4.78337 20.6943C4.37531 21.102 3.71373 21.1022 3.30583 20.6943C2.89793 20.2864 2.89818 19.6249 3.30583 19.2168L6.52263 16L3.30583 12.7832C2.89818 12.3752 2.89793 11.7136 3.30583 11.3057ZM19.0002 3C20.1047 3 21.0002 3.89543 21.0002 5V19C21.0002 20.1046 20.1047 21 19.0002 21H10.0002C9.44788 21 9.00016 20.5523 9.00016 20C9.00016 19.4477 9.44788 19 10.0002 19H19.0002V5H5.00016V8C5.00016 8.55228 4.55245 9 4.00016 9C3.44788 9 3.00016 8.55228 3.00016 8V5C3.00016 3.89543 3.8956 3 5.00016 3H19.0002ZM16.0002 7C16.5524 7 17.0002 7.44772 17.0002 8C17.0002 8.55228 16.5524 9 16.0002 9H8.00016C7.44788 9 7.00016 8.55228 7.00016 8C7.00016 7.44772 7.44788 7 8.00016 7H16.0002Z"/>
   </symbol>
@@ -457,4 +460,22 @@
   <symbol viewBox="0 0 24 24" id="line-spinner">
     <path d="M20.0482 12.025C20.6015 12.025 21.0557 11.5751 20.9944 11.0253C20.8349 9.59397 20.3345 8.21647 19.529 7.01098C18.5373 5.52683 17.1278 4.37007 15.4787 3.68699C13.8296 3.00391 12.015 2.82519 10.2643 3.17342C8.51363 3.52165 6.90553 4.38119 5.64336 5.64336C4.38119 6.90553 3.52165 8.51363 3.17342 10.2643C2.82519 12.015 3.00391 13.8296 3.68699 15.4787C4.37007 17.1278 5.52683 18.5373 7.01098 19.529C8.21647 20.3345 9.59397 20.8349 11.0253 20.9944C11.5751 21.0557 12.025 20.6015 12.025 20.0482C12.025 19.4949 11.5742 19.0538 11.0266 18.9751C9.99233 18.8265 8.99986 18.4483 8.12409 17.8631C6.96942 17.0916 6.06946 15.995 5.53803 14.712C5.00659 13.429 4.86754 12.0172 5.13847 10.6552C5.40939 9.29315 6.07812 8.04205 7.06008 7.06008C8.04205 6.07812 9.29315 5.40939 10.6552 5.13847C12.0172 4.86754 13.429 5.00659 14.712 5.53803C15.995 6.06946 17.0916 6.96942 17.8631 8.12409C18.4483 8.99986 18.8265 9.99233 18.9751 11.0266C19.0538 11.5742 19.4949 12.025 20.0482 12.025Z" fill="currentColor"/>
   </symbol>
+  <symbol viewBox="0 0 240 240" id="illustration-no-preview">
+    <path opacity="0.6" d="M194.017 159.872C185.583 161.33 164.507 166.943 155.024 169.567C124.609 178.148 107.288 211.636 69.5121 195.08C39.2911 181.835 44.9879 135.851 54.5557 117.104C68.6945 88.263 124.756 36.3359 172.872 51.6634C239.817 72.9891 229.619 121.081 225.652 135.828C221.685 150.575 204.558 158.05 194.017 159.872Z" fill="#DCDEE6"/>
+    <path opacity="0.7" d="M108.843 184.596C103.997 176.969 89.9423 158.884 83.5208 150.795C62.7643 124.936 22.7274 124.385 23.7939 78.7772C24.6471 42.2913 82.9377 27.1531 105.299 27.3341C153.658 27.7257 205.928 58.6223 210.253 113.858C215.939 186.461 171.513 203.997 155.362 207.378C137.261 211.168 114.901 194.13 108.843 184.596Z" stroke="#91949F" stroke-width="2" stroke-linecap="round" stroke-dasharray="5 8"/>
+    <path d="M43.0697 70.3714C43.4027 69.5273 44.5973 69.5273 44.9303 70.3714L46.3862 74.0631C46.4879 74.3208 46.6919 74.5248 46.9496 74.6265L50.6413 76.0824C51.4854 76.4154 51.4854 77.61 50.6413 77.943L46.9496 79.3989C46.6919 79.5006 46.4879 79.7046 46.3862 79.9623L44.9303 83.654C44.5973 84.4981 43.4027 84.4981 43.0697 83.654L41.6138 79.9623C41.5121 79.7046 41.3081 79.5006 41.0504 79.3989L37.3587 77.943C36.5146 77.61 36.5146 76.4154 37.3587 76.0824L41.0504 74.6265C41.3081 74.5248 41.5121 74.3208 41.6138 74.0631L43.0697 70.3714Z" fill="white"/>
+    <path d="M48.7012 221.018C48.8232 220.578 49.3745 220.433 49.6973 220.756L56.3857 227.447C56.7083 227.77 56.563 228.321 56.123 228.442L46.8721 231.003C46.4257 231.126 46.015 230.715 46.1387 230.269L48.7012 221.018Z" stroke="#91949F" stroke-width="2"/>
+    <path d="M156.341 16.0127C156.836 16.0087 157.171 16.5596 156.906 17.0137L153.006 23.6885C152.752 24.1225 152.133 24.1199 151.883 23.6836L148.091 17.0742C147.833 16.6247 148.16 16.0823 148.648 16.0781L156.341 16.0127Z" stroke="#DCDEE6" stroke-width="2"/>
+    <circle cx="23" cy="175.013" r="4" stroke="#DCDEE6" stroke-width="2"/>
+    <circle cx="33" cy="151.013" r="1" stroke="white" stroke-width="2"/>
+    <circle cx="213" cy="73.0127" r="4" stroke="#91949F" stroke-width="2"/>
+    <path d="M230.934 178.054C231.267 177.21 232.461 177.21 232.794 178.054L234.006 181.126C234.108 181.384 234.312 181.588 234.569 181.689L237.641 182.901C238.485 183.234 238.485 184.428 237.641 184.761L234.569 185.973C234.312 186.074 234.108 186.278 234.006 186.536L232.794 189.608C232.461 190.452 231.267 190.452 230.934 189.608L229.722 186.536C229.621 186.278 229.417 186.074 229.159 185.973L226.087 184.761C225.243 184.428 225.243 183.234 226.087 182.901L229.159 181.689C229.417 181.588 229.621 181.384 229.722 181.126L230.934 178.054Z" fill="#5D6980"/>
+    <circle cx="136" cy="123.013" r="65" fill="#DCDEE6"/>
+    <circle cx="133" cy="120.013" r="65" fill="white"/>
+    <rect x="44" y="164.013" width="46" height="46" rx="23" fill="#DCDEE6"/>
+    <rect x="41" y="161.013" width="46" height="46" rx="23" fill="white"/>
+    <path d="M64.001 193.013C65.1055 193.013 66.001 193.908 66.001 195.013C66.001 196.117 65.1055 197.013 64.001 197.013C62.8965 197.013 62.001 196.117 62.001 195.013C62.001 193.908 62.8965 193.013 64.001 193.013ZM64.001 171.013C65.6355 171.013 66.9397 172.377 66.8662 174.01L66.1953 188.915C66.1424 190.088 65.1756 191.013 64.001 191.013C62.8263 191.013 61.8596 190.089 61.8066 188.915L61.1357 174.01C61.0623 172.377 62.3664 171.013 64.001 171.013Z" fill="#DCDEE6"/>
+    <path d="M135.191 112.021C135.964 112.871 137.292 112.897 138.098 112.078L148.177 101.826C149.021 100.968 150.427 101.044 151.173 101.989L166.705 121.658C167.74 122.97 166.806 124.897 165.135 124.897H99.0035C97.3374 124.897 96.4018 122.98 97.4271 121.667L117.47 95.9983C118.233 95.021 119.693 94.9665 120.527 95.8841L135.191 112.021ZM143.932 89C146.056 89.0001 147.777 90.7218 147.777 92.8457C147.777 94.9698 146.056 96.6923 143.932 96.6924C141.807 96.6924 140.085 94.9699 140.085 92.8457C140.085 90.7217 141.808 89 143.932 89Z" fill="#5D6980"/>
+    <path d="M97.4687 137C97.4687 138.105 98.3642 139 99.4687 139L166.469 139C167.573 139 168.469 138.105 168.469 137L168.469 135C168.469 133.895 167.573 133 166.469 133L99.4688 133C98.3642 133 97.4687 133.895 97.4687 135L97.4687 137Z" fill="#5D6980"/>
+  </symbol>
 </svg>

package/dist/index.d.ts

@@ -559,7 +559,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' | 'chip-close' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'dropdown-down-icon' | '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-arrow-up' | 'line-figma' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-stop-icon' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'filled-warning-badge' | 'line-help-circle' | '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-left' | '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' | 'feedback-helpful' | 'feedback-not-helpful' | 'feedback-helpful-selected' | 'feedback-not-helpful-selected' | 'line-code' | 'line-menu-experiment' | 'line-architect-ai-generate' | 'line-mobile-landscape' | 'line-history' | 'line-navigate' | 'line-edit-code' | 'line-refresh' | 'line-coupon' | 'line-open-website' | 'line-empty-box' | 'line-no-search-result' | 'line-palette' | 'line-no-color-theme' | 'line-chevron-small-down' | 'line-spinner';
+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' | 'chip-close' | 'no-color' | 'line-search' | 'filled-dropdown-down' | 'dropdown-down-icon' | '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-arrow-up' | 'line-figma' | 'line-academy-02' | 'line-undo' | 'line-redo' | 'line-ai-message-reply-plus' | 'line-architect-segments-closed' | 'line-ai-stop-icon' | 'line-ai-send-icon' | 'line-smart-sirius-ai' | 'line-smart-ai' | 'line-minus-netural' | 'line-check-netural' | 'filled-caution-triangle' | 'line-tooltip' | 'filled-warning-badge' | 'line-help-circle' | '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-left' | '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' | 'feedback-helpful' | 'feedback-not-helpful' | 'feedback-helpful-selected' | 'feedback-not-helpful-selected' | 'line-code' | 'line-menu-experiment' | 'line-architect-ai-generate' | 'line-mobile-landscape' | 'line-history' | 'line-navigate' | 'line-edit-code' | 'line-refresh' | 'line-coupon' | 'line-external-link' | 'line-open-website' | 'line-empty-box' | 'line-no-search-result' | 'line-palette' | 'line-no-color-theme' | 'line-chevron-small-down' | 'line-spinner' | 'illustration-no-preview';
 
 declare interface IconProps {
     name: AllIconNames;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.91",
+  "version": "0.0.92-beta.0",
   "type": "module",
   "files": [
     "dist"
@@ -59,14 +59,14 @@
     "@cspell/eslint-plugin": "8.16.0",
     "@eslint/eslintrc": "3.2.0",
     "@eslint/js": "8.57.1",
-    "@storybook/addon-docs": "8.5.6",
-    "@storybook/addon-essentials": "8.5.6",
-    "@storybook/addon-interactions": "8.5.6",
-    "@storybook/addon-onboarding": "8.5.6",
-    "@storybook/blocks": "8.5.6",
-    "@storybook/test": "8.5.6",
-    "@storybook/vue3": "8.5.6",
-    "@storybook/vue3-vite": "8.5.6",
+    "@storybook/addon-docs": "8.6.18",
+    "@storybook/addon-essentials": "8.6.18",
+    "@storybook/addon-interactions": "8.6.18",
+    "@storybook/addon-onboarding": "8.6.18",
+    "@storybook/blocks": "8.6.18",
+    "@storybook/test": "8.6.18",
+    "@storybook/vue3": "8.6.18",
+    "@storybook/vue3-vite": "8.6.18",
     "@stylistic/eslint-plugin": "2.10.1",
     "@stylistic/eslint-plugin-migrate": "2.10.1",
     "@tsconfig/node20": "20.1.4",
@@ -99,7 +99,7 @@
     "sass": "^1.83.1",
     "sass-embedded": "^1.83.1",
     "sass-loader": "^16.0.4",
-    "storybook": "8.5.6",
+    "storybook": "8.6.18",
     "ts-deepmerge": "7.0.1",
     "ts-node": "^10.9.2",
     "typescript": "5.6.2",