@weser/styling 0.0.15 → 0.0.17

package/dist/core/createRenderer.d.ts

@@ -1,7 +1,7 @@
 import { createHooks as baseCreateHooks } from '@css-hooks/react';
 import { WithHooks as BaseWithHooks } from '@css-hooks/core';
 import { assignStyle } from 'css-in-js-utils';
-import { T_Fallback, T_RawStyle } from '../types.js';
+import { T_Fallback, T_RawStyle, T_Style } from '../types.js';
 type WithHooks<Hooks, T> = BaseWithHooks<Hooks, T>;
 type Plugin<T> = (style: T) => T;
 type HookOptions<Hooks extends string> = Parameters<typeof baseCreateHooks<Hooks>>[0];
@@ -13,7 +13,7 @@ type Config<T, Hooks extends string> = {
 };
 export type Properties<T, Hooks> = Array<Properties<T, Hooks>> | WithHooks<Hooks, T> | undefined;
 export type CSSFunction<T, Hooks> = (...style: Array<Properties<T, Hooks>>) => T_RawStyle;
-export default function createRenderer<Hooks extends Record<string, string>, T extends Record<string, any> = T_RawStyle>({ hooks, fallbacks, plugins, mergeStyle, }: Config<T, keyof Hooks & string>): [
+export default function createRenderer<Hooks extends Record<string, string>, T extends Record<string, any> = T_Style>({ hooks, fallbacks, plugins, mergeStyle, }: Config<T, keyof Hooks & string>): [
     string,
     CSSFunction<T, keyof Hooks & string>
 ];

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 export { default as createRenderer } from './core/createRenderer.js';
 export { default as fallbackValue } from './core/fallbackValue.js';
-export { default as responsiveValuePlugin, T_ResponsiveStyle, } from './plugins/responsiveValue.js';
+export { default as responsiveValuePlugin, responsiveValue, T_ResponsiveStyle, T_ResponsiveValue, } from './plugins/responsiveValue.js';
 export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer.js';
 export { default as debugPlugin } from './plugins/debug.js';
 export { default as enforceLonghandPlugin } from './plugins/enforceLonghand.js';
 export { default as sortPropertyPlugin } from './plugins/sortProperty.js';
 export { default as unitPlugin } from './plugins/unit.js';
-export { default as extendPlugin, T_ExtendStyle } from './plugins/extend.js';
 export { default as useCSSVariable } from './helpers/useCSSVariable.js';
 export { T_Fallback, T_Style } from './types.js';

package/dist/index.js

@@ -1,10 +1,9 @@
 export { default as createRenderer } from './core/createRenderer.js';
 export { default as fallbackValue } from './core/fallbackValue.js';
-export { default as responsiveValuePlugin, } from './plugins/responsiveValue.js';
+export { default as responsiveValuePlugin, responsiveValue, } from './plugins/responsiveValue.js';
 export { default as prefixerPlugin, fallbacks as prefixerFallbacks, } from './plugins/prefixer.js';
 export { default as debugPlugin } from './plugins/debug.js';
 export { default as enforceLonghandPlugin } from './plugins/enforceLonghand.js';
 export { default as sortPropertyPlugin } from './plugins/sortProperty.js';
 export { default as unitPlugin } from './plugins/unit.js';
-export { default as extendPlugin } from './plugins/extend.js';
 export { default as useCSSVariable } from './helpers/useCSSVariable.js';

package/dist/plugins/responsiveValue.d.ts

@@ -1,7 +1,7 @@
 import { T_Style } from '../types.js';
-type T_Responsive<T> = T | (T | undefined)[];
+export type T_ResponsiveValue<T> = T | (T | undefined)[];
 export type T_ResponsiveStyle<T = T_Style> = {
-    [P in keyof T]: T_Responsive<T[P]>;
+    [P in keyof T]: T_ResponsiveValue<T[P]>;
 };
 export default function responsiveValuePlugin<T = T_Style>(mediaQueries: Array<string>): (style: T) => T;
-export {};
+export declare function responsiveValue<T>(value: T_ResponsiveValue<T>): T;

package/dist/plugins/responsiveValue.js

@@ -1,5 +1,13 @@
 import isPlainObject from 'isobject';
 import { assignStyle } from 'css-in-js-utils';
+export default function responsiveValuePlugin(mediaQueries) {
+    return function responsiveValue(style) {
+        return resolveResponsiveValues(style, mediaQueries);
+    };
+}
+export function responsiveValue(value) {
+    return value;
+}
 function resolveResponsiveValues(style, mediaQueries) {
     for (const key in style) {
         const property = key;
@@ -26,8 +34,3 @@ function resolveResponsiveValues(style, mediaQueries) {
     }
     return style;
 }
-export default function responsiveValuePlugin(mediaQueries) {
-    return function responsiveValue(style) {
-        return resolveResponsiveValues(style, mediaQueries);
-    };
-}

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/types.ts","../src/core/createrenderer.ts","../src/core/fallbackvalue.ts","../src/core/fallbackvalueplugin.ts","../src/core/getfallbackcss.ts","../src/core/getfallbackvariable.ts","../src/helpers/usecssvariable.ts","../src/modules/css-in-js-utils.d.ts","../src/modules/styles-debugger.d.ts","../src/plugins/debug.ts","../src/plugins/enforcelonghand.ts","../src/plugins/extend.ts","../src/plugins/prefixer.ts","../src/plugins/responsivevalue.ts","../src/plugins/sortproperty.ts","../src/plugins/unit.ts"],"version":"5.9.2"}
+{"root":["../src/index.ts","../src/types.ts","../src/core/createrenderer.ts","../src/core/fallbackvalue.ts","../src/core/fallbackvalueplugin.ts","../src/core/getfallbackcss.ts","../src/core/getfallbackvariable.ts","../src/helpers/usecssvariable.ts","../src/modules/css-in-js-utils.d.ts","../src/modules/styles-debugger.d.ts","../src/plugins/debug.ts","../src/plugins/enforcelonghand.ts","../src/plugins/prefixer.ts","../src/plugins/responsivevalue.ts","../src/plugins/sortproperty.ts","../src/plugins/unit.ts"],"version":"5.9.2"}

package/dist/types.d.ts

@@ -5,7 +5,7 @@ export type T_Fallback = {
     match?: string;
 };
 type T_VariableStyle = {
-    [key: `--${string}`]: string | number;
+    [key: `--${string}`]: any;
 };
 export type T_RawStyle = CSSProperties;
 export type T_Style = T_RawStyle & T_VariableStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weser/styling",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Utils for styling with CSS hooks",
   "author": "Robin Weser <robin@weser.io>",
   "license": "MIT",
@@ -57,5 +57,5 @@
     "styles-debugger": "^1.0.0",
     "typescript": "^5.9.2"
   },
-  "gitHead": "09f1d19b11a34e519fd35cf91cede2b75f38356c"
+  "gitHead": "71b258e9fc17ff82728fc3b51ac935f48b11f204"
 }