@evlop/commons 1.0.103 → 1.0.104

package/dist/src/helpers/index.d.ts

@@ -1,4 +1,5 @@
 import './handlebarHelpers';
 export * from './functions';
 export * from './commonStyles';
+export * from './themeHelpers';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helpers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/src/helpers/index.js

@@ -13,4 +13,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 require("./handlebarHelpers");
 __exportStar(require("./functions"), exports);
 __exportStar(require("./commonStyles"), exports);
+__exportStar(require("./themeHelpers"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8BAA4B;AAC5B,8CAA4B;AAC5B,iDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8BAA4B;AAC5B,8CAA4B;AAC5B,iDAA+B;AAC/B,iDAA+B"}

package/dist/src/helpers/themeHelpers.d.ts

@@ -0,0 +1,16 @@
+export declare const generateSizeScale: (baseSize: number, variants: {
+    scale: number;
+    name: string;
+}[]) => {};
+export declare const fontVariations: {
+    scale: number;
+    name: string;
+}[];
+export declare const generateFontSizes: (baseFont: number) => {};
+export declare const spacingVariations: {
+    scale: number;
+    name: string;
+}[];
+export declare const generateSpacingSizes: (baseSpacing: number) => {};
+export declare function getColorVariants(colors: Object[]): Object[];
+//# sourceMappingURL=themeHelpers.d.ts.map

package/dist/src/helpers/themeHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeHelpers.d.ts","sourceRoot":"","sources":["../../../src/helpers/themeHelpers.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,aAAa,MAAM,YAAY;IAAC,KAAK,EAAC,MAAM,CAAC;IAAC,MAAK,MAAM,CAAA;CAAC,EAAE,OAGpF,CAAC;AAGP,eAAO,MAAM,cAAc;;;GAa1B,CAAA;AAED,eAAO,MAAM,iBAAiB,aAAc,MAAM,OAAgD,CAAC;AAGnG,eAAO,MAAM,iBAAiB;;;GAc7B,CAAA;AAED,eAAO,MAAM,oBAAoB,gBAAiB,MAAM,OAAsD,CAAC;AAI/G,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,YAoChD"}

package/dist/src/helpers/themeHelpers.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColorVariants = exports.generateSpacingSizes = exports.spacingVariations = exports.generateFontSizes = exports.fontVariations = exports.generateSizeScale = void 0;
+const lodash_1 = require("lodash");
+const polished_1 = require("polished");
+const generateSizeScale = (baseSize, variants) => variants.reduce((sizes, { name, scale }) => {
+    sizes[name] = baseSize * scale;
+    return sizes;
+}, {});
+exports.generateSizeScale = generateSizeScale;
+// font sizes
+exports.fontVariations = [
+    { scale: 7 / 16, name: 'xxxs' },
+    { scale: 9 / 16, name: 'xxs' },
+    { scale: 10 / 16, name: 'xs' },
+    { scale: 13 / 16, name: 'sm' },
+    { scale: 16 / 16, name: 'md' },
+    { scale: 18 / 16, name: 'lg' },
+    { scale: 24 / 16, name: 'xl' },
+    { scale: 32 / 16, name: 'xxl' },
+    { scale: 40 / 16, name: 'xxxl' },
+    { scale: 48 / 16, name: 'xxxxl' },
+    { scale: 60 / 16, name: 'xxxxxl' },
+    { scale: 72 / 16, name: 'xxxxxxl' },
+];
+const generateFontSizes = (baseFont) => exports.generateSizeScale(baseFont, exports.fontVariations);
+exports.generateFontSizes = generateFontSizes;
+// spacing
+exports.spacingVariations = [
+    { scale: 0 / 16, name: 'none' },
+    { scale: 2 / 16, name: 'xxxs' },
+    { scale: 4 / 16, name: 'xxs' },
+    { scale: 8 / 16, name: 'xs' },
+    { scale: 12 / 16, name: 'sm' },
+    { scale: 16 / 16, name: 'md' },
+    { scale: 18 / 16, name: 'lg' },
+    { scale: 24 / 16, name: 'xl' },
+    { scale: 32 / 16, name: 'xxl' },
+    { scale: 40 / 16, name: 'xxxl' },
+    { scale: 48 / 16, name: 'xxxxl' },
+    { scale: 64 / 16, name: 'xxxxxl' },
+    { scale: 72 / 16, name: 'xxxxxxl' },
+];
+const generateSpacingSizes = (baseSpacing) => exports.generateSizeScale(baseSpacing, exports.spacingVariations);
+exports.generateSpacingSizes = generateSpacingSizes;
+// colors
+function getColorVariants(colors) {
+    return new Proxy(colors, {
+        get: (target, color) => {
+            const colorParams = lodash_1.split(color, '-');
+            let resultColor = target[colorParams.shift()];
+            if (!resultColor)
+                return;
+            while (!lodash_1.isEmpty(colorParams) && resultColor) {
+                const op = colorParams.shift();
+                switch (op) {
+                    case 'lighten':
+                        const lightenAmount = +colorParams.shift() / 100;
+                        resultColor = polished_1.lighten(lightenAmount, resultColor);
+                        break;
+                    case 'darken':
+                        const darkenAmount = +colorParams.shift() / 100;
+                        resultColor = polished_1.darken(darkenAmount, resultColor);
+                        break;
+                    case 'transparentize':
+                        const transparentizeAmount = +colorParams.shift() / 100;
+                        resultColor = polished_1.transparentize(transparentizeAmount, resultColor);
+                        break;
+                    case 'invert':
+                        resultColor = lodash_1.invert(resultColor);
+                        break;
+                    case 'grayscale':
+                        resultColor = polished_1.grayscale(resultColor);
+                        break;
+                    default:
+                }
+            }
+            return resultColor;
+        },
+        set() { return false; }
+    });
+}
+exports.getColorVariants = getColorVariants;
+//# sourceMappingURL=themeHelpers.js.map

package/dist/src/helpers/themeHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeHelpers.js","sourceRoot":"","sources":["../../../src/helpers/themeHelpers.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evlop/commons",
-  "version": "1.0.103",
+  "version": "1.0.104",
   "description": "",
   "main": "dist/main.js",
   "peerDependencies": {