@salty-css/core 0.0.1-alpha.93 → 0.0.1-alpha.96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salty-css/core",
-  "version": "0.0.1-alpha.93",
+  "version": "0.0.1-alpha.96",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "typings": "./dist/index.d.ts",

package/types/index.d.ts

@@ -1,6 +1,7 @@
-import { AllHTMLAttributes, ReactDOM, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { StyleComponentGenerator } from '../generator';
 import { OrAny, OrString } from './util-types';
+import type * as CSS from 'csstype';
 export type CreateElementProps = {
     extend?: Tag<any>;
     children?: ReactNode;
@@ -16,17 +17,20 @@ type FnComponent<PROPS extends StyledComponentProps> = {
     (props: OrAny | PROPS): ReactNode;
     generator?: StyleComponentGenerator;
 };
-export type Tag<PROPS extends StyledComponentProps> = OrString | keyof ReactDOM | FnComponent<PROPS>;
-export type CompoundVariant = {
-    [key: PropertyKey]: any;
-    css: CssStyles;
+export type Tag<PROPS extends StyledComponentProps> = OrString | keyof HTMLElementTagNameMap | FnComponent<PROPS>;
+type CssProperties = {
+    [key in keyof CSS.Properties]: CSS.Properties[key] | PropertyValueToken;
 };
-type InvalidVariantKeys = keyof AllHTMLAttributes<HTMLElement>;
-type StyleKeys = keyof Required<AllHTMLAttributes<HTMLElement>>['style'];
-export type StyleValue<K extends string> = K extends StyleKeys ? Required<AllHTMLAttributes<HTMLElement>>['style'][K] : never;
+type CssPropertyKeys = keyof CssProperties;
+export type StyleValue<K extends string> = K extends CssPropertyKeys ? CssProperties[K] : never;
+type InvalidVariantKeys = '';
 type VariantOptions = {
     [key in InvalidVariantKeys]?: never;
 };
+export type CompoundVariant = {
+    [key: PropertyKey]: any;
+    css: CssStyles;
+};
 type Variants = {
     variants?: VariantOptions & {
         [key: PropertyKey]: {
@@ -50,7 +54,7 @@ export type ValueProps = {
 export type ParentComponentProps<TAG extends Tag<any>> = TAG extends (props: infer P) => ReactNode ? P : unknown;
 type StylePropertyValue = Record<never, never> & unknown;
 export type CssStyles = {
-    [key in StyleKeys | OrString]?: StyleValue<key> | StylePropertyValue | PropertyValueToken | CssStyles;
+    [key in OrString]?: CssProperties | StylePropertyValue | PropertyValueToken | CssStyles;
 };
 export type Styles = CssStyles & Variants;
 export interface GeneratorOptions {
@@ -58,7 +62,13 @@ export interface GeneratorOptions {
     displayName?: string;
     element?: string;
 }
+interface Base extends CssProperties, CssStyles, CssPseudos {
+}
+type Pseudos = CSS.Pseudos | `&${CSS.Pseudos}`;
+type CssPseudos = {
+    [P in Pseudos]?: Base;
+};
 export interface StyledParams extends GeneratorOptions, Variants {
-    base?: CssStyles;
+    base?: Base;
 }
 export {};