@plumeria/core 0.7.9 → 0.7.11

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 zss-in-js contributer
+Copyright (c) zss-in-js contributer
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/cjs/css.js

@@ -5,7 +5,7 @@ const create_js_1 = require("./method/create.js");
 const global_js_1 = require("./method/global.js");
 const define_theme_vars_js_1 = require("./method/define-theme-vars.js");
 const keyframes_js_1 = require("./method/keyframes.js");
-const collection_1 = require("@plumeria/collection");
+const style_preset_1 = require("style-preset");
 const cx_js_1 = require("./cx.js");
 Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return cx_js_1.cx; } });
 const rx_js_1 = require("./rx.js");
@@ -23,9 +23,9 @@ class css {
     static keyframes(object) {
         return (0, keyframes_js_1.keyframes)(object);
     }
-    static media = collection_1.media;
-    static pseudo = collection_1.pseudo;
-    static colors = collection_1.colors;
-    static container = collection_1.container;
+    static media = style_preset_1.media;
+    static pseudo = style_preset_1.pseudo;
+    static colors = style_preset_1.colors;
+    static container = style_preset_1.container;
 }
 exports.css = css;

package/dist/cjs/method/create-build-helper.js

@@ -1,13 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.globalPromise = exports.resolvePromise = void 0;
 exports.buildCreate = buildCreate;
 exports.initPromise = initPromise;
 const zss_engine_1 = require("zss-engine");
-const path_1 = __importDefault(require("path"));
 let resolvePromise;
 let globalPromise;
 const sheetQueue = [];
@@ -20,8 +16,9 @@ function initPromise() {
         };
     });
 }
-function processQueue() {
-    const filePath = path_1.default.join(__dirname, '../../../stylesheet/core.css');
+async function processQueue() {
+    const path = await import('path');
+    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
     while (sheetQueue.length > 0) {
         const styleSheet = sheetQueue.shift();
         if (!zss_engine_1.isDevelopment && styleSheet)

package/dist/cjs/method/global-build-helper.js

@@ -1,13 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.globalPromise = exports.resolvePromise = void 0;
 exports.buildGlobal = buildGlobal;
 exports.initPromise = initPromise;
 const zss_engine_1 = require("zss-engine");
-const path_1 = __importDefault(require("path"));
 let resolvePromise;
 let globalPromise;
 const seetQueue = [];
@@ -21,7 +17,8 @@ function initPromise() {
     });
 }
 async function processSheets() {
-    const filePath = path_1.default.join(__dirname, '../../../stylesheet/core.css');
+    const path = await import('path');
+    const filePath = path.join(__dirname, '../../../stylesheet/core.css');
     while (seetQueue.length > 0) {
         const [styleSheet, option] = seetQueue.shift();
         if (!zss_engine_1.isDevelopment && styleSheet)

package/dist/esm/css.js

@@ -2,7 +2,7 @@ import { create } from './method/create.js';
 import { global } from './method/global.js';
 import { defineThemeVars } from './method/define-theme-vars.js';
 import { keyframes } from './method/keyframes.js';
-import { media, pseudo, colors, container } from '@plumeria/collection';
+import { media, pseudo, colors, container } from 'style-preset';
 import { cx } from './cx.js';
 import { rx } from './rx.js';
 class css {

package/dist/esm/method/create-build-helper.js

@@ -1,6 +1,4 @@
 import { build, isDevelopment } from 'zss-engine';
-import path from 'path';
-const __dirname = import.meta.dirname;
 let resolvePromise;
 let globalPromise;
 const sheetQueue = [];
@@ -13,7 +11,9 @@ function initPromise() {
         };
     });
 }
-function processQueue() {
+async function processQueue() {
+    const path = await import('path');
+	const __dirname = import.meta.dirname;
     const filePath = path.join(__dirname, '../../../stylesheet/core.css');
     while (sheetQueue.length > 0) {
         const styleSheet = sheetQueue.shift();

package/dist/esm/method/global-build-helper.js

@@ -1,6 +1,4 @@
 import { build, isDevelopment } from 'zss-engine';
-import path from 'path';
-const __dirname = import.meta.dirname;
 let resolvePromise;
 let globalPromise;
 const seetQueue = [];
@@ -14,6 +12,8 @@ function initPromise() {
     });
 }
 async function processSheets() {
+    const path = await import('path');
+	const __dirname = import.meta.dirname;
     const filePath = path.join(__dirname, '../../../stylesheet/core.css');
     while (seetQueue.length > 0) {
         const [styleSheet, option] = seetQueue.shift();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.7.9",
+  "version": "0.7.11",
   "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
   "keywords": [
     "react",
@@ -17,11 +17,7 @@
   "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",
-    "./stylesheet": {
-      "types": "./stylesheet/index.d.ts",
-      "import": "./stylesheet/index.mjs",
-      "default": "./stylesheet/index.js"
-    },
+    "./stylesheet": "./stylesheet/core.css",
     "./dist/method/create-build-helper": {
       "types": "./types/method/create-build-helper.d.ts",
       "import": "./dist/esm/method/create-build-helper.js",
@@ -47,8 +43,8 @@
     "stylesheet/"
   ],
   "dependencies": {
-    "zss-engine": "0.2.24",
-    "@plumeria/collection": "^0.5.2"
+    "style-preset": "0.0.14",
+    "zss-engine": "0.2.25"
   },
   "peerDependencies": {
     "@plumeria/compiler": ">=0.6.5"

package/readme.md

@@ -17,13 +17,22 @@ To compile `@plumeria/core`, for example, to use `npx css`, install
 npm install --save-dev @plumeria/compiler
 ```
 
+### Entry StyleSheet
+
+Import stylesheet in your application's entry point.  
+Applies the static stylesheet for production environments.
+
+```ts
+import '@plumeria/core/stylesheet';
+```
+
 ## API
 
 ### css.create()
 
 Styles are defined as a map of CSS rules using css.create(). In the example below, there are 2 different CSS rules. The names "box" and "text" are arbitrary names given to the rules.
 
-```tsx
+```ts
 import { css } from '@plumeria/core';
 
 const styles = css.create({
@@ -188,7 +197,7 @@ Type safety relies on this eslint-plugin. It includes all properties, excluding
 
 Plumeria complies with Semantic HTML, which means that it uses one style for each class name.
 
-```tsx
+```ts
 import { css } from '@plumeria/core';
 
 const styles = css.create({

package/stylesheet/index.d.ts

@@ -1,2 +0,0 @@
-// @plumeria/core/stylesheet/index.d.ts
-declare module '@plumeria/core/stylesheet';

package/stylesheet/index.js

@@ -1 +0,0 @@
-require('./core.css');

package/stylesheet/index.mjs

@@ -1 +0,0 @@
-import './core.css';