diff --git a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.native.test.tsx.snap b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.native.test.tsx.snap index 3aee3489980..26d69b97eb4 100644 --- a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.native.test.tsx.snap +++ b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.native.test.tsx.snap @@ -3,7 +3,7 @@ exports[` should render tag 1`] = ` should render tag 1`] = ` data-blade-component="tag" display="flex" style={ - Array [ - Object { + [ + { "display": "flex", }, ] @@ -28,8 +28,8 @@ exports[` should render tag 1`] = ` flexDirection="row" flexWrap="nowrap" style={ - Array [ - Object { + [ + { "alignSelf": "center", "backgroundColor": "hsla(216, 15%, 54%, 0.18)", "borderRadius": 9999, @@ -41,7 +41,7 @@ exports[` should render tag 1`] = ` "paddingRight": 8, "paddingTop": 4, }, - Object {}, + {}, ] } > @@ -52,8 +52,8 @@ exports[` should render tag 1`] = ` flexDirection="row" maxWidth="100px" style={ - Array [ - Object { + [ + { "alignItems": "center", "display": "flex", "flexDirection": "row", @@ -63,6 +63,7 @@ exports[` should render tag 1`] = ` } > should render tag 1`] = ` marginRight="spacing.2" numberOfLines={1} style={ - Array [ - Object { + [ + { "color": "hsla(216, 27%, 36%, 1)", "fontFamily": "Lato", "fontSize": 12, @@ -104,8 +105,8 @@ exports[` should render tag 1`] = ` flexDirection="row" justifyContent="center" style={ - Array [ - Object { + [ + { "alignItems": "center", "display": "flex", "flexDirection": "row", @@ -131,8 +132,8 @@ exports[` should render tag 1`] = ` onResponderTerminationRequest={[Function]} onStartShouldSetResponder={[Function]} style={ - Array [ - Object { + [ + { "alignSelf": "center", }, ] @@ -152,15 +153,15 @@ exports[` should render tag 1`] = ` minX={0} minY={0} style={ - Array [ - Object { + [ + { "backgroundColor": "transparent", "borderWidth": 0, }, - Array [ - Object {}, + [ + {}, ], - Object { + { "flex": 0, "height": 12, "width": 12, @@ -174,7 +175,7 @@ exports[` should render tag 1`] = ` should render tag 1`] = ` d="M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z" fill={4288851646} propList={ - Array [ + [ "fill", ] } diff --git a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap index 658f62604d2..0c7456a2020 100644 --- a/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap +++ b/packages/blade/src/components/Tag/__tests__/__snapshots__/Tag.ssr.test.tsx.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[` should render tag 1`] = `"

in:User

"`; +exports[` should render tag 1`] = `"

in:User

"`; exports[` should render tag 2`] = `
should render tag 1`] = ` -.c0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} - -.c1 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - padding: 4px 8px 4px 12px; - background-color: hsla(216,15%,54%,0.18); - border-radius: 9999px; -} - -.c2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - max-width: 100px; -} - -.c4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.c5 { - border: none; - cursor: pointer; - padding: 0; - border-radius: 2px; - background: transparent; - 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-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: hsla(214,18%,69%,1); - -webkit-transition-property: color,box-shadow; - transition-property: color,box-shadow; - -webkit-transition-duration: 150ms; - transition-duration: 150ms; - -webkit-transition-timing-function: cubic-bezier(0.3,0,0.2,1); - transition-timing-function: cubic-bezier(0.3,0,0.2,1); -} - -.c5:hover { - color: hsla(217,18%,45%,1); -} - -.c5:focus { - outline: none; - box-shadow: 0px 0px 0px 4px hsla(218,89%,51%,0.18); - color: hsla(217,18%,45%,1); -} - -.c5:active { - color: hsla(217,18%,45%,1); -} - -.c3 { - color: hsla(216,27%,36%,1); - font-family: Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; - font-size: 0.75rem; - font-weight: 400; - font-style: normal; - -webkit-text-decoration-line: none; - text-decoration-line: none; - line-height: 1rem; - margin: 0; - padding: 0; - overflow: hidden; - display: -webkit-box; - line-clamp: 1; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - margin-right: 4px; -} - -@media screen and (min-width:768px) { - .c1 { - padding: 2px 4px 2px 8px; - } -} -

in:User