Merge pull request #1859 from dxc-technology/rarrojolopez/fix-accordion-token

Fix typo in Accordion token

Author: GomezIvann

lib/src/accordion/Accordion.tsx

@@ -188,7 +188,7 @@ const AccordionLabel = styled.span`
 const IconContainer = styled.span<{ disabled: AccordionPropsType["disabled"] }>`
   display: flex;
   margin-left: ${(props) => props.theme.iconMarginLeft};
-  margin-right: ${(props) => props.theme.iconMarginRigth};
+  margin-right: ${(props) => props.theme.iconMarginRight};
   color: ${(props) => (props.disabled ? props.theme.disabledIconColor : props.theme.iconColor)};
 
   svg,

lib/src/common/variables.ts

@@ -38,7 +38,7 @@ export const componentTokens = {
     disabledIconColor: CoreTokens.color_grey_500,
     iconSize: "24px",
     iconMarginLeft: "0px",
-    iconMarginRigth: "12px",
+    iconMarginRight: "12px",
     accordionGroupSeparatorBorderColor: CoreTokens.color_grey_200_a,
     accordionGroupSeparatorBorderThickness: "1px",
     accordionGroupSeparatorBorderRadius: "0px",

website/screens/common/themes/advanced-theme.json

@@ -36,7 +36,7 @@
     "disabledIconColor": "#999999",
     "iconSize": "24px",
     "iconMarginLeft": "0px",
-    "iconMarginRigth": "12px",
+    "iconMarginRight": "12px",
     "accordionGroupSeparatorBorderColor": "#0000001a",
     "accordionGroupSeparatorBorderThickness": "1px",
     "accordionGroupSeparatorBorderRadius": "0px",

website/screens/theme-generator/themes/schemas/advanced.schema.json

@@ -35,7 +35,7 @@
     "iconColor": "color",
     "iconSize": "length",
     "iconMarginLeft": "length",
-    "iconMarginRigth": "length",
+    "iconMarginRight": "length",
     "disabledIconColor": "color",
     "accordionGroupSeparatorBorderColor": "color",
     "accordionGroupSeparatorBorderThickness": "bWidth",