Update dependency prettier to v3 (#12095)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
renovate[bot] 2024-01-02 18:56:39 +00:00 committed by GitHub
parent 773b03e15e
commit a0c8575113
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
110 changed files with 449 additions and 313 deletions

View file

@ -102,7 +102,10 @@ body {
* `font-feature-settings` allows us to override this behaviour and have the
* correct ligatures and the proper dynamic metric spacing.
*/
font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
font-feature-settings:
"kern" 1,
"liga" 1,
"calt" 1;
background-color: $background;
color: $primary-content;

View file

@ -15,7 +15,7 @@ limitations under the License.
*/
.mx_PollDetailHeader {
// override accessiblebutton style
/* override accessiblebutton style */
font-size: $font-15px !important;
}

View file

@ -60,6 +60,6 @@ limitations under the License.
}
.mx_PollListItemEnded_voteCount {
// 6px to match PollOption padding
/* 6px to match PollOption padding */
margin: $spacing-8 0 0 6px;
}

View file

@ -39,7 +39,7 @@ limitations under the License.
&:checked + span {
color: $accent;
font-weight: var(--cpd-font-weight-semibold);
// underline
/* underline */
box-shadow: 0 1.5px 0 0 currentColor;
}
}

View file

@ -66,8 +66,7 @@ limitations under the License.
}
}
// override checked radio button styling
// to show checkmark instead
/* override checked radio button styling to show checkmark instead */
.mx_StyledRadioButton_checked {
input[type="radio"] + div {
border-width: 2px;

View file

@ -15,6 +15,6 @@ limitations under the License.
*/
.mx_CurrentDeviceSection_deviceDetails {
// align with text of session tile
/* align with text of session tile */
margin-left: 56px;
}

View file

@ -44,7 +44,7 @@ limitations under the License.
}
.mx_DeviceDetailHeading_renameFormInput {
// override field styles
/* override field styles */
margin: 0 0 $spacing-4 0 !important;
}

View file

@ -45,13 +45,13 @@ limitations under the License.
.mx_FilteredDeviceList_headerButton {
flex-shrink: 0;
// override inline button styling
/* override inline button styling */
display: flex !important;
flex-direction: row;
gap: $spacing-8;
}
.mx_FilteredDeviceList_deviceDetails {
// align with text of session tile
/* align with text of session tile */
margin-left: 88px;
}

View file

@ -33,8 +33,7 @@ limitations under the License.
width: 100%;
display: grid;
grid-gap: $spacing-8;
// setting minwidth 0 makes columns definitely sized
// fixing horizontal overflow
/* setting minwidth 0 makes columns definitely sized fixing horizontal overflow */
grid-template-columns: minmax(0, 1fr);
justify-items: flex-start;
margin-top: $spacing-24;

View file

@ -38,7 +38,7 @@ limitations under the License.
flex: 1;
min-width: 40%;
resize: none;
// `!important` is required to bypass global input styles.
/* `!important` is required to bypass global input styles. */
margin: 0 !important;
padding: $spacing-8 9px;
border: none !important;

View file

@ -28,7 +28,9 @@ limitations under the License.
top: -1px;
z-index: 1;
will-change: width;
transition: width 400ms easeinsine 1s, opacity 400ms easeinsine 1s;
transition:
width 400ms easeinsine 1s,
opacity 400ms easeinsine 1s;
width: 99%;
opacity: 1;
}

View file

@ -266,7 +266,7 @@ limitations under the License.
flex-grow: 1;
.mx_SpaceTreeLevel {
// Indent subspaces
/* Indent subspaces */
padding-left: 16px;
}
}
@ -416,7 +416,6 @@ limitations under the License.
font-size: $font-10px;
line-height: $font-12px;
font-weight: var(--cpd-font-weight-semibold);
//margin-left: 8px;
}
}

View file

@ -36,7 +36,8 @@ limitations under the License.
filter: blur(8px);
inset: -9px;
mask:
/* mask to dither resulting combined gradient */ url("$(res)/img/noise.png"),
/* mask to dither resulting combined gradient */
url("$(res)/img/noise.png"),
/* gradient to apply different amounts of dithering to different parts of the gradient */
linear-gradient(
to bottom,

View file

@ -67,7 +67,7 @@ limitations under the License.
.mx_AuthBody_lockIcon {
color: $secondary-content;
height: 32px;
margin-bottom: -3px; // tweak to align all icons on different forgot password steps
margin-bottom: -3px; /* tweak to align all icons on different forgot password steps */
}
.mx_AuthBody_text {
@ -211,9 +211,9 @@ limitations under the License.
}
.mx_AuthBody_emailPromptIcon--shifted {
margin-bottom: -17px; // Prevent layout jump by relative positioning.
margin-bottom: -17px; /* Prevent layout jump by relative positioning. */
position: relative;
top: -17px; // This icon is higher than the other icons. Shift up to prevent icon jumping.
top: -17px; /* This icon is higher than the other icons. Shift up to prevent icon jumping. */
width: 57px;
}

View file

@ -30,9 +30,9 @@ limitations under the License.
.mx_DecoratedRoomAvatar_icon {
position: absolute;
/* the following percentage based sizings are to match the scalable svg mask for the cutout */
bottom: 6.25%; // 2px for a 32x32 avatar
bottom: 6.25%; /* 2px for a 32x32 avatar */
right: 6.25%;
width: 25%; // 8px for a 32x32 avatar
width: 25%; /* 8px for a 32x32 avatar */
height: 25%;
border-radius: 50%;
}

View file

@ -18,7 +18,7 @@ limitations under the License.
.mx_IconizedContextMenu {
min-width: 146px;
width: max-content;
// override default ul styles
/* override default ul styles */
margin: 0;
padding: 0;

View file

@ -38,7 +38,9 @@ limitations under the License.
}
.mx_AddExistingToSpace_section {
margin-right: 12px; // provides space for scrollbar so that checkbox and scrollbar do not collide
margin-right: 12px;
// provides space for scrollbar so that checkbox and scrollbar do not collide
&:not(:first-child) {
margin-top: 24px;

View file

@ -97,7 +97,9 @@ limitations under the License.
.mx_StyledRadioButton {
display: inline-flex;
font-size: 20px;
transition: font-size 1s, border 0.5s;
transition:
font-size 1s,
border 0.5s;
border-radius: 50%;
border: 2px solid transparent;
margin-top: 12px;

View file

@ -58,7 +58,7 @@ limitations under the License.
.mx_Dropdown_option {
height: 35px;
line-height: $font-35px;
// Overwrites the default padding for any li elements
/* Overwrites the default padding for any li elements */
padding: 0 8px;
}

View file

@ -95,7 +95,10 @@ limitations under the License.
}
.mx_Field label {
transition: font-size 0.25s ease-out 0.1s, color 0.25s ease-out 0.1s, transform 0.25s ease-out 0.1s,
transition:
font-size 0.25s ease-out 0.1s,
color 0.25s ease-out 0.1s,
transform 0.25s ease-out 0.1s,
background-color 0.25s ease-out 0.1s;
background-color: transparent;
font: var(--cpd-font-body-md-regular);
@ -117,7 +120,10 @@ limitations under the License.
.mx_Field input:not(:placeholder-shown) + label,
.mx_Field textarea:focus + label,
.mx_Field textarea:not(:placeholder-shown) + label {
transition: font-size 0.25s ease-out 0s, color 0.25s ease-out 0s, transform 0.25s ease-out 0s,
transition:
font-size 0.25s ease-out 0s,
color 0.25s ease-out 0s,
transform 0.25s ease-out 0s,
background-color 0.25s ease-out 0s;
font-size: $font-10px;
transform: translateY(-13px);

View file

@ -32,7 +32,7 @@ limitations under the License.
}
.mx_GenericEventListSummary_toggle {
// We reuse a title cased translation
/* We reuse a title cased translation */
text-transform: lowercase;
}

View file

@ -25,7 +25,9 @@ limitations under the License.
color: $primary-content;
position: absolute;
z-index: 5001;
box-shadow: 0 24px 8px rgb(17 17 26 / 4%), 0 8px 32px rgb(17 17 26 / 4%);
box-shadow:
0 24px 8px rgb(17 17 26 / 4%),
0 8px 32px rgb(17 17 26 / 4%);
}
.mx_InteractiveTooltip.mx_InteractiveTooltip_withChevron_top {

View file

@ -15,7 +15,7 @@ limitations under the License.
*/
.mx_ReplyChain {
margin: 0; // Reset default blockquote margin
margin: 0; /* Reset default blockquote margin */
padding-left: 10px;
border-left: 2px solid var(--username-color);
border-radius: 2px;

View file

@ -24,7 +24,7 @@ limitations under the License.
appearance: none;
width: 100%;
background: none;
font-size: 1em; // set base multiplier for em units applied later
font-size: 1em; /* set base multiplier for em units applied later */
--active-color: $accent;
--selection-dot-size: 2.4em;
@ -114,7 +114,7 @@ limitations under the License.
left: 50%;
transform: translateX(-50%);
font-size: 1em; // set base multiplier for em units applied later
font-size: 1em; /* set base multiplier for em units applied later */
text-align: center;
top: 3em;

View file

@ -158,9 +158,9 @@ limitations under the License.
.mx_BaseCard_close {
flex-shrink: 0;
position: relative;
// @TODO(kerrya) background colours here are not semantic
// these buttons to be replaced with IconButton after secondary variant is added
// https://github.com/vector-im/compound/issues/279
/* @TODO(kerrya) background colours here are not semantic
these buttons to be replaced with IconButton after secondary variant is added
https://github.com/vector-im/compound/issues/279 */
background-color: var(--cpd-color-bg-subtle-secondary);
width: var(--BaseCard_header-button-size);
height: var(--BaseCard_header-button-size);

View file

@ -133,7 +133,7 @@ limitations under the License.
line-height: $font-25px;
flex: 1;
justify-content: center;
// We reverse things here so for accessible technologies the name comes before the e2e shield
/* We reverse things here so for accessible technologies the name comes before the e2e shield */
flex-direction: row-reverse;
span {

View file

@ -355,12 +355,12 @@ limitations under the License.
.mx_EventTile_e2eIcon {
flex-shrink: 0; /* keep it at full size */
// Keep height equal to text for shield alignment, additional 2px because of 1px padding on text
/* Keep height equal to text for shield alignment, additional 2px because of 1px padding on text */
height: calc($font-18px + 2px);
}
.mx_MPollEndBody {
// Prevent the poll end body from exceeding the tile width
/* Prevent the poll end body from exceeding the tile width */
width: 100%;
}
}

View file

@ -488,7 +488,7 @@ $left-gutter: 64px;
.mx_EventTile_e2eIcon {
inset: 0 0 0 44px;
// Keep height equal to text for alignment
/* Keep height equal to text for alignment */
height: var(--EventTile_group_line-line-height);
margin: 1px;
}
@ -701,11 +701,11 @@ $left-gutter: 64px;
background-color: $inlinecode-background-color;
border: 1px solid $inlinecode-border-color;
border-radius: 4px;
// The horizontal padding is added by gfm.css .markdown-body
/* The horizontal padding is added by gfm.css .markdown-body */
padding: $spacing-2 0;
// Avoid inline code blocks to be sticked when on multiple lines
/* Avoid inline code blocks to be sticked when on multiple lines */
line-height: $font-22px;
// Avoid the border to be glued to the other words
/* Avoid the border to be glued to the other words */
margin-right: $spacing-2;
}
@ -792,7 +792,7 @@ $left-gutter: 64px;
.mx_EventTile_spoiler {
cursor: pointer;
// clear button styles
/* clear button styles */
appearance: none;
background: none;
border: none;
@ -852,17 +852,17 @@ $left-gutter: 64px;
}
&.mx_EventTile_e2eIcon_warning::after {
mask-image: url("$(res)/img/e2e/warning.svg"); // (!) in a shield
background-color: $e2e-warning-color; // red
mask-image: url("$(res)/img/e2e/warning.svg"); /* (!) in a shield */
background-color: $e2e-warning-color; /* red */
}
&.mx_EventTile_e2eIcon_normal::after {
mask-image: url("$(res)/img/e2e/normal.svg"); // regular shield
background-color: $header-panel-text-primary-color; // grey
mask-image: url("$(res)/img/e2e/normal.svg"); /* regular shield */
background-color: $header-panel-text-primary-color; /* grey */
}
&.mx_EventTile_e2eIcon_decryption_failure::after {
mask-image: url("$(res)/img/e2e/decryption-failure.svg"); // key in a circle
mask-image: url("$(res)/img/e2e/decryption-failure.svg"); /* key in a circle */
background-color: $secondary-content;
}
}

View file

@ -55,7 +55,9 @@ limitations under the License.
width: 14px;
height: 14px;
will-change: left, top;
transition: left var(--transition-short) ease-out, top var(--transition-standard) ease-out;
transition:
left var(--transition-short) ease-out,
top var(--transition-standard) ease-out;
}
}
}
@ -109,7 +111,7 @@ limitations under the License.
margin: 6px 8px;
align-self: center;
justify-self: center;
flex-shrink: 0; // Long names should not shrink the picture
flex-shrink: 0; /* Long names should not shrink the picture */
}
.mx_ReadReceiptGroup_name {

View file

@ -37,7 +37,9 @@ limitations under the License.
color: $secondary-content;
transition: color ease 0.15s;
gap: 2px;
max-width: 100%; // avoid overflow with wide content
max-width: 100%;
// avoid overflow with wide content
&:hover {
color: $primary-content;
@ -112,7 +114,7 @@ limitations under the License.
grid-template:
"sender message" auto
/ max-content auto;
gap: 4px; // increase spacing
gap: 4px; /* increase spacing */
}
.mx_ReplyTile_sender {
@ -124,18 +126,18 @@ limitations under the License.
.mx_DisambiguatedProfile {
font: var(--cpd-font-body-md-regular);
display: inline-block; // anti-zalgo, with overflow hidden
display: inline-block; /* anti-zalgo, with overflow hidden */
padding: 0;
margin: 0;
// truncate long display names
/* truncate long display names */
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mx_BaseAvatar {
line-height: 14px; // To match size
line-height: 14px; /* To match size */
}
}
}

View file

@ -28,7 +28,7 @@ limitations under the License.
}
.mx_RoomHeader_infoWrapper {
// unset button styles
/* unset button styles */
background: unset;
border: unset;
flex: 1;

View file

@ -46,8 +46,8 @@ limitations under the License.
p {
margin-top: 0;
margin-bottom: 0;
// this may seem redundant, but we need to handle zero content formatting tags, which occur when we split a
// formatting tag into paragraphs
/* this may seem redundant, but we need to handle zero content formatting tags, which occur when we split a
formatting tag into paragraphs */
min-height: $font-22px;
}

View file

@ -61,11 +61,11 @@ limitations under the License.
font: var(--cpd-font-body-sm-semibold);
}
.mx_UserNotifSettings_gridRowError {
// occupy full row
/* occupy full row */
grid-column: 1/-1;
justify-self: start;
padding-right: 30%;
// collapse half of the grid-gap
/* collapse half of the grid-gap */
margin-top: -$spacing-4;
}

View file

@ -16,7 +16,6 @@ limitations under the License.
.mx_Field.mx_AppearanceUserSettingsTab_checkboxControlledField {
width: 256px;
// matches checkbox box + padding
// to align with checkbox label
/* matches checkbox box + padding to align with checkbox label */
margin-inline-start: calc($font-16px + 10px);
}

View file

@ -24,7 +24,7 @@ limitations under the License.
.mx_SidebarUserSettingsTab_checkbox {
margin-bottom: $spacing-8;
// override checkbox styles˚
/* override checkbox styles */
label {
align-items: flex-start !important;
}

View file

@ -16,7 +16,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 400;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-Regular.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-Regular.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-Regular.woff?v=3.18") format("woff");
}
@font-face {
@ -25,7 +26,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 400;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-Italic.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-Italic.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-Italic.woff?v=3.18") format("woff");
}
@ -35,7 +37,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 500;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-Medium.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-Medium.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-Medium.woff?v=3.18") format("woff");
}
@font-face {
@ -44,7 +47,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 500;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-MediumItalic.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-MediumItalic.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-MediumItalic.woff?v=3.18") format("woff");
}
@ -54,7 +58,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 600;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-SemiBold.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-SemiBold.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-SemiBold.woff?v=3.18") format("woff");
}
@font-face {
@ -63,7 +68,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 600;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-SemiBoldItalic.woff?v=3.18") format("woff");
}
@ -73,7 +79,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 700;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-Bold.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-Bold.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-Bold.woff?v=3.18") format("woff");
}
@font-face {
@ -82,7 +89,8 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-weight: 700;
font-display: swap;
unicode-range: $inter-unicode-range;
src: url("$(res)/fonts/Inter/Inter-BoldItalic.woff2?v=3.18") format("woff2"),
src:
url("$(res)/fonts/Inter/Inter-BoldItalic.woff2?v=3.18") format("woff2"),
url("$(res)/fonts/Inter/Inter-BoldItalic.woff?v=3.18") format("woff");
}
@ -91,7 +99,9 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-family: "Inconsolata";
font-style: normal;
font-weight: 400;
src: local("Inconsolata Regular"), local("Inconsolata-Regular"),
src:
local("Inconsolata Regular"),
local("Inconsolata-Regular"),
url("$(res)/fonts/Inconsolata/QldKNThLqRwH-OJ1UHjlKGlX5qhExfHwNJU.woff2") format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@ -101,7 +111,9 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Inconsolata Regular"), local("Inconsolata-Regular"),
src:
local("Inconsolata Regular"),
local("Inconsolata-Regular"),
url("$(res)/fonts/Inconsolata/QldKNThLqRwH-OJ1UHjlKGlZ5qhExfHw.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@ -112,7 +124,9 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Inconsolata Bold"), local("Inconsolata-Bold"),
src:
local("Inconsolata Bold"),
local("Inconsolata-Bold"),
url("$(res)/fonts/Inconsolata/QldXNThLqRwH-OJ1UHjlKGHiw71n5_zaDpwm80E.woff2") format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@ -122,7 +136,9 @@ $inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f, U+25c2
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Inconsolata Bold"), local("Inconsolata-Bold"),
src:
local("Inconsolata Bold"),
local("Inconsolata-Bold"),
url("$(res)/fonts/Inconsolata/QldXNThLqRwH-OJ1UHjlKGHiw71p5_zaDpwm.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;