mx-design-tokens - npm Package Compare versions

Comparing version 6.2.0 to 6.2.1

CHANGELOG.md

@@ -7,3 +7,3 @@ # Changelog
 
-## [6.2.0] - 05-07-2020
+## [6.2.0] - 05-26-2020
 
@@ -13,3 +13,3 @@ ### Added
 
-## [6.1.3] - 05-07-2020
+## [6.1.3] - 05-21-2020
 
@@ -16,0 +16,0 @@ ### Changed

dist/tokens/backgroundColor.js

@@ -16,37 +16,49 @@ "use strict";
   return {
+    // Global
+    Body: core.Color.Neutral100,
+    //Avatar
+    Avatar: core.Color.Neutral300,
+    // Button
+    ButtonDestructive: core.Color.Error300,
+    ButtonDestructiveDisabled: core.Color.Neutral200,
+    ButtonDestructiveHover: core.Color.Error400,
     ButtonLinkHover: core.Color.Primary100,
+    ButtonNeutral: core.Color.NeutralWhite,
+    ButtonNeutralDisabled: core.Color.NeutralWhite,
+    ButtonNeutralHover: core.Color.NeutralWhite,
     ButtonPrimary: core.Color.Primary300,
+    ButtonPrimaryDisabled: core.Color.Neutral200,
     ButtonPrimaryHover: core.Color.Primary400,
-    ButtonPrimaryDisabled: core.Color.Neutral200,
-    ButtonNeutral: core.Color.NeutralWhite,
-    ButtonNeutralHover: core.Color.NeutralWhite,
-    ButtonNeutralDisabled: core.Color.NeutralWhite,
     ButtonTransparentHover: core.Color.Primary100,
-    ButtonDestructive: core.Color.Error300,
-    ButtonDestructiveHover: core.Color.Error400,
-    ButtonDestructiveDisabled: core.Color.Neutral200,
+    // Card
+    Card: core.Color.NeutralWhite,
+    //Checkbox
+    CheckboxChecked: core.Color.Primary100,
+    CheckboxDisabled: core.Color.Neutral100,
+    //Container
+    Container: core.Color.NeutralWhite,
+    // Dropdown
+    DropdownMenu: core.Color.NeutralWhite,
+    DropdownMenuItemActive: core.Color.Primary100,
+    DropdownMenuItemHover: core.Color.Neutral100,
+    // HR
+    HrDark: core.Color.Neutral400,
+    HrLight: core.Color.Neutral300,
+    // Input
+    InputChip: core.Color.Primary100,
+    InputChipHover: core.Color.Primary300,
+    InputDisabled: core.Color.TransparentNeutral100,
     InputFocus: "transparent",
-    InputDisabled: core.Color.TransparentNeutral100,
     InputLabelDefault: core.Color.NeutralWhite,
     InputLabelSecondary: core.Color.Neutral100,
+    // Left Nav
+    LeftNavItem: core.Color.NeutralWhite,
+    LeftNavItemActive: core.Color.Primary100,
+    LeftNavItemHover: core.Color.Neutral100,
+    // Modal
     Modal: core.Color.NeutralWhite,
+    ModalClose: core.Color.Neutral200,
+    ModalCloseHover: core.Color.Neutral300,
     ModalScrim: core.Color.TransparentScrim,
-    Body: core.Color.Neutral100,
-    Container: core.Color.NeutralWhite,
-    Card: core.Color.NeutralWhite,
-    LeftNavItem: core.Color.NeutralWhite,
-    LeftNavItemHover: core.Color.Neutral100,
-    LeftNavItemActive: core.Color.Primary100,
-    TabHover: core.Color.Neutral100,
-    HrLight: core.Color.Neutral300,
-    HrDark: core.Color.Neutral400,
-    SwitchOff: core.Color.Neutral200,
-    SwitchOn: core.Color.Success300,
-    SwitchDisabledOff: core.Color.Neutral200,
-    SwitchDisabledOn: core.Color.Neutral300,
-    SwitchHandle: core.Color.NeutralWhite,
-    SwitchHandleDisabled: core.Color.Neutral100,
-    Tooltip: core.Color.Neutral800,
-    CheckboxChecked: core.Color.Primary100,
-    CheckboxDisabled: core.Color.Neutral100,
+    // Radio
     RadioChecked: core.Color.Primary100,
@@ -57,3 +69,14 @@ RadioDisabled: core.Color.Primary100,
     RadioDotDisabled: core.Color.Neutral200,
-    RadioDotDisabledChecked: core.Color.Neutral500
+    RadioDotDisabledChecked: core.Color.Neutral500,
+    //Switch
+    SwitchDisabledOff: core.Color.Neutral200,
+    SwitchDisabledOn: core.Color.Neutral300,
+    SwitchHandle: core.Color.NeutralWhite,
+    SwitchHandleDisabled: core.Color.Neutral100,
+    SwitchOff: core.Color.Neutral200,
+    SwitchOn: core.Color.Success300,
+    // Tab
+    TabHover: core.Color.Neutral100,
+    //Tooltip
+    Tooltip: core.Color.Neutral800
   };
@@ -64,25 +87,51 @@ };
   return _objectSpread({}, light(core), {
+    // Global
+    Body: core.Color.Neutral900,
+    //Avatar
+    Avatar: core.Color.Neutral700,
+    // Button
+    ButtonDestructiveDisabled: core.Color.Neutral700,
     ButtonLinkHover: core.Color.Neutral700,
-    ButtonPrimaryDisabled: core.Color.Neutral700,
     ButtonNeutral: core.Color.Neutral800,
+    ButtonNeutralDisabled: core.Color.Neutral700,
     ButtonNeutralHover: core.Color.Neutral600,
-    ButtonNeutralDisabled: core.Color.Neutral700,
+    ButtonPrimaryDisabled: core.Color.Neutral700,
     ButtonTransparentHover: core.Color.Neutral600,
-    ButtonDestructiveDisabled: core.Color.Neutral700,
+    // Card
+    Card: core.Color.Neutral800,
+    // Checkbox
+    CheckboxChecked: 'transparent',
+    CheckboxDisabled: core.Color.Neutral700,
+    // Container
+    Container: core.Color.Neutral800,
+    // Dropdown
+    DropdownMenu: core.Color.Neutral700,
+    DropdownMenuItemActive: core.Color.Neutral600,
+    DropdownMenuItemHover: core.Color.Neutral600,
+    // HR
+    HrDark: core.Color.Neutral500,
+    HrLight: core.Color.Neutral600,
+    // Input
+    InputChip: core.Color.Neutral700,
+    InputChipHover: core.Color.Neutral600,
+    InputDisabled: 'transparent',
     InputFocus: "transparent",
-    InputDisabled: 'transparent',
     InputLabelDefault: core.Color.Neutral800,
     InputLabelSecondary: core.Color.Neutral900,
+    // Left Nav
+    LeftNavItem: core.Color.Neutral800,
+    LeftNavItemActive: core.Color.Neutral900,
+    LeftNavItemHover: core.Color.Neutral700,
+    // Modal
     Modal: core.Color.Neutral800,
+    ModalClose: core.Color.Neutral700,
+    ModalCloseHover: core.Color.Neutral600,
     ModalScrim: core.Color.TransparentScrimDarker,
-    Body: core.Color.Neutral900,
-    Container: core.Color.Neutral800,
-    Card: core.Color.Neutral800,
-    LeftNavItem: core.Color.Neutral800,
-    LeftNavItemHover: core.Color.Neutral700,
-    LeftNavItemActive: core.Color.Neutral900,
-    TabHover: core.Color.Neutral700,
-    HrLight: core.Color.Neutral600,
-    HrDark: core.Color.Neutral500,
-    SwitchOff: core.Color.Neutral700,
+    // Radio
+    RadioChecked: core.Color.Neutral900,
+    RadioDisabled: core.Color.Neutral700,
+    RadioDot: core.Color.Neutral600,
+    RadioDotChecked: core.Color.NeutralWhite,
+    RadioDotDisabled: core.Color.Neutral600,
+    // Switch
     SwitchDisabledOff: core.Color.Neutral900,
@@ -92,10 +141,7 @@ SwitchDisabledOn: core.Color.Neutral900,
     SwitchHandleDisabled: core.Color.Neutral700,
-    Tooltip: core.Color.Neutral700,
-    CheckboxChecked: 'transparent',
-    CheckboxDisabled: core.Color.Neutral700,
-    RadioChecked: 'transparent',
-    RadioDisabled: core.Color.Neutral700,
-    RadioDot: core.Color.Neutral600,
-    RadioDotChecked: core.Color.NeutralWhite,
-    RadioDotDisabled: core.Color.Neutral600
+    SwitchOff: core.Color.Neutral700,
+    // Tab
+    TabHover: core.Color.Neutral700,
+    // Tooltip
+    Tooltip: core.Color.Neutral700
   });
@@ -102,0 +148,0 @@ };

dist/tokens/borderColor.js

@@ -16,26 +16,29 @@ "use strict";
   return {
+    // Button
+    ButtonLinkHover: core.Color.Primary400,
     ButtonNeutral: core.Color.Neutral400,
+    ButtonNeutralDisabled: core.Color.Primary400,
     ButtonNeutralHover: core.Color.Primary400,
-    ButtonNeutralDisabled: core.Color.Primary400,
-    Input: core.Color.Neutral600,
-    InputHover: core.Color.Neutral600,
-    InputFocus: core.Color.Primary300,
-    InputError: core.Color.Error300,
-    InputDisabled: core.Color.TransparentNeutral400,
-    ButtonLinkHover: core.Color.Primary400,
-    Dropdown: core.Color.Neutral600,
-    DropdownHover: core.Color.Neutral900,
-    DropdownFocus: core.Color.Primary300,
-    DropdownError: core.Color.Error300,
-    DropdownDisabled: core.Color.TransparentNeutral400,
-    TabActive: core.Color.Primary300,
-    Switch: core.Color.Neutral600,
-    SwitchDisabled: core.Color.Neutral400,
+    // Checkbox
     Checkbox: core.Color.Neutral600,
     CheckboxChecked: core.Color.Primary300,
     CheckboxDisabled: core.Color.Neutral400,
+    // Dropdown
+    DropdownDisabled: core.Color.TransparentNeutral400,
+    // Input
+    Input: core.Color.Neutral600,
+    InputDisabled: core.Color.TransparentNeutral400,
+    InputError: core.Color.Error300,
+    InputFocus: core.Color.Primary300,
+    InputHover: core.Color.Neutral600,
+    // Radio
     Radio: core.Color.Neutral600,
     RadioChecked: core.Color.Primary300,
     RadioDisabled: core.Color.Neutral400,
-    RadioDisabledChecked: core.Color.Neutral500
+    RadioDisabledChecked: core.Color.Neutral500,
+    // Switch
+    Switch: core.Color.Neutral600,
+    SwitchDisabled: core.Color.Neutral400,
+    // Tab
+    TabActive: core.Color.Primary300
   };
@@ -46,23 +49,24 @@ };
   return _objectSpread({}, light(core), {
+    // Button
+    ButtonLinkHover: core.Color.NeutralWhite,
     ButtonNeutral: core.Color.Neutral500,
+    ButtonNeutralDisabled: core.Color.Neutral600,
     ButtonNeutralHover: core.Color.Neutral500,
-    ButtonNeutralDisabled: core.Color.Neutral600,
-    Input: core.Color.Neutral500,
-    InputHover: core.Color.Neutral500,
-    InputFocus: core.Color.Primary200,
-    InputError: core.Color.Error200,
-    InputDisabled: core.Color.Neutral600,
-    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,
-    SwitchDisabled: core.Color.Neutral600,
+    // Checkbox
     Checkbox: core.Color.Neutral400,
     CheckboxChecked: core.Color.NeutralWhite,
     CheckboxDisabled: core.Color.Neutral600,
+    // Input
+    Input: core.Color.Neutral500,
+    InputDisabled: core.Color.Neutral600,
+    InputError: core.Color.Error200,
+    InputFocus: core.Color.Primary200,
+    InputHover: core.Color.Neutral500,
+    // Radio
     RadioChecked: core.Color.NeutralWhite,
-    RadioDisabled: core.Color.Neutral600
+    RadioDisabled: core.Color.Neutral600,
+    // Switch
+    SwitchDisabled: core.Color.Neutral600,
+    // Tab
+    TabActive: core.Color.Primary200
   });
@@ -69,0 +73,0 @@ };

dist/tokens/borderRadius.js

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

dist/tokens/boxShadow.js

@@ -16,14 +16,22 @@ "use strict";
   return {
+    // Global
     Low: core.BoxShadow.Low,
     Medium: core.BoxShadow.Medium,
     High: core.BoxShadow.High,
+    FocusRingDefault: core.BoxShadow.Focus,
     Left: core.BoxShadow.Left,
     Right: core.BoxShadow.Right,
+    // Bottom Bar
+    BottomBar: core.BoxShadow.Top,
+    // Card
     Card: core.BoxShadow.Low,
+    // Container
     Container: core.BoxShadow.Low,
+    // Drawer
+    Drawer: core.BoxShadow.Left,
+    // Dropdown
     DropdownMenu: core.BoxShadow.Medium,
+    // Modal
     Modal: core.BoxShadow.High,
-    BottomBar: core.BoxShadow.Top,
-    Drawer: core.BoxShadow.Left,
-    FocusRingDefault: core.BoxShadow.Focus,
+    // Tooltip
     Tooltip: core.BoxShadow.Medium
@@ -35,8 +43,14 @@ };
   return _objectSpread({}, light(core), {
+    // Bottom Bar
+    BottomBar: '',
+    // Card
     Card: '',
+    // Container
     Container: '',
+    // Drawer
+    Drawer: '',
+    // Dropdown
     DropdownMenu: '',
-    Modal: '',
-    BottomBar: '',
-    Drawer: ''
+    // Modal
+    Modal: ''
   });
@@ -43,0 +57,0 @@ };

dist/tokens/fontSize.js

@@ -16,13 +16,19 @@ "use strict";
   return {
+    // Button
+    Button: core.FontSize.Body,
+    ButtonLinkLarge: core.FontSize.Body,
+    ButtonLinkSmall: core.FontSize.Small,
+    // Dropdown
+    DropdownChip: core.FontSize.Tiny,
+    DropdownItem: core.FontSize.Body,
+    // Input
     Input: core.FontSize.Body,
+    InputHelpText: core.FontSize.Small,
     InputLabel: core.FontSize.Small,
-    InputHelpText: core.FontSize.Small,
+    // Modal
+    ModalHeader: core.FontSize.H3,
+    // Textarea
     TextArea: core.FontSize.Body,
     TextAreaHelpText: core.FontSize.Small,
-    DropdownToggle: core.FontSize.Body,
-    DropdownItems: core.FontSize.Body,
-    ModalHeader: core.FontSize.H3,
-    ButtonLinkSmall: core.FontSize.Small,
-    ButtonLinkLarge: core.FontSize.Body,
-    Button: core.FontSize.Body,
+    // Tooltip
     TooltipHeadline: core.FontSize.Body,
@@ -29,0 +35,0 @@ TooltipText: core.FontSize.ParagraphSmall

dist/tokens/spacing.js

@@ -25,16 +25,12 @@ "use strict";
     ContainerSidePadding: core.Spacing.Large,
-    // Dropdown
-    DropdownToggle: core.Spacing.Small,
-    DropdownItemPaddingTopBottom: core.Spacing.Small,
-    DropdownItemPaddingLeftRight: core.Spacing.XSmall,
     // Input
-    InputLabelTop: -Math.abs(core.Spacing.XSmall),
-    InputLabelMarginLeft: core.Spacing.XSmall,
+    InputHelpTextMarginTop: core.Spacing.Tiny,
+    InputLabelMarginLeft: core.Spacing.Small,
     InputLabelPaddingLeft: core.Spacing.Tiny,
     InputLabelPaddingRight: core.Spacing.Tiny,
-    InputPaddingTop: core.Spacing.Medium,
-    InputPaddingRight: core.Spacing.Small,
+    InputLabelTop: -Math.abs(core.Spacing.XSmall),
     InputPaddingBottom: core.Spacing.Small,
     InputPaddingLeft: core.Spacing.Small,
-    InputHelpTextMarginTop: core.Spacing.Tiny,
+    InputPaddingRight: core.Spacing.Small,
+    InputPaddingTop: core.Spacing.Medium,
     // Modal
@@ -45,3 +41,3 @@ ModalPadding: core.Spacing.Small,
     SwitchLabelMarginRight: core.Spacing.Small,
-    // TextArea
+    // Textarea
     TextAreaPadding: core.Spacing.Small,
@@ -48,0 +44,0 @@ // Tooltip

dist/tokens/textColor.js

@@ -16,28 +16,41 @@ "use strict";
   return {
-    Default: core.Color.Neutral900,
-    Secondary: core.Color.Neutral700,
+    // Global
     Active: core.Color.Primary300,
     ActiveHover: core.Color.Primary400,
+    Default: core.Color.Neutral900,
+    Disabled: core.Color.Neutral500,
     Error: core.Color.Error300,
-    Disabled: core.Color.Neutral500,
-    InputLabel: core.Color.Neutral600,
-    InputPlaceholder: core.Color.Neutral600,
-    InputHelpText: core.Color.Neutral600,
-    InputErrorMessage: core.Color.Error300,
+    Secondary: core.Color.Neutral700,
+    // Avatar
+    Avatar: core.Color.Neutral900,
+    // Button
+    ButtonDestructive: core.Color.NeutralWhite,
+    ButtonDestructiveDisabled: core.Color.Neutral500,
     ButtonLink: core.Color.Primary300,
     ButtonLinkHover: core.Color.Primary400,
+    ButtonLinkTertiary: core.Color.Neutral700,
+    ButtonNeutral: core.Color.Primary300,
+    ButtonNeutralDisabled: core.Color.Neutral600,
+    ButtonNeutralHover: core.Color.Primary400,
     ButtonPrimary: core.Color.NeutralWhite,
     ButtonPrimaryDisabled: core.Color.Neutral500,
-    ButtonNeutral: core.Color.Primary300,
-    ButtonNeutralHover: core.Color.Primary400,
-    ButtonNeutralDisabled: core.Color.Neutral600,
     ButtonTransparent: core.Color.Primary300,
+    ButtonTransparentDisabled: core.Color.Neutral600,
     ButtonTransparentHover: core.Color.Primary400,
-    ButtonTransparentDisabled: core.Color.Neutral600,
-    ButtonDestructive: core.Color.NeutralWhite,
-    ButtonDestructiveDisabled: core.Color.Neutral500,
     ButtonTransparentTertiary: core.Color.Neutral700,
-    ButtonLinkTertiary: core.Color.Neutral700,
+    // Dropdown
+    DropdownMenuItemActive: core.Color.Primary300,
+    DropdownMenuItemDisabled: core.Color.Neutral500,
+    // Input
+    InputErrorMessage: core.Color.Error300,
+    InputHelpText: core.Color.Neutral600,
+    InputLabel: core.Color.Neutral600,
+    InputPlaceholder: core.Color.Neutral600,
+    // Left Nav
+    LeftNavItemActive: core.Color.Primary400,
+    // Modal
+    ModalClose: core.Color.Neutral900,
+    // Tab
     TabActive: core.Color.Primary300,
-    LeftNavItemActive: core.Color.Primary400,
+    // Tooltip
     Tooltip: core.Color.NeutralWhite
@@ -49,26 +62,37 @@ };
   return _objectSpread({}, light(core), {
-    Default: core.Color.NeutralWhite,
-    Secondary: core.Color.Neutral500,
+    // Global
     Active: core.Color.Primary200,
     ActiveHover: core.Color.Primary100,
+    Default: core.Color.NeutralWhite,
+    Disabled: core.Color.Neutral600,
     Error: core.Color.Error200,
-    Disabled: core.Color.Neutral600,
-    InputLabel: core.Color.Neutral500,
-    InputPlaceholder: core.Color.Neutral500,
-    InputHelpText: core.Color.Neutral500,
-    InputErrorMessage: core.Color.Error200,
+    Secondary: core.Color.Neutral500,
+    // Avatar
+    Avatar: core.Color.NeutralWhite,
+    // Button
     ButtonLink: core.Color.Primary200,
+    ButtonLinkDisabled: core.Color.Neutral600,
     ButtonLinkHover: core.Color.NeutralWhite,
-    ButtonLinkDisabled: core.Color.Neutral600,
-    ButtonPrimaryDisabled: core.Color.Neutral500,
+    ButtonLinkTertiary: core.Color.Neutral400,
     ButtonNeutral: core.Color.NeutralWhite,
+    ButtonNeutralDisabled: core.Color.Neutral500,
     ButtonNeutralHover: core.Color.NeutralWhite,
-    ButtonNeutralDisabled: core.Color.Neutral500,
+    ButtonPrimaryDisabled: core.Color.Neutral500,
     ButtonTransparent: core.Color.Primary200,
+    ButtonTransparentDisabled: core.Color.Neutral600,
     ButtonTransparentHover: core.Color.NeutralWhite,
-    ButtonTransparentDisabled: core.Color.Neutral600,
     ButtonTransparentTertiary: core.Color.Neutral400,
-    ButtonLinkTertiary: core.Color.Neutral400,
-    TabActive: core.Color.Primary200,
-    LeftNavItemActive: core.Color.NeutralWhite
+    // Dropdown
+    DropdownMenuItemActive: core.Color.White,
+    // Input
+    InputErrorMessage: core.Color.Error200,
+    InputHelpText: core.Color.Neutral500,
+    InputLabel: core.Color.Neutral500,
+    InputPlaceholder: core.Color.Neutral500,
+    // Left Nav
+    LeftNavItemActive: core.Color.NeutralWhite,
+    // Modal
+    ModalClose: core.Color.NeutralWhite,
+    // Tab
+    TabActive: core.Color.Primary200
   });
@@ -75,0 +99,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":"","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","DropdownMenuItemActive":"#6A7381","Avatar":"#49505A"},"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","Avatar":"#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)","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":16,"Button":4,"Card":4,"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":12,"CheckboxLabelMarginRight":12,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":12,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"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","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","TabHover":"#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"},"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"}}

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,"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","Avatar":"#E4E8EE"},"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","Avatar":"#121417"}}
+{"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)","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":16,"Button":4,"Card":4,"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":12,"CheckboxLabelMarginRight":12,"ContainerSidePadding":24,"InputHelpTextMarginTop":4,"InputLabelMarginLeft":12,"InputLabelPaddingLeft":4,"InputLabelPaddingRight":4,"InputLabelTop":-8,"InputPaddingBottom":12,"InputPaddingLeft":12,"InputPaddingRight":12,"InputPaddingTop":16,"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","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","TabHover":"#F8F9FB","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"},"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"}}

package.json

 {
   "name": "mx-design-tokens",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "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

Improved metrics

Total package byte prevSize

45335

increased by4.66%

Lines of code

696

increased by15.42%

No dependency changes