mx-design-tokens
Advanced tools
Comparing version 5.0.0 to 5.0.1
@@ -16,2 +16,7 @@ "use strict"; | ||
return { | ||
Low: core.BoxShadow.Low, | ||
Medium: core.BoxShadow.Medium, | ||
High: core.BoxShadow.High, | ||
Left: core.BoxShadow.Left, | ||
Right: core.BoxShadow.Right, | ||
Card: core.BoxShadow.Low, | ||
@@ -30,8 +35,8 @@ Container: core.BoxShadow.Low, | ||
return _objectSpread({}, light(core), { | ||
Card: "none", | ||
Container: "none", | ||
DropdownMenu: "none", | ||
Modal: "none", | ||
BottomBar: "none", | ||
Drawer: "none" | ||
Card: '', | ||
Container: '', | ||
DropdownMenu: '', | ||
Modal: '', | ||
BottomBar: '', | ||
Drawer: '' | ||
}); | ||
@@ -38,0 +43,0 @@ }; |
@@ -31,3 +31,3 @@ "use strict"; | ||
InputLabelTop: -Math.abs(core.Spacing.XSmall), | ||
InputLabelMarginLeft: core.Spacing.Small, | ||
InputLabelMarginLeft: core.Spacing.XSmall, | ||
InputLabelPaddingLeft: core.Spacing.Tiny, | ||
@@ -34,0 +34,0 @@ InputLabelPaddingRight: 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":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"}} | ||
{"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)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 3px rgba(87, 102, 117, 0.2)","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,"Button":4,"Input":4,"Modal":4,"ModalClose":4,"DropdownToggle":4,"DropdownMenu":4,"Container":4,"Card":4,"Tooltip":4,"Checkbox":2},"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":"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":12,"CheckboxLabelMarginRight":12,"ContainerSidePadding":24,"DropdownToggle":12,"DropdownItemPaddingTopBottom":12,"DropdownItemPaddingLeftRight":8,"InputLabelTop":-8,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputPaddingTop":16,"InputPaddingRight":12,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputHelpTextMarginTop":4,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"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":{"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":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"}} | ||
{"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)","Left":" -1px 0px 3px rgba(87, 102, 117, 0.2)","Right":" 1px 0px 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)","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,"Button":4,"Input":4,"Modal":4,"ModalClose":4,"DropdownToggle":4,"DropdownMenu":4,"Container":4,"Card":4,"Tooltip":4,"Checkbox":2},"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":"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":12,"CheckboxLabelMarginRight":12,"ContainerSidePadding":24,"DropdownToggle":12,"DropdownItemPaddingTopBottom":12,"DropdownItemPaddingLeftRight":8,"InputLabelTop":-8,"InputLabelMarginLeft":8,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputPaddingTop":16,"InputPaddingRight":12,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputHelpTextMarginTop":4,"ModalPadding":12,"SwitchLabelMarginLeft":12,"SwitchLabelMarginRight":12,"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":{"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": "5.0.0", | ||
"version": "5.0.1", | ||
"description": "Design Tokens", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -16,3 +16,3 @@ # MX Design Tokens | ||
``` | ||
import { light, dark } from 'mx-design-tokens' | ||
import { light, dark, targets } from 'mx-design-tokens' | ||
``` | ||
@@ -25,3 +25,3 @@ | ||
const theme = buildTheme('light', { Primary300: '#876543' }) | ||
const theme = buildTheme('light', targets.REACT, { Primary300: '#876543' }) | ||
``` | ||
@@ -36,10 +36,15 @@ | ||
To compile static JSON tokens for development, run the following: | ||
``` | ||
npm i | ||
``` | ||
then | ||
``` | ||
npm run build | ||
``` | ||
then | ||
``` | ||
@@ -56,5 +61,1 @@ npm run json | ||
``` | ||
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
58
41581
14
603