@plumeria/core 0.7.8 → 0.7.10

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/core",
-  "version": "0.7.8",
+  "version": "0.7.10",
   "description": "Near Zero-runtime CSS-in-JS for efficient design systems.",
   "keywords": [
     "react",
@@ -47,8 +47,11 @@
     "stylesheet/"
   ],
   "dependencies": {
-    "zss-engine": "^0.2.23",
-    "@plumeria/collection": "^0.5.2"
+    "style-preset": "0.0.14",
+    "zss-engine": "0.2.24"
+  },
+  "peerDependencies": {
+    "@plumeria/compiler": ">=0.6.5"
   },
   "publishConfig": {
     "access": "public"

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({