mx-design-tokens - npm Package Compare versions

Comparing version 3.0.0 to 4.0.0

dist/tokens/backgroundColor.js

@@ -27,4 +27,6 @@ "use strict";
     ButtonDestructiveDisabled: core.Color.Neutral200,
-    InputFocus: core.Color.NeutralWhite,
+    InputFocus: "transparent",
     InputDisabled: core.Color.TransparentNeutral100,
+    InputLabelDefault: core.Color.NeutralWhite,
+    InputLabelSecondary: core.Color.Neutral100,
     Modal: core.Color.NeutralWhite,
@@ -40,3 +42,18 @@ ModalScrim: core.Color.TransparentScrim,
     HrLight: core.Color.Neutral300,
-    HrDark: core.Color.Neutral400
+    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,
+    RadioChecked: core.Color.Primary100,
+    RadioDisabled: core.Color.Primary100,
+    RadioDot: core.Color.Neutral100,
+    RadioDotChecked: core.Color.Primary300,
+    RadioDotDisabled: core.Color.Neutral200,
+    RadioDotDisabledChecked: core.Color.Neutral500
   };
@@ -54,4 +71,6 @@ };
     ButtonDestructiveDisabled: core.Color.Neutral700,
-    InputFocus: core.Color.Neutral800,
+    InputFocus: "transparent",
     InputDisabled: 'transparent',
+    InputLabelDefault: core.Color.Neutral800,
+    InputLabelSecondary: core.Color.Neutral900,
     Modal: core.Color.Neutral800,
@@ -67,3 +86,16 @@ ModalScrim: core.Color.TransparentScrimDarker,
     HrLight: core.Color.Neutral600,
-    HrDark: core.Color.Neutral500
+    HrDark: core.Color.Neutral500,
+    SwitchOff: core.Color.Neutral700,
+    SwitchDisabledOff: core.Color.Neutral900,
+    SwitchDisabledOn: core.Color.Neutral900,
+    SwitchHandle: core.Color.NeutralWhite,
+    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
   });
@@ -70,0 +102,0 @@ };

dist/tokens/borderColor.js

@@ -20,3 +20,3 @@ "use strict";
     Input: core.Color.Neutral600,
-    InputHover: core.Color.Neutral900,
+    InputHover: core.Color.Neutral600,
     InputFocus: core.Color.Primary300,
@@ -31,3 +31,12 @@ InputError: core.Color.Error300,
     DropdownDisabled: core.Color.TransparentNeutral400,
-    TabActive: core.Color.Primary300
+    TabActive: core.Color.Primary300,
+    Switch: core.Color.Neutral600,
+    SwitchDisabled: core.Color.Neutral400,
+    Checkbox: core.Color.Neutral600,
+    CheckboxChecked: core.Color.Primary300,
+    CheckboxDisabled: core.Color.Neutral400,
+    Radio: core.Color.Neutral600,
+    RadioChecked: core.Color.Primary300,
+    RadioDisabled: core.Color.Neutral400,
+    RadioDisabledChecked: core.Color.Neutral500
   };
@@ -42,3 +51,3 @@ };
     Input: core.Color.Neutral500,
-    InputHover: core.Color.NeutralWhite,
+    InputHover: core.Color.Neutral500,
     InputFocus: core.Color.Primary200,
@@ -53,3 +62,9 @@ InputError: core.Color.Error200,
     DropdownDisabled: core.Color.Neutral600,
-    TabActive: core.Color.Primary200
+    TabActive: core.Color.Primary200,
+    SwitchDisabled: core.Color.Neutral600,
+    Checkbox: core.Color.Neutral400,
+    CheckboxChecked: core.Color.NeutralWhite,
+    CheckboxDisabled: core.Color.Neutral600,
+    RadioChecked: core.Color.NeutralWhite,
+    RadioDisabled: core.Color.Neutral600
   });
@@ -56,0 +71,0 @@ };

dist/tokens/borderRadius.js

@@ -23,3 +23,7 @@ "use strict";
     Container: core.BorderRadius.Medium,
-    Card: core.BorderRadius.Medium
+    Card: core.BorderRadius.Medium,
+    Switch: core.BorderRadius.Rounded,
+    Tooltip: core.BorderRadius.Medium,
+    Checkbox: core.BorderRadius.Small,
+    Radio: core.BorderRadius.Rounded
   };
@@ -26,0 +30,0 @@ };

dist/tokens/boxShadow.js

@@ -22,3 +22,4 @@ "use strict";
     Drawer: core.BoxShadow.Left,
-    FocusRingDefault: core.BoxShadow.Focus
+    FocusRingDefault: core.BoxShadow.Focus,
+    Tooltip: core.BoxShadow.Medium
   };
@@ -25,0 +26,0 @@ };

dist/tokens/core.js

@@ -16,16 +16,16 @@ "use strict";
     NeutralWhite: "#FFFFFF",
-    Neutral100: "#F7F9FC",
-    Neutral200: "#EDF1F7",
-    Neutral300: "#E2E8F0",
-    Neutral400: "#CBD3DF",
-    Neutral500: "#A4B0C1",
-    Neutral600: "#657285",
-    Neutral700: "#454F5E",
-    Neutral800: "#1A222E",
+    Neutral100: "#F8F9FB",
+    Neutral200: "#EEF1F6",
+    Neutral300: "#E4E8EE",
+    Neutral400: "#CDD3DD",
+    Neutral500: "#A8B1BD",
+    Neutral600: "#6A7381",
+    Neutral700: "#49505A",
+    Neutral800: "#1F2329",
     Neutral900: "#121417",
-    Success100: "#B3F7D0",
-    Success200: "#79F3C0",
-    Success300: "#1AD6A8",
-    Success400: "#00BE8E",
-    Success500: "#008557",
+    Success100: "#DDFDED",
+    Success200: "#0AC295",
+    Success300: "#09A57F",
+    Success400: "#078364",
+    Success500: "#027357",
     Warning100: "#FEF7B9",
@@ -58,3 +58,4 @@ Warning200: "#FFDA6C",
     Medium: 4,
-    Large: 16
+    Large: 16,
+    Rounded: "50%"
   },
@@ -70,3 +71,3 @@ FontSize: {
     H2: 24,
-    H1: 36
+    H1: 32
   },
@@ -87,3 +88,3 @@ FontWeight: {
     H2: 32,
-    H1: 44
+    H1: 40
   },
@@ -90,0 +91,0 @@ Spacing: {

dist/tokens/fontSize.js

@@ -17,3 +17,3 @@ "use strict";
     Input: core.FontSize.Body,
-    InputLabel: core.FontSize.Body,
+    InputLabel: core.FontSize.Small,
     InputHelpText: core.FontSize.Small,
@@ -27,3 +27,5 @@ TextArea: core.FontSize.Body,
     ButtonLinkLarge: core.FontSize.Body,
-    Button: core.FontSize.Body
+    Button: core.FontSize.Body,
+    TooltipHeadline: core.FontSize.Body,
+    TooltipText: core.FontSize.ParagraphSmall
   };
@@ -30,0 +32,0 @@ };

dist/tokens/spacing.js

@@ -21,5 +21,6 @@ "use strict";
     SwitchLabelMarginRight: core.Spacing.Small,
-    InputLabelMarginBottom: core.Spacing.Tiny,
-    InputLabelMarginLeft: core.Spacing.Tiny,
-    InputPadding: "".concat(core.Spacing.Small, " ").concat(core.Spacing.Medium),
+    InputLabelTop: "-".concat(core.Spacing.Medium),
+    InputLabelMarginLeft: core.Spacing.Small,
+    InputLabelPadding: "0 ".concat(core.Spacing.Tiny),
+    InputPadding: "".concat(core.Spacing.Medium, " ").concat(core.Spacing.Small, " ").concat(core.Spacing.Small, " ").concat(core.Spacing.Small),
     InputHelpTextMarginTop: core.Spacing.Tiny,
@@ -32,3 +33,4 @@ TextAreaPadding: core.Spacing.Small,
     ContainerSidePadding: core.Spacing.Large,
-    CardSidePadding: core.Spacing.Medium
+    CardSidePadding: core.Spacing.Medium,
+    TooltipPadding: core.Spacing.Small
   };
@@ -35,0 +37,0 @@ };

dist/tokens/textColor.js

@@ -22,3 +22,6 @@ "use strict";
     Disabled: core.Color.Neutral500,
+    InputLabel: core.Color.Neutral600,
     InputPlaceholder: core.Color.Neutral600,
+    InputHelpText: core.Color.Neutral600,
+    InputErrorMessage: core.Color.Error300,
     ButtonLink: core.Color.Primary300,
@@ -39,3 +42,4 @@ ButtonLinkHover: core.Color.Primary400,
     TabActive: core.Color.Primary300,
-    LeftNavItemActive: core.Color.Primary400
+    LeftNavItemActive: core.Color.Primary400,
+    Tooltip: core.Color.NeutralWhite
   };
@@ -47,3 +51,3 @@ };
     Default: core.Color.NeutralWhite,
-    Secondary: core.Color.Neutral400,
+    Secondary: core.Color.Neutral500,
     Active: core.Color.Primary200,
@@ -53,3 +57,6 @@ ActiveHover: core.Color.Primary100,
     Disabled: core.Color.Neutral600,
+    InputLabel: core.Color.Neutral500,
     InputPlaceholder: core.Color.Neutral500,
+    InputHelpText: core.Color.Neutral500,
+    InputErrorMessage: core.Color.Error200,
     ButtonLink: core.Color.Primary200,
@@ -56,0 +63,0 @@ ButtonLinkHover: core.Color.NeutralWhite,

package.json

 {
   "name": "mx-design-tokens",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "description": "Design Tokens",
@@ -11,3 +11,4 @@ "main": "dist/index.js",
   "files": [
-    "dist"
+    "dist",
+    "json"
   ],
@@ -14,0 +15,0 @@ "repository": {

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

50135

increased by38.67%

Number of package files

19

increased by11.76%

Lines of code

710

increased by9.91%

No dependency changes