@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.1

package/dist/src/patterns/Shadow/meta/Thumbnail.d.ts

@@ -0,0 +1,2 @@
+declare const Thumbnail: () => import("react/jsx-runtime").JSX.Element;
+export default Thumbnail;

package/dist/src/patterns/Shadow/meta/index.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    heading: string;
+    href: string;
+    tags: string[];
+    Thumbnail: import('react').LazyExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+};
+export default _default;

package/dist/src/styled-system/jsx/create-style-context.d.ts

@@ -0,0 +1,47 @@
+/* eslint-disable */
+import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
+import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
+import type { JsxFactoryOptions } from '../types/jsx';
+import type { ComponentType, ElementType, ComponentPropsWithoutRef, ElementRef, Ref } from 'react'
+
+interface UnstyledProps {
+  unstyled?: boolean
+}
+
+type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
+interface SlotRecipeFn {
+  __type: any
+  __slot: string
+  (props?: any): any
+}
+type SlotRecipe = SvaFn | SlotRecipeFn
+
+type InferSlot<R extends SlotRecipe> = R extends SlotRecipeFn ? R['__slot'] : R extends SvaFn<infer S> ? S : never
+
+type ComponentProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'ref'> & {
+  ref?: Ref<ElementRef<T>>
+}
+
+type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
+>
+
+type StyleContextConsumer<T extends ElementType> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
+>
+
+export interface StyleContext<R extends SlotRecipe> {
+  withRootProvider: <T extends ElementType>(Component: T) => StyleContextProvider<T, R>
+  withProvider: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>>
+  ) => StyleContextProvider<T, R>
+  withContext: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>>
+  ) => StyleContextConsumer<T>
+}
+
+export declare function createStyleContext<R extends SlotRecipe>(recipe: R): StyleContext<R>

package/dist/src/styled-system/jsx/index.d.ts

@@ -1,6 +1,7 @@
 /* eslint-disable */
 export * from './factory';
 export * from './is-valid-prop';
+export * from './create-style-context';
 export * from './box';
 export * from './flex';
 export * from './stack';

package/dist/src/styled-system/patterns/aspect-ratio.d.ts

@@ -9,7 +9,6 @@ export interface AspectRatioProperties {
    ratio?: ConditionalValue<number>
 }
 
-
 interface AspectRatioStyles extends AspectRatioProperties, DistributiveOmit<SystemStyleObject, keyof AspectRatioProperties | 'aspectRatio'> {}
 
 interface AspectRatioPatternFn {

package/dist/src/styled-system/patterns/bleed.d.ts

@@ -10,7 +10,6 @@ export interface BleedProperties {
 	block?: SystemProperties["marginBlock"]
 }
 
-
 interface BleedStyles extends BleedProperties, DistributiveOmit<SystemStyleObject, keyof BleedProperties > {}
 
 interface BleedPatternFn {

package/dist/src/styled-system/patterns/box.d.ts

@@ -9,7 +9,6 @@ export interface BoxProperties {
    
 }
 
-
 interface BoxStyles extends BoxProperties, DistributiveOmit<SystemStyleObject, keyof BoxProperties > {}
 
 interface BoxPatternFn {

package/dist/src/styled-system/patterns/center.d.ts

@@ -9,7 +9,6 @@ export interface CenterProperties {
    inline?: ConditionalValue<boolean>
 }
 
-
 interface CenterStyles extends CenterProperties, DistributiveOmit<SystemStyleObject, keyof CenterProperties > {}
 
 interface CenterPatternFn {

package/dist/src/styled-system/patterns/circle.d.ts

@@ -9,7 +9,6 @@ export interface CircleProperties {
    size?: SystemProperties["width"]
 }
 
-
 interface CircleStyles extends CircleProperties, DistributiveOmit<SystemStyleObject, keyof CircleProperties > {}
 
 interface CirclePatternFn {

package/dist/src/styled-system/patterns/container.d.ts

@@ -9,7 +9,6 @@ export interface ContainerProperties {
    
 }
 
-
 interface ContainerStyles extends ContainerProperties, DistributiveOmit<SystemStyleObject, keyof ContainerProperties > {}
 
 interface ContainerPatternFn {

package/dist/src/styled-system/patterns/cq.d.ts

@@ -10,7 +10,6 @@ export interface CqProperties {
 	type?: SystemProperties["containerType"]
 }
 
-
 interface CqStyles extends CqProperties, DistributiveOmit<SystemStyleObject, keyof CqProperties > {}
 
 interface CqPatternFn {

package/dist/src/styled-system/patterns/divider.d.ts

@@ -11,7 +11,6 @@ export interface DividerProperties {
 	color?: ConditionalValue<Tokens["colors"] | Properties["borderColor"]>
 }
 
-
 interface DividerStyles extends DividerProperties, DistributiveOmit<SystemStyleObject, keyof DividerProperties > {}
 
 interface DividerPatternFn {

package/dist/src/styled-system/patterns/flex.d.ts

@@ -15,7 +15,6 @@ export interface FlexProperties {
 	shrink?: SystemProperties["flexShrink"]
 }
 
-
 interface FlexStyles extends FlexProperties, DistributiveOmit<SystemStyleObject, keyof FlexProperties > {}
 
 interface FlexPatternFn {

package/dist/src/styled-system/patterns/float.d.ts

@@ -12,7 +12,6 @@ export interface FloatProperties {
 	placement?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start">
 }
 
-
 interface FloatStyles extends FloatProperties, DistributiveOmit<SystemStyleObject, keyof FloatProperties > {}
 
 interface FloatPatternFn {

package/dist/src/styled-system/patterns/grid-item.d.ts

@@ -14,7 +14,6 @@ export interface GridItemProperties {
 	rowEnd?: ConditionalValue<number>
 }
 
-
 interface GridItemStyles extends GridItemProperties, DistributiveOmit<SystemStyleObject, keyof GridItemProperties > {}
 
 interface GridItemPatternFn {

package/dist/src/styled-system/patterns/grid.d.ts

@@ -13,7 +13,6 @@ export interface GridProperties {
 	minChildWidth?: ConditionalValue<Tokens["sizes"] | Properties["width"]>
 }
 
-
 interface GridStyles extends GridProperties, DistributiveOmit<SystemStyleObject, keyof GridProperties > {}
 
 interface GridPatternFn {

package/dist/src/styled-system/patterns/hstack.d.ts

@@ -10,7 +10,6 @@ export interface HstackProperties {
 	gap?: SystemProperties["gap"]
 }
 
-
 interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
 
 interface HstackPatternFn {

package/dist/src/styled-system/patterns/link-overlay.d.ts

@@ -9,7 +9,6 @@ export interface LinkOverlayProperties {
    
 }
 
-
 interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties > {}
 
 interface LinkOverlayPatternFn {

package/dist/src/styled-system/patterns/spacer.d.ts

@@ -9,7 +9,6 @@ export interface SpacerProperties {
    size?: ConditionalValue<Tokens["spacing"]>
 }
 
-
 interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
 
 interface SpacerPatternFn {

package/dist/src/styled-system/patterns/square.d.ts

@@ -9,7 +9,6 @@ export interface SquareProperties {
    size?: SystemProperties["width"]
 }
 
-
 interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
 
 interface SquarePatternFn {

package/dist/src/styled-system/patterns/stack.d.ts

@@ -12,7 +12,6 @@ export interface StackProperties {
 	gap?: SystemProperties["gap"]
 }
 
-
 interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
 
 interface StackPatternFn {

package/dist/src/styled-system/patterns/visually-hidden.d.ts

@@ -9,7 +9,6 @@ export interface VisuallyHiddenProperties {
    
 }
 
-
 interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties > {}
 
 interface VisuallyHiddenPatternFn {

package/dist/src/styled-system/patterns/vstack.d.ts

@@ -10,7 +10,6 @@ export interface VstackProperties {
 	gap?: SystemProperties["gap"]
 }
 
-
 interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
 
 interface VstackPatternFn {

package/dist/src/styled-system/patterns/wrap.d.ts

@@ -13,7 +13,6 @@ export interface WrapProperties {
 	justify?: SystemProperties["justifyContent"]
 }
 
-
 interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties > {}
 
 interface WrapPatternFn {

package/dist/src/styled-system/recipes/button.d.ts

@@ -16,13 +16,16 @@ type ButtonVariantMap = {
   [key in keyof ButtonVariant]: Array<ButtonVariant[key]>
 }
 
+type ButtonSlot = "root" | "prepend" | "append" | "spinner"
+
 export type ButtonVariantProps = {
   [key in keyof ButtonVariant]?: ButtonVariant[key] | undefined
 }
 
 export interface ButtonRecipe {
+  __slot: ButtonSlot
   __type: ButtonVariantProps
-  (props?: ButtonVariantProps): Pretty<Record<"root" | "prepend" | "append" | "spinner", string>>
+  (props?: ButtonVariantProps): Pretty<Record<ButtonSlot, string>>
   raw: (props?: ButtonVariantProps) => ButtonVariantProps
   variantMap: ButtonVariantMap
   variantKeys: Array<keyof ButtonVariant>
@@ -32,7 +35,5 @@ export interface ButtonRecipe {
 
 /**
  * Button styles
-
-
  */
 export declare const button: ButtonRecipe

package/dist/src/styled-system/recipes/table.d.ts

@@ -28,13 +28,16 @@ type TableVariantMap = {
   [key in keyof TableVariant]: Array<TableVariant[key]>
 }
 
+type TableSlot = "root" | "table" | "caption" | "sortHeader" | "sortIcon" | "activator" | "rowGroupHeader"
+
 export type TableVariantProps = {
   [key in keyof TableVariant]?: ConditionalValue<TableVariant[key]> | undefined
 }
 
 export interface TableRecipe {
+  __slot: TableSlot
   __type: TableVariantProps
-  (props?: TableVariantProps): Pretty<Record<"root" | "table" | "caption" | "sortHeader" | "sortIcon" | "activator" | "rowGroupHeader", string>>
+  (props?: TableVariantProps): Pretty<Record<TableSlot, string>>
   raw: (props?: TableVariantProps) => TableVariantProps
   variantMap: TableVariantMap
   variantKeys: Array<keyof TableVariant>

package/dist/src/styled-system/recipes/text.d.ts

@@ -13,11 +13,14 @@ type TextVariantMap = {
   [key in keyof TextVariant]: Array<TextVariant[key]>
 }
 
+
+
 export type TextVariantProps = {
   [key in keyof TextVariant]?: TextVariant[key] | undefined
 }
 
 export interface TextRecipe {
+  
   __type: TextVariantProps
   (props?: TextVariantProps): string
   raw: (props?: TextVariantProps) => TextVariantProps
@@ -29,7 +32,5 @@ export interface TextRecipe {
 
 /**
  * The styles for an element that displays text based on the design system guidelines.
-
-
  */
 export declare const text: TextRecipe

package/dist/src/styled-system/tokens/tokens.d.ts

@@ -1,17 +1,17 @@
 /* eslint-disable */
-export type Token = "borders.alert" | "borders.divider" | "borders.input" | "borders.placeholder" | "borders.hover" | "borders.table" | "colors.colour.primary.fill" | "colors.colour.primary.fillHover" | "colors.colour.primary.onFill" | "colors.colour.primary.surface" | "colors.colour.primary.surfaceHover" | "colors.colour.primary.text" | "colors.colour.neutral.10" | "colors.colour.neutral.20" | "colors.colour.neutral.30" | "colors.colour.neutral.40" | "colors.colour.neutral.50" | "colors.colour.neutral.60" | "colors.colour.neutral.70" | "colors.colour.neutral.80" | "colors.colour.accent.brand" | "colors.colour.system.success.fill" | "colors.colour.system.success.fillHover" | "colors.colour.system.success.onFill" | "colors.colour.system.success.surface" | "colors.colour.system.success.surfaceHover" | "colors.colour.system.success.text" | "colors.colour.system.danger.fill" | "colors.colour.system.danger.fillHover" | "colors.colour.system.danger.onFill" | "colors.colour.system.danger.surface" | "colors.colour.system.danger.surfaceHover" | "colors.colour.system.danger.text" | "colors.colour.system.warning.fill" | "colors.colour.system.warning.onFill" | "colors.colour.system.warning.surface" | "colors.colour.system.warning.text" | "colors.colour.system.info.fill" | "colors.colour.system.info.onFill" | "colors.colour.system.info.surface" | "colors.colour.system.info.text" | "colors.colour.system.backdrop.fill" | "colors.transparent" | "colors.alt" | "radii.radius.000" | "radii.radius.025" | "radii.radius.050" | "radii.radius.075" | "radii.radius.100" | "radii.radius.system.badge" | "radii.radius.system.button" | "radii.radius.system.form" | "radii.radius.system.layout" | "radii.none" | "sizes.container.xs" | "sizes.container.sm" | "sizes.container.md" | "sizes.container.lg" | "sizes.container.xl" | "sizes.container.xxl" | "sizes.input.2" | "sizes.input.4" | "sizes.input.6" | "sizes.input.8" | "sizes.input.10" | "sizes.input.12" | "sizes.input.16" | "sizes.input.25perc" | "sizes.input.50perc" | "sizes.input.75perc" | "sizes.input.100perc" | "sizes.overlay.sm" | "sizes.overlay.md" | "sizes.overlay.lg" | "sizes.chevron.select" | "sizes.chevron.table" | "sizes.input.height" | "sizes.progress.height" | "sizes.slider.track" | "sizes.slider.thumb" | "sizes.slider.tick" | "sizes.toggle.width" | "sizes.toggle.thumb" | "sizes.typography.base" | "sizes.breakpoint-xs" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-xxl" | "spacing.spacing.000" | "spacing.spacing.050" | "spacing.spacing.100" | "spacing.spacing.150" | "spacing.spacing.200" | "spacing.spacing.250" | "spacing.spacing.300" | "spacing.spacing.350" | "spacing.spacing.400" | "spacing.spacing.500" | "spacing.spacing.600" | "spacing.spacing.700" | "spacing.spacing.800" | "spacing.spacing.900" | "spacing.spacing.1000" | "spacing.spacing.1200" | "spacing.none" | "spacing.xs" | "spacing.sm" | "spacing.md" | "spacing.lg" | "spacing.xl" | "spacing.field.footer" | "spacing.slider.tick" | "zIndex.100" | "zIndex.200" | "zIndex.300" | "zIndex.400" | "zIndex.500" | "zIndex.600" | "zIndex.000" | "breakpoints.xs" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.xxl" | "spacing.-spacing.000" | "spacing.-spacing.050" | "spacing.-spacing.100" | "spacing.-spacing.150" | "spacing.-spacing.200" | "spacing.-spacing.250" | "spacing.-spacing.300" | "spacing.-spacing.350" | "spacing.-spacing.400" | "spacing.-spacing.500" | "spacing.-spacing.600" | "spacing.-spacing.700" | "spacing.-spacing.800" | "spacing.-spacing.900" | "spacing.-spacing.1000" | "spacing.-spacing.1200" | "spacing.-none" | "spacing.-xs" | "spacing.-sm" | "spacing.-md" | "spacing.-lg" | "spacing.-xl" | "spacing.-field.footer" | "spacing.-slider.tick" | "colors.colorPalette"
+export type Token = `borders.${BorderToken}` | `colors.${ColorToken}` | `radii.${RadiusToken}` | `sizes.${SizeToken}` | `spacing.${SpacingToken}` | `zIndex.${ZIndexToken}` | `breakpoints.${BreakpointToken}`
 
-export type ColorPalette = "colour.primary.fill" | "colour.primary.fillHover" | "colour.primary.onFill" | "colour.primary.surface" | "colour.primary.surfaceHover" | "colour.primary.text" | "colour.neutral.10" | "colour.neutral.20" | "colour.neutral.30" | "colour.neutral.40" | "colour.neutral.50" | "colour.neutral.60" | "colour.neutral.70" | "colour.neutral.80" | "colour.accent.brand" | "colour.system.success.fill" | "colour.system.success.fillHover" | "colour.system.success.onFill" | "colour.system.success.surface" | "colour.system.success.surfaceHover" | "colour.system.success.text" | "colour.system.danger.fill" | "colour.system.danger.fillHover" | "colour.system.danger.onFill" | "colour.system.danger.surface" | "colour.system.danger.surfaceHover" | "colour.system.danger.text" | "colour.system.warning.fill" | "colour.system.warning.onFill" | "colour.system.warning.surface" | "colour.system.warning.text" | "colour.system.info.fill" | "colour.system.info.onFill" | "colour.system.info.surface" | "colour.system.info.text" | "colour.system.backdrop.fill" | "transparent" | "alt"
+export type ColorPalette = "colour.primary.fill" | "colour.primary.fillHover" | "colour.primary.onFill" | "colour.primary.surface" | "colour.primary.surfaceHover" | "colour.primary.text" | "colour.neutral.10" | "colour.neutral.20" | "colour.neutral.30" | "colour.neutral.40" | "colour.neutral.50" | "colour.neutral.60" | "colour.neutral.70" | "colour.neutral.80" | "colour.accent.brand" | "colour.system.success.fill" | "colour.system.success.fillHover" | "colour.system.success.onFill" | "colour.system.success.surface" | "colour.system.success.surfaceHover" | "colour.system.success.text" | "colour.system.danger.fill" | "colour.system.danger.fillHover" | "colour.system.danger.onFill" | "colour.system.danger.surface" | "colour.system.danger.surfaceHover" | "colour.system.danger.text" | "colour.system.warning.fill" | "colour.system.warning.onFill" | "colour.system.warning.surface" | "colour.system.warning.text" | "colour.system.info.fill" | "colour.system.info.onFill" | "colour.system.info.surface" | "colour.system.info.text" | "colour.system.backdrop.fill" | "transparent" | "page" | "alt" | "muted" | "text"
 
 export type BorderToken = "alert" | "divider" | "input" | "placeholder" | "hover" | "table"
 
-export type ColorToken = "colour.primary.fill" | "colour.primary.fillHover" | "colour.primary.onFill" | "colour.primary.surface" | "colour.primary.surfaceHover" | "colour.primary.text" | "colour.neutral.10" | "colour.neutral.20" | "colour.neutral.30" | "colour.neutral.40" | "colour.neutral.50" | "colour.neutral.60" | "colour.neutral.70" | "colour.neutral.80" | "colour.accent.brand" | "colour.system.success.fill" | "colour.system.success.fillHover" | "colour.system.success.onFill" | "colour.system.success.surface" | "colour.system.success.surfaceHover" | "colour.system.success.text" | "colour.system.danger.fill" | "colour.system.danger.fillHover" | "colour.system.danger.onFill" | "colour.system.danger.surface" | "colour.system.danger.surfaceHover" | "colour.system.danger.text" | "colour.system.warning.fill" | "colour.system.warning.onFill" | "colour.system.warning.surface" | "colour.system.warning.text" | "colour.system.info.fill" | "colour.system.info.onFill" | "colour.system.info.surface" | "colour.system.info.text" | "colour.system.backdrop.fill" | "transparent" | "alt" | "colorPalette"
+export type ColorToken = "colour.primary.fill" | "colour.primary.fillHover" | "colour.primary.onFill" | "colour.primary.surface" | "colour.primary.surfaceHover" | "colour.primary.text" | "colour.neutral.10" | "colour.neutral.20" | "colour.neutral.30" | "colour.neutral.40" | "colour.neutral.50" | "colour.neutral.60" | "colour.neutral.70" | "colour.neutral.80" | "colour.accent.brand" | "colour.system.success.fill" | "colour.system.success.fillHover" | "colour.system.success.onFill" | "colour.system.success.surface" | "colour.system.success.surfaceHover" | "colour.system.success.text" | "colour.system.danger.fill" | "colour.system.danger.fillHover" | "colour.system.danger.onFill" | "colour.system.danger.surface" | "colour.system.danger.surfaceHover" | "colour.system.danger.text" | "colour.system.warning.fill" | "colour.system.warning.onFill" | "colour.system.warning.surface" | "colour.system.warning.text" | "colour.system.info.fill" | "colour.system.info.onFill" | "colour.system.info.surface" | "colour.system.info.text" | "colour.system.backdrop.fill" | "transparent" | "page" | "alt" | "muted" | "text" | "colorPalette"
 
 export type RadiusToken = "radius.000" | "radius.025" | "radius.050" | "radius.075" | "radius.100" | "radius.system.badge" | "radius.system.button" | "radius.system.form" | "radius.system.layout" | "none"
 
 export type SizeToken = "container.xs" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "container.xxl" | "input.2" | "input.4" | "input.6" | "input.8" | "input.10" | "input.12" | "input.16" | "input.25perc" | "input.50perc" | "input.75perc" | "input.100perc" | "overlay.sm" | "overlay.md" | "overlay.lg" | "chevron.select" | "chevron.table" | "input.height" | "progress.height" | "slider.track" | "slider.thumb" | "slider.tick" | "toggle.width" | "toggle.thumb" | "typography.base" | "breakpoint-xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-xxl"
 
-export type SpacingToken = "spacing.000" | "spacing.050" | "spacing.100" | "spacing.150" | "spacing.200" | "spacing.250" | "spacing.300" | "spacing.350" | "spacing.400" | "spacing.500" | "spacing.600" | "spacing.700" | "spacing.800" | "spacing.900" | "spacing.1000" | "spacing.1200" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "field.footer" | "slider.tick" | "-spacing.000" | "-spacing.050" | "-spacing.100" | "-spacing.150" | "-spacing.200" | "-spacing.250" | "-spacing.300" | "-spacing.350" | "-spacing.400" | "-spacing.500" | "-spacing.600" | "-spacing.700" | "-spacing.800" | "-spacing.900" | "-spacing.1000" | "-spacing.1200" | "-none" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-field.footer" | "-slider.tick"
+export type SpacingToken = "spacing.000" | "spacing.050" | "spacing.100" | "spacing.150" | "spacing.200" | "spacing.250" | "spacing.300" | "spacing.350" | "spacing.400" | "spacing.500" | "spacing.600" | "spacing.700" | "spacing.800" | "spacing.900" | "spacing.1000" | "spacing.1200" | "none" | "xs" | "sm" | "md" | "lg" | "xl" | "field.footer" | "slider.tick" | "button.inline" | "button.block" | "-spacing.000" | "-spacing.050" | "-spacing.100" | "-spacing.150" | "-spacing.200" | "-spacing.250" | "-spacing.300" | "-spacing.350" | "-spacing.400" | "-spacing.500" | "-spacing.600" | "-spacing.700" | "-spacing.800" | "-spacing.900" | "-spacing.1000" | "-spacing.1200" | "-none" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-field.footer" | "-slider.tick" | "-button.inline" | "-button.block"
 
 export type ZIndexToken = "100" | "200" | "300" | "400" | "500" | "600" | "000"
 

package/dist/src/styled-system/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>
 

package/dist/src/styled-system/types/conditions.d.ts

@@ -10,7 +10,7 @@ export interface Conditions {
 	"_focusWithin": string
 	/** `&:is(:focus-visible, [data-focus-visible])` */
 	"_focusVisible": string
-	/** `&:is(:disabled, [disabled], [data-disabled])` */
+	/** `&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])` */
 	"_disabled": string
 	/** `&:is(:active, [data-active])` */
 	"_active": string
@@ -18,7 +18,7 @@ export interface Conditions {
 	"_visited": string
 	/** `&:target` */
 	"_target": string
-	/** `&:is(:read-only, [data-read-only])` */
+	/** `&:is(:read-only, [data-read-only], [aria-readonly=true])` */
 	"_readOnly": string
 	/** `&:read-write` */
 	"_readWrite": string
@@ -46,7 +46,7 @@ export interface Conditions {
 	"_firstLetter": string
 	/** `&::first-line` */
 	"_firstLine": string
-	/** `&::marker` */
+	/** `&:is(::marker, ::-webkit-details-marker)` */
 	"_marker": string
 	/** `&::selection` */
 	"_selection": string
@@ -80,7 +80,7 @@ export interface Conditions {
 	"_peerFocusWithin": string
 	/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
 	"_peerFocusVisible": string
-	/** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */
+	/** `.peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ &` */
 	"_peerDisabled": string
 	/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */
 	"_peerChecked": string
@@ -100,13 +100,13 @@ export interface Conditions {
 	"_groupFocusWithin": string
 	/** `.group:is(:focus-visible, [data-focus-visible]) &` */
 	"_groupFocusVisible": string
-	/** `.group:is(:disabled, [disabled], [data-disabled]) &` */
+	/** `.group:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) &` */
 	"_groupDisabled": string
 	/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */
 	"_groupChecked": string
 	/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
 	"_groupExpanded": string
-	/** `.group:is(:invalid, [data-invalid]) &` */
+	/** `.group:is(:invalid, [data-invalid], [aria-invalid=true]) &` */
 	"_groupInvalid": string
 	/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */
 	"_indeterminate": string
@@ -114,7 +114,7 @@ export interface Conditions {
 	"_required": string
 	/** `&:is(:valid, [data-valid])` */
 	"_valid": string
-	/** `&:is(:invalid, [data-invalid])` */
+	/** `&:is(:invalid, [data-invalid], [aria-invalid=true])` */
 	"_invalid": string
 	/** `&:autofill` */
 	"_autofill": string
@@ -142,7 +142,7 @@ export interface Conditions {
 	"_default": string
 	/** `&:optional` */
 	"_optional": string
-	/** `&:is([open], [data-open], [data-state="open"])` */
+	/** `&:is([open], [data-open], [data-state="open"], :popover-open)` */
 	"_open": string
 	/** `&:is([closed], [data-closed], [data-state="closed"])` */
 	"_closed": string
@@ -194,9 +194,9 @@ export interface Conditions {
 	"_lessContrast": string
 	/** `@media (prefers-contrast: more)` */
 	"_moreContrast": string
-	/** `[dir=ltr] &` */
+	/** `:where([dir=ltr], :dir(ltr)) &` */
 	"_ltr": string
-	/** `[dir=rtl] &` */
+	/** `:where([dir=rtl], :dir(rtl)) &` */
 	"_rtl": string
 	/** `&::-webkit-scrollbar` */
 	"_scrollbar": string
@@ -212,6 +212,10 @@ export interface Conditions {
 	"_icon": string
 	/** `@starting-style` */
 	"_starting": string
+	/** `@media (scripting: none)` */
+	"_noscript": string
+	/** `@media (inverted-colors: inverted)` */
+	"_invertedColors": string
 	/** `& .iress-form-element:not(& .iress-form-element .iress-form-element), & .iress-form-element__inner:not(& .iress-form-element .iress-form-element)` */
 	"_nestedFormElements": string
 	/** `& .iress-form-label:not(.sr_true)` */
@@ -244,7 +248,7 @@ export interface Conditions {
 	"_mozRangeTrack": string
 	/** `& > h1, & > h2, & > h3, & > h4, & > h5, & > h6` */
 	"_directNestedHeadings": string
-	/** `& + h1, & + h2, & + h3, & + h4, & + h5, & + h6` */
+	/** `& + h1:not(.ids-text), & + h2:not(.ids-text), & + h3:not(.ids-text), & + h4:not(.ids-text), & + h5:not(.ids-text), & + h6:not(.ids-text)` */
 	"_siblingHeadings": string
 	/** `& h1:not(.ids-text), & h2:not(.ids-text), & h3:not(.ids-text), & h4:not(.ids-text), & h5:not(.ids-text), & h6:not(.ids-text)` */
 	"_nestedHeadings": string