From b9048e090e8a790d5a5b61a3ca7d290c4d44d1b4 Mon Sep 17 00:00:00 2001 From: 233mawile <903945079@qq.com> Date: Thu, 17 Mar 2022 13:56:12 +0800 Subject: [PATCH] test(FIJI-48126): [snapshot] updated --- .../__snapshots__/DialPad.story.tsx.snap | 18 +- .../__snapshots__/Dialer.story.tsx.snap | 54 +- .../OutlineTextField.story.tsx.snap | 846 ++++++++---------- .../__snapshots__/Icon.story.tsx.snap | 4 +- .../ListItemExamples.story.tsx.snap | 8 +- sync-github.json | 2 +- 6 files changed, 426 insertions(+), 506 deletions(-) diff --git a/packages/juno-core/src/components/Dialer/DialPad/__stories__/__snapshots__/DialPad.story.tsx.snap b/packages/juno-core/src/components/Dialer/DialPad/__stories__/__snapshots__/DialPad.story.tsx.snap index 503a3b88..f0fccfe9 100644 --- a/packages/juno-core/src/components/Dialer/DialPad/__stories__/__snapshots__/DialPad.story.tsx.snap +++ b/packages/juno-core/src/components/Dialer/DialPad/__stories__/__snapshots__/DialPad.story.tsx.snap @@ -280,7 +280,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -322,7 +322,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -364,7 +364,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -406,7 +406,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -448,7 +448,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -490,7 +490,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -532,7 +532,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -574,7 +574,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> @@ -653,7 +653,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer/DialPad DialPad 1`] = ` /> diff --git a/packages/juno-core/src/components/Dialer/__stories__/__snapshots__/Dialer.story.tsx.snap b/packages/juno-core/src/components/Dialer/__stories__/__snapshots__/Dialer.story.tsx.snap index 5301b177..2890d9da 100644 --- a/packages/juno-core/src/components/Dialer/__stories__/__snapshots__/Dialer.story.tsx.snap +++ b/packages/juno-core/src/components/Dialer/__stories__/__snapshots__/Dialer.story.tsx.snap @@ -446,7 +446,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -488,7 +488,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -530,7 +530,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -572,7 +572,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -614,7 +614,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -656,7 +656,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -698,7 +698,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -740,7 +740,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -819,7 +819,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer 1`] = ` /> @@ -2288,7 +2288,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2333,7 +2333,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2378,7 +2378,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2423,7 +2423,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2468,7 +2468,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2513,7 +2513,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2558,7 +2558,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2603,7 +2603,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -2688,7 +2688,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Dialer Examples 1`] = ` /> @@ -3530,7 +3530,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3574,7 +3574,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3618,7 +3618,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3662,7 +3662,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3706,7 +3706,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3750,7 +3750,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3794,7 +3794,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3838,7 +3838,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> @@ -3921,7 +3921,7 @@ exports[`Storyshots 🚀 Cleanup Components/Dialer Keypad mode 1`] = ` /> diff --git a/packages/juno-core/src/components/Forms/TextField/__stories__/__snapshots__/OutlineTextField.story.tsx.snap b/packages/juno-core/src/components/Forms/TextField/__stories__/__snapshots__/OutlineTextField.story.tsx.snap index 5b100323..75d1d02d 100644 --- a/packages/juno-core/src/components/Forms/TextField/__stories__/__snapshots__/OutlineTextField.story.tsx.snap +++ b/packages/juno-core/src/components/Forms/TextField/__stories__/__snapshots__/OutlineTextField.story.tsx.snap @@ -429,7 +429,7 @@ Array [ }
, - .c3 { + .c6 { width: 1em; height: 1em; stroke-width: 0; @@ -438,7 +438,7 @@ Array [ pointer-events: none; } -.c6 { +.c5 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -455,7 +455,7 @@ Array [ color: #666666; } -.c5 { +.c4 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -477,30 +477,30 @@ Array [ cursor: pointer; } -.c5, -.c5 .c1 { +.c4, +.c4 .c1 { font-size: 20px; } -.c5:active, -.c5:active .c1 { +.c4:active, +.c4:active .c1 { color: #666666; } -.c5.focus-visible, -.c5[data-focus-visible-added] { +.c4.focus-visible, +.c4[data-focus-visible-added] { background-color: transparent; } -.c5.focus-visible:active, -.c5[data-focus-visible-added]:active, -.c5.focus-visible:active .c1, -.c5[data-focus-visible-added]:active .c1 { +.c4.focus-visible:active, +.c4[data-focus-visible-added]:active, +.c4.focus-visible:active .c1, +.c4[data-focus-visible-added]:active .c1 { color: rgba(102,102,102,0.88); } -.c5.focus-visible:after, -.c5[data-focus-visible-added]:after { +.c4.focus-visible:after, +.c4[data-focus-visible-added]:after { content: ''; position: absolute; top: -4px; @@ -513,60 +513,60 @@ Array [ z-index: 1; } -.c5.RcIconButton-persistBg { +.c4.RcIconButton-persistBg { background-color: rgba(102,102,102,0.12); } -.c5.RcIconButton-disabled, -.c5.RcIconButton-disabled .c1 { +.c4.RcIconButton-disabled, +.c4.RcIconButton-disabled .c1 { color: #B9B9B9; } -.c5.RcIconButton-invisible { +.c4.RcIconButton-invisible { opacity: 0; visibility: hidden; width: 0; height: 0; } -.c5.RcIconButton-outline { +.c4.RcIconButton-outline { border: 1px solid #C7C7C7; } -.c5.RcIconButton-contained { +.c4.RcIconButton-contained { color: #fff; background-color: #666666; } -.c5.RcIconButton-contained.focus-visible, -.c5.RcIconButton-contained[data-focus-visible-added] { +.c4.RcIconButton-contained.focus-visible, +.c4.RcIconButton-contained[data-focus-visible-added] { background-color: rgba(102,102,102,0.84); } -.c5.RcIconButton-contained.focus-visible, -.c5.RcIconButton-contained[data-focus-visible-added], -.c5.RcIconButton-contained.focus-visible .c1, -.c5.RcIconButton-contained[data-focus-visible-added] .c1 { +.c4.RcIconButton-contained.focus-visible, +.c4.RcIconButton-contained[data-focus-visible-added], +.c4.RcIconButton-contained.focus-visible .c1, +.c4.RcIconButton-contained[data-focus-visible-added] .c1 { color: #fff; } -.c5.RcIconButton-contained:active { +.c4.RcIconButton-contained:active { background-color: rgba(102,102,102,0.76); } -.c5.RcIconButton-contained:active, -.c5.RcIconButton-contained:active .c1 { +.c4.RcIconButton-contained:active, +.c4.RcIconButton-contained:active .c1 { color: #fff; } -.c5 .RcIconButtonTouchRipple-ripplePulsate { +.c4 .RcIconButtonTouchRipple-ripplePulsate { border-radius: 0; -webkit-animation-name: none; animation-name: none; opacity: 0; } -.c0 *:not(input) + .c4 { +.c0 *:not(input) + .c3 { margin-left: 12px; } @@ -697,7 +697,7 @@ Array [ line-height: 24px; } -.c0 *:not(input) + .c4 { +.c0 *:not(input) + .c3 { margin-left: 12px; } @@ -753,23 +753,23 @@ Array [ } @media (hover:hover) and (pointer:fine) { - .c5:hover { + .c4:hover { background-color: transparent; } - .c5:hover, - .c5:hover .c1 { + .c4:hover, + .c4:hover .c1 { color: rgba(102,102,102,0.88); } } @media (hover:hover) and (pointer:fine) { - .c5.RcIconButton-contained:hover { + .c4.RcIconButton-contained:hover { background-color: rgba(102,102,102,0.92); } - .c5.RcIconButton-contained:hover, - .c5.RcIconButton-contained:hover .c1 { + .c4.RcIconButton-contained:hover, + .c4.RcIconButton-contained:hover .c1 { color: #fff; } } @@ -796,18 +796,8 @@ Array [ onClick={[Function]} > - - - @@ -4841,7 +4821,7 @@ Array [ exports[`Storyshots 🚀 Cleanup Components/Forms/OutlineTextField OutlineTextField Sizes 1`] = ` Array [ - .c3 { + .c6 { width: 1em; height: 1em; stroke-width: 0; @@ -4859,7 +4839,7 @@ Array [ color: #666666; } -.c6 { +.c5 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -4867,7 +4847,7 @@ Array [ font-size: 24px; } -.c5 { +.c4 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -4889,30 +4869,30 @@ Array [ cursor: pointer; } -.c5, -.c5 .c1 { +.c4, +.c4 .c1 { font-size: 16px; } -.c5:active, -.c5:active .c1 { +.c4:active, +.c4:active .c1 { color: #666666; } -.c5.focus-visible, -.c5[data-focus-visible-added] { +.c4.focus-visible, +.c4[data-focus-visible-added] { background-color: transparent; } -.c5.focus-visible:active, -.c5[data-focus-visible-added]:active, -.c5.focus-visible:active .c1, -.c5[data-focus-visible-added]:active .c1 { +.c4.focus-visible:active, +.c4[data-focus-visible-added]:active, +.c4.focus-visible:active .c1, +.c4[data-focus-visible-added]:active .c1 { color: rgba(102,102,102,0.88); } -.c5.focus-visible:after, -.c5[data-focus-visible-added]:after { +.c4.focus-visible:after, +.c4[data-focus-visible-added]:after { content: ''; position: absolute; top: -3px; @@ -4925,53 +4905,53 @@ Array [ z-index: 1; } -.c5.RcIconButton-persistBg { +.c4.RcIconButton-persistBg { background-color: rgba(102,102,102,0.12); } -.c5.RcIconButton-disabled, -.c5.RcIconButton-disabled .c1 { +.c4.RcIconButton-disabled, +.c4.RcIconButton-disabled .c1 { color: #B9B9B9; } -.c5.RcIconButton-invisible { +.c4.RcIconButton-invisible { opacity: 0; visibility: hidden; width: 0; height: 0; } -.c5.RcIconButton-outline { +.c4.RcIconButton-outline { border: 1px solid #C7C7C7; } -.c5.RcIconButton-contained { +.c4.RcIconButton-contained { color: #fff; background-color: #666666; } -.c5.RcIconButton-contained.focus-visible, -.c5.RcIconButton-contained[data-focus-visible-added] { +.c4.RcIconButton-contained.focus-visible, +.c4.RcIconButton-contained[data-focus-visible-added] { background-color: rgba(102,102,102,0.84); } -.c5.RcIconButton-contained.focus-visible, -.c5.RcIconButton-contained[data-focus-visible-added], -.c5.RcIconButton-contained.focus-visible .c1, -.c5.RcIconButton-contained[data-focus-visible-added] .c1 { +.c4.RcIconButton-contained.focus-visible, +.c4.RcIconButton-contained[data-focus-visible-added], +.c4.RcIconButton-contained.focus-visible .c1, +.c4.RcIconButton-contained[data-focus-visible-added] .c1 { color: #fff; } -.c5.RcIconButton-contained:active { +.c4.RcIconButton-contained:active { background-color: rgba(102,102,102,0.76); } -.c5.RcIconButton-contained:active, -.c5.RcIconButton-contained:active .c1 { +.c4.RcIconButton-contained:active, +.c4.RcIconButton-contained:active .c1 { color: #fff; } -.c5 .RcIconButtonTouchRipple-ripplePulsate { +.c4 .RcIconButtonTouchRipple-ripplePulsate { border-radius: 0; -webkit-animation-name: none; animation-name: none; @@ -5012,7 +4992,7 @@ Array [ color: #fff; } -.c0 *:not(input) + .c4 { +.c0 *:not(input) + .c3 { margin-left: 12px; } @@ -5143,7 +5123,7 @@ Array [ line-height: 22px; } -.c0 *:not(input) + .c4 { +.c0 *:not(input) + .c3 { margin-left: 8px; } @@ -5198,64 +5178,64 @@ Array [ box-shadow: inset 0 0 0 1px #B9B9B9; } -.c7 *:not(input) + .c4 { +.c7 *:not(input) + .c3 { margin-left: 12px; } -.c7 *:not(input) + .c4 { +.c7 *:not(input) + .c3 { margin-left: 8px; } -.c8 *:not(input) + .c4 { +.c8 *:not(input) + .c3 { margin-left: 12px; } -.c8 *:not(input) + .c4 { +.c8 *:not(input) + .c3 { margin-left: 12px; } -.c9 *:not(input) + .c4 { +.c9 *:not(input) + .c3 { margin-left: 12px; } -.c9 *:not(input) + .c4 { +.c9 *:not(input) + .c3 { margin-left: 12px; } -.c10 *:not(input) + .c4 { +.c10 *:not(input) + .c3 { margin-left: 12px; } -.c10 *:not(input) + .c4 { +.c10 *:not(input) + .c3 { margin-left: 12px; } -.c11 *:not(input) + .c4 { +.c11 *:not(input) + .c3 { margin-left: 12px; } -.c11 *:not(input) + .c4 { +.c11 *:not(input) + .c3 { margin-left: 12px; } @media (hover:hover) and (pointer:fine) { - .c5:hover { + .c4:hover { background-color: transparent; } - .c5:hover, - .c5:hover .c1 { + .c4:hover, + .c4:hover .c1 { color: rgba(102,102,102,0.88); } } @media (hover:hover) and (pointer:fine) { - .c5.RcIconButton-contained:hover { + .c4.RcIconButton-contained:hover { background-color: rgba(102,102,102,0.92); } - .c5.RcIconButton-contained:hover, - .c5.RcIconButton-contained:hover .c1 { + .c4.RcIconButton-contained:hover, + .c4.RcIconButton-contained:hover .c1 { color: #fff; } } @@ -5316,18 +5296,8 @@ Array [ onClick={[Function]} > - - -