@nextui-org/react 1.0.0-beta.10 → 1.0.0-beta.11

package/types/navbar/navbar.styles.d.ts

@@ -57,7 +57,9 @@ export declare const StyledBaseNavbarItem: import("@stitches/react/types/styled-
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -721,7 +723,10 @@ export declare const StyledBaseNavbarItem: import("@stitches/react/types/styled-
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -743,10 +748,7 @@ export declare const StyledBaseNavbarItem: import("@stitches/react/types/styled-
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -1132,7 +1134,9 @@ export declare const StyledBaseNavbarList: import("@stitches/react/types/styled-
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1796,7 +1800,10 @@ export declare const StyledBaseNavbarList: import("@stitches/react/types/styled-
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -1818,10 +1825,7 @@ export declare const StyledBaseNavbarList: import("@stitches/react/types/styled-
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -2207,7 +2211,9 @@ export declare const StyledNavbarCollapseItem: import("@stitches/react/types/sty
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -2871,7 +2877,10 @@ export declare const StyledNavbarCollapseItem: import("@stitches/react/types/sty
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -2893,10 +2902,7 @@ export declare const StyledNavbarCollapseItem: import("@stitches/react/types/sty
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -3285,7 +3291,9 @@ export declare const StyledNavbarCollapseItem: import("@stitches/react/types/sty
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -3949,7 +3957,10 @@ export declare const StyledNavbarCollapseItem: import("@stitches/react/types/sty
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -3971,10 +3982,7 @@ export declare const StyledNavbarCollapseItem: import("@stitches/react/types/sty
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -4360,7 +4368,9 @@ export declare const StyledNavbarCollapseWrapper: import("@stitches/react/types/
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -5024,7 +5034,10 @@ export declare const StyledNavbarCollapseWrapper: import("@stitches/react/types/
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -5046,10 +5059,7 @@ export declare const StyledNavbarCollapseWrapper: import("@stitches/react/types/
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -5434,7 +5444,9 @@ export declare const StyledNavbarCollapseWrapper: import("@stitches/react/types/
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -6098,7 +6110,10 @@ export declare const StyledNavbarCollapseWrapper: import("@stitches/react/types/
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -6120,10 +6135,7 @@ export declare const StyledNavbarCollapseWrapper: import("@stitches/react/types/
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -6479,7 +6491,7 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
                 "@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))": {
                     bg: string;
                     backdropFilter: string;
-                    "@safari": {
+                    "@media screen and (-webkit-min-device-pixel-ratio:0)": {
                         [x: string]: {
                             bg: string;
                             backdropFilter: string;
@@ -6559,7 +6571,9 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -7223,7 +7237,10 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -7245,10 +7262,7 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -7635,7 +7649,9 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -8299,7 +8315,10 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -8321,10 +8340,7 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -8711,7 +8727,9 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -9375,7 +9393,10 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -9397,10 +9418,7 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -9785,7 +9803,9 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -10449,7 +10469,10 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -10471,10 +10494,7 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -10859,7 +10879,9 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -11523,7 +11545,10 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -11545,10 +11570,7 @@ export declare const StyledNavbarCollapse: import("@stitches/react/types/styled-
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -11936,7 +11958,9 @@ export declare const StyledNavbarToggleIconContainer: import("@stitches/react/ty
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -12600,7 +12624,10 @@ export declare const StyledNavbarToggleIconContainer: import("@stitches/react/ty
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -12622,10 +12649,7 @@ export declare const StyledNavbarToggleIconContainer: import("@stitches/react/ty
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -13027,7 +13051,9 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -13691,7 +13717,10 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -13713,10 +13742,7 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -14103,7 +14129,9 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -14767,7 +14795,10 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -14789,10 +14820,7 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -15179,7 +15207,9 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -15843,7 +15873,10 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -15865,10 +15898,7 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -16253,7 +16283,9 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -16917,7 +16949,10 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -16939,10 +16974,7 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -17329,7 +17361,9 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -17993,7 +18027,10 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -18015,10 +18052,7 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -18403,7 +18437,9 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -19067,7 +19103,10 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -19089,10 +19128,7 @@ export declare const StyledNavbarToggle: import("@stitches/react/types/styled-co
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -19491,7 +19527,9 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -20155,7 +20193,10 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -20177,10 +20218,7 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -20567,7 +20605,9 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -21231,7 +21271,10 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -21253,10 +21296,7 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -21643,7 +21683,9 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -22307,7 +22349,10 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -22329,10 +22374,7 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -22717,7 +22759,9 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -23381,7 +23425,10 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -23403,10 +23450,7 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -23791,7 +23835,9 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -24455,7 +24501,10 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -24477,10 +24526,7 @@ export declare const StyledNavbarBrand: import("@stitches/react/types/styled-com
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -24866,7 +24912,9 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -25530,7 +25578,10 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -25552,10 +25603,7 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -25893,6 +25941,9 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         fontSize: string;
         fontWeight: string;
     };
+    ":first-child": {
+        boxSizing: string;
+    };
     "&:before": {
         opacity: number;
         zIndex: string;
@@ -26119,7 +26170,9 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -26783,7 +26836,10 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -26805,10 +26861,7 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -27195,7 +27248,9 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -27859,7 +27914,10 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -27881,10 +27939,7 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -28271,7 +28326,9 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -28935,7 +28992,10 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -28957,10 +29017,7 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -29345,7 +29402,9 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -30009,7 +30068,10 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -30031,10 +30093,7 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -30419,7 +30478,9 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -31083,7 +31144,10 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -31105,10 +31169,7 @@ export declare const StyledNavbarItem: import("@stitches/react/types/styled-comp
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -31494,7 +31555,9 @@ export declare const StyledCursorHighlight: import("@stitches/react/types/styled
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -32158,7 +32221,10 @@ export declare const StyledCursorHighlight: import("@stitches/react/types/styled
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -32180,10 +32246,7 @@ export declare const StyledCursorHighlight: import("@stitches/react/types/styled
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -32573,7 +32636,9 @@ export declare const StyledCursorHighlight: import("@stitches/react/types/styled
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -33237,7 +33302,10 @@ export declare const StyledCursorHighlight: import("@stitches/react/types/styled
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -33259,10 +33327,7 @@ export declare const StyledCursorHighlight: import("@stitches/react/types/styled
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -33648,7 +33713,9 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -34312,7 +34379,10 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -34334,10 +34404,7 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -34741,7 +34808,9 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -35405,7 +35474,10 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -35427,10 +35499,7 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -35817,7 +35886,9 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -36481,7 +36552,10 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -36503,10 +36577,7 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -36893,7 +36964,9 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -37557,7 +37630,10 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -37579,10 +37655,7 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -37967,7 +38040,9 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -38631,7 +38706,10 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -38653,10 +38731,7 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -39041,7 +39116,9 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -39705,7 +39782,10 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -39727,10 +39807,7 @@ export declare const StyledNavbarContent: import("@stitches/react/types/styled-c
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -40116,7 +40193,9 @@ export declare const StyledNavbarContainer: import("@stitches/react/types/styled
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -40780,7 +40859,10 @@ export declare const StyledNavbarContainer: import("@stitches/react/types/styled
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -40802,10 +40884,7 @@ export declare const StyledNavbarContainer: import("@stitches/react/types/styled
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -41198,7 +41277,9 @@ export declare const StyledNavbar: import("@stitches/react/types/styled-componen
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -41862,7 +41943,10 @@ export declare const StyledNavbar: import("@stitches/react/types/styled-componen
     }) => {
         backgroundColor: {
             readonly [$$PropertyValue]: "backgroundColor";
-        };
+        }; /**
+         * @isActive true
+         * @variant highlight-solid
+         */
     };
     bf: (value: {
         readonly [$$PropertyValue]: "backdropFilter";
@@ -41884,10 +41968,7 @@ export declare const StyledNavbar: import("@stitches/react/types/styled-componen
         bf: string;
         bg: {
             readonly [$$PropertyValue]: "backgroundColor";
-        }; /**
-         * @isActive true
-         * @variant highlight-rounded
-         */
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";