fix(button): update for ios spec (#26864)

Browse Source

BREAKING CHANGE:

Button is updated to align with the design specification for iOS.

**Design tokens**

| Token                              | Previous Value | New Value |
| ---------------------------------- | -------------- | --------- |
| `$button-ios-letter-spacing`       | `-0.03em`      | `0`       |
| `$button-ios-clear-letter-spacing` | `0`            | Removed   |
| `$button-ios-height`               | `2.8em`        | `3.1em`   |
| `$button-ios-border-radius`        | `10px`         | `14px`    |
| `$button-ios-large-height`         | `2.8em`        | `3.1em`   |
| `$button-ios-large-border-radius`  | `12px`         | `16px`    |

...

This commit is contained in:

Liam DeBeasi

2023-02-28 11:36:44 -05:00

committed by GitHub

parent 8df0950ab5

commit df3735765a

435 changed files with 22 additions and 11 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-ltr-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 27 KiB After Width:  |  Height:  |  Size: 29 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-ltr-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 37 KiB After Width:  |  Height:  |  Size: 41 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-ltr-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 26 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-rtl-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 27 KiB After Width:  |  Height:  |  Size: 29 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-rtl-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 37 KiB After Width:  |  Height:  |  Size: 41 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-basic-diff-ios-rtl-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 26 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-html-content-diff-ios-ltr-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 29 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-html-content-diff-ios-ltr-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 36 KiB After Width:  |  Height:  |  Size: 35 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-html-content-diff-ios-ltr-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 24 KiB After Width:  |  Height:  |  Size: 26 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-html-content-diff-ios-rtl-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 29 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-html-content-diff-ios-rtl-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 36 KiB After Width:  |  Height:  |  Size: 36 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-html-content-diff-ios-rtl-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 24 KiB After Width:  |  Height:  |  Size: 26 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-ltr-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 39 KiB After Width:  |  Height:  |  Size: 39 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-ltr-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 44 KiB After Width:  |  Height:  |  Size: 45 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-ltr-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 30 KiB After Width:  |  Height:  |  Size: 33 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-rtl-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 40 KiB After Width:  |  Height:  |  Size: 39 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-rtl-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 44 KiB After Width:  |  Height:  |  Size: 46 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-long-content-diff-ios-rtl-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 30 KiB After Width:  |  Height:  |  Size: 33 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-no-spinner-diff-ios-ltr-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 30 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-no-spinner-diff-ios-ltr-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 39 KiB After Width:  |  Height:  |  Size: 41 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-no-spinner-diff-ios-ltr-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 26 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-no-spinner-diff-ios-rtl-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 30 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-no-spinner-diff-ios-rtl-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 38 KiB After Width:  |  Height:  |  Size: 41 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-no-spinner-diff-ios-rtl-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 26 KiB After Width:  |  Height:  |  Size: 26 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-ltr-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 32 KiB After Width:  |  Height:  |  Size: 34 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-ltr-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 41 KiB After Width:  |  Height:  |  Size: 43 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-ltr-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 29 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-rtl-Mobile-Chrome-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 32 KiB After Width:  |  Height:  |  Size: 34 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-rtl-Mobile-Firefox-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 41 KiB After Width:  |  Height:  |  Size: 43 KiB

BIN

core/src/components/loading/test/basic/loading.e2e.ts-snapshots/loading-translucent-diff-ios-rtl-Mobile-Safari-linux.png

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 28 KiB After Width:  |  Height:  |  Size: 29 KiB