Include new style token to Accordion component

Author: Kubit

src/components/accordion/accordion.styled.ts

@@ -32,9 +32,10 @@ export const AccordionHeaderMainContainerStyled = styled.div<IAccordionStyles>`
   ${props => getStyles(props.styles)}
 `;
 
-export const AccordionHeaderTitleHeadlineStyled = styled.span`
+export const AccordionHeaderTitleHeadlineStyled = styled.span<IAccordionStyles>`
   display: flex;
   width: 100%;
+  ${props => getStyles(props.styles)}
 `;
 
 export const AccordionTitleStyled = styled.span<IAccordionStyles>`

src/components/accordion/accordionStandAlone.tsx

@@ -58,7 +58,10 @@ const AccordionStandAloneComponent = (
           styles={props.styles.headerInternalContainer}
         >
           <AccordionHeaderMainContainerStyled styles={props.styles.headerMainContainer}>
-            <AccordionHeaderTitleHeadlineStyled as={props.triggerComponent}>
+            <AccordionHeaderTitleHeadlineStyled
+              as={props.triggerComponent}
+              styles={props.styles.titleHeaderMainContainer}
+            >
               <AccordionTriggerStyled
                 aria-controls={PANEL_ID}
                 aria-expanded={open}

src/components/accordion/types/accordionTheme.ts

@@ -14,6 +14,7 @@ export type AccordionPropsStylesType = {
   headerExternalContainer?: CommonStyleType;
   headerInternalContainer?: CommonStyleType;
   headerMainContainer?: CommonStyleType;
+  titleHeaderMainContainer?: CommonStyleType;
   trigger?: CommonStyleType;
   /**
    * @deprecated currently link styles is used instead of trigger when tittle is not type of string. In the next major only trigger styles will be used