zss-engine 0.2.14 → 0.2.16

package/dist/index.js

@@ -1,24 +1,16 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.transpiler = exports.build = exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.genBase36Hash = void 0;
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils/helper"), exports);
+exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.build = exports.transpiler = exports.genBase36Hash = exports.isDevAndTest = exports.isDevelopment = exports.isServer = void 0;
+var helper_1 = require("./utils/helper");
+Object.defineProperty(exports, "isServer", { enumerable: true, get: function () { return helper_1.isServer; } });
+Object.defineProperty(exports, "isDevelopment", { enumerable: true, get: function () { return helper_1.isDevelopment; } });
+Object.defineProperty(exports, "isDevAndTest", { enumerable: true, get: function () { return helper_1.isDevAndTest; } });
 var hash_1 = require("./utils/hash");
 Object.defineProperty(exports, "genBase36Hash", { enumerable: true, get: function () { return hash_1.genBase36Hash; } });
+var transpiler_1 = require("./utils/transpiler");
+Object.defineProperty(exports, "transpiler", { enumerable: true, get: function () { return transpiler_1.transpiler; } });
+var build_1 = require("./utils/build");
+Object.defineProperty(exports, "build", { enumerable: true, get: function () { return build_1.build; } });
 var inject_client_css_1 = require("./utils/inject-client-css");
 Object.defineProperty(exports, "injectClientCSS", { enumerable: true, get: function () { return inject_client_css_1.injectClientCSS; } });
 var inject_client_global_css_1 = require("./utils/inject-client-global-css");
@@ -26,7 +18,3 @@ Object.defineProperty(exports, "injectClientGlobalCSS", { enumerable: true, get:
 var inject_server_css_1 = require("./utils/inject-server-css");
 Object.defineProperty(exports, "injectServerCSS", { enumerable: true, get: function () { return inject_server_css_1.injectServerCSS; } });
 Object.defineProperty(exports, "getServerCSS", { enumerable: true, get: function () { return inject_server_css_1.getServerCSS; } });
-var build_1 = require("./utils/build");
-Object.defineProperty(exports, "build", { enumerable: true, get: function () { return build_1.build; } });
-var transpiler_1 = require("./utils/transpiler");
-Object.defineProperty(exports, "transpiler", { enumerable: true, get: function () { return transpiler_1.transpiler; } });

package/dist/index.mjs

@@ -1,8 +1,7 @@
-export * from './types';
-export * from './utils/helper';
+export { isServer, isDevelopment, isDevAndTest } from './utils/helper';
 export { genBase36Hash } from './utils/hash';
+export { transpiler } from './utils/transpiler';
+export { build } from './utils/build';
 export { injectClientCSS } from './utils/inject-client-css';
 export { injectClientGlobalCSS } from './utils/inject-client-global-css';
 export { injectServerCSS, getServerCSS } from './utils/inject-server-css';
-export { build } from './utils/build';
-export { transpiler } from './utils/transpiler';

package/dist/utils/helper.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelToKebabCase = exports.applyCssValue = exports.isDevServer = exports.isDevAndTest = exports.isDevelopment = exports.isServer = void 0;
+exports.camelToKebabCase = exports.applyCssValue = exports.isDevAndTest = exports.isDevelopment = exports.isServer = void 0;
 const isWindowDefined = typeof window !== 'undefined';
 const isDocumentDefined = typeof document !== 'undefined';
 exports.isServer = !isWindowDefined || !isDocumentDefined;
 exports.isDevelopment = process.env.NODE_ENV === 'development';
 exports.isDevAndTest = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
-exports.isDevServer = exports.isDevelopment && exports.isServer;
 const exception = ['line-height', 'font-weight', 'opacity', 'scale', 'z-index', 'column-count', 'order', 'orphans', 'widows'];
 const applyCssValue = (value, cssProp) => {
     if (typeof value === 'number') {

package/dist/utils/helper.mjs

@@ -3,7 +3,6 @@ const isDocumentDefined = typeof document !== 'undefined';
 export const isServer = !isWindowDefined || !isDocumentDefined;
 export const isDevelopment = process.env.NODE_ENV === 'development';
 export const isDevAndTest = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
-export const isDevServer = isDevelopment && isServer;
 const exception = ['line-height', 'font-weight', 'opacity', 'scale', 'z-index', 'column-count', 'order', 'orphans', 'widows'];
 export const applyCssValue = (value, cssProp) => {
     if (typeof value === 'number') {

package/dist/utils/transpiler.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transpiler = transpiler;
-const __1 = require("..");
+const helper_1 = require("./helper");
 const createKeyframes = (property, content) => {
     let keyframesRules = `${property} {\n`;
     for (const key in content) {
@@ -10,10 +10,10 @@ const createKeyframes = (property, content) => {
             keyframesRules += `  ${key} {\n`;
             for (const prop in keyframeValue) {
                 if (Object.prototype.hasOwnProperty.call(keyframeValue, prop)) {
-                    const CSSProp = (0, __1.camelToKebabCase)(prop);
+                    const CSSProp = (0, helper_1.camelToKebabCase)(prop);
                     const value = keyframeValue[prop];
                     if (typeof value === 'string' || typeof value === 'number') {
-                        const applyValue = (0, __1.applyCssValue)(value, CSSProp);
+                        const applyValue = (0, helper_1.applyCssValue)(value, CSSProp);
                         keyframesRules += `    ${CSSProp}: ${applyValue};\n`;
                     }
                 }
@@ -34,7 +34,7 @@ function transpiler(object, base36Hash, core) {
         if (typeof property !== 'string')
             return '';
         const value = rulesValue[property];
-        const cssProp = (0, __1.camelToKebabCase)(property);
+        const cssProp = (0, helper_1.camelToKebabCase)(property);
         return `${indent}${cssProp}: ${value};\n`;
     };
     const stringConverter = (className, properties, indentLevel = 0) => {
@@ -46,15 +46,15 @@ function transpiler(object, base36Hash, core) {
             if (Object.prototype.hasOwnProperty.call(properties, property)) {
                 const value = properties[property];
                 if (typeof value === 'string' || typeof value === 'number') {
-                    let CSSProp = (0, __1.camelToKebabCase)(property);
+                    let CSSProp = (0, helper_1.camelToKebabCase)(property);
                     if (property.startsWith('ms')) {
                         CSSProp = `-${CSSProp}`;
                     }
-                    const applyValue = (0, __1.applyCssValue)(value, CSSProp);
+                    const applyValue = (0, helper_1.applyCssValue)(value, CSSProp);
                     cssRule += `  ${CSSProp}: ${applyValue};\n`;
                 }
                 else if (!property.startsWith('@')) {
-                    const kebabPseudoSelector = (0, __1.camelToKebabCase)(property.replace('&', ''));
+                    const kebabPseudoSelector = (0, helper_1.camelToKebabCase)(property.replace('&', ''));
                     const styles = stringConverter(className + kebabPseudoSelector, value, indentLevel);
                     Object.assign(classSelector, styles);
                 }
@@ -68,13 +68,13 @@ function transpiler(object, base36Hash, core) {
                             const isColon = mediaProp.startsWith(':');
                             const isAnd = mediaProp.startsWith('&');
                             if (isColon || isAnd) {
-                                const kebabMediaProp = (0, __1.camelToKebabCase)(mediaProp.replace('&', ''));
+                                const kebabMediaProp = (0, helper_1.camelToKebabCase)(mediaProp.replace('&', ''));
                                 let pseudoClassRule = '';
                                 if (typeof mediaValue === 'object' && mediaValue !== null) {
                                     for (const pseudoProp in mediaValue) {
                                         if (Object.prototype.hasOwnProperty.call(mediaValue, pseudoProp)) {
-                                            const CSSProp = (0, __1.camelToKebabCase)(pseudoProp);
-                                            const applyValue = (0, __1.applyCssValue)(mediaValue[pseudoProp], CSSProp);
+                                            const CSSProp = (0, helper_1.camelToKebabCase)(pseudoProp);
+                                            const applyValue = (0, helper_1.applyCssValue)(mediaValue[pseudoProp], CSSProp);
                                             pseudoClassRule += rules(innerIndent + '  ', { [pseudoProp]: applyValue }, pseudoProp);
                                         }
                                     }
@@ -82,8 +82,8 @@ function transpiler(object, base36Hash, core) {
                                 nestedRules += `${innerIndent}${className}${kebabMediaProp} {\n${pseudoClassRule}${innerIndent}}\n`;
                             }
                             else {
-                                const CSSProp = (0, __1.camelToKebabCase)(mediaProp);
-                                const applyValue = (0, __1.applyCssValue)(mediaValue, CSSProp);
+                                const CSSProp = (0, helper_1.camelToKebabCase)(mediaProp);
+                                const applyValue = (0, helper_1.applyCssValue)(mediaValue, CSSProp);
                                 regularRules += rules(innerIndent + '  ', { [mediaProp]: applyValue }, mediaProp);
                             }
                         }

package/dist/utils/transpiler.mjs

@@ -1,4 +1,4 @@
-import { camelToKebabCase, applyCssValue } from '..';
+import { camelToKebabCase, applyCssValue } from './helper';
 const createKeyframes = (property, content) => {
     let keyframesRules = `${property} {\n`;
     for (const key in content) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "description": "Zero-runtime Style Sheet Engine",
   "keywords": [
     "zero-runtime",

package/types/index.d.ts

@@ -1,8 +1,11 @@
-export * from './types';
-export * from './utils/helper';
+export type { CustomProperties, MediaQuery } from './types/common/css-properties';
+export type { CreateStyle, ClassesStyle, ReturnType } from './types/main/create';
+export type { KeyframesDefinition, CustomHTMLType } from './types/main/global';
+export type { VarsDefinition, VarsTransformed, CSSVariableProperty } from './types/main/vars';
+export { isServer, isDevelopment, isDevAndTest } from './utils/helper';
 export { genBase36Hash } from './utils/hash';
+export { transpiler } from './utils/transpiler';
+export { build } from './utils/build';
 export { injectClientCSS } from './utils/inject-client-css';
 export { injectClientGlobalCSS } from './utils/inject-client-global-css';
 export { injectServerCSS, getServerCSS } from './utils/inject-server-css';
-export { build } from './utils/build';
-export { transpiler } from './utils/transpiler';

package/types/types/common/css-properties.d.ts

@@ -1,4 +1,4 @@
-import type { CSSVariableValue } from '../main/vars';
+import type { CSSVariableValue, CSSVariableProperty } from '../main/vars';
 import type { Properties, Property } from 'csstype';
 type ColorValue = Exclude<Property.Color, '-moz-initial'> | (string & {});
 type CSSColorProperty = Exclude<ColorValue, SystemColorKeyword>;
@@ -42,5 +42,5 @@ export type MediaQuery = `@media ${string}`;
 type MediaQueryType = {
     [K in MediaQuery]: CommonProperties | ColonType | AndStringType;
 };
-export type CustomProperties = CommonProperties | ColonType | AndStringType | MediaQueryType;
+export type CustomProperties = CommonProperties | ColonType | CSSVariableProperty | AndStringType | MediaQueryType;
 export {};

package/types/types/main/vars.d.ts

@@ -1,10 +1,10 @@
 export type VarsDefinition = Record<string, string | number | Record<string, string | number>>;
 type CSSVariableKey = `--${string}`;
 export type CSSVariableValue = `var(${CSSVariableKey})`;
-type CSSVariableProperties = {
+export type CSSVariableProperty = {
     [key: CSSVariableKey]: string | number;
 };
 export type VarsTransformed = {
-    [key: string]: CSSVariableProperties;
+    [key: string]: CSSVariableProperty;
 };
 export {};

package/types/utils/helper.d.ts

@@ -1,6 +1,5 @@
 export declare const isServer: boolean;
 export declare const isDevelopment: boolean;
 export declare const isDevAndTest: boolean;
-export declare const isDevServer: boolean;
 export declare const applyCssValue: (value: string | number, cssProp: string) => string;
 export declare const camelToKebabCase: (property: string) => string;

package/types/utils/transpiler.d.ts

@@ -1,4 +1,4 @@
-import type { ClassesStyle, CustomHTMLType, VarsDefinition } from '..';
+import type { ClassesStyle, CustomHTMLType, VarsDefinition } from '../index';
 export declare function transpiler(object: ClassesStyle | CustomHTMLType | VarsDefinition, base36Hash?: string, core?: string): {
     styleSheet: string;
 };

package/dist/types/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./common/css-properties"), exports);
-__exportStar(require("./common/css-property"), exports);
-__exportStar(require("./main/create"), exports);
-__exportStar(require("./main/global"), exports);
-__exportStar(require("./main/vars"), exports);

package/dist/types/index.mjs

@@ -1,5 +0,0 @@
-export * from './common/css-properties';
-export * from './common/css-property';
-export * from './main/create';
-export * from './main/global';
-export * from './main/vars';

package/types/types/index.d.ts

@@ -1,5 +0,0 @@
-export * from './common/css-properties';
-export * from './common/css-property';
-export * from './main/create';
-export * from './main/global';
-export * from './main/vars';