@windijs/utilities
Version:
@windijs/utilities
1,748 lines • 241 kB
TypeScript
import { CSSObject, StyleObject, StyleObjectBase, CSSMap, UtilityMeta, ColorStyleObject, CSSLength, CSSDimensionObject, CSSAngle, CSSAngleType, CSSLengthPercentage } from "@windijs/helpers";
import { buildLinearGradient, buildTransition } from "@windijs/core";
type Inject<A, B> = B extends object ? B : A;
export declare const animate: Inject<{
none: StyleObject<{}>;
spin: StyleObject<{}>;
ping: StyleObject<{}>;
pulse: StyleObject<{}>;
bounce: StyleObject<{}>;
shock: StyleObject<{}>;
flash: StyleObject<{}>;
bubble: StyleObject<{}>;
rubberBand: StyleObject<{}>;
shakeX: StyleObject<{}>;
shakeY: StyleObject<{}>;
headShake: StyleObject<{}>;
swing: StyleObject<{}>;
tada: StyleObject<{}>;
wobble: StyleObject<{}>;
jello: StyleObject<{}>;
heartBeat: StyleObject<{}>;
hinge: StyleObject<{}>;
jackIn: StyleObject<{}>;
lightSpeedInLeft: StyleObject<{}>;
lightSpeedInRight: StyleObject<{}>;
lightSpeedOutLeft: StyleObject<{}>;
lightSpeedOutRight: StyleObject<{}>;
flip: StyleObject<{}>;
flipInX: StyleObject<{}>;
flipInY: StyleObject<{}>;
flipOutX: StyleObject<{}>;
flipOutY: StyleObject<{}>;
rotateIn: StyleObject<{}>;
rotateInDownLeft: StyleObject<{}>;
rotateInDownRight: StyleObject<{}>;
rotateInUpLeft: StyleObject<{}>;
rotateInUpRight: StyleObject<{}>;
rotateOut: StyleObject<{}>;
rotateOutDownLeft: StyleObject<{}>;
rotateOutDownRight: StyleObject<{}>;
rotateOutUpLeft: StyleObject<{}>;
rotateOutUpRight: StyleObject<{}>;
rollIn: StyleObject<{}>;
rollOut: StyleObject<{}>;
zoomIn: StyleObject<{}>;
zoomInDown: StyleObject<{}>;
zoomInLeft: StyleObject<{}>;
zoomInRight: StyleObject<{}>;
zoomInUp: StyleObject<{}>;
bounceIn: StyleObject<{}>;
bounceInDown: StyleObject<{}>;
bounceInLeft: StyleObject<{}>;
bounceInRight: StyleObject<{}>;
bounceInUp: StyleObject<{}>;
bounceOut: StyleObject<{}>;
bounceOutDown: StyleObject<{}>;
bounceOutLeft: StyleObject<{}>;
bounceOutRight: StyleObject<{}>;
bounceOutUp: StyleObject<{}>;
zoomOut: StyleObject<{}>;
zoomOutDown: StyleObject<{}>;
zoomOutLeft: StyleObject<{}>;
zoomOutRight: StyleObject<{}>;
zoomOutUp: StyleObject<{}>;
slideInDown: StyleObject<{}>;
slideInLeft: StyleObject<{}>;
slideInRight: StyleObject<{}>;
slideInUp: StyleObject<{}>;
slideOutDown: StyleObject<{}>;
slideOutLeft: StyleObject<{}>;
slideOutRight: StyleObject<{}>;
slideOutUp: StyleObject<{}>;
fadeIn: StyleObject<{}>;
fadeInDown: StyleObject<{}>;
fadeInDownBig: StyleObject<{}>;
fadeInLeft: StyleObject<{}>;
fadeInLeftBig: StyleObject<{}>;
fadeInRight: StyleObject<{}>;
fadeInRightBig: StyleObject<{}>;
fadeInUp: StyleObject<{}>;
fadeInUpBig: StyleObject<{}>;
fadeInTopLeft: StyleObject<{}>;
fadeInTopRight: StyleObject<{}>;
fadeInBottomLeft: StyleObject<{}>;
fadeInBottomRight: StyleObject<{}>;
fadeOut: StyleObject<{}>;
fadeOutDown: StyleObject<{}>;
fadeOutDownBig: StyleObject<{}>;
fadeOutLeft: StyleObject<{}>;
fadeOutLeftBig: StyleObject<{}>;
fadeOutRight: StyleObject<{}>;
fadeOutRightBig: StyleObject<{}>;
fadeOutUp: StyleObject<{}>;
fadeOutUpBig: StyleObject<{}>;
backInUp: StyleObject<{}>;
backInDown: StyleObject<{}>;
backInLeft: StyleObject<{}>;
backInRight: StyleObject<{}>;
backOutUp: StyleObject<{}>;
backOutDown: StyleObject<{}>;
backOutLeft: StyleObject<{}>;
backOutRight: StyleObject<{}>;
}, "$windi.config.animationConfig.proxy">;
export declare const aspect: {
none: StyleObject<{}>;
w: Record<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 36 | 0.5 | 44 | 48 | 64 | 60 | 96 | 1.5 | 2.5 | 3.5 | 32 | 40 | 52 | 56 | 72 | 80, StyleObject<{}>> & Record<number, StyleObject<{}>>;
h: Record<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 36 | 0.5 | 44 | 48 | 64 | 60 | 96 | 1.5 | 2.5 | 3.5 | 32 | 40 | 52 | 56 | 72 | 80, StyleObject<{}>> & Record<number, StyleObject<{}>>;
} & Inject<{
auto: StyleObject<{}>;
square: StyleObject<{}>;
video: StyleObject<{}>;
}, "$windi.config.aspectRatioConfig.proxy"> & {
[key: string]: StyleObject<{}>;
};
export declare const auto: {
rows: Inject<{
auto: StyleObject<{}>;
min: StyleObject<{}>;
max: StyleObject<{}>;
fr: StyleObject<{}>;
}, "$windi.config.gridAutoRowsConfig.proxy">;
cols: Inject<{
auto: StyleObject<{}>;
min: StyleObject<{}>;
max: StyleObject<{}>;
fr: StyleObject<{}>;
}, "$windi.config.gridAutoColumnsConfig.proxy">;
};
export declare const backdrop: {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
blur: Inject<{
DEFAULT: StyleObject<{}>;
0: StyleObject<{}>;
sm: StyleObject<{}>;
md: StyleObject<{}>;
lg: StyleObject<{}>;
xl: StyleObject<{}>;
"2xl": StyleObject<{}>;
"3xl": StyleObject<{}>;
} & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
}, "$windi.config.blurConfig.proxy">;
brightness: Inject<{
0: StyleObject<{}>;
30: StyleObject<{}>;
45: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
75: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
105: StyleObject<{}>;
110: StyleObject<{}>;
125: StyleObject<{}>;
150: StyleObject<{}>;
}, "$windi.config.brightnessConfig.proxy">;
contrast: Inject<{
0: StyleObject<{}>;
30: StyleObject<{}>;
45: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
75: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
105: StyleObject<{}>;
110: StyleObject<{}>;
125: StyleObject<{}>;
150: StyleObject<{}>;
}, "$windi.config.contrastConfig.proxy">;
grayscale: Inject<{
0: StyleObject<{}>;
5: StyleObject<{}>;
10: StyleObject<{}>;
20: StyleObject<{}>;
25: StyleObject<{}>;
30: StyleObject<{}>;
40: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
70: StyleObject<{}>;
75: StyleObject<{}>;
80: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
DEFAULT: StyleObject<{}>;
} & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
}, "$windi.config.grayscaleConfig.proxy">;
hueRotate: Inject<{
[-180]: StyleObject<{}>;
[-160]: StyleObject<{}>;
[-145]: StyleObject<{}>;
[-120]: StyleObject<{}>;
[-90]: StyleObject<{}>;
[-60]: StyleObject<{}>;
[-45]: StyleObject<{}>;
[-30]: StyleObject<{}>;
[-15]: StyleObject<{}>;
[-12]: StyleObject<{}>;
[-6]: StyleObject<{}>;
[-3]: StyleObject<{}>;
[-2]: StyleObject<{}>;
[-1]: StyleObject<{}>;
0: StyleObject<{}>;
1: StyleObject<{}>;
2: StyleObject<{}>;
3: StyleObject<{}>;
6: StyleObject<{}>;
12: StyleObject<{}>;
15: StyleObject<{}>;
30: StyleObject<{}>;
45: StyleObject<{}>;
60: StyleObject<{}>;
90: StyleObject<{}>;
120: StyleObject<{}>;
145: StyleObject<{}>;
160: StyleObject<{}>;
180: StyleObject<{}>;
}, "$windi.config.hueRotateConfig.proxy">;
invert: Inject<{
0: StyleObject<{}>;
5: StyleObject<{}>;
10: StyleObject<{}>;
20: StyleObject<{}>;
25: StyleObject<{}>;
30: StyleObject<{}>;
40: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
70: StyleObject<{}>;
75: StyleObject<{}>;
80: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
DEFAULT: StyleObject<{}>;
} & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
}, "$windi.config.invertConfig.proxy">;
opacity: Inject<{
0: StyleObject<{}>;
5: StyleObject<{}>;
10: StyleObject<{}>;
20: StyleObject<{}>;
25: StyleObject<{}>;
30: StyleObject<{}>;
40: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
70: StyleObject<{}>;
75: StyleObject<{}>;
80: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
}, "$windi.config.opacityConfig.proxy">;
saturate: Inject<{
0: StyleObject<{}>;
30: StyleObject<{}>;
45: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
75: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
105: StyleObject<{}>;
110: StyleObject<{}>;
125: StyleObject<{}>;
150: StyleObject<{}>;
DEFAULT: StyleObject<{}>;
} & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
}, "$windi.config.saturateConfig.proxy">;
sepia: Inject<{
0: StyleObject<{}>;
5: StyleObject<{}>;
10: StyleObject<{}>;
20: StyleObject<{}>;
25: StyleObject<{}>;
30: StyleObject<{}>;
40: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
70: StyleObject<{}>;
75: StyleObject<{}>;
80: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
DEFAULT: StyleObject<{}>;
} & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
}, "$windi.config.sepiaConfig.proxy">;
} & ((...filters: (string | StyleObject<{}>)[]) => StyleObject<Record<string, unknown>>) & StyleObjectBase;
export declare const bg: {
clip: Inject<{
text: StyleObject<{}>;
border: StyleObject<{}>;
padding: StyleObject<{}>;
content: StyleObject<{}>;
}, "$windi.config.backgroundClipConfig.proxy">;
blend: Inject<{
normal: StyleObject<{}>;
multiply: StyleObject<{}>;
screen: StyleObject<{}>;
overlay: StyleObject<{}>;
darken: StyleObject<{}>;
lighten: StyleObject<{}>;
hardLight: StyleObject<{}>;
softLight: StyleObject<{}>;
difference: StyleObject<{}>;
exclusion: StyleObject<{}>;
hue: StyleObject<{}>;
saturation: StyleObject<{}>;
color: Omit<{
DEFAULT: StyleObject<{}>;
dodge: StyleObject<{}>;
burn: StyleObject<{}>;
}, "DEFAULT"> & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
};
luminosity: StyleObject<{}>;
}, "$windi.config.blendModeConfig.proxy">;
origin: Inject<{
border: StyleObject<{}>;
padding: StyleObject<{}>;
content: StyleObject<{}>;
}, "$windi.config.backgroundOriginConfig.proxy">;
opacity: Inject<{
0: StyleObject<{}>;
5: StyleObject<{}>;
10: StyleObject<{}>;
20: StyleObject<{}>;
25: StyleObject<{}>;
30: StyleObject<{}>;
40: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
70: StyleObject<{}>;
75: StyleObject<{}>;
80: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
}, "$windi.config.opacityConfig.proxy">;
gradient: typeof buildLinearGradient & Inject<{
to: Omit<{
t: StyleObject<{}>;
tr: StyleObject<{}>;
r: StyleObject<{}>;
br: StyleObject<{}>;
b: StyleObject<{}>;
bl: StyleObject<{}>;
l: StyleObject<{}>;
tl: StyleObject<{}>;
}, "DEFAULT">;
deg: Omit<{
0: StyleObject<{}>;
1: StyleObject<{}>;
2: StyleObject<{}>;
3: StyleObject<{}>;
6: StyleObject<{}>;
12: StyleObject<{}>;
15: StyleObject<{}>;
30: StyleObject<{}>;
45: StyleObject<{}>;
60: StyleObject<{}>;
90: StyleObject<{}>;
120: StyleObject<{}>;
145: StyleObject<{}>;
160: StyleObject<{}>;
180: StyleObject<{}>;
}, "DEFAULT">;
}, "$windi.config.gradientDirectionConfig.proxy"> & Inject<{
red: StyleObject<{}>;
orange: StyleObject<{}>;
yellow: StyleObject<{}>;
amber: StyleObject<{}>;
lime: StyleObject<{}>;
green: StyleObject<{}>;
mint: StyleObject<{}>;
teal: StyleObject<{}>;
cyan: StyleObject<{}>;
sky: StyleObject<{}>;
blue: StyleObject<{}>;
sea: StyleObject<{}>;
ocean: StyleObject<{}>;
indigo: StyleObject<{}>;
purple: StyleObject<{}>;
pink: StyleObject<{}>;
brown: StyleObject<{}>;
aqua: StyleObject<{}>;
peach: StyleObject<{}>;
mango: StyleObject<{}>;
blood: StyleObject<{}>;
gold: StyleObject<{}>;
gray: StyleObject<{}>;
ink: StyleObject<{}>;
snow: StyleObject<{}>;
bootstrap: StyleObject<{}>;
sunny: StyleObject<{}>;
winter: StyleObject<{}>;
azure: StyleObject<{}>;
beach: StyleObject<{}>;
fresh: StyleObject<{}>;
sunset: StyleObject<{}>;
fisher: StyleObject<{}>;
acid: StyleObject<{}>;
fog: StyleObject<{}>;
milk: StyleObject<{}>;
grass: StyleObject<{}>;
malinka: StyleObject<{}>;
morpheus: StyleObject<{}>;
desert: StyleObject<{}>;
warm: StyleObject<{}>;
warmth: StyleObject<{}>;
spring: StyleObject<{}>;
wild: StyleObject<{}>;
pine: StyleObject<{}>;
miracle: StyleObject<{}>;
plum: StyleObject<{}>;
night: StyleObject<{}>;
fuchsia: StyleObject<{}>;
rainy: StyleObject<{}>;
amy: StyleObject<{}>;
fly: StyleObject<{}>;
}, "$windi.config.gradientConfig.proxy">;
} & Inject<{
light: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
dark: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
rose: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
pink: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
fuchsia: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
purple: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
violet: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
indigo: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
blue: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
sky: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
cyan: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
teal: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
emerald: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
green: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
lime: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
yellow: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
amber: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
orange: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
red: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
gray: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
slate: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
zinc: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
neutral: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
stone: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
inherit: ColorStyleObject;
current: ColorStyleObject;
transparent: ColorStyleObject;
black: ColorStyleObject;
white: ColorStyleObject;
}, "$windi.color.colors.proxy"> & Inject<{
fixed: StyleObject<{}>;
local: StyleObject<{}>;
scroll: StyleObject<{}>;
}, "$windi.config.backgroundAttachmentConfig.proxy"> & Inject<{
bottom: Omit<{
DEFAULT: StyleObject<{}>;
left: StyleObject<{}>;
right: StyleObject<{}>;
}, "DEFAULT"> & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
};
center: StyleObject<{}>;
left: Omit<{
DEFAULT: StyleObject<{}>;
top: StyleObject<{}>;
bottom: StyleObject<{}>;
}, "DEFAULT"> & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
};
right: Omit<{
DEFAULT: StyleObject<{}>;
top: StyleObject<{}>;
bottom: StyleObject<{}>;
}, "DEFAULT"> & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
};
top: Omit<{
DEFAULT: StyleObject<{}>;
left: StyleObject<{}>;
right: StyleObject<{}>;
}, "DEFAULT"> & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
};
}, "$windi.config.backgroundPositionConfig.proxy"> & Inject<{
repeat: Omit<{
DEFAULT: StyleObject<{}>;
x: StyleObject<{}>;
y: StyleObject<{}>;
round: StyleObject<{}>;
space: StyleObject<{}>;
}, "DEFAULT"> & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
};
noRepeat: StyleObject<{}>;
}, "$windi.config.backgroundRepeatConfig.proxy"> & Inject<{
auto: StyleObject<{}>;
cover: StyleObject<{}>;
contain: StyleObject<{}>;
}, "$windi.config.backgroundSizeConfig.proxy"> & Inject<{
none: StyleObject<{}>;
}, "$windi.config.backgroundImageConfig.proxy">;
export declare const blend: Inject<{
normal: StyleObject<{}>;
multiply: StyleObject<{}>;
screen: StyleObject<{}>;
overlay: StyleObject<{}>;
darken: StyleObject<{}>;
lighten: StyleObject<{}>;
hardLight: StyleObject<{}>;
softLight: StyleObject<{}>;
difference: StyleObject<{}>;
exclusion: StyleObject<{}>;
hue: StyleObject<{}>;
saturation: StyleObject<{}>;
color: {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
} & Omit<{
DEFAULT: StyleObject<{}>;
dodge: StyleObject<{}>;
burn: StyleObject<{}>;
}, "DEFAULT"> & StyleObjectBase;
luminosity: StyleObject<{}>;
}, "$windi.config.blendModeConfig.proxy">;
export declare const blur: ((radius: CSSLength) => string) & Inject<{
DEFAULT: StyleObject<{}>;
0: StyleObject<{}>;
sm: StyleObject<{}>;
md: StyleObject<{}>;
lg: StyleObject<{}>;
xl: StyleObject<{}>;
"2xl": StyleObject<{}>;
"3xl": StyleObject<{}>;
} & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
}, "$windi.config.blurConfig.proxy">;
export declare const border: {
opacity: Inject<{
0: StyleObject<{}>;
5: StyleObject<{}>;
10: StyleObject<{}>;
20: StyleObject<{}>;
25: StyleObject<{}>;
30: StyleObject<{}>;
40: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
70: StyleObject<{}>;
75: StyleObject<{}>;
80: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
}, "$windi.config.opacityConfig.proxy">;
} & Inject<{
solid: StyleObject<{}>;
dashed: StyleObject<{}>;
dotted: StyleObject<{}>;
double: StyleObject<{}>;
none: StyleObject<{}>;
}, "$windi.config.borderStyleConfig.proxy"> & Inject<{
DEFAULT: StyleObject<{}>;
0: StyleObject<{}>;
1: StyleObject<{}>;
2: StyleObject<{}>;
4: StyleObject<{}>;
8: StyleObject<{}>;
} & StyleObjectBase & {
readonly css: CSSObject | CSSMap;
readonly meta: UtilityMeta;
}, "$windi.config.borderWidthConfig.proxy"> & Inject<{
light: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
dark: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
rose: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
pink: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
fuchsia: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
purple: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
violet: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
indigo: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
blue: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
sky: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
cyan: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
teal: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
emerald: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
green: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
lime: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
yellow: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
amber: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
orange: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
red: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
gray: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
slate: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
zinc: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
neutral: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
stone: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
inherit: ColorStyleObject;
current: ColorStyleObject;
transparent: ColorStyleObject;
black: ColorStyleObject;
white: ColorStyleObject;
}, "$windi.color.colors.proxy">;
export declare const brightness: ((amount: number | (CSSDimensionObject & {
type: "percent";
})) => string) & Inject<{
0: StyleObject<{}>;
30: StyleObject<{}>;
45: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
75: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
105: StyleObject<{}>;
110: StyleObject<{}>;
125: StyleObject<{}>;
150: StyleObject<{}>;
}, "$windi.config.brightnessConfig.proxy">;
export declare const col: {
start: Inject<{
auto: StyleObject<{}>;
1: StyleObject<{}>;
2: StyleObject<{}>;
3: StyleObject<{}>;
4: StyleObject<{}>;
5: StyleObject<{}>;
6: StyleObject<{}>;
7: StyleObject<{}>;
8: StyleObject<{}>;
9: StyleObject<{}>;
10: StyleObject<{}>;
11: StyleObject<{}>;
12: StyleObject<{}>;
13: StyleObject<{}>;
}, "$windi.config.gridColumnStartConfig.proxy">;
end: Inject<{
auto: StyleObject<{}>;
1: StyleObject<{}>;
2: StyleObject<{}>;
3: StyleObject<{}>;
4: StyleObject<{}>;
5: StyleObject<{}>;
6: StyleObject<{}>;
7: StyleObject<{}>;
8: StyleObject<{}>;
9: StyleObject<{}>;
10: StyleObject<{}>;
11: StyleObject<{}>;
12: StyleObject<{}>;
13: StyleObject<{}>;
}, "$windi.config.gridColumnEndConfig.proxy">;
} & Inject<{
auto: StyleObject<{}>;
span: Omit<{
1: StyleObject<{}>;
2: StyleObject<{}>;
3: StyleObject<{}>;
4: StyleObject<{}>;
5: StyleObject<{}>;
6: StyleObject<{}>;
7: StyleObject<{}>;
8: StyleObject<{}>;
9: StyleObject<{}>;
10: StyleObject<{}>;
11: StyleObject<{}>;
12: StyleObject<{}>;
full: StyleObject<{}>;
}, "DEFAULT">;
}, "$windi.config.gridColumnConfig.proxy">;
export declare const colors: Inject<{
light: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
dark: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
rose: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
pink: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
fuchsia: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
purple: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
violet: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
indigo: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
blue: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
sky: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
cyan: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
teal: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
emerald: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
green: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
lime: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
yellow: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
amber: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
orange: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
red: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
gray: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
slate: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
zinc: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
neutral: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
stone: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
inherit: string;
current: string;
transparent: string;
black: string;
white: string;
}, "$windi.config.colorsConfig">;
export declare const container: StyleObject<Record<string, unknown>>;
export declare const contrast: ((amount: number | (CSSDimensionObject & {
type: "percent";
})) => string) & Inject<{
0: StyleObject<{}>;
30: StyleObject<{}>;
45: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
75: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
105: StyleObject<{}>;
110: StyleObject<{}>;
125: StyleObject<{}>;
150: StyleObject<{}>;
}, "$windi.config.contrastConfig.proxy">;
export declare const decoration: {
opacity: Inject<{
0: StyleObject<{}>;
5: StyleObject<{}>;
10: StyleObject<{}>;
20: StyleObject<{}>;
25: StyleObject<{}>;
30: StyleObject<{}>;
40: StyleObject<{}>;
50: StyleObject<{}>;
60: StyleObject<{}>;
70: StyleObject<{}>;
75: StyleObject<{}>;
80: StyleObject<{}>;
90: StyleObject<{}>;
95: StyleObject<{}>;
100: StyleObject<{}>;
}, "$windi.config.opacityConfig.proxy">;
offset: Inject<{
auto: StyleObject<{}>;
0: StyleObject<{}>;
1: StyleObject<{}>;
2: StyleObject<{}>;
3: StyleObject<{}>;
4: StyleObject<{}>;
5: StyleObject<{}>;
6: StyleObject<{}>;
7: StyleObject<{}>;
8: StyleObject<{}>;
}, "$windi.config.textDecorationOffsetConfig.proxy">;
} & Inject<{
underline: StyleObject<{}>;
overline: StyleObject<{}>;
linethrough: StyleObject<{}>;
none: StyleObject<{}>;
}, "$windi.config.textDecorationTypeConfig.proxy"> & Inject<{
solid: StyleObject<{}>;
double: StyleObject<{}>;
dotted: StyleObject<{}>;
dashed: StyleObject<{}>;
wavy: StyleObject<{}>;
}, "$windi.config.textDecorationStyleConfig.proxy"> & Inject<{
auto: StyleObject<{}>;
0: StyleObject<{}>;
1: StyleObject<{}>;
2: StyleObject<{}>;
3: StyleObject<{}>;
4: StyleObject<{}>;
5: StyleObject<{}>;
6: StyleObject<{}>;
7: StyleObject<{}>;
8: StyleObject<{}>;
}, "$windi.config.textDecorationThicknessConfig.proxy"> & Inject<{
clone: StyleObject<{}>;
slice: StyleObject<{}>;
}, "$windi.config.boxDecorationBreakConfig.proxy"> & Inject<{
light: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
dark: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
rose: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
pink: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
fuchsia: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
purple: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
violet: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
indigo: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
blue: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
sky: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
cyan: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
teal: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DEFAULT">;
emerald: Omit<{
50: ColorStyleObject;
100: ColorStyleObject;
200: ColorStyleObject;
300: ColorStyleObject;
400: ColorStyleObject;
500: ColorStyleObject;
600: ColorStyleObject;
700: ColorStyleObject;
800: ColorStyleObject;
900: ColorStyleObject;
}, "DE