mx-design-tokens - npm Package Compare versions

Comparing version 8.11.0 to 9.0.0

dist/tokens/core.js

@@ -82,8 +82,8 @@ "use strict";
       return {
-        Low: ' 0px 2px 8px rgba(106, 115, 129, 0.12)',
-        Medium: ' 0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)',
-        High: ' 0px 12px 20px rgba(106, 115, 129, 0.22)',
-        Top: ' 0px -2px 8px rgba(106, 115, 129, 0.12)',
-        Left: ' -1px 2px 8px rgba(106, 115, 129, 0.22)',
-        Right: ' 1px 0px 8px rgba(106, 115, 129, 0.22)',
+        Low: '0px 2px 8px rgba(106, 115, 129, 0.12)',
+        Medium: '0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)',
+        High: '0px 12px 20px rgba(106, 115, 129, 0.22)',
+        Top: '0px -2px 8px rgba(106, 115, 129, 0.12)',
+        Left: '-1px 2px 8px rgba(106, 115, 129, 0.22)',
+        Right: '1px 0px 8px rgba(106, 115, 129, 0.22)',
         Focus: '0px 0px 0px 2px rgba(82, 138, 224, 0.8)'
@@ -90,0 +90,0 @@ };

json/dark.json

@@ -1,1 +0,1 @@
-{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":" 0px 2px 8px rgba(106, 115, 129, 0.12)","Medium":" 0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)","High":" 0px 12px 20px rgba(106, 115, 129, 0.22)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 2px 8px rgba(106, 115, 129, 0.22)","Right":" 1px 0px 8px rgba(106, 115, 129, 0.22)","BottomBar":"","Card":"","Container":"","Drawer":"","DropdownMenu":"","Modal":"","SelectionBoxShadow":"none","Tooltip":" 0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Chip":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Chip":12,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LetterSpacing":{"SmallUppercase":0.48,"TinyUppercase":0.48,"XSmallUppercase":0.48},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"XTiny":2,"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ChipPaddingTop":4,"ChipPaddingBottom":4,"ChipPaddingLeft":8,"ChipPaddingRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TagPaddingTopBottom":8,"TagPaddingLeftRight":12,"TagSmallPaddingTopBottom":2,"TagSmallPaddingLeftRight":8,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#121417","Error":"#F45532","Avatar":"#49505A","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#49505A","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#49505A","ButtonNeutral":"#1F2329","ButtonNeutralDisabled":"#49505A","ButtonNeutralHover":"#6A7381","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#49505A","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#6A7381","Card":"#1F2329","CheckboxChecked":"transparent","CheckboxDisabled":"#49505A","ChipDefault":"transparent","ChipDefaultHover":"#6A7381","ChipDefaultActive":"transparent","Container":"#1F2329","DropdownMenu":"#49505A","DropdownMenuItemActive":"#6A7381","DropdownMenuItemHover":"#6A7381","HrDark":"#A8B1BD","HrLight":"#6A7381","InputChip":"#49505A","InputChipHover":"#6A7381","InputDisabled":"transparent","InputFocus":"transparent","InputLabelDefault":"#1F2329","InputLabelSecondary":"#121417","LeftNavItem":"#1F2329","LeftNavItemActive":"#121417","LeftNavItemHover":"#49505A","MessageBox":"#49505A","MessageBoxBrand":"#6FA1EC","MessageBoxError":"#F45532","MessageBoxHelp":"#6FA1EC","MessageBoxSuccess":"#0AC295","Modal":"#1F2329","ModalClose":"#49505A","ModalCloseHover":"#6A7381","ModalScrim":"rgba(0, 0, 0, 0.50)","SelectionBoxShadow":"#49505A","SelectionBoxShadowDisabled":"#49505A","Radio":"transparent","RadioChecked":"#121417","RadioDisabled":"#49505A","RadioDot":"#6A7381","RadioDotChecked":"#FFFFFF","RadioDotDisabled":"#6A7381","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#121417","SwitchDisabledOn":"#121417","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#49505A","SwitchOff":"#49505A","SwitchOn":"#09A57F","TabDivider":"#6A7381","TabHover":"#49505A","TagError":"#AE0A0A","TagNeutral":"#6A7381","TagPrimary":"#034AB3","TagSuccess":"#027357","TagWarning":"#FFB400","TableRowHover":"#49505A","TableFooter":"#49505A","Tooltip":"#49505A","ButtonLinkDestructiveHover":"#49505A"},"BorderColor":{"Error":"#F45532","ButtonLinkHover":"#FFFFFF","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#A8B1BD","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","ChipDefault":"#A8B1BD","ChipDefaultHover":"#6A7381","ChipDefaultActive":"#6FA1EC","ChipDefaultDisabled":"#6A7381","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#A8B1BD","InputDisabled":"#6A7381","InputError":"#F45532","InputFocus":"#6FA1EC","InputHover":"#A8B1BD","SelectionBoxOutline":"#49505A","SelectionBoxFocusedSelected":"#6FA1EC","SelectionBoxDisabled":"#49505A","SelectionBoxDisabledSelected":"#49505A","Radio":"#FFFFFF","RadioChecked":"#FFFFFF","RadioDisabled":"#6A7381","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#6A7381","TabActive":"#6FA1EC","TableHeader":"#6A7381","TableCell":"#49505A"},"TextColor":{"Active":"#6FA1EC","ActiveHover":"#EAF1FB","Default":"#FFFFFF","Disabled":"#6A7381","Error":"#F45532","Secondary":"#A8B1BD","Avatar":"#FFFFFF","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#6FA1EC","ButtonLinkHover":"#FFFFFF","ButtonLinkTertiary":"#CDD3DD","ButtonLinkDestructive":"#F45532","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#FFFFFF","ButtonTransparentTertiary":"#CDD3DD","ChipDefault":"#FFFFFF","ChipDefaultActive":"#6FA1EC","ChipDefaultDisabled":"#6A7381","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#F45532","InputHelpText":"#A8B1BD","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","LeftNavItemActive":"#FFFFFF","ModalClose":"#FFFFFF","SelectionBoxDisabled":"#A8B1BD","TabActive":"#6FA1EC","TagError":"#FFFFFF","TagNeutral":"#FFFFFF","TagPrimary":"#FFFFFF","TagSuccess":"#FFFFFF","TagWarning":"#1F2329","Tooltip":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}
+{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":"0px 2px 8px rgba(106, 115, 129, 0.12)","Medium":"0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)","High":"0px 12px 20px rgba(106, 115, 129, 0.22)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":"-1px 2px 8px rgba(106, 115, 129, 0.22)","Right":"1px 0px 8px rgba(106, 115, 129, 0.22)","BottomBar":"","Card":"","Container":"","Drawer":"","DropdownMenu":"","Modal":"","SelectionBoxShadow":"none","Tooltip":"0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Chip":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Chip":12,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LetterSpacing":{"SmallUppercase":0.48,"TinyUppercase":0.48,"XSmallUppercase":0.48},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"XTiny":2,"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ChipPaddingTop":4,"ChipPaddingBottom":4,"ChipPaddingLeft":8,"ChipPaddingRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TagPaddingTopBottom":8,"TagPaddingLeftRight":12,"TagSmallPaddingTopBottom":2,"TagSmallPaddingLeftRight":8,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#121417","Error":"#F45532","Avatar":"#49505A","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#49505A","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#49505A","ButtonNeutral":"#1F2329","ButtonNeutralDisabled":"#49505A","ButtonNeutralHover":"#6A7381","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#49505A","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#6A7381","Card":"#1F2329","CheckboxChecked":"transparent","CheckboxDisabled":"#49505A","ChipDefault":"transparent","ChipDefaultHover":"#6A7381","ChipDefaultActive":"transparent","Container":"#1F2329","DropdownMenu":"#49505A","DropdownMenuItemActive":"#6A7381","DropdownMenuItemHover":"#6A7381","HrDark":"#A8B1BD","HrLight":"#6A7381","InputChip":"#49505A","InputChipHover":"#6A7381","InputDisabled":"transparent","InputFocus":"transparent","InputLabelDefault":"#1F2329","InputLabelSecondary":"#121417","LeftNavItem":"#1F2329","LeftNavItemActive":"#121417","LeftNavItemHover":"#49505A","MessageBox":"#49505A","MessageBoxBrand":"#6FA1EC","MessageBoxError":"#F45532","MessageBoxHelp":"#6FA1EC","MessageBoxSuccess":"#0AC295","Modal":"#1F2329","ModalClose":"#49505A","ModalCloseHover":"#6A7381","ModalScrim":"rgba(0, 0, 0, 0.50)","SelectionBoxShadow":"#49505A","SelectionBoxShadowDisabled":"#49505A","Radio":"transparent","RadioChecked":"#121417","RadioDisabled":"#49505A","RadioDot":"#6A7381","RadioDotChecked":"#FFFFFF","RadioDotDisabled":"#6A7381","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#121417","SwitchDisabledOn":"#121417","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#49505A","SwitchOff":"#49505A","SwitchOn":"#09A57F","TabDivider":"#6A7381","TabHover":"#49505A","TagError":"#AE0A0A","TagNeutral":"#6A7381","TagPrimary":"#034AB3","TagSuccess":"#027357","TagWarning":"#FFB400","TableRowHover":"#49505A","TableFooter":"#49505A","Tooltip":"#49505A","ButtonLinkDestructiveHover":"#49505A"},"BorderColor":{"Error":"#F45532","ButtonLinkHover":"#FFFFFF","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#A8B1BD","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","ChipDefault":"#A8B1BD","ChipDefaultHover":"#6A7381","ChipDefaultActive":"#6FA1EC","ChipDefaultDisabled":"#6A7381","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#A8B1BD","InputDisabled":"#6A7381","InputError":"#F45532","InputFocus":"#6FA1EC","InputHover":"#A8B1BD","SelectionBoxOutline":"#49505A","SelectionBoxFocusedSelected":"#6FA1EC","SelectionBoxDisabled":"#49505A","SelectionBoxDisabledSelected":"#49505A","Radio":"#FFFFFF","RadioChecked":"#FFFFFF","RadioDisabled":"#6A7381","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#6A7381","TabActive":"#6FA1EC","TableHeader":"#6A7381","TableCell":"#49505A"},"TextColor":{"Active":"#6FA1EC","ActiveHover":"#EAF1FB","Default":"#FFFFFF","Disabled":"#6A7381","Error":"#F45532","Secondary":"#A8B1BD","Avatar":"#FFFFFF","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#6FA1EC","ButtonLinkHover":"#FFFFFF","ButtonLinkTertiary":"#CDD3DD","ButtonLinkDestructive":"#F45532","ButtonLinkDestructiveHover":"#FFFFFF","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#FFFFFF","ButtonTransparentTertiary":"#CDD3DD","ChipDefault":"#FFFFFF","ChipDefaultActive":"#6FA1EC","ChipDefaultDisabled":"#6A7381","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#F45532","InputHelpText":"#A8B1BD","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","LeftNavItemActive":"#FFFFFF","ModalClose":"#FFFFFF","SelectionBoxDisabled":"#A8B1BD","TabActive":"#6FA1EC","TagError":"#FFFFFF","TagNeutral":"#FFFFFF","TagPrimary":"#FFFFFF","TagSuccess":"#FFFFFF","TagWarning":"#1F2329","Tooltip":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}

json/light.json

@@ -1,1 +0,1 @@
-{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":" 0px 2px 8px rgba(106, 115, 129, 0.12)","Medium":" 0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)","High":" 0px 12px 20px rgba(106, 115, 129, 0.22)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 2px 8px rgba(106, 115, 129, 0.22)","Right":" 1px 0px 8px rgba(106, 115, 129, 0.22)","BottomBar":" 0px -2px 8px rgba(106, 115, 129, 0.12)","Card":" 0px 2px 8px rgba(106, 115, 129, 0.12)","Container":" 0px 2px 8px rgba(106, 115, 129, 0.12)","Drawer":" -1px 2px 8px rgba(106, 115, 129, 0.22)","DropdownMenu":" 0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)","Modal":" 0px 12px 20px rgba(106, 115, 129, 0.22)","SelectionBoxShadow":" 0px 2px 8px rgba(106, 115, 129, 0.12)","Tooltip":" 0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Chip":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Chip":12,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LetterSpacing":{"SmallUppercase":0.48,"TinyUppercase":0.48,"XSmallUppercase":0.48},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"XTiny":2,"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ChipPaddingTop":4,"ChipPaddingBottom":4,"ChipPaddingLeft":8,"ChipPaddingRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TagPaddingTopBottom":8,"TagPaddingLeftRight":12,"TagSmallPaddingTopBottom":2,"TagSmallPaddingLeftRight":8,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#F8F9FB","Error":"#DF320C","Avatar":"#E4E8EE","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#EEF1F6","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#EAF1FB","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#EEF1F6","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#EAF1FB","Card":"#FFFFFF","CheckboxChecked":"#EAF1FB","CheckboxDisabled":"#F8F9FB","ChipDefault":"transparent","ChipDefaultHover":"#E4E8EE","ChipDefaultActive":"#EAF1FB","Container":"#FFFFFF","DropdownMenu":"#FFFFFF","DropdownMenuItemActive":"#EAF1FB","DropdownMenuItemHover":"#F8F9FB","HrDark":"#CDD3DD","HrLight":"#E4E8EE","InputChip":"#EAF1FB","InputChipHover":"#2F73DA","InputDisabled":"rgba(247, 249, 252, 0.55)","InputFocus":"transparent","InputLabelDefault":"#FFFFFF","InputLabelSecondary":"#F8F9FB","LeftNavItem":"#FFFFFF","LeftNavItemActive":"#EAF1FB","LeftNavItemHover":"#F8F9FB","MessageBox":"#FFFFFF","MessageBoxBrand":"#2F73DA","MessageBoxError":"#DF320C","MessageBoxHelp":"#2F73DA","MessageBoxSuccess":"#09A57F","Modal":"#FFFFFF","ModalClose":"#EEF1F6","ModalCloseHover":"#E4E8EE","ModalScrim":"rgba(0, 0, 0, 0.25)","SelectionBoxShadow":"transparent","SelectionBoxShadowDisabled":"#EEF1F6","Radio":"#EAF1FB","RadioChecked":"#EAF1FB","RadioDisabled":"#EAF1FB","RadioDot":"#F8F9FB","RadioDotChecked":"#2F73DA","RadioDotDisabled":"#EEF1F6","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#EEF1F6","SwitchDisabledOn":"#E4E8EE","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#F8F9FB","SwitchOff":"#EEF1F6","SwitchOn":"#09A57F","TabDivider":"#CDD3DD","TabHover":"#F8F9FB","TagError":"#FCD2CF","TagNeutral":"#EEF1F6","TagPrimary":"#EAF1FB","TagSuccess":"#DDFDED","TagWarning":"#FEF7B9","TableRowHover":"#F8F9FB","TableFooter":"#EEF1F6","Tooltip":"#1F2329"},"BorderColor":{"Error":"#DF320C","ButtonLinkHover":"#165ECC","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#CDD3DD","ButtonNeutralDisabled":"#165ECC","ButtonNeutralHover":"#165ECC","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","ChipDefault":"#6A7381","ChipDefaultHover":"#E4E8EE","ChipDefaultActive":"#EAF1FB","ChipDefaultDisabled":"#A8B1BD","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#6A7381","InputDisabled":"rgba(203, 211, 223, 0.55)","InputError":"#DF320C","InputFocus":"#2F73DA","InputHover":"#6A7381","SelectionBoxOutline":"#E4E8EE","SelectionBoxFocusedSelected":"#2F73DA","SelectionBoxDisabled":"#E4E8EE","SelectionBoxDisabledSelected":"#A8B1BD","Radio":"#6A7381","RadioChecked":"#2F73DA","RadioDisabled":"#CDD3DD","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#CDD3DD","TabActive":"#2F73DA","TableHeader":"#CDD3DD","TableCell":"#EEF1F6"},"TextColor":{"Active":"#2F73DA","ActiveHover":"#165ECC","Default":"#121417","Disabled":"#A8B1BD","Error":"#DF320C","Secondary":"#49505A","Avatar":"#121417","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#2F73DA","ButtonLinkHover":"#165ECC","ButtonLinkTertiary":"#49505A","ButtonLinkDestructive":"#DF320C","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#2F73DA","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#2F73DA","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#165ECC","ButtonTransparentTertiary":"#49505A","ChipDefault":"#121417","ChipDefaultActive":"#165ECC","ChipDefaultDisabled":"#A8B1BD","DropdownMenuItemActive":"#2F73DA","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#DF320C","InputHelpText":"#6A7381","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","LeftNavItemActive":"#165ECC","ModalClose":"#121417","SelectionBoxDisabled":"#A8B1BD","TabActive":"#2F73DA","TagError":"#AE0A0A","TagNeutral":"#49505A","TagPrimary":"#165ECC","TagSuccess":"#027357","TagWarning":"#C33E01","Tooltip":"#FFFFFF"}}
+{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","Chart1":"#74E4DA","Chart2":"#ED64A4","Chart3":"#F3DC46","Chart4":"#BABFC5","Chart5":"#60A9FF","Chart6":"#C8BAEE","Chart7":"#585E67","ChartMono1":"#89E8DF","ChartMono2":"#FF8787","ChartMono3":"#60A9FF","ChartMono4":"#2F73DA","ChartMono5":"#034AB3","ChartMono6":"#002966","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","Success100":"#DDFDED","Success200":"#0AC295","Success300":"#09A57F","Success400":"#078364","Success500":"#027357","Warning100":"#FEF7B9","Warning200":"#FFDA6C","Warning300":"#FFB400","Warning400":"#E07C02","Warning500":"#C33E01","Error100":"#FCD2CF","Error200":"#F45532","Error300":"#DF320C","Error400":"#C61A0B","Error500":"#AE0A0A","TransparentNeutral100":"rgba(247, 249, 252, 0.55)","TransparentNeutral400":"rgba(203, 211, 223, 0.55)","TransparentScrim":"rgba(0, 0, 0, 0.25)","TransparentScrimDarker":"rgba(0, 0, 0, 0.50)"},"Font":{"Regular":"ProximaNovaRegular, Helvetica, Arial, sans-serif","Semibold":"ProximaNovaSemibold, Helvetica, Arial, sans-serif","Bold":"ProximaNovaBold, Helvetica, Arial, sans-serif"},"BoxShadow":{"Low":"0px 2px 8px rgba(106, 115, 129, 0.12)","Medium":"0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)","High":"0px 12px 20px rgba(106, 115, 129, 0.22)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":"-1px 2px 8px rgba(106, 115, 129, 0.22)","Right":"1px 0px 8px rgba(106, 115, 129, 0.22)","BottomBar":"0px -2px 8px rgba(106, 115, 129, 0.12)","Card":"0px 2px 8px rgba(106, 115, 129, 0.12)","Container":"0px 2px 8px rgba(106, 115, 129, 0.12)","Drawer":"-1px 2px 8px rgba(106, 115, 129, 0.22)","DropdownMenu":"0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)","Modal":"0px 12px 20px rgba(106, 115, 129, 0.22)","SelectionBoxShadow":"0px 2px 8px rgba(106, 115, 129, 0.12)","Tooltip":"0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":2,"Chip":2,"Container":4,"DropdownChip":4,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownToggle":4,"Input":4,"Modal":4,"ModalClose":4,"Tooltip":4},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Button":16,"ButtonLinkLarge":16,"ButtonLinkSmall":14,"DropdownChip":10,"DropdownItem":16,"Chip":12,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LetterSpacing":{"SmallUppercase":0.48,"TinyUppercase":0.48,"XSmallUppercase":0.48},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"XTiny":2,"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CardSidePadding":16,"CheckboxLabelMarginLeft":8,"CheckboxLabelMarginRight":8,"ChipPaddingTop":4,"ChipPaddingBottom":4,"ChipPaddingLeft":8,"ChipPaddingRight":8,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"TableCell":16,"TableCellActionMargin":24,"TableFooterPaddingTop":12,"TableFooterPaddingSide":16,"TagPaddingTopBottom":8,"TagPaddingLeftRight":12,"TagSmallPaddingTopBottom":2,"TagSmallPaddingLeftRight":8,"TextAreaPadding":12,"TooltipPadding":12},"Time":{"Short":300,"Med":500,"Long":1000},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":"576px","Med":"768px","Large":"992px","XLarge":"1200px"},"Resolution":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"Body":"#F8F9FB","Error":"#DF320C","Avatar":"#E4E8EE","ButtonDestructive":"#DF320C","ButtonDestructiveDisabled":"#EEF1F6","ButtonDestructiveHover":"#C61A0B","ButtonLinkHover":"#EAF1FB","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#2F73DA","ButtonPrimaryDisabled":"#EEF1F6","ButtonPrimaryHover":"#165ECC","ButtonTransparentHover":"#EAF1FB","Card":"#FFFFFF","CheckboxChecked":"#EAF1FB","CheckboxDisabled":"#F8F9FB","ChipDefault":"transparent","ChipDefaultHover":"#E4E8EE","ChipDefaultActive":"#EAF1FB","Container":"#FFFFFF","DropdownMenu":"#FFFFFF","DropdownMenuItemActive":"#EAF1FB","DropdownMenuItemHover":"#F8F9FB","HrDark":"#CDD3DD","HrLight":"#E4E8EE","InputChip":"#EAF1FB","InputChipHover":"#2F73DA","InputDisabled":"rgba(247, 249, 252, 0.55)","InputFocus":"transparent","InputLabelDefault":"#FFFFFF","InputLabelSecondary":"#F8F9FB","LeftNavItem":"#FFFFFF","LeftNavItemActive":"#EAF1FB","LeftNavItemHover":"#F8F9FB","MessageBox":"#FFFFFF","MessageBoxBrand":"#2F73DA","MessageBoxError":"#DF320C","MessageBoxHelp":"#2F73DA","MessageBoxSuccess":"#09A57F","Modal":"#FFFFFF","ModalClose":"#EEF1F6","ModalCloseHover":"#E4E8EE","ModalScrim":"rgba(0, 0, 0, 0.25)","SelectionBoxShadow":"transparent","SelectionBoxShadowDisabled":"#EEF1F6","Radio":"#EAF1FB","RadioChecked":"#EAF1FB","RadioDisabled":"#EAF1FB","RadioDot":"#F8F9FB","RadioDotChecked":"#2F73DA","RadioDotDisabled":"#EEF1F6","RadioDotDisabledChecked":"#A8B1BD","SwitchDisabledOff":"#EEF1F6","SwitchDisabledOn":"#E4E8EE","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#F8F9FB","SwitchOff":"#EEF1F6","SwitchOn":"#09A57F","TabDivider":"#CDD3DD","TabHover":"#F8F9FB","TagError":"#FCD2CF","TagNeutral":"#EEF1F6","TagPrimary":"#EAF1FB","TagSuccess":"#DDFDED","TagWarning":"#FEF7B9","TableRowHover":"#F8F9FB","TableFooter":"#EEF1F6","Tooltip":"#1F2329"},"BorderColor":{"Error":"#DF320C","ButtonLinkHover":"#165ECC","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#CDD3DD","ButtonNeutralDisabled":"#165ECC","ButtonNeutralHover":"#165ECC","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","ChipDefault":"#6A7381","ChipDefaultHover":"#E4E8EE","ChipDefaultActive":"#EAF1FB","ChipDefaultDisabled":"#A8B1BD","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#6A7381","InputDisabled":"rgba(203, 211, 223, 0.55)","InputError":"#DF320C","InputFocus":"#2F73DA","InputHover":"#6A7381","SelectionBoxOutline":"#E4E8EE","SelectionBoxFocusedSelected":"#2F73DA","SelectionBoxDisabled":"#E4E8EE","SelectionBoxDisabledSelected":"#A8B1BD","Radio":"#6A7381","RadioChecked":"#2F73DA","RadioDisabled":"#CDD3DD","RadioDisabledChecked":"#A8B1BD","Switch":"#6A7381","SwitchDisabled":"#CDD3DD","TabActive":"#2F73DA","TableHeader":"#CDD3DD","TableCell":"#EEF1F6"},"TextColor":{"Active":"#2F73DA","ActiveHover":"#165ECC","Default":"#121417","Disabled":"#A8B1BD","Error":"#DF320C","Secondary":"#49505A","Avatar":"#121417","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonLink":"#2F73DA","ButtonLinkHover":"#165ECC","ButtonLinkTertiary":"#49505A","ButtonLinkDestructive":"#DF320C","ButtonLinkDestructiveHover":"#C61A0B","ButtonNeutral":"#2F73DA","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#2F73DA","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#165ECC","ButtonTransparentTertiary":"#49505A","ChipDefault":"#121417","ChipDefaultActive":"#165ECC","ChipDefaultDisabled":"#A8B1BD","DropdownMenuItemActive":"#2F73DA","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#DF320C","InputHelpText":"#6A7381","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","LeftNavItemActive":"#165ECC","ModalClose":"#121417","SelectionBoxDisabled":"#A8B1BD","TabActive":"#2F73DA","TagError":"#AE0A0A","TagNeutral":"#49505A","TagPrimary":"#165ECC","TagSuccess":"#027357","TagWarning":"#C33E01","Tooltip":"#FFFFFF"}}

package.json

 {
   "name": "mx-design-tokens",
-  "version": "8.11.0",
+  "version": "9.0.0",
   "description": "Design Tokens",
@@ -8,3 +8,3 @@ "main": "dist/index.js",
     "node": ">=12.13.1",
-    "npm": "latest"
+    "npm": ">=6.14.0"
   },
@@ -17,3 +17,3 @@ "files": [
     "type": "git",
-    "url": "https://github.com/moneydesktop/mx-design-tokens"
+    "url": "https://github.com/mxenabled/mx-design-tokens"
   },
@@ -23,4 +23,7 @@ "scripts": {
     "build": "babel src/ -d dist/",
-    "build:docs": "npm run build && node buildDocs.js",
-    "json": "node json.js"
+    "build:docs": "cd ./bin && node docs.js",
+    "build:json": "cd ./bin && node json.js",
+    "build:scss": "cd ./bin && node scss.js",
+    "build:css": "cd ./bin && node css.js",
+    "build:all": "npm run build && npm run build:docs && npm run build:json && npm run build:scss && npm run build:css"
   },
@@ -30,8 +33,8 @@ "author": "MX",
   "devDependencies": {
-    "@babel/cli": "^7.7.0",
-    "@babel/core": "^7.7.2",
-    "@babel/plugin-proposal-object-rest-spread": "^7.6.2",
-    "@babel/preset-env": "^7.7.1",
-    "babel-plugin-module-resolver": "^3.2.0"
+    "@babel/cli": "^7.14.3",
+    "@babel/core": "^7.14.3",
+    "@babel/plugin-proposal-object-rest-spread": "^7.14.2",
+    "@babel/preset-env": "^7.14.2",
+    "babel-plugin-module-resolver": "^4.1.0"
   }
 }

README.md

@@ -27,47 +27,34 @@ # MX Design Tokens
 
-## Tokens
+## Development Environment
 
-[CLICK HERE](docs/tokens.md) for a list of all the current tokens available with default colors from the light theme.
+Run the following commands in order to setup a local build environment:
 
-## Compile JSON Tokens
-
-To compile static JSON tokens for development, run the following:
-
 ```
+git clone https://github.com/mxenabled/mx-design-tokens.git
+cd ./mx-design-tokens
 npm i
+npm run build:all
 ```
 
-then
+## Tokens
 
-```
-npm run build
-```
+[CLICK HERE](docs/tokens.md) for a list of all the current tokens available with default colors from the light theme.
 
-then
+## Generate files from Tokens
 
-```
-npm run json
-```
+| Command              | Description                                                                 |
+| -------------------- | --------------------------------------------------------------------------- |
+| `npm run build:docs` | Update the markdown for viewing the [tokens](docs/tokens.md)                |
+| `npm run build:json` | Compile static JSON tokens for development                                  |
+| `npm run build:scss` | Compile static SCSS files for projects using [Sass](https://sass-lang.com/) |
+| `npm run build:css`  | Compile static CSS variables for use in any web project                     |
+| `npm run build:all`  | Builds everything above in one easy step                                    |
 
-## Token Documentation
-
-To update the auto-generated tokens documentation run the following:
-
-```
-npm run build:docs
-```
-
 ## Publishing to NPM
 
-In order to make sure you changes make it to NPM you need to do the following **before** publishing to NPM:
+In order to make sure your changes make it to NPM you need to do the following **before** publishing to NPM:
 
-1. Run the following 3 commands below
-2. Update the package version in `package.json` and the `CHANGELOG.md`
-3. Merge the code into master
-
- ```
- npm run build
- npm run json
- npm run build:docs
- ```
-This will insure the the json files are updated with your new tokens and the Docs page is also updated on Github.
+1. After adding/changing tokens in `src` be sure to run `npm run build:all` to ensure all output files are up to date
+2. Update the package version in `package.json`
+3. Update the `CHANGELOG.md`
+4. Merge the code into master

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

59132

increased by1.36%

Worsened metrics

Number of lines in readme file

60

decreased by-16.67%

No dependency changes