fix: style parse error (#38742)

ant-design · Nov 19, 2022 · c511557 · c511557
1 parent 5fa55e2
commit c511557
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/components/form/style/index.tsx b/components/form/style/index.tsx
@@ -234,7 +234,7 @@ const genFormItemStyle: GenerateStyle<FormToken> = (token) => {
         flexDirection: 'column',
         flexGrow: 1,
 
-        [`&:first-child:not([class^=~"'${rootPrefixCls}-col-'"]):not([class*=~"' ${rootPrefixCls}-col-'"])`]:
+        [`&:first-child:not([class^="'${rootPrefixCls}-col-'"]):not([class*="' ${rootPrefixCls}-col-'"])`]:
           {
             width: '100%',
           },

diff --git a/components/input/style/index.tsx b/components/input/style/index.tsx
@@ -738,10 +738,9 @@ const genSearchInputStyle: GenerateStyle<InputToken> = (token: InputToken) => {
         '&:hover, &:focus': {
           borderColor: token.colorPrimaryHover,
 
-          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(.@{ant-prefix}-btn-primary)`]:
-            {
-              borderInlineStartColor: token.colorPrimaryHover,
-            },
+          [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: {
+            borderInlineStartColor: token.colorPrimaryHover,
+          },
         },
       },
 

diff --git a/components/select/style/single.tsx b/components/select/style/single.tsx
@@ -44,7 +44,7 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSObject {
           transition: `all ${token.motionDurationSlow}`,
 
           // Firefox inline-block position calculation is not same as Chrome & Safari. Patch this:
-          '@supports (-moz-appearance: meterbar) &': {
+          '@supports (-moz-appearance: meterbar)': {
             lineHeight: `${selectHeightWithoutBorder}px`,
           },
         },

diff --git a/components/tree/style/index.tsx b/components/tree/style/index.tsx
@@ -423,7 +423,7 @@ export const genDirectoryStyle = (token: TreeToken): CSSObject => {
             background: 'transparent',
           },
 
-          [`&.${treeCls}-node-selected`]: {
+          [`&${treeCls}-node-selected`]: {
             color: token.colorTextLightSolid,
             background: 'transparent',
           },