From b9ca14b4699dd67304d63438d098b0779a876f63 Mon Sep 17 00:00:00 2001 From: VandeurenGlenn Date: Sat, 6 Apr 2024 21:06:07 +0200 Subject: [PATCH] Convert all doc images to webp --- docs/components/button.md | 26 +++++++++--------- docs/components/checkbox.md | 8 +++--- docs/components/chip.md | 2 +- docs/components/dialog.md | 2 +- docs/components/divider.md | 10 +++---- docs/components/elevation.md | 6 ++-- docs/components/icon-button.md | 24 ++++++++-------- docs/components/icon.md | 10 +++---- docs/components/images/button/hero.png | Bin 218650 -> 0 bytes docs/components/images/button/hero.webp | Bin 0 -> 31698 bytes .../images/button/theming-elevated-button.png | Bin 4431 -> 0 bytes .../button/theming-elevated-button.webp | Bin 0 -> 1920 bytes .../images/button/theming-filled-button.png | Bin 2371 -> 0 bytes .../images/button/theming-filled-button.webp | Bin 0 -> 1168 bytes .../button/theming-filled-tonal-button.png | Bin 2460 -> 0 bytes .../button/theming-filled-tonal-button.webp | Bin 0 -> 848 bytes .../images/button/theming-outlined-button.png | Bin 3567 -> 0 bytes .../button/theming-outlined-button.webp | Bin 0 -> 1670 bytes .../images/button/theming-text-button.png | Bin 2067 -> 0 bytes .../images/button/theming-text-button.webp | Bin 0 -> 1002 bytes docs/components/images/button/types.png | Bin 27060 -> 0 bytes docs/components/images/button/types.webp | Bin 0 -> 13636 bytes .../images/button/usage-elevated-button.png | Bin 7900 -> 0 bytes .../images/button/usage-elevated-button.webp | Bin 0 -> 2104 bytes .../images/button/usage-filled-button.png | Bin 3638 -> 0 bytes .../images/button/usage-filled-button.webp | Bin 0 -> 1838 bytes .../button/usage-filled-tonal-button.png | Bin 3637 -> 0 bytes .../button/usage-filled-tonal-button.webp | Bin 0 -> 1138 bytes docs/components/images/button/usage-icon.png | Bin 7059 -> 0 bytes docs/components/images/button/usage-icon.webp | Bin 0 -> 2804 bytes .../images/button/usage-outlined-button.png | Bin 5737 -> 0 bytes .../images/button/usage-outlined-button.webp | Bin 0 -> 2346 bytes .../images/button/usage-text-button.png | Bin 2090 -> 0 bytes .../images/button/usage-text-button.webp | Bin 0 -> 864 bytes docs/components/images/button/usage.png | Bin 9874 -> 0 bytes docs/components/images/button/usage.webp | Bin 0 -> 4090 bytes docs/components/images/checkbox/hero.png | Bin 59095 -> 0 bytes docs/components/images/checkbox/hero.webp | Bin 0 -> 16738 bytes docs/components/images/checkbox/theming.png | Bin 1132 -> 0 bytes docs/components/images/checkbox/theming.webp | Bin 0 -> 726 bytes .../images/checkbox/usage-label.png | Bin 9743 -> 0 bytes .../images/checkbox/usage-label.webp | Bin 0 -> 4778 bytes docs/components/images/checkbox/usage.png | Bin 1821 -> 0 bytes docs/components/images/checkbox/usage.webp | Bin 0 -> 1018 bytes docs/components/images/chips/hero.png | Bin 188930 -> 0 bytes docs/components/images/chips/hero.webp | Bin 0 -> 45478 bytes docs/components/images/dialog/hero.png | Bin 140489 -> 0 bytes docs/components/images/dialog/hero.webp | Bin 0 -> 30440 bytes docs/components/images/divider/hero.png | Bin 154198 -> 0 bytes docs/components/images/divider/hero.webp | Bin 0 -> 37554 bytes docs/components/images/divider/theming.png | Bin 10324 -> 0 bytes docs/components/images/divider/theming.webp | Bin 0 -> 3832 bytes .../images/divider/usage-inset-start.png | Bin 9913 -> 0 bytes .../images/divider/usage-inset-start.webp | Bin 0 -> 3284 bytes .../components/images/divider/usage-inset.png | Bin 9924 -> 0 bytes .../images/divider/usage-inset.webp | Bin 0 -> 3282 bytes docs/components/images/divider/usage.png | Bin 10230 -> 0 bytes docs/components/images/divider/usage.webp | Bin 0 -> 3822 bytes docs/components/images/elevation/hero.png | Bin 18587 -> 0 bytes docs/components/images/elevation/hero.webp | Bin 0 -> 13572 bytes docs/components/images/elevation/theming.png | Bin 10862 -> 0 bytes docs/components/images/elevation/theming.webp | Bin 0 -> 728 bytes docs/components/images/elevation/usage.png | Bin 8468 -> 0 bytes docs/components/images/elevation/usage.webp | Bin 0 -> 606 bytes docs/components/images/icon/hero.gif | Bin 3311800 -> 1925516 bytes docs/components/images/icon/theming.png | Bin 22070 -> 0 bytes docs/components/images/icon/theming.webp | Bin 0 -> 12696 bytes docs/components/images/icon/usage.png | Bin 4081 -> 0 bytes docs/components/images/icon/usage.webp | Bin 0 -> 1618 bytes docs/components/images/icon/usage_filled.png | Bin 12832 -> 0 bytes docs/components/images/icon/usage_filled.webp | Bin 0 -> 5424 bytes docs/components/images/icon/usage_rounded.png | Bin 4278 -> 0 bytes .../components/images/icon/usage_rounded.webp | Bin 0 -> 1732 bytes docs/components/images/icon/usage_sharp.png | Bin 4044 -> 0 bytes docs/components/images/icon/usage_sharp.webp | Bin 0 -> 1706 bytes docs/components/images/iconbutton/buttons.png | Bin 17109 -> 0 bytes .../components/images/iconbutton/buttons.webp | Bin 0 -> 7464 bytes docs/components/images/iconbutton/hero.png | Bin 655061 -> 0 bytes docs/components/images/iconbutton/hero.webp | Bin 0 -> 71942 bytes .../iconbutton/theming-filled-tonal.png | Bin 1737 -> 0 bytes .../iconbutton/theming-filled-tonal.webp | Bin 0 -> 478 bytes .../images/iconbutton/theming-filled.png | Bin 1825 -> 0 bytes .../images/iconbutton/theming-filled.webp | Bin 0 -> 618 bytes .../images/iconbutton/theming-outlined.png | Bin 1800 -> 0 bytes .../images/iconbutton/theming-outlined.webp | Bin 0 -> 610 bytes .../images/iconbutton/theming-standard.png | Bin 1441 -> 0 bytes .../images/iconbutton/theming-standard.webp | Bin 0 -> 326 bytes .../images/iconbutton/usage-filled-tonal.png | Bin 5722 -> 0 bytes .../images/iconbutton/usage-filled-tonal.webp | Bin 0 -> 630 bytes .../images/iconbutton/usage-filled.png | Bin 6202 -> 0 bytes .../images/iconbutton/usage-filled.webp | Bin 0 -> 1210 bytes .../images/iconbutton/usage-outlined.png | Bin 7095 -> 0 bytes .../images/iconbutton/usage-outlined.webp | Bin 0 -> 1186 bytes .../images/iconbutton/usage-standard.png | Bin 4256 -> 0 bytes .../images/iconbutton/usage-standard.webp | Bin 0 -> 346 bytes .../images/iconbutton/usage-toggle.png | Bin 17391 -> 0 bytes .../images/iconbutton/usage-toggle.webp | Bin 0 -> 5280 bytes docs/components/images/iconbutton/usage.png | Bin 4239 -> 0 bytes docs/components/images/iconbutton/usage.webp | Bin 0 -> 1496 bytes docs/components/images/progress/hero.webp | Bin 7456218 -> 37404 bytes .../images/progress/theming-circular.png | Bin 1225 -> 0 bytes .../images/progress/theming-circular.webp | Bin 0 -> 848 bytes .../images/progress/theming-linear.png | Bin 1387 -> 0 bytes .../images/progress/theming-linear.webp | Bin 0 -> 340 bytes docs/components/images/radio/hero.png | Bin 27917 -> 0 bytes docs/components/images/radio/hero.webp | Bin 0 -> 13436 bytes docs/components/images/select/hero.png | Bin 19347 -> 0 bytes docs/components/images/select/hero.webp | Bin 0 -> 6736 bytes .../images/select/theming-filled.png | Bin 27606 -> 0 bytes .../images/select/theming-filled.webp | Bin 0 -> 4722 bytes .../images/select/theming-outlined.png | Bin 28475 -> 0 bytes .../images/select/theming-outlined.webp | Bin 0 -> 4978 bytes docs/components/images/select/usage.png | Bin 42825 -> 0 bytes docs/components/images/select/usage.webp | Bin 0 -> 6720 bytes docs/components/images/slider/hero.png | Bin 102102 -> 0 bytes docs/components/images/slider/hero.webp | Bin 0 -> 25578 bytes docs/components/images/slider/theming.png | Bin 5684 -> 0 bytes docs/components/images/slider/theming.webp | Bin 0 -> 1346 bytes docs/components/images/switch/hero.png | Bin 81663 -> 0 bytes docs/components/images/switch/hero.webp | Bin 0 -> 21550 bytes docs/components/images/tabs/hero.png | Bin 554966 -> 0 bytes docs/components/images/tabs/hero.webp | Bin 0 -> 54128 bytes docs/components/images/tabs/scrollable.png | Bin 14461 -> 0 bytes docs/components/images/tabs/scrollable.webp | Bin 0 -> 3898 bytes docs/components/images/tabs/theming.png | Bin 6185 -> 0 bytes docs/components/images/tabs/theming.webp | Bin 0 -> 2096 bytes docs/components/images/tabs/usage.png | Bin 11251 -> 0 bytes docs/components/images/tabs/usage.webp | Bin 0 -> 3660 bytes docs/components/progress.md | 4 +-- docs/components/radio.md | 2 +- docs/components/select.md | 8 +++--- docs/components/slider.md | 4 +-- docs/components/switch.md | 2 +- docs/components/tabs.md | 4 +-- docs/images/what-is-material.png | Bin 1084960 -> 0 bytes docs/images/what-is-material.webp | Bin 0 -> 95164 bytes docs/theming/README.md | 4 +-- docs/theming/color.md | 4 +-- docs/theming/images/color-scheme-dark.png | Bin 123559 -> 0 bytes docs/theming/images/color-scheme-dark.webp | Bin 0 -> 69876 bytes docs/theming/images/color-scheme-light.png | Bin 125686 -> 0 bytes docs/theming/images/color-scheme-light.webp | Bin 0 -> 76808 bytes docs/theming/images/theming.png | Bin 1464688 -> 0 bytes docs/theming/images/theming.webp | Bin 0 -> 115506 bytes docs/theming/images/token-types.png | Bin 44231 -> 0 bytes docs/theming/images/token-types.webp | Bin 0 -> 22124 bytes 146 files changed, 60 insertions(+), 60 deletions(-) delete mode 100644 docs/components/images/button/hero.png create mode 100644 docs/components/images/button/hero.webp delete mode 100644 docs/components/images/button/theming-elevated-button.png create mode 100644 docs/components/images/button/theming-elevated-button.webp delete mode 100644 docs/components/images/button/theming-filled-button.png create mode 100644 docs/components/images/button/theming-filled-button.webp delete mode 100644 docs/components/images/button/theming-filled-tonal-button.png create mode 100644 docs/components/images/button/theming-filled-tonal-button.webp delete mode 100644 docs/components/images/button/theming-outlined-button.png create mode 100644 docs/components/images/button/theming-outlined-button.webp delete mode 100644 docs/components/images/button/theming-text-button.png create mode 100644 docs/components/images/button/theming-text-button.webp delete mode 100644 docs/components/images/button/types.png create mode 100644 docs/components/images/button/types.webp delete mode 100644 docs/components/images/button/usage-elevated-button.png create mode 100644 docs/components/images/button/usage-elevated-button.webp delete mode 100644 docs/components/images/button/usage-filled-button.png create mode 100644 docs/components/images/button/usage-filled-button.webp delete mode 100644 docs/components/images/button/usage-filled-tonal-button.png create mode 100644 docs/components/images/button/usage-filled-tonal-button.webp delete mode 100644 docs/components/images/button/usage-icon.png create mode 100644 docs/components/images/button/usage-icon.webp delete mode 100644 docs/components/images/button/usage-outlined-button.png create mode 100644 docs/components/images/button/usage-outlined-button.webp delete mode 100644 docs/components/images/button/usage-text-button.png create mode 100644 docs/components/images/button/usage-text-button.webp delete mode 100644 docs/components/images/button/usage.png create mode 100644 docs/components/images/button/usage.webp delete mode 100644 docs/components/images/checkbox/hero.png create mode 100644 docs/components/images/checkbox/hero.webp delete mode 100644 docs/components/images/checkbox/theming.png create mode 100644 docs/components/images/checkbox/theming.webp delete mode 100644 docs/components/images/checkbox/usage-label.png create mode 100644 docs/components/images/checkbox/usage-label.webp delete mode 100644 docs/components/images/checkbox/usage.png create mode 100644 docs/components/images/checkbox/usage.webp delete mode 100644 docs/components/images/chips/hero.png create mode 100644 docs/components/images/chips/hero.webp delete mode 100644 docs/components/images/dialog/hero.png create mode 100644 docs/components/images/dialog/hero.webp delete mode 100644 docs/components/images/divider/hero.png create mode 100644 docs/components/images/divider/hero.webp delete mode 100644 docs/components/images/divider/theming.png create mode 100644 docs/components/images/divider/theming.webp delete mode 100644 docs/components/images/divider/usage-inset-start.png create mode 100644 docs/components/images/divider/usage-inset-start.webp delete mode 100644 docs/components/images/divider/usage-inset.png create mode 100644 docs/components/images/divider/usage-inset.webp delete mode 100644 docs/components/images/divider/usage.png create mode 100644 docs/components/images/divider/usage.webp delete mode 100644 docs/components/images/elevation/hero.png create mode 100644 docs/components/images/elevation/hero.webp delete mode 100644 docs/components/images/elevation/theming.png create mode 100644 docs/components/images/elevation/theming.webp delete mode 100644 docs/components/images/elevation/usage.png create mode 100644 docs/components/images/elevation/usage.webp delete mode 100644 docs/components/images/icon/theming.png create mode 100644 docs/components/images/icon/theming.webp delete mode 100644 docs/components/images/icon/usage.png create mode 100644 docs/components/images/icon/usage.webp delete mode 100644 docs/components/images/icon/usage_filled.png create mode 100644 docs/components/images/icon/usage_filled.webp delete mode 100644 docs/components/images/icon/usage_rounded.png create mode 100644 docs/components/images/icon/usage_rounded.webp delete mode 100644 docs/components/images/icon/usage_sharp.png create mode 100644 docs/components/images/icon/usage_sharp.webp delete mode 100644 docs/components/images/iconbutton/buttons.png create mode 100644 docs/components/images/iconbutton/buttons.webp delete mode 100644 docs/components/images/iconbutton/hero.png create mode 100644 docs/components/images/iconbutton/hero.webp delete mode 100644 docs/components/images/iconbutton/theming-filled-tonal.png create mode 100644 docs/components/images/iconbutton/theming-filled-tonal.webp delete mode 100644 docs/components/images/iconbutton/theming-filled.png create mode 100644 docs/components/images/iconbutton/theming-filled.webp delete mode 100644 docs/components/images/iconbutton/theming-outlined.png create mode 100644 docs/components/images/iconbutton/theming-outlined.webp delete mode 100644 docs/components/images/iconbutton/theming-standard.png create mode 100644 docs/components/images/iconbutton/theming-standard.webp delete mode 100644 docs/components/images/iconbutton/usage-filled-tonal.png create mode 100644 docs/components/images/iconbutton/usage-filled-tonal.webp delete mode 100644 docs/components/images/iconbutton/usage-filled.png create mode 100644 docs/components/images/iconbutton/usage-filled.webp delete mode 100644 docs/components/images/iconbutton/usage-outlined.png create mode 100644 docs/components/images/iconbutton/usage-outlined.webp delete mode 100644 docs/components/images/iconbutton/usage-standard.png create mode 100644 docs/components/images/iconbutton/usage-standard.webp delete mode 100644 docs/components/images/iconbutton/usage-toggle.png create mode 100644 docs/components/images/iconbutton/usage-toggle.webp delete mode 100644 docs/components/images/iconbutton/usage.png create mode 100644 docs/components/images/iconbutton/usage.webp delete mode 100644 docs/components/images/progress/theming-circular.png create mode 100644 docs/components/images/progress/theming-circular.webp delete mode 100644 docs/components/images/progress/theming-linear.png create mode 100644 docs/components/images/progress/theming-linear.webp delete mode 100644 docs/components/images/radio/hero.png create mode 100644 docs/components/images/radio/hero.webp delete mode 100644 docs/components/images/select/hero.png create mode 100644 docs/components/images/select/hero.webp delete mode 100644 docs/components/images/select/theming-filled.png create mode 100644 docs/components/images/select/theming-filled.webp delete mode 100644 docs/components/images/select/theming-outlined.png create mode 100644 docs/components/images/select/theming-outlined.webp delete mode 100644 docs/components/images/select/usage.png create mode 100644 docs/components/images/select/usage.webp delete mode 100644 docs/components/images/slider/hero.png create mode 100644 docs/components/images/slider/hero.webp delete mode 100644 docs/components/images/slider/theming.png create mode 100644 docs/components/images/slider/theming.webp delete mode 100644 docs/components/images/switch/hero.png create mode 100644 docs/components/images/switch/hero.webp delete mode 100644 docs/components/images/tabs/hero.png create mode 100644 docs/components/images/tabs/hero.webp delete mode 100644 docs/components/images/tabs/scrollable.png create mode 100644 docs/components/images/tabs/scrollable.webp delete mode 100644 docs/components/images/tabs/theming.png create mode 100644 docs/components/images/tabs/theming.webp delete mode 100644 docs/components/images/tabs/usage.png create mode 100644 docs/components/images/tabs/usage.webp delete mode 100644 docs/images/what-is-material.png create mode 100644 docs/images/what-is-material.webp delete mode 100644 docs/theming/images/color-scheme-dark.png create mode 100644 docs/theming/images/color-scheme-dark.webp delete mode 100644 docs/theming/images/color-scheme-light.png create mode 100644 docs/theming/images/color-scheme-light.webp delete mode 100644 docs/theming/images/theming.png create mode 100644 docs/theming/images/theming.webp delete mode 100644 docs/theming/images/token-types.png create mode 100644 docs/theming/images/token-types.webp diff --git a/docs/components/button.md b/docs/components/button.md index 6fd6bbedb..9028282fc 100644 --- a/docs/components/button.md +++ b/docs/components/button.md @@ -41,7 +41,7 @@ outlined, and text. alt="A phone showing a payment screen with a green filled button that says 'Make payment'" title="There are 5 types of common buttons" - src="images/button/hero.png"> + src="images/button/hero.webp"> @@ -66,7 +66,7 @@ payment'" -![The 5 types of common buttons](images/button/types.png "Elevated, filled, filled tonal, outlined, and text buttons") +![The 5 types of common buttons](images/button/types.webp "Elevated, filled, filled tonal, outlined, and text buttons") @@ -151,7 +151,7 @@ a button. ![An outlined button with the text "Back" next to a filled button with the text -"Complete"](images/button/usage.png "Outlined and filled buttons.") +"Complete"](images/button/usage.webp "Outlined and filled buttons.") @@ -186,7 +186,7 @@ action and help draw attention. ![A tonal button with a right arrow send icon with text 'send' and a text button with the text 'open' with a trailing icon arrow -box](images/button/usage-icon.png "Slot in icons to the appropriate slots") +box](images/button/usage-icon.webp "Slot in icons to the appropriate slots") @@ -247,7 +247,7 @@ separation from a patterned background. -![An elevated button](images/button/usage-elevated-button.png) +![An elevated button](images/button/usage-elevated-button.webp) @@ -311,7 +311,7 @@ than an outline would give, such as "Next" in an onboarding flow. -![A filled tonal button](images/button/usage-filled-tonal-button.png) +![A filled tonal button](images/button/usage-filled-tonal-button.webp) @@ -344,7 +344,7 @@ the primary action in an app. -![An outlined button](images/button/usage-outlined-button.png) +![An outlined button](images/button/usage-outlined-button.webp) @@ -377,7 +377,7 @@ options. -![A text button](images/button/usage-text-button.png) +![A text button](images/button/usage-text-button.webp) @@ -421,7 +421,7 @@ Token | Default value -![Image of an elevated button with a different theme applied](images/button/theming-elevated-button.png "Elevated button theming example.") +![Image of an elevated button with a different theme applied](images/button/theming-elevated-button.webp "Elevated button theming example.") @@ -481,7 +481,7 @@ Token | Default value -![Image of a filled button with a different theme applied](images/button/theming-filled-button.png "Filled button theming example.") +![Image of a filled button with a different theme applied](images/button/theming-filled-button.webp "Filled button theming example.") @@ -541,7 +541,7 @@ Token | Default value -![Image of a filled tonal button with a different theme applied](images/button/theming-filled-tonal-button.png "Filled tonal button theming example.") +![Image of a filled tonal button with a different theme applied](images/button/theming-filled-tonal-button.webp "Filled tonal button theming example.") @@ -601,7 +601,7 @@ Token | Default value -![Image of an outlined button with a different theme applied](images/button/theming-outlined-button.png "Outlined button theming example.") +![Image of an outlined button with a different theme applied](images/button/theming-outlined-button.webp "Outlined button theming example.") @@ -659,7 +659,7 @@ Token | Default value -![Image of a text button with a different theme applied](images/button/theming-text-button.png "Text button theming example.") +![Image of a text button with a different theme applied](images/button/theming-text-button.webp "Text button theming example.") diff --git a/docs/components/checkbox.md b/docs/components/checkbox.md index 669358401..67408ceb5 100644 --- a/docs/components/checkbox.md +++ b/docs/components/checkbox.md @@ -41,7 +41,7 @@ user needs to select one or more options from a list. A list of burger additions represented with checkboxes @@ -70,7 +70,7 @@ Checkboxes may be standalone, pre-checked, or indeterminate. -![Three checkboxes in a row that are unselected, selected, and indeterminate](images/checkbox/usage.png "Unselected, selected, and indeterminate checkboxes.") +![Three checkboxes in a row that are unselected, selected, and indeterminate](images/checkbox/usage.webp "Unselected, selected, and indeterminate checkboxes.") @@ -87,7 +87,7 @@ Associate a label with a checkbox using the `