mx-design-tokens - npm Package Compare versions

Comparing version 6.0.1 to 6.0.2

CHANGELOG.md

@@ -7,2 +7,6 @@ # Changelog
 
+## [6.0.2] - 04-21-2020
+
+Fix bad publish of 6.0.1
+
 ## [6.0.1] - 04-21-2020
@@ -9,0 +13,0 @@

dist/tokens/backgroundColor.js

@@ -16,2 +16,4 @@ "use strict";
   return {
+    Body: core.Color.Neutral100,
+    // Button
     ButtonLinkHover: core.Color.Primary100,
@@ -28,2 +30,3 @@ ButtonPrimary: core.Color.Primary300,
     ButtonDestructiveDisabled: core.Color.Neutral200,
+    // Input
     InputFocus: "transparent",
@@ -33,13 +36,22 @@ InputDisabled: core.Color.TransparentNeutral100,
     InputLabelSecondary: core.Color.Neutral100,
+    InputChip: core.Color.Primary100,
+    InputChipHover: core.Color.Primary300,
+    // Modal
     Modal: core.Color.NeutralWhite,
     ModalScrim: core.Color.TransparentScrim,
-    Body: core.Color.Neutral100,
+    ModalClose: core.Color.Neutral200,
+    // Container
     Container: core.Color.NeutralWhite,
+    // Card
     Card: core.Color.NeutralWhite,
+    // Left Nav
     LeftNavItem: core.Color.NeutralWhite,
     LeftNavItemHover: core.Color.Neutral100,
     LeftNavItemActive: core.Color.Primary100,
+    // Tab
     TabHover: core.Color.Neutral100,
+    // HR
     HrLight: core.Color.Neutral300,
     HrDark: core.Color.Neutral400,
+    // Switch
     SwitchOff: core.Color.Neutral200,
@@ -51,5 +63,8 @@ SwitchOn: core.Color.Success300,
     SwitchHandleDisabled: core.Color.Neutral100,
+    // Tooltip
     Tooltip: core.Color.Neutral800,
+    // Checkbox
     CheckboxChecked: core.Color.Primary100,
     CheckboxDisabled: core.Color.Neutral100,
+    // Radio
     RadioChecked: core.Color.Primary100,
@@ -60,3 +75,7 @@ RadioDisabled: core.Color.Primary100,
     RadioDotDisabled: core.Color.Neutral200,
-    RadioDotDisabledChecked: core.Color.Neutral500
+    RadioDotDisabledChecked: core.Color.Neutral500,
+    // Dropdown
+    DropdownMenu: core.Color.NeutralWhite,
+    DropdownMenuItemHover: core.Color.Neutral100,
+    DropdownMenuItemActive: core.Color.Primary100
   };
@@ -67,2 +86,4 @@ };
   return _objectSpread({}, light(core), {
+    Body: core.Color.Neutral900,
+    // Button
     ButtonLinkHover: core.Color.Neutral700,
@@ -75,2 +96,3 @@ ButtonPrimaryDisabled: core.Color.Neutral700,
     ButtonDestructiveDisabled: core.Color.Neutral700,
+    // Input
     InputFocus: "transparent",
@@ -80,13 +102,22 @@ InputDisabled: 'transparent',
     InputLabelSecondary: core.Color.Neutral900,
+    InputChip: core.Color.Neutral700,
+    InputChipHover: core.Color.Neutral600,
+    // Modal
     Modal: core.Color.Neutral800,
     ModalScrim: core.Color.TransparentScrimDarker,
-    Body: core.Color.Neutral900,
+    ModalClose: core.Color.Neutral700,
+    // Container
     Container: core.Color.Neutral800,
+    // Card
     Card: core.Color.Neutral800,
+    // Left Nav
     LeftNavItem: core.Color.Neutral800,
     LeftNavItemHover: core.Color.Neutral700,
     LeftNavItemActive: core.Color.Neutral900,
+    // Tab
     TabHover: core.Color.Neutral700,
+    // HR
     HrLight: core.Color.Neutral600,
     HrDark: core.Color.Neutral500,
+    // Switch
     SwitchOff: core.Color.Neutral700,
@@ -97,10 +128,17 @@ SwitchDisabledOff: core.Color.Neutral900,
     SwitchHandleDisabled: core.Color.Neutral700,
+    // Tooltip
     Tooltip: core.Color.Neutral700,
+    // Checkbox
     CheckboxChecked: 'transparent',
     CheckboxDisabled: core.Color.Neutral700,
-    RadioChecked: 'transparent',
+    // Radio
+    RadioChecked: core.Color.Neutral900,
     RadioDisabled: core.Color.Neutral700,
     RadioDot: core.Color.Neutral600,
     RadioDotChecked: core.Color.NeutralWhite,
-    RadioDotDisabled: core.Color.Neutral600
+    RadioDotDisabled: core.Color.Neutral600,
+    // Dropdown
+    DropdownMenu: core.Color.Neutral700,
+    DropdownMenuItemHover: core.Color.Neutral600,
+    DropdownMenuItemActive: core.Color.Primary600
   });
@@ -107,0 +145,0 @@ };

dist/tokens/borderColor.js

@@ -25,6 +25,2 @@ "use strict";
     ButtonLinkHover: core.Color.Primary400,
-    Dropdown: core.Color.Neutral600,
-    DropdownHover: core.Color.Neutral900,
-    DropdownFocus: core.Color.Primary300,
-    DropdownError: core.Color.Error300,
     DropdownDisabled: core.Color.TransparentNeutral400,
@@ -55,7 +51,2 @@ TabActive: core.Color.Primary300,
     ButtonLinkHover: core.Color.NeutralWhite,
-    Dropdown: core.Color.Neutral500,
-    DropdownHover: core.Color.NeutralWhite,
-    DropdownFocus: core.Color.Primary200,
-    DropdownError: core.Color.Error200,
-    DropdownDisabled: core.Color.Neutral600,
     TabActive: core.Color.Primary200,
@@ -62,0 +53,0 @@ SwitchDisabled: core.Color.Neutral600,

dist/tokens/borderRadius.js

@@ -15,14 +15,14 @@ "use strict";
 var light = function light(core) {
-  return {
+  var _ref;
+
+  return _ref = {
     Button: core.BorderRadius.Medium,
     Input: core.BorderRadius.Medium,
+    DropdownMenu: core.BorderRadius.Medium,
+    DropdownMenuItem: core.BorderRadius.Medium,
+    DropdownChip: core.BorderRadius.Medium,
     Modal: core.BorderRadius.Medium,
     ModalClose: core.BorderRadius.Medium,
-    DropdownToggle: core.BorderRadius.Medium,
-    DropdownMenu: core.BorderRadius.Medium,
-    Container: core.BorderRadius.Medium,
-    Card: core.BorderRadius.Medium,
-    Tooltip: core.BorderRadius.Medium,
-    Checkbox: core.BorderRadius.Small
-  };
+    DropdownToggle: core.BorderRadius.Medium
+  }, _defineProperty(_ref, "DropdownMenu", core.BorderRadius.Medium), _defineProperty(_ref, "Container", core.BorderRadius.Medium), _defineProperty(_ref, "Card", core.BorderRadius.Medium), _defineProperty(_ref, "Tooltip", core.BorderRadius.Medium), _defineProperty(_ref, "Checkbox", core.BorderRadius.Small), _ref;
 };
@@ -29,0 +29,0 @@

dist/tokens/boxShadow.js

@@ -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 @@ };

dist/tokens/fontSize.js

@@ -19,6 +19,6 @@ "use strict";
     InputHelpText: core.FontSize.Small,
+    DropdownItem: core.FontSize.Body,
+    DropdownChip: core.FontSize.Tiny,
     TextArea: core.FontSize.Body,
     TextAreaHelpText: core.FontSize.Small,
-    DropdownToggle: core.FontSize.Body,
-    DropdownItems: core.FontSize.Body,
     ModalHeader: core.FontSize.H3,
@@ -25,0 +25,0 @@ ButtonLinkSmall: core.FontSize.Small,

dist/tokens/spacing.js

@@ -25,11 +25,7 @@ "use strict";
     ContainerSidePadding: core.Spacing.Large,
-    // Dropdown
-    DropdownToggle: core.Spacing.Small,
-    DropdownItemPaddingTopBottom: core.Spacing.Small,
-    DropdownItemPaddingLeftRight: core.Spacing.XSmall,
-    // Input
+    //Input
     InputLabelTop: -Math.abs(core.Spacing.XSmall),
     InputLabelMarginLeft: core.Spacing.Small,
+    InputLabelPaddingRight: core.Spacing.Tiny,
     InputLabelPaddingLeft: core.Spacing.Tiny,
-    InputLabelPaddingRight: core.Spacing.Tiny,
     InputPaddingTop: core.Spacing.Medium,
@@ -40,3 +36,3 @@ InputPaddingRight: core.Spacing.Small,
     InputHelpTextMarginTop: core.Spacing.Tiny,
-    // Modal
+    //Modal
     ModalPadding: core.Spacing.Small,
@@ -43,0 +39,0 @@ // Switch

dist/tokens/textColor.js

@@ -26,2 +26,4 @@ "use strict";
     InputErrorMessage: core.Color.Error300,
+    DropdownMenuItemActive: core.Color.Primary300,
+    DropdownMenuItemDisabled: core.Color.Neutral500,
     ButtonLink: core.Color.Primary300,
@@ -43,3 +45,4 @@ ButtonLinkHover: core.Color.Primary400,
     LeftNavItemActive: core.Color.Primary400,
-    Tooltip: core.Color.NeutralWhite
+    Tooltip: core.Color.NeutralWhite,
+    ModalClose: core.Color.Neutral900
   };
@@ -60,2 +63,3 @@ };
     InputErrorMessage: core.Color.Error200,
+    DropdownMenuItemActive: core.Color.White,
     ButtonLink: core.Color.Primary200,
@@ -74,3 +78,4 @@ ButtonLinkHover: core.Color.NeutralWhite,
     TabActive: core.Color.Primary200,
-    LeftNavItemActive: core.Color.NeutralWhite
+    LeftNavItemActive: core.Color.NeutralWhite,
+    ModalClose: core.Color.NeutralWhite
   });
@@ -77,0 +82,0 @@ };

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":"#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"}}
+{"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":"","Container":"","DropdownMenu":"","Modal":"","BottomBar":"","Drawer":"","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,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownChip":4,"Modal":4,"ModalClose":4,"DropdownToggle":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,"DropdownItem":16,"DropdownChip":10,"TextArea":16,"TextAreaHelpText":14,"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,"InputLabelTop":-8,"InputLabelMarginLeft":12,"InputLabelPaddingRight":4,"InputLabelPaddingLeft":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":{"Body":"#121417","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","InputChip":"#49505A","InputChipHover":"#6A7381","Modal":"#1F2329","ModalScrim":"rgba(0, 0, 0, 0.50)","ModalClose":"#49505A","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":"#121417","RadioDisabled":"#49505A","RadioDot":"#6A7381","RadioDotChecked":"#FFFFFF","RadioDotDisabled":"#6A7381","RadioDotDisabledChecked":"#A8B1BD","DropdownMenu":"#49505A","DropdownMenuItemHover":"#6A7381"},"BorderColor":{"ButtonNeutral":"#A8B1BD","ButtonNeutralHover":"#A8B1BD","ButtonNeutralDisabled":"#6A7381","Input":"#A8B1BD","InputHover":"#A8B1BD","InputFocus":"#6FA1EC","InputError":"#F45532","InputDisabled":"#6A7381","ButtonLinkHover":"#FFFFFF","DropdownDisabled":"rgba(203, 211, 223, 0.55)","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","DropdownMenuItemDisabled":"#A8B1BD","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","ModalClose":"#FFFFFF","ButtonLinkDisabled":"#6A7381"}}

json/light.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":"#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"}}
+{"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,"DropdownMenu":4,"DropdownMenuItem":4,"DropdownChip":4,"Modal":4,"ModalClose":4,"DropdownToggle":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,"DropdownItem":16,"DropdownChip":10,"TextArea":16,"TextAreaHelpText":14,"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,"InputLabelTop":-8,"InputLabelMarginLeft":12,"InputLabelPaddingRight":4,"InputLabelPaddingLeft":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":{"Body":"#F8F9FB","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","InputChip":"#EAF1FB","InputChipHover":"#2F73DA","Modal":"#FFFFFF","ModalScrim":"rgba(0, 0, 0, 0.25)","ModalClose":"#EEF1F6","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","DropdownMenu":"#FFFFFF","DropdownMenuItemHover":"#F8F9FB","DropdownMenuItemActive":"#EAF1FB"},"BorderColor":{"ButtonNeutral":"#CDD3DD","ButtonNeutralHover":"#165ECC","ButtonNeutralDisabled":"#165ECC","Input":"#6A7381","InputHover":"#6A7381","InputFocus":"#2F73DA","InputError":"#DF320C","InputDisabled":"rgba(203, 211, 223, 0.55)","ButtonLinkHover":"#165ECC","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","DropdownMenuItemActive":"#2F73DA","DropdownMenuItemDisabled":"#A8B1BD","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","ModalClose":"#121417"}}

package.json

 {
   "name": "mx-design-tokens",
-  "version": "6.0.1",
+  "version": "6.0.2",
   "description": "Design Tokens",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

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

Worsened metrics

Total package byte prevSize

43524

decreased by-20.28%

Number of package files

14

decreased by-30%

Lines of code

633

decreased by-18.64%

No dependency changes