mx-design-tokens - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/index.js

@@ -10,13 +10,15 @@ "use strict";
 
-var _backgroundColors = _interopRequireDefault(require("./tokens/backgroundColors"));
+var _backgroundColor = _interopRequireDefault(require("./tokens/backgroundColor"));
 
-var _borderColors = _interopRequireDefault(require("./tokens/borderColors"));
+var _borderColor = _interopRequireDefault(require("./tokens/borderColor"));
 
-var _borderRadii = _interopRequireDefault(require("./tokens/borderRadii"));
+var _borderRadius = _interopRequireDefault(require("./tokens/borderRadius"));
 
-var _shadows = _interopRequireDefault(require("./tokens/shadows"));
+var _boxShadow = _interopRequireDefault(require("./tokens/boxShadow"));
 
+var _fontSize = _interopRequireDefault(require("./tokens/fontSize"));
+
 var _spacing = _interopRequireDefault(require("./tokens/spacing"));
 
-var _textColors = _interopRequireDefault(require("./tokens/textColors"));
+var _textColor = _interopRequireDefault(require("./tokens/textColor"));
 
@@ -33,8 +35,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
   return _objectSpread({}, _core["default"], {
-    BackgroundColors: _backgroundColors["default"][themeName],
-    BorderColors: _borderColors["default"][themeName],
-    BorderRadii: _objectSpread({}, _core["default"].BorderRadii, {}, _borderRadii["default"][themeName]),
-    Shadows: _objectSpread({}, _core["default"].Shadows, {}, _shadows["default"][themeName]),
+    BackgroundColor: _backgroundColor["default"][themeName],
+    BorderColor: _borderColor["default"][themeName],
+    BorderRadius: _objectSpread({}, _core["default"].BorderRadius, {}, _borderRadius["default"][themeName]),
+    BoxShadow: _objectSpread({}, _core["default"].BoxShadow, {}, _boxShadow["default"][themeName]),
+    FontSize: _objectSpread({}, _core["default"].FontSize, {}, _fontSize["default"][themeName]),
     Spacing: _objectSpread({}, _core["default"].Spacing, {}, _spacing["default"][themeName]),
-    TextColors: _textColors["default"][themeName]
+    TextColor: _textColor["default"][themeName]
   });
@@ -41,0 +44,0 @@ };

dist/tokens/core.js

@@ -9,85 +9,91 @@ "use strict";
 var _default = {
-  Colors: {
-    "Primary100": "#EAF1FB",
-    "Primary200": "#528AE0",
-    "Primary300": "#2F73DA",
-    "Primary400": "#165ECC",
-    "Primary500": "#034AB3",
-    "NeutralWhite": "#FFFFFF",
-    "Neutral100": "#F7F9FC",
-    "Neutral200": "#EDF1F7",
-    "Neutral300": "#E2E8F0",
-    "Neutral400": "#CBD3DF",
-    "Neutral500": "#A4B0C1",
-    "Neutral600": "#768397",
-    "Neutral700": "#454F5E",
-    "Neutral800": "#2D3847",
-    "Neutral900": "#19212C",
-    "Success100": "#B3F7D0",
-    "Success200": "#79F3C0",
-    "Success300": "#1AD6A8",
-    "Success400": "#00BE8E",
-    "Success500": "#008557",
-    "Warning100": "#FEF7B9",
-    "Warning200": "#FFDA6C",
-    "Warning300": "#FFB400",
-    "Warning400": "#FA8902",
-    "Warning500": "#C33E01",
-    "Error100": "#FECAC9",
-    "Error200": "#FF8589",
-    "Error300": "#DC2346",
-    "error400": "#C3003E",
-    "error500": "#8D003C",
-    "TransparentNeutral100": "rgba(247, 249, 252, 0.55)",
-    "TransparentNeutral400": "rgba(203, 211, 223, 0.55)",
-    "TransparentScrim": "rgba(0, 0, 0, 0.25)"
+  Color: {
+    Primary100: '#EAF1FB',
+    Primary200: '#528AE0',
+    Primary300: '#2F73DA',
+    Primary400: '#165ECC',
+    Primary500: '#034AB3',
+    NeutralWhite: '#FFFFFF',
+    Neutral100: '#F7F9FC',
+    Neutral200: '#EDF1F7',
+    Neutral300: '#E2E8F0',
+    Neutral400: '#CBD3DF',
+    Neutral500: '#A4B0C1',
+    Neutral600: '#768397',
+    Neutral700: '#454F5E',
+    Neutral800: '#2D3847',
+    Neutral900: '#19212C',
+    Success100: '#B3F7D0',
+    Success200: '#79F3C0',
+    Success300: '#1AD6A8',
+    Success400: '#00BE8E',
+    Success500: '#008557',
+    Warning100: '#FEF7B9',
+    Warning200: '#FFDA6C',
+    Warning300: '#FFB400',
+    Warning400: '#FA8902',
+    Warning500: '#C33E01',
+    Error100: '#FECAC9',
+    Error200: '#FF8589',
+    Error300: '#DC2346',
+    Error400: '#C3003E',
+    Error500: '#8D003C',
+    TransparentNeutral100: 'rgba(247, 249, 252, 0.55)',
+    TransparentNeutral400: 'rgba(203, 211, 223, 0.55)',
+    TransparentScrim: 'rgba(0, 0, 0, 0.25)'
   },
-  Shadows: {
-    "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)"
+  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: '0 0 0 2px rgba(82, 138, 224, 0.8)'
   },
-  BorderRadii: {
-    "Small": "2px",
-    "Medium": "4px",
-    "Large": "16px"
+  BorderRadius: {
+    Small: '2px',
+    Medium: '4px',
+    Large: '16px'
   },
-  FontSizes: {
-    "Tiny": "10px",
-    "XSmall": "12px",
-    "Small": "14px",
-    "ParagraphSmall": "14px",
-    "Body": "16px",
-    "Paragraph": "16px",
-    "H3": "20px",
-    "H2": "24px",
-    "H1": "36px"
+  FontSize: {
+    Tiny: '10px',
+    XSmall: '12px',
+    Small: '14px',
+    ParagraphSmall: '14px',
+    Body: '16px',
+    Paragraph: '16px',
+    H3: '20px',
+    H2: '24px',
+    H1: '36px'
   },
-  LineHeights: {
-    "Tiny": "12px",
-    "XSmall": "16px",
-    "Small": "16px",
-    "ParagraphSmall": "20px",
-    "Body": "20px",
-    "Paragraph": "24px",
-    "H3": "24px",
-    "H2": "32px",
-    "H1": "44px"
+  FontWeight: {
+    Regular: '400',
+    Semibold: '600',
+    Bold: '700'
   },
+  LineHeight: {
+    Tiny: '12px',
+    XSmall: '16px',
+    Small: '16px',
+    ParagraphSmall: '20px',
+    Body: '20px',
+    Paragraph: '24px',
+    H3: '24px',
+    H2: '32px',
+    H1: '44px'
+  },
   Spacing: {
-    "Tiny": "4px",
-    "XSmall": "8px",
-    "Small": "12px",
-    "Medium": "16px",
-    "Large": "24px",
-    "XLarge": "32px",
-    "XXLarge": "40px",
-    "XXXLarge": "48px",
-    "Jumbo": "64px",
-    "SuperJumbo": "96px"
+    Tiny: '4px',
+    XSmall: '8px',
+    Small: '12px',
+    Medium: '16px',
+    Large: '24px',
+    XLarge: '32px',
+    XXLarge: '40px',
+    XXXLarge: '48px',
+    Jumbo: '64px',
+    SuperJumbo: '96px'
   }
 };
 exports["default"] = _default;

package.json

 {
   "name": "mx-design-tokens",
-  "version": "1.0.0",
+  "version": "1.0.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

32969

increased by60.12%

Number of package files

17

increased by54.55%

Lines of code

522

increased by56.29%

No dependency changes