Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

mx-design-tokens

Package Overview
Dependencies
Maintainers
1
Versions
55
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mx-design-tokens - npm Package Compare versions

Comparing version 8.1.0 to 8.1.1

6

CHANGELOG.md

@@ -8,2 +8,8 @@ # Changelog

## [8.1.1] - 08-03-2020
### Added
- Added the Primary color tokens back for backwards compatability and usage
## [8.1.0] - 07-29-2020

@@ -10,0 +16,0 @@

@@ -35,2 +35,7 @@ "use strict";

Neutral900: "#121417",
Primary100: "#EAF1FB",
Primary200: "#6FA1EC",
Primary300: "#2F73DA",
Primary400: "#165ECC",
Primary500: "#034AB3",
Success100: "#DDFDED",

@@ -37,0 +42,0 @@ Success200: "#0AC295",

2

json/dark.json

@@ -1,1 +0,1 @@

{"Color":{"Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","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 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":"","Card":"","Container":"","Drawer":"","DropdownMenu":"","Modal":"","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":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,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"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,"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,"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","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","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","Modal":"#1F2329","ModalClose":"#49505A","ModalCloseHover":"#6A7381","ModalScrim":"rgba(0, 0, 0, 0.50)","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","TableRowHover":"#49505A","TableFooter":"#49505A","Tooltip":"#49505A"},"BorderColor":{"ButtonLinkHover":"#FFFFFF","ButtonNeutral":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#A8B1BD","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#A8B1BD","InputDisabled":"#6A7381","InputError":"#F45532","InputFocus":"#6FA1EC","InputHover":"#A8B1BD","Radio":"#6A7381","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","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#FFFFFF","ButtonTransparentTertiary":"#CDD3DD","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#F45532","InputHelpText":"#A8B1BD","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","LeftNavItemActive":"#FFFFFF","ModalClose":"#FFFFFF","TabActive":"#6FA1EC","Tooltip":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}
{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","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 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":"","Card":"","Container":"","Drawer":"","DropdownMenu":"","Modal":"","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":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,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"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,"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,"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","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","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","MessageBoxHelp":"#6FA1EC","MessageBoxError":"#F45532","MessageBoxSuccess":"#0AC295","Modal":"#1F2329","ModalClose":"#49505A","ModalCloseHover":"#6A7381","ModalScrim":"rgba(0, 0, 0, 0.50)","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","TableRowHover":"#49505A","TableFooter":"#49505A","Tooltip":"#49505A"},"BorderColor":{"ButtonLinkHover":"#FFFFFF","ButtonNeutral":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#A8B1BD","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#A8B1BD","InputDisabled":"#6A7381","InputError":"#F45532","InputFocus":"#6FA1EC","InputHover":"#A8B1BD","Radio":"#6A7381","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","ButtonNeutral":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonNeutralHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#FFFFFF","ButtonTransparentTertiary":"#CDD3DD","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#F45532","InputHelpText":"#A8B1BD","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","LeftNavItemActive":"#FFFFFF","ModalClose":"#FFFFFF","TabActive":"#6FA1EC","Tooltip":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}

@@ -1,1 +0,1 @@

{"Color":{"Primary100":"#EAF1FB","Primary200":"#6FA1EC","Primary300":"#2F73DA","Primary400":"#165ECC","Primary500":"#034AB3","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","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 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Card":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Container":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Drawer":" -1px 0px 3px rgba(87, 102, 117, 0.2)","DropdownMenu":" 0px 3px 8px rgba(87, 102, 117, 0.15)","Modal":" 0px 10px 20px rgba(87, 102, 117, 0.16)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":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,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"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,"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,"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","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","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","Modal":"#FFFFFF","ModalClose":"#EEF1F6","ModalCloseHover":"#E4E8EE","ModalScrim":"rgba(0, 0, 0, 0.25)","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","TableRowHover":"#F8F9FB","TableFooter":"#EEF1F6","Tooltip":"#1F2329"},"BorderColor":{"ButtonLinkHover":"#165ECC","ButtonNeutral":"#CDD3DD","ButtonNeutralDisabled":"#165ECC","ButtonNeutralHover":"#165ECC","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#6A7381","InputDisabled":"rgba(203, 211, 223, 0.55)","InputError":"#DF320C","InputFocus":"#2F73DA","InputHover":"#6A7381","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","ButtonNeutral":"#2F73DA","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#2F73DA","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#165ECC","ButtonTransparentTertiary":"#49505A","DropdownMenuItemActive":"#2F73DA","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#DF320C","InputHelpText":"#6A7381","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","LeftNavItemActive":"#165ECC","ModalClose":"#121417","TabActive":"#2F73DA","Tooltip":"#FFFFFF"}}
{"Color":{"Brand100":"#EAF1FB","Brand200":"#6FA1EC","Brand300":"#2F73DA","Brand400":"#165ECC","Brand500":"#034AB3","NeutralWhite":"#FFFFFF","Neutral100":"#F8F9FB","Neutral200":"#EEF1F6","Neutral300":"#E4E8EE","Neutral400":"#CDD3DD","Neutral500":"#A8B1BD","Neutral600":"#6A7381","Neutral700":"#49505A","Neutral800":"#1F2329","Neutral900":"#121417","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 1px 3px rgba(87, 102, 117, 0.2)","Medium":" 0px 3px 8px rgba(87, 102, 117, 0.15)","High":" 0px 10px 20px rgba(87, 102, 117, 0.16)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","BottomBar":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Card":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Container":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Drawer":" -1px 0px 3px rgba(87, 102, 117, 0.2)","DropdownMenu":" 0px 3px 8px rgba(87, 102, 117, 0.15)","Modal":" 0px 10px 20px rgba(87, 102, 117, 0.16)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":8,"XLarge":16,"Button":4,"Card":4,"CardRounded":8,"Checkbox":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,"Input":16,"InputHelpText":14,"InputLabel":14,"ModalHeader":20,"TextArea":16,"TextAreaHelpText":14,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":"12px","XSmall":"14px","Small":"16px","ParagraphSmall":"20px","Body":"20px","Paragraph":"24px","H3":"24px","H2":"32px","H1":"40px"},"Spacing":{"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,"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,"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","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","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","MessageBoxHelp":"#2F73DA","MessageBoxError":"#DF320C","MessageBoxSuccess":"#09A57F","Modal":"#FFFFFF","ModalClose":"#EEF1F6","ModalCloseHover":"#E4E8EE","ModalScrim":"rgba(0, 0, 0, 0.25)","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","TableRowHover":"#F8F9FB","TableFooter":"#EEF1F6","Tooltip":"#1F2329"},"BorderColor":{"ButtonLinkHover":"#165ECC","ButtonNeutral":"#CDD3DD","ButtonNeutralDisabled":"#165ECC","ButtonNeutralHover":"#165ECC","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","DropdownDisabled":"rgba(203, 211, 223, 0.55)","Input":"#6A7381","InputDisabled":"rgba(203, 211, 223, 0.55)","InputError":"#DF320C","InputFocus":"#2F73DA","InputHover":"#6A7381","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","ButtonNeutral":"#2F73DA","ButtonNeutralDisabled":"#6A7381","ButtonNeutralHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonTransparent":"#2F73DA","ButtonTransparentDisabled":"#6A7381","ButtonTransparentHover":"#165ECC","ButtonTransparentTertiary":"#49505A","DropdownMenuItemActive":"#2F73DA","DropdownMenuItemDisabled":"#A8B1BD","InputErrorMessage":"#DF320C","InputHelpText":"#6A7381","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","LeftNavItemActive":"#165ECC","ModalClose":"#121417","TabActive":"#2F73DA","Tooltip":"#FFFFFF"}}
{
"name": "mx-design-tokens",
"version": "8.1.0",
"version": "8.1.1",
"description": "Design Tokens",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc