@useinsider/ab-components 0.0.96 → 0.0.98

package/dist/icons.svg

@@ -484,6 +484,12 @@
   <symbol viewBox="0 0 24 24" id="dynamic-content-icon">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M7.33769 2.03699C9.58203 0.986855 12.1155 0.72453 14.5271 1.29382C16.9388 1.86316 19.088 3.23067 20.6258 5.17371C22.1633 7.11668 22.9998 9.52212 22.9998 11.9999V12.9999C22.9998 14.0607 22.578 15.0779 21.8279 15.828C21.0778 16.5781 20.0606 16.9998 18.9998 16.9999C17.9389 16.9999 16.9218 16.5781 16.1717 15.828C16.0125 15.6689 15.8687 15.4973 15.74 15.3163C14.8241 16.3486 13.4884 16.9998 11.9998 16.9999C9.23837 16.9999 6.9998 14.7613 6.9998 11.9999C6.99988 9.23852 9.23842 6.99988 11.9998 6.99988C13.1252 6.99992 14.1633 7.37241 14.9988 7.99988C14.9989 7.44767 15.4476 6.99989 15.9998 6.99988C16.5519 6.99998 16.9997 7.44773 16.9998 7.99988V12.9999C16.9998 13.5303 17.2107 14.0389 17.5857 14.4139C17.9608 14.789 18.4694 14.9999 18.9998 14.9999C19.5302 14.9998 20.0388 14.789 20.4139 14.4139C20.7888 14.0389 20.9998 13.5302 20.9998 12.9999V11.9999C20.9998 9.97265 20.3154 8.0046 19.0574 6.41492C17.7993 4.82517 16.0403 3.70692 14.0672 3.24109C12.0942 2.77539 10.0215 2.98937 8.18534 3.84851C6.34929 4.7077 4.85669 6.16143 3.94999 7.97449C3.04332 9.78784 2.77588 11.8551 3.19023 13.8397C3.60467 15.8242 4.67674 17.6111 6.2332 18.91C7.78971 20.209 9.73979 20.9443 11.7664 20.997C13.7929 21.0495 15.7784 20.4164 17.4002 19.2001C17.842 18.869 18.4683 18.9586 18.7996 19.4003C19.1308 19.842 19.041 20.4683 18.5994 20.7997C16.6171 22.2863 14.1907 23.0603 11.7137 22.996C9.23678 22.9315 6.85427 22.0327 4.95195 20.4452C3.04948 18.8574 1.73869 16.6736 1.23222 14.2479C0.725868 11.8225 1.05295 9.29711 2.16093 7.08093C3.26909 4.86472 5.09343 3.08719 7.33769 2.03699ZM11.9998 8.99988C10.343 8.99988 8.99988 10.3431 8.9998 11.9999C8.9998 13.6567 10.3429 14.9999 11.9998 14.9999C13.6566 14.9998 14.9998 13.6567 14.9998 11.9999C14.9997 10.3432 13.6565 8.99998 11.9998 8.99988Z" fill="currentColor"/>
   </symbol>
+  <symbol viewBox="0 0 24 24" id="list-item-arrow-right">
+    <path d="M9.30602 16.694C8.89799 16.286 8.89799 15.6244 9.30602 15.2164L12.5224 12L9.30602 8.78361C8.89799 8.37559 8.89799 7.71405 9.30602 7.30602C9.71405 6.89799 10.3756 6.89799 10.7836 7.30602L14.694 11.2164C14.9094 11.4318 15.0111 11.7179 14.999 12C15.0111 12.2821 14.9094 12.5682 14.694 12.7836L10.7836 16.694C10.3756 17.102 9.71405 17.102 9.30602 16.694Z" fill="currentColor"/>
+  </symbol>
+  <symbol viewBox="0 0 24 24" id="dropdown-arrow">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.04381 9H8.04582H15.9552H16C16.5523 9 17 9.44772 17 10L16.9998 10.0222C17.0057 10.2971 16.9037 10.5739 16.694 10.7836L12.7836 14.694C12.5682 14.9094 12.2821 15.0111 12 14.999C11.7179 15.0111 11.4318 14.9094 11.2164 14.694L7.30602 10.7836C7.09626 10.5739 6.99434 10.2971 7.00024 10.0222L7 10C7 9.44772 7.44772 9 8 9H8.04381Z" fill="currentColor"/>
+  </symbol>
   <symbol viewBox="0 0 40 40" fill="none" id="line-architect-test-journey">
     <path d="M20.8998 11.2939C21.2916 10.902 21.9268 10.9021 22.3187 11.2939L28.7064 17.6806C29.0983 18.0725 29.0984 18.7085 28.7064 19.1005C28.3144 19.4924 27.6784 19.4924 27.2865 19.1005L26.5775 18.3905L16.9964 27.9706C15.6247 29.3424 13.4004 29.3424 12.0287 27.9706C10.6572 26.5988 10.657 24.3745 12.0287 23.0028L21.6097 13.4228L20.8998 12.7128C20.5081 12.3209 20.508 11.6858 20.8998 11.2939ZM15.8714 21.9999H20.1292L25.1576 16.9716L23.0287 14.8417L15.8714 21.9999Z" fill="currentColor"/>
   </symbol>

package/dist/index.d.ts

@@ -487,6 +487,7 @@ menuStyle: CSSProperties;
 listWidth: number;
 listMaxHeight: number;
 loadingText: string;
+teleportTarget: string | HTMLElement;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 menuRef: HTMLDivElement;
 listRef: HTMLDivElement;
@@ -519,6 +520,14 @@ export declare interface CascadingMenuProps {
     loadingText?: string;
     menuStyle?: CSSProperties;
     listStyle?: CSSProperties;
+    /**
+     * Target for the internal `<Teleport>`. Accepts any selector or element
+     * Vue's `Teleport` understands. Defaults to `'body'`. Override when the
+     * host environment watches `document.body` mutations (e.g. a MutationObserver
+     * that hides unknown children) — point to a dedicated, registered container
+     * instead so the menu's DOM is not a direct child of `body`.
+     */
+    teleportTarget?: string | HTMLElement;
 }
 
 export declare interface CascadingSelectPayload {
@@ -533,6 +542,7 @@ export declare interface CascadingSubList {
     loading?: boolean;
     error?: string | null;
     emptyText?: string;
+    noResultText?: string;
     testId?: string;
 }
 
@@ -684,7 +694,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' | 'chip-close-16' | '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' | 'dynamic-content-icon' | 'line-architect-test-journey';
+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' | 'chip-close-16' | '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' | 'dynamic-content-icon' | 'list-item-arrow-right' | 'dropdown-arrow' | 'line-architect-test-journey';
 
 declare interface IconProps {
     name: AllIconNames;
@@ -1181,6 +1191,6 @@ declare interface TypographyProps {
     as?: string;
 }
 
-declare type TypographyVariant = 'heading' | 'title' | 'body' | 'body-muted' | 'label' | 'detail' | 'detail-muted' | 'detail-danger' | 'section';
+declare type TypographyVariant = 'heading' | 'title' | 'body' | 'body-default' | 'body-muted' | 'label' | 'detail' | 'detail-muted' | 'detail-danger' | 'section';
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/ab-components",
-  "version": "0.0.96",
+  "version": "0.0.98",
   "type": "module",
   "files": [
     "dist"