Commit Graph

68 Commits

Author SHA1 Message Date
Elizabeth Mitchell
c35bad0c64 fix: rename internal <styles>.css.js to <styles>.css
We are changing the names of these files to reduce similarity with CSS modules and avoid clashing with tooling built around that. If you're importing `*/internal/styles.css.js`, swap to `*/internal/styles.js`.

PiperOrigin-RevId: 611265000
2024-02-28 16:20:22 -08:00
Elizabeth Mitchell
ec0a8ebf6e chore: use CSSResultOrNative instead of CSSResult for static styles
PiperOrigin-RevId: 609760445
2024-02-23 10:01:56 -08:00
Elizabeth Mitchell
ce41b7bfb3 fix: use explicit CSSResult[] types for static styles
PiperOrigin-RevId: 609494809
2024-02-22 14:15:11 -08:00
Elizabeth Mitchell
84536d7416 chore: update components to use custom properties from tokens
PiperOrigin-RevId: 601597083
2024-01-25 16:13:41 -08:00
Elizabeth Mitchell
0eb0e94bdc refactor(ripple): reduce CSS size
Reduces the size by removing private (`--_*`) custom properties. These are not needed since the component does not share styles across variants.

Size before: 1293b / 532b gzip
Size after: 1171b (-9%) / 502b gzip (-0.2%)

PiperOrigin-RevId: 600917333
2024-01-23 15:01:55 -08:00
Elizabeth Mitchell
cef1b740ee fix(ripple): multiple touches causing ripples to start from center
Fix is pretty simple, we weren't clearing out the first pointerdown event, and subsequent ones were ignored since the `pointerId` changes with each touch.

Fixes #5349

PiperOrigin-RevId: 596668539
2024-01-08 12:17:43 -08:00
Elizabeth Mitchell
839667dcf6 perf(ripple): don't process events in high contrast mode
PiperOrigin-RevId: 591368699
2023-12-15 15:01:49 -08:00
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