sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Update dependency @vector-im/compound-web to v9.2.1 (#33270)

Browse Source 
* Update dependency @vector-im/compound-web to v9.2.1

* Update button sizes

* More button size updates

* Another button size

* Button size

* Snapshot updates

* Snapshots

* More sm/md

* More button size updates

* snapshot

* and one more from merging develop

* More snapshots

* Phantom typing

* yep, more snapshots

* More snapshots

* More snapshots

* Last ones?

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: David Baker <dbkr@users.noreply.github.com>
This commit is contained in:
renovate[bot]
2026-04-23 12:18:56 +00:00
committed by GitHub
co-authored by renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> David Baker
parent 546083bca9
commit c02b970d35
75 changed files with 394 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx
+3 -3
View File
@@ -84,7 +84,7 @@ export function RoomListSearchView({ vm }: Readonly<RoomListSearchViewProps>): J
id="room-list-search-button"
className={styles.search}
kind="secondary"
size="sm"
size="md"
Icon={SearchIcon}
onClick={vm.onSearchClick}
>
@@ -96,7 +96,7 @@ export function RoomListSearchView({ vm }: Readonly<RoomListSearchViewProps>): J
{displayDialButton && (
<Button
kind="secondary"
size="sm"
size="md"
Icon={DialPadIcon}
iconOnly={true}
aria-label={_t("left_panel|open_dial_pad")}
@@ -106,7 +106,7 @@ export function RoomListSearchView({ vm }: Readonly<RoomListSearchViewProps>): J
{displayExploreButton && (
<Button
kind="secondary"
size="sm"
size="md"
Icon={ExploreIcon}
iconOnly={true}
aria-label={_t("action|explore_rooms")}
packages/shared-components/src/room-list/RoomListSearchView/__snapshots__/RoomListSearchView.test.tsx.snap
+18 -18
View File
@@ -9,9 +9,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders the default state 1`
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_13vu4_8 RoomListSearchView-module_search _has-icon_13vu4_60"
class="_button_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
id="room-list-search-button"
role="button"
tabindex="0"
@@ -44,9 +44,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders the default state 1`
</button>
<button
aria-label="Explore rooms"
class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -76,9 +76,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders with all buttons vis
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_13vu4_8 RoomListSearchView-module_search _has-icon_13vu4_60"
class="_button_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
id="room-list-search-button"
role="button"
tabindex="0"
@@ -111,9 +111,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders with all buttons vis
</button>
<button
aria-label="Open dial pad"
class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -132,9 +132,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders with all buttons vis
</button>
<button
aria-label="Explore rooms"
class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -164,9 +164,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders with dial pad button
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_13vu4_8 RoomListSearchView-module_search _has-icon_13vu4_60"
class="_button_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
id="room-list-search-button"
role="button"
tabindex="0"
@@ -199,9 +199,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders with dial pad button
</button>
<button
aria-label="Open dial pad"
class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -220,9 +220,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders with dial pad button
</button>
<button
aria-label="Explore rooms"
class="_button_13vu4_8 _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -252,9 +252,9 @@ exports[`RoomListSearchView > Storybook snapshots > renders without explore butt
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_13vu4_8 RoomListSearchView-module_search _has-icon_13vu4_60"
class="_button_1nw83_8 RoomListSearchView-module_search _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
id="room-list-search-button"
role="button"
tabindex="0"
packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.tsx
+2 -2
View File
@@ -49,11 +49,11 @@ export const RoomListEmptyStateView: React.FC<RoomListEmptyStateViewProps> = ({
direction="column"
gap="var(--cpd-space-4x)"
>
<Button size="sm" kind="secondary" Icon={ChatIcon} onClick={vm.createChatRoom}>
<Button size="md" kind="secondary" Icon={ChatIcon} onClick={vm.createChatRoom}>
{_t("action|start_chat")}
</Button>
{snapshot.canCreateRoom && (
<Button size="sm" kind="secondary" Icon={RoomIcon} onClick={vm.createRoom}>
<Button size="md" kind="secondary" Icon={RoomIcon} onClick={vm.createRoom}>
{_t("action|new_room")}
</Button>
)}
packages/shared-components/src/room-list/RoomListView/__snapshots__/RoomListView.test.tsx.snap
+10 -10
View File
@@ -2757,9 +2757,9 @@ exports[`<RoomListView /> > renders Empty story 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -2778,9 +2778,9 @@ exports[`<RoomListView /> > renders Empty story 1`] = `
Start chat
</button>
<button
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -2923,7 +2923,7 @@ exports[`<RoomListView /> > renders EmptyInvitesFilter story 1`] = `
You don't have any unread invites
</span>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -2991,7 +2991,7 @@ exports[`<RoomListView /> > renders EmptyLowPriorityFilter story 1`] = `
You don't have any low priority rooms
</span>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -3059,7 +3059,7 @@ exports[`<RoomListView /> > renders EmptyMentionsFilter story 1`] = `
You don't have any unread mentions
</span>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -3255,7 +3255,7 @@ exports[`<RoomListView /> > renders EmptyUnreadFilter story 1`] = `
Congrats! You don’t have any unread messages
</span>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="tertiary"
data-size="lg"
role="button"
@@ -3350,9 +3350,9 @@ exports[`<RoomListView /> > renders EmptyWithoutCreatePermission story 1`] = `
style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: center; --mx-flex-justify: center; --mx-flex-gap: var(--cpd-space-4x); --mx-flex-wrap: nowrap;"
>
<button
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.tsx
+5 -5
View File
@@ -181,7 +181,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
onClick={termsAndConditionsClicked}
className={styles.primaryAction}
kind="primary"
size="sm"
size="md"
as="a"
href={snapshot.consentUri}
target="_blank"
@@ -208,7 +208,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
snapshot.adminContactHref && (
<Button
kind="secondary"
size="sm"
size="md"
as="a"
href={snapshot.adminContactHref}
target="_blank"
@@ -240,7 +240,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
aria-labelledby={bannerTitleId}
actions={
<Button
size="sm"
size="md"
kind="primary"
className={styles.primaryAction}
Icon={RestartIcon}
@@ -267,7 +267,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
<>
{vm.onDeleteAllClick && (
<Button
size="sm"
size="md"
kind="secondary"
Icon={DeleteIcon}
className={styles.secondaryAction}
@@ -278,7 +278,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
)}
{vm.onResendAllClick && (
<Button
size="sm"
size="md"
kind="primary"
Icon={RestartIcon}
onClick={resendClick}
packages/shared-components/src/room/RoomStatusBar/__snapshots__/RoomStatusBarView.test.tsx.snap
+18 -18
View File
@@ -92,9 +92,9 @@ exports[`RoomStatusBarView > renders consent link 1`] = `
class="Banner-module_actions"
>
<a
class="_button_13vu4_8 RoomStatusBarView-module_primaryAction"
class="_button_1nw83_8 RoomStatusBarView-module_primaryAction"
data-kind="primary"
data-size="sm"
data-size="md"
href="#example"
rel="noreferrer noopener"
role="link"
@@ -146,9 +146,9 @@ exports[`RoomStatusBarView > renders local room error 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8 RoomStatusBarView-module_primaryAction _has-icon_13vu4_60"
class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
data-kind="primary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -218,9 +218,9 @@ exports[`RoomStatusBarView > renders resource limit error 1`] = `
class="Banner-module_actions"
>
<a
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
href="#example"
rel="noreferrer noopener"
role="link"
@@ -281,9 +281,9 @@ exports[`RoomStatusBarView > renders unsent messages 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8 RoomStatusBarView-module_secondaryAction _has-icon_13vu4_60"
class="_button_1nw83_8 RoomStatusBarView-module_secondaryAction _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -302,9 +302,9 @@ exports[`RoomStatusBarView > renders unsent messages 1`] = `
Delete all
</button>
<button
class="_button_13vu4_8 RoomStatusBarView-module_primaryAction _has-icon_13vu4_60"
class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
data-kind="primary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -374,9 +374,9 @@ exports[`RoomStatusBarView > renders unsent messages and deletes all 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8 RoomStatusBarView-module_secondaryAction _has-icon_13vu4_60"
class="_button_1nw83_8 RoomStatusBarView-module_secondaryAction _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -395,9 +395,9 @@ exports[`RoomStatusBarView > renders unsent messages and deletes all 1`] = `
Delete all
</button>
<button
class="_button_13vu4_8 RoomStatusBarView-module_primaryAction _has-icon_13vu4_60"
class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
data-kind="primary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -467,9 +467,9 @@ exports[`RoomStatusBarView > renders unsent messages and resends all 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8 RoomStatusBarView-module_secondaryAction _has-icon_13vu4_60"
class="_button_1nw83_8 RoomStatusBarView-module_secondaryAction _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -488,9 +488,9 @@ exports[`RoomStatusBarView > renders unsent messages and resends all 1`] = `
Delete all
</button>
<button
class="_button_13vu4_8 RoomStatusBarView-module_primaryAction _has-icon_13vu4_60"
class="_button_1nw83_8 RoomStatusBarView-module_primaryAction _has-icon_1nw83_60"
data-kind="primary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
packages/shared-components/src/room/composer/Banner/Banner.stories.tsx
+1 -1
View File
@@ -50,7 +50,7 @@ export const WithAction: Story = {
</p>
),
actions: (
<Button kind="primary" size="sm">
<Button kind="primary" size="md">
Withdraw verification
</Button>
),
packages/shared-components/src/room/composer/Banner/Banner.tsx
+1 -1
View File
@@ -82,7 +82,7 @@ export function Banner({
<div className={styles.actions}>
{actions}
{onClose && (
<Button kind="secondary" size="sm" onClick={onClose}>
<Button kind="secondary" size="md" onClick={onClose}>
{_t("action|dismiss")}
</Button>
)}
packages/shared-components/src/room/composer/Banner/__snapshots__/Banner.test.tsx.snap
+14 -14
View File
@@ -46,18 +46,18 @@ exports[`AvatarWithDetails > renders a banner with an action 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="primary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
Withdraw verification
</button>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -92,9 +92,9 @@ exports[`AvatarWithDetails > renders a banner with an avatar iamge 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -138,9 +138,9 @@ exports[`AvatarWithDetails > renders a critical banner 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -188,9 +188,9 @@ exports[`AvatarWithDetails > renders a default banner 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -239,9 +239,9 @@ exports[`AvatarWithDetails > renders a info banner 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -285,9 +285,9 @@ exports[`AvatarWithDetails > renders a success banner 1`] = `
class="Banner-module_actions"
>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorDatePickerView.tsx
+1 -1
View File
@@ -121,7 +121,7 @@ export const DateSeparatorDatePickerView: React.FC<DateSeparatorDatePickerViewPr
className={styles.picker_button}
type="submit"
kind="primary"
size="sm"
size="md"
onKeyDown={onSubmitButtonKeyDown}
>
{_t("action|go")}
packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.tsx
+1 -1
View File
@@ -83,7 +83,7 @@ export function TileErrorView({ vm, className }: Readonly<TileErrorViewProps>):
{eventType && ` (${eventType})`}
</span>
{bugReportCtaLabel && (
<Button kind="secondary" size="sm" onClick={vm.onBugReportClick}>
<Button kind="secondary" size="md" onClick={vm.onBugReportClick}>
{bugReportCtaLabel}
</Button>
)}
packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/__snapshots__/TileErrorView.test.tsx.snap
+4 -4
View File
@@ -18,9 +18,9 @@ exports[`TileErrorView > renders the bubble layout variant 1`] = `
(m.room.message)
</span>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -56,9 +56,9 @@ exports[`TileErrorView > renders the default tile error state 1`] = `
(m.room.message)
</span>
<button
class="_button_13vu4_8"
class="_button_1nw83_8"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap
+1 -1
View File
@@ -11,7 +11,7 @@ exports[`LinkPreview > renders a playable preview that can be opened with a clic
>
<a
aria-label="Open link"
class="_button_13vu4_8 LinkPreview-module_playButton"
class="_button_1nw83_8 LinkPreview-module_playButton"
data-kind="primary"
data-size="lg"
href="https://matrix.org"
packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/UrlPreviewGroupView.tsx
+1 -1
View File
@@ -52,7 +52,7 @@ export function UrlPreviewGroupView({ vm }: UrlPreviewGroupViewProps): JSX.Eleme
let toggleButton: JSX.Element | undefined;
if (overPreviewLimit) {
toggleButton = (
<Button className={styles.toggleButton} kind="tertiary" size="sm" onClick={vm.onTogglePreviewLimit}>
<Button className={styles.toggleButton} kind="tertiary" size="md" onClick={vm.onTogglePreviewLimit}>
{previewsLimited
? _t("timeline|url_preview|show_n_more", { count: totalPreviewCount - previews.length })
: _t("action|collapse")}
packages/shared-components/src/room/timeline/event-tile/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
+6 -6
View File
@@ -207,9 +207,9 @@ exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
</div>
</div>
<button
class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
class="_button_1nw83_8 UrlPreviewGroupView-module_toggleButton"
data-kind="tertiary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -294,9 +294,9 @@ exports[`UrlPreviewGroupView > renders multiple previews which are hidden 1`] =
</div>
</div>
<button
class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
class="_button_1nw83_8 UrlPreviewGroupView-module_toggleButton"
data-kind="tertiary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -461,9 +461,9 @@ exports[`UrlPreviewGroupView > renders with a compact view 1`] = `
</div>
</div>
<button
class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
class="_button_1nw83_8 UrlPreviewGroupView-module_toggleButton"
data-kind="tertiary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarButton.tsx
+1 -1
View File
@@ -61,7 +61,7 @@ export function ActionBarButton({
data-presentation={presentation}
ref={ref}
kind="tertiary"
size="sm"
size="md"
iconOnly={iconOnly}
aria-label={label}
aria-pressed={ariaPressed}
packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/__snapshots__/ActionBarView.test.tsx.snap
+90 -90
View File
@@ -11,10 +11,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
>
<button
aria-label="Hide"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -34,10 +34,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
<button
aria-disabled="false"
aria-label="Download"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -56,10 +56,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="React"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -81,10 +81,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="Reply"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -104,10 +104,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
<button
aria-disabled="false"
aria-label="Reply in thread"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -129,10 +129,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="Edit"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -154,10 +154,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
<button
aria-label="Pin"
aria-pressed="false"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -178,10 +178,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="Retry"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -200,10 +200,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="Delete"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -223,10 +223,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
<button
aria-expanded="false"
aria-label="Expand quotes"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -245,10 +245,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="Options"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -267,10 +267,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="View in room"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -289,10 +289,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="Copy link to thread"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -311,10 +311,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="Remove"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -333,10 +333,10 @@ exports[`ActionBarView > story snapshots > renders AllIconActions 1`] = `
</button>
<button
aria-label="View Source"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -368,10 +368,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
>
<button
aria-label="Hide"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -380,10 +380,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
<button
aria-disabled="false"
aria-label="Download"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -391,10 +391,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="React"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -402,10 +402,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="Reply"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -414,10 +414,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
<button
aria-disabled="false"
aria-label="Reply in thread"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -425,10 +425,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="Edit"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -437,10 +437,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
<button
aria-label="Pin"
aria-pressed="false"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -448,10 +448,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="Retry"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -459,10 +459,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="Delete"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -471,10 +471,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
<button
aria-expanded="false"
aria-label="Expand quotes"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -482,10 +482,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="Options"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -493,10 +493,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="View in room"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -504,10 +504,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="Copy link to thread"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -515,10 +515,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="Remove"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -526,10 +526,10 @@ exports[`ActionBarView > story snapshots > renders AllLabelActions 1`] = `
</button>
<button
aria-label="View Source"
class="_button_13vu4_8 ActionBarView-module_toolbar_item"
class="_button_1nw83_8 ActionBarView-module_toolbar_item"
data-kind="tertiary"
data-presentation="label"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -551,10 +551,10 @@ exports[`ActionBarView > story snapshots > renders DecryptingAttachment 1`] = `
<button
aria-disabled="true"
aria-label="Decrypting"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -577,10 +577,10 @@ exports[`ActionBarView > story snapshots > renders DecryptingAttachment 1`] = `
</button>
<button
aria-label="Options"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -612,10 +612,10 @@ exports[`ActionBarView > story snapshots > renders DisabledThreadReply 1`] = `
>
<button
aria-label="React"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -637,10 +637,10 @@ exports[`ActionBarView > story snapshots > renders DisabledThreadReply 1`] = `
</button>
<button
aria-label="Reply"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -660,10 +660,10 @@ exports[`ActionBarView > story snapshots > renders DisabledThreadReply 1`] = `
<button
aria-disabled="true"
aria-label="Reply in thread"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -685,10 +685,10 @@ exports[`ActionBarView > story snapshots > renders DisabledThreadReply 1`] = `
</button>
<button
aria-label="Options"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -721,10 +721,10 @@ exports[`ActionBarView > story snapshots > renders DownloadingAttachment 1`] = `
<button
aria-disabled="true"
aria-label="Downloading"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -747,10 +747,10 @@ exports[`ActionBarView > story snapshots > renders DownloadingAttachment 1`] = `
</button>
<button
aria-label="Options"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -782,10 +782,10 @@ exports[`ActionBarView > story snapshots > renders ExpandedReplyChain 1`] = `
>
<button
aria-label="Reply"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -805,10 +805,10 @@ exports[`ActionBarView > story snapshots > renders ExpandedReplyChain 1`] = `
<button
aria-expanded="true"
aria-label="Collapse quotes"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -827,10 +827,10 @@ exports[`ActionBarView > story snapshots > renders ExpandedReplyChain 1`] = `
</button>
<button
aria-label="Options"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -862,10 +862,10 @@ exports[`ActionBarView > story snapshots > renders PinnedMessage 1`] = `
>
<button
aria-label="React"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -887,10 +887,10 @@ exports[`ActionBarView > story snapshots > renders PinnedMessage 1`] = `
</button>
<button
aria-label="Reply"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -910,10 +910,10 @@ exports[`ActionBarView > story snapshots > renders PinnedMessage 1`] = `
<button
aria-label="Unpin"
aria-pressed="true"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
@@ -937,10 +937,10 @@ exports[`ActionBarView > story snapshots > renders PinnedMessage 1`] = `
</button>
<button
aria-label="Options"
class="_button_13vu4_8 ActionBarView-module_toolbar_item _has-icon_13vu4_60 _icon-only_13vu4_53"
class="_button_1nw83_8 ActionBarView-module_toolbar_item _has-icon_1nw83_60 _icon-only_1nw83_53"
data-kind="tertiary"
data-presentation="icon"
data-size="sm"
data-size="md"
role="button"
tabindex="-1"
>
packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.tsx
+4 -4
View File
@@ -205,7 +205,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
<MediaBody data-type="info">
<Button
as="button"
size="sm"
size="md"
kind="secondary"
aria-label={resolvedInfoLabel}
Icon={resolvedInfoIcon}
@@ -237,7 +237,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
{showDownload && (
<div data-type="download">
{/* Decrypt/download is triggered by the view model action, not by an anchor `href`. */}
<Button size="sm" kind="secondary" Icon={DownloadIcon} onClick={vm.onDownloadClick}>
<Button size="md" kind="secondary" Icon={DownloadIcon} onClick={vm.onDownloadClick}>
{resolvedDownloadLabel}
</Button>
</div>
@@ -257,7 +257,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
* We'll use it to learn how the download button
* would have been styled if it was rendered inline.
* this violates multiple eslint rules so ignore it completely */}
<Button size="sm" kind="secondary" Icon={DownloadIcon} as="a" ref={refLink} />
<Button size="md" kind="secondary" Icon={DownloadIcon} as="a" ref={refLink} />
</div>
{/*
TODO: Move iframe (and dummy link) into FileDownloader.
@@ -287,7 +287,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
<div data-type="download">
{/* Unencrypted media uses an anchor element with VM-controlled click behavior. */}
<Button
size="sm"
size="md"
kind="secondary"
Icon={DownloadIcon}
as="a"
packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/__snapshots__/FileBodyView.test.tsx.snap
+22 -22
View File
@@ -11,9 +11,9 @@ exports[`FileBodyView > matches snapshot for audio-info story 1`] = `
>
<button
aria-label="voice-message.ogg"
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -50,9 +50,9 @@ exports[`FileBodyView > matches snapshot for decryption-pending-download story 1
data-type="download"
>
<button
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -86,9 +86,9 @@ exports[`FileBodyView > matches snapshot for default story 1`] = `
>
<button
aria-label="spec.pdf"
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -113,9 +113,9 @@ exports[`FileBodyView > matches snapshot for default story 1`] = `
data-type="download"
>
<a
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
href="https://example.org/download/spec.pdf"
rel="noreferrer noopener"
role="link"
@@ -154,9 +154,9 @@ exports[`FileBodyView > matches snapshot for encrypted-iframe-download story 1`]
style="display: none;"
>
<a
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="link"
tabindex="0"
>
@@ -199,9 +199,9 @@ exports[`FileBodyView > matches snapshot for export story 1`] = `
>
<button
aria-label="spec.pdf"
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -238,9 +238,9 @@ exports[`FileBodyView > matches snapshot for invalid story 1`] = `
>
<button
aria-label="spec.pdf"
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -279,9 +279,9 @@ exports[`FileBodyView > matches snapshot for long-filename-download story 1`] =
data-type="download"
>
<a
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
href="https://example.org/download/spec.pdf"
rel="noreferrer noopener"
role="link"
@@ -318,9 +318,9 @@ exports[`FileBodyView > matches snapshot for long-filename-info story 1`] = `
>
<button
aria-label="a very long filename to show ellipsis.pdf"
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>
@@ -354,9 +354,9 @@ exports[`FileBodyView > matches snapshot for unencrypted-download story 1`] = `
data-type="download"
>
<a
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
href="https://example.org/download/spec.pdf"
rel="noreferrer noopener"
role="link"
@@ -393,9 +393,9 @@ exports[`FileBodyView > matches snapshot for video-info story 1`] = `
>
<button
aria-label="clip.mp4"
class="_button_13vu4_8 _has-icon_13vu4_60"
class="_button_1nw83_8 _has-icon_1nw83_60"
data-kind="secondary"
data-size="sm"
data-size="md"
role="button"
tabindex="0"
>