@diana-ui/tokens - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

index.ts

@@ -1,4 +0,4 @@
-export { defaultTheme } from "./themes";
+export { defaultTheme, FontWeight, EBreakpoints } from "./themes";
 export { defaultPalette } from "./palettes";
 export { defaultIcons } from "./icons";
 // export {animation} from "../tokens/animations";

lib/index.d.ts

@@ -1,3 +0,3 @@
-export { defaultTheme } from "./themes";
+export { defaultTheme, FontWeight, EBreakpoints } from "./themes";
 export { defaultPalette } from "./palettes";
 export { defaultIcons } from "./icons";

lib/index.js

@@ -10,2 +10,14 @@ "use strict";
 });
+Object.defineProperty(exports, "FontWeight", {
+  enumerable: true,
+  get: function () {
+    return themes_1.FontWeight;
+  }
+});
+Object.defineProperty(exports, "EBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return themes_1.EBreakpoints;
+  }
+});
 var palettes_1 = require("./palettes");
@@ -12,0 +24,0 @@ Object.defineProperty(exports, "defaultPalette", {

lib/themes/index.d.ts

 export { default as defaultTheme } from "./theme.default";
+export { FontWeight, EBreakpoints } from "./theme.default.constants";

lib/themes/index.js

@@ -10,1 +10,14 @@ "use strict";
 });
+var theme_default_constants_1 = require("./theme.default.constants");
+Object.defineProperty(exports, "FontWeight", {
+  enumerable: true,
+  get: function () {
+    return theme_default_constants_1.FontWeight;
+  }
+});
+Object.defineProperty(exports, "EBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return theme_default_constants_1.EBreakpoints;
+  }
+});

lib/themes/theme.default.d.ts

@@ -1,2 +0,2 @@
-import { FontWeight } from "./theme.default.types";
+import { FontWeight } from "./theme.default.constants";
 export declare const spaceUnit = 16;
@@ -176,3 +176,6 @@ declare const _default: {
     };
+    breakpoints: {
+        [x: string]: number;
+    };
 };
 export default _default;

lib/themes/theme.default.js

 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -7,3 +8,3 @@ exports.spaceUnit = void 0;
 var animations_1 = require("../animations");
-var theme_default_types_1 = require("./theme.default.types");
+var theme_default_constants_1 = require("./theme.default.constants");
 exports.spaceUnit = 16;
@@ -59,3 +60,3 @@ var fontSize = 18;
       fontSize: "43xp",
-      fontWeight: theme_default_types_1.FontWeight.BOLD,
+      fontWeight: theme_default_constants_1.FontWeight.BOLD,
       lineHeight: "46px",
@@ -66,3 +67,3 @@ fontFamily: fontFamily
       fontSize: "31xp",
-      fontWeight: theme_default_types_1.FontWeight.MEDIUM,
+      fontWeight: theme_default_constants_1.FontWeight.MEDIUM,
       lineHeight: "36px",
@@ -73,3 +74,3 @@ fontFamily: fontFamily
       fontSize: "21px",
-      fontWeight: theme_default_types_1.FontWeight.MEDIUM,
+      fontWeight: theme_default_constants_1.FontWeight.MEDIUM,
       lineHeight: "28px",
@@ -80,3 +81,3 @@ fontFamily: fontFamily
       fontSize: "1.125rem",
-      fontWeight: theme_default_types_1.FontWeight.MEDIUM,
+      fontWeight: theme_default_constants_1.FontWeight.MEDIUM,
       lineHeight: "24px",
@@ -87,3 +88,3 @@ fontFamily: fontFamily
       fontSize: "18px",
-      fontWeight: theme_default_types_1.FontWeight.MEDIUM,
+      fontWeight: theme_default_constants_1.FontWeight.MEDIUM,
       lineHeight: "24px",
@@ -94,3 +95,3 @@ fontFamily: fontFamily
       fontSize: "15px",
-      fontWeight: theme_default_types_1.FontWeight.REGULAR,
+      fontWeight: theme_default_constants_1.FontWeight.REGULAR,
       lineHeight: "16px",
@@ -101,3 +102,3 @@ fontFamily: fontFamily
       fontSize: "15px",
-      fontWeight: theme_default_types_1.FontWeight.MEDIUM,
+      fontWeight: theme_default_constants_1.FontWeight.MEDIUM,
       lineHeight: "16px",
@@ -108,3 +109,3 @@ fontFamily: fontFamily
       fontSize: "15px",
-      fontWeight: theme_default_types_1.FontWeight.REGULAR,
+      fontWeight: theme_default_constants_1.FontWeight.REGULAR,
       lineHeight: "20px",
@@ -115,3 +116,3 @@ fontFamily: fontFamily
       fontSize: "0.66rem",
-      fontWeight: theme_default_types_1.FontWeight.MEDIUM,
+      fontWeight: theme_default_constants_1.FontWeight.MEDIUM,
       lineHeight: "0.66rem",
@@ -122,3 +123,3 @@ fontFamily: fontFamily
       fontSize: "0.66rem",
-      fontWeight: theme_default_types_1.FontWeight.REGULAR,
+      fontWeight: theme_default_constants_1.FontWeight.REGULAR,
       lineHeight: "0.66rem",
@@ -129,7 +130,13 @@ fontFamily: fontFamily
       fontSize: "10px",
-      fontWeight: theme_default_types_1.FontWeight.MEDIUM,
+      fontWeight: theme_default_constants_1.FontWeight.MEDIUM,
       lineHeight: "10px",
       fontFamily: fontFamily
     }
-  }
+  },
+  breakpoints:
+    ((_a = {}),
+    (_a[theme_default_constants_1.EBreakpoints.MOBILE1] = 700),
+    (_a[theme_default_constants_1.EBreakpoints.MOBILE2] = 900),
+    (_a[theme_default_constants_1.EBreakpoints.TABLET1] = 1140),
+    _a)
 };

module/index.d.ts

@@ -1,3 +0,3 @@
-export { defaultTheme } from "./themes";
+export { defaultTheme, FontWeight, EBreakpoints } from "./themes";
 export { defaultPalette } from "./palettes";
 export { defaultIcons } from "./icons";

module/index.js

@@ -1,4 +0,4 @@
-export { defaultTheme } from "./themes";
+export { defaultTheme, FontWeight, EBreakpoints } from "./themes";
 export { defaultPalette } from "./palettes";
 export { defaultIcons } from "./icons";
 // export {animation} from "../tokens/animations";

module/themes/index.d.ts

 export { default as defaultTheme } from "./theme.default";
+export { FontWeight, EBreakpoints } from "./theme.default.constants";

module/themes/index.js

 export { default as defaultTheme } from "./theme.default";
+export { FontWeight, EBreakpoints } from "./theme.default.constants";

module/themes/theme.default.d.ts

@@ -1,2 +0,2 @@
-import { FontWeight } from "./theme.default.types";
+import { FontWeight } from "./theme.default.constants";
 export declare const spaceUnit = 16;
@@ -176,3 +176,6 @@ declare const _default: {
     };
+    breakpoints: {
+        [x: string]: number;
+    };
 };
 export default _default;

module/themes/theme.default.js

 import { defaultPalette } from "../palettes";
 import { defaultIcons } from "../icons";
 import { defaultAnimations } from "../animations";
-import { FontWeight } from "./theme.default.types";
+import { FontWeight, EBreakpoints } from "./theme.default.constants";
 export const spaceUnit = 16;
@@ -119,3 +119,8 @@ const fontSize = 18;
     }
+  },
+  breakpoints: {
+    [EBreakpoints.MOBILE1]: 700,
+    [EBreakpoints.MOBILE2]: 900,
+    [EBreakpoints.TABLET1]: 1140
   }
 };

package.json

 {
   "name": "@diana-ui/tokens",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "lib/index.js",
@@ -35,3 +35,3 @@ "module": "module/index.js",
   },
-  "gitHead": "55102fc0bd7e6001ebc7862fff1ec0edcf1192e6"
+  "gitHead": "0bb47a78516a13543de86444510b77a135316a74"
 }

themes/index.ts

 export { default as defaultTheme } from "./theme.default";
+export { FontWeight, EBreakpoints } from "./theme.default.constants";

themes/theme.default.ts

 import { defaultPalette } from "../palettes";
 import { defaultIcons } from "../icons";
 import { defaultAnimations } from "../animations";
-import { FontWeight } from "./theme.default.types";
+import { FontWeight, EBreakpoints } from "./theme.default.constants";
 
@@ -16,3 +16,3 @@ export const spaceUnit = 16;
   fonts: {},
-  animations:defaultAnimations,
+  animations: defaultAnimations,
   icons: defaultIcons,
@@ -122,3 +122,8 @@ spaceUnit: {
     }
+  },
+  breakpoints: {
+    [EBreakpoints.MOBILE1]: 700,
+    [EBreakpoints.MOBILE2]: 900,
+    [EBreakpoints.TABLET1]: 1140
   }
 };

No alert changes

Improved metrics

Total package byte prevSize

33936

increased by7.02%

Lines of code

1305

increased by6.27%

No dependency changes