@stokelp/styled-system 2.93.0 → 2.94.0

package/recipes/radio-group.d.ts

@@ -13,13 +13,16 @@ type RadioGroupVariantMap = {
   [key in keyof RadioGroupVariant]: Array<RadioGroupVariant[key]>
 }
 
+type RadioGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator"
+
 export type RadioGroupVariantProps = {
   [key in keyof RadioGroupVariant]?: ConditionalValue<RadioGroupVariant[key]> | undefined
 }
 
 export interface RadioGroupRecipe {
+  __slot: RadioGroupSlot
   __type: RadioGroupVariantProps
-  (props?: RadioGroupVariantProps): Pretty<Record<"root" | "label" | "item" | "itemText" | "itemControl" | "indicator", string>>
+  (props?: RadioGroupVariantProps): Pretty<Record<RadioGroupSlot, string>>
   raw: (props?: RadioGroupVariantProps) => RadioGroupVariantProps
   variantMap: RadioGroupVariantMap
   variantKeys: Array<keyof RadioGroupVariant>

package/recipes/radio-group.mjs

@@ -47,6 +47,7 @@ export const radioGroup = /* @__PURE__ */ Object.assign(radioGroupFn, {
   __recipe__: false,
   __name__: 'radioGroup',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: radioGroupVariantKeys,
   variantMap: {
   "size": [

package/recipes/select-language.d.ts

@@ -13,13 +13,16 @@ type SelectLanguageVariantMap = {
   [key in keyof SelectLanguageVariant]: Array<SelectLanguageVariant[key]>
 }
 
+type SelectLanguageSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
+
 export type SelectLanguageVariantProps = {
   [key in keyof SelectLanguageVariant]?: ConditionalValue<SelectLanguageVariant[key]> | undefined
 }
 
 export interface SelectLanguageRecipe {
+  __slot: SelectLanguageSlot
   __type: SelectLanguageVariantProps
-  (props?: SelectLanguageVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  (props?: SelectLanguageVariantProps): Pretty<Record<SelectLanguageSlot, string>>
   raw: (props?: SelectLanguageVariantProps) => SelectLanguageVariantProps
   variantMap: SelectLanguageVariantMap
   variantKeys: Array<keyof SelectLanguageVariant>

package/recipes/select-language.mjs

@@ -83,6 +83,7 @@ export const selectLanguage = /* @__PURE__ */ Object.assign(selectLanguageFn, {
   __recipe__: false,
   __name__: 'selectLanguage',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: selectLanguageVariantKeys,
   variantMap: {
   "variant": [

package/recipes/select.d.ts

@@ -14,13 +14,16 @@ type SelectVariantMap = {
   [key in keyof SelectVariant]: Array<SelectVariant[key]>
 }
 
+type SelectSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
+
 export type SelectVariantProps = {
   [key in keyof SelectVariant]?: ConditionalValue<SelectVariant[key]> | undefined
 }
 
 export interface SelectRecipe {
+  __slot: SelectSlot
   __type: SelectVariantProps
-  (props?: SelectVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  (props?: SelectVariantProps): Pretty<Record<SelectSlot, string>>
   raw: (props?: SelectVariantProps) => SelectVariantProps
   variantMap: SelectVariantMap
   variantKeys: Array<keyof SelectVariant>

package/recipes/select.mjs

@@ -84,6 +84,7 @@ export const select = /* @__PURE__ */ Object.assign(selectFn, {
   __recipe__: false,
   __name__: 'select',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: selectVariantKeys,
   variantMap: {
   "hideClearTrigger": [

package/recipes/status-tag-select.d.ts

@@ -17,13 +17,16 @@ type StatusTagSelectVariantMap = {
   [key in keyof StatusTagSelectVariant]: Array<StatusTagSelectVariant[key]>
 }
 
+type StatusTagSelectSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
+
 export type StatusTagSelectVariantProps = {
   [key in keyof StatusTagSelectVariant]?: ConditionalValue<StatusTagSelectVariant[key]> | undefined
 }
 
 export interface StatusTagSelectRecipe {
+  __slot: StatusTagSelectSlot
   __type: StatusTagSelectVariantProps
-  (props?: StatusTagSelectVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  (props?: StatusTagSelectVariantProps): Pretty<Record<StatusTagSelectSlot, string>>
   raw: (props?: StatusTagSelectVariantProps) => StatusTagSelectVariantProps
   variantMap: StatusTagSelectVariantMap
   variantKeys: Array<keyof StatusTagSelectVariant>

package/recipes/status-tag-select.mjs

@@ -85,6 +85,7 @@ export const statusTagSelect = /* @__PURE__ */ Object.assign(statusTagSelectFn,
   __recipe__: false,
   __name__: 'statusTagSelect',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: statusTagSelectVariantKeys,
   variantMap: {
   "size": [

package/recipes/switch-card.d.ts

@@ -13,13 +13,16 @@ type SwitchCardVariantMap = {
   [key in keyof SwitchCardVariant]: Array<SwitchCardVariant[key]>
 }
 
+type SwitchCardSlot = "root" | "label" | "control" | "thumb" | "image" | "content" | "title" | "description"
+
 export type SwitchCardVariantProps = {
   [key in keyof SwitchCardVariant]?: ConditionalValue<SwitchCardVariant[key]> | undefined
 }
 
 export interface SwitchCardRecipe {
+  __slot: SwitchCardSlot
   __type: SwitchCardVariantProps
-  (props?: SwitchCardVariantProps): Pretty<Record<"root" | "label" | "control" | "thumb" | "image" | "content" | "title" | "description", string>>
+  (props?: SwitchCardVariantProps): Pretty<Record<SwitchCardSlot, string>>
   raw: (props?: SwitchCardVariantProps) => SwitchCardVariantProps
   variantMap: SwitchCardVariantMap
   variantKeys: Array<keyof SwitchCardVariant>

package/recipes/switch-card.mjs

@@ -55,6 +55,7 @@ export const switchCard = /* @__PURE__ */ Object.assign(switchCardFn, {
   __recipe__: false,
   __name__: 'switchCard',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: switchCardVariantKeys,
   variantMap: {
   "size": [

package/recipes/switch-recipe.d.ts

@@ -13,13 +13,16 @@ type SwitchRecipeVariantMap = {
   [key in keyof SwitchRecipeVariant]: Array<SwitchRecipeVariant[key]>
 }
 
+type SwitchRecipeSlot = "root" | "label" | "control" | "thumb"
+
 export type SwitchRecipeVariantProps = {
   [key in keyof SwitchRecipeVariant]?: ConditionalValue<SwitchRecipeVariant[key]> | undefined
 }
 
 export interface SwitchRecipeRecipe {
+  __slot: SwitchRecipeSlot
   __type: SwitchRecipeVariantProps
-  (props?: SwitchRecipeVariantProps): Pretty<Record<"root" | "label" | "control" | "thumb", string>>
+  (props?: SwitchRecipeVariantProps): Pretty<Record<SwitchRecipeSlot, string>>
   raw: (props?: SwitchRecipeVariantProps) => SwitchRecipeVariantProps
   variantMap: SwitchRecipeVariantMap
   variantKeys: Array<keyof SwitchRecipeVariant>

package/recipes/switch-recipe.mjs

@@ -39,6 +39,7 @@ export const switchRecipe = /* @__PURE__ */ Object.assign(switchRecipeFn, {
   __recipe__: false,
   __name__: 'switchRecipe',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: switchRecipeVariantKeys,
   variantMap: {
   "size": [

package/recipes/table-container.d.ts

@@ -10,11 +10,14 @@ type TableContainerVariantMap = {
   [key in keyof TableContainerVariant]: Array<TableContainerVariant[key]>
 }
 
+
+
 export type TableContainerVariantProps = {
   [key in keyof TableContainerVariant]?: ConditionalValue<TableContainerVariant[key]> | undefined
 }
 
 export interface TableContainerRecipe {
+  
   __type: TableContainerVariantProps
   (props?: TableContainerVariantProps): string
   raw: (props?: TableContainerVariantProps) => TableContainerVariantProps

package/recipes/table-empty-row.d.ts

@@ -10,11 +10,14 @@ type TableEmptyRowVariantMap = {
   [key in keyof TableEmptyRowVariant]: Array<TableEmptyRowVariant[key]>
 }
 
+
+
 export type TableEmptyRowVariantProps = {
   [key in keyof TableEmptyRowVariant]?: ConditionalValue<TableEmptyRowVariant[key]> | undefined
 }
 
 export interface TableEmptyRowRecipe {
+  
   __type: TableEmptyRowVariantProps
   (props?: TableEmptyRowVariantProps): string
   raw: (props?: TableEmptyRowVariantProps) => TableEmptyRowVariantProps

package/recipes/table-group-title.d.ts

@@ -13,11 +13,14 @@ type TableGroupTitleVariantMap = {
   [key in keyof TableGroupTitleVariant]: Array<TableGroupTitleVariant[key]>
 }
 
+
+
 export type TableGroupTitleVariantProps = {
   [key in keyof TableGroupTitleVariant]?: ConditionalValue<TableGroupTitleVariant[key]> | undefined
 }
 
 export interface TableGroupTitleRecipe {
+  
   __type: TableGroupTitleVariantProps
   (props?: TableGroupTitleVariantProps): string
   raw: (props?: TableGroupTitleVariantProps) => TableGroupTitleVariantProps

package/recipes/table.d.ts

@@ -10,13 +10,16 @@ type TableVariantMap = {
   [key in keyof TableVariant]: Array<TableVariant[key]>
 }
 
+type TableSlot = "root" | "thead" | "tbody" | "tr" | "th" | "td" | "sortIndicatorRoot" | "sortIndicator"
+
 export type TableVariantProps = {
   [key in keyof TableVariant]?: ConditionalValue<TableVariant[key]> | undefined
 }
 
 export interface TableRecipe {
+  __slot: TableSlot
   __type: TableVariantProps
-  (props?: TableVariantProps): Pretty<Record<"root" | "thead" | "tbody" | "tr" | "th" | "td" | "sortIndicatorRoot" | "sortIndicator", string>>
+  (props?: TableVariantProps): Pretty<Record<TableSlot, string>>
   raw: (props?: TableVariantProps) => TableVariantProps
   variantMap: TableVariantMap
   variantKeys: Array<keyof TableVariant>

package/recipes/table.mjs

@@ -51,6 +51,7 @@ export const table = /* @__PURE__ */ Object.assign(tableFn, {
   __recipe__: false,
   __name__: 'table',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tableVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/recipes/tabs-chip.d.ts

@@ -13,11 +13,14 @@ type TabsChipVariantMap = {
   [key in keyof TabsChipVariant]: Array<TabsChipVariant[key]>
 }
 
+
+
 export type TabsChipVariantProps = {
   [key in keyof TabsChipVariant]?: ConditionalValue<TabsChipVariant[key]> | undefined
 }
 
 export interface TabsChipRecipe {
+  
   __type: TabsChipVariantProps
   (props?: TabsChipVariantProps): string
   raw: (props?: TabsChipVariantProps) => TabsChipVariantProps
@@ -29,7 +32,5 @@ export interface TabsChipRecipe {
 
 /**
  * The styles for the TabsChip component
-
-
  */
 export declare const tabsChip: TabsChipRecipe

package/recipes/tabs.d.ts

@@ -17,13 +17,16 @@ type TabsVariantMap = {
   [key in keyof TabsVariant]: Array<TabsVariant[key]>
 }
 
+type TabsSlot = "root" | "list" | "trigger" | "content" | "indicator"
+
 export type TabsVariantProps = {
   [key in keyof TabsVariant]?: ConditionalValue<TabsVariant[key]> | undefined
 }
 
 export interface TabsRecipe {
+  __slot: TabsSlot
   __type: TabsVariantProps
-  (props?: TabsVariantProps): Pretty<Record<"root" | "list" | "trigger" | "content" | "indicator", string>>
+  (props?: TabsVariantProps): Pretty<Record<TabsSlot, string>>
   raw: (props?: TabsVariantProps) => TabsVariantProps
   variantMap: TabsVariantMap
   variantKeys: Array<keyof TabsVariant>

package/recipes/tabs.mjs

@@ -45,6 +45,7 @@ export const tabs = /* @__PURE__ */ Object.assign(tabsFn, {
   __recipe__: false,
   __name__: 'tabs',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tabsVariantKeys,
   variantMap: {
   "lineVariant": [

package/recipes/tag.d.ts

@@ -17,13 +17,16 @@ type TagVariantMap = {
   [key in keyof TagVariant]: Array<TagVariant[key]>
 }
 
+type TagSlot = "root" | "badge"
+
 export type TagVariantProps = {
   [key in keyof TagVariant]?: ConditionalValue<TagVariant[key]> | undefined
 }
 
 export interface TagRecipe {
+  __slot: TagSlot
   __type: TagVariantProps
-  (props?: TagVariantProps): Pretty<Record<"root" | "badge", string>>
+  (props?: TagVariantProps): Pretty<Record<TagSlot, string>>
   raw: (props?: TagVariantProps) => TagVariantProps
   variantMap: TagVariantMap
   variantKeys: Array<keyof TagVariant>
@@ -33,7 +36,5 @@ export interface TagRecipe {
 
 /**
  * The styles for the Tag component
-
-
  */
 export declare const tag: TagRecipe

package/recipes/tag.mjs

@@ -33,6 +33,7 @@ export const tag = /* @__PURE__ */ Object.assign(tagFn, {
   __recipe__: false,
   __name__: 'tag',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tagVariantKeys,
   variantMap: {
   "size": [

package/recipes/text.d.ts

@@ -16,11 +16,14 @@ type TextVariantMap = {
   [key in keyof TextVariant]: Array<TextVariant[key]>
 }
 
+
+
 export type TextVariantProps = {
   [key in keyof TextVariant]?: ConditionalValue<TextVariant[key]> | undefined
 }
 
 export interface TextRecipe {
+  
   __type: TextVariantProps
   (props?: TextVariantProps): string
   raw: (props?: TextVariantProps) => TextVariantProps

package/recipes/textarea.d.ts

@@ -10,11 +10,14 @@ type TextareaVariantMap = {
   [key in keyof TextareaVariant]: Array<TextareaVariant[key]>
 }
 
+
+
 export type TextareaVariantProps = {
   [key in keyof TextareaVariant]?: ConditionalValue<TextareaVariant[key]> | undefined
 }
 
 export interface TextareaRecipe {
+  
   __type: TextareaVariantProps
   (props?: TextareaVariantProps): string
   raw: (props?: TextareaVariantProps) => TextareaVariantProps

package/recipes/tooltip.d.ts

@@ -10,13 +10,16 @@ type TooltipVariantMap = {
   [key in keyof TooltipVariant]: Array<TooltipVariant[key]>
 }
 
+type TooltipSlot = "trigger" | "arrow" | "arrowTip" | "positioner" | "content"
+
 export type TooltipVariantProps = {
   [key in keyof TooltipVariant]?: ConditionalValue<TooltipVariant[key]> | undefined
 }
 
 export interface TooltipRecipe {
+  __slot: TooltipSlot
   __type: TooltipVariantProps
-  (props?: TooltipVariantProps): Pretty<Record<"trigger" | "arrow" | "arrowTip" | "positioner" | "content", string>>
+  (props?: TooltipVariantProps): Pretty<Record<TooltipSlot, string>>
   raw: (props?: TooltipVariantProps) => TooltipVariantProps
   variantMap: TooltipVariantMap
   variantKeys: Array<keyof TooltipVariant>

package/recipes/tooltip.mjs

@@ -39,6 +39,7 @@ export const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
   __recipe__: false,
   __name__: 'tooltip',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: tooltipVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/tokens/tokens.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.bounce" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-in-right" | "animations.drawer-out-left" | "animations.drawer-out-right" | "animations.fade-in" | "animations.ping" | "animations.pulse" | "animations.skeleton-pulse" | "animations.spin" | "animations.collapse-in" | "animations.collapse-out" | "aspectRatios.golden" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.square" | "aspectRatios.ultrawide" | "aspectRatios.wide" | "blurs.2xl" | "blurs.3xl" | "blurs.base" | "blurs.lg" | "blurs.md" | "blurs.sm" | "blurs.xl" | "borders.border.none" | "colors.black" | "colors.current" | "colors.transparent" | "colors.white" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.grey.10" | "colors.grey.50" | "colors.grey.100" | "colors.grey.200" | "colors.grey.300" | "colors.grey.400" | "colors.grey.500" | "colors.grey.600" | "colors.grey.700" | "colors.grey.800" | "colors.grey.900" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "durations.fast" | "durations.faster" | "durations.fastest" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.default" | "easings.ease-bounce-1" | "easings.ease-bounce-2" | "easings.ease-bounce-3" | "easings.ease-bounce-4" | "easings.ease-bounce-5" | "easings.ease-spring-1" | "easings.ease-spring-2" | "easings.ease-spring-3" | "easings.ease-spring-4" | "easings.ease-spring-5" | "easings.emphasized-in" | "easings.emphasized-out" | "easings.in" | "easings.in-out" | "easings.linear" | "easings.out" | "easings.pulse" | "fontSizes.body.lg" | "fontSizes.body.md" | "fontSizes.body.sm" | "fontSizes.heading.desktop.2xl" | "fontSizes.heading.desktop.lg" | "fontSizes.heading.desktop.md" | "fontSizes.heading.desktop.sm" | "fontSizes.heading.desktop.xs" | "fontSizes.heading.mobile.2xl" | "fontSizes.heading.mobile.lg" | "fontSizes.heading.mobile.md" | "fontSizes.heading.mobile.sm" | "fontSizes.heading.mobile.xs" | "fontWeights.black" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.medium" | "fontWeights.normal" | "fontWeights.semibold" | "fontWeights.thin" | "fonts.satoshi" | "fonts.cabinet" | "fonts.mono" | "fonts.sans" | "fonts.serif" | "letterSpacings.normal" | "letterSpacings.tight" | "letterSpacings.tighter" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "radii.radius-0" | "radii.radius-2" | "radii.radius-4" | "radii.radius-6" | "radii.radius-8" | "radii.radius-10" | "radii.radius-12" | "radii.radius-16" | "radii.radius-20" | "radii.radius-24" | "radii.radius-28" | "radii.radius-32" | "radii.radius-36" | "radii.radius-40" | "radii.radius-44" | "radii.radius-48" | "radii.radius-52" | "radii.radius-56" | "radii.radius-60" | "radii.radius-64" | "radii.full" | "shadows.2xl" | "shadows.inner" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.xl" | "shadows.xs" | "sizes.size-0" | "sizes.size-12" | "sizes.size-14" | "sizes.size-16" | "sizes.size-18" | "sizes.size-2" | "sizes.size-20" | "sizes.size-24" | "sizes.size-28" | "sizes.size-32" | "sizes.size-36" | "sizes.size-4" | "sizes.size-40" | "sizes.size-6" | "sizes.size-44" | "sizes.size-8" | "sizes.full" | "sizes.max" | "sizes.size-48" | "sizes.fit" | "sizes.size-52" | "sizes.min" | "sizes.size-56" | "sizes.size-60" | "sizes.size-64" | "sizes.size-68" | "sizes.size-72" | "sizes.size-76" | "sizes.size-80" | "sizes.breakpoint-xl" | "sizes.breakpoint-lg" | "sizes.breakpoint-md" | "sizes.breakpoint-sm" | "spacing.space-0" | "spacing.space-12" | "spacing.space-10" | "spacing.space-14" | "spacing.space-16" | "spacing.space-18" | "spacing.space-2" | "spacing.space-20" | "spacing.space-24" | "spacing.space-28" | "spacing.space-32" | "spacing.space-36" | "spacing.space-4" | "spacing.space-40" | "spacing.space-6" | "spacing.space-44" | "spacing.space-8" | "spacing.space-48" | "spacing.space-52" | "spacing.space-56" | "spacing.space-60" | "spacing.space-64" | "spacing.space-68" | "spacing.space-72" | "spacing.space-76" | "spacing.space-80" | "zIndex.banner" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.hide" | "zIndex.modal" | "zIndex.overlay" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.sticky" | "zIndex.toast" | "zIndex.tooltip" | "breakpoints.xl" | "breakpoints.lg" | "breakpoints.md" | "breakpoints.sm" | "colors.decorative.red.light" | "colors.decorative.red.mid" | "colors.decorative.red.dark" | "colors.decorative.blue.light" | "colors.decorative.blue.mid" | "colors.decorative.blue.dark" | "colors.decorative.yellow.light" | "colors.decorative.yellow.mid" | "colors.decorative.yellow.dark" | "colors.decorative.purple.light" | "colors.decorative.purple.mid" | "colors.decorative.purple.dark" | "colors.decorative.green.light" | "colors.decorative.green.mid" | "colors.decorative.green.dark" | "colors.decorative.brown.light" | "colors.decorative.brown.mid" | "colors.decorative.brown.dark" | "colors.typology.fish.light" | "colors.typology.fish.mid" | "colors.typology.fish.dark" | "colors.typology.meat.light" | "colors.typology.meat.mid" | "colors.typology.meat.dark" | "colors.typology.fruit.light" | "colors.typology.fruit.mid" | "colors.typology.fruit.dark" | "colors.typology.vegetable.light" | "colors.typology.vegetable.mid" | "colors.typology.vegetable.dark" | "colors.typology.cereal.light" | "colors.typology.cereal.mid" | "colors.typology.cereal.dark" | "colors.typology.oil.light" | "colors.typology.oil.mid" | "colors.typology.oil.dark" | "colors.typology.aromatic.light" | "colors.typology.aromatic.mid" | "colors.typology.aromatic.dark" | "colors.primary.100" | "colors.primary.200" | "colors.primary.300" | "colors.primary.400" | "colors.primary.500" | "colors.primary.600" | "colors.primary.700" | "colors.primary.800" | "colors.primary.900" | "colors.secondary.100" | "colors.secondary.200" | "colors.secondary.300" | "colors.secondary.400" | "colors.secondary.500" | "colors.secondary.600" | "colors.secondary.700" | "colors.secondary.800" | "colors.secondary.900" | "colors.error.100" | "colors.error.200" | "colors.error.300" | "colors.error.400" | "colors.error.500" | "colors.error.600" | "colors.error.700" | "colors.error.800" | "colors.error.900" | "colors.success.100" | "colors.success.200" | "colors.success.300" | "colors.success.400" | "colors.success.500" | "colors.success.600" | "colors.success.700" | "colors.success.800" | "colors.success.900" | "colors.warning.100" | "colors.warning.200" | "colors.warning.300" | "colors.warning.400" | "colors.warning.500" | "colors.warning.600" | "colors.warning.700" | "colors.warning.800" | "colors.warning.900" | "colors.text" | "colors.text.disabled" | "colors.text.heading" | "spacing.-space-0" | "spacing.-space-12" | "spacing.-space-10" | "spacing.-space-14" | "spacing.-space-16" | "spacing.-space-18" | "spacing.-space-2" | "spacing.-space-20" | "spacing.-space-24" | "spacing.-space-28" | "spacing.-space-32" | "spacing.-space-36" | "spacing.-space-4" | "spacing.-space-40" | "spacing.-space-6" | "spacing.-space-44" | "spacing.-space-8" | "spacing.-space-48" | "spacing.-space-52" | "spacing.-space-56" | "spacing.-space-60" | "spacing.-space-64" | "spacing.-space-68" | "spacing.-space-72" | "spacing.-space-76" | "spacing.-space-80" | "colors.colorPalette" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.10" | "colors.colorPalette.50" | "colors.colorPalette.red.light" | "colors.colorPalette.light" | "colors.colorPalette.red.mid" | "colors.colorPalette.mid" | "colors.colorPalette.red.dark" | "colors.colorPalette.dark" | "colors.colorPalette.blue.light" | "colors.colorPalette.blue.mid" | "colors.colorPalette.blue.dark" | "colors.colorPalette.yellow.light" | "colors.colorPalette.yellow.mid" | "colors.colorPalette.yellow.dark" | "colors.colorPalette.purple.light" | "colors.colorPalette.purple.mid" | "colors.colorPalette.purple.dark" | "colors.colorPalette.green.light" | "colors.colorPalette.green.mid" | "colors.colorPalette.green.dark" | "colors.colorPalette.brown.light" | "colors.colorPalette.brown.mid" | "colors.colorPalette.brown.dark" | "colors.colorPalette.fish.light" | "colors.colorPalette.fish.mid" | "colors.colorPalette.fish.dark" | "colors.colorPalette.meat.light" | "colors.colorPalette.meat.mid" | "colors.colorPalette.meat.dark" | "colors.colorPalette.fruit.light" | "colors.colorPalette.fruit.mid" | "colors.colorPalette.fruit.dark" | "colors.colorPalette.vegetable.light" | "colors.colorPalette.vegetable.mid" | "colors.colorPalette.vegetable.dark" | "colors.colorPalette.cereal.light" | "colors.colorPalette.cereal.mid" | "colors.colorPalette.cereal.dark" | "colors.colorPalette.oil.light" | "colors.colorPalette.oil.mid" | "colors.colorPalette.oil.dark" | "colors.colorPalette.aromatic.light" | "colors.colorPalette.aromatic.mid" | "colors.colorPalette.aromatic.dark" | "colors.colorPalette.disabled" | "colors.colorPalette.heading"
+export type Token = `animations.${AnimationToken}` | `aspectRatios.${AspectRatioToken}` | `blurs.${BlurToken}` | `borders.${BorderToken}` | `colors.${ColorToken}` | `durations.${DurationToken}` | `easings.${EasingToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `fonts.${FontToken}` | `letterSpacings.${LetterSpacingToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `zIndex.${ZIndexToken}` | `breakpoints.${BreakpointToken}`
 
 export type ColorPalette = "black" | "current" | "transparent" | "white" | "purple" | "blue" | "grey" | "red" | "green" | "yellow" | "decorative" | "decorative.red" | "decorative.blue" | "decorative.yellow" | "decorative.purple" | "decorative.green" | "decorative.brown" | "typology" | "typology.fish" | "typology.meat" | "typology.fruit" | "typology.vegetable" | "typology.cereal" | "typology.oil" | "typology.aromatic" | "primary" | "secondary" | "error" | "success" | "warning" | "text"
 

package/types/composition.d.ts

@@ -15,6 +15,8 @@ interface Recursive<T> {
  * -----------------------------------------------------------------------------*/
 
 type TextStyleProperty =
+  | 'color'
+  | 'direction'
   | 'font'
   | 'fontFamily'
   | 'fontFeatureSettings'
@@ -35,6 +37,7 @@ type TextStyleProperty =
   | 'fontVariantPosition'
   | 'fontVariationSettings'
   | 'fontWeight'
+  | 'hangingPunctuation'
   | 'hypens'
   | 'hyphenateCharacter'
   | 'hyphenateLimitChars'
@@ -43,11 +46,17 @@ type TextStyleProperty =
   | 'lineHeight'
   | 'quotes'
   | 'overflowWrap'
+  | 'tabSize'
+  | 'textAlign'
+  | 'textAlignLast'
   | 'textCombineUpright'
   | 'textDecoration'
   | 'textDecorationColor'
   | 'textDecorationLine'
+  | 'textDecorationSkip'
+  | 'textDecorationSkipBox'
   | 'textDecorationSkipInk'
+  | 'textDecorationSkipInset'
   | 'textDecorationStyle'
   | 'textDecorationThickness'
   | 'textEmphasis'
@@ -60,16 +69,21 @@ type TextStyleProperty =
   | 'textOverflow'
   | 'textRendering'
   | 'textShadow'
+  | 'textStroke'
+  | 'textStrokeColor'
+  | 'textStrokeWidth'
   | 'textTransform'
   | 'textUnderlineOffset'
   | 'textUnderlinePosition'
   | 'textWrap'
   | 'textWrapMode'
   | 'textWrapStyle'
+  | 'unicodeBidi'
   | 'verticalAlign'
   | 'whiteSpace'
   | 'wordBreak'
   | 'wordSpacing'
+  | 'writingMode'
 
 export type TextStyle = CompositionStyleObject<TextStyleProperty>
 
@@ -79,17 +93,11 @@ export type TextStyles = Recursive<Token<TextStyle>>
  * Layer styles
  * -----------------------------------------------------------------------------*/
 
-type Placement =
-  | 'Top'
-  | 'Right'
-  | 'Bottom'
-  | 'Left'
-  | 'Inline'
-  | 'Block'
-  | 'InlineStart'
-  | 'InlineEnd'
-  | 'BlockStart'
-  | 'BlockEnd'
+type LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'
+
+type PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'
+
+type Placement = PhysicalPlacement | LogicalPlacement
 
 type Radius =
   | `Top${'Right' | 'Left'}`
@@ -98,20 +106,80 @@ type Radius =
   | `End${'Start' | 'End'}`
 
 type LayerStyleProperty =
+  | 'aspectRatio'
   | 'background'
   | 'backgroundColor'
   | 'backgroundImage'
-  | 'borderRadius'
   | 'border'
-  | 'borderWidth'
   | 'borderColor'
+  | 'borderImage'
+  | 'borderImageOutset'
+  | 'borderImageRepeat'
+  | 'borderImageSlice'
+  | 'borderImageSource'
+  | 'borderImageWidth'
+  | 'borderRadius'
   | 'borderStyle'
+  | 'borderWidth'
+  | `border${Placement}`
+  | `border${Placement}Color`
+  | `border${Placement}Style`
+  | `border${Placement}Width`
+  | 'borderRadius'
+  | `border${Radius}Radius`
   | 'boxShadow'
+  | 'boxShadowColor'
+  | 'clipPath'
+  | 'color'
+  | 'contain'
+  | 'content'
+  | 'contentVisibility'
+  | 'cursor'
+  | 'display'
   | 'filter'
   | 'backdropFilter'
-  | 'transform'
-  | 'color'
+  | 'height'
+  | 'width'
+  | 'minHeight'
+  | 'minWidth'
+  | 'maxHeight'
+  | 'maxWidth'
+  | `margin${Placement}`
+  | 'inset'
+  | `inset${LogicalPlacement}`
+  | Lowercase<PhysicalPlacement>
+  | 'isolation'
+  | 'mask'
+  | 'maskClip'
+  | 'maskComposite'
+  | 'maskImage'
+  | 'maskMode'
+  | 'maskOrigin'
+  | 'maskPosition'
+  | 'maskRepeat'
+  | 'maskSize'
+  | 'mixBlendMode'
+  | 'objectFit'
+  | 'objectPosition'
   | 'opacity'
+  | 'outline'
+  | 'outlineColor'
+  | 'outlineOffset'
+  | 'outlineStyle'
+  | 'outlineWidth'
+  | 'overflow'
+  | 'overflowX'
+  | 'overflowY'
+  | 'padding'
+  | `padding${Placement}`
+  | 'pointerEvents'
+  | 'position'
+  | 'resize'
+  | 'transform'
+  | 'transition'
+  | 'visibility'
+  | 'willChange'
+  | 'zIndex'
   | 'backgroundBlendMode'
   | 'backgroundAttachment'
   | 'backgroundClip'
@@ -119,14 +187,6 @@ type LayerStyleProperty =
   | 'backgroundPosition'
   | 'backgroundRepeat'
   | 'backgroundSize'
-  | `border${Placement}`
-  | `border${Placement}Width`
-  | 'borderRadius'
-  | `border${Radius}Radius`
-  | `border${Placement}Color`
-  | `border${Placement}Style`
-  | 'padding'
-  | `padding${Placement}`
 
 export type LayerStyle = CompositionStyleObject<LayerStyleProperty>