DEV/material-components_material-web
1
0
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2026-03-09 00:09:23 +08:00
Code Issues Packages Projects Releases Wiki Activity
4,549 Commits 31 Branches 80 Tags
Commit Graph

61 Commits

Author SHA1 Message Date
Elizabeth Mitchell
c390291687 chore: format files with prettier 
PiperOrigin-RevId: 576601342
 2023-10-25 11:59:00 -07:00
Elizabeth Mitchell
48c6e46df3 chore(ripple): remove @ts-ignore 
PiperOrigin-RevId: 570543409
 2023-10-03 17:31:30 -07:00
Elliott Marquez
f576b60aec fix(textfield,focus,ripple): fix textfield SSR 
PiperOrigin-RevId: 566863561
 2023-09-19 23:57:20 -07:00
Material Web Team
556e6f95e4 chore: fix closure compiler issues 
PiperOrigin-RevId: 564867173
 2023-09-12 16:30:19 -07:00
Elizabeth Mitchell
2295f12e71 fix: add aria-hidden="true" to ripple, focus ring, and elevation 
PiperOrigin-RevId: 562075778
 2023-09-01 16:33:32 -07:00
Elizabeth Mitchell
3906b7f72a chore(ripple): update docs/demos for Safari flex vs grid 
PiperOrigin-RevId: 561543073
 2023-08-30 22:05:55 -07:00
Elizabeth Mitchell
1e7aff50cf feat(focus,ripple): allow setting element.control = elementRef 
Why? Makes it easier in lit to attach elements in bindings

```html
<md-ripple .control=${this}>
```

This is needed to support radio, which needs to make the host element interactive.

PiperOrigin-RevId: 559899531
 2023-08-24 16:09:25 -07:00
Elizabeth Mitchell
6a84fbeb07 chore: remove "screen" from media queries 
PiperOrigin-RevId: 557511198
 2023-08-16 09:30:08 -07:00
Elliott Marquez
86ccec3e7e build: use firebase for hosting and remove url prefixes 2023-07-27 09:17:27 -07:00
Andrew Jakubowicz
6ec3f06429 fix!: rename "lib" directory to "internal" 
BREAKING CHANGE: Rename `@material/web/<component>/lib` to `@material/web/<component>/internal`. Prefer not using internal files.

PiperOrigin-RevId: 550633216
 2023-07-24 12:02:59 -07:00
Rahul Kamat
3daa7dbf33 chore: add @ts-ignore annotations for TS 5.1 errors 
PiperOrigin-RevId: 548819762
 2023-07-17 15:46:32 -07:00
Elizabeth Mitchell
88b5cfeb21 fix(ripple): wrong start point for pressing unbounded ripples 
PiperOrigin-RevId: 537965121
 2023-06-05 13:26:03 -07:00
Elizabeth Mitchell
b9daa95164 chore(controller): move to internal 
PiperOrigin-RevId: 536574896
 2023-05-30 19:43:02 -07:00
Elizabeth Mitchell
ea2f04a9e9 fix(ripple): restrict manually controllable methods 
PiperOrigin-RevId: 536531027
 2023-05-30 15:49:25 -07:00
Elizabeth Mitchell
ed00d30b1d chore(motion): move to internal 
PiperOrigin-RevId: 536448206
 2023-05-30 10:50:00 -07:00
Elizabeth Mitchell
a2a6ff442c chore: fix typos 
PiperOrigin-RevId: 536443522
 2023-05-30 10:34:25 -07:00
Elizabeth Mitchell
33daf19c73 fix(ripple)!: remove ripple directive 
BREAKING CHANGE: Remove ripple directives and attach like focus rings (parent, `for` attribute, or with `.attach()`

PiperOrigin-RevId: 535648818
 2023-05-26 10:09:50 -07:00
Elizabeth Mitchell
d65327d21b feat(ripple): add semantic and imperative attaching 
PiperOrigin-RevId: 535409389
 2023-05-25 15:34:02 -07:00
Elizabeth Mitchell
933fc2e013 fix(all): remove focus state layer tokens 
BREAKING CHANGE: Remove any *-focus-state-layer-* custom properties (they don't do anything)

PiperOrigin-RevId: 535302944
 2023-05-25 10:33:20 -07:00
Elizabeth Mitchell
b69e24241e fix(ripple)!: remove unbounded 
BREAKING CHANGE: Set `border-radius: 50%` and remove `unbounded` attribute

PiperOrigin-RevId: 535301943
 2023-05-25 10:30:22 -07:00
Elizabeth Mitchell
2339534a77 chore(ripple): clean up styles 
PiperOrigin-RevId: 535296881
 2023-05-25 10:15:21 -07:00
Elizabeth Mitchell
a6c988bedd fix(ripple)!: remove shape token and will-change 
BREAKING CHANGE: Use `border-radius` instead of `--md-ripple-shape`

PiperOrigin-RevId: 535034875
 2023-05-24 17:14:12 -07:00
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
Material Web Team
016b8513e7 fix(ripple): ensure ripple occurs when a keyboard generated click happens after a pointer click 
PiperOrigin-RevId: 527926090
 2023-04-28 10:41: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
f08a9db3d8 fix(ripple): tonal surface update 
PiperOrigin-RevId: 522242265
 2023-04-05 21:51:39 -07:00
Elizabeth Mitchell
3934f51e1d chore(tokens): update default to v0.172 
PiperOrigin-RevId: 522134400
 2023-04-05 13:12:02 -07:00
Elizabeth Mitchell
0cc7d2959a fix(ripple)!: rename press methods to event handlers 
PiperOrigin-RevId: 511251253
 2023-02-21 11:08:31 -08:00
Elizabeth Mitchell
90960edf90 chore(ripple): update tests to use harness 
PiperOrigin-RevId: 511240295
 2023-02-21 10:30:45 -08:00
Elizabeth Mitchell
df6a723e83 chore(ripple): remove directive click handler 
PiperOrigin-RevId: 510550957
 2023-02-17 16:41:23 -08:00
Elizabeth Mitchell
2da0f1a8c9 chore(ripple): move state from directive to element 
PiperOrigin-RevId: 510550315
 2023-02-17 16:38:07 -08:00
Elizabeth Mitchell
6e977178c5 fix(ripple)!: rename focus methods to event handlers 
PiperOrigin-RevId: 510549646
 2023-02-17 16:34:44 -08:00
Elizabeth Mitchell
cde7ca0e3b fix(ripple)!: rename hover methods to event handlers 
PiperOrigin-RevId: 510547677
 2023-02-17 16:24:41 -08:00
Elizabeth Mitchell
6e31262aab test(ripple): add tests 
PiperOrigin-RevId: 510193629
 2023-02-16 11:10:55 -08:00
Elizabeth Mitchell
bda1b20b59 chore(ripple): remove animation signal logic 
PiperOrigin-RevId: 509884639
 2023-02-15 11:13:27 -08: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
Elizabeth Mitchell
56dc57b538 chore(ripple): add docs and clean up implementation 
PiperOrigin-RevId: 509273426
 2023-02-13 10:48:05 -08:00
Material Web Team
1f6a9a12a6 fix(ripple) Address remaining ripple overflow issues when hovering or pressing ripple elements on Safari due to https://bugs.webkit.org/show_bug.cgi?id=247546. 
PiperOrigin-RevId: 501935885
 2023-01-13 14:12:26 -08:00
Material Web Team
21e68fa5d9 rename motion easing & add a few knobs to material stories 
PiperOrigin-RevId: 501172397
 2023-01-10 21:09:55 -08:00
Material Web Team
8a35672c4a fix(ripple): Improves fix for Safari ripple overflow due to https://bugs.webkit.org/show_bug.cgi?id=247546 to handle hover and pressed states. 
PiperOrigin-RevId: 496747335
 2022-12-20 14:07:40 -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
6b74925d42 fix(ripple) Apply Safari workaround for incorrect ripple overflow, see https://bugs.webkit.org/show_bug.cgi?id=247546. 
PiperOrigin-RevId: 495999688
 2022-12-16 17:56:15 -08:00
Elizabeth Mitchell
ac94e489f1 chore(ripple): add ripple file instead of ripple-theme 
PiperOrigin-RevId: 495047382
 2022-12-13 09:40:29 -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
Daniel Freedman
6746d0f685 feat(ripple): Create a ripple directive 
This directive encapsulates the event listeners necessary to drive the ripple component inside of an ElementPart directive, instead of relying on ActionController and ActionElement.

The ripple directive can take a Promise from `queryAsync`, or a function that returns a Ripple or a Promise that resolves to a ripple

Before:
```ts
// event listeners inherited from ActionElement
html`
<md-button
@pointerdown=${this.handlePointerDown}
@pointerleave=${this.handlePointerLeave}
@focus=${this.handleFocus}
...
>`
```

After:
```ts
html`
<md-button ${ripple(this.rippleElementPromise)}>
`
```
or
```
<md-button ${ripple(() => this.rippleElement)
```
or
```
<md-button ${ripple(() => {this.renderRipple = true; return this.rippleElementPromise})
```
PiperOrigin-RevId: 492300868
 2022-12-01 14:29:57 -08:00
Elizabeth Mitchell
7f50847bbd chore(ripple): merge static/theme-styles 
PiperOrigin-RevId: 482549484
 2022-10-20 11:34:58 -07:00