Skip to content

Commit

Permalink
Update snapshot
Browse files Browse the repository at this point in the history
  • Loading branch information
@mirka
mirka committed Aug 26, 2022
1 parent baa3837 commit 18e427a
Showing 1 changed file with 62 additions and 44 deletions.
106 changes: 62 additions & 44 deletions packages/components/src/toggle-group-control/test/__snapshots__/index.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,13 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
}
.emotion-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.emotion-6 {
font-size: 11px;
font-weight: 500;
line-height: 1.4;
Expand All @@ -31,7 +38,7 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
padding: 0;
}
.emotion-6 {
.emotion-8 {
background: #fff;
border: 1px solid transparent;
border-radius: 2px;
Expand All @@ -49,23 +56,23 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
}
@media ( prefers-reduced-motion: reduce ) {
.emotion-6 {
.emotion-8 {
transition-duration: 0ms;
}
}
.emotion-6:focus-within {
.emotion-8:focus-within {
border-color: var( --wp-admin-theme-color-darker-10, #006ba1);
box-shadow: 0 0 0 0.5px var( --wp-admin-theme-color, #007cba);
outline: none;
z-index: 1;
}
.emotion-6:hover {
.emotion-8:hover {
border-color: #757575;
}
.emotion-8 {
.emotion-10 {
background: #1e1e1e;
border-radius: 2px;
box-shadow: transparent;
Expand All @@ -79,12 +86,12 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
}
@media ( prefers-reduced-motion: reduce ) {
.emotion-8 {
.emotion-10 {
transition-duration: 0ms;
}
}
.emotion-10 {
.emotion-12 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand All @@ -97,7 +104,7 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
flex: 1;
}
.emotion-12 {
.emotion-14 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
Expand Down Expand Up @@ -138,34 +145,34 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
}
@media ( prefers-reduced-motion: reduce ) {
.emotion-12 {
.emotion-14 {
transition-duration: 0ms;
}
}
.emotion-12::-moz-focus-inner {
.emotion-14::-moz-focus-inner {
border: 0;
}
.emotion-12:active {
.emotion-14:active {
background: #fff;
}
.emotion-13 {
.emotion-15 {
width: 30px;
padding-left: 0;
padding-right: 0;
}
.emotion-14 {
.emotion-16 {
color: #fff;
}
.emotion-14:active {
.emotion-16:active {
background: transparent;
}
.emotion-15 {
.emotion-17 {
font-size: 13px;
line-height: 1;
}
Expand All @@ -176,16 +183,18 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
<div
class="components-base-control__field emotion-2 emotion-3"
>
<div>
<div
class="emotion-4 emotion-5"
>
<span
class="components-base-control__label emotion-4 emotion-5"
class="components-base-control__label emotion-6 emotion-7"
>
Test Toggle Group Control
</span>
</div>
<div
aria-label="Test Toggle Group Control"
class="components-toggle-group-control emotion-6 emotion-7"
class="components-toggle-group-control emotion-8 emotion-9"
data-wp-c16t="true"
data-wp-component="ToggleGroupControl"
id="toggle-group-control-1"
Expand All @@ -196,18 +205,18 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
<div
class="emotion-8 emotion-9"
class="emotion-10 emotion-11"
role="presentation"
style="transform: translateX(0px); transition: none; width: 0px;"
/>
<div
class="emotion-10 emotion-11"
class="emotion-12 emotion-13"
data-active="true"
>
<button
aria-checked="true"
aria-label="Uppercase"
class="emotion-12 emotion-13 components-toggle-group-control-option-base emotion-14"
class="emotion-14 emotion-15 components-toggle-group-control-option-base emotion-16"
data-value="uppercase"
data-wp-c16t="true"
data-wp-component="ToggleGroupControlOptionBase"
Expand All @@ -216,7 +225,7 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
tabindex="0"
>
<div
class="emotion-15 emotion-16"
class="emotion-17 emotion-18"
>
<svg
aria-hidden="true"
Expand All @@ -234,13 +243,13 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
</button>
</div>
<div
class="emotion-10 emotion-11"
class="emotion-12 emotion-13"
data-active="false"
>
<button
aria-checked="false"
aria-label="Lowercase"
class="emotion-12 emotion-13 components-toggle-group-control-option-base"
class="emotion-14 emotion-15 components-toggle-group-control-option-base"
data-value="lowercase"
data-wp-c16t="true"
data-wp-component="ToggleGroupControlOptionBase"
Expand All @@ -249,7 +258,7 @@ exports[`ToggleGroupControl should render correctly with icons 1`] = `
tabindex="-1"
>
<div
class="emotion-15 emotion-16"
class="emotion-17 emotion-18"
>
<svg
aria-hidden="true"
Expand Down Expand Up @@ -293,6 +302,13 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
}
.emotion-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.emotion-6 {
font-size: 11px;
font-weight: 500;
line-height: 1.4;
Expand All @@ -302,7 +318,7 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
padding: 0;
}
.emotion-6 {
.emotion-8 {
background: #fff;
border: 1px solid transparent;
border-radius: 2px;
Expand All @@ -320,23 +336,23 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
}
@media ( prefers-reduced-motion: reduce ) {
.emotion-6 {
.emotion-8 {
transition-duration: 0ms;
}
}
.emotion-6:focus-within {
.emotion-8:focus-within {
border-color: var( --wp-admin-theme-color-darker-10, #006ba1);
box-shadow: 0 0 0 0.5px var( --wp-admin-theme-color, #007cba);
outline: none;
z-index: 1;
}
.emotion-6:hover {
.emotion-8:hover {
border-color: #757575;
}
.emotion-8 {
.emotion-10 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
Expand All @@ -349,7 +365,7 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
flex: 1;
}
.emotion-10 {
.emotion-12 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
Expand Down Expand Up @@ -390,20 +406,20 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
}
@media ( prefers-reduced-motion: reduce ) {
.emotion-10 {
.emotion-12 {
transition-duration: 0ms;
}
}
.emotion-10::-moz-focus-inner {
.emotion-12::-moz-focus-inner {
border: 0;
}
.emotion-10:active {
.emotion-12:active {
background: #fff;
}
.emotion-11 {
.emotion-13 {
font-size: 13px;
line-height: 1;
}
Expand All @@ -414,16 +430,18 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
<div
class="components-base-control__field emotion-2 emotion-3"
>
<div>
<div
class="emotion-4 emotion-5"
>
<span
class="components-base-control__label emotion-4 emotion-5"
class="components-base-control__label emotion-6 emotion-7"
>
Test Toggle Group Control
</span>
</div>
<div
aria-label="Test Toggle Group Control"
class="components-toggle-group-control emotion-6 emotion-7"
class="components-toggle-group-control emotion-8 emotion-9"
data-wp-c16t="true"
data-wp-component="ToggleGroupControl"
id="toggle-group-control-0"
Expand All @@ -434,13 +452,13 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
style="position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; pointer-events: none; opacity: 0; overflow: hidden; z-index: -1;"
/>
<div
class="emotion-8 emotion-9"
class="emotion-10 emotion-11"
data-active="false"
>
<button
aria-checked="false"
aria-label="R"
class="emotion-10 components-toggle-group-control-option-base"
class="emotion-12 components-toggle-group-control-option-base"
data-value="rigas"
data-wp-c16t="true"
data-wp-component="ToggleGroupControlOptionBase"
Expand All @@ -449,20 +467,20 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
tabindex="0"
>
<div
class="emotion-11 emotion-12"
class="emotion-13 emotion-14"
>
R
</div>
</button>
</div>
<div
class="emotion-8 emotion-9"
class="emotion-10 emotion-11"
data-active="false"
>
<button
aria-checked="false"
aria-label="J"
class="emotion-10 components-toggle-group-control-option-base"
class="emotion-12 components-toggle-group-control-option-base"
data-value="jack"
data-wp-c16t="true"
data-wp-component="ToggleGroupControlOptionBase"
Expand All @@ -471,7 +489,7 @@ exports[`ToggleGroupControl should render correctly with text options 1`] = `
tabindex="-1"
>
<div
class="emotion-11 emotion-12"
class="emotion-13 emotion-14"
>
J
</div>
Expand Down

0 comments on commit 18e427a

Please sign in to comment.