Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@material/mwc-base

Package Overview
Dependencies
Maintainers
15
Versions
721
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/mwc-base - npm Package Versions

1
7172

0.1.0

Diff

Changelog

Source

1.0.0-pre.0 (2023-01-09)

⚠ BREAKING CHANGES

  • focus-ring, button: Button shape properties are now of the form --md-text-button-container-shape-start-start
  • formfield: Removed Formfield. The <label> element can now be used, e.g. <label>Checkbox <md-checkbox></md-checkbox></label>.
  • checkbox: Removed reducedTouchTarget. Instead, set the width and height on the checkbox.

Features

  • add _focus-ring.scss partial to expose theming the focus ring (c47f800)
  • add filled-tonal-icon-button sass partial (30d9c33)
  • add more detail to error message on sass color function. (c293a8d)
  • all: Implement stubs for lit-localize support (e72ca03)
  • autocomplete: Add base render functions (c289678)
  • autocomplete: Add example in demo on how to filter items (75d6b82)
  • autocomplete: Add filled autocomplete theming api support (ef9bdd1)
  • autocomplete: Add keyboard support (d2ea3ce)
  • autocomplete: Add opening and closing upon interaction (530b6d3)
  • autocomplete: Create autocomplete item and connect action to fill value (c3aa552)
  • autocomplete: Create MdAutocompleteList to unset min-width. (e77d472)
  • autocomplete: Create MdAutocompleteSurface to adjust width (cc4603e)
  • button: Add outlines in high contrast mode (HCM) to Button (9ec33ba)
  • checkbox: Checkbox now supports form submission and label activation by using FormController and setting formAssociated. (7b84fca)
  • checkbox: refactor and simplify rendering/style logic (27f7ea8)
  • controller: add label activation support to FormController (4e3054b)
  • controller: add stringConverter for empty reflecting attributes (2a0d563)
  • elevation: create md-elevation component (9eb7bf0)
  • field: add leading/trailing content styles (dc7d949)
  • focus-ring, button: Match focus ring shape to button shape (7fad3a5)
  • form-field: Added theme styles to form field (17075f4)
  • icon-button: Implement isRTL helper library, and refactor icon-button to use it. (5dd43fa)
  • iconbutton: Add internal linkAttributes (10cf00b)
  • icon: Implement tokens for md-icon (0327283)
  • list-item: Added isActive() method to check active status and minor fixes to keyboard navigation (9f410f6)
  • list: Add basic keyboard navigation to M3 list (ee35bfe)
  • list: Add component styles to match spec layout (a6ddbaa)
  • list: Add customizable aria-label/role attributes to list, and customizable role to list item. (8f63406)
  • list: Add list elevation overlay and overlay color/opacity to theme API. (ebb9a4b)
  • list: Add listId property (78f125d)
  • list: Add ripple to M3 list (4d292f4)
  • list: Add support for aria active descendant, id (d9b1deb)
  • list: Add support for fetching list items. (4b79baa)
  • list: Added aria-checked attribute support to list item. (2c06c2e)
  • list: Added avatar web component to list (899a4e6)
  • list: Added focus ring to list item (2d2b3bb)
  • list: Added image web component to list (4587cbc)
  • list: Added list divider web component (d2a1b2e)
  • list: Added options list to M3 list (74704d7)
  • list: Added soy template annotations for image classes slot (c277252)
  • list: Added test harnesses to list (bf29bc3)
  • list: Added video web component to list (261b6ef)
  • list: Created a separate style module for icon web component in list (e64cdbe)
  • menu: Add aria-label support in menu, and set role=menu/menuitem for menu and menu item components. (7e35820)
  • menu: Add initial menu base component class. (60c4a41)
  • menu: Add menu button component. This manages focus automatically on menu open, setting focus to menu item (rather than menu root) if the menu open originated from a keyboard event. (a29ac8b)
  • menu: Add menu foundation/adapter and Sass (forked from MDC). (de29937)
  • menu: Fix menu closing on menu item click. (d37e23d)
  • menu: Implement menu theming API. Use menu surface/list/list item theme() mixins to style subcomponents. (f305806)
  • menusurface: Add flipMenuHorizontally property, add unit tests. (884c3a2)
  • menusurface: Add menu surface theming API. (5e70115)
  • menusurface: Add menusurface class (forked from MWC/MDC). (5f51f26)
  • radio: change SingleSelectionController to a ReactiveController (b0e87c5)
  • ripple: Create a ripple directive (6746d0f)
  • sass: Added pick() function to map-ext (10c506c)
  • switch: add ripple to switch (4a8c333)
  • switch: add warning for handle-height and handle-width which are not yet implmented. (e2f3c28)
  • switch: added action-element to fire event on press. (85e85b2)
  • switch: mark opacity tokens as hardcoded. (ad1db85)
  • switch: Switch now supports label activation by setting formAssociated. (7473f46)
  • switch: use tokens to shape the focus ring (ed58af1)
  • text-field: add blur and jsdoc (5241b76)
  • text-field: add character counter (1cc64f5)
  • text-field: add error text (58848f6)
  • text-field: add icons (424596e)
  • text-field: add min, max, and step (c73b59c)
  • text-field: add minLength and maxLength (0c8a91f)
  • text-field: add native validation APIs (e2e2c9d)
  • text-field: add pattern (810a9a4)
  • text-field: add placeholder color tokens (b945f30)
  • text-field: add prefix and suffix (8e68857)
  • text-field: add selection APIs (091a124)
  • text-field: add SSR ariaLabelledBy property (e0386ac)
  • text-field: add support for text-align: end (bf3cb81)
  • text-field: add supporting text (77cc80e)
  • text-field: add textDirection (4bab4b5)
  • text-field: add valueAsNumber and valueAsDate (7792ae1)
  • text-field: announce error messages (973a982)
  • text-field: error/errorText will override reportValidity (c757bfa)
  • theming: add theming by color-scheme mixin. (6ea69ec)

Bug Fixes

  • button, fab: Ensure elevation is correct when focused and hovering (6e0775d)
  • button: Move event listeners to anchor to fix focus ring (e8ba229)
  • button: Remove aria-label and aria-haspopup attributes from Button HTML if not set (5e2a46e)
  • button: Replace &lt;mwc-icon&gt; with <md-icon> (8720a77)
  • button: Use correct padding for Text Button (61eb08e)
  • button: use new elevation component (2f1a8df)
  • button: use new elevation component (545c2eb)
  • checkbox: Fixes incorrect styling of native input which also caused tapping to check to sometimes fail. (dd6a56b)
  • checkbox: Make focus ring circular (f330c51)
  • checkbox: Remove unused methods and cleanup styles (9152fed)
  • checkbox: Update checkbox to use property bindings for disabled and checked on internal input element. (73ed7a0)
  • chips: Remove unused import (e65ebd8)
  • decorators: ariaProperty not triggering re-renders from data changes (a171c8f)
  • field: content not expanding (d0d5340)
  • field: supporting text typography not resolving (a96664b)
  • focus: Update focus ring to new design (601c331)
  • formfield: fix broken import (b4bcf4e)
  • formfield: Removed Formfield. (753a03b)
  • list,textfield: Fix TS 4.9 compliation of role property override. (c70198a)
  • list: Changed Headline text from slot content to text property of list item (62092b7)
  • list: Fixed layout of list variants. (a885a1f)
  • list: Fixed list item icon padding (07aaa8a)
  • list: Modify list focus ring horizontal offset to prevent horizontal overflow. (a88be95)
  • list: Removed unnecessary options list variant (6b6d651)
  • list: use new elevation component (527b273)
  • menu: Fix focus management bugs (TAB on menu item closes menu without restoring focus to anchor element, on menu open, menu respects focusState option (first item, last item, or list root). (305b790)
  • menu: use new elevation component (563518b)
  • navigationdrawer: use new elevation component (c2fe5e1)
  • radio: Radio supports form association and label activation by using FormController and setting formAssociated. (91c2425)
  • radio: update rendering and styles (3aff084)
  • ripple: Improves fix for Safari ripple overflow due to https://bugs.webkit.org/show_bug.cgi?id=247546 to handle hover and pressed states. (8a35672)
  • styling: Removes tap highlight color visible on mobile Safari for checkbox, radio, iconbutton, and textfield. (eec25b3)
  • tab: Fixes how tabs renders icons. (f7e1bbb)
  • text-field: container-shape not working for outlined variant (6b25914)
  • text-field: correctly resizes when setting width (7285b3a)
  • text-field: ensure value can overwrite defaultValue (58ae98c)
  • text-field: fixed setting width to less than <input> width (a5849b9)
  • text-field: label floating after type changes (17d92f6)
  • text-field: rename readonly to readOnly (4e6f01d)

Miscellaneous Chores

1
7172
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc