Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More β†’
Socket
Sign inDemoInstall
Socket

@vanilla-extract/sprinkles

Package Overview
Dependencies
Maintainers
4
Versions
62
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vanilla-extract/sprinkles - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

dist/createSprinkles-2115f858.cjs.prod.js

78

createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.cjs.d.ts

@@ -1,1 +0,77 @@

export * from "../../dist/declarations/src/createRuntimeSprinkles";
interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
0: Value;
length: Length;
}
declare type ResponsiveArrayByMaxLength<MaxLength extends number, Value> = [
never,
ResponsiveArray<1, Value | null>,
ResponsiveArray<1 | 2, Value | null>,
ResponsiveArray<1 | 2 | 3, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, Value | null>
][MaxLength];
declare type ConditionalPropertyValue = {
defaultClass: string | undefined;
conditions: {
[conditionName: string]: string;
};
};
declare type ConditionalWithResponsiveArrayProperty = {
responsiveArray: Array<string>;
values: {
[valueName: string]: ConditionalPropertyValue;
};
};
declare type ConditionalProperty = {
values: {
[valueName: string]: ConditionalPropertyValue;
};
};
declare type UnconditionalProperty = {
values: {
[valueName: string]: {
defaultClass: string;
};
};
};
declare type ShorthandProperty = {
mappings: Array<string>;
};
declare type SprinklesProperties = {
styles: {
[property: string]: ConditionalWithResponsiveArrayProperty | ConditionalProperty | ShorthandProperty | UnconditionalProperty;
};
};
declare type ResponsiveArrayVariant<RA extends {
length: number;
}, Values extends string | number | symbol> = ResponsiveArrayByMaxLength<RA['length'], Values | null>;
declare type ConditionalStyle<Values extends {
[key: string]: ConditionalPropertyValue;
}> = (Values[keyof Values]['defaultClass'] extends string ? keyof Values : never) | {
[Condition in keyof Values[keyof Values]['conditions']]?: keyof Values;
};
declare type ConditionalStyleWithResponsiveArray<Values extends {
[key: string]: ConditionalPropertyValue;
}, RA extends {
length: number;
}> = ConditionalStyle<Values> | ResponsiveArrayVariant<RA, keyof Values>;
declare type ChildSprinkleProps<Sprinkles extends SprinklesProperties['styles']> = {
[Prop in keyof Sprinkles]?: Sprinkles[Prop] extends ConditionalWithResponsiveArrayProperty ? ConditionalStyleWithResponsiveArray<Sprinkles[Prop]['values'], Sprinkles[Prop]['responsiveArray']> : Sprinkles[Prop] extends ConditionalProperty ? ConditionalStyle<Sprinkles[Prop]['values']> : Sprinkles[Prop] extends ShorthandProperty ? Sprinkles[Sprinkles[Prop]['mappings'][number]] extends ConditionalWithResponsiveArrayProperty ? ConditionalStyleWithResponsiveArray<Sprinkles[Sprinkles[Prop]['mappings'][number]]['values'], Sprinkles[Sprinkles[Prop]['mappings'][number]]['responsiveArray']> : Sprinkles[Sprinkles[Prop]['mappings'][number]] extends ConditionalProperty ? ConditionalStyle<Sprinkles[Sprinkles[Prop]['mappings'][number]]['values']> : Sprinkles[Sprinkles[Prop]['mappings'][number]] extends UnconditionalProperty ? keyof Sprinkles[Sprinkles[Prop]['mappings'][number]]['values'] : never : Sprinkles[Prop] extends UnconditionalProperty ? keyof Sprinkles[Prop]['values'] : never;
};
declare type SprinkleProps<Args extends ReadonlyArray<any>> = Args extends [
infer L,
...infer R
] ? (L extends SprinklesProperties ? ChildSprinkleProps<L['styles']> : never) & SprinkleProps<R> : {};
declare type SprinklesFn<Args extends ReadonlyArray<SprinklesProperties>> = ((props: SprinkleProps<Args>) => string) & {
properties: Set<keyof SprinkleProps<Args>>;
};
declare const createSprinkles: <Args extends readonly SprinklesProperties[]>(...args: Args) => SprinklesFn<Args>;
/** @deprecated - Use `createSprinkles` */
declare const createAtomsFn: <Args extends readonly SprinklesProperties[]>(...args: Args) => SprinklesFn<Args>;
export { createAtomsFn, createSprinkles };

2

createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.cjs.dev.js

@@ -5,3 +5,3 @@ 'use strict';

var createSprinkles$1 = require('../../dist/createSprinkles-32cbabfb.cjs.dev.js');
var createSprinkles$1 = require('../../dist/createSprinkles-9b4ec8a2.cjs.dev.js');

@@ -8,0 +8,0 @@ var composeStyles = classList => classList;

@@ -5,3 +5,3 @@ 'use strict';

var createSprinkles$1 = require('../../dist/createSprinkles-52abf088.cjs.prod.js');
var createSprinkles$1 = require('../../dist/createSprinkles-2115f858.cjs.prod.js');

@@ -8,0 +8,0 @@ var composeStyles = classList => classList;

@@ -1,2 +0,2 @@

import { c as createSprinkles$1 } from '../../dist/createSprinkles-c150330f.esm.js';
import { c as createSprinkles$1 } from '../../dist/createSprinkles-29d354c5.esm.js';

@@ -3,0 +3,0 @@ var composeStyles = classList => classList;

@@ -1,1 +0,52 @@

export * from "../../dist/declarations/src/createUtils";
interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
0: Value;
length: Length;
}
interface RequiredResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
0: Exclude<Value, null>;
length: Length;
}
declare type ResponsiveArrayByMaxLength<MaxLength extends number, Value> = [
never,
ResponsiveArray<1, Value | null>,
ResponsiveArray<1 | 2, Value | null>,
ResponsiveArray<1 | 2 | 3, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, Value | null>
][MaxLength];
declare type RequiredResponsiveArrayByMaxLength<MaxLength extends number, Value> = [
never,
RequiredResponsiveArray<1, Value | null>,
RequiredResponsiveArray<1 | 2, Value | null>,
RequiredResponsiveArray<1 | 2 | 3, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, Value | null>
][MaxLength];
declare type ExtractValue<Value extends string | number | boolean | Partial<Record<string, string | number | boolean>> | ResponsiveArrayByMaxLength<number, string | number | boolean | null>> = Value extends ResponsiveArrayByMaxLength<number, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value;
declare type Conditions<ConditionName extends string> = {
conditions: {
defaultCondition: ConditionName | false;
conditionNames: Array<ConditionName>;
responsiveArray?: Array<ConditionName>;
};
};
declare type ExtractDefaultCondition<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['defaultCondition'];
declare type ExtractConditionNames<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['conditionNames'][number];
declare type ConditionalValue<SprinklesProperties extends Conditions<string>, Value extends string | number | boolean> = (ExtractDefaultCondition<SprinklesProperties> extends false ? never : Value) | Partial<Record<ExtractConditionNames<SprinklesProperties>, Value>> | (SprinklesProperties['conditions']['responsiveArray'] extends {
length: number;
} ? ResponsiveArrayByMaxLength<SprinklesProperties['conditions']['responsiveArray']['length'], Value> : never);
declare type RequiredConditionalObject<RequiredConditionName extends string, OptionalConditionNames extends string, Value extends string | number | boolean> = Record<RequiredConditionName, Value> & Partial<Record<OptionalConditionNames, Value>>;
declare type RequiredConditionalValue<SprinklesProperties extends Conditions<string>, Value extends string | number | boolean> = ExtractDefaultCondition<SprinklesProperties> extends false ? never : Value | RequiredConditionalObject<Exclude<ExtractDefaultCondition<SprinklesProperties>, false>, Exclude<ExtractConditionNames<SprinklesProperties>, ExtractDefaultCondition<SprinklesProperties>>, Value> | (SprinklesProperties['conditions']['responsiveArray'] extends {
length: number;
} ? RequiredResponsiveArrayByMaxLength<SprinklesProperties['conditions']['responsiveArray']['length'], Value> : never);
declare function createNormalizeValueFn<SprinklesProperties extends Conditions<string>>(properties: SprinklesProperties): <Value extends string | number | boolean>(value: ConditionalValue<SprinklesProperties, Value>) => Partial<Record<ExtractConditionNames<SprinklesProperties>, Value>>;
declare function createMapValueFn<SprinklesProperties extends Conditions<string>>(properties: SprinklesProperties): <OutputValue extends string | number | boolean | null | undefined, Value extends ConditionalValue<SprinklesProperties, string | number | boolean>>(value: Value, fn: (inputValue: ExtractValue<Value>, key: ExtractConditionNames<SprinklesProperties>) => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<ExtractConditionNames<SprinklesProperties>, OutputValue>>;
export { ConditionalValue, RequiredConditionalValue, createMapValueFn, createNormalizeValueFn };

@@ -1,1 +0,222 @@

export * from "./declarations/src/index";
import { CSSProperties, StyleRule } from '@vanilla-extract/css';
interface ResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
0: Value;
length: Length;
}
interface RequiredResponsiveArray<Length extends number, Value> extends ReadonlyArray<Value> {
0: Exclude<Value, null>;
length: Length;
}
declare type ResponsiveArrayConfig<Value> = ResponsiveArray<2 | 3 | 4 | 5 | 6 | 7 | 8, Value>;
declare type ResponsiveArrayByMaxLength<MaxLength extends number, Value> = [
never,
ResponsiveArray<1, Value | null>,
ResponsiveArray<1 | 2, Value | null>,
ResponsiveArray<1 | 2 | 3, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, Value | null>,
ResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, Value | null>
][MaxLength];
declare type RequiredResponsiveArrayByMaxLength<MaxLength extends number, Value> = [
never,
RequiredResponsiveArray<1, Value | null>,
RequiredResponsiveArray<1 | 2, Value | null>,
RequiredResponsiveArray<1 | 2 | 3, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5 | 6, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7, Value | null>,
RequiredResponsiveArray<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8, Value | null>
][MaxLength];
declare type ConditionalPropertyValue = {
defaultClass: string | undefined;
conditions: {
[conditionName: string]: string;
};
};
declare type ConditionalWithResponsiveArrayProperty = {
responsiveArray: Array<string>;
values: {
[valueName: string]: ConditionalPropertyValue;
};
};
declare type ConditionalProperty = {
values: {
[valueName: string]: ConditionalPropertyValue;
};
};
declare type UnconditionalProperty = {
values: {
[valueName: string]: {
defaultClass: string;
};
};
};
declare type ShorthandProperty = {
mappings: Array<string>;
};
declare type SprinklesProperties = {
styles: {
[property: string]: ConditionalWithResponsiveArrayProperty | ConditionalProperty | ShorthandProperty | UnconditionalProperty;
};
};
declare type ResponsiveArrayVariant<RA extends {
length: number;
}, Values extends string | number | symbol> = ResponsiveArrayByMaxLength<RA['length'], Values | null>;
declare type ConditionalStyle<Values extends {
[key: string]: ConditionalPropertyValue;
}> = (Values[keyof Values]['defaultClass'] extends string ? keyof Values : never) | {
[Condition in keyof Values[keyof Values]['conditions']]?: keyof Values;
};
declare type ConditionalStyleWithResponsiveArray<Values extends {
[key: string]: ConditionalPropertyValue;
}, RA extends {
length: number;
}> = ConditionalStyle<Values> | ResponsiveArrayVariant<RA, keyof Values>;
declare type ChildSprinkleProps<Sprinkles extends SprinklesProperties['styles']> = {
[Prop in keyof Sprinkles]?: Sprinkles[Prop] extends ConditionalWithResponsiveArrayProperty ? ConditionalStyleWithResponsiveArray<Sprinkles[Prop]['values'], Sprinkles[Prop]['responsiveArray']> : Sprinkles[Prop] extends ConditionalProperty ? ConditionalStyle<Sprinkles[Prop]['values']> : Sprinkles[Prop] extends ShorthandProperty ? Sprinkles[Sprinkles[Prop]['mappings'][number]] extends ConditionalWithResponsiveArrayProperty ? ConditionalStyleWithResponsiveArray<Sprinkles[Sprinkles[Prop]['mappings'][number]]['values'], Sprinkles[Sprinkles[Prop]['mappings'][number]]['responsiveArray']> : Sprinkles[Sprinkles[Prop]['mappings'][number]] extends ConditionalProperty ? ConditionalStyle<Sprinkles[Sprinkles[Prop]['mappings'][number]]['values']> : Sprinkles[Sprinkles[Prop]['mappings'][number]] extends UnconditionalProperty ? keyof Sprinkles[Sprinkles[Prop]['mappings'][number]]['values'] : never : Sprinkles[Prop] extends UnconditionalProperty ? keyof Sprinkles[Prop]['values'] : never;
};
declare type SprinkleProps<Args extends ReadonlyArray<any>> = Args extends [
infer L,
...infer R
] ? (L extends SprinklesProperties ? ChildSprinkleProps<L['styles']> : never) & SprinkleProps<R> : {};
declare type SprinklesFn<Args extends ReadonlyArray<SprinklesProperties>> = ((props: SprinkleProps<Args>) => string) & {
properties: Set<keyof SprinkleProps<Args>>;
};
declare type ExtractValue<Value extends string | number | boolean | Partial<Record<string, string | number | boolean>> | ResponsiveArrayByMaxLength<number, string | number | boolean | null>> = Value extends ResponsiveArrayByMaxLength<number, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value;
declare type Conditions<ConditionName extends string> = {
conditions: {
defaultCondition: ConditionName | false;
conditionNames: Array<ConditionName>;
responsiveArray?: Array<ConditionName>;
};
};
declare type ExtractDefaultCondition<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['defaultCondition'];
declare type ExtractConditionNames<SprinklesProperties extends Conditions<string>> = SprinklesProperties['conditions']['conditionNames'][number];
declare type ConditionalValue<SprinklesProperties extends Conditions<string>, Value extends string | number | boolean> = (ExtractDefaultCondition<SprinklesProperties> extends false ? never : Value) | Partial<Record<ExtractConditionNames<SprinklesProperties>, Value>> | (SprinklesProperties['conditions']['responsiveArray'] extends {
length: number;
} ? ResponsiveArrayByMaxLength<SprinklesProperties['conditions']['responsiveArray']['length'], Value> : never);
declare type RequiredConditionalObject<RequiredConditionName extends string, OptionalConditionNames extends string, Value extends string | number | boolean> = Record<RequiredConditionName, Value> & Partial<Record<OptionalConditionNames, Value>>;
declare type RequiredConditionalValue<SprinklesProperties extends Conditions<string>, Value extends string | number | boolean> = ExtractDefaultCondition<SprinklesProperties> extends false ? never : Value | RequiredConditionalObject<Exclude<ExtractDefaultCondition<SprinklesProperties>, false>, Exclude<ExtractConditionNames<SprinklesProperties>, ExtractDefaultCondition<SprinklesProperties>>, Value> | (SprinklesProperties['conditions']['responsiveArray'] extends {
length: number;
} ? RequiredResponsiveArrayByMaxLength<SprinklesProperties['conditions']['responsiveArray']['length'], Value> : never);
declare function createNormalizeValueFn<SprinklesProperties extends Conditions<string>>(properties: SprinklesProperties): <Value extends string | number | boolean>(value: ConditionalValue<SprinklesProperties, Value>) => Partial<Record<ExtractConditionNames<SprinklesProperties>, Value>>;
declare function createMapValueFn<SprinklesProperties extends Conditions<string>>(properties: SprinklesProperties): <OutputValue extends string | number | boolean | null | undefined, Value extends ConditionalValue<SprinklesProperties, string | number | boolean>>(value: Value, fn: (inputValue: ExtractValue<Value>, key: ExtractConditionNames<SprinklesProperties>) => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<ExtractConditionNames<SprinklesProperties>, OutputValue>>;
declare type ConditionKey = '@media' | '@supports' | '@container' | 'selector';
declare type Condition = Partial<Record<ConditionKey, string>>;
declare type BaseConditions = {
[conditionName: string]: Condition;
};
declare type AtomicProperties = {
[Property in keyof CSSProperties]?: Record<string, CSSProperties[Property] | Omit<StyleRule, ConditionKey>> | ReadonlyArray<CSSProperties[Property]>;
};
declare type ShorthandOptions<Properties extends AtomicProperties, Shorthands extends {
[shorthandName: string]: Array<keyof Properties>;
}> = {
shorthands: Shorthands;
};
declare type UnconditionalAtomicOptions<Properties extends AtomicProperties> = {
properties: Properties;
};
declare type ResponsiveArrayOptions<Conditions extends {
[conditionName: string]: Condition;
}, ResponsiveLength extends number> = {
responsiveArray: ResponsiveArrayConfig<keyof Conditions> & {
length: ResponsiveLength;
};
};
declare type ConditionalAtomicOptions<Properties extends AtomicProperties, Conditions extends {
[conditionName: string]: Condition;
}, DefaultCondition extends keyof Conditions | Array<keyof Conditions> | false> = UnconditionalAtomicOptions<Properties> & {
conditions: Conditions;
defaultCondition: DefaultCondition;
};
declare type Values<Property, Result> = {
[Value in Property extends ReadonlyArray<any> ? Property[number] : Property extends Array<any> ? Property[number] : keyof Property]: Result;
};
declare type UnconditionalAtomicStyles<Properties extends AtomicProperties> = {
conditions: never;
styles: {
[Property in keyof Properties]: {
values: Values<Properties[Property], {
defaultClass: string;
}>;
};
};
};
declare type ConditionalAtomicStyles<Properties extends AtomicProperties, Conditions extends {
[conditionName: string]: Condition;
}, DefaultCondition extends keyof Conditions | Array<keyof Conditions> | false> = {
conditions: {
defaultCondition: DefaultCondition;
conditionNames: Array<keyof Conditions>;
};
styles: {
[Property in keyof Properties]: {
values: Values<Properties[Property], {
defaultClass: DefaultCondition extends false ? undefined : string;
conditions: {
[Rule in keyof Conditions]: string;
};
}>;
};
};
};
declare type ConditionalWithResponsiveArrayAtomicStyles<Properties extends AtomicProperties, Conditions extends {
[conditionName: string]: Condition;
}, ResponsiveLength extends number, DefaultCondition extends keyof Conditions | Array<keyof Conditions> | false> = {
conditions: {
defaultCondition: DefaultCondition;
conditionNames: Array<keyof Conditions>;
responsiveArray: Array<keyof Conditions> & {
length: ResponsiveLength;
};
};
styles: {
[Property in keyof Properties]: {
responsiveArray: Array<keyof Conditions> & {
length: ResponsiveLength;
};
values: Values<Properties[Property], {
defaultClass: DefaultCondition extends false ? undefined : string;
conditions: {
[Rule in keyof Conditions]: string;
};
}>;
};
};
};
declare type ShorthandAtomicStyles<Shorthands extends {
[shorthandName: string]: Array<string | number | symbol>;
}> = {
styles: {
[Shorthand in keyof Shorthands]: {
mappings: Shorthands[Shorthand];
};
};
};
declare function defineProperties<Properties extends AtomicProperties, ResponsiveLength extends number, Conditions extends BaseConditions, Shorthands extends {
[shorthandName: string]: Array<keyof Properties>;
}, DefaultCondition extends keyof Conditions | Array<keyof Conditions> | false>(options: ConditionalAtomicOptions<Properties, Conditions, DefaultCondition> & ShorthandOptions<Properties, Shorthands> & ResponsiveArrayOptions<Conditions, ResponsiveLength>): ConditionalWithResponsiveArrayAtomicStyles<Properties, Conditions, ResponsiveLength, DefaultCondition> & ShorthandAtomicStyles<Shorthands>;
declare function defineProperties<Properties extends AtomicProperties, Conditions extends BaseConditions, Shorthands extends {
[shorthandName: string]: Array<keyof Properties>;
}, DefaultCondition extends keyof Conditions | Array<keyof Conditions> | false>(options: ConditionalAtomicOptions<Properties, Conditions, DefaultCondition> & ShorthandOptions<Properties, Shorthands>): ConditionalAtomicStyles<Properties, Conditions, DefaultCondition> & ShorthandAtomicStyles<Shorthands>;
declare function defineProperties<Properties extends AtomicProperties, Conditions extends BaseConditions, ResponsiveLength extends number, DefaultCondition extends keyof Conditions | Array<keyof Conditions> | false>(options: ConditionalAtomicOptions<Properties, Conditions, DefaultCondition> & ResponsiveArrayOptions<Conditions, ResponsiveLength>): ConditionalWithResponsiveArrayAtomicStyles<Properties, Conditions, ResponsiveLength, DefaultCondition>;
declare function defineProperties<Properties extends AtomicProperties, Conditions extends BaseConditions, DefaultCondition extends keyof Conditions | Array<keyof Conditions> | false>(options: ConditionalAtomicOptions<Properties, Conditions, DefaultCondition>): ConditionalAtomicStyles<Properties, Conditions, DefaultCondition>;
declare function defineProperties<Properties extends AtomicProperties, Shorthands extends {
[shorthandName: string]: Array<keyof Properties>;
}>(options: UnconditionalAtomicOptions<Properties> & ShorthandOptions<Properties, Shorthands>): UnconditionalAtomicStyles<Properties> & ShorthandAtomicStyles<Shorthands>;
declare function defineProperties<Properties extends AtomicProperties>(options: UnconditionalAtomicOptions<Properties>): UnconditionalAtomicStyles<Properties>;
declare function createSprinkles<Args extends ReadonlyArray<SprinklesProperties>>(...config: Args): SprinklesFn<Args>;
/** @deprecated - Use `defineProperties` */
declare const createAtomicStyles: typeof defineProperties;
/** @deprecated - Use `createSprinkles` */
declare const createAtomsFn: typeof createSprinkles;
export { ConditionalValue, RequiredConditionalValue, ResponsiveArray, createAtomicStyles, createAtomsFn, createMapValueFn, createNormalizeValueFn, createSprinkles, defineProperties };

@@ -8,3 +8,3 @@ 'use strict';

var fileScope = require('@vanilla-extract/css/fileScope');
var createSprinkles$1 = require('./createSprinkles-32cbabfb.cjs.dev.js');
var createSprinkles$1 = require('./createSprinkles-9b4ec8a2.cjs.dev.js');
var createUtils_dist_vanillaExtractSprinklesCreateUtils = require('../createUtils/dist/vanilla-extract-sprinkles-createUtils.cjs.dev.js');

@@ -11,0 +11,0 @@

@@ -8,3 +8,3 @@ 'use strict';

var fileScope = require('@vanilla-extract/css/fileScope');
var createSprinkles$1 = require('./createSprinkles-52abf088.cjs.prod.js');
var createSprinkles$1 = require('./createSprinkles-2115f858.cjs.prod.js');
var createUtils_dist_vanillaExtractSprinklesCreateUtils = require('../createUtils/dist/vanilla-extract-sprinkles-createUtils.cjs.prod.js');

@@ -11,0 +11,0 @@

import { composeStyles, style } from '@vanilla-extract/css';
import { addRecipe } from '@vanilla-extract/css/recipe';
import { hasFileScope } from '@vanilla-extract/css/fileScope';
import { c as createSprinkles$1 } from './createSprinkles-c150330f.esm.js';
import { c as createSprinkles$1 } from './createSprinkles-29d354c5.esm.js';
export { createMapValueFn, createNormalizeValueFn } from '../createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js';

@@ -6,0 +6,0 @@

{
"name": "@vanilla-extract/sprinkles",
"version": "1.5.0",
"version": "1.5.1",
"description": "Zero-runtime atomic CSS framework for vanilla-extract",

@@ -37,3 +37,3 @@ "sideEffects": false,

"type": "git",
"url": "https://github.com/seek-oss/vanilla-extract.git",
"url": "https://github.com/vanilla-extract-css/vanilla-extract.git",
"directory": "packages/sprinkles"

@@ -47,4 +47,4 @@ },

"devDependencies": {
"@vanilla-extract/css": "^1.6.8"
"@vanilla-extract/css": "^1.9.2"
}
}
# 🍨 Sprinkles
**Zero-runtime atomic CSS framework for [vanilla-extract.](https://github.com/seek-oss/vanilla-extract)**
**Zero-runtime atomic CSS framework for [vanilla-extract.](https://github.com/vanilla-extract-css/vanilla-extract)**

@@ -66,3 +66,3 @@ Generate a static set of custom utility classes and compose them either statically at build time, or dynamically at runtime, without the usual style generation overhead of CSS-in-JS.

πŸ–₯ &nbsp; [Try it out for yourself in CodeSandbox.](https://codesandbox.io/s/github/seek-oss/vanilla-extract/tree/master/examples/webpack-react?file=/src/sprinkles.css.ts)
πŸ–₯ &nbsp; [Try it out for yourself in CodeSandbox.](https://codesandbox.io/s/github/vanilla-extract-css/vanilla-extract/tree/master/examples/webpack-react?file=/src/sprinkles.css.ts)

@@ -73,3 +73,3 @@ ---

> πŸ’‘ Before starting, ensure you've set up [vanilla-extract.](https://github.com/seek-oss/vanilla-extract)
> πŸ’‘ Before starting, ensure you've set up [vanilla-extract.](https://github.com/vanilla-extract-css/vanilla-extract)

@@ -76,0 +76,0 @@ Install Sprinkles.

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚑️ by Socket Inc