Andrew Jakubowicz
58497f13b2
fix(tabs): use instanceof to check for a Tab
...
PiperOrigin-RevId: 562917297
2023-09-05 15:56:28 -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
Andrew Jakubowicz
17ddcd3c2e
fix(tabs): add nocollapse so isTab doesn't get minified
...
PiperOrigin-RevId: 561694207
2023-08-31 10:30:49 -07:00
Elizabeth Mitchell
80de947d08
chore(tabs): minor code/visibility refactors
...
Changes:
- Use ElementInternals for aria roles outside of Firefox
- Don't export Tabs interface used by tab
- Get parent tabs element with closest() rather than
- Remove md-tabs delegate focus (not used)
- Remove selectedAttribute property (always 'selected')
- Made focusedItem private
PiperOrigin-RevId: 561287221
2023-08-30 03:23:51 -07:00
Elizabeth Mitchell
6b2955bffe
fix(tabs)!: secondary tabs always have inline icons
...
PiperOrigin-RevId: 561157766
2023-08-29 15:39:24 -07:00
Elizabeth Mitchell
0467c4845d
fix(tabs): incorrect layout and primary indicator width
...
PiperOrigin-RevId: 561091366
2023-08-29 11:33:46 -07:00
Elizabeth Mitchell
5b13b5c05b
fix(tabs)!: split md-tab into md-primary-tab and md-secondary-tab
...
BREAKING CHANGE: remove `variant` attributes and change `md-tab` to `md-primary-tab`, or `md-secondary-tab` if using `variant="secondary"
PiperOrigin-RevId: 561077231
2023-08-29 10:47:55 -07:00
Elizabeth Mitchell
13690a396f
fix(tabs): remove divider tokens in favor of md-divider
...
BREAKING CHANGE: Remove `--md-*tab-divider` tokens and use `md-tabs::part(divider)` and `--md-divider-*` tokens
PiperOrigin-RevId: 560127620
2023-08-25 10:16:46 -07:00
Elizabeth Mitchell
d18db2a6ac
fix(tabs): remove disabled tabs
...
BREAKING CHANGE: tabs cannot be disabled per spec. If disabled tabs are required, use `pointer-events: none` and CSS to style them.
PiperOrigin-RevId: 560124706
2023-08-25 10:07:33 -07:00
Elizabeth Mitchell
b542d2aa12
fix(tabs): make indicator animation faster
...
PiperOrigin-RevId: 559670244
2023-08-24 00:47:48 -07:00
Elizabeth Mitchell
bd7cf232ed
chore(tabs): remove vertical styling and logic
...
PiperOrigin-RevId: 559596640
2023-08-23 17:55:58 -07:00
Elizabeth Mitchell
dbed51cc27
feat(tab): add logical container shape tokens
...
PiperOrigin-RevId: 557939187
2023-08-17 14:36:31 -07:00
Elizabeth Mitchell
0e492ade43
chore: remove sass theme utilities
...
PiperOrigin-RevId: 556915539
2023-08-14 14:39:19 -07:00
Elizabeth Mitchell
88eec0c7b6
chore(tabs): remove unused touch target
...
PiperOrigin-RevId: 556113626
2023-08-11 15:31:25 -07:00
Elizabeth Mitchell
0510496e60
chore: avoid this in static context
...
PiperOrigin-RevId: 554933524
2023-08-08 14:00:25 -07:00
Elizabeth Mitchell
a117b06b7b
fix(iconbutton)!: rename <md-standard-icon-button> to <md-icon-button>
...
PiperOrigin-RevId: 552545415
2023-07-31 11:37:56 -07:00
Elizabeth Mitchell
bdfa63f63c
chore(tabs): remove vertical tabs (not specced)
...
PiperOrigin-RevId: 551674397
2023-07-27 16:33:46 -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
Elizabeth Mitchell
d49f9b89e4
fix(focus)!: rename import to md-focus-ring.ts
...
BREAKING CHANGE: Change `@material/web/focus/focus-ring.js` to `@material/web/focus/md-focus-ring.js`.
PiperOrigin-RevId: 550608428
2023-07-24 10:43:31 -07:00
Elizabeth Mitchell
ae407b0874
feat: add component convenience bundles
...
PiperOrigin-RevId: 549723539
2023-07-20 13:30:01 -07:00
Andrew Jakubowicz
10f60d23e0
chore: rename e
to event
...
PiperOrigin-RevId: 549039407
2023-07-18 10:16:37 -07:00
Elizabeth Mitchell
243e231a13
feat(all): expose focus-ring
parts
...
PiperOrigin-RevId: 548873009
2023-07-17 20:28:04 -07:00
Elizabeth Mitchell
fd28dd1a5b
chore(all): move focus tokens to focus ring element
...
PiperOrigin-RevId: 548872335
2023-07-17 20:24:46 -07:00
Andrew Jakubowicz
d80b7b55e9
fix(tab): add closure conformance types
...
PiperOrigin-RevId: 545742981
2023-07-05 11:48:43 -07:00
Andrew Jakubowicz
a9d030ad42
fix(tabs)!: change compound attribute names to kebab case
...
BREAKING_CHANGE: Attributes `selectonfocus` and `inlineicon` have been changed to `select-on-focus` and `inline-icon` respectively.
PiperOrigin-RevId: 542412826
2023-06-21 17:57:05 -07:00
Elizabeth Mitchell
1790a5bbf8
chore: remove closure comments from static blocks
...
PiperOrigin-RevId: 539772537
2023-06-12 15:07:36 -07:00
Elizabeth Mitchell
0607d9ca53
chore: fix jscompiler issues
...
PiperOrigin-RevId: 539716693
2023-06-12 11:42:52 -07:00
Elizabeth Mitchell
b9daa95164
chore(controller): move to internal
...
PiperOrigin-RevId: 536574896
2023-05-30 19:43:02 -07:00
Elizabeth Mitchell
a2bb8458d2
chore(sass): move to internal
...
PiperOrigin-RevId: 536458468
2023-05-30 11:23:00 -07:00
Elizabeth Mitchell
5efdc593fa
chore(aria): move to internal
...
PiperOrigin-RevId: 536444453
2023-05-30 10:37:46 -07:00
Elizabeth Mitchell
7c08efdd66
chore(all): remove ripple directive
...
PiperOrigin-RevId: 535647846
2023-05-26 10:06:39 -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
26d69c271e
fix(focus)!: corrected outward/inward animations
...
BREAKING CHANGE: inward focus rings must be specified with `inward` rather than a negative offset.
PiperOrigin-RevId: 534552625
2023-05-23 14:08:36 -07:00
Material Web Team
6b04f6bc8e
chore(tabs): mark beta version available
...
PiperOrigin-RevId: 532864428
2023-05-17 12:09:01 -07:00
Material Web Team
0da80a01d2
fix(tabs): adds a11y roles for tablist/tab
...
PiperOrigin-RevId: 532843567
2023-05-17 11:04:13 -07:00
Material Web Team
dd5f3f07a4
feat(tabs): improves support for dynamically adding/removing tabs
...
PiperOrigin-RevId: 532511300
2023-05-16 10:57:18 -07:00
Material Web Team
2b111bdf47
chore(tabs): adds screenshot tests
...
PiperOrigin-RevId: 532182408
2023-05-15 12:01:12 -07:00
Material Web Team
6116c347e9
fix(tabs): high contrast and reduced motion styling; improve tab marshaling
...
PiperOrigin-RevId: 532180388
2023-05-15 11:54:01 -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
cbb24dfbc3
feat(tabs): adds tabs and tab element
...
PiperOrigin-RevId: 530452330
2023-05-08 17:29:47 -07:00
Elizabeth Mitchell
65463164c9
chore: various build fixes
...
PiperOrigin-RevId: 467245676
2022-08-12 10:51:27 -07:00
Material Web Team
19a710e8a8
test(tabs): Defining test harnesses for tab and tab bar.
...
PiperOrigin-RevId: 467234805
2022-08-12 10:08:31 -07:00
Kevin Vizcarra
9542b71174
refactor: Stop passing unnecessary elevation tokens when building $dark-theme
...
PiperOrigin-RevId: 467035171
2022-08-11 13:29:01 -07:00
Material Web Team
22da6631b4
style(tabs): Adds scroll-width: none
so scroll bars are hidden in firefox.
...
PiperOrigin-RevId: 466964590
2022-08-11 08:52:26 -07:00
Material Web Team
f7e1bbb7ae
fix(tab): Fixes how tabs renders icons.
...
When a image icon is provided through the icon `<slot>`, it is now rendered directly into the tab content element (technically into an icon wrapper that is a direct child of the tab content element). Previously the slotted icon would be rendered as the contents of `<md-icon>`. While this didn't affect the visual output of the tab component, it created unnecessary additional layers of nesting/shadow dom.
PiperOrigin-RevId: 466052019
2022-08-08 08:42:03 -07:00
Material Web Team
6aab3acaf8
style(tab): Fixing tab style rules that resulted in incorrect sizing.
...
- When converting to css logical properties, `padding-left`/`right` were mistakenly converted to `padding-block-start`/`end` instead of `padding-inline-start`/`end`. This resulted in tabs having insufficent horizontal padding.
- Flex styles that allows tabs to expand/grow into all available tab bar space was applied on the wrong wrapper element. Added additional styling to take this extra wrapper into account.
- Removes call from tab-scroller into a tab mixin as there's no clear reason as to why this `position: relative` needed to be defined in a tab mixin (no selector making it specific to tab). Since this mixin was only used by the tab scroller, also removes the `parent-positioning` mixin definition.
PiperOrigin-RevId: 465099906
2022-08-03 11:11:47 -07:00
Material Web Team
89e8ff9a79
style(tab): Adds omitted icon selector for tabs
...
This resulted in icon sizing styles being applied to the tab.
PiperOrigin-RevId: 464599656
2022-08-01 12:46:53 -07:00