Snapshot updates

looker-open-source · Oct 14, 2020 · 01d7540 · 01d7540
1 parent 0d83f6f
commit 01d7540
Show file tree

Hide file tree

Showing 15 changed files with 148 additions and 136 deletions.
diff --git a/packages/components/src/Button/__snapshots__/Button.test.tsx.snap b/packages/components/src/Button/__snapshots__/Button.test.tsx.snap
@@ -74,7 +74,7 @@ exports[`Button Focus: renders outline when tabbing into focus, but not when cli
 
 exports[`Button Focus: renders outline when tabbing into focus, but not when clicking 2`] = `
 <button
-  class="sc-htpNat fSpmeZ sc-bxivhb sc-ifAKCX cTAvkg"
+  class="sc-dlnjPT fETCVq sc-hKFyIo sc-eCApGN boPfme HTUZM"
 >
   focus
 </button>

diff --git a/packages/components/src/Button/__snapshots__/ButtonOutline.test.tsx.snap b/packages/components/src/Button/__snapshots__/ButtonOutline.test.tsx.snap
@@ -76,7 +76,7 @@ exports[`ButtonOutline Focus: renders outline when tabbing into focus, but not w
 
 exports[`ButtonOutline Focus: renders outline when tabbing into focus, but not when clicking 2`] = `
 <button
-  class="sc-htpNat fSpmeZ sc-bxivhb sc-ifAKCX eWwItv"
+  class="sc-dlnjPT fETCVq sc-hKFyIo sc-eCApGN boPfme gNsZPV"
 >
   focus
 </button>

diff --git a/packages/components/src/Button/__snapshots__/ButtonTransparent.test.tsx.snap b/packages/components/src/Button/__snapshots__/ButtonTransparent.test.tsx.snap
@@ -76,7 +76,7 @@ exports[`ButtonTransparent Focus: renders outline when tabbing into focus, but n
 
 exports[`ButtonTransparent Focus: renders outline when tabbing into focus, but not when clicking 2`] = `
 <button
-  class="sc-htpNat fSpmeZ sc-bxivhb sc-ifAKCX DZEOe"
+  class="sc-dlnjPT fETCVq sc-hKFyIo sc-eCApGN boPfme Eezua"
 >
   focus
 </button>

diff --git a/packages/components/src/ChipButton/__snapshots__/ChipButton.test.tsx.snap b/packages/components/src/ChipButton/__snapshots__/ChipButton.test.tsx.snap
@@ -1,6 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ChipButton renders correctly 1`] = `
+.c2 {
+  font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
+}
+
 .c0 {
   font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
   -webkit-align-items: center;
@@ -47,8 +51,7 @@ exports[`ChipButton renders correctly 1`] = `
   background: #F5F6F7;
 }
 
-.c2 {
-  font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
+.c3 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -99,7 +102,7 @@ exports[`ChipButton renders correctly 1`] = `
 }
 
 <span
-  className="c0 c1"
+  className="c0  c1"
   onBlur={[Function]}
   onClick={[Function]}
   onKeyDown={[Function]}
@@ -108,7 +111,7 @@ exports[`ChipButton renders correctly 1`] = `
   tabIndex={0}
 >
   <span
-    className="c2"
+    className="c2 c3"
   >
     chip
   </span>

diff --git a/packages/components/src/Dialog/Layout/__snapshots__/DialogHeader.test.tsx.snap b/packages/components/src/Dialog/Layout/__snapshots__/DialogHeader.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DialogHeader Snapshot 1`] = `
-.c6 {
+.c7 {
   font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
   width: 1.25rem;
   height: 1.25rem;
@@ -18,12 +18,12 @@ exports[`DialogHeader Snapshot 1`] = `
   flex-shrink: 0;
 }
 
-.c6 svg {
+.c7 svg {
   height: 100%;
   width: 100%;
 }
 
-.c3 {
+.c4 {
   font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
   width: 36px;
   -webkit-align-items: center;
@@ -55,7 +55,7 @@ exports[`DialogHeader Snapshot 1`] = `
   padding: 0rem;
 }
 
-.c3[disabled] {
+.c4[disabled] {
   cursor: default;
   -webkit-filter: grayscale(0.3);
   filter: grayscale(0.3);
@@ -68,13 +68,16 @@ exports[`DialogHeader Snapshot 1`] = `
   font-weight: 600;
   line-height: 1.5rem;
   margin-right: 2rem;
+}
+
+.c2 {
   color: #262D33;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.c5 {
+.c6 {
   -webkit-clip: rect(1px,1px,1px,1px);
   clip: rect(1px,1px,1px,1px);
   height: 1px;
@@ -83,31 +86,31 @@ exports[`DialogHeader Snapshot 1`] = `
   width: 1px;
 }
 
-.c4 {
+.c5 {
   font-family: 'Roboto','Noto Sans JP','Noto Sans CJK KR','Noto Sans Arabic UI','Noto Sans Devanagari UI','Noto Sans Hebrew','Noto Sans Thai UI','Helvetica','Arial',sans-serif;
   background: none;
   border: none;
   color: #959a9d;
   padding: 0;
 }
 
-.c4:hover,
-.c4:focus,
-.c4.hover {
+.c5:hover,
+.c5:focus,
+.c5.hover {
   color: #7a818b;
 }
 
-.c4[aria-expanded='true'],
-.c4:active,
-.c4.active {
+.c5[aria-expanded='true'],
+.c5:active,
+.c5.active {
   color: #5f656e;
 }
 
-.c4 svg {
+.c5 svg {
   pointer-events: none;
 }
 
-.c2 {
+.c3 {
   margin-left: auto;
 }
 
@@ -134,7 +137,7 @@ exports[`DialogHeader Snapshot 1`] = `
   id="test-DialogHeader"
 >
   <h3
-    className="c1"
+    className="c1 c2"
     fontFamily="brand"
     fontSize="large"
     fontWeight="semiBold"
@@ -147,11 +150,11 @@ exports[`DialogHeader Snapshot 1`] = `
     The Heading for a Dialog
   </h3>
   <div
-    className="c2"
+    className="c3"
   >
     <button
       aria-describedby="test-DialogHeader-iconButton-tooltip"
-      className="c3 c4"
+      className="c4 c5"
       color="neutral"
       onBlur={[Function]}
       onClick={[Function]}
@@ -165,13 +168,13 @@ exports[`DialogHeader Snapshot 1`] = `
       width={36}
     >
       <div
-        className="c5"
+        className="c6"
       >
         Close
       </div>
       <div
         aria-hidden={true}
-        className="c6"
+        className="c7"
       >
         <svg
           fill="currentColor"

diff --git a/packages/components/src/Form/Fields/FieldCheckbox/__snapshots__/FieldCheckbox.test.tsx.snap b/packages/components/src/Form/Fields/FieldCheckbox/__snapshots__/FieldCheckbox.test.tsx.snap
@@ -38,7 +38,7 @@ exports[`A FieldCheckbox 1`] = `
   padding-left: 0.5rem;
 }
 
-.c0 .sc-jlZIZy {
+.c0 .sc-ljslrt {
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
@@ -211,7 +211,7 @@ exports[`A FieldCheckbox with checked value 1`] = `
   padding-left: 0.5rem;
 }
 
-.c0 .sc-jlZIZy {
+.c0 .sc-ljslrt {
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;

diff --git a/packages/components/src/Form/Fields/FieldRadio/__snapshots__/FieldRadio.test.tsx.snap b/packages/components/src/Form/Fields/FieldRadio/__snapshots__/FieldRadio.test.tsx.snap
@@ -106,7 +106,7 @@ exports[`A FieldRadio 1`] = `
   padding-left: 0.5rem;
 }
 
-.c0 .sc-iNiQeE {
+.c0 .sc-laZMyp {
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
@@ -266,7 +266,7 @@ exports[`A FieldRadio checked 1`] = `
   padding-left: 0.5rem;
 }
 
-.c0 .sc-iNiQeE {
+.c0 .sc-laZMyp {
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;

diff --git a/packages/components/src/Form/Fields/FieldText/__snapshots__/FieldText.test.tsx.snap b/packages/components/src/Form/Fields/FieldText/__snapshots__/FieldText.test.tsx.snap
@@ -47,13 +47,13 @@ exports[`A FieldText with default label 1`] = `
   padding-bottom: 0.25rem;
 }
 
-.c0 .sc-laZMyp {
+.c0 .sc-gSYCTC {
   grid-area: detail;
   justify-self: end;
   padding-left: 0.75rem;
 }
 
-.c0 .sc-jgPznn {
+.c0 .sc-hTRkEk {
   margin-top: 0.5rem;
 }
 
@@ -129,14 +129,14 @@ exports[`A FieldText with default label 1`] = `
   font-family: inherit;
 }
 
-.c5 .sc-eGJXgd {
+.c5 .sc-bXevSJ {
   height: 100%;
   max-width: 100%;
   width: 100%;
 }
 
-.c5 .sc-eGJXgd input,
-.c5 .sc-eGJXgd span {
+.c5 .sc-bXevSJ input,
+.c5 .sc-bXevSJ span {
   padding: 0 0.5rem;
 }
 
@@ -234,7 +234,7 @@ exports[`A FieldText with label inline 1`] = `
   text-align: right;
 }
 
-.c0 .sc-laZMyp {
+.c0 .sc-gSYCTC {
   grid-area: detail;
   justify-self: end;
   padding-left: 0.75rem;
@@ -243,7 +243,7 @@ exports[`A FieldText with label inline 1`] = `
   align-self: center;
 }
 
-.c0 .sc-jgPznn {
+.c0 .sc-hTRkEk {
   margin-top: 0.5rem;
 }
 
@@ -319,14 +319,14 @@ exports[`A FieldText with label inline 1`] = `
   font-family: inherit;
 }
 
-.c5 .sc-eGJXgd {
+.c5 .sc-bXevSJ {
   height: 100%;
   max-width: 100%;
   width: 100%;
 }
 
-.c5 .sc-eGJXgd input,
-.c5 .sc-eGJXgd span {
+.c5 .sc-bXevSJ input,
+.c5 .sc-bXevSJ span {
   padding: 0 0.5rem;
 }
 

diff --git a/packages/components/src/Form/Fields/FieldTextArea/__snapshots__/FieldTextArea.test.tsx.snap b/packages/components/src/Form/Fields/FieldTextArea/__snapshots__/FieldTextArea.test.tsx.snap
@@ -47,13 +47,13 @@ exports[`A FieldTextArea with default label 1`] = `
   padding-bottom: 0.25rem;
 }
 
-.c0 .sc-laZMyp {
+.c0 .sc-gSYCTC {
   grid-area: detail;
   justify-self: end;
   padding-left: 0.75rem;
 }
 
-.c0 .sc-jgPznn {
+.c0 .sc-hTRkEk {
   margin-top: 0.5rem;
 }
 
@@ -65,7 +65,7 @@ exports[`A FieldTextArea with default label 1`] = `
   width: 100%;
 }
 
-.c5 .sc-crzoUp {
+.c5 .sc-iqAbSa {
   position: absolute;
   right: 0.5rem;
   top: 0.5rem;
@@ -176,7 +176,7 @@ exports[`A FieldTextArea with label inline 1`] = `
   text-align: right;
 }
 
-.c0 .sc-laZMyp {
+.c0 .sc-gSYCTC {
   grid-area: detail;
   justify-self: end;
   padding-left: 0.75rem;
@@ -185,7 +185,7 @@ exports[`A FieldTextArea with label inline 1`] = `
   align-self: center;
 }
 
-.c0 .sc-jgPznn {
+.c0 .sc-hTRkEk {
   margin-top: 0.5rem;
 }
 
@@ -197,7 +197,7 @@ exports[`A FieldTextArea with label inline 1`] = `
   width: 100%;
 }
 
-.c5 .sc-crzoUp {
+.c5 .sc-iqAbSa {
   position: absolute;
   right: 0.5rem;
   top: 0.5rem;

diff --git a/...omponents/src/Form/Fields/FieldToggleSwitch/__snapshots__/FieldToggleSwitch.test.tsx.snap b/...omponents/src/Form/Fields/FieldToggleSwitch/__snapshots__/FieldToggleSwitch.test.tsx.snap
@@ -88,7 +88,7 @@ exports[`A FieldToggleSwitch 1`] = `
   padding-left: 0.5rem;
 }
 
-.c0 .sc-eJoaVz {
+.c0 .sc-jffIyK {
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
@@ -237,7 +237,7 @@ exports[`A FieldToggleSwitch turned on 1`] = `
   padding-left: 0.5rem;
 }
 
-.c0 .sc-eJoaVz {
+.c0 .sc-jffIyK {
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
   align-content: center;