@plumeria/core 19.15.0 → 20.0.0

package/lib/css.d.ts

@@ -7,6 +7,7 @@
  * 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;
+ * type positionTry = <const T extends PositionTry>(rule: T) => CSSVariableKey;
  * type varType = <const T extends VarType>(rule: T) => CSSVariableKey;
  * type marker = (id: string, pseudo: string) => Marker;
  * type extended = <I extends string, P extends string>(id: I, pseudo: P) => Extended<I, P>;
@@ -32,6 +33,7 @@ declare module '@plumeria/core' {
     CreateStatic,
     Keyframes,
     ViewTransition,
+    PositionTry,
     VarType,
     CSSVariableKey,
     Marker,
@@ -72,6 +74,11 @@ declare module '@plumeria/core' {
     rule: T,
   ) => string;
 
+  export const positionTry: positionTry;
+  export type positionTry = <const T extends PositionTry>(
+    rule: T,
+  ) => CSSVariableKey;
+
   export const varType: varType;
   export type varType = <const T extends VarType>(rule: T) => CSSVariableKey;
 

package/lib/types.d.ts

@@ -24,8 +24,11 @@ type ColonSelector = {
   [key in ColonString]: CommonProperties | CSSVariableProperty;
 };
 
-type AtKeyword = '@media' | '@container' | '@supports' | '@layer' | '@scope';
-type AtRule = `${AtKeyword} ${string}` | `${AtKeyword}(${string}`;
+type AtKeyword = '@media' | '@container' | '@supports';
+type AtRule =
+  | `${AtKeyword} ${string}`
+  | `${AtKeyword}(${string}`
+  | '@starting-style';
 
 type StyleKey = keyof CSSTypes;
 type NestedKey = ColonString | ArrayString | AtRule;
@@ -152,6 +155,49 @@ type ViewTransition = {
   old?: CSSProperties;
 };
 
+type PositionTryProperty =
+  | 'positionAnchor'
+  | 'positionArea'
+  | 'inset'
+  | 'insetBlock'
+  | 'insetBlockStart'
+  | 'insetBlockEnd'
+  | 'insetInline'
+  | 'insetInlineStart'
+  | 'insetInlineEnd'
+  | 'top'
+  | 'right'
+  | 'bottom'
+  | 'left'
+  | 'placeSelf'
+  | 'alignSelf'
+  | 'justifySelf'
+  | 'inlineSize'
+  | 'minInlineSize'
+  | 'maxInlineSize'
+  | 'width'
+  | 'minWidth'
+  | 'maxWidth'
+  | 'blockSize'
+  | 'minBlockSize'
+  | 'maxBlockSize'
+  | 'height'
+  | 'minHeight'
+  | 'maxHeight'
+  | 'margin'
+  | 'marginBlock'
+  | 'marginBlockStart'
+  | 'marginBlockEnd'
+  | 'marginInline'
+  | 'marginInlineStart'
+  | 'marginInlineEnd'
+  | 'marginTop'
+  | 'marginRight'
+  | 'marginBottom'
+  | 'marginLeft';
+
+type PositionTry = Pick<CommonProperties, PositionTryProperty>;
+
 type VarTypeSyntax =
   | '<angle>'
   | '<color>'
@@ -209,6 +255,7 @@ export type {
   CreateStatic,
   Keyframes,
   ViewTransition,
+  PositionTry,
   VarType,
   CSSVariableKey,
   Marker,

package/package.json

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