@limetech/mdc-fab - npm Package Versions

button: Add overflow: visible to button. (#4973) (905e84e)
button: Adjust touch target size when density is applied (#5112) (e2506f4)
checkbox: Change minimum ripple size of checkbox & switch 24px => 28px (#5140) (3eae309)
checkbox: Fix checkbox terminology in sass mixins (#5014) (2161c02)
checkbox: Remove RTL styles from checkbox ripple (#5134) (a646516)
chips: Ignore selection events in chip set (#4878) (94c6a00)
chips: Remove keyCode check (#4966) (e6304c4)
chips: Reset touch target when chip density mixin is applied. (#5116) (d3b515e)
chips: Stack trailing/leading icons above touch target el (#5040) (048d4b7)
chips: Stop emitting events in handlers (#4969) (cfd81dc)
data-table: Minor fixes for data table layout (#5037) (37b1f93)
fab: Add overflow: hidden; to ripple target to fix bounded ripple. (#5214) (97cbbdc)
fab: Use FAB ripple target selector (#5146) (9d91acc)
form-field: Fix radio RTL alignment bug. (#5064) (ef99808)
linear-progress: Fix indeterminate animation bug (#5180) (062ade5)
linear-progress: Prefix animation keyframes to prevent clashing (#5155) (fc0e474)
linear-progress: Restore buffer after determinate is toggl… (#5156) (09b1598)
linear-progress: Support high contrast mode (#5190) (d4141c9)
list: Add #adapter.listItemAtIndexHasClass to prevent user state change to disabled items (#4922) (b6d213c)
menu: Vertically center the group icon (#4862) (c5738ed)
menu-surface: remove duplicate export from menu-surface (#5200) (0b120ae)
radio: Fix touch target margins: 0px => 4px. (#5096) (a48d06e)
ripple: Add overflow: hidden; to the bounded ripple mixin (#5173) (996b091)
ripple: Always set even num when initial ripple size is ca… (#5141) (b26ad23)
ripple: Remove unnecessary overflow: hidden. (#5191) (5916d18)
tabs: Fix tab img icon styling. (#5041) (d0e6cd1)
text-field: Do not trigger shake animation when text field is empty (#5097) (4913db9)
text-field: Fixes input text alignment on IE11 for densed text field (#5136) (892dd4e)
text-field: Fixes input text alignment on IE11 for densed… (#5147) (c8f7693)
text-field: Updated shape mixins to set density scale (#5207) (719b57e)
touch-target: Add class to touch target wrapper. (#5174) (e7799b8)
touch-target: Add missing dependency - touch target to com… (#5098) (9306bd0)

Code Refactoring

button: Add ripple target as an inner element. (#4890) (dffefe6)
mdc-fab: Move Ripple to inner Element. (#4997) (85b33b5)
select: Refactor select (#5113) (db7560e)
slider: Functional slider tick visuals with css background (#4756) (8f851d9)

Features

button: Add support for increased touch target to button. (#4948) (1d7a2e6)
checkbox: Add disabled state color mixins (#5167) (01628ef)
checkbox: Add support for 48px touch target (#5025) (b5685a8)
checkbox: Move ripple to child node (#4981) (9712b24)
chip: Add density mixin to chip. (#5109) (bdf3430)
chips: Add keyboard navigation (#4844) (42065fe), closes #2259
chips: Add setSelectedFromChipset method (#4872) (283bd55)
chips: Add support for increased touch target to chips. (#4970) (6aa109d)
chips: Use index for all chip operations (#4869) (07078bb)
density: Add density subsystem to components (#5059) (73a5e4c)
dialog: Add dialog mixin for dialogs with increased touch target buttons. (#5024) (2ef1ddd)
icon-button: Add density mixin to icon button (#5122) (37d6458)
list: Add density mixin to list (#5069) (5132f89)
list: Add mixin for disabled text opacity (#4861) (d68f8a7)
radio: Add density mixin to radio (#5118) (199534d)
radio: Add disabled state color mixins (#5168) (b5c6d66)
radio: Add support for 48px touch target (#5032) (87b0a4c)
radio: Move ripple to child element (#4983) (100ab37)
ripple: Add support for ripple target to mixins. (#4880) (08dbe69)
snackbar: Add option for indefinite timeout (#4998) (4f11851)
switch: Add density support for switch component. (#5124) (2c793b4), closes #5104
switch: add ripple opacity customization mixins (#5126) (8c0273f)
tab: Add text transform mixin (#5144) (22d7ad2)
tab-bar: Add a mixin to set scroller animation (#5172) (d7c938a)
tab-bar: Add density mixin to tab-bar (#5070) (45dc002)
tab-scroller: Add incrementScrollImmediate to bypass animation (#5184) (2b878b3), closes #5123
tab-scroller: Mixin for scroll transition (#5154) (efda83d)
text-field: Add density mixin to text field variants (#5066) (a12101d)
text-field: Center align inner elements for dynamic height (#4990) (4d94b22)
touch-target: Add touch target mixins. (#4940) (b2e0fea)

BREAKING CHANGES

checkbox: mdc-checkbox-ink-color mixin now only applies to enabled checkboxes
chips: Chips markup, adapters, foundations, and events have changed.
select: In MDCMenu and MDCMenuSurface, hoistMenuToBody adapter method removed. In MDCSelect, HTML structure changed: the select anchor is now wrapped in a parent element, and the anchor's sibling is the select menu. Support for native select removed. Support added for select with no label. MDCSelectAdapter methods removed: getValue, setValue, isMenuOpen, setSelectedIndex, checkValidity, setValid, toggleClassAtIndex. MDCSelectAdapter methods added: hasLabel, getSelectedMenuItem, setSelectedText, isSelectedTextFocused, get/setSelectedTextAttr, getAnchorElement, setMenuAnchorElement, setMenuAnchorCorner, setMenuWrapFocus, set/removeAttributeAtIndex, focusMenuItemAtIndex, getMenuItemValues, getMenuItemCount, getMenuItemCount, getMenuItemAttr, getMenuItemTextAtIndex, add/removeClassAtIndex. MDCSelectFoundation setValue method removed; getDisabled, handleMenuItemAction, getSelectedIndex, get/setRequired, init added.
radio: In Checkbox, Renamed sass variables $mdc-radio-touch-area => $mdc-radio-ripple-size & $mdc-radio-ui-size => $mdc-radio-icon-size to be consistent with checkbox. Also, removed $mdc-radio-ui-pct sass variable.
switch: Renames switch variables $mdc-switch-tap-target-size => $mdc-switch-ripple-size, removes $mdc-switch-tap-target-initial-position and $mdc-switch-native-control-width.
list: New adapter method listItemAtIndexHasClass
list: Renamed mixin mdc-list-item-shape-radius() => mdc-list-single-line-shape-radius()
linear-progress: MDCLinearProgressAdapter adapter has new forceLayout method
text-field: Removed sass variable in notched outline - $mdc-notched-outline-transition-duration.
mdc-fab: This changes the structure of the FAB element by moving the ripple from the outer element to an inner mdc-fab__ripple element.

OLD
```
<button class="mdc-fab" aria-label="Favorite">
  <span class="mdc-fab__icon material-icons">favorite</span>
</button>
```
NEW
```
<button class="mdc-fab" aria-label="Favorite">
  <div class="mdc-fab__ripple"></div>
  <span class="mdc-fab__icon material-icons">favorite</span>
</button>
```
radio: Ripple has been moved to a child element. See readme for updates.
slider: remove adapter methods appendTrackMarkers, removeTrackMarkers , setLastTrackMarkersStyleProperty , and add adapter method setTrackMarkers.

button: This changes the structure of the button element by moving the ripple from the outer <button> element to an inner mdc-button__ripple element.

OLD

<button class="mdc-button">
  <span class="mdc-button__label">Hello World</span>
</button>

NEW

<button class="mdc-button">
  <div class="mdc-button__ripple"></div>
  <span class="mdc-button__label">Hello World</span>
</button>

chips: MDCChipSetAdapter#removeChip has been replaced with MDCChipSetAdapter#removeChipAtIndex. MDCChipSetAdapter#setSelected has been replaced with MDCChipSetAdapter#selectChipAtIndex
density: Renamed sass mixins & variables in MDC Data Table - mdc-data-table-header-row-height => mdc-data-table-header-cell-height & mdc-data-table-row-height => mdc-data-table-cell-height. Also removed mdc-button--dense variant, use button's density mixin instead.

3.2.0

Diff

specularrain

published 3.2.0 • 4 years ago

Changelog

Source

3.2.0 (2019-09-12)

Bug Fixes

Use head instead of body to detect edge pseudo var bug (#4982) (9e87478)
data-table: Add .npmignore to ignore typescript files when… (#4992) (dd422d1)
linear-progress: stop animation when closed (#5006) (4c4342d)
menu: recompute index before marking selection (#5047) (90f6247)
rtl: Removed mdc-rtl-include check from mdc-rtl-reflexive mixin (#5001) (6e7b191)
top-app-bar: "always collapsed" variant semantics in Short TopAppBar Foundation (#5009) (805d098)

Features

linear-progress: add feature targeting for styles (#4898) (7ec18c6)
list: Add setEnabled to foundation (#5049) (c2b4407)
menu: add setEnabled to allow dynamic enabling or disabling menu item (#5054) (4751d64)
rtl: Added a flag to turn-off mdc-rtl CSS (#4996) (eb87f06)

3.1.0

Diff

specularrain

published 3.1.0 • 5 years ago

Changelog

Source

3.1.0 (2019-07-22)

Bug Fixes

update TypeScript version to 3.5.x and fix typing errors (#4853) (0657504)
checkbox: Fixed checkbox container fill color when animati… (#4879) (d393fb5)
checkbox: Fixed hover focus colors for unchecked checkbox (#4868) (1d8fbf5)
fab: clear text decoration (#4865) (b524a12)
infrastructure: support ssr by removing the reference from window (#4864) (e5c5ea5)
menu: Vertically center the group icon (#4862) (d551dfd)

Features

data-table: Added data table component (#4889) (7d3380a)
drawer: add feature targeting for styles (#4877) (4d65d29)
slider: add feature targeting for styles (#4871) (3ee2675)
snackbar: add feature targeting for styles (#4876) (1b7aea1)

3.0.0

Diff

specularrain

published 3.0.0 • 5 years ago

Changelog

Source

3.0.0 (2019-06-25)

Bug Fixes

checkbox: screenshot test golden update (#4735) (0b44494)
chips: Add box-sizing back to chip root (#4807) (19a19b3)
chips: Fix chips trailing icon margin (#4720) (5de76bc)
dialog: Add noflip annotations for GSS compiler. (#4769) (d644e78)
dialog: Fix scrolling content overflowing on Chrome/Android. (#4746) (3e9abda)
dialog: Use 100vw for dialog max-width calculation. (#4766) (d0b8c89), closes #4746
infrastructure: Fix failing screenshot tests (#4800) (a9a41cb)
infrastructure: update check-pkg-for-release.js (#4857) (0cd775c)
menu: Fix bug where TAB does not respect the default browser tab order. (#4789) (22237cd)
menu: In Windows high contrast mode, decrease opacity of disabled menu items. (#4777) (898e53e)
menu: Remove code to focus on first/last element on TAB/SHIFT+TAB. (#4786) (99af567)
menu: Switch from aria-selected to aria-checked for selected menu item. (#4779) (f4b0bf5)
select: Update screenshots for FF/Windows update. (#4790) (6ea503c)
move applyPassive to dom package for use in text-field (#4747) (ce0b1c5)
tab-indicator: Center content (#4837) (102d778)
tabs: Remove deprecated package mdc-tabs (#4784) (4f366a5)
text-field: Fix asterisk color of text field when input is invalid and disabled (#4806) (24054ed)
remove icontoggle (#4783) (a13089d)
remove icontoggle (#4783) (5079213)

Code Refactoring

dialog: Split dialog Foundation#handleInteraction into #handleClick/#handleKeydown. (#4655) (d650390)
top-app-bar: Remove [de]registerEventHandler methods from adapters (#4701) (34bba89)
top-app-bar: Remove [de]registerEventHandler methods from adapters (#4701) (d8fe135)

Features

checkbox: Added mixin to customize checkbox touch dimension. (#4697) (ff2873e)
chips: Add setAttr adapter method (#4736) (1e21acf)
chips: Use semantic button elements (#4627) (741124d)
add feature targeting for styles to tab-related packages (#4838) (c7efc10)
dialog: Add Adapter#getInitialFocusEl. (#4719) (1108307)
menu: add setSelectedIndex to set selected item in menu selection group (#4620) (3a280c6)
top-app-bar: use mdc-icon-button styles instead of top app bar (#4745) (f8c561c)

BREAKING CHANGES

tabs: removed deprecated mdc-tabs package.
chips: Update mdc-chip-leading-icon-margin and mdc-chip-trailing-icon-margin mixins signatures to take only left and right margin values.
chips: Add the setAttr method to the chip adapter.
top-app-bar: Replaced adapter methods getParentElement, getSelectedElementIndex with getSelectedSiblingOfItemAtIndex, isSelectableItemAtIndex.
dialog: Dialog Adapter#getInitialFocusEl has been added and Adapter#trapFocus first argument is now the initialFocusEl.
checkbox: Removed $mdc-checkbox-ui-pct sass variable from MDCCheckbox
menu: Replaced adapter methods getParentElement, getSelectedElementIndex with getSelectedSiblingOfItemAtIndex, isSelectableItemAtIndex.
dialog: Dialog Foundation#handleInteraction has been split into two methods: #handleClick and #handleKeydown.
menu: The following adapter methods were removed: isFirstElementFocused, isLastElementFocused, focusFirstElement, focusLastElement. The following functionality to handle TAB on menusurface has been removed: "If TAB and last element is focused => Focus on first element", "If SHIFT + TAB and first element is focused => Focus on last element"
chips: Add the setAttr method to the chip adapter.
top-app-bar: Replaced adapter methods getParentElement, getSelectedElementIndex with getSelectedSiblingOfItemAtIndex, isSelectableItemAtIndex.
dialog: Dialog Adapter#getInitialFocusEl has been added and Adapter#trapFocus first argument is now the initialFocusEl.
checkbox: Removed $mdc-checkbox-ui-pct sass variable from MDCCheckbox
menu: Replaced adapter methods getParentElement, getSelectedElementIndex with getSelectedSiblingOfItemAtIndex, isSelectableItemAtIndex.
dialog: Dialog Foundation#handleInteraction has been split into two methods: #handleClick and #handleKeydown.
chips: Update mdc-chip-leading-icon-margin and mdc-chip-trailing-icon-margin mixins signatures to take only left and right margin values.

2.3.0

Diff

specularrain

published 2.3.0 • 5 years ago

Changelog

Source

2.3.0 (2019-05-28)

Bug Fixes

ripple: Fixes issue where Chrome v74 shows black artifact on ripple surface on hover (#4695) (7a5e7ed)
select: Fixes arrow direction on select focused state (#4726) (358546a)
tab: Fix tab color variables to use color literals (#4688) (88734fe)
typography: Use unquote for setting font-family. (#4665) (8d8f3fc)

Features

auto-init: initialize components once with multiple mdc.autoInit() calls (#4691) (218d2e5)
chips: Add feature targeting for styles (#4693) (0fdb889)

2.1.1

Diff

specularrain

published 2.1.1 • 5 years ago

Changelog

Source

2.1.1 (2019-05-10)

Bug Fixes

ripple: Fixes issue where Chrome v74 shows black artifact on ripple surface on hover (a0c7b81)

2.0.0

Diff

specularrain

published 2.0.0 • 5 years ago

Changelog

Source

2.0.0 (2019-04-29)

Bug Fixes

button: Update border-width to 1px (#4606) (be8747f)
card: Use on-surface color for action icons (#4519) (9f37016)
checkbox: Fixed disabled checkbox styles for Edge browser (#4602) (7855a6b)
chips: Fix incorrect ripple effect on filter chip (#4565) (975bae2)
feature-targeting: Move ripple styles into separate mixins (#4454) (720bef0)
list: Add cursor: pointer for interactive list items (#4563) (d2f0ccb), closes #4557
list: Include disabled list items in keyboard navigation and allow focus (#4568) (6e24280)
list: Update meta class to use caption typogrpahy style (#4623) (0826a78)
menu: Fix selection group list item spacing (#4517) (5183e01)
menu: Use on-surface color for graphic/meta content (#4520) (74b8d67)
ripple: Use standard element removal method (#4638) (ef07477)
select: Fix enhanced select issue where it does not stay open on long press #4173 (#4590) (8286aa7)
select: Use correct shape category consistently with text-field (#4553) (bec2ef2)
shape: Allow percentage based global overrides (#4548) (4bf7a86)
shape: Fix errors related to multi-value shape categories (#4547) (9f79d17)
tab: Explicitly set margin to 0 on tabs for Safari (#4654) (28aa623)
Don't import * from focus-trap to avoid default export confusion (#4485) (6082dc3)
tab: Fix tab icon color mixin to support SVG icons. (#4540) (5ad6570)
tab: Update moz-focusring to moz-focus-inner to match button (#4567) (968a054)
tabs: Disable firefox focus ring (#4560) (a99b7d4)
text-field: add classes constant (#4608) (22fa259)
text-field: Fix for input alignment in textfield with trailing icon (#4478) (b9c5fc6)
text-field: Fixed asterisk color where it stays in error color even after input is resolved (#4576) (ca502d4)
text-field: Set character counter in setValue (#4572) (bce2e63)

Code Refactoring

Swap MDCTopAppBar Sass Variable Word Order (#4498) (e851bae)

Features

checkbox: Toggle selected class with state (#4612) (5f06dce)
dialog: Add feature targeting for styles (#4524) (3556a93)
drawer: Make list instance publicly accessible (#4516) (f46941c)
fab: Add feature targeting for styles (#4526) (1ba7bdd)
form-field: add feature targeting for styles (#4521) (cd04f82)
grid-list: Add feature targeting for styles (#4534) (a8a6660)
icon-button: Add feature targeting for styles (#4536) (a58f2d2)
image-list: Add feature targeting for styles (#4535) (0bfeabb)
list: Add disabled class name to constants (#4558) (f2db177)
list: Automatically use appropriate aria attribute for single selection list. (#4479) (077c809)
menu: Added new API to manually set focus when menu is opened (#4468) (42ae5c3)
menu: Focus management features & accessibility improvements (#4587) (8d91b93)
tab: Add Tab Sass mixins targeting active state colors (#4522) (31376f7)
tab-bar: Allow activation of tab without previous active tab (#4615) (7d4124d)
tabs: Add active tab states mixin (#4603) (0e9f3f5)
text-field: define icon's cssClasses (#4614) (816139c)
theme: Add support for arbitrary CSS vars with fallback (#4470) (0bfb393)

BREAKING CHANGES

menu: New adapter methods to MDC List: isRootFocused. MDC Menu: Replaced adapter methods isRootFocused, focusRoot with focusListRoot. When using MDC List inside MDC Menu tabindex should be set on list root element where role="menu" is assigned.
list: MDCList's listElements component API now includes disabled list items which previously returned only enabled list items.
menu: Focus is no more set to first menu item when menu is opened. Introduced new API (setDefaultFocusState()) to set default focus state (DefaultFocusState) that will be used to focus every time when menu is opened. Also introduced new foundation & adapter methods to incorporate this change. Please use setDefaultFocusItemIndex(DefaultFocusState.FIRST_ITEM) method before menu open to retain previous behaviour.
$mdc-top-app-bar-prominent-dense-title-bottom-padding is renamed to $mdc-top-app-bar-dense-prominent-title-bottom-padding

1.1.1

Diff

specularrain

published 1.1.1 • 5 years ago

Changelog

Source

1.1.1 (2019-04-08)

Bug Fixes

chips: Fix incorrect ripple effect on filter chip (#4565) (60a268f)
list: Add cursor: pointer for interactive list items (#4563) (0bba1fa), closes #4557
menu: Fix selection group list item spacing (#4517) (e9b7cca)
select: Use correct shape category consistently with text-field (#4553) (5d3e22f)
shape: Allow percentage based global overrides (#4548) (f648b2d)
shape: Fix errors related to multi-value shape categories (#4547) (39214e4)
tab: Fix tab icon color mixin to support SVG icons. (#4540) (13326b6)
tab: Update moz-focusring to moz-focus-inner to match button (#4567) (b99d2c5)
tabs: Disable firefox focus ring (#4560) (1a7ddb1)
text-field: Set character counter in setValue (#4572) (7261fd0)