@plumeria/core 12.0.8 → 13.0.1

package/lib/css.d.ts

@@ -1,9 +1,9 @@
 /**
- * Type definitions only. No runtime implementation provided.\
- * Configure the bundler plugin to extract and implement these APIs.
+ * Type definitions. Without runtime implementation.\
+ * Bundler plugin required.
  * ```ts
  * type create = <const T extends Record<string, CreateStyleValue>>(rule: T)=> CreateReturnType<T>;
- * type createTheme = <const T extends CreateTheme>(rule: T)=> ReturnVariableType<T>;
+ * type createTheme = <const T extends CreateTheme>(themeSelector: string, rule: T) => CreateThemeReturnType<T>;
  * type createStatic = <const T extends CreateStatic>(rule: T)=> T;
  * type keyframes = <const T extends Keyframes>(rule: T) => string;
  * type viewTransition = <const T extends ViewTransition>(rule: T) => string;
@@ -21,9 +21,9 @@ declare module '@plumeria/core' {
     CreateReturnType,
     CreateStatic,
     CreateTheme,
+    CreateThemeReturnType,
     Keyframes,
     ViewTransition,
-    ReturnVariableType,
     Variants,
     Marker,
     Extended,
@@ -46,8 +46,9 @@ declare module '@plumeria/core' {
 
   export const createTheme: createTheme;
   export type createTheme = <const T extends CreateTheme>(
+    themeSelector: string,
     rule: T,
-  ) => ReturnVariableType<T>;
+  ) => CreateThemeReturnType<T>;
 
   export const createStatic: createStatic;
   export type createStatic = <const T extends CreateStatic>(rule: T) => T;

package/lib/types.d.ts

@@ -2,10 +2,16 @@ import type { CSSTypes } from './csstypes';
 
 type CSSVariableKey = `--${string}`;
 type CSSVariableValue = `var(${CSSVariableKey})`;
-type CSSVariableProperty = { [key: CSSVariableKey]: string | number };
+type ThemeValue = {
+  default: string | number;
+  theme: string | number;
+};
+type CSSVariableProperty = {
+  [key: CSSVariableKey]: string | number | ThemeValue;
+};
 
 type CommonProperties = {
-  [K in keyof CSSTypes]: CSSTypes[K] | CSSVariableValue;
+  [K in keyof CSSTypes]: CSSTypes[K] | CSSVariableValue | ThemeValue;
 };
 
 type ArrayString = `[${string}`;
@@ -46,8 +52,14 @@ type StyleName = CSSProperties | (false | CSSProperties | null | undefined)[];
 
 type CreateStatic = Record<string, string | number>;
 
-type CreateTheme = Record<string, Record<string, string | number>>;
-type ReturnVariableType<T> = { [K in keyof T]: CSSVariableValue };
+type ReadonlyTheme<T> = Readonly<T> & CSSVariableValue;
+
+type CreateTheme = {
+  [key: string]: ThemeValue;
+};
+type CreateThemeReturnType<T> = {
+  readonly [K in keyof T]: ReadonlyTheme<T[K]>;
+};
 
 type KeyframesInSelector = 'from' | 'to' | `${number}%`;
 type Keyframes = {
@@ -81,7 +93,7 @@ export type {
   CreateTheme,
   Keyframes,
   ViewTransition,
-  ReturnVariableType,
+  CreateThemeReturnType,
   Variants,
   Marker,
   Extended,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "12.0.8",
+  "version": "13.0.1",
   "description": "Zero-cost abstraction layer for styling React components.",
   "author": "Refirst 11",
   "license": "MIT",