@momentum-design/components 0.121.5 → 0.121.7

package/dist/components/input/input.styles.js

@@ -13,11 +13,13 @@ const styles = [
     :host,
     :host::part(input-container),
     :host::part(input-section),
-    :host::part(input-text) {
+    :host::part(input-text),
+    ::slotted(input) {
       width: 100%;
     }
 
-    :host::part(input-text) {
+    :host::part(input-text),
+    ::slotted(input) {
       font-family: inherit;
     }
 
@@ -55,14 +57,16 @@ const styles = [
       gap: 0.25rem;
     }
 
-    :host::part(input-text) {
+    :host::part(input-text),
+    ::slotted(input) {
       border: none;
       color: var(--mdc-input-text-color);
       background-color: inherit;
       outline: none;
     }
 
-    :host::part(input-text)::selection {
+    :host::part(input-text)::selection,
+    ::slotted(input)::selection {
       background-color: var(--mdc-input-selection-background-color);
       color: var(--mdc-input-selection-text-color);
     }

package/dist/components/password/password.component.js

@@ -136,11 +136,11 @@ class Password extends Input {
 }
 Password.styles = [...Input.styles];
 __decorate([
-    property({ type: String, attribute: 'show-button-aria-label' }),
+    property({ type: String, attribute: 'show-button-aria-label', reflect: true }),
     __metadata("design:type", Object)
 ], Password.prototype, "showButtonAriaLabel", void 0);
 __decorate([
-    property({ type: String, attribute: 'hide-button-aria-label' }),
+    property({ type: String, attribute: 'hide-button-aria-label', reflect: true }),
     __metadata("design:type", Object)
 ], Password.prototype, "hideButtonAriaLabel", void 0);
 __decorate([

package/dist/components/popover/popover.component.d.ts

@@ -317,12 +317,12 @@ declare class Popover extends Popover_base {
      */
     disableAriaExpanded: boolean;
     /**
-     * If a tooltip is connected to the same trigger element,
-     * this property will keep the connected tooltip closed if this popover is open.
-     * This is useful when you want to show a popover with a tooltip
-     * but you don't want the tooltip to be shown at the same time.
+     * Controls the visibility of a connected tooltip when this popover is open.
+     * - If set to `true`, the tooltip remains open alongside the popover.
+     * - If set to `false`, the tooltip will be closed when the popover opens.
+     * Useful for scenarios where both a popover and a tooltip are linked to the same trigger element.
      */
-    keepConnectedTooltipClosed: boolean;
+    keepConnectedTooltipOpen: boolean;
     arrowElement: HTMLElement | null;
     /** @internal */
     private hoverTimer;

package/dist/components/popover/popover.component.js

@@ -331,12 +331,12 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
          */
         this.disableAriaExpanded = DEFAULTS.DISABLE_ARIA_EXPANDED;
         /**
-         * If a tooltip is connected to the same trigger element,
-         * this property will keep the connected tooltip closed if this popover is open.
-         * This is useful when you want to show a popover with a tooltip
-         * but you don't want the tooltip to be shown at the same time.
+         * Controls the visibility of a connected tooltip when this popover is open.
+         * - If set to `true`, the tooltip remains open alongside the popover.
+         * - If set to `false`, the tooltip will be closed when the popover opens.
+         * Useful for scenarios where both a popover and a tooltip are linked to the same trigger element.
          */
-        this.keepConnectedTooltipClosed = DEFAULTS.KEEP_CONNECTED_TOOLTIP_CLOSED;
+        this.keepConnectedTooltipOpen = DEFAULTS.KEEP_CONNECTED_TOOLTIP_OPEN;
         this.arrowElement = null;
         /** @internal */
         this.hoverTimer = null;
@@ -688,7 +688,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
         (_b = this.floatingUICleanupFunction) === null || _b === void 0 ? void 0 : _b.call(this);
         // clean timer if there is one set:
         this.cancelCloseDelay();
-        if (this.keepConnectedTooltipClosed) {
+        if (!this.keepConnectedTooltipOpen) {
             if (this.connectedTooltip) {
                 this.connectedTooltip.shouldSuppressOpening = false;
             }
@@ -778,7 +778,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
             if (popoverStack.peek() !== this) {
                 popoverStack.push(this);
             }
-            if (this.keepConnectedTooltipClosed) {
+            if (!this.keepConnectedTooltipOpen) {
                 // If this popover gets visible and keepConnectedTooltipsClosed is true,
                 // we need to close the connected tooltip.
                 if (this.connectedTooltip) {
@@ -844,7 +844,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
             if (this.focusBackToTrigger) {
                 triggerElement === null || triggerElement === void 0 ? void 0 : triggerElement.focus();
             }
-            if (this.keepConnectedTooltipClosed) {
+            if (!this.keepConnectedTooltipOpen) {
                 if (this.connectedTooltip) {
                     this.connectedTooltip.shouldSuppressOpening = false;
                 }
@@ -880,13 +880,20 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
             return placement;
         }
         switch (placement) {
-            case POPOVER_PLACEMENT.LEFT: return POPOVER_PLACEMENT.RIGHT;
-            case POPOVER_PLACEMENT.LEFT_START: return POPOVER_PLACEMENT.RIGHT_START;
-            case POPOVER_PLACEMENT.LEFT_END: return POPOVER_PLACEMENT.RIGHT_END;
-            case POPOVER_PLACEMENT.RIGHT: return POPOVER_PLACEMENT.LEFT;
-            case POPOVER_PLACEMENT.RIGHT_START: return POPOVER_PLACEMENT.LEFT_START;
-            case POPOVER_PLACEMENT.RIGHT_END: return POPOVER_PLACEMENT.LEFT_END;
-            default: return placement;
+            case POPOVER_PLACEMENT.LEFT:
+                return POPOVER_PLACEMENT.RIGHT;
+            case POPOVER_PLACEMENT.LEFT_START:
+                return POPOVER_PLACEMENT.RIGHT_START;
+            case POPOVER_PLACEMENT.LEFT_END:
+                return POPOVER_PLACEMENT.RIGHT_END;
+            case POPOVER_PLACEMENT.RIGHT:
+                return POPOVER_PLACEMENT.LEFT;
+            case POPOVER_PLACEMENT.RIGHT_START:
+                return POPOVER_PLACEMENT.LEFT_START;
+            case POPOVER_PLACEMENT.RIGHT_END:
+                return POPOVER_PLACEMENT.LEFT_END;
+            default:
+                return placement;
         }
     }
     render() {
@@ -1047,7 +1054,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], Popover.prototype, "disableAriaExpanded", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true, attribute: 'keep-connected-tooltip-closed' }),
+    property({ type: Boolean, reflect: true, attribute: 'keep-connected-tooltip-open' }),
     __metadata("design:type", Boolean)
-], Popover.prototype, "keepConnectedTooltipClosed", void 0);
+], Popover.prototype, "keepConnectedTooltipOpen", void 0);
 export default Popover;

package/dist/components/popover/popover.constants.d.ts

@@ -54,7 +54,7 @@ declare const DEFAULTS: {
     readonly Z_INDEX: 1000;
     readonly DISABLE_ARIA_EXPANDED: false;
     readonly PROPAGATE_EVENT_ON_ESCAPE: false;
-    readonly KEEP_CONNECTED_TOOLTIP_CLOSED: true;
+    readonly KEEP_CONNECTED_TOOLTIP_OPEN: false;
     readonly IS_BACKDROP_INVISIBLE: true;
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, STRATEGY, TRIGGER, DEFAULTS };

package/dist/components/popover/popover.constants.js

@@ -56,7 +56,7 @@ const DEFAULTS = {
     Z_INDEX: 1000,
     DISABLE_ARIA_EXPANDED: false,
     PROPAGATE_EVENT_ON_ESCAPE: false,
-    KEEP_CONNECTED_TOOLTIP_CLOSED: true,
+    KEEP_CONNECTED_TOOLTIP_OPEN: false,
     IS_BACKDROP_INVISIBLE: true,
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, STRATEGY, TRIGGER, DEFAULTS };

package/dist/components/textarea/textarea.types.d.ts

@@ -3,11 +3,16 @@ import type Textarea from './textarea.component';
 import { AUTO_COMPLETE, WRAP } from './textarea.constants';
 type WrapType = ValueOf<typeof WRAP>;
 type AutoCompleteType = ValueOf<typeof AUTO_COMPLETE>;
+type TextareaInputEvent = OverrideEventTarget<InputEvent, Textarea>;
+type TextareaChangeEvent = TypedCustomEvent<Textarea>;
+type TextareaFocusEvent = OverrideEventTarget<FocusEvent, Textarea>;
+type TextareaBlurEvent = OverrideEventTarget<FocusEvent, Textarea>;
+type TextareaLimitExceededEvent = TypedCustomEvent<Textarea>;
 interface Events {
-    onInputEvent: OverrideEventTarget<InputEvent, Textarea>;
-    onChangeEvent: TypedCustomEvent<Textarea>;
-    onFocusEvent: OverrideEventTarget<FocusEvent, Textarea>;
-    onBlurEvent: OverrideEventTarget<FocusEvent, Textarea>;
-    onLimitExceededEvent: TypedCustomEvent<Textarea>;
+    onInputEvent: TextareaInputEvent;
+    onChangeEvent: TextareaChangeEvent;
+    onFocusEvent: TextareaFocusEvent;
+    onBlurEvent: TextareaBlurEvent;
+    onLimitExceededEvent: TextareaLimitExceededEvent;
 }
-export type { WrapType, AutoCompleteType, Events };
+export type { WrapType, AutoCompleteType, Events, TextareaInputEvent, TextareaChangeEvent, TextareaFocusEvent, TextareaBlurEvent, TextareaLimitExceededEvent, };

package/dist/custom-elements.json

@@ -12822,12 +12822,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "attribute": "keep-connected-tooltip-closed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -13594,12 +13594,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "fieldName": "keepConnectedTooltipClosed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
@@ -27974,12 +27974,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "attribute": "keep-connected-tooltip-closed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -28704,12 +28704,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "fieldName": "keepConnectedTooltipClosed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
@@ -31633,7 +31633,8 @@
               },
               "default": "''",
               "description": "Aria label for the show password icon button.",
-              "attribute": "show-button-aria-label"
+              "attribute": "show-button-aria-label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -31643,7 +31644,8 @@
               },
               "default": "''",
               "description": "Aria label for the hide password icon button.",
-              "attribute": "hide-button-aria-label"
+              "attribute": "hide-button-aria-label",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -33307,12 +33309,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "attribute": "keep-connected-tooltip-closed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true
             },
             {
@@ -34336,12 +34338,12 @@
               "fieldName": "disableAriaExpanded"
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "fieldName": "keepConnectedTooltipClosed"
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen"
             },
             {
               "name": "should-focus-trap-wrap",
@@ -47987,12 +47989,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "attribute": "keep-connected-tooltip-closed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -48767,12 +48769,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "fieldName": "keepConnectedTooltipClosed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"
@@ -50058,12 +50060,12 @@
             },
             {
               "kind": "field",
-              "name": "keepConnectedTooltipClosed",
+              "name": "keepConnectedTooltipOpen",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "attribute": "keep-connected-tooltip-closed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "attribute": "keep-connected-tooltip-open",
               "reflects": true,
               "inheritedFrom": {
                 "name": "Popover",
@@ -50839,12 +50841,12 @@
               }
             },
             {
-              "name": "keep-connected-tooltip-closed",
+              "name": "keep-connected-tooltip-open",
               "type": {
                 "text": "boolean"
               },
-              "description": "If a tooltip is connected to the same trigger element,\nthis property will keep the connected tooltip closed if this popover is open.\nThis is useful when you want to show a popover with a tooltip\nbut you don't want the tooltip to be shown at the same time.",
-              "fieldName": "keepConnectedTooltipClosed",
+              "description": "Controls the visibility of a connected tooltip when this popover is open.\n- If set to `true`, the tooltip remains open alongside the popover.\n- If set to `false`, the tooltip will be closed when the popover opens.\nUseful for scenarios where both a popover and a tooltip are linked to the same trigger element.",
+              "fieldName": "keepConnectedTooltipOpen",
               "inheritedFrom": {
                 "name": "Popover",
                 "module": "src/components/popover/popover.component.ts"

package/dist/index.d.ts

@@ -96,9 +96,10 @@ import type { MenuSectionChangeEvent } from './components/menusection/menusectio
 import type { SliderChangeEvent } from './components/slider/slider.types';
 import type { InputInputEvent, InputChangeEvent, InputFocusEvent, InputBlurEvent, InputClearEvent } from './components/input/input.types';
 import type { VirtualizedListScrollEvent } from './components/virtualizedlist/virtualizedlist.types';
+import type { TextareaInputEvent, TextareaChangeEvent, TextareaFocusEvent, TextareaBlurEvent, TextareaLimitExceededEvent } from './components/textarea/textarea.types';
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
 import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
 import { inMemoryCache, webAPIAssetsCache } from './utils/assets-cache';
 export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, AnnouncementDialog, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, ControlTypeProvider, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Illustration, IllustrationProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticChip, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, Combobox, Slider, ListBox, Banner, };
-export type { BadgeType, ButtonColor, ButtonVariant, IconButtonSize, MenuPopoverActionEvent, MenuPopoverChangeEvent, MenuSectionChangeEvent, PillButtonSize, PopoverPlacement, SkeletonVariant, SelectChangeEvent, SelectInputEvent, SpinnerSize, SpinnerVariant, SliderChangeEvent, TextType, TypewriterType, InputInputEvent, InputChangeEvent, InputFocusEvent, InputBlurEvent, InputClearEvent, VirtualizedListScrollEvent, };
+export type { BadgeType, ButtonColor, ButtonVariant, IconButtonSize, MenuPopoverActionEvent, MenuPopoverChangeEvent, MenuSectionChangeEvent, PillButtonSize, PopoverPlacement, SkeletonVariant, SelectChangeEvent, SelectInputEvent, SpinnerSize, SpinnerVariant, SliderChangeEvent, TextType, TypewriterType, InputInputEvent, InputChangeEvent, InputFocusEvent, InputBlurEvent, InputClearEvent, VirtualizedListScrollEvent, TextareaInputEvent, TextareaChangeEvent, TextareaFocusEvent, TextareaBlurEvent, TextareaLimitExceededEvent, };
 export { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, inMemoryCache, PILL_BUTTON_SIZES, SKELETON_VARIANTS, webAPIAssetsCache, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.121.5",
+  "version": "0.121.7",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"