Replace style with css in EUI's inner component props

elastic · Dec 3, 2024 · d50e01f · d50e01f
1 parent 043f0b5
commit d50e01f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/x-pack/plugins/cloud_security_posture/public/components/csp_inline_description_list.tsx b/x-pack/plugins/cloud_security_posture/public/components/csp_inline_description_list.tsx
@@ -60,7 +60,7 @@ export const CspInlineDescriptionList = ({
       data-test-subj={testId}
       type="inline"
       titleProps={{
-        style: {
+        css: {
           background: 'initial',
           color: euiTheme.colors.subduedText,
           fontSize,
@@ -69,7 +69,7 @@ export const CspInlineDescriptionList = ({
         },
       }}
       descriptionProps={{
-        style: {
+        css: {
           color: euiTheme.colors.subduedText,
           marginRight: euiTheme.size.xs,
           fontSize,

diff --git a/...ugins/cloud_security_posture/public/components/fleet_extensions/csp_boxed_radio_group.tsx b/...ugins/cloud_security_posture/public/components/fleet_extensions/csp_boxed_radio_group.tsx
@@ -57,7 +57,7 @@ export const RadioGroup = ({
             key={option.id}
             content={option.tooltip}
             anchorProps={{
-              style: {
+              css: {
                 flex: '1 1 0',
               },
             }}
@@ -75,7 +75,7 @@ export const RadioGroup = ({
               iconType={option.icon}
               iconSide="right"
               contentProps={{
-                style: {
+                css: {
                   justifyContent: 'flex-start',
                 },
               }}

diff --git a/x-pack/plugins/cloud_security_posture/public/pages/rules/index.tsx b/x-pack/plugins/cloud_security_posture/public/pages/rules/index.tsx
@@ -33,7 +33,7 @@ export const Rules = ({ match: { params } }: RouteComponentProps<PageUrlParams>)
           <EuiFlexGroup direction="column" gutterSize="none">
             <EuiFlexItem css={{ width: 'fit-content' }}>
               <Link to={generatePath(cloudPosturePages.benchmarks.path)}>
-                <EuiButtonEmpty iconType="arrowLeft" contentProps={{ style: { padding: 0 } }}>
+                <EuiButtonEmpty iconType="arrowLeft" contentProps={{ css: { padding: 0 } }}>
                   <FormattedMessage
                     id="xpack.csp.rules.rulesPageHeader.benchmarkRulesButtonLabel"
                     defaultMessage="Benchmarks"