@nextui-org/react 1.0.0-beta.6 → 1.0.0-beta.7

package/types/theme/common.d.ts

@@ -126,100 +126,68 @@ export declare const defaultTokens: {
 export declare const defaultColors: {
     white: string;
     black: string;
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-    blue600: string;
-    blue700: string;
-    blue800: string;
-    blue900: string;
-    purple100: string;
-    purple200: string;
-    purple300: string;
-    purple400: string;
-    purple500: string;
-    purple600: string;
-    purple700: string;
-    purple800: string;
-    purple900: string;
-    green100: string;
-    green200: string;
-    green300: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green700: string;
-    green800: string;
-    green900: string;
-    yellow100: string;
-    yellow200: string;
-    yellow300: string;
-    yellow400: string;
-    yellow500: string;
-    yellow600: string;
-    yellow700: string;
-    yellow800: string;
-    yellow900: string;
-    red100: string;
-    red200: string;
-    red300: string;
-    red400: string;
-    red500: string;
-    red600: string;
-    red700: string;
-    red800: string;
-    red900: string;
-    cyan100: string;
-    cyan200: string;
-    cyan300: string;
-    cyan400: string;
-    cyan500: string;
-    cyan600: string;
-    cyan700: string;
-    cyan800: string;
-    cyan900: string;
-    pink100: string;
-    pink200: string;
-    pink300: string;
-    pink400: string;
-    pink500: string;
-    pink600: string;
-    pink700: string;
-    pink800: string;
-    pink900: string;
-    gray100: string;
-    gray200: string;
-    gray300: string;
-    gray400: string;
-    gray500: string;
-    gray600: string;
-    gray700: string;
-    gray800: string;
-    gray900: string;
     primaryLight: string;
+    primaryLightHover: string;
+    primaryLightActive: string;
+    primaryLightContrast: string;
     primary: string;
-    primaryDark: string;
+    primaryBorder: string;
+    primaryBorderHover: string;
+    primarySolidHover: string;
+    primarySolidContrast: string;
     primaryShadow: string;
     secondaryLight: string;
+    secondaryLightHover: string;
+    secondaryLightActive: string;
+    secondaryLightContrast: string;
     secondary: string;
-    secondaryDark: string;
+    secondaryBorder: string;
+    secondaryBorderHover: string;
+    secondarySolidHover: string;
+    secondarySolidContrast: string;
     secondaryShadow: string;
     successLight: string;
+    successLightHover: string;
+    successLightActive: string;
+    successLightContrast: string;
     success: string;
-    successDark: string;
+    successBorder: string;
+    successBorderHover: string;
+    successSolidHover: string;
+    successSolidContrast: string;
     successShadow: string;
     warningLight: string;
+    warningLightHover: string;
+    warningLightActive: string;
+    warningLightContrast: string;
     warning: string;
-    warningDark: string;
+    warningBorder: string;
+    warningBorderHover: string;
+    warningSolidHover: string;
+    warningSolidContrast: string;
     warningShadow: string;
     errorLight: string;
+    errorLightHover: string;
+    errorLightActive: string;
+    errorLightContrast: string;
     error: string;
-    errorDark: string;
+    errorBorder: string;
+    errorBorderHover: string;
+    errorSolidHover: string;
+    errorSolidContrast: string;
     errorShadow: string;
     gradient: string;
-    link: string;
+    accents0: string;
+    accents1: string;
+    accents2: string;
+    accents3: string;
+    accents4: string;
+    accents5: string;
+    accents6: string;
+    accents7: string;
+    accents8: string;
+    accents9: string;
+    border: string;
 };
 export declare const defaultMedia: {
     xs: string;
@@ -241,173 +209,173 @@ export declare const defaultMedia: {
 export declare const defaultUtils: {
     p: (value: Stitches.PropertyValue<'padding'>) => {
         padding: {
-            readonly [$$PropertyValue]: "padding";
+            readonly [Stitches.$$PropertyValue]: "padding";
         };
     };
     pt: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     pr: (value: Stitches.PropertyValue<'paddingRight'>) => {
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingRight";
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
         };
     };
     pb: (value: Stitches.PropertyValue<'paddingBottom'>) => {
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingBottom";
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
         };
     };
     pl: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     px: (value: Stitches.PropertyValue<'paddingLeft'>) => {
         paddingLeft: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
         paddingRight: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         };
     };
     py: (value: Stitches.PropertyValue<'paddingTop'>) => {
         paddingTop: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
         paddingBottom: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         };
     };
     m: (value: Stitches.PropertyValue<'margin'>) => {
         margin: {
-            readonly [$$PropertyValue]: "margin";
+            readonly [Stitches.$$PropertyValue]: "margin";
         };
     };
     mt: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     mr: (value: Stitches.PropertyValue<'marginRight'>) => {
         marginRight: {
-            readonly [$$PropertyValue]: "marginRight";
+            readonly [Stitches.$$PropertyValue]: "marginRight";
         };
     };
     mb: (value: Stitches.PropertyValue<'marginBottom'>) => {
         marginBottom: {
-            readonly [$$PropertyValue]: "marginBottom";
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
         };
     };
     ml: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     mx: (value: Stitches.PropertyValue<'marginLeft'>) => {
         marginLeft: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
         marginRight: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         };
     };
     my: (value: Stitches.PropertyValue<'marginTop'>) => {
         marginTop: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
         marginBottom: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         };
     };
     ta: (value: Stitches.PropertyValue<'textAlign'>) => {
         textAlign: {
-            readonly [$$PropertyValue]: "textAlign";
+            readonly [Stitches.$$PropertyValue]: "textAlign";
         };
     };
     tt: (value: Stitches.PropertyValue<'textTransform'>) => {
         textTransform: {
-            readonly [$$PropertyValue]: "textTransform";
+            readonly [Stitches.$$PropertyValue]: "textTransform";
         };
     };
     to: (value: Stitches.PropertyValue<'textOverflow'>) => {
         textOverflow: {
-            readonly [$$PropertyValue]: "textOverflow";
+            readonly [Stitches.$$PropertyValue]: "textOverflow";
         };
     };
     d: (value: Stitches.PropertyValue<'display'>) => {
         display: {
-            readonly [$$PropertyValue]: "display";
+            readonly [Stitches.$$PropertyValue]: "display";
         };
     };
     dflex: (value: Stitches.PropertyValue<'alignItems'>) => {
         display: string;
         alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         };
         justifyContent: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         };
     };
     fd: (value: Stitches.PropertyValue<'flexDirection'>) => {
         flexDirection: {
-            readonly [$$PropertyValue]: "flexDirection";
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
         };
     };
     fw: (value: Stitches.PropertyValue<'flexWrap'>) => {
         flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
         };
     };
     ai: (value: Stitches.PropertyValue<'alignItems'>) => {
         alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         };
     };
     ac: (value: Stitches.PropertyValue<'alignContent'>) => {
         alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
+            readonly [Stitches.$$PropertyValue]: "alignContent";
         };
     };
     jc: (value: Stitches.PropertyValue<'justifyContent'>) => {
         justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
         };
     };
     as: (value: Stitches.PropertyValue<'alignSelf'>) => {
         alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
         };
     };
     fg: (value: Stitches.PropertyValue<'flexGrow'>) => {
         flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
         };
     };
     fs: (value: Stitches.PropertyValue<'fontSize'>) => {
         fontSize: {
-            readonly [$$PropertyValue]: "fontSize";
+            readonly [Stitches.$$PropertyValue]: "fontSize";
         };
     };
     fb: (value: Stitches.PropertyValue<'flexBasis'>) => {
         flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
         };
     };
     bc: (value: Stitches.PropertyValue<'backgroundColor'>) => {
         backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
     };
     bf: (value: Stitches.PropertyValue<'backdropFilter'>) => {
         backdropFilter: {
-            readonly [$$PropertyValue]: "backdropFilter";
+            readonly [Stitches.$$PropertyValue]: "backdropFilter";
         };
     };
     bg: (value: Stitches.PropertyValue<'backgroundColor'>) => {
         background: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
     };
     bgBlur: (value: Stitches.PropertyValue<'backgroundColor'>) => {
@@ -416,58 +384,58 @@ export declare const defaultUtils: {
     };
     bgColor: (value: Stitches.PropertyValue<'backgroundColor'>) => {
         backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
     };
     backgroundClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
         WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
         backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
     };
     bgClip: (value: Stitches.PropertyValue<'backgroundClip'>) => {
         WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
         backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         };
     };
     br: (value: Stitches.PropertyValue<'borderRadius'>) => {
         borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
         };
     };
     bw: (value: Stitches.PropertyValue<'borderWidth'>) => {
         borderWidth: {
-            readonly [$$PropertyValue]: "borderWidth";
+            readonly [Stitches.$$PropertyValue]: "borderWidth";
         };
     };
     btrr: (value: Stitches.PropertyValue<'borderTopRightRadius'>) => {
         borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
         };
     };
     bbrr: (value: Stitches.PropertyValue<'borderBottomRightRadius'>) => {
         borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
         };
     };
     bblr: (value: Stitches.PropertyValue<'borderBottomLeftRadius'>) => {
         borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
         };
     };
     btlr: (value: Stitches.PropertyValue<'borderTopLeftRadius'>) => {
         borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
         };
     };
     bs: (value: Stitches.PropertyValue<'boxShadow'>) => {
         boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
     normalShadow: (value: Stitches.PropertyValue<'backgroundColor'>) => {
@@ -478,138 +446,138 @@ export declare const defaultUtils: {
     };
     lh: (value: Stitches.PropertyValue<'lineHeight'>) => {
         lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
         };
     };
     ov: (value: Stitches.PropertyValue<'overflow'>) => {
         overflow: {
-            readonly [$$PropertyValue]: "overflow";
+            readonly [Stitches.$$PropertyValue]: "overflow";
         };
     };
     ox: (value: Stitches.PropertyValue<'overflowX'>) => {
         overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
+            readonly [Stitches.$$PropertyValue]: "overflowX";
         };
     };
     oy: (value: Stitches.PropertyValue<'overflowY'>) => {
         overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
+            readonly [Stitches.$$PropertyValue]: "overflowY";
         };
     };
     pe: (value: Stitches.PropertyValue<'pointerEvents'>) => {
         pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         };
     };
     events: (value: Stitches.PropertyValue<'pointerEvents'>) => {
         pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         };
     };
     us: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     userSelect: (value: Stitches.PropertyValue<'userSelect'>) => {
         WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
         userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         };
     };
     w: (value: Stitches.PropertyValue<'width'>) => {
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     h: (value: Stitches.PropertyValue<'height'>) => {
         height: {
-            readonly [$$PropertyValue]: "height";
+            readonly [Stitches.$$PropertyValue]: "height";
         };
     };
     mw: (value: Stitches.PropertyValue<'maxWidth'>) => {
         maxWidth: {
-            readonly [$$PropertyValue]: "maxWidth";
+            readonly [Stitches.$$PropertyValue]: "maxWidth";
         };
     };
     maxW: (value: Stitches.PropertyValue<'maxWidth'>) => {
         maxWidth: {
-            readonly [$$PropertyValue]: "maxWidth";
+            readonly [Stitches.$$PropertyValue]: "maxWidth";
         };
     };
     mh: (value: Stitches.PropertyValue<'maxHeight'>) => {
         maxHeight: {
-            readonly [$$PropertyValue]: "maxHeight";
+            readonly [Stitches.$$PropertyValue]: "maxHeight";
         };
     };
     maxH: (value: Stitches.PropertyValue<'maxHeight'>) => {
         maxHeight: {
-            readonly [$$PropertyValue]: "maxHeight";
+            readonly [Stitches.$$PropertyValue]: "maxHeight";
         };
     };
     size: (value: Stitches.PropertyValue<'width'>) => {
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         height: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     minSize: (value: Stitches.PropertyValue<'width'>) => {
         minWidth: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         minHeight: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         height: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     sizeMin: (value: Stitches.PropertyValue<'width'>) => {
         minWidth: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         minHeight: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         width: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         height: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     maxSize: (value: Stitches.PropertyValue<'width'>) => {
         maxWidth: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         maxHeight: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     sizeMax: (value: Stitches.PropertyValue<'width'>) => {
         maxWidth: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
         maxHeight: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         };
     };
     appearance: (value: Stitches.PropertyValue<'appearance'>) => {
         WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
         appearance: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         };
     };
     scale: (value: Stitches.PropertyValue<'scale'>) => {
@@ -620,7 +588,7 @@ export declare const defaultUtils: {
     };
     tdl: (value: Stitches.PropertyValue<'textDecorationLine'>) => {
         textDecorationLine: {
-            readonly [$$PropertyValue]: "textDecorationLine";
+            readonly [Stitches.$$PropertyValue]: "textDecorationLine";
         };
     };
     textGradient: (value: Stitches.PropertyValue<'backgroundImage'>) => {
@@ -768,100 +736,68 @@ declare const _default: {
         colors: {
             white: string;
             black: string;
-            blue100: string;
-            blue200: string;
-            blue300: string;
-            blue400: string;
-            blue500: string;
-            blue600: string;
-            blue700: string;
-            blue800: string;
-            blue900: string;
-            purple100: string;
-            purple200: string;
-            purple300: string;
-            purple400: string;
-            purple500: string;
-            purple600: string;
-            purple700: string;
-            purple800: string;
-            purple900: string;
-            green100: string;
-            green200: string;
-            green300: string;
-            green400: string;
-            green500: string;
-            green600: string;
-            green700: string;
-            green800: string;
-            green900: string;
-            yellow100: string;
-            yellow200: string;
-            yellow300: string;
-            yellow400: string;
-            yellow500: string;
-            yellow600: string;
-            yellow700: string;
-            yellow800: string;
-            yellow900: string;
-            red100: string;
-            red200: string;
-            red300: string;
-            red400: string;
-            red500: string;
-            red600: string;
-            red700: string;
-            red800: string;
-            red900: string;
-            cyan100: string;
-            cyan200: string;
-            cyan300: string;
-            cyan400: string;
-            cyan500: string;
-            cyan600: string;
-            cyan700: string;
-            cyan800: string;
-            cyan900: string;
-            pink100: string;
-            pink200: string;
-            pink300: string;
-            pink400: string;
-            pink500: string;
-            pink600: string;
-            pink700: string;
-            pink800: string;
-            pink900: string;
-            gray100: string;
-            gray200: string;
-            gray300: string;
-            gray400: string;
-            gray500: string;
-            gray600: string;
-            gray700: string;
-            gray800: string;
-            gray900: string;
             primaryLight: string;
+            primaryLightHover: string;
+            primaryLightActive: string;
+            primaryLightContrast: string;
             primary: string;
-            primaryDark: string;
+            primaryBorder: string;
+            primaryBorderHover: string;
+            primarySolidHover: string;
+            primarySolidContrast: string;
             primaryShadow: string;
             secondaryLight: string;
+            secondaryLightHover: string;
+            secondaryLightActive: string;
+            secondaryLightContrast: string;
             secondary: string;
-            secondaryDark: string;
+            secondaryBorder: string;
+            secondaryBorderHover: string;
+            secondarySolidHover: string;
+            secondarySolidContrast: string;
             secondaryShadow: string;
             successLight: string;
+            successLightHover: string;
+            successLightActive: string;
+            successLightContrast: string;
             success: string;
-            successDark: string;
+            successBorder: string;
+            successBorderHover: string;
+            successSolidHover: string;
+            successSolidContrast: string;
             successShadow: string;
             warningLight: string;
+            warningLightHover: string;
+            warningLightActive: string;
+            warningLightContrast: string;
             warning: string;
-            warningDark: string;
+            warningBorder: string;
+            warningBorderHover: string;
+            warningSolidHover: string;
+            warningSolidContrast: string;
             warningShadow: string;
             errorLight: string;
+            errorLightHover: string;
+            errorLightActive: string;
+            errorLightContrast: string;
             error: string;
-            errorDark: string;
+            errorBorder: string;
+            errorBorderHover: string;
+            errorSolidHover: string;
+            errorSolidContrast: string;
             errorShadow: string;
             gradient: string;
-            link: string;
+            accents0: string;
+            accents1: string;
+            accents2: string;
+            accents3: string;
+            accents4: string;
+            accents5: string;
+            accents6: string;
+            accents7: string;
+            accents8: string;
+            accents9: string;
+            border: string;
         };
         shadows: {};
         fonts: {
@@ -1006,525 +942,525 @@ declare const _default: {
     };
     utils: {
         p: (value: {
-            readonly [$$PropertyValue]: "padding";
+            readonly [Stitches.$$PropertyValue]: "padding";
         }) => {
             padding: {
-                readonly [$$PropertyValue]: "padding";
+                readonly [Stitches.$$PropertyValue]: "padding";
             };
         };
         pt: (value: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         }) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         pr: (value: {
-            readonly [$$PropertyValue]: "paddingRight";
+            readonly [Stitches.$$PropertyValue]: "paddingRight";
         }) => {
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingRight";
+                readonly [Stitches.$$PropertyValue]: "paddingRight";
             };
         };
         pb: (value: {
-            readonly [$$PropertyValue]: "paddingBottom";
+            readonly [Stitches.$$PropertyValue]: "paddingBottom";
         }) => {
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingBottom";
+                readonly [Stitches.$$PropertyValue]: "paddingBottom";
             };
         };
         pl: (value: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         }) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         px: (value: {
-            readonly [$$PropertyValue]: "paddingLeft";
+            readonly [Stitches.$$PropertyValue]: "paddingLeft";
         }) => {
             paddingLeft: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
             paddingRight: {
-                readonly [$$PropertyValue]: "paddingLeft";
+                readonly [Stitches.$$PropertyValue]: "paddingLeft";
             };
         };
         py: (value: {
-            readonly [$$PropertyValue]: "paddingTop";
+            readonly [Stitches.$$PropertyValue]: "paddingTop";
         }) => {
             paddingTop: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
             paddingBottom: {
-                readonly [$$PropertyValue]: "paddingTop";
+                readonly [Stitches.$$PropertyValue]: "paddingTop";
             };
         };
         m: (value: {
-            readonly [$$PropertyValue]: "margin";
+            readonly [Stitches.$$PropertyValue]: "margin";
         }) => {
             margin: {
-                readonly [$$PropertyValue]: "margin";
+                readonly [Stitches.$$PropertyValue]: "margin";
             };
         };
         mt: (value: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         }) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         mr: (value: {
-            readonly [$$PropertyValue]: "marginRight";
+            readonly [Stitches.$$PropertyValue]: "marginRight";
         }) => {
             marginRight: {
-                readonly [$$PropertyValue]: "marginRight";
+                readonly [Stitches.$$PropertyValue]: "marginRight";
             };
         };
         mb: (value: {
-            readonly [$$PropertyValue]: "marginBottom";
+            readonly [Stitches.$$PropertyValue]: "marginBottom";
         }) => {
             marginBottom: {
-                readonly [$$PropertyValue]: "marginBottom";
+                readonly [Stitches.$$PropertyValue]: "marginBottom";
             };
         };
         ml: (value: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         }) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         mx: (value: {
-            readonly [$$PropertyValue]: "marginLeft";
+            readonly [Stitches.$$PropertyValue]: "marginLeft";
         }) => {
             marginLeft: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
             marginRight: {
-                readonly [$$PropertyValue]: "marginLeft";
+                readonly [Stitches.$$PropertyValue]: "marginLeft";
             };
         };
         my: (value: {
-            readonly [$$PropertyValue]: "marginTop";
+            readonly [Stitches.$$PropertyValue]: "marginTop";
         }) => {
             marginTop: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
             marginBottom: {
-                readonly [$$PropertyValue]: "marginTop";
+                readonly [Stitches.$$PropertyValue]: "marginTop";
             };
         };
         ta: (value: {
-            readonly [$$PropertyValue]: "textAlign";
+            readonly [Stitches.$$PropertyValue]: "textAlign";
         }) => {
             textAlign: {
-                readonly [$$PropertyValue]: "textAlign";
+                readonly [Stitches.$$PropertyValue]: "textAlign";
             };
         };
         tt: (value: {
-            readonly [$$PropertyValue]: "textTransform";
+            readonly [Stitches.$$PropertyValue]: "textTransform";
         }) => {
             textTransform: {
-                readonly [$$PropertyValue]: "textTransform";
+                readonly [Stitches.$$PropertyValue]: "textTransform";
             };
         };
         to: (value: {
-            readonly [$$PropertyValue]: "textOverflow";
+            readonly [Stitches.$$PropertyValue]: "textOverflow";
         }) => {
             textOverflow: {
-                readonly [$$PropertyValue]: "textOverflow";
+                readonly [Stitches.$$PropertyValue]: "textOverflow";
             };
         };
         d: (value: {
-            readonly [$$PropertyValue]: "display";
+            readonly [Stitches.$$PropertyValue]: "display";
         }) => {
             display: {
-                readonly [$$PropertyValue]: "display";
+                readonly [Stitches.$$PropertyValue]: "display";
             };
         };
         dflex: (value: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         }) => {
             display: string;
             alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
+                readonly [Stitches.$$PropertyValue]: "alignItems";
             };
             justifyContent: {
-                readonly [$$PropertyValue]: "alignItems";
+                readonly [Stitches.$$PropertyValue]: "alignItems";
             };
         };
         fd: (value: {
-            readonly [$$PropertyValue]: "flexDirection";
+            readonly [Stitches.$$PropertyValue]: "flexDirection";
         }) => {
             flexDirection: {
-                readonly [$$PropertyValue]: "flexDirection";
+                readonly [Stitches.$$PropertyValue]: "flexDirection";
             };
         };
         fw: (value: {
-            readonly [$$PropertyValue]: "flexWrap";
+            readonly [Stitches.$$PropertyValue]: "flexWrap";
         }) => {
             flexWrap: {
-                readonly [$$PropertyValue]: "flexWrap";
+                readonly [Stitches.$$PropertyValue]: "flexWrap";
             };
         };
         ai: (value: {
-            readonly [$$PropertyValue]: "alignItems";
+            readonly [Stitches.$$PropertyValue]: "alignItems";
         }) => {
             alignItems: {
-                readonly [$$PropertyValue]: "alignItems";
+                readonly [Stitches.$$PropertyValue]: "alignItems";
             };
         };
         ac: (value: {
-            readonly [$$PropertyValue]: "alignContent";
+            readonly [Stitches.$$PropertyValue]: "alignContent";
         }) => {
             alignContent: {
-                readonly [$$PropertyValue]: "alignContent";
+                readonly [Stitches.$$PropertyValue]: "alignContent";
             };
         };
         jc: (value: {
-            readonly [$$PropertyValue]: "justifyContent";
+            readonly [Stitches.$$PropertyValue]: "justifyContent";
         }) => {
             justifyContent: {
-                readonly [$$PropertyValue]: "justifyContent";
+                readonly [Stitches.$$PropertyValue]: "justifyContent";
             };
         };
         as: (value: {
-            readonly [$$PropertyValue]: "alignSelf";
+            readonly [Stitches.$$PropertyValue]: "alignSelf";
         }) => {
             alignSelf: {
-                readonly [$$PropertyValue]: "alignSelf";
+                readonly [Stitches.$$PropertyValue]: "alignSelf";
             };
         };
         fg: (value: {
-            readonly [$$PropertyValue]: "flexGrow";
+            readonly [Stitches.$$PropertyValue]: "flexGrow";
         }) => {
             flexGrow: {
-                readonly [$$PropertyValue]: "flexGrow";
+                readonly [Stitches.$$PropertyValue]: "flexGrow";
             };
         };
         fs: (value: {
-            readonly [$$PropertyValue]: "fontSize";
+            readonly [Stitches.$$PropertyValue]: "fontSize";
         }) => {
             fontSize: {
-                readonly [$$PropertyValue]: "fontSize";
+                readonly [Stitches.$$PropertyValue]: "fontSize";
             };
         };
         fb: (value: {
-            readonly [$$PropertyValue]: "flexBasis";
+            readonly [Stitches.$$PropertyValue]: "flexBasis";
         }) => {
             flexBasis: {
-                readonly [$$PropertyValue]: "flexBasis";
+                readonly [Stitches.$$PropertyValue]: "flexBasis";
             };
         };
         bc: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
             };
         };
         bf: (value: {
-            readonly [$$PropertyValue]: "backdropFilter";
+            readonly [Stitches.$$PropertyValue]: "backdropFilter";
         }) => {
             backdropFilter: {
-                readonly [$$PropertyValue]: "backdropFilter";
+                readonly [Stitches.$$PropertyValue]: "backdropFilter";
             };
         };
         bg: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             background: {
-                readonly [$$PropertyValue]: "backgroundColor";
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
             };
         };
         bgBlur: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             bf: string;
             bg: string;
         };
         bgColor: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
             };
         };
         backgroundClip: (value: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         }) => {
             WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
             backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
         };
         bgClip: (value: {
-            readonly [$$PropertyValue]: "backgroundClip";
+            readonly [Stitches.$$PropertyValue]: "backgroundClip";
         }) => {
             WebkitBackgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
             backgroundClip: {
-                readonly [$$PropertyValue]: "backgroundClip";
+                readonly [Stitches.$$PropertyValue]: "backgroundClip";
             };
         };
         br: (value: {
-            readonly [$$PropertyValue]: "borderRadius";
+            readonly [Stitches.$$PropertyValue]: "borderRadius";
         }) => {
             borderRadius: {
-                readonly [$$PropertyValue]: "borderRadius";
+                readonly [Stitches.$$PropertyValue]: "borderRadius";
             };
         };
         bw: (value: {
-            readonly [$$PropertyValue]: "borderWidth";
+            readonly [Stitches.$$PropertyValue]: "borderWidth";
         }) => {
             borderWidth: {
-                readonly [$$PropertyValue]: "borderWidth";
+                readonly [Stitches.$$PropertyValue]: "borderWidth";
             };
         };
         btrr: (value: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
         }) => {
             borderTopRightRadius: {
-                readonly [$$PropertyValue]: "borderTopRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
             };
         };
         bbrr: (value: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
         }) => {
             borderBottomRightRadius: {
-                readonly [$$PropertyValue]: "borderBottomRightRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
             };
         };
         bblr: (value: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
         }) => {
             borderBottomLeftRadius: {
-                readonly [$$PropertyValue]: "borderBottomLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
             };
         };
         btlr: (value: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
+            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
         }) => {
             borderTopLeftRadius: {
-                readonly [$$PropertyValue]: "borderTopLeftRadius";
+                readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
             };
         };
         bs: (value: {
-            readonly [$$PropertyValue]: "boxShadow";
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         }) => {
             boxShadow: {
-                readonly [$$PropertyValue]: "boxShadow";
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
             };
         };
         normalShadow: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             boxShadow: string;
         };
         normalShadowVar: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             boxShadow: string;
         };
         lh: (value: {
-            readonly [$$PropertyValue]: "lineHeight";
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
         }) => {
             lineHeight: {
-                readonly [$$PropertyValue]: "lineHeight";
+                readonly [Stitches.$$PropertyValue]: "lineHeight";
             };
         };
         ov: (value: {
-            readonly [$$PropertyValue]: "overflow";
+            readonly [Stitches.$$PropertyValue]: "overflow";
         }) => {
             overflow: {
-                readonly [$$PropertyValue]: "overflow";
+                readonly [Stitches.$$PropertyValue]: "overflow";
             };
         };
         ox: (value: {
-            readonly [$$PropertyValue]: "overflowX";
+            readonly [Stitches.$$PropertyValue]: "overflowX";
         }) => {
             overflowX: {
-                readonly [$$PropertyValue]: "overflowX";
+                readonly [Stitches.$$PropertyValue]: "overflowX";
             };
         };
         oy: (value: {
-            readonly [$$PropertyValue]: "overflowY";
+            readonly [Stitches.$$PropertyValue]: "overflowY";
         }) => {
             overflowY: {
-                readonly [$$PropertyValue]: "overflowY";
+                readonly [Stitches.$$PropertyValue]: "overflowY";
             };
         };
         pe: (value: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         }) => {
             pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
             };
         };
         events: (value: {
-            readonly [$$PropertyValue]: "pointerEvents";
+            readonly [Stitches.$$PropertyValue]: "pointerEvents";
         }) => {
             pointerEvents: {
-                readonly [$$PropertyValue]: "pointerEvents";
+                readonly [Stitches.$$PropertyValue]: "pointerEvents";
             };
         };
         us: (value: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         }) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         userSelect: (value: {
-            readonly [$$PropertyValue]: "userSelect";
+            readonly [Stitches.$$PropertyValue]: "userSelect";
         }) => {
             WebkitUserSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
             userSelect: {
-                readonly [$$PropertyValue]: "userSelect";
+                readonly [Stitches.$$PropertyValue]: "userSelect";
             };
         };
         w: (value: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         }) => {
             width: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         h: (value: {
-            readonly [$$PropertyValue]: "height";
+            readonly [Stitches.$$PropertyValue]: "height";
         }) => {
             height: {
-                readonly [$$PropertyValue]: "height";
+                readonly [Stitches.$$PropertyValue]: "height";
             };
         };
         mw: (value: {
-            readonly [$$PropertyValue]: "maxWidth";
+            readonly [Stitches.$$PropertyValue]: "maxWidth";
         }) => {
             maxWidth: {
-                readonly [$$PropertyValue]: "maxWidth";
+                readonly [Stitches.$$PropertyValue]: "maxWidth";
             };
         };
         maxW: (value: {
-            readonly [$$PropertyValue]: "maxWidth";
+            readonly [Stitches.$$PropertyValue]: "maxWidth";
         }) => {
             maxWidth: {
-                readonly [$$PropertyValue]: "maxWidth";
+                readonly [Stitches.$$PropertyValue]: "maxWidth";
             };
         };
         mh: (value: {
-            readonly [$$PropertyValue]: "maxHeight";
+            readonly [Stitches.$$PropertyValue]: "maxHeight";
         }) => {
             maxHeight: {
-                readonly [$$PropertyValue]: "maxHeight";
+                readonly [Stitches.$$PropertyValue]: "maxHeight";
             };
         };
         maxH: (value: {
-            readonly [$$PropertyValue]: "maxHeight";
+            readonly [Stitches.$$PropertyValue]: "maxHeight";
         }) => {
             maxHeight: {
-                readonly [$$PropertyValue]: "maxHeight";
+                readonly [Stitches.$$PropertyValue]: "maxHeight";
             };
         };
         size: (value: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         }) => {
             width: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             height: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         minSize: (value: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         }) => {
             minWidth: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             minHeight: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             width: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             height: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         sizeMin: (value: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         }) => {
             minWidth: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             minHeight: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             width: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             height: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         maxSize: (value: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         }) => {
             maxWidth: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             maxHeight: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         sizeMax: (value: {
-            readonly [$$PropertyValue]: "width";
+            readonly [Stitches.$$PropertyValue]: "width";
         }) => {
             maxWidth: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
             maxHeight: {
-                readonly [$$PropertyValue]: "width";
+                readonly [Stitches.$$PropertyValue]: "width";
             };
         };
         appearance: (value: {
-            readonly [$$PropertyValue]: "appearance";
+            readonly [Stitches.$$PropertyValue]: "appearance";
         }) => {
             WebkitAppearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
             appearance: {
-                readonly [$$PropertyValue]: "appearance";
+                readonly [Stitches.$$PropertyValue]: "appearance";
             };
         };
         scale: (value: {
-            readonly [$$PropertyValue]: "scale";
+            readonly [Stitches.$$PropertyValue]: "scale";
         }) => {
             transform: string;
         };
         linearGradient: (value: {
-            readonly [$$PropertyValue]: "backgroundImage";
+            readonly [Stitches.$$PropertyValue]: "backgroundImage";
         }) => {
             backgroundImage: string;
         };
         tdl: (value: {
-            readonly [$$PropertyValue]: "textDecorationLine";
+            readonly [Stitches.$$PropertyValue]: "textDecorationLine";
         }) => {
             textDecorationLine: {
-                readonly [$$PropertyValue]: "textDecorationLine";
+                readonly [Stitches.$$PropertyValue]: "textDecorationLine";
             };
         };
         textGradient: (value: {
-            readonly [$$PropertyValue]: "backgroundImage";
+            readonly [Stitches.$$PropertyValue]: "backgroundImage";
         }) => {
             backgroundImage: string;
             WebkitBackgroundClip: string;