@vanilla-extract/sprinkles
Advanced tools
Comparing version 1.5.0 to 1.5.1
@@ -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 }; |
@@ -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. | ||
π₯ [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) | ||
π₯ [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. |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
87682
1455
23
1