Commit Graph

157 Commits

Author SHA1 Message Date
Elizabeth Mitchell
84cd527818 chore(tokens): remove closed todo bug
PiperOrigin-RevId: 611579066
2024-02-29 13:33:41 -08:00
Elizabeth Mitchell
098b6d4be8 chore(tokens): remove unneeded override token
PiperOrigin-RevId: 611563379
2024-02-29 12:44:12 -08:00
Elizabeth Mitchell
4f073ec1ec chore: remove TODOs for unactionable bugs
PiperOrigin-RevId: 608775304
2024-02-20 16:10:07 -08:00
Elizabeth Mitchell
41bac9e44d feat: add --md-sys-shape-* tokens for all components
PiperOrigin-RevId: 607427925
2024-02-15 13:00:24 -08:00
Elizabeth Mitchell
6b95a13ee1 chore: remove fixed todo and added reference to another bug
PiperOrigin-RevId: 605765628
2024-02-09 16:42:16 -08:00
Elizabeth Mitchell
5e40a1bcec chore: create shape logical tokens in Sass component token files
Adds `@material/web/tokens/internal/shape` to take a shape token and create 4 logical tokens from its value.

All components' logical shape tokens are now generated by the token files themselves, rather than added in each component's styles.

PiperOrigin-RevId: 601783846
2024-01-26 09:13:58 -08:00
Elizabeth Mitchell
feff7214a7 feat(tokens): add component custom properties to Sass values
These are excluded by default, but will be enabled by default in 2.0.

Example: `tokens.md-comp-checkbox-values($exclude-custom-properties: false)`
PiperOrigin-RevId: 601596085
2024-01-25 16:10:32 -08:00
Elizabeth Mitchell
e056d1dd2f chore(textfield): move newly added tokens into Sass component tokens
PiperOrigin-RevId: 601397525
2024-01-25 03:31:32 -08:00
Elizabeth Mitchell
86bd6f8309 fix(menu): --md-menu-item-container-color not working
This change removes the leftover md-comp-menu-list-item token set, which doesn't have a corresponding component. If you're using it, the correct token set to use is md-comp-menu-item.

As a side effect of the merge, it also added the missing menu item container-color token.

PiperOrigin-RevId: 601168134
2024-01-24 10:44:44 -08:00
Elizabeth Mitchell
a3a05e4179 chore(tokens): rename tokens/internal/values tokens/internal/validate
The naming is a bit backwards. The file is about validation and the function is for the token values, not a file just for token values.

PiperOrigin-RevId: 599207580
2024-01-17 09:59:53 -08:00
Elizabeth Mitchell
b986b1eb7c fix(tokens): moved '_values.scss' to 'internal/_values.scss'
Why? To help clarify that this isn't intended to be a public API, and to better organize future internal-only token files.

PiperOrigin-RevId: 599203361
2024-01-17 09:45:26 -08:00
Elizabeth Mitchell
035d155366 chore: remove todos for un-actionable spacing tokens bug
PiperOrigin-RevId: 594158700
2023-12-27 21:13:43 -08:00
Elizabeth Mitchell
c9e8de0207 feat(chips): add tokens to customize padding
Added chip tokens for `leading-space`, `trailing-space`, `icon-label-space`, `with-leading-icon-leading-space`, and `with-trailing-icon-trailing-space`.

PiperOrigin-RevId: 588942324
2023-12-07 16:19:41 -08:00
Copybara-Service
128abcb325 Merge pull request #5150 from scherler:icon_size
PiperOrigin-RevId: 582411939
2023-11-14 12:51:34 -08:00
Thorsten Scherler
b4c9b81eb3
[icon_size] fix code regarding feedback
Signed-off-by: Thorsten Scherler <scherler@gmail.com>
2023-11-14 13:27:55 +01:00
Elliott Marquez
2b591ca759 feat(menu): add document-level positioning
related #5120

PiperOrigin-RevId: 580293404
2023-11-07 14:04:00 -08:00
Thorsten Scherler
8467d40bf1
[icon_size] add size to tokens
Signed-off-by: Thorsten Scherler <scherler@gmail.com>
2023-11-02 20:43:40 +01:00
Elizabeth Mitchell
2a06b29f91 chore(tokens): add card tokens
PiperOrigin-RevId: 576643924
2023-10-25 14:24:23 -07:00
Elizabeth Mitchell
753677489b refactor(list)!: refactor list using md-item
BREAKING CHANGE: `<md-list-item>` now uses slots instead of properties and has removed many prescriptive items (such as avatar, image, and video items). The default slot can be used for any custom content.
```html
<md-list-item>
  <div slot="overline">OVERLINE</div>
  <div slot="headline">First line</div>
  <div slot="supporting-text">Second+ lines</div>
  <div slot="trailing-supporting-text">Trailing</div>
  <md-icon slot="start">star</md-icon>
  <md-icon slot="end">star</md-icon>
</md-list-item>
```
Add `type="button"` or `type="link"` for interactive list items.

PiperOrigin-RevId: 567732201
2023-09-22 15:30:06 -07:00
Elliott Marquez
2a1d8776a7 refactor(menu)!: refactor menu-item to use md-item and not rely on md-list-item
BREAKING CHANGE: This change refactors menu-item to no longer subclass or import from list-item. It also refactors it to use md-item directly which means that the API of menu item has moved from properties to slots. `start-*` and `end-*` slots are now just `start` and `end`, many tokens are now gone in favor of slotting. `headline` property is now a `slot="headline"` slot. Typeahead search text can now be set via `typeaheadText` which defaults to the slotted headline `textContent`. `select-option` now has the `displayText` which is used to display text in the `md-select` when the option is selected; defaults to the slotted headline `textContent`.

PiperOrigin-RevId: 567719483
2023-09-22 14:35:46 -07:00
Elizabeth Mitchell
ffe4f79b5d feat(item): add <md-item> layout component
PiperOrigin-RevId: 567095805
2023-09-20 15:23:19 -07:00
Elizabeth Mitchell
6132f1ed5c chore(tokens): remove v0.172
PiperOrigin-RevId: 566811842
2023-09-19 18:43:52 -07:00
Elizabeth Mitchell
e8b5b29d1e feat(iconbutton): update tokens to v0.192
BREAKING CHANGE: Replace `container-size` tokens with `container-width` and `container-height`.

PiperOrigin-RevId: 566801178
2023-09-19 17:52:12 -07:00
Elizabeth Mitchell
94b5c8125e feat(menu): update tokens to v0.192
- Adds `--md-menu-item-selected-label-text-color` token

BREAKING CHANGE: menu selected container color changed to secondary-container

PiperOrigin-RevId: 565807703
2023-09-15 16:35:25 -07:00
Elizabeth Mitchell
58539b1569 fix(list): update tokens to 0.192
BREAKING CHANGE:
- Leading icon size increased from 18px to 24px
- Trailing space decreased from 24px to 16px

PiperOrigin-RevId: 565769173
2023-09-15 13:50:51 -07:00
Elizabeth Mitchell
cfd053c397 fix(tokens): update components to v0.192
PiperOrigin-RevId: 565714251
2023-09-15 10:27:07 -07:00
Elizabeth Mitchell
116b448639 fix(tokens): generate tokens v0.192
PiperOrigin-RevId: 565500229
2023-09-14 15:53:34 -07:00
Andrew Jakubowicz
e9d1e7d3c4 fix(slider): make tickmarks visible when slider is disabled
PiperOrigin-RevId: 564880169
2023-09-12 17:22:07 -07:00
Elizabeth Mitchell
84947f0928 chore: token code adjustments
PiperOrigin-RevId: 563808765
2023-09-08 11:38:07 -07:00
Elizabeth Mitchell
8e480deae3 feat(typography): add typography Sass APIs
BREAKING CHANGE: composite `-type` tokens are no longer supported. Use discrete `-font`, `-size`, `-line-height`, and `-weight` tokens instead.

PiperOrigin-RevId: 563797716
2023-09-08 10:59:09 -07:00
Elizabeth Mitchell
88eb1759c5 fix(tabs): remove font shorthand tokens
BREAKING CHANGE: replace `label-text-type` tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563790527
2023-09-08 10:35:03 -07:00
Elizabeth Mitchell
acd40a2f57 fix(labs): remove font shorthand tokens
PiperOrigin-RevId: 563195627
2023-09-06 13:15:36 -07:00
Elizabeth Mitchell
01a99a5cc3 fix(testing): remove font shorthand tokens
PiperOrigin-RevId: 563188450
2023-09-06 12:50:33 -07:00
Elizabeth Mitchell
6988a49a3b fix(slider): remove font shorthand tokens
BREAKING CHANGE: replace `label-text-type` tokens with `-font`, `-size`, `-line-height`, and `-weight`. Additionally, rename `label-label-*` tokens to a single `label-*`

PiperOrigin-RevId: 563162551
2023-09-06 11:23:01 -07:00
Elizabeth Mitchell
ca2cd56bd1 fix(list): remove font shorthand tokens
BREAKING CHANGE: replace `*-type` font tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563162539
2023-09-06 11:22:42 -07:00
Elizabeth Mitchell
87ad1dae4f fix(chips): remove font shorthand tokens
BREAKING CHANGE: replace `label-text-type` tokens with `label-text-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563161436
2023-09-06 11:21:14 -07:00
Elizabeth Mitchell
0c5a2a2886 fix(text-field,select): remove font shorthand tokens
BREAKING CHANGE: replace `*-type` font tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563160975
2023-09-06 11:18:59 -07:00
Elizabeth Mitchell
f77ee3628c fix(fab): remove font shorthand tokens
BREAKING CHANGE: replace `label-text-type` tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563160852
2023-09-06 11:18:43 -07:00
Elizabeth Mitchell
81e11e09fa fix(dialogs): remove font shorthand tokens
BREAKING CHANGE: replace `headline-text-type` and `supporting-text-type` tokens with `-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563160825
2023-09-06 11:17:05 -07:00
Elizabeth Mitchell
8894c20c6b fix(button): remove font shorthand tokens
BREAKING CHANGE: replace `label-text-type` tokens with `label-text-font`, `-size`, `-line-height`, and `-weight`

PiperOrigin-RevId: 563153211
2023-09-06 10:56:22 -07:00
Andrew Jakubowicz
c864d3b638 fix(circularprogress)!: make default width 4px
PiperOrigin-RevId: 562924358
2023-09-05 16:24:08 -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
59c44fc2f9 fix(tokens): rename token override files
BREAKING CHANGE: Change "radio-button" and "progress-indicator" Sass token APIs to "radio" and "progress". This matches the tag names of their components.

PiperOrigin-RevId: 560184741
2023-08-25 13:45:10 -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
cdd9b264cb feat(color): add color folder for md-sys-color theming APIs
PiperOrigin-RevId: 559455085
2023-08-23 09:40:28 -07:00
Elizabeth Mitchell
a5283936fe revert: feat(color): add color folder for md-sys-color theming APIs
PiperOrigin-RevId: 559268365
2023-08-22 17:22:17 -07:00
Elizabeth Mitchell
87af9aa130 feat(color): add color folder for md-sys-color theming APIs
PiperOrigin-RevId: 559146252
2023-08-22 10:07:55 -07:00
Elliott Marquez
2d9352e3f4 refactor(list-item)!: remove duplicate list-item menu-item from custom prop names
BREAKING: renames custom props from this:

`--md-list-item-list-item-...`
`--md-menu-item-list-item-...`

to:
`--md-list-item-...`
`--md-menu-item-...`
PiperOrigin-RevId: 557337871
2023-08-15 20:48:25 -07:00
Elizabeth Mitchell
bbb784012a fix(textfield): focus indicator and outline are 3px
PiperOrigin-RevId: 557292273
2023-08-15 16:49:10 -07:00