@jpmorganchase/mosaic-theme 0.1.0-beta.10

package/dist/border/border.css.d.ts

@@ -0,0 +1,693 @@
+export declare const borderProperties: {
+    conditions: {
+        defaultCondition: ("lightMode" | "lightModeUnselected" | "lightModeHover" | "lightModeSelected" | "darkMode" | "darkModeUnselected" | "darkModeHover" | "darkModeSelected")[];
+        conditionNames: ("lightMode" | "lightModeUnselected" | "lightModeHover" | "lightModeSelected" | "darkMode" | "darkModeUnselected" | "darkModeHover" | "darkModeSelected")[];
+    };
+    styles: {
+        borderWidth: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                medium: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thick: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thin: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderStyle: {
+            values: {
+                [x: string]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderColor: {
+            values: {
+                [x: `var(--${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${number})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderTopColor: {
+            values: {
+                [x: `var(--${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${number})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderRightColor: {
+            values: {
+                [x: `var(--${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${number})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderBottomColor: {
+            values: {
+                [x: `var(--${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${number})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderLeftColor: {
+            values: {
+                [x: `var(--${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${string})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                [x: `var(--${string}, ${number})`]: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderTopWidth: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                medium: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thick: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thin: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderRightWidth: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                medium: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thick: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thin: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderBottomWidth: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                medium: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thick: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thin: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+        borderLeftWidth: {
+            values: {
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                medium: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thick: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+                thin: {
+                    defaultClass: string;
+                    conditions: {
+                        lightMode: string;
+                        lightModeUnselected: string;
+                        lightModeHover: string;
+                        lightModeSelected: string;
+                        darkMode: string;
+                        darkModeUnselected: string;
+                        darkModeHover: string;
+                        darkModeSelected: string;
+                    };
+                };
+            };
+        };
+    };
+} & {
+    styles: {
+        borderColorX: {
+            mappings: ("borderLeftColor" | "borderRightColor")[];
+        };
+        borderColorY: {
+            mappings: ("borderTopColor" | "borderBottomColor")[];
+        };
+        borderWidth: {
+            mappings: ("borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "borderBottomWidth")[];
+        };
+        borderWidthX: {
+            mappings: ("borderLeftWidth" | "borderRightWidth")[];
+        };
+        borderWidthY: {
+            mappings: ("borderTopWidth" | "borderBottomWidth")[];
+        };
+    };
+};
+export declare const borderSprinkles: ((props: {
+    borderWidth?: ("none" | "medium" | "thick" | "thin" | {
+        lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+    }) | undefined;
+    borderStyle?: (string | {
+        lightMode?: string | undefined;
+        lightModeUnselected?: string | undefined;
+        lightModeHover?: string | undefined;
+        lightModeSelected?: string | undefined;
+        darkMode?: string | undefined;
+        darkModeUnselected?: string | undefined;
+        darkModeHover?: string | undefined;
+        darkModeSelected?: string | undefined;
+    }) | undefined;
+    borderColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
+        lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+    }) | undefined;
+    borderTopColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
+        lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+    }) | undefined;
+    borderRightColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
+        lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+    }) | undefined;
+    borderBottomColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
+        lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+    }) | undefined;
+    borderLeftColor?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
+        lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+    }) | undefined;
+    borderTopWidth?: ("none" | "medium" | "thick" | "thin" | {
+        lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+    }) | undefined;
+    borderRightWidth?: ("none" | "medium" | "thick" | "thin" | {
+        lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+    }) | undefined;
+    borderBottomWidth?: ("none" | "medium" | "thick" | "thin" | {
+        lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+    }) | undefined;
+    borderLeftWidth?: ("none" | "medium" | "thick" | "thin" | {
+        lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+    }) | undefined;
+    borderColorX?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
+        lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+    }) | undefined;
+    borderColorY?: ((`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | {
+        lightMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        lightModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkMode?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeUnselected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeHover?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+        darkModeSelected?: (`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`) | undefined;
+    }) | undefined;
+    borderWidthX?: ("none" | "medium" | "thick" | "thin" | {
+        lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+    }) | undefined;
+    borderWidthY?: ("none" | "medium" | "thick" | "thin" | {
+        lightMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        lightModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkMode?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeUnselected?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeHover?: "none" | "medium" | "thick" | "thin" | undefined;
+        darkModeSelected?: "none" | "medium" | "thick" | "thin" | undefined;
+    }) | undefined;
+}) => string) & {
+    properties: Set<"borderBottomColor" | "borderBottomWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopWidth" | "borderColor" | "borderStyle" | "borderWidth" | "borderColorX" | "borderColorY" | "borderWidthX" | "borderWidthY">;
+};
+export declare type BorderSprinkles = Parameters<typeof borderSprinkles>[0];