@plumeria/core 16.2.12 → 16.3.0

package/README.md

@@ -11,7 +11,7 @@
 
 ## Installation
 
-`@plumeria/core` contains type definitions only. Styles are compiled away at build time by a bundler integration — [`@plumeria/next-plugin`](https://www.npmjs.com/package/@plumeria/next-plugin) for Next.js, or [`@plumeria/unplugin`](https://www.npmjs.com/package/@plumeria/unplugin) for Vite, Webpack, and others.
+`@plumeria/core` contains type definitions only — importing it augments React's JSX types so that styleName is accepted on host elements. Styles are compiled away at build time by a bundler integration — [`@plumeria/next-plugin`](https://www.npmjs.com/package/@plumeria/next-plugin) for Next.js, or [`@plumeria/unplugin`](https://www.npmjs.com/package/@plumeria/unplugin) for Vite, Webpack, and others.
 
 ```sh
 pnpm add -D @plumeria/core
@@ -39,7 +39,7 @@ const styles = css.create({
 });
 
 export default function App({ cond }) {
-  const scale = useScale();
+  const scale = useScale(); // from your own hook
   return (
     <div
       styleName={[

package/lib/css.d.ts

@@ -34,6 +34,9 @@ declare module '@plumeria/core' {
       interface HTMLAttributes<T> {
         styleName?: StyleName;
       }
+      interface SVGAttributes<T> {
+        styleName?: StyleName;
+      }
     }
   }
 

package/lib/csstypes.d.ts

@@ -97,7 +97,13 @@ type animationRangeEnd = number | StableString;
 type animationRangeStart = number | StableString;
 type animationTimeline = number | StableString;
 type animationTimingFunction = singleTimingFunction;
-type appearance = 'auto' | 'none' | 'textfield';
+type appearance =
+  | 'auto'
+  | 'none'
+  | 'menulist-button'
+  | 'textfield'
+  | 'base'
+  | 'base-select';
 type aspectRatio = number | StableString;
 type attachment = 'scroll' | 'fixed' | 'local';
 type azimuth = number | StableString;
@@ -1162,7 +1168,14 @@ type WebkitTapHighlightColor = color;
 type WebkitTextFillColor = color;
 type WebkitTextStrokeColor = color;
 type WebkitTextStrokeWidth = number | StableString;
-type whiteSpace = 'normal' | 'pre' | 'nowrap' | 'pre-wrap' | 'pre-line';
+type whiteSpace =
+  | 'normal'
+  | 'pre'
+  | 'pre-wrap'
+  | 'pre-line'
+  | 'wrap'
+  | 'nowrap'
+  | whiteSpaceCollapse;
 type whiteSpaceCollapse =
   | 'collapse'
   | 'discard'
@@ -1173,7 +1186,12 @@ type whiteSpaceCollapse =
 type widows = number | StableString;
 type width = 'auto' | intrinsicSize | extrinsicSize | number | StableString;
 type willChange = 'auto' | animatableFeature;
-type wordBreak = 'normal' | 'break-all' | 'keep-all' | nonStandardWordBreak;
+type wordBreak =
+  | 'normal'
+  | 'break-all'
+  | 'keep-all'
+  | 'auto-phrase'
+  | nonStandardWordBreak;
 type wordSpacing = 'normal' | lengthPercentage;
 type wordWrap = 'normal' | 'break-word';
 type writingMode =
@@ -1184,7 +1202,7 @@ type writingMode =
   | 'sideways-lr'
   | svgWritingMode;
 type zIndex = 'auto' | number | StableString;
-type zoom = 'normal';
+type zoom = 'normal' | number | StableString;
 
 export type CSSTypes = Readonly<{
   WebkitFontSmoothing?: all | WebkitFontSmoothing;

package/lib/types.d.ts

@@ -48,9 +48,9 @@ type CSSProperties =
 
 type CreateStyleValue = CSSProperties | ((...args: any[]) => CSSProperties);
 
-const ClassNameTag: unique symbol;
+declare const ClassNameTag: unique symbol;
 
-type AtomicClassNameFor<out P extends string, out V> = string & {
+type AtomicClassNameFor<P extends string, V> = string & {
   readonly _ident: typeof ClassNameTag;
   readonly _key: P;
   readonly _value: V;

package/package.json

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