@rarui/styles 2.6.2 → 2.6.3-rc.1

package/dist/properties/css.d.ts

@@ -1,207 +1,207 @@
 declare const shadowProperties: {
-    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "top-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "top-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "top-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "top-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "top-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "bottom-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "bottom-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "bottom-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "bottom-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "bottom-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    none: `var(--${string})` | `var(--${string}, ${string})`;
+    "top-1": `var(--${string})` | `var(--${string}, ${string})`;
+    "top-2": `var(--${string})` | `var(--${string}, ${string})`;
+    "top-3": `var(--${string})` | `var(--${string}, ${string})`;
+    "top-4": `var(--${string})` | `var(--${string}, ${string})`;
+    "top-5": `var(--${string})` | `var(--${string}, ${string})`;
+    "bottom-1": `var(--${string})` | `var(--${string}, ${string})`;
+    "bottom-2": `var(--${string})` | `var(--${string}, ${string})`;
+    "bottom-3": `var(--${string})` | `var(--${string}, ${string})`;
+    "bottom-4": `var(--${string})` | `var(--${string}, ${string})`;
+    "bottom-5": `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const fontWeightProperties: {
-    regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    regular: `var(--${string})` | `var(--${string}, ${string})`;
+    medium: `var(--${string})` | `var(--${string}, ${string})`;
+    semiBold: `var(--${string})` | `var(--${string}, ${string})`;
+    bold: `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const fontSizeProperties: {
-    "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
+    "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
+    "body-s": `var(--${string})` | `var(--${string}, ${string})`;
+    "body-m": `var(--${string})` | `var(--${string}, ${string})`;
+    "body-l": `var(--${string})` | `var(--${string}, ${string})`;
+    "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
+    "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
+    "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
+    "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
+    "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
+    "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "button-s": `var(--${string})` | `var(--${string}, ${string})`;
+    "button-m": `var(--${string})` | `var(--${string}, ${string})`;
+    "button-l": `var(--${string})` | `var(--${string}, ${string})`;
+    "label-s": `var(--${string})` | `var(--${string}, ${string})`;
+    "label-m": `var(--${string})` | `var(--${string}, ${string})`;
+    "label-l": `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const fontFamilyProperties: {
-    body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    body: `var(--${string})` | `var(--${string}, ${string})`;
+    heading: `var(--${string})` | `var(--${string}, ${string})`;
+    button: `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const lineHeightProperties: {
-    readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "body-s": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "body-m": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "body-l": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "button-s": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "button-m": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "button-l": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "label-s": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "label-m": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "label-l": `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const spacingProperties: {
     readonly none: "0";
-    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
+    readonly s: `var(--${string})` | `var(--${string}, ${string})`;
+    readonly md: `var(--${string})` | `var(--${string}, ${string})`;
+    readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
+    readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
+    readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const marginProperties: {
     none: "0";
-    "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "4xs": `var(--${string})` | `var(--${string}, ${string})`;
+    "3xs": `var(--${string})` | `var(--${string}, ${string})`;
+    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
+    xs: `var(--${string})` | `var(--${string}, ${string})`;
+    s: `var(--${string})` | `var(--${string}, ${string})`;
+    md: `var(--${string})` | `var(--${string}, ${string})`;
+    lg: `var(--${string})` | `var(--${string}, ${string})`;
+    xl: `var(--${string})` | `var(--${string}, ${string})`;
+    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "3xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "4xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "5xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "6xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "7xl": `var(--${string})` | `var(--${string}, ${string})`;
+    "8xl": `var(--${string})` | `var(--${string}, ${string})`;
     auto: string;
 };
 declare const borderRadiusProperties: {
-    none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    none: `var(--${string})` | `var(--${string}, ${string})`;
+    "2xs": `var(--${string})` | `var(--${string}, ${string})`;
+    xs: `var(--${string})` | `var(--${string}, ${string})`;
+    sm: `var(--${string})` | `var(--${string}, ${string})`;
+    md: `var(--${string})` | `var(--${string}, ${string})`;
+    lg: `var(--${string})` | `var(--${string}, ${string})`;
+    xl: `var(--${string})` | `var(--${string}, ${string})`;
+    "2xl": `var(--${string})` | `var(--${string}, ${string})`;
+    pill: `var(--${string})` | `var(--${string}, ${string})`;
+    button: `var(--${string})` | `var(--${string}, ${string})`;
+    input: `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const borderWidthProperties: {
     none: string;
-    "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "1": `var(--${string})` | `var(--${string}, ${string})`;
+    "2": `var(--${string})` | `var(--${string}, ${string})`;
+    "3": `var(--${string})` | `var(--${string}, ${string})`;
+    "4": `var(--${string})` | `var(--${string}, ${string})`;
+    "5": `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const zIndexProperties: {
-    "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "100": `var(--${string})` | `var(--${string}, ${string})`;
+    "200": `var(--${string})` | `var(--${string}, ${string})`;
+    "300": `var(--${string})` | `var(--${string}, ${string})`;
+    "400": `var(--${string})` | `var(--${string}, ${string})`;
+    "500": `var(--${string})` | `var(--${string}, ${string})`;
+    "600": `var(--${string})` | `var(--${string}, ${string})`;
+    "700": `var(--${string})` | `var(--${string}, ${string})`;
+    "800": `var(--${string})` | `var(--${string}, ${string})`;
+    "900": `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const colorProperties: {
     currentColor: string;
-    brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    brand: `var(--${string})` | `var(--${string}, ${string})`;
+    "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
+    disabled: `var(--${string})` | `var(--${string}, ${string})`;
+    error: `var(--${string})` | `var(--${string}, ${string})`;
+    info: `var(--${string})` | `var(--${string}, ${string})`;
+    invert: `var(--${string})` | `var(--${string}, ${string})`;
+    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
+    "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
+    "on-brand": `var(--${string})` | `var(--${string}, ${string})`;
+    "on-error": `var(--${string})` | `var(--${string}, ${string})`;
+    "on-info": `var(--${string})` | `var(--${string}, ${string})`;
+    "on-success": `var(--${string})` | `var(--${string}, ${string})`;
+    "on-warning": `var(--${string})` | `var(--${string}, ${string})`;
+    primary: `var(--${string})` | `var(--${string}, ${string})`;
+    secondary: `var(--${string})` | `var(--${string}, ${string})`;
+    success: `var(--${string})` | `var(--${string}, ${string})`;
+    warning: `var(--${string})` | `var(--${string}, ${string})`;
+    "warning-alt": `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const borderColorProperties: {
     transparent: string;
-    brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    brand: `var(--${string})` | `var(--${string}, ${string})`;
+    "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
+    disabled: `var(--${string})` | `var(--${string}, ${string})`;
+    divider: `var(--${string})` | `var(--${string}, ${string})`;
+    error: `var(--${string})` | `var(--${string}, ${string})`;
+    info: `var(--${string})` | `var(--${string}, ${string})`;
+    invert: `var(--${string})` | `var(--${string}, ${string})`;
+    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
+    primary: `var(--${string})` | `var(--${string}, ${string})`;
+    secondary: `var(--${string})` | `var(--${string}, ${string})`;
+    subdued: `var(--${string})` | `var(--${string}, ${string})`;
+    success: `var(--${string})` | `var(--${string}, ${string})`;
+    warning: `var(--${string})` | `var(--${string}, ${string})`;
 };
 declare const backgroundColorProperties: {
     transparent: string;
-    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    background: `var(--${string})` | `var(--${string}, ${string})`;
+    brand: `var(--${string})` | `var(--${string}, ${string})`;
+    "brand-hover": `var(--${string})` | `var(--${string}, ${string})`;
+    "brand-press": `var(--${string})` | `var(--${string}, ${string})`;
+    "brand-subdued": `var(--${string})` | `var(--${string}, ${string})`;
+    disabled: `var(--${string})` | `var(--${string}, ${string})`;
+    error: `var(--${string})` | `var(--${string}, ${string})`;
+    "error-hover": `var(--${string})` | `var(--${string}, ${string})`;
+    "error-press": `var(--${string})` | `var(--${string}, ${string})`;
+    "error-subdued": `var(--${string})` | `var(--${string}, ${string})`;
+    hover: `var(--${string})` | `var(--${string}, ${string})`;
+    info: `var(--${string})` | `var(--${string}, ${string})`;
+    "info-hover": `var(--${string})` | `var(--${string}, ${string})`;
+    "info-press": `var(--${string})` | `var(--${string}, ${string})`;
+    "info-subdued": `var(--${string})` | `var(--${string}, ${string})`;
+    invert: `var(--${string})` | `var(--${string}, ${string})`;
+    "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
+    "invert-hover": `var(--${string})` | `var(--${string}, ${string})`;
+    "invert-press": `var(--${string})` | `var(--${string}, ${string})`;
+    "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
+    overlay: `var(--${string})` | `var(--${string}, ${string})`;
+    press: `var(--${string})` | `var(--${string}, ${string})`;
+    primary: `var(--${string})` | `var(--${string}, ${string})`;
+    secondary: `var(--${string})` | `var(--${string}, ${string})`;
+    success: `var(--${string})` | `var(--${string}, ${string})`;
+    "success-hover": `var(--${string})` | `var(--${string}, ${string})`;
+    "success-press": `var(--${string})` | `var(--${string}, ${string})`;
+    "success-subdued": `var(--${string})` | `var(--${string}, ${string})`;
+    warning: `var(--${string})` | `var(--${string}, ${string})`;
+    "warning-hover": `var(--${string})` | `var(--${string}, ${string})`;
+    "warning-press": `var(--${string})` | `var(--${string}, ${string})`;
+    "warning-subdued": `var(--${string})` | `var(--${string}, ${string})`;
 };
 
 export { backgroundColorProperties, borderColorProperties, borderRadiusProperties, borderWidthProperties, colorProperties, fontFamilyProperties, fontSizeProperties, fontWeightProperties, lineHeightProperties, marginProperties, shadowProperties, spacingProperties, zIndexProperties };