import { ConditionalValue, RequiredConditionalValue } from '@vanilla-extract/sprinkles' import { breakpointNames, BreakpointNames } from '../breakpoints' declare const responsiveAtomicProperties: { conditions: { defaultCondition: 'mobile' conditionNames: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } } styles: { readonly display: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } block: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inline: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineBlock: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineFlex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly position: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { fixed: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } absolute: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } relative: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly borderRadius: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } half: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly lineHeight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly height: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly width: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly minWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly maxWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly rowGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly columnGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly alignItems: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly justifyContent: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceBetween: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceAround: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceEvenly: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexDirection: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { column: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } row: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } rowReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } columnReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexWrap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { nowrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } wrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexShrink: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexGrow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flex: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly textAlign: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } left: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } right: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly boxShadow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-0': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-1': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly fontSize: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.563: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.875: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.125: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.375: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } } } & { styles: { padding: { mappings: ('paddingBottom' | 'paddingTop' | 'paddingLeft' | 'paddingRight')[] } paddingY: { mappings: ('paddingBottom' | 'paddingTop')[] } paddingX: { mappings: ('paddingLeft' | 'paddingRight')[] } margin: { mappings: ('marginBottom' | 'marginTop' | 'marginLeft' | 'marginRight')[] } marginY: { mappings: ('marginBottom' | 'marginTop')[] } marginX: { mappings: ('marginLeft' | 'marginRight')[] } gap: { mappings: ('rowGap' | 'columnGap')[] } } } export declare const sprinkles: import('@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles').SprinklesFn< [ { conditions: never styles: { readonly overflow: { values: { auto: { defaultClass: string } hidden: { defaultClass: string } visible: { defaultClass: string } scroll: { defaultClass: string } } } readonly overflowX: { values: { auto: { defaultClass: string } hidden: { defaultClass: string } visible: { defaultClass: string } scroll: { defaultClass: string } } } readonly overflowWrap: { values: { normal: { defaultClass: string } anywhere: { defaultClass: string } breakWord: { defaultClass: string } } } readonly userSelect: { values: { none: { defaultClass: string } } } readonly outline: { values: { none: { defaultClass: string } } } readonly opacity: { values: { 0: { defaultClass: string } } } readonly zIndex: { values: { 0: { defaultClass: string } 1: { defaultClass: string } 2: { defaultClass: string } } } readonly cursor: { values: { auto: { defaultClass: string } grab: { defaultClass: string } pointer: { defaultClass: string } notAllowed: { defaultClass: string } } } readonly pointerEvents: { values: { none: { defaultClass: string } } } readonly top: { values: { 0: { defaultClass: string } } } readonly bottom: { values: { 0: { defaultClass: string } } } readonly left: { values: { 0: { defaultClass: string } } } readonly right: { values: { 0: { defaultClass: string } } } readonly transition: { values: { medium: { defaultClass: string } fast: { defaultClass: string } } } readonly textTransform: { values: { none: { defaultClass: string } capitalize: { defaultClass: string } lowercase: { defaultClass: string } uppercase: { defaultClass: string } } } readonly fontWeight: { values: { normal: { defaultClass: string } medium: { defaultClass: string } bold: { defaultClass: string } } } readonly fontFamily: { values: { alt: { defaultClass: string } std: { defaultClass: string } } } readonly textDecoration: { values: { overline: { defaultClass: string } underline: { defaultClass: string } lineThrough: { defaultClass: string } } } readonly fontStyle: { values: { normal: { defaultClass: string } italic: { defaultClass: string } oblique: { defaultClass: string } } } readonly letterSpacing: { values: { m: { defaultClass: string } s: { defaultClass: string } l: { defaultClass: string } } } readonly whiteSpace: { values: { normal: { defaultClass: string } nowrap: { defaultClass: string } breakSpaces: { defaultClass: string } } } readonly textOverflow: { values: { ellipsis: { defaultClass: string } } } } }, { conditions: { defaultCondition: 'mobile' conditionNames: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } } styles: { readonly display: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } block: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inline: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineBlock: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineFlex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly position: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { fixed: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } absolute: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } relative: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly borderRadius: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } half: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly lineHeight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly height: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly width: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly minWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly maxWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly rowGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly columnGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly alignItems: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly justifyContent: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceBetween: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceAround: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceEvenly: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexDirection: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { column: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } row: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } rowReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } columnReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexWrap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { nowrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } wrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexShrink: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexGrow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flex: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly textAlign: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } left: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } right: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly boxShadow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-0': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-1': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly fontSize: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.563: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.875: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.125: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.375: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } } } & { styles: { padding: { mappings: ('paddingBottom' | 'paddingTop' | 'paddingLeft' | 'paddingRight')[] } paddingY: { mappings: ('paddingBottom' | 'paddingTop')[] } paddingX: { mappings: ('paddingLeft' | 'paddingRight')[] } margin: { mappings: ('marginBottom' | 'marginTop' | 'marginLeft' | 'marginRight')[] } marginY: { mappings: ('marginBottom' | 'marginTop')[] } marginX: { mappings: ('marginLeft' | 'marginRight')[] } gap: { mappings: ('rowGap' | 'columnGap')[] } } } ] > export declare type OptionalResponsiveValue = ConditionalValue< typeof responsiveAtomicProperties, Value > export declare type RequiredResponsiveValue = RequiredConditionalValue< typeof responsiveAtomicProperties, Value > export declare type RequiredResponsiveObject = Partial> & Record export declare const normalizeResponsiveValue: ( value: ConditionalValue< { conditions: { defaultCondition: 'mobile' conditionNames: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } } styles: { readonly display: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } block: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inline: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineBlock: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineFlex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly position: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { fixed: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } absolute: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } relative: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly borderRadius: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } half: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly lineHeight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly height: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly width: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly minWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly maxWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly rowGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly columnGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly alignItems: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly justifyContent: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceBetween: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceAround: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceEvenly: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexDirection: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { column: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } row: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } rowReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } columnReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexWrap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { nowrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } wrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexShrink: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexGrow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flex: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly textAlign: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } left: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } right: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly boxShadow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-0': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-1': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly fontSize: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.563: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.875: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.125: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.375: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } } } & { styles: { padding: { mappings: ('paddingBottom' | 'paddingTop' | 'paddingLeft' | 'paddingRight')[] } paddingY: { mappings: ('paddingBottom' | 'paddingTop')[] } paddingX: { mappings: ('paddingLeft' | 'paddingRight')[] } margin: { mappings: ('marginBottom' | 'marginTop' | 'marginLeft' | 'marginRight')[] } marginY: { mappings: ('marginBottom' | 'marginTop')[] } marginX: { mappings: ('marginLeft' | 'marginRight')[] } gap: { mappings: ('rowGap' | 'columnGap')[] } } }, Value > ) => Partial> export declare const mapResponsiveValue: < OutputValue extends string | number | boolean | null | undefined, Value extends ConditionalValue< { conditions: { defaultCondition: 'mobile' conditionNames: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } } styles: { readonly display: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } block: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inline: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineBlock: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } inlineFlex: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly position: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { fixed: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } absolute: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } relative: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly borderRadius: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } half: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly lineHeight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly height: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly width: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly minWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly maxWidth: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { content: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/2': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/3': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/4': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '2/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '4/5': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/6': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '1/7': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } full: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly rowGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly columnGap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly paddingLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginTop: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginBottom: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginRight: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly marginLeft: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { m: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } s: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xs': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xs: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } l: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } xxl: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } '3xl': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly alignItems: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly justifyContent: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexStart: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } flexEnd: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceBetween: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceAround: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } spaceEvenly: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexDirection: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { column: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } row: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } rowReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } columnReverse: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexWrap: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { nowrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } wrap: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexShrink: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flexGrow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly flex: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 0: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly textAlign: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { center: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } left: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } right: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly boxShadow: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { none: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-0': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 'drop-1': { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } readonly fontSize: { responsiveArray: ('mobile' | 'mobileXl' | 'tablet' | 'desktop')[] & { length: 4 } values: { 1: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.563: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 0.875: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.125: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 1.375: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.25: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 2.75: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } 3.5: { defaultClass: string conditions: { mobile: string mobileXl: string tablet: string desktop: string } } } } } } & { styles: { padding: { mappings: ('paddingBottom' | 'paddingTop' | 'paddingLeft' | 'paddingRight')[] } paddingY: { mappings: ('paddingBottom' | 'paddingTop')[] } paddingX: { mappings: ('paddingLeft' | 'paddingRight')[] } margin: { mappings: ('marginBottom' | 'marginTop' | 'marginLeft' | 'marginRight')[] } marginY: { mappings: ('marginBottom' | 'marginTop')[] } marginX: { mappings: ('marginLeft' | 'marginRight')[] } gap: { mappings: ('rowGap' | 'columnGap')[] } } }, string | number | boolean > >( value: Value, fn: ( inputValue: Value extends | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1, string | number | boolean | null > | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1 | 2, string | number | boolean | null > | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1 | 2 | 3, string | number | boolean | null > | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1 | 2 | 4 | 3, string | number | boolean | null > | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1 | 2 | 4 | 3 | 5, string | number | boolean | null > | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1 | 2 | 4 | 3 | 6 | 5, string | number | boolean | null > | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1 | 2 | 4 | 3 | 6 | 5 | 7, string | number | boolean | null > | import('@vanilla-extract/sprinkles/dist/declarations/src/types').ResponsiveArray< 1 | 2 | 4 | 3 | 6 | 8 | 5 | 7, string | number | boolean | null > ? NonNullable : Value extends Partial> ? NonNullable : Value, key: 'mobile' | 'mobileXl' | 'tablet' | 'desktop' ) => OutputValue ) => Value extends string | number | boolean ? OutputValue : Partial> export {}