fix pr comments

Author: iacopolea

package.json

@@ -3,7 +3,7 @@
   "version": "1.4.0",
   "private": true,
   "dependencies": {
-    "@appquality/unguess-design-system": "3.0.0-colors.22",
+    "@appquality/unguess-design-system": "3.1.0",
     "@headwayapp/react-widget": "^0.0.4",
     "@reduxjs/toolkit": "^1.8.0",
     "@rtk-query/codegen-openapi": "^1.0.0-alpha.1",

src/pages/Bug/Content.tsx

@@ -1,4 +1,3 @@
-import { ContainerCard } from '@appquality/unguess-design-system';
 import { GetCampaignsByCidBugsAndBidApiResponse } from 'src/features/api';
 import BugMeta from 'src/common/components/BugDetail/Meta';
 import BugPriority from 'src/common/components/BugDetail/Priority';
@@ -16,15 +15,15 @@ interface Props {
   bug: Exclude<GetCampaignsByCidBugsAndBidApiResponse, undefined>;
   campaignId: string;
 }
-
+const Container = styled.div``;
 const GridWrapper = styled.div`
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: ${({ theme }) => theme.space.sm};
 `;
 
 export const Content = ({ bug, campaignId }: Props) => (
-  <ContainerCard>
+  <div>
     <BugPreviewContextProvider>
       <BugHeader bug={bug} />
       <BugMeta bug={bug} />
@@ -38,5 +37,5 @@ export const Content = ({ bug, campaignId }: Props) => (
       <BugDetails bug={bug} />
       <BugDuplicates cid={parseInt(campaignId, 10)} bugId={bug.id} />
     </BugPreviewContextProvider>
-  </ContainerCard>
+  </div>
 );

src/pages/Campaign/widgets/UniqueBugs4UseCase/Chart/index.tsx

@@ -2,14 +2,13 @@ import { PieChart, SM, Span } from '@appquality/unguess-design-system';
 import { useTranslation } from 'react-i18next';
 import { appTheme } from 'src/app/theme';
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { WidgetLoader } from '../../widgetLoader';
 import { BugsByUseCaseVisualizationProps } from '../types';
 import { useBugsByUsecase } from '../useBugsByUsecase';
 import { useMaxItems } from '../useMaxItems';
 
 const TooltipSM = styled(SM)`
-  ${(props) => retrieveComponentStyles('text.primary', props)};
+  color: ${({ theme }) => theme.components.text.primaryColor};
 `;
 
 const Tooltip = styled.div`
@@ -55,7 +54,7 @@ export const ChartUniqueBugs4UseCase = ({
         theme={{ labels: { text: { fontSize: 10 } } }}
         tooltip={({ label, value }) => (
           <Tooltip>
-            <TooltipSM color={appTheme.components.text.primaryColor}>
+            <TooltipSM>
               {t(
                 '__CAMPAIGN_PAGE_WIDGET_BUGS_BY_USECASE_TOOLTIP_USECASE_LABEL'
               )}

src/pages/ExpressWizard/steps/express-1/forms/ConfirmationForm.tsx

@@ -20,6 +20,7 @@ export const ConfirmationFormButtons = (props: WizardButtonsProps) => {
       <Button
         id="express-wizard-confirm-back-button"
         isBasic
+        isAccent
         onClick={onBackClick}
         style={{ marginRight: appTheme.space.sm }}
       >

src/pages/ExpressWizard/steps/express-1/forms/WhereForm.tsx

@@ -26,6 +26,7 @@ export const WhereFormButtons = (props: WizardButtonsProps) => {
         id="express-wizard-where-back-button"
         isBasic
         onClick={onBackClick}
+        isAccent
         style={{ marginRight: appTheme.space.sm }}
       >
         {t('__EXPRESS_WIZARD_BACK_BUTTON_LABEL')}

src/pages/ExpressWizard/steps/express-1/forms/WhoForm.tsx

@@ -20,6 +20,7 @@ export const WhoFormButtons = (props: WizardButtonsProps) => {
         id="express-wizard-who-back-button"
         isBasic
         onClick={onBackClick}
+        isAccent
         style={{ marginRight: appTheme.space.sm }}
       >
         {t('__EXPRESS_WIZARD_BACK_BUTTON_LABEL')}

src/pages/ExpressWizard/steps/express-2/forms/ConfirmationForm.tsx

@@ -21,6 +21,7 @@ export const ConfirmationFormButtons = (props: WizardButtonsProps) => {
         id="express-wizard-confirm-back-button"
         isBasic
         onClick={onBackClick}
+        isAccent
         style={{ marginRight: appTheme.space.sm }}
       >
         {t('__EXPRESS_WIZARD_BACK_BUTTON_LABEL')}

src/pages/ExpressWizard/steps/express-2/forms/HowForm.tsx

@@ -20,6 +20,7 @@ export const HowFormButtons = (props: WizardButtonsProps) => {
         id="express-wizard-who-back-button"
         isBasic
         onClick={onBackClick}
+        isAccent
         style={{ marginRight: appTheme.space.sm }}
       >
         {t('__EXPRESS_WIZARD_BACK_BUTTON_LABEL')}

src/pages/ExpressWizard/steps/express-2/forms/WhereForm.tsx

@@ -26,6 +26,7 @@ export const WhereFormButtons = (props: WizardButtonsProps) => {
         id="express-wizard-where-back-button"
         isBasic
         onClick={onBackClick}
+        isAccent
         style={{ marginRight: appTheme.space.sm }}
       >
         {t('__EXPRESS_WIZARD_BACK_BUTTON_LABEL')}

src/pages/ExpressWizard/steps/express-2/forms/WhoForm.tsx

@@ -20,6 +20,7 @@ export const WhoFormButtons = (props: WizardButtonsProps) => {
         id="express-wizard-who-back-button"
         isBasic
         onClick={onBackClick}
+        isAccent
         style={{ marginRight: appTheme.space.sm }}
       >
         {t('__EXPRESS_WIZARD_BACK_BUTTON_LABEL')}