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 4.0.0 to 4.0.1

2

dist/tokens/core.js

@@ -78,3 +78,3 @@ "use strict";

Tiny: 12,
XSmall: 16,
XSmall: 14,
Small: 16,

@@ -81,0 +81,0 @@ ParagraphSmall: 20,

@@ -21,3 +21,3 @@ "use strict";

SwitchLabelMarginRight: core.Spacing.Small,
InputLabelTop: "-".concat(core.Spacing.Medium),
InputLabelTop: "-".concat(core.Spacing.XSmall),
InputLabelMarginLeft: core.Spacing.Small,

@@ -24,0 +24,0 @@ InputLabelPadding: "0 ".concat(core.Spacing.Tiny),

@@ -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":"#FA8902","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)"},"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)","Top":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","Focus":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Card":"none","Container":"none","DropdownMenu":"none","Modal":"none","BottomBar":"none","Drawer":"none","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":16,"Rounded":"50%","Button":4,"Input":4,"Modal":4,"ModalClose":4,"DropdownToggle":4,"DropdownMenu":4,"Container":4,"Card":4,"Switch":"50%","Tooltip":4,"Checkbox":2,"Radio":"50%"},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Input":16,"InputLabel":14,"InputHelpText":14,"TextArea":16,"TextAreaHelpText":14,"DropdownToggle":16,"DropdownItems":16,"ModalHeader":20,"ButtonLinkSmall":14,"ButtonLinkLarge":16,"Button":16,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":12,"XSmall":16,"Small":16,"ParagraphSmall":20,"Body":20,"Paragraph":24,"H3":24,"H2":32,"H1":40},"Spacing":{"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CheckboxLabelMarginLeft":12,"CheckboxLabelMarginRight":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"InputLabelTop":"-16","InputLabelMarginLeft":12,"InputLabelPadding":"0 4","InputPadding":"16 12 12 12","InputHelpTextMarginTop":4,"TextAreaPadding":12,"DropdownToggle":12,"DropdownItemPaddingTopBottom":12,"DropdownItemPaddingLeftright":8,"ModalPadding":12,"ContainerSidePadding":24,"CardSidePadding":16,"TooltipPadding":12},"Time":{"Short":"300ms","Med":"500ms","Long":"1000ms"},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"ButtonLinkHover":"#49505A","ButtonPrimary":"#2F73DA","ButtonPrimaryHover":"#165ECC","ButtonPrimaryDisabled":"#49505A","ButtonNeutral":"#1F2329","ButtonNeutralHover":"#6A7381","ButtonNeutralDisabled":"#49505A","ButtonTransparentHover":"#6A7381","ButtonDestructive":"#DF320C","ButtonDestructiveHover":"#C61A0B","ButtonDestructiveDisabled":"#49505A","InputFocus":"transparent","InputDisabled":"transparent","InputLabelDefault":"#1F2329","InputLabelSecondary":"#121417","Modal":"#1F2329","ModalScrim":"rgba(0, 0, 0, 0.50)","Body":"#121417","Container":"#1F2329","Card":"#1F2329","LeftNavItem":"#1F2329","LeftNavItemHover":"#49505A","LeftNavItemActive":"#121417","TabHover":"#49505A","HrLight":"#6A7381","HrDark":"#A8B1BD","SwitchOff":"#49505A","SwitchOn":"#09A57F","SwitchDisabledOff":"#121417","SwitchDisabledOn":"#121417","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#49505A","Tooltip":"#49505A","CheckboxChecked":"transparent","CheckboxDisabled":"#49505A","RadioChecked":"transparent","RadioDisabled":"#49505A","RadioDot":"#6A7381","RadioDotChecked":"#FFFFFF","RadioDotDisabled":"#6A7381","RadioDotDisabledChecked":"#A8B1BD"},"BorderColor":{"ButtonNeutral":"#A8B1BD","ButtonNeutralHover":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","Input":"#A8B1BD","InputHover":"#A8B1BD","InputFocus":"#6FA1EC","InputError":"#F45532","InputDisabled":"#6A7381","ButtonLinkHover":"#FFFFFF","Dropdown":"#A8B1BD","DropdownHover":"#FFFFFF","DropdownFocus":"#6FA1EC","DropdownError":"#F45532","DropdownDisabled":"#6A7381","TabActive":"#6FA1EC","Switch":"#6A7381","SwitchDisabled":"#6A7381","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","Radio":"#6A7381","RadioChecked":"#FFFFFF","RadioDisabled":"#6A7381","RadioDisabledChecked":"#A8B1BD"},"TextColor":{"Default":"#FFFFFF","Secondary":"#A8B1BD","Active":"#6FA1EC","ActiveHover":"#EAF1FB","Error":"#F45532","Disabled":"#6A7381","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","InputHelpText":"#A8B1BD","InputErrorMessage":"#F45532","ButtonLink":"#6FA1EC","ButtonLinkHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonNeutral":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentHover":"#FFFFFF","ButtonTransparentDisabled":"#6A7381","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonTransparentTertiary":"#CDD3DD","ButtonLinkTertiary":"#CDD3DD","TabActive":"#6FA1EC","LeftNavItemActive":"#FFFFFF","Tooltip":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}
{"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":"#FA8902","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)"},"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)","Top":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","Focus":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Card":"none","Container":"none","DropdownMenu":"none","Modal":"none","BottomBar":"none","Drawer":"none","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":16,"Rounded":"50%","Button":4,"Input":4,"Modal":4,"ModalClose":4,"DropdownToggle":4,"DropdownMenu":4,"Container":4,"Card":4,"Switch":"50%","Tooltip":4,"Checkbox":2,"Radio":"50%"},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Input":16,"InputLabel":14,"InputHelpText":14,"TextArea":16,"TextAreaHelpText":14,"DropdownToggle":16,"DropdownItems":16,"ModalHeader":20,"ButtonLinkSmall":14,"ButtonLinkLarge":16,"Button":16,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":12,"XSmall":14,"Small":16,"ParagraphSmall":20,"Body":20,"Paragraph":24,"H3":24,"H2":32,"H1":40},"Spacing":{"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CheckboxLabelMarginLeft":12,"CheckboxLabelMarginRight":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"InputLabelTop":"-8","InputLabelMarginLeft":12,"InputLabelPadding":"0 4","InputPadding":"16 12 12 12","InputHelpTextMarginTop":4,"TextAreaPadding":12,"DropdownToggle":12,"DropdownItemPaddingTopBottom":12,"DropdownItemPaddingLeftright":8,"ModalPadding":12,"ContainerSidePadding":24,"CardSidePadding":16,"TooltipPadding":12},"Time":{"Short":"300ms","Med":"500ms","Long":"1000ms"},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"ButtonLinkHover":"#49505A","ButtonPrimary":"#2F73DA","ButtonPrimaryHover":"#165ECC","ButtonPrimaryDisabled":"#49505A","ButtonNeutral":"#1F2329","ButtonNeutralHover":"#6A7381","ButtonNeutralDisabled":"#49505A","ButtonTransparentHover":"#6A7381","ButtonDestructive":"#DF320C","ButtonDestructiveHover":"#C61A0B","ButtonDestructiveDisabled":"#49505A","InputFocus":"transparent","InputDisabled":"transparent","InputLabelDefault":"#1F2329","InputLabelSecondary":"#121417","Modal":"#1F2329","ModalScrim":"rgba(0, 0, 0, 0.50)","Body":"#121417","Container":"#1F2329","Card":"#1F2329","LeftNavItem":"#1F2329","LeftNavItemHover":"#49505A","LeftNavItemActive":"#121417","TabHover":"#49505A","HrLight":"#6A7381","HrDark":"#A8B1BD","SwitchOff":"#49505A","SwitchOn":"#09A57F","SwitchDisabledOff":"#121417","SwitchDisabledOn":"#121417","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#49505A","Tooltip":"#49505A","CheckboxChecked":"transparent","CheckboxDisabled":"#49505A","RadioChecked":"transparent","RadioDisabled":"#49505A","RadioDot":"#6A7381","RadioDotChecked":"#FFFFFF","RadioDotDisabled":"#6A7381","RadioDotDisabledChecked":"#A8B1BD"},"BorderColor":{"ButtonNeutral":"#A8B1BD","ButtonNeutralHover":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","Input":"#A8B1BD","InputHover":"#A8B1BD","InputFocus":"#6FA1EC","InputError":"#F45532","InputDisabled":"#6A7381","ButtonLinkHover":"#FFFFFF","Dropdown":"#A8B1BD","DropdownHover":"#FFFFFF","DropdownFocus":"#6FA1EC","DropdownError":"#F45532","DropdownDisabled":"#6A7381","TabActive":"#6FA1EC","Switch":"#6A7381","SwitchDisabled":"#6A7381","Checkbox":"#CDD3DD","CheckboxChecked":"#FFFFFF","CheckboxDisabled":"#6A7381","Radio":"#6A7381","RadioChecked":"#FFFFFF","RadioDisabled":"#6A7381","RadioDisabledChecked":"#A8B1BD"},"TextColor":{"Default":"#FFFFFF","Secondary":"#A8B1BD","Active":"#6FA1EC","ActiveHover":"#EAF1FB","Error":"#F45532","Disabled":"#6A7381","InputLabel":"#A8B1BD","InputPlaceholder":"#A8B1BD","InputHelpText":"#A8B1BD","InputErrorMessage":"#F45532","ButtonLink":"#6FA1EC","ButtonLinkHover":"#FFFFFF","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonNeutral":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonNeutralDisabled":"#A8B1BD","ButtonTransparent":"#6FA1EC","ButtonTransparentHover":"#FFFFFF","ButtonTransparentDisabled":"#6A7381","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonTransparentTertiary":"#CDD3DD","ButtonLinkTertiary":"#CDD3DD","TabActive":"#6FA1EC","LeftNavItemActive":"#FFFFFF","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":"#FA8902","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)"},"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)","Top":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","Focus":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Card":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Container":" 0px 1px 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)","BottomBar":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Drawer":" -1px 0px 3px rgba(87, 102, 117, 0.2)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":16,"Rounded":"50%","Button":4,"Input":4,"Modal":4,"ModalClose":4,"DropdownToggle":4,"DropdownMenu":4,"Container":4,"Card":4,"Switch":"50%","Tooltip":4,"Checkbox":2,"Radio":"50%"},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Input":16,"InputLabel":14,"InputHelpText":14,"TextArea":16,"TextAreaHelpText":14,"DropdownToggle":16,"DropdownItems":16,"ModalHeader":20,"ButtonLinkSmall":14,"ButtonLinkLarge":16,"Button":16,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":12,"XSmall":16,"Small":16,"ParagraphSmall":20,"Body":20,"Paragraph":24,"H3":24,"H2":32,"H1":40},"Spacing":{"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CheckboxLabelMarginLeft":12,"CheckboxLabelMarginRight":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"InputLabelTop":"-16","InputLabelMarginLeft":12,"InputLabelPadding":"0 4","InputPadding":"16 12 12 12","InputHelpTextMarginTop":4,"TextAreaPadding":12,"DropdownToggle":12,"DropdownItemPaddingTopBottom":12,"DropdownItemPaddingLeftright":8,"ModalPadding":12,"ContainerSidePadding":24,"CardSidePadding":16,"TooltipPadding":12},"Time":{"Short":"300ms","Med":"500ms","Long":"1000ms"},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"ButtonLinkHover":"#EAF1FB","ButtonPrimary":"#2F73DA","ButtonPrimaryHover":"#165ECC","ButtonPrimaryDisabled":"#EEF1F6","ButtonNeutral":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonNeutralDisabled":"#FFFFFF","ButtonTransparentHover":"#EAF1FB","ButtonDestructive":"#DF320C","ButtonDestructiveHover":"#C61A0B","ButtonDestructiveDisabled":"#EEF1F6","InputFocus":"transparent","InputDisabled":"rgba(247, 249, 252, 0.55)","InputLabelDefault":"#FFFFFF","InputLabelSecondary":"#F8F9FB","Modal":"#FFFFFF","ModalScrim":"rgba(0, 0, 0, 0.25)","Body":"#F8F9FB","Container":"#FFFFFF","Card":"#FFFFFF","LeftNavItem":"#FFFFFF","LeftNavItemHover":"#F8F9FB","LeftNavItemActive":"#EAF1FB","TabHover":"#F8F9FB","HrLight":"#E4E8EE","HrDark":"#CDD3DD","SwitchOff":"#EEF1F6","SwitchOn":"#09A57F","SwitchDisabledOff":"#EEF1F6","SwitchDisabledOn":"#E4E8EE","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#F8F9FB","Tooltip":"#1F2329","CheckboxChecked":"#EAF1FB","CheckboxDisabled":"#F8F9FB","RadioChecked":"#EAF1FB","RadioDisabled":"#EAF1FB","RadioDot":"#F8F9FB","RadioDotChecked":"#2F73DA","RadioDotDisabled":"#EEF1F6","RadioDotDisabledChecked":"#A8B1BD"},"BorderColor":{"ButtonNeutral":"#CDD3DD","ButtonNeutralHover":"#165ECC","ButtonNeutralDisabled":"#165ECC","Input":"#6A7381","InputHover":"#6A7381","InputFocus":"#2F73DA","InputError":"#DF320C","InputDisabled":"rgba(203, 211, 223, 0.55)","ButtonLinkHover":"#165ECC","Dropdown":"#6A7381","DropdownHover":"#121417","DropdownFocus":"#2F73DA","DropdownError":"#DF320C","DropdownDisabled":"rgba(203, 211, 223, 0.55)","TabActive":"#2F73DA","Switch":"#6A7381","SwitchDisabled":"#CDD3DD","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","Radio":"#6A7381","RadioChecked":"#2F73DA","RadioDisabled":"#CDD3DD","RadioDisabledChecked":"#A8B1BD"},"TextColor":{"Default":"#121417","Secondary":"#49505A","Active":"#2F73DA","ActiveHover":"#165ECC","Error":"#DF320C","Disabled":"#A8B1BD","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","InputHelpText":"#6A7381","InputErrorMessage":"#DF320C","ButtonLink":"#2F73DA","ButtonLinkHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonNeutral":"#2F73DA","ButtonNeutralHover":"#165ECC","ButtonNeutralDisabled":"#6A7381","ButtonTransparent":"#2F73DA","ButtonTransparentHover":"#165ECC","ButtonTransparentDisabled":"#6A7381","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonTransparentTertiary":"#49505A","ButtonLinkTertiary":"#49505A","TabActive":"#2F73DA","LeftNavItemActive":"#165ECC","Tooltip":"#FFFFFF"}}
{"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":"#FA8902","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)"},"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)","Top":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","Focus":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Card":" 0px 1px 3px rgba(87, 102, 117, 0.2)","Container":" 0px 1px 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)","BottomBar":" 0px -1px 3px rgba(87, 102, 117, 0.2)","Drawer":" -1px 0px 3px rgba(87, 102, 117, 0.2)","FocusRingDefault":"0px 0px 0px 2px rgba(82, 138, 224, 0.8)","Tooltip":" 0px 3px 8px rgba(87, 102, 117, 0.15)"},"BorderRadius":{"Small":2,"Medium":4,"Large":16,"Rounded":"50%","Button":4,"Input":4,"Modal":4,"ModalClose":4,"DropdownToggle":4,"DropdownMenu":4,"Container":4,"Card":4,"Switch":"50%","Tooltip":4,"Checkbox":2,"Radio":"50%"},"FontSize":{"Tiny":10,"XSmall":12,"Small":14,"ParagraphSmall":14,"Body":16,"Paragraph":16,"H3":20,"H2":24,"H1":32,"Input":16,"InputLabel":14,"InputHelpText":14,"TextArea":16,"TextAreaHelpText":14,"DropdownToggle":16,"DropdownItems":16,"ModalHeader":20,"ButtonLinkSmall":14,"ButtonLinkLarge":16,"Button":16,"TooltipHeadline":16,"TooltipText":14},"FontWeight":{"Regular":400,"Semibold":600,"Bold":700},"LineHeight":{"Tiny":12,"XSmall":14,"Small":16,"ParagraphSmall":20,"Body":20,"Paragraph":24,"H3":24,"H2":32,"H1":40},"Spacing":{"Tiny":4,"XSmall":8,"Small":12,"Medium":16,"Large":24,"XLarge":32,"XXLarge":40,"XXXLarge":48,"Jumbo":64,"SuperJumbo":96,"ButtonPadding":12,"CheckboxLabelMarginLeft":12,"CheckboxLabelMarginRight":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"InputLabelTop":"-8","InputLabelMarginLeft":12,"InputLabelPadding":"0 4","InputPadding":"16 12 12 12","InputHelpTextMarginTop":4,"TextAreaPadding":12,"DropdownToggle":12,"DropdownItemPaddingTopBottom":12,"DropdownItemPaddingLeftright":8,"ModalPadding":12,"ContainerSidePadding":24,"CardSidePadding":16,"TooltipPadding":12},"Time":{"Short":"300ms","Med":"500ms","Long":"1000ms"},"Easing":{"Default":"cubic-bezier(.475,.425,0,.995)"},"MediaQuery":{"Small":576,"Med":768,"Large":992,"XLarge":1200},"BackgroundColor":{"ButtonLinkHover":"#EAF1FB","ButtonPrimary":"#2F73DA","ButtonPrimaryHover":"#165ECC","ButtonPrimaryDisabled":"#EEF1F6","ButtonNeutral":"#FFFFFF","ButtonNeutralHover":"#FFFFFF","ButtonNeutralDisabled":"#FFFFFF","ButtonTransparentHover":"#EAF1FB","ButtonDestructive":"#DF320C","ButtonDestructiveHover":"#C61A0B","ButtonDestructiveDisabled":"#EEF1F6","InputFocus":"transparent","InputDisabled":"rgba(247, 249, 252, 0.55)","InputLabelDefault":"#FFFFFF","InputLabelSecondary":"#F8F9FB","Modal":"#FFFFFF","ModalScrim":"rgba(0, 0, 0, 0.25)","Body":"#F8F9FB","Container":"#FFFFFF","Card":"#FFFFFF","LeftNavItem":"#FFFFFF","LeftNavItemHover":"#F8F9FB","LeftNavItemActive":"#EAF1FB","TabHover":"#F8F9FB","HrLight":"#E4E8EE","HrDark":"#CDD3DD","SwitchOff":"#EEF1F6","SwitchOn":"#09A57F","SwitchDisabledOff":"#EEF1F6","SwitchDisabledOn":"#E4E8EE","SwitchHandle":"#FFFFFF","SwitchHandleDisabled":"#F8F9FB","Tooltip":"#1F2329","CheckboxChecked":"#EAF1FB","CheckboxDisabled":"#F8F9FB","RadioChecked":"#EAF1FB","RadioDisabled":"#EAF1FB","RadioDot":"#F8F9FB","RadioDotChecked":"#2F73DA","RadioDotDisabled":"#EEF1F6","RadioDotDisabledChecked":"#A8B1BD"},"BorderColor":{"ButtonNeutral":"#CDD3DD","ButtonNeutralHover":"#165ECC","ButtonNeutralDisabled":"#165ECC","Input":"#6A7381","InputHover":"#6A7381","InputFocus":"#2F73DA","InputError":"#DF320C","InputDisabled":"rgba(203, 211, 223, 0.55)","ButtonLinkHover":"#165ECC","Dropdown":"#6A7381","DropdownHover":"#121417","DropdownFocus":"#2F73DA","DropdownError":"#DF320C","DropdownDisabled":"rgba(203, 211, 223, 0.55)","TabActive":"#2F73DA","Switch":"#6A7381","SwitchDisabled":"#CDD3DD","Checkbox":"#6A7381","CheckboxChecked":"#2F73DA","CheckboxDisabled":"#CDD3DD","Radio":"#6A7381","RadioChecked":"#2F73DA","RadioDisabled":"#CDD3DD","RadioDisabledChecked":"#A8B1BD"},"TextColor":{"Default":"#121417","Secondary":"#49505A","Active":"#2F73DA","ActiveHover":"#165ECC","Error":"#DF320C","Disabled":"#A8B1BD","InputLabel":"#6A7381","InputPlaceholder":"#6A7381","InputHelpText":"#6A7381","InputErrorMessage":"#DF320C","ButtonLink":"#2F73DA","ButtonLinkHover":"#165ECC","ButtonPrimary":"#FFFFFF","ButtonPrimaryDisabled":"#A8B1BD","ButtonNeutral":"#2F73DA","ButtonNeutralHover":"#165ECC","ButtonNeutralDisabled":"#6A7381","ButtonTransparent":"#2F73DA","ButtonTransparentHover":"#165ECC","ButtonTransparentDisabled":"#6A7381","ButtonDestructive":"#FFFFFF","ButtonDestructiveDisabled":"#A8B1BD","ButtonTransparentTertiary":"#49505A","ButtonLinkTertiary":"#49505A","TabActive":"#2F73DA","LeftNavItemActive":"#165ECC","Tooltip":"#FFFFFF"}}
{
"name": "mx-design-tokens",
"version": "4.0.0",
"version": "4.0.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