From b4f728d85d8d2404c07e0b07e4313686af074cea Mon Sep 17 00:00:00 2001 From: Meril Pilon Date: Tue, 22 Jan 2019 11:59:05 +0000 Subject: [PATCH] fix(password): remove unnecessary node and use text color --- src/Atoms/Inputs/Password.js | 44 +- src/Atoms/Inputs/Password.spec.js | 4 +- .../__snapshots__/Password.spec.js.snap | 1396 +++++++++-------- .../__snapshots__/SearchBar.spec.js.snap | 120 +- .../SearchBarUnderlined.spec.js.snap | 72 +- 5 files changed, 851 insertions(+), 785 deletions(-) diff --git a/src/Atoms/Inputs/Password.js b/src/Atoms/Inputs/Password.js index 6ddf39c1..cd42dfa3 100644 --- a/src/Atoms/Inputs/Password.js +++ b/src/Atoms/Inputs/Password.js @@ -1,29 +1,37 @@ // @flow strict import * as React from 'react' -import styled from 'styled-components' +import styled, { css } from 'styled-components' -import { fontSize, theme } from '../../Tools/interpolation' +import { theme } from '../../Tools/interpolation' import { Input, type PropsType, type HtmlInputType } from './Input' import { FarEye, FarEyeSlash } from '../Icons' -const Switch = styled.span` +const iconCss = css` position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: ${theme('fontPrimary')}; - font-size: ${fontSize('xs')}; - font-weight: 600; + bottom: calc(1.35rem - 8px); user-select: none; + fill: ${theme('inputColor')}; &:hover { - text-decoration: underline; + fill: ${theme('inputColor')}; } ` + +const Eye = styled(FarEye)` + ${iconCss}; +` + +const EyeSlash = styled(FarEyeSlash)` + ${iconCss}; +` + const PasswordInput: React.ComponentType = styled(Input)` input { padding-right: 3rem; } ` + type StateType = {| type: HtmlInputType |} class Password extends React.Component { @@ -35,7 +43,7 @@ class Password extends React.Component { this.state = { type: props.type } } - handleSwitchClick = () => { + handleIconClick = () => { this.state.type === 'password' ? this.setState({ type: 'text' }) : this.setState({ type: 'password' }) @@ -46,14 +54,16 @@ class Password extends React.Component { return null } - return ( - - {this.state.type === 'password' ? ( - - ) : ( - - )} - + const props = { + onClick: this.handleIconClick, + selectable: true, + size: '16px', + } + + return this.state.type === 'password' ? ( + + ) : ( + ) } diff --git a/src/Atoms/Inputs/Password.spec.js b/src/Atoms/Inputs/Password.spec.js index 53b8f4d3..1ee18bb6 100644 --- a/src/Atoms/Inputs/Password.spec.js +++ b/src/Atoms/Inputs/Password.spec.js @@ -55,11 +55,11 @@ describe('Password', () => { it('should render correctly with switching its type', () => { const tree = mountWithTheme() - tree.find('span').simulate('click') + tree.find('svg').simulate('click') expect(tree.find(Password)).toMatchSnapshot() - tree.find('span').simulate('click') + tree.find('svg').simulate('click') expect(tree.find(Password)).toMatchSnapshot() }) diff --git a/src/Atoms/Inputs/__snapshots__/Password.spec.js.snap b/src/Atoms/Inputs/__snapshots__/Password.spec.js.snap index 4d2fe3e2..551606aa 100644 --- a/src/Atoms/Inputs/__snapshots__/Password.spec.js.snap +++ b/src/Atoms/Inputs/__snapshots__/Password.spec.js.snap @@ -81,19 +81,16 @@ exports[`Password should render correctly 1`] = ` .c3 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c3:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -125,7 +122,7 @@ exports[`Password should render correctly 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -139,7 +136,7 @@ exports[`Password should render correctly 1`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -311,8 +308,10 @@ exports[`Password should render correctly 1`] = ` /> - - - - - + - - - - - - - - - + + + + + + - + @@ -549,7 +556,7 @@ exports[`Password should render correctly with disabled 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -563,7 +570,7 @@ exports[`Password should render correctly with disabled 1`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -833,19 +840,16 @@ exports[`Password should render correctly with error="error" 1`] = ` .c4 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c4:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -882,7 +886,7 @@ exports[`Password should render correctly with error="error" 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -896,7 +900,7 @@ exports[`Password should render correctly with error="error" 1`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -1124,8 +1128,10 @@ exports[`Password should render correctly with error="error" 1`] = ` /> - - - - - + - - - - - - - - - + + + + + + - + @@ -1350,19 +1364,16 @@ exports[`Password should render correctly with label="label" 1`] = ` .c4 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c4:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -1398,7 +1409,7 @@ exports[`Password should render correctly with label="label" 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -1412,7 +1423,7 @@ exports[`Password should render correctly with label="label" 1`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -1642,8 +1653,10 @@ exports[`Password should render correctly with label="label" 1`] = ` /> - - - - - + - - - - - - - - - + + + + + + - + @@ -1891,7 +1912,7 @@ exports[`Password should render correctly with label="label" and disabled 1`] = "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -1905,7 +1926,7 @@ exports[`Password should render correctly with label="label" and disabled 1`] = "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -2233,19 +2254,16 @@ exports[`Password should render correctly with label="label" and error="error" 1 .c4 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c4:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -2285,7 +2303,7 @@ exports[`Password should render correctly with label="label" and error="error" 1 "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -2299,7 +2317,7 @@ exports[`Password should render correctly with label="label" and error="error" 1 "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -2532,8 +2550,10 @@ exports[`Password should render correctly with label="label" and error="error" 1 /> - - - - - + - - - - - - - - - + + + + + + - + @@ -2751,19 +2779,16 @@ exports[`Password should render correctly with switching its type 1`] = ` .c3 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c3:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -2795,7 +2820,7 @@ exports[`Password should render correctly with switching its type 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -2809,7 +2834,7 @@ exports[`Password should render correctly with switching its type 1`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -2981,8 +3006,10 @@ exports[`Password should render correctly with switching its type 1`] = ` /> - - - - - + - - - - - - - - - + + + + + + - + @@ -3200,19 +3235,16 @@ exports[`Password should render correctly with switching its type 2`] = ` .c3 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c3:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -3244,7 +3276,7 @@ exports[`Password should render correctly with switching its type 2`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -3258,7 +3290,7 @@ exports[`Password should render correctly with switching its type 2`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -3430,8 +3462,10 @@ exports[`Password should render correctly with switching its type 2`] = ` /> - - - - - + - - - - - - - - - + + + + + + - + @@ -3649,19 +3691,16 @@ exports[`Password should render correctly with type 1`] = ` .c3 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c3:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -3695,7 +3734,7 @@ exports[`Password should render correctly with type 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -3709,7 +3748,7 @@ exports[`Password should render correctly with type 1`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -3881,8 +3920,10 @@ exports[`Password should render correctly with type 1`] = ` /> - - - - - + - - - - - - - - - + + + + + + - + @@ -4100,19 +4149,16 @@ exports[`Password should render correctly with width 1`] = ` .c3 { position: absolute; right: 1rem; - bottom: 0.5rem; - font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; - font-size: 0.625rem; - font-weight: 600; + bottom: calc(1.35rem - 8px); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; + fill: #545456; } .c3:hover { - -webkit-text-decoration: underline; - text-decoration: underline; + fill: #545456; } .c0 input { @@ -4146,7 +4192,7 @@ exports[`Password should render correctly with width 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-bhxjyQ", + "componentId": "sc-ktJJTZ", "isStatic": true, "lastClassName": "c0", "rules": Array [ @@ -4160,7 +4206,7 @@ exports[`Password should render correctly with width 1`] = ` "displayName": "Styled(Input)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-bhxjyQ", + "styledComponentId": "sc-ktJJTZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -4332,8 +4378,10 @@ exports[`Password should render correctly with width 1`] = ` /> - - - - - + - - - - - - - - - + + + + + + - + diff --git a/src/Molecules/SearchBars/__snapshots__/SearchBar.spec.js.snap b/src/Molecules/SearchBars/__snapshots__/SearchBar.spec.js.snap index d7a23822..8da44a24 100644 --- a/src/Molecules/SearchBars/__snapshots__/SearchBar.spec.js.snap +++ b/src/Molecules/SearchBars/__snapshots__/SearchBar.spec.js.snap @@ -195,7 +195,7 @@ exports[`SearchBar should render correctly 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -221,7 +221,7 @@ exports[`SearchBar should render correctly 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -242,7 +242,7 @@ exports[`SearchBar should render correctly 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -263,7 +263,7 @@ exports[`SearchBar should render correctly 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -285,7 +285,7 @@ exports[`SearchBar should render correctly 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c2", "rules": Array [ @@ -305,7 +305,7 @@ exports[`SearchBar should render correctly 1`] = ` "displayName": "Styled(FasSearch)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -411,7 +411,7 @@ exports[`SearchBar should render correctly 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-SpTIZ", + "componentId": "sc-ejfVCH", "isStatic": true, "lastClassName": "c4", "rules": Array [ @@ -433,7 +433,7 @@ exports[`SearchBar should render correctly 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-SpTIZ", + "styledComponentId": "sc-ejfVCH", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -626,7 +626,7 @@ exports[`SearchBar should render correctly 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-ejfVCH", + "componentId": "sc-dTpUTz", "isStatic": false, "lastClassName": "c7", "rules": Array [ @@ -669,7 +669,7 @@ exports[`SearchBar should render correctly 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-ejfVCH", + "styledComponentId": "sc-dTpUTz", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -889,7 +889,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -915,7 +915,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -936,7 +936,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -957,7 +957,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -979,7 +979,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c2", "rules": Array [ @@ -999,7 +999,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "displayName": "Styled(FasSearch)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -1105,7 +1105,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-SpTIZ", + "componentId": "sc-ejfVCH", "isStatic": true, "lastClassName": "c4", "rules": Array [ @@ -1127,7 +1127,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-SpTIZ", + "styledComponentId": "sc-ejfVCH", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -1320,7 +1320,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-ejfVCH", + "componentId": "sc-dTpUTz", "isStatic": false, "lastClassName": "c7", "rules": Array [ @@ -1363,7 +1363,7 @@ exports[`SearchBar should render correctly with e2e 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-ejfVCH", + "styledComponentId": "sc-dTpUTz", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -1584,7 +1584,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -1610,7 +1610,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -1631,7 +1631,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -1652,7 +1652,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -1674,7 +1674,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c2", "rules": Array [ @@ -1694,7 +1694,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "displayName": "Styled(FasSearch)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -1801,7 +1801,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-SpTIZ", + "componentId": "sc-ejfVCH", "isStatic": true, "lastClassName": "c4", "rules": Array [ @@ -1823,7 +1823,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-SpTIZ", + "styledComponentId": "sc-ejfVCH", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -2022,7 +2022,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-ejfVCH", + "componentId": "sc-dTpUTz", "isStatic": false, "lastClassName": "c7", "rules": Array [ @@ -2065,7 +2065,7 @@ exports[`SearchBar should render correctly with onChange 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-ejfVCH", + "styledComponentId": "sc-dTpUTz", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2286,7 +2286,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -2312,7 +2312,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2333,7 +2333,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -2354,7 +2354,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2376,7 +2376,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c2", "rules": Array [ @@ -2396,7 +2396,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "displayName": "Styled(FasSearch)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -2502,7 +2502,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-SpTIZ", + "componentId": "sc-ejfVCH", "isStatic": true, "lastClassName": "c4", "rules": Array [ @@ -2524,7 +2524,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-SpTIZ", + "styledComponentId": "sc-ejfVCH", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -2718,7 +2718,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-ejfVCH", + "componentId": "sc-dTpUTz", "isStatic": false, "lastClassName": "c7", "rules": Array [ @@ -2761,7 +2761,7 @@ exports[`SearchBar should render correctly with onClick 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-ejfVCH", + "styledComponentId": "sc-dTpUTz", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2985,7 +2985,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -3011,7 +3011,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -3032,7 +3032,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -3053,7 +3053,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -3075,7 +3075,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c2", "rules": Array [ @@ -3095,7 +3095,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "displayName": "Styled(FasSearch)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -3203,7 +3203,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-SpTIZ", + "componentId": "sc-ejfVCH", "isStatic": true, "lastClassName": "c4", "rules": Array [ @@ -3225,7 +3225,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-SpTIZ", + "styledComponentId": "sc-ejfVCH", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -3430,7 +3430,7 @@ exports[`SearchBar should render correctly with value 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-ejfVCH", + "componentId": "sc-dTpUTz", "isStatic": false, "lastClassName": "c7", "rules": Array [ @@ -3473,7 +3473,7 @@ exports[`SearchBar should render correctly with value 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-ejfVCH", + "styledComponentId": "sc-dTpUTz", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -3695,7 +3695,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -3721,7 +3721,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -3742,7 +3742,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -3763,7 +3763,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -3785,7 +3785,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c2", "rules": Array [ @@ -3805,7 +3805,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "displayName": "Styled(FasSearch)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": [Function], "toString": [Function], "warnTooManyClasses": [Function], @@ -3913,7 +3913,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-SpTIZ", + "componentId": "sc-ejfVCH", "isStatic": true, "lastClassName": "c4", "rules": Array [ @@ -3935,7 +3935,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-SpTIZ", + "styledComponentId": "sc-ejfVCH", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -4140,7 +4140,7 @@ exports[`SearchBar should render correctly with width 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-ejfVCH", + "componentId": "sc-dTpUTz", "isStatic": false, "lastClassName": "c7", "rules": Array [ @@ -4183,7 +4183,7 @@ exports[`SearchBar should render correctly with width 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-ejfVCH", + "styledComponentId": "sc-dTpUTz", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], diff --git a/src/Molecules/SearchBars/__snapshots__/SearchBarUnderlined.spec.js.snap b/src/Molecules/SearchBars/__snapshots__/SearchBarUnderlined.spec.js.snap index bd866bab..81562370 100644 --- a/src/Molecules/SearchBars/__snapshots__/SearchBarUnderlined.spec.js.snap +++ b/src/Molecules/SearchBars/__snapshots__/SearchBarUnderlined.spec.js.snap @@ -142,7 +142,7 @@ exports[`SearchBarUnderlined should render correctly 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -166,7 +166,7 @@ exports[`SearchBarUnderlined should render correctly 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -190,7 +190,7 @@ exports[`SearchBarUnderlined should render correctly 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -210,7 +210,7 @@ exports[`SearchBarUnderlined should render correctly 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -403,7 +403,7 @@ exports[`SearchBarUnderlined should render correctly 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c4", "rules": Array [ @@ -420,7 +420,7 @@ exports[`SearchBarUnderlined should render correctly 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -660,7 +660,7 @@ exports[`SearchBarUnderlined should render correctly with e2e 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -684,7 +684,7 @@ exports[`SearchBarUnderlined should render correctly with e2e 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -708,7 +708,7 @@ exports[`SearchBarUnderlined should render correctly with e2e 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -728,7 +728,7 @@ exports[`SearchBarUnderlined should render correctly with e2e 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -921,7 +921,7 @@ exports[`SearchBarUnderlined should render correctly with e2e 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c4", "rules": Array [ @@ -938,7 +938,7 @@ exports[`SearchBarUnderlined should render correctly with e2e 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -1179,7 +1179,7 @@ exports[`SearchBarUnderlined should render correctly with onChange 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -1203,7 +1203,7 @@ exports[`SearchBarUnderlined should render correctly with onChange 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -1228,7 +1228,7 @@ exports[`SearchBarUnderlined should render correctly with onChange 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -1248,7 +1248,7 @@ exports[`SearchBarUnderlined should render correctly with onChange 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -1447,7 +1447,7 @@ exports[`SearchBarUnderlined should render correctly with onChange 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c4", "rules": Array [ @@ -1464,7 +1464,7 @@ exports[`SearchBarUnderlined should render correctly with onChange 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -1705,7 +1705,7 @@ exports[`SearchBarUnderlined should render correctly with onClick 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -1729,7 +1729,7 @@ exports[`SearchBarUnderlined should render correctly with onClick 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -1753,7 +1753,7 @@ exports[`SearchBarUnderlined should render correctly with onClick 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -1773,7 +1773,7 @@ exports[`SearchBarUnderlined should render correctly with onClick 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -1967,7 +1967,7 @@ exports[`SearchBarUnderlined should render correctly with onClick 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c4", "rules": Array [ @@ -1984,7 +1984,7 @@ exports[`SearchBarUnderlined should render correctly with onClick 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2228,7 +2228,7 @@ exports[`SearchBarUnderlined should render correctly with value 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -2252,7 +2252,7 @@ exports[`SearchBarUnderlined should render correctly with value 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2278,7 +2278,7 @@ exports[`SearchBarUnderlined should render correctly with value 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -2298,7 +2298,7 @@ exports[`SearchBarUnderlined should render correctly with value 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -2503,7 +2503,7 @@ exports[`SearchBarUnderlined should render correctly with value 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c4", "rules": Array [ @@ -2520,7 +2520,7 @@ exports[`SearchBarUnderlined should render correctly with value 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2762,7 +2762,7 @@ exports[`SearchBarUnderlined should render correctly with width 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-gTwQXg", + "componentId": "sc-irJFYO", "isStatic": false, "lastClassName": "c0", "rules": Array [ @@ -2786,7 +2786,7 @@ exports[`SearchBarUnderlined should render correctly with width 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-gTwQXg", + "styledComponentId": "sc-irJFYO", "target": "div", "toString": [Function], "warnTooManyClasses": [Function], @@ -2812,7 +2812,7 @@ exports[`SearchBarUnderlined should render correctly with width 1`] = ` "$$typeof": Symbol(react.forward_ref), "attrs": Array [], "componentStyle": ComponentStyle { - "componentId": "sc-irJFYO", + "componentId": "sc-jXmkxr", "isStatic": true, "lastClassName": "c1", "rules": Array [ @@ -2832,7 +2832,7 @@ exports[`SearchBarUnderlined should render correctly with width 1`] = ` "displayName": "Styled(Component)", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-irJFYO", + "styledComponentId": "sc-jXmkxr", "target": Object { "$$typeof": Symbol(react.forward_ref), "render": [Function], @@ -3037,7 +3037,7 @@ exports[`SearchBarUnderlined should render correctly with width 1`] = ` [Function], ], "componentStyle": ComponentStyle { - "componentId": "sc-jXmkxr", + "componentId": "sc-SpTIZ", "isStatic": false, "lastClassName": "c4", "rules": Array [ @@ -3054,7 +3054,7 @@ exports[`SearchBarUnderlined should render correctly with width 1`] = ` "displayName": "styled.div", "foldedComponentIds": Array [], "render": [Function], - "styledComponentId": "sc-jXmkxr", + "styledComponentId": "sc-SpTIZ", "target": "div", "toString": [Function], "warnTooManyClasses": [Function],