@momentum-design/components 0.121.5 → 0.121.6

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/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

@@ -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",

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.6",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"