zss-engine 0.2.27 → 0.2.29

package/dist/cjs/utils/inject-client-global-css.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.injectClientGlobalCSS = injectClientGlobalCSS;
 const index_js_1 = require("../index.js");
-function injectClientGlobalCSS(sheet, scoped) {
+function injectClientGlobalCSS(sheet) {
     if (index_js_1.isServer)
         return;
-    const existingStyleElement = document.querySelector(`[data-scope="${scoped}"]`);
+    const existingStyleElement = document.querySelector(`[data-scope="global"]`);
     if (existingStyleElement instanceof HTMLStyleElement) {
         existingStyleElement.textContent += sheet;
         return;
     }
     const styleElement = document.createElement('style');
-    styleElement.setAttribute('data-scope', scoped);
+    styleElement.setAttribute('data-scope', 'global');
     styleElement.setAttribute('type', 'text/css');
     styleElement.textContent = sheet;
     document.head.appendChild(styleElement);

package/dist/esm/utils/inject-client-global-css.js

@@ -1,14 +1,14 @@
 import { isServer } from '../index.js';
-export function injectClientGlobalCSS(sheet, scoped) {
+export function injectClientGlobalCSS(sheet) {
     if (isServer)
         return;
-    const existingStyleElement = document.querySelector(`[data-scope="${scoped}"]`);
+    const existingStyleElement = document.querySelector(`[data-scope="global"]`);
     if (existingStyleElement instanceof HTMLStyleElement) {
         existingStyleElement.textContent += sheet;
         return;
     }
     const styleElement = document.createElement('style');
-    styleElement.setAttribute('data-scope', scoped);
+    styleElement.setAttribute('data-scope', 'global');
     styleElement.setAttribute('type', 'text/css');
     styleElement.textContent = sheet;
     document.head.appendChild(styleElement);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.27",
+  "version": "0.2.29",
   "description": "Zero-runtime StyleSheet Engine",
   "keywords": [
     "zero-runtime",

package/types/index.d.ts

@@ -1,7 +1,7 @@
-export type { CustomProperties } 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 } from './types/main/vars';
+export type { CSSProperties } from './types/common/css-properties';
+export type { CreateStyle, ReturnType, ClassesStyle } from './types/main/create';
+export type { CSSHTML, CreateKeframes } from './types/main/global';
+export type { CreateVars, CreateTheme } from './types/main/vars';
 export { isServer, isDevelopment, isDevAndTest } from './utils/helper.js';
 export { genBase36Hash } from './utils/hash.js';
 export { transpiler } from './utils/transpiler.js';

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

@@ -5,11 +5,11 @@ type CSSColorProperty = Exclude<ColorValue, SystemColorKeyword>;
 type SystemColorKeyword = 'ActiveBorder' | 'ActiveCaption' | 'AppWorkspace' | 'Background' | 'ButtonFace' | 'ButtonHighlight' | 'ButtonShadow' | 'ButtonText' | 'CaptionText' | 'GrayText' | 'Highlight' | 'HighlightText' | 'InactiveBorder' | 'InactiveCaption' | 'InactiveCaptionText' | 'InfoBackground' | 'InfoText' | 'Menu' | 'MenuText' | 'Scrollbar' | 'ThreeDDarkShadow' | 'ThreeDFace' | 'ThreeDHighlight' | 'ThreeDLightShadow' | 'ThreeDShadow' | 'Window' | 'WindowFrame' | 'WindowText';
 type ExcludeMozInitial<T> = Exclude<T, '-moz-initial'>;
 type CSSTypeProperties = Properties<number | (string & {})>;
-type CSSProperties = {
+type CustomProperties = {
     [K in keyof CSSTypeProperties]: ExcludeMozInitial<CSSTypeProperties[K]>;
 };
 type BaseCSSProperties = {
-    [K in keyof CSSProperties]: CSSProperties[K] | CSSVariableValue;
+    [K in keyof CustomProperties]: CustomProperties[K] | CSSVariableValue;
 };
 interface CommonProperties extends BaseCSSProperties {
     accentColor?: CSSColorProperty;
@@ -42,5 +42,5 @@ export type MediaQuery = `@media ${string}`;
 type MediaQueryType = {
     [K in MediaQuery]: CommonProperties | ColonType | AndStringType;
 };
-export type CustomProperties = CommonProperties | ColonType | CSSVariableProperty | AndStringType | MediaQueryType;
+export type CSSProperties = CommonProperties | ColonType | CSSVariableProperty | AndStringType | MediaQueryType;
 export {};

package/types/types/main/create.d.ts

@@ -1,9 +1,9 @@
-import type { CustomProperties } from '../common/css-properties';
+import type { CSSProperties } from '../common/css-properties';
 export type CreateStyle<T> = {
-    readonly [K in keyof T]: T[K] extends CustomProperties ? CustomProperties : T[K];
+    readonly [K in keyof T]: T[K] extends CSSProperties ? CSSProperties : T[K];
 };
 export type ClassesStyle = {
-    [key: string]: CustomProperties;
+    [key: string]: CSSProperties;
 };
 export type ReturnType<T> = {
     [key in keyof T]: string;

package/types/types/main/global.d.ts

@@ -1,37 +1,37 @@
-import type { CustomProperties, MediaQuery } from '../common/css-properties';
+import type { CSSProperties, MediaQuery } from '../common/css-properties';
 type JSXType = keyof HTMLElementTagNameMap | '*' | ':root';
 type HTMLType = {
-    [K in JSXType]: CustomProperties;
+    [K in JSXType]: CSSProperties;
 };
 type ClassName = `.${string}`;
 type ClassNameType = {
-    [K in ClassName]: CustomProperties;
+    [K in ClassName]: CSSProperties;
 };
 type Attribute = `${string}[${string}]${string}`;
 type AttributeType = {
-    [K in Attribute]: CustomProperties;
+    [K in Attribute]: CSSProperties;
 };
 type Consecutive = `${JSXType} ${string}`;
 type ConsecutiveType = {
-    [K in Consecutive]: CustomProperties;
+    [K in Consecutive]: CSSProperties;
 };
 type PseudoClass = `${JSXType}:${string}`;
 type PseudoClassType = {
-    [K in PseudoClass]: CustomProperties;
+    [K in PseudoClass]: CSSProperties;
 };
 type PseudoElement = `::${string}`;
 type PseudoElementType = {
-    [K in PseudoElement]: CustomProperties;
+    [K in PseudoElement]: CSSProperties;
 };
 type KeyframeSelector = 'from' | 'to' | `${number}%`;
-export type KeyframesDefinition = {
-    [K in KeyframeSelector]?: CustomProperties;
+export type CreateKeframes = {
+    [K in KeyframeSelector]?: CSSProperties;
 };
 type KeyframesType = {
-    [K in `@keyframes ${string}`]: KeyframesDefinition;
+    [K in `@keyframes ${string}`]: CreateKeframes;
 };
 type MediaQueryHTMLType = {
-    [K in MediaQuery]: CustomHTMLType;
+    [K in MediaQuery]: CSSHTML;
 };
-export type CustomHTMLType = HTMLType | ClassNameType | AttributeType | ConsecutiveType | PseudoClassType | PseudoElementType | KeyframesType | MediaQueryHTMLType;
+export type CSSHTML = HTMLType | ClassNameType | AttributeType | ConsecutiveType | PseudoClassType | PseudoElementType | KeyframesType | MediaQueryHTMLType;
 export {};

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

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

package/types/utils/hash.d.ts

@@ -1,2 +1,2 @@
-import { ClassesStyle, KeyframesDefinition, VarsDefinition } from '../index.js';
-export declare function genBase36Hash(object: ClassesStyle | KeyframesDefinition | VarsDefinition, n: number): string;
+import { ClassesStyle, CreateKeframes } from '../index.js';
+export declare function genBase36Hash(object: ClassesStyle | CreateKeframes, n: number): string;

package/types/utils/inject-client-global-css.d.ts

@@ -1 +1 @@
-export declare function injectClientGlobalCSS(sheet: string, scoped: string): void;
+export declare function injectClientGlobalCSS(sheet: string): void;

package/types/utils/transpiler.d.ts

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