diff --git a/package-lock.json b/package-lock.json index 7bf319cc8ce..e33164b7c16 100644 --- a/package-lock.json +++ b/package-lock.json @@ -96,7 +96,7 @@ "babel-plugin-macros": "3.1.0", "babel-plugin-open-source": "1.3.4", "babel-plugin-preval": "5.1.0", - "babel-plugin-styled-components": "2.0.2", + "babel-plugin-styled-components": "2.1.1", "babel-plugin-transform-commonjs": "1.1.6", "babel-plugin-transform-replace-expressions": "0.2.0", "babel-polyfill": "6.26.0", @@ -27963,15 +27963,16 @@ } }, "node_modules/babel-plugin-styled-components": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.2.tgz", - "integrity": "sha512-7eG5NE8rChnNTDxa6LQfynwgHTVOYYaHJbUYSlOhk8QBXIQiMBKq4gyfHBBKPrxUcVBXVJL61ihduCpCQbuNbw==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.1.tgz", + "integrity": "sha512-c8lJlszObVQPguHkI+akXv8+Jgb9Ccujx0EetL7oIvwU100LxO6XAGe45qry37wUL40a5U9f23SYrivro2XKhA==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.16.0", "@babel/helper-module-imports": "^7.16.0", "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11" + "lodash": "^4.17.21", + "picomatch": "^2.3.0" }, "peerDependencies": { "styled-components": ">= 2" @@ -76894,15 +76895,16 @@ } }, "babel-plugin-styled-components": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.2.tgz", - "integrity": "sha512-7eG5NE8rChnNTDxa6LQfynwgHTVOYYaHJbUYSlOhk8QBXIQiMBKq4gyfHBBKPrxUcVBXVJL61ihduCpCQbuNbw==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.1.tgz", + "integrity": "sha512-c8lJlszObVQPguHkI+akXv8+Jgb9Ccujx0EetL7oIvwU100LxO6XAGe45qry37wUL40a5U9f23SYrivro2XKhA==", "dev": true, "requires": { "@babel/helper-annotate-as-pure": "^7.16.0", "@babel/helper-module-imports": "^7.16.0", "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11" + "lodash": "^4.17.21", + "picomatch": "^2.3.0" } }, "babel-plugin-syntax-jsx": { diff --git a/package.json b/package.json index 5be50341785..58b25c5c33b 100644 --- a/package.json +++ b/package.json @@ -174,7 +174,7 @@ "babel-plugin-macros": "3.1.0", "babel-plugin-open-source": "1.3.4", "babel-plugin-preval": "5.1.0", - "babel-plugin-styled-components": "2.0.2", + "babel-plugin-styled-components": "2.1.1", "babel-plugin-transform-commonjs": "1.1.6", "babel-plugin-transform-replace-expressions": "0.2.0", "babel-polyfill": "6.26.0", diff --git a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap index 3b7473152a0..9294c10d3d1 100644 --- a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +++ b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap @@ -62,7 +62,7 @@ exports[`snapshots renders a custom empty state message 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -222,7 +222,7 @@ exports[`snapshots renders a loading state 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -417,7 +417,7 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] = padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1375,7 +1375,7 @@ exports[`snapshots renders a multiselect input 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2243,7 +2243,7 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3122,7 +3122,7 @@ exports[`snapshots renders a single select input 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4131,7 +4131,7 @@ exports[`snapshots renders with an input value 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } diff --git a/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/__tests__/__snapshots__/TextInput.test.tsx.snap index cf603aced9c..085b35d792a 100644 --- a/src/__tests__/__snapshots__/TextInput.test.tsx.snap +++ b/src/__tests__/__snapshots__/TextInput.test.tsx.snap @@ -61,7 +61,7 @@ exports[`TextInput renders 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -188,7 +188,7 @@ exports[`TextInput renders block 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -307,7 +307,7 @@ exports[`TextInput renders consistently 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -426,7 +426,7 @@ exports[`TextInput renders contrast 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -552,7 +552,7 @@ exports[`TextInput renders error 1`] = ` box-shadow: inset 0 0 0 1px #0969da; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -677,7 +677,7 @@ exports[`TextInput renders large 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -797,7 +797,7 @@ exports[`TextInput renders leadingVisual 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -944,7 +944,7 @@ exports[`TextInput renders monospace 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1063,7 +1063,7 @@ exports[`TextInput renders placeholder 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1191,7 +1191,7 @@ exports[`TextInput renders small 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1536,7 +1536,7 @@ exports[`TextInput renders trailingAction icon button 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2175,7 +2175,7 @@ exports[`TextInput renders trailingAction text button 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2569,7 +2569,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2962,7 +2962,7 @@ exports[`TextInput renders trailingVisual 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3109,7 +3109,7 @@ exports[`TextInput renders warning 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3249,7 +3249,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3422,7 +3422,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3627,7 +3627,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3809,7 +3809,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4060,7 +4060,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4311,7 +4311,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4556,7 +4556,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4769,7 +4769,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5014,7 +5014,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5244,7 +5244,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5536,7 +5536,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5833,7 +5833,7 @@ exports[`TextInput renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -6091,7 +6091,7 @@ exports[`TextInput should render a password input 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } diff --git a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap index 74fb09e3715..326d560ea91 100644 --- a/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +++ b/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap @@ -119,7 +119,7 @@ exports[`TextInputWithTokens renders a leadingVisual and trailingVisual 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -896,7 +896,7 @@ exports[`TextInputWithTokens renders a truncated set of tokens 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1323,7 +1323,7 @@ exports[`TextInputWithTokens renders as block layout 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -1513,7 +1513,7 @@ exports[`TextInputWithTokens renders at a maximum height when specified 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2240,7 +2240,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -2965,7 +2965,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -3683,7 +3683,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -4401,7 +4401,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5121,7 +5121,7 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 5`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -5843,7 +5843,7 @@ exports[`TextInputWithTokens renders tokens on a single line when specified 1`] padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -6563,7 +6563,7 @@ exports[`TextInputWithTokens renders tokens without a remove button when specifi padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -7008,7 +7008,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -7783,7 +7783,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -8590,7 +8590,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -9374,7 +9374,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -10227,7 +10227,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -11080,7 +11080,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -11927,7 +11927,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -12742,7 +12742,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -13589,7 +13589,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -14420,7 +14420,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -15311,7 +15311,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -16204,7 +16204,7 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -17061,7 +17061,7 @@ exports[`TextInputWithTokens renders with tokens 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -17768,7 +17768,7 @@ exports[`TextInputWithTokens renders with tokens using a custom token component padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; } @@ -18442,7 +18442,7 @@ exports[`TextInputWithTokens renders without tokens 1`] = ` padding: 12px; } -.c0 >:not(:last-child) { +.c0 > :not(:last-child) { margin-right: 8px; }