Commit Graph

106 Commits

Author SHA1 Message Date
Elliott Marquez
dc49e0b518 docs: update playground urls to match new base-URI
PiperOrigin-RevId: 531322264
2023-05-11 15:24:11 -07:00
Elliott Marquez
5f80c096e0 refactor: remove extraneous file extensions
PiperOrigin-RevId: 531005525
2023-05-10 14:26:01 -07:00
Elliott Marquez
1cade43ccf refactor: remove extraneous file extensions
PiperOrigin-RevId: 530993820
2023-05-10 14:04:53 -07:00
Elizabeth Mitchell
d84d48c299 feat(iconbutton): add disabled container opacity tokens
PiperOrigin-RevId: 530791227
2023-05-09 21:05:21 -07:00
Elizabeth Mitchell
7403ce1a9e feat(iconbutton): add disabled-icon-opacity token
PiperOrigin-RevId: 530782342
2023-05-09 20:15:33 -07:00
Elizabeth Mitchell
ec47f9bcc4 refactor(iconbutton)!: remove <md-icon>
BREAKING CHANGE: font icons require using <md-icon> directly

PiperOrigin-RevId: 530673789
2023-05-09 11:56:13 -07:00
Elizabeth Mitchell
48ac6ef96d chore(iconbutton): remove md3 prefix
PiperOrigin-RevId: 530504251
2023-05-08 22:48:19 -07:00
Elizabeth Mitchell
dd84d40267 chore(iconbutton): remove shape resolver
PiperOrigin-RevId: 528568566
2023-05-01 14:04:57 -07:00
Elizabeth Mitchell
b56451a1a5 chore(iconbutton): remove strong focus
PiperOrigin-RevId: 528568544
2023-05-01 14:03:54 -07:00
Elizabeth Mitchell
5934de0603 fix(focus): update focus-ring tokens
PiperOrigin-RevId: 527319619
2023-04-26 11:13:00 -07:00
Elizabeth Mitchell
db8ee4d1df chore: use private instead of protected
PiperOrigin-RevId: 527010546
2023-04-25 10:40:48 -07:00
Elizabeth Mitchell
7b52c4515f fix: remove @ariaProperty decorator
PiperOrigin-RevId: 526750432
2023-04-24 14:10:38 -07:00
Daniel Freedman
5d3af375f0 feat(iconbutton)!: rename selected aria label property, add documentation
- `ariaLabelSelected` is now `selectedAriaLabel`, with `selected-aria-label` attribute.
- Add documentation.

PiperOrigin-RevId: 522077110
2023-04-05 09:44:06 -07:00
Daniel Freedman
0aa39e8153 feat(iconbutton)!: combine button, link, and toggle variants into single components
PiperOrigin-RevId: 521789432
2023-04-04 09:48:15 -07:00
Copybara-Service
bf61232bb3 Merge pull request #4026 from steverep:buttons-aria-expanded
PiperOrigin-RevId: 518928271
2023-03-23 12:09:30 -07:00
Elizabeth Mitchell
715c5927a7 chore(sass): remove elevation resolvers
PiperOrigin-RevId: 518051579
2023-03-20 12:57:55 -07:00
Daniel Freedman
567d3406b0 fix(iconbutton)!: properly size iconbutton to 40x40
PiperOrigin-RevId: 516948241
2023-03-15 15:37:15 -07:00
Daniel Freedman
8a37ce2e00 fix(iconbutton): allow icon button to be asymmetrically sized
Allow icon button to be asymmetrically sized by moving height and width setting to host.

Also, fix focus shape mixin usage.

PiperOrigin-RevId: 516301842
2023-03-13 13:16:17 -07:00
Steve Repsher
a588856a8e
feat(button,iconbutton): Add support for aria-expanded to buttons 2023-03-06 00:08:58 -05:00
Elizabeth Mitchell
6c2aef6901 chore(all): add keep-sorted comments to Sass imports
PiperOrigin-RevId: 509583504
2023-02-14 11:10:23 -08:00
Elizabeth Mitchell
ff84a66f3e fix(ripple)!: remove "state-layer" from token names
PiperOrigin-RevId: 509298729
2023-02-13 12:17:37 -08:00
Daniel Freedman
44a8d74f56 fix(all)!: use shape.resolve-tokens and remove shape.resolve-theme
PiperOrigin-RevId: 509284550
2023-02-13 11:26:55 -08:00
Daniel Freedman
c72e7fd6f7 refactor(iconbutton)!: Make a few API improvements
- `selectedIcon` is now optional, will fallback to default slot icon
- `icon-button-toggle-change` removed for `change` and `input` events

PiperOrigin-RevId: 502997869
2023-01-18 15:38:40 -08:00
Daniel Freedman
31391eb610 refactor(iconbutton)!: normalize toggle variant API with regular icon button
- Rename `ariaLabelOn` to `ariaLabelSelected`
- Merge `arialLabelOff` into `ariaLabel`
- `onIcon` slot is now `selectedIcon`
- `offIcon` slot is now a default slot
- IconButtonToggle now extends IconButton

PiperOrigin-RevId: 501414360
2023-01-11 16:55:40 -08:00
Daniel Freedman
36f1a1a0b3 refactor(iconbutton)!: remove icon properties, use slots instead
PiperOrigin-RevId: 501403118
2023-01-11 16:04:39 -08:00
Elizabeth Mitchell
060d204334 chore: update component tokens to v0.152
PiperOrigin-RevId: 501055718
2023-01-10 11:56:25 -08:00
Daniel Freedman
82d75560cf refactor(iconbutton): set target size directly on host, same as radio and checkbox
PiperOrigin-RevId: 501020595
2023-01-10 09:50:13 -08:00
Daniel Freedman
12c93641a5 fix(icon, iconbutton): Cleanup styling
- Remove duplicate md-ripple sizing in standard icon button
 - Tokens now have disabled outline color for outlined icon button, remove workaround
 - Use icon theming API
 - Also size `<img>` tags in `<md-icon>`

PiperOrigin-RevId: 500805749
2023-01-09 14:17:48 -08:00
Material Web Team
eec25b393e fix(styling): Removes tap highlight color visible on mobile Safari for checkbox, radio, iconbutton, and textfield.
PiperOrigin-RevId: 499279539
2023-01-03 11:54:32 -08:00
Daniel Freedman
f8db6f77cd chore(iconbutton): Focus ring matches icon shape
PiperOrigin-RevId: 497255853
2022-12-22 15:59:03 -08:00
Elizabeth Mitchell
e7ededa579 chore(radio): remove ripple-theme.scss
PiperOrigin-RevId: 496483211
2022-12-19 13:52:45 -08:00
Material Web Team
9796f6a694 Document Icon Button
PiperOrigin-RevId: 495414969
2022-12-14 14:18:45 -08:00
Daniel Freedman
f84e1557c2 chore(iconbutton): Remove ActionElement and create ripple lazily
PiperOrigin-RevId: 495365790
2022-12-14 11:15:52 -08:00
Elizabeth Mitchell
a5850dccba chore(ripple): remove negative z-index
PiperOrigin-RevId: 494293324
2022-12-09 16:45:45 -08:00
Elizabeth Mitchell
eedb7f5d3c chore: replace * selector with :host
PiperOrigin-RevId: 493992896
2022-12-08 14:15:19 -08:00
Material Web Team
212dd55dc5 IconButton now properly renders either an icon via the icon property or one specified via a slot, not both as it previously incorrectly did.
PiperOrigin-RevId: 493653205
2022-12-07 11:02:04 -08:00
Material Web Team
07edf86432 Changes icon-button-toggle-*'s isOn property to be named selected.
This matches the name used for Switch and other "selectable" elements that do not have platform analogs suggesting other names (i.e. Checkbox and Radio have a `checked` property).

PiperOrigin-RevId: 493098361
2022-12-05 13:34:58 -08:00
Elizabeth Mitchell
30f5e44e0c chore: update tokens
PiperOrigin-RevId: 491753341
2022-11-29 15:31:06 -08:00
Elizabeth Mitchell
bff01dadf7 chore(tokens): update to v0.144
PiperOrigin-RevId: 491464625
2022-11-28 15:53:25 -08:00
Daniel Freedman
601c331d37 fix(focus): Update focus ring to new design
PiperOrigin-RevId: 487571074
2022-11-10 10:11:40 -08:00
Elizabeth Mitchell
d3fa2c2ba4 chore(iconbutton): merge static/theme-styles
PiperOrigin-RevId: 486156646
2022-11-04 09:17:46 -07:00
Elizabeth Mitchell
443b24a009 chore(iconbutton): update to use local custom properties
PiperOrigin-RevId: 485925419
2022-11-03 11:23:38 -07:00
Elizabeth Mitchell
a676727eac chore(iconbutton): flatten static/theme-styles
PiperOrigin-RevId: 485922844
2022-11-03 11:14:46 -07:00
Elizabeth Mitchell
a9da9bbf5e chore(focus): merge static/theme-styles
PiperOrigin-RevId: 482832904
2022-10-21 10:44:33 -07:00
Elizabeth Mitchell
73ca8ae0eb chore: use relative paths
PiperOrigin-RevId: 481941267
2022-10-18 09:28:59 -07:00
Elizabeth Mitchell
d58e49565e chore(iconbutton): remove compat deps
PiperOrigin-RevId: 478524688
2022-10-03 09:26:53 -07:00
Kevin Vizcarra
10cf00bde4 feat(iconbutton): Add internal linkAttributes
PiperOrigin-RevId: 474673136
2022-09-15 15:35:56 -07:00
Daniel Freedman
5dd43faffb feat(icon-button): Implement isRTL helper library, and refactor icon-button to use it.
PiperOrigin-RevId: 471352106
2022-08-31 14:13:05 -07:00
Material Web Team
30d9c33162 feat: add filled-tonal-icon-button sass partial
PiperOrigin-RevId: 471116779
2022-08-30 16:19:52 -07:00
Alexander Marks
30c95aeee1 chore: add ".js" extensions to import statements.
In particular, this allows external build tools like Rollup and @web/dev-server to understand imports of Lit, which is configured to require the ".js" extension via its export conditions (so that Lit import maps can remain minimal).

PiperOrigin-RevId: 469772992
2022-08-24 11:01:21 -07:00
Daniel Freedman
fd138f7160 chore(icon-button): Refactor to use static templates for focus ring, ripple, and icon.
PiperOrigin-RevId: 469227744
2022-08-22 10:45:23 -07:00
Material Web Team
10a6d353fc refactor: mark disabled and checked as boolean values in lit templates.
PiperOrigin-RevId: 462716556
2022-07-22 15:27:12 -07:00
Material Web Team
40fdd8ed29 chore: disable tslint for ariaProperty and legacyAriaProperty
PiperOrigin-RevId: 462424828
2022-07-21 10:55:48 -07:00
Daniel Freedman
ba095dd88b Remove clickmod event listener from components. It is now handled internally
PiperOrigin-RevId: 462418653
2022-07-21 10:30:09 -07:00
Material Web Team
cc53daa4cd refactor(iconButton): Move public sass mixins/functions to the top
PiperOrigin-RevId: 460713752
2022-07-13 07:50:36 -07:00
Material Web Team
0111127e98 chore(iconbutton): Move M3 icon_button directory. Also update icon_button/ to iconbutton/ to align with 1P naming convention.
PiperOrigin-RevId: 460211503
2022-07-11 07:49:20 -07:00