Skip to content

Commit

Permalink
Update snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@mirka
mirka committed Aug 31, 2022
1 parent af35b85 commit acd3541
Showing 1 changed file with 204 additions and 88 deletions.
292 changes: 204 additions & 88 deletions .../src/components/preferences-modal/options/test/__snapshots__/enable-custom-fields.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,14 +13,37 @@ exports[`EnableCustomFieldsOption renders a checked checkbox and a confirmation
box-sizing: inherit;
}
.emotion-2 {
margin-bottom: calc(4px * 2);
}
.components-panel__row .emotion-2 {
margin-bottom: inherit;
}
.emotion-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
}
.emotion-4>*+*:not( marquee ) {
margin-left: calc(4px * 3);
}
.emotion-4>* {
min-width: 0;
}
<div
className="interface-preferences-modal__option"
>
Expand All @@ -30,27 +53,33 @@ exports[`EnableCustomFieldsOption renders a checked checkbox and a confirmation
<div
className="components-base-control__field emotion-2 emotion-3"
>
<span
className="components-form-toggle is-checked"
<div
className="components-flex components-h-stack emotion-4 emotion-5"
data-wp-c16t={true}
data-wp-component="HStack"
>
<input
checked={true}
className="components-form-toggle__input"
id="inspector-toggle-control-3"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
className="components-form-toggle is-checked"
>
<input
checked={true}
className="components-form-toggle__input"
id="inspector-toggle-control-3"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-3"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-3"
/>
</div>
</div>
</div>
<p
Expand Down Expand Up @@ -83,14 +112,37 @@ exports[`EnableCustomFieldsOption renders a checked checkbox when custom fields
box-sizing: inherit;
}
.emotion-2 {
margin-bottom: calc(4px * 2);
}
.components-panel__row .emotion-2 {
margin-bottom: inherit;
}
.emotion-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
}
.emotion-4>*+*:not( marquee ) {
margin-left: calc(4px * 3);
}
.emotion-4>* {
min-width: 0;
}
<div
className="interface-preferences-modal__option"
>
Expand All @@ -100,27 +152,33 @@ exports[`EnableCustomFieldsOption renders a checked checkbox when custom fields
<div
className="components-base-control__field emotion-2 emotion-3"
>
<span
className="components-form-toggle is-checked"
<div
className="components-flex components-h-stack emotion-4 emotion-5"
data-wp-c16t={true}
data-wp-component="HStack"
>
<input
checked={true}
className="components-form-toggle__input"
id="inspector-toggle-control-0"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
className="components-form-toggle is-checked"
>
<input
checked={true}
className="components-form-toggle__input"
id="inspector-toggle-control-0"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-0"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-0"
/>
</div>
</div>
</div>
</div>
Expand All @@ -139,14 +197,37 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox and a confirmati
box-sizing: inherit;
}
.emotion-2 {
margin-bottom: calc(4px * 2);
}
.components-panel__row .emotion-2 {
margin-bottom: inherit;
}
.emotion-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
}
.emotion-4>*+*:not( marquee ) {
margin-left: calc(4px * 3);
}
.emotion-4>* {
min-width: 0;
}
<div
className="interface-preferences-modal__option"
>
Expand All @@ -156,27 +237,33 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox and a confirmati
<div
className="components-base-control__field emotion-2 emotion-3"
>
<span
className="components-form-toggle"
<div
className="components-flex components-h-stack emotion-4 emotion-5"
data-wp-c16t={true}
data-wp-component="HStack"
>
<input
checked={false}
className="components-form-toggle__input"
id="inspector-toggle-control-2"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
className="components-form-toggle"
>
<input
checked={false}
className="components-form-toggle__input"
id="inspector-toggle-control-2"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-2"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-2"
/>
</div>
</div>
</div>
<p
Expand Down Expand Up @@ -209,14 +296,37 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox when custom fiel
box-sizing: inherit;
}
.emotion-2 {
margin-bottom: calc(4px * 2);
}
.components-panel__row .emotion-2 {
margin-bottom: inherit;
}
.emotion-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
}
.emotion-4>*+*:not( marquee ) {
margin-left: calc(4px * 3);
}
.emotion-4>* {
min-width: 0;
}
<div
className="interface-preferences-modal__option"
>
Expand All @@ -226,27 +336,33 @@ exports[`EnableCustomFieldsOption renders an unchecked checkbox when custom fiel
<div
className="components-base-control__field emotion-2 emotion-3"
>
<span
className="components-form-toggle"
<div
className="components-flex components-h-stack emotion-4 emotion-5"
data-wp-c16t={true}
data-wp-component="HStack"
>
<input
checked={false}
className="components-form-toggle__input"
id="inspector-toggle-control-1"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
className="components-form-toggle"
>
<input
checked={false}
className="components-form-toggle__input"
id="inspector-toggle-control-1"
onChange={[Function]}
type="checkbox"
/>
<span
className="components-form-toggle__track"
/>
<span
className="components-form-toggle__thumb"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-1"
/>
</span>
<label
className="components-toggle-control__label"
htmlFor="inspector-toggle-control-1"
/>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit acd3541

Please sign in to comment.