@homebound/beam 2.304.1 → 2.306.0

package/dist/Css.d.ts

@@ -52,7 +52,7 @@ declare class CssBuilder<T extends Properties> {
     } & {
         borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
     }>;
-    /** Sets `borderColor: "rgba(254,254,254,1)"`. */
+    /** Sets `borderColor: "rgba(255,255,255,1)"`. */
     get bWhite(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
@@ -60,244 +60,284 @@ declare class CssBuilder<T extends Properties> {
     get bTransparent(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,253,253,1)"`. */
+    /** Sets `borderColor: "rgba(255, 253, 253, 1)"`. */
     get bGray50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(247,245,245,1)"`. */
+    /** Sets `borderColor: "rgba(247, 245, 245, 1)"`. */
     get bGray100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(236,235,235,1)"`. */
+    /** Sets `borderColor: "rgba(236, 235, 235, 1)"`. */
     get bGray200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(221,220,220,1)"`. */
+    /** Sets `borderColor: "rgba(221, 220, 220, 1)"`. */
     get bGray300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(201,201,201,1)"`. */
+    /** Sets `borderColor: "rgba(201, 201, 201, 1)"`. */
     get bGray400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(175,175,175,1)"`. */
+    /** Sets `borderColor: "rgba(175, 175, 175, 1)"`. */
     get bGray500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(141,141,141,1)"`. */
+    /** Sets `borderColor: "rgba(141, 141, 141, 1)"`. */
     get bGray600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(100,100,100,1)"`. */
+    /** Sets `borderColor: "rgba(100, 100, 100, 1)"`. */
     get bGray700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(53,53,53,1)"`. */
+    /** Sets `borderColor: "rgba(53, 53, 53, 1)"`. */
     get bGray800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(36,36,36,1)"`. */
+    /** Sets `borderColor: "rgba(36, 36, 36, 1)"`. */
     get bGray900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(240,249,255,1)"`. */
-    get bLightBlue50(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(239, 246, 255, 1)"`. */
+    get bBlue50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(224,242,254,1)"`. */
-    get bLightBlue100(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(219, 234, 254, 1)"`. */
+    get bBlue100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(186,230,253,1)"`. */
-    get bLightBlue200(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(191, 219, 254, 1)"`. */
+    get bBlue200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(125,211,252,1)"`. */
-    get bLightBlue300(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(147, 197, 253, 1)"`. */
+    get bBlue300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(56,189,248,1)"`. */
-    get bLightBlue400(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(96, 165, 250, 1)"`. */
+    get bBlue400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(14,165,233,1)"`. */
-    get bLightBlue500(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(59, 130, 246, 1)"`. */
+    get bBlue500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(2,143,199,1)"`. */
-    get bLightBlue600(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(37, 99, 235, 1)"`. */
+    get bBlue600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(3,105,161,1)"`. */
-    get bLightBlue700(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(29, 78, 216, 1)"`. */
+    get bBlue700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(7,89,133,1)"`. */
-    get bLightBlue800(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(30, 64, 175, 1)"`. */
+    get bBlue800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(12,74,110,1)"`. */
-    get bLightBlue900(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(30, 58, 138, 1)"`. */
+    get bBlue900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,242,242,1)"`. */
+    /** Sets `borderColor: "rgba(254, 242, 242, 1)"`. */
     get bRed50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(253,210,209,1)"`. */
+    /** Sets `borderColor: "rgba(254, 226, 226, 1)"`. */
     get bRed100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(249,181,177,1)"`. */
+    /** Sets `borderColor: "rgba(254, 202, 202, 1)"`. */
     get bRed200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(242,155,148,1)"`. */
+    /** Sets `borderColor: "rgba(252, 165, 165, 1)"`. */
     get bRed300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(232,133,122,1)"`. */
+    /** Sets `borderColor: "rgba(248, 113, 113, 1)"`. */
     get bRed400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(218,114,100,1)"`. */
+    /** Sets `borderColor: "rgba(239, 68, 68, 1)"`. */
     get bRed500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(200,98,81,1)"`. */
+    /** Sets `borderColor: "rgba(220, 38, 38, 1)"`. */
     get bRed600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(176,83,73,1)"`. */
+    /** Sets `borderColor: "rgba(185, 28, 28, 1)"`. */
     get bRed700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(149,68,64,1)"`. */
+    /** Sets `borderColor: "rgba(153, 27, 27, 1)"`. */
     get bRed800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(120,54,54,1)"`. */
+    /** Sets `borderColor: "rgba(127, 29, 29, 1)"`. */
     get bRed900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,254,242,1)"`. */
+    /** Sets `borderColor: "rgba(254, 252, 232, 1)"`. */
     get bYellow50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,254,212,1)"`. */
+    /** Sets `borderColor: "rgba(254, 249, 195, 1)"`. */
     get bYellow100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,250,180,1)"`. */
+    /** Sets `borderColor: "rgba(254, 240, 138, 1)"`. */
     get bYellow200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,240,150,1)"`. */
+    /** Sets `borderColor: "rgba(253, 224, 71, 1)"`. */
     get bYellow300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,225,123,1)"`. */
+    /** Sets `borderColor: "rgba(250, 204, 21, 1)"`. */
     get bYellow400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(255,204,99,1)"`. */
+    /** Sets `borderColor: "rgba(234, 179, 8, 1)"`. */
     get bYellow500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(246,177,78,1)"`. */
+    /** Sets `borderColor: "rgba(202, 138, 4, 1)"`. */
     get bYellow600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(207,150,73,1)"`. */
+    /** Sets `borderColor: "rgba(161, 98, 7, 1)"`. */
     get bYellow700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(164,120,66,1)"`. */
+    /** Sets `borderColor: "rgba(133, 77, 14, 1)"`. */
     get bYellow800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(120,89,54,1)"`. */
+    /** Sets `borderColor: "rgba(113, 63, 18, 1)"`. */
     get bYellow900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(250,255,250,1)"`. */
+    /** Sets `borderColor: "rgba(236, 253, 245, 1)"`. */
     get bGreen50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(223,248,216,1)"`. */
+    /** Sets `borderColor: "rgba(209, 250, 229, 1)"`. */
     get bGreen100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(199,239,183,1)"`. */
+    /** Sets `borderColor: "rgba(167, 243, 208, 1)"`. */
     get bGreen200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(179,226,153,1)"`. */
+    /** Sets `borderColor: "rgba(110, 231, 183, 1)"`. */
     get bGreen300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(163,208,126,1)"`. */
+    /** Sets `borderColor: "rgba(52, 211, 153, 1)"`. */
     get bGreen400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(146,185,101,1)"`. */
+    /** Sets `borderColor: "rgba(16, 185, 129, 1)"`. */
     get bGreen500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(126,156,79,1)"`. */
+    /** Sets `borderColor: "rgba(5, 150, 105, 1)"`. */
     get bGreen600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(101,120,57,1)"`. */
+    /** Sets `borderColor: "rgba(4, 120, 87, 1)"`. */
     get bGreen700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(64,93,44,1)"`. */
+    /** Sets `borderColor: "rgba(6, 95, 70, 1)"`. */
     get bGreen800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(34,64,31,1)"`. */
+    /** Sets `borderColor: "rgba(6, 78, 59, 1)"`. */
     get bGreen900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(245,243,255,1)"`. */
-    get bViolet50(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(245, 243, 255, 1)"`. */
+    get bPurple50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(238,234,253,1)"`. */
-    get bViolet100(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(237, 233, 254, 1)"`. */
+    get bPurple100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(232,225,252,1)"`. */
-    get bViolet200(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(221, 214, 254, 1)"`. */
+    get bPurple200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(218,205,246,1)"`. */
-    get bViolet300(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(196, 181, 253, 1)"`. */
+    get bPurple300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(204,186,236,1)"`. */
-    get bViolet400(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(167, 139, 250, 1)"`. */
+    get bPurple400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(190,167,223,1)"`. */
-    get bViolet500(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(139, 92, 246, 1)"`. */
+    get bPurple500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(173,147,205,1)"`. */
-    get bViolet600(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(124, 58, 237, 1)"`. */
+    get bPurple600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(153,126,181,1)"`. */
-    get bViolet700(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(109, 40, 217, 1)"`. */
+    get bPurple700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(128,103,151,1)"`. */
-    get bViolet800(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(91, 33, 182, 1)"`. */
+    get bPurple800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
-    /** Sets `borderColor: "rgba(100,78,116,1)"`. */
-    get bViolet900(): CssBuilder<T & {
+    /** Sets `borderColor: "rgba(76, 29, 149, 1)"`. */
+    get bPurple900(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(255, 247, 237, 1)"`. */
+    get bOrange50(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(255, 237, 213, 1)"`. */
+    get bOrange100(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(254, 215, 170, 1)"`. */
+    get bOrange200(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(253, 186, 116, 1)"`. */
+    get bOrange300(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(251, 146, 60, 1)"`. */
+    get bOrange400(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(249, 115, 22, 1)"`. */
+    get bOrange500(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(234, 88, 12, 1)"`. */
+    get bOrange600(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(194, 65, 12, 1)"`. */
+    get bOrange700(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(154, 52, 18, 1)"`. */
+    get bOrange800(): CssBuilder<T & {
+        borderColor: import("csstype").Property.BorderColor | undefined;
+    }>;
+    /** Sets `borderColor: "rgba(124, 45, 18, 1)"`. */
+    get bOrange900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
     /** Sets `borderColor: value`. */
@@ -392,11 +432,11 @@ declare class CssBuilder<T extends Properties> {
     get bshHover(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
-    /** Sets `boxShadow: "0px 0px 0px 2px rgba(254,254,254,1), 0px 0px 0px 4px rgba(3,105,161,1)"`. */
+    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(29, 78, 216, 1)"`. */
     get bshFocus(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
-    /** Sets `boxShadow: "0px 0px 0px 2px rgba(254,254,254,1), 0px 0px 0px 4px rgba(149,68,64,1)"`. */
+    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"`. */
     get bshDanger(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
@@ -1610,7 +1650,7 @@ declare class CssBuilder<T extends Properties> {
     position(value: Properties["position"]): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     }>;
-    /** Sets `color: "rgba(254,254,254,1)"`. */
+    /** Sets `color: "rgba(255,255,255,1)"`. */
     get white(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
@@ -1618,251 +1658,291 @@ declare class CssBuilder<T extends Properties> {
     get transparent(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,253,253,1)"`. */
+    /** Sets `color: "rgba(255, 253, 253, 1)"`. */
     get gray50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(247,245,245,1)"`. */
+    /** Sets `color: "rgba(247, 245, 245, 1)"`. */
     get gray100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(236,235,235,1)"`. */
+    /** Sets `color: "rgba(236, 235, 235, 1)"`. */
     get gray200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(221,220,220,1)"`. */
+    /** Sets `color: "rgba(221, 220, 220, 1)"`. */
     get gray300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(201,201,201,1)"`. */
+    /** Sets `color: "rgba(201, 201, 201, 1)"`. */
     get gray400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(175,175,175,1)"`. */
+    /** Sets `color: "rgba(175, 175, 175, 1)"`. */
     get gray500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(141,141,141,1)"`. */
+    /** Sets `color: "rgba(141, 141, 141, 1)"`. */
     get gray600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(100,100,100,1)"`. */
+    /** Sets `color: "rgba(100, 100, 100, 1)"`. */
     get gray700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(53,53,53,1)"`. */
+    /** Sets `color: "rgba(53, 53, 53, 1)"`. */
     get gray800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(36,36,36,1)"`. */
+    /** Sets `color: "rgba(36, 36, 36, 1)"`. */
     get gray900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(240,249,255,1)"`. */
-    get lightBlue50(): CssBuilder<T & {
+    /** Sets `color: "rgba(239, 246, 255, 1)"`. */
+    get blue50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(224,242,254,1)"`. */
-    get lightBlue100(): CssBuilder<T & {
+    /** Sets `color: "rgba(219, 234, 254, 1)"`. */
+    get blue100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(186,230,253,1)"`. */
-    get lightBlue200(): CssBuilder<T & {
+    /** Sets `color: "rgba(191, 219, 254, 1)"`. */
+    get blue200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(125,211,252,1)"`. */
-    get lightBlue300(): CssBuilder<T & {
+    /** Sets `color: "rgba(147, 197, 253, 1)"`. */
+    get blue300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(56,189,248,1)"`. */
-    get lightBlue400(): CssBuilder<T & {
+    /** Sets `color: "rgba(96, 165, 250, 1)"`. */
+    get blue400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(14,165,233,1)"`. */
-    get lightBlue500(): CssBuilder<T & {
+    /** Sets `color: "rgba(59, 130, 246, 1)"`. */
+    get blue500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(2,143,199,1)"`. */
-    get lightBlue600(): CssBuilder<T & {
+    /** Sets `color: "rgba(37, 99, 235, 1)"`. */
+    get blue600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(3,105,161,1)"`. */
-    get lightBlue700(): CssBuilder<T & {
+    /** Sets `color: "rgba(29, 78, 216, 1)"`. */
+    get blue700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(7,89,133,1)"`. */
-    get lightBlue800(): CssBuilder<T & {
+    /** Sets `color: "rgba(30, 64, 175, 1)"`. */
+    get blue800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(12,74,110,1)"`. */
-    get lightBlue900(): CssBuilder<T & {
+    /** Sets `color: "rgba(30, 58, 138, 1)"`. */
+    get blue900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,242,242,1)"`. */
+    /** Sets `color: "rgba(254, 242, 242, 1)"`. */
     get red50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(253,210,209,1)"`. */
+    /** Sets `color: "rgba(254, 226, 226, 1)"`. */
     get red100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(249,181,177,1)"`. */
+    /** Sets `color: "rgba(254, 202, 202, 1)"`. */
     get red200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(242,155,148,1)"`. */
+    /** Sets `color: "rgba(252, 165, 165, 1)"`. */
     get red300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(232,133,122,1)"`. */
+    /** Sets `color: "rgba(248, 113, 113, 1)"`. */
     get red400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(218,114,100,1)"`. */
+    /** Sets `color: "rgba(239, 68, 68, 1)"`. */
     get red500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(200,98,81,1)"`. */
+    /** Sets `color: "rgba(220, 38, 38, 1)"`. */
     get red600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(176,83,73,1)"`. */
+    /** Sets `color: "rgba(185, 28, 28, 1)"`. */
     get red700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(149,68,64,1)"`. */
+    /** Sets `color: "rgba(153, 27, 27, 1)"`. */
     get red800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(120,54,54,1)"`. */
+    /** Sets `color: "rgba(127, 29, 29, 1)"`. */
     get red900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,254,242,1)"`. */
+    /** Sets `color: "rgba(254, 252, 232, 1)"`. */
     get yellow50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,254,212,1)"`. */
+    /** Sets `color: "rgba(254, 249, 195, 1)"`. */
     get yellow100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,250,180,1)"`. */
+    /** Sets `color: "rgba(254, 240, 138, 1)"`. */
     get yellow200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,240,150,1)"`. */
+    /** Sets `color: "rgba(253, 224, 71, 1)"`. */
     get yellow300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,225,123,1)"`. */
+    /** Sets `color: "rgba(250, 204, 21, 1)"`. */
     get yellow400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(255,204,99,1)"`. */
+    /** Sets `color: "rgba(234, 179, 8, 1)"`. */
     get yellow500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(246,177,78,1)"`. */
+    /** Sets `color: "rgba(202, 138, 4, 1)"`. */
     get yellow600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(207,150,73,1)"`. */
+    /** Sets `color: "rgba(161, 98, 7, 1)"`. */
     get yellow700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(164,120,66,1)"`. */
+    /** Sets `color: "rgba(133, 77, 14, 1)"`. */
     get yellow800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(120,89,54,1)"`. */
+    /** Sets `color: "rgba(113, 63, 18, 1)"`. */
     get yellow900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(250,255,250,1)"`. */
+    /** Sets `color: "rgba(236, 253, 245, 1)"`. */
     get green50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(223,248,216,1)"`. */
+    /** Sets `color: "rgba(209, 250, 229, 1)"`. */
     get green100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(199,239,183,1)"`. */
+    /** Sets `color: "rgba(167, 243, 208, 1)"`. */
     get green200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(179,226,153,1)"`. */
+    /** Sets `color: "rgba(110, 231, 183, 1)"`. */
     get green300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(163,208,126,1)"`. */
+    /** Sets `color: "rgba(52, 211, 153, 1)"`. */
     get green400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(146,185,101,1)"`. */
+    /** Sets `color: "rgba(16, 185, 129, 1)"`. */
     get green500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(126,156,79,1)"`. */
+    /** Sets `color: "rgba(5, 150, 105, 1)"`. */
     get green600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(101,120,57,1)"`. */
+    /** Sets `color: "rgba(4, 120, 87, 1)"`. */
     get green700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(64,93,44,1)"`. */
+    /** Sets `color: "rgba(6, 95, 70, 1)"`. */
     get green800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(34,64,31,1)"`. */
+    /** Sets `color: "rgba(6, 78, 59, 1)"`. */
     get green900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(245,243,255,1)"`. */
-    get violet50(): CssBuilder<T & {
+    /** Sets `color: "rgba(245, 243, 255, 1)"`. */
+    get purple50(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(237, 233, 254, 1)"`. */
+    get purple100(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(221, 214, 254, 1)"`. */
+    get purple200(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(196, 181, 253, 1)"`. */
+    get purple300(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(167, 139, 250, 1)"`. */
+    get purple400(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(139, 92, 246, 1)"`. */
+    get purple500(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(124, 58, 237, 1)"`. */
+    get purple600(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(109, 40, 217, 1)"`. */
+    get purple700(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(91, 33, 182, 1)"`. */
+    get purple800(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(76, 29, 149, 1)"`. */
+    get purple900(): CssBuilder<T & {
+        color: import("csstype").Property.Color | undefined;
+    }>;
+    /** Sets `color: "rgba(255, 247, 237, 1)"`. */
+    get orange50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(238,234,253,1)"`. */
-    get violet100(): CssBuilder<T & {
+    /** Sets `color: "rgba(255, 237, 213, 1)"`. */
+    get orange100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(232,225,252,1)"`. */
-    get violet200(): CssBuilder<T & {
+    /** Sets `color: "rgba(254, 215, 170, 1)"`. */
+    get orange200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(218,205,246,1)"`. */
-    get violet300(): CssBuilder<T & {
+    /** Sets `color: "rgba(253, 186, 116, 1)"`. */
+    get orange300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(204,186,236,1)"`. */
-    get violet400(): CssBuilder<T & {
+    /** Sets `color: "rgba(251, 146, 60, 1)"`. */
+    get orange400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(190,167,223,1)"`. */
-    get violet500(): CssBuilder<T & {
+    /** Sets `color: "rgba(249, 115, 22, 1)"`. */
+    get orange500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(173,147,205,1)"`. */
-    get violet600(): CssBuilder<T & {
+    /** Sets `color: "rgba(234, 88, 12, 1)"`. */
+    get orange600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(153,126,181,1)"`. */
-    get violet700(): CssBuilder<T & {
+    /** Sets `color: "rgba(194, 65, 12, 1)"`. */
+    get orange700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(128,103,151,1)"`. */
-    get violet800(): CssBuilder<T & {
+    /** Sets `color: "rgba(154, 52, 18, 1)"`. */
+    get orange800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `color: "rgba(100,78,116,1)"`. */
-    get violet900(): CssBuilder<T & {
+    /** Sets `color: "rgba(124, 45, 18, 1)"`. */
+    get orange900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
     /** Sets `color: value`. */
     color(value: Properties["color"]): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(254,254,254,1)"`. */
+    /** Sets `backgroundColor: "rgba(255,255,255,1)"`. */
     get bgWhite(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
@@ -1870,251 +1950,291 @@ declare class CssBuilder<T extends Properties> {
     get bgTransparent(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,253,253,1)"`. */
+    /** Sets `backgroundColor: "rgba(255, 253, 253, 1)"`. */
     get bgGray50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(247,245,245,1)"`. */
+    /** Sets `backgroundColor: "rgba(247, 245, 245, 1)"`. */
     get bgGray100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(236,235,235,1)"`. */
+    /** Sets `backgroundColor: "rgba(236, 235, 235, 1)"`. */
     get bgGray200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(221,220,220,1)"`. */
+    /** Sets `backgroundColor: "rgba(221, 220, 220, 1)"`. */
     get bgGray300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(201,201,201,1)"`. */
+    /** Sets `backgroundColor: "rgba(201, 201, 201, 1)"`. */
     get bgGray400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(175,175,175,1)"`. */
+    /** Sets `backgroundColor: "rgba(175, 175, 175, 1)"`. */
     get bgGray500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(141,141,141,1)"`. */
+    /** Sets `backgroundColor: "rgba(141, 141, 141, 1)"`. */
     get bgGray600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(100,100,100,1)"`. */
+    /** Sets `backgroundColor: "rgba(100, 100, 100, 1)"`. */
     get bgGray700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(53,53,53,1)"`. */
+    /** Sets `backgroundColor: "rgba(53, 53, 53, 1)"`. */
     get bgGray800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(36,36,36,1)"`. */
+    /** Sets `backgroundColor: "rgba(36, 36, 36, 1)"`. */
     get bgGray900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(240,249,255,1)"`. */
-    get bgLightBlue50(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(239, 246, 255, 1)"`. */
+    get bgBlue50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(224,242,254,1)"`. */
-    get bgLightBlue100(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(219, 234, 254, 1)"`. */
+    get bgBlue100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(186,230,253,1)"`. */
-    get bgLightBlue200(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(191, 219, 254, 1)"`. */
+    get bgBlue200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(125,211,252,1)"`. */
-    get bgLightBlue300(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(147, 197, 253, 1)"`. */
+    get bgBlue300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(56,189,248,1)"`. */
-    get bgLightBlue400(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(96, 165, 250, 1)"`. */
+    get bgBlue400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(14,165,233,1)"`. */
-    get bgLightBlue500(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(59, 130, 246, 1)"`. */
+    get bgBlue500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(2,143,199,1)"`. */
-    get bgLightBlue600(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(37, 99, 235, 1)"`. */
+    get bgBlue600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(3,105,161,1)"`. */
-    get bgLightBlue700(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(29, 78, 216, 1)"`. */
+    get bgBlue700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(7,89,133,1)"`. */
-    get bgLightBlue800(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(30, 64, 175, 1)"`. */
+    get bgBlue800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(12,74,110,1)"`. */
-    get bgLightBlue900(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(30, 58, 138, 1)"`. */
+    get bgBlue900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,242,242,1)"`. */
+    /** Sets `backgroundColor: "rgba(254, 242, 242, 1)"`. */
     get bgRed50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(253,210,209,1)"`. */
+    /** Sets `backgroundColor: "rgba(254, 226, 226, 1)"`. */
     get bgRed100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(249,181,177,1)"`. */
+    /** Sets `backgroundColor: "rgba(254, 202, 202, 1)"`. */
     get bgRed200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(242,155,148,1)"`. */
+    /** Sets `backgroundColor: "rgba(252, 165, 165, 1)"`. */
     get bgRed300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(232,133,122,1)"`. */
+    /** Sets `backgroundColor: "rgba(248, 113, 113, 1)"`. */
     get bgRed400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(218,114,100,1)"`. */
+    /** Sets `backgroundColor: "rgba(239, 68, 68, 1)"`. */
     get bgRed500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(200,98,81,1)"`. */
+    /** Sets `backgroundColor: "rgba(220, 38, 38, 1)"`. */
     get bgRed600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(176,83,73,1)"`. */
+    /** Sets `backgroundColor: "rgba(185, 28, 28, 1)"`. */
     get bgRed700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(149,68,64,1)"`. */
+    /** Sets `backgroundColor: "rgba(153, 27, 27, 1)"`. */
     get bgRed800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(120,54,54,1)"`. */
+    /** Sets `backgroundColor: "rgba(127, 29, 29, 1)"`. */
     get bgRed900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,254,242,1)"`. */
+    /** Sets `backgroundColor: "rgba(254, 252, 232, 1)"`. */
     get bgYellow50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,254,212,1)"`. */
+    /** Sets `backgroundColor: "rgba(254, 249, 195, 1)"`. */
     get bgYellow100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,250,180,1)"`. */
+    /** Sets `backgroundColor: "rgba(254, 240, 138, 1)"`. */
     get bgYellow200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,240,150,1)"`. */
+    /** Sets `backgroundColor: "rgba(253, 224, 71, 1)"`. */
     get bgYellow300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,225,123,1)"`. */
+    /** Sets `backgroundColor: "rgba(250, 204, 21, 1)"`. */
     get bgYellow400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(255,204,99,1)"`. */
+    /** Sets `backgroundColor: "rgba(234, 179, 8, 1)"`. */
     get bgYellow500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(246,177,78,1)"`. */
+    /** Sets `backgroundColor: "rgba(202, 138, 4, 1)"`. */
     get bgYellow600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(207,150,73,1)"`. */
+    /** Sets `backgroundColor: "rgba(161, 98, 7, 1)"`. */
     get bgYellow700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(164,120,66,1)"`. */
+    /** Sets `backgroundColor: "rgba(133, 77, 14, 1)"`. */
     get bgYellow800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(120,89,54,1)"`. */
+    /** Sets `backgroundColor: "rgba(113, 63, 18, 1)"`. */
     get bgYellow900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(250,255,250,1)"`. */
+    /** Sets `backgroundColor: "rgba(236, 253, 245, 1)"`. */
     get bgGreen50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(223,248,216,1)"`. */
+    /** Sets `backgroundColor: "rgba(209, 250, 229, 1)"`. */
     get bgGreen100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(199,239,183,1)"`. */
+    /** Sets `backgroundColor: "rgba(167, 243, 208, 1)"`. */
     get bgGreen200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(179,226,153,1)"`. */
+    /** Sets `backgroundColor: "rgba(110, 231, 183, 1)"`. */
     get bgGreen300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(163,208,126,1)"`. */
+    /** Sets `backgroundColor: "rgba(52, 211, 153, 1)"`. */
     get bgGreen400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(146,185,101,1)"`. */
+    /** Sets `backgroundColor: "rgba(16, 185, 129, 1)"`. */
     get bgGreen500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(126,156,79,1)"`. */
+    /** Sets `backgroundColor: "rgba(5, 150, 105, 1)"`. */
     get bgGreen600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(101,120,57,1)"`. */
+    /** Sets `backgroundColor: "rgba(4, 120, 87, 1)"`. */
     get bgGreen700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(64,93,44,1)"`. */
+    /** Sets `backgroundColor: "rgba(6, 95, 70, 1)"`. */
     get bgGreen800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(34,64,31,1)"`. */
+    /** Sets `backgroundColor: "rgba(6, 78, 59, 1)"`. */
     get bgGreen900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(245,243,255,1)"`. */
-    get bgViolet50(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(245, 243, 255, 1)"`. */
+    get bgPurple50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(238,234,253,1)"`. */
-    get bgViolet100(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(237, 233, 254, 1)"`. */
+    get bgPurple100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(232,225,252,1)"`. */
-    get bgViolet200(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(221, 214, 254, 1)"`. */
+    get bgPurple200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(218,205,246,1)"`. */
-    get bgViolet300(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(196, 181, 253, 1)"`. */
+    get bgPurple300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(204,186,236,1)"`. */
-    get bgViolet400(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(167, 139, 250, 1)"`. */
+    get bgPurple400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(190,167,223,1)"`. */
-    get bgViolet500(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(139, 92, 246, 1)"`. */
+    get bgPurple500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(173,147,205,1)"`. */
-    get bgViolet600(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(124, 58, 237, 1)"`. */
+    get bgPurple600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(153,126,181,1)"`. */
-    get bgViolet700(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(109, 40, 217, 1)"`. */
+    get bgPurple700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(128,103,151,1)"`. */
-    get bgViolet800(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(91, 33, 182, 1)"`. */
+    get bgPurple800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `backgroundColor: "rgba(100,78,116,1)"`. */
-    get bgViolet900(): CssBuilder<T & {
+    /** Sets `backgroundColor: "rgba(76, 29, 149, 1)"`. */
+    get bgPurple900(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(255, 247, 237, 1)"`. */
+    get bgOrange50(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(255, 237, 213, 1)"`. */
+    get bgOrange100(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(254, 215, 170, 1)"`. */
+    get bgOrange200(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(253, 186, 116, 1)"`. */
+    get bgOrange300(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(251, 146, 60, 1)"`. */
+    get bgOrange400(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(249, 115, 22, 1)"`. */
+    get bgOrange500(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(234, 88, 12, 1)"`. */
+    get bgOrange600(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(194, 65, 12, 1)"`. */
+    get bgOrange700(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(154, 52, 18, 1)"`. */
+    get bgOrange800(): CssBuilder<T & {
+        backgroundColor: import("csstype").Property.BackgroundColor | undefined;
+    }>;
+    /** Sets `backgroundColor: "rgba(124, 45, 18, 1)"`. */
+    get bgOrange900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
     /** Sets `backgroundColor: value`. */
     bgColor(value: Properties["backgroundColor"]): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
-    /** Sets `fill: "rgba(254,254,254,1)"`. */
+    /** Sets `fill: "rgba(255,255,255,1)"`. */
     get fWhite(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
@@ -2122,244 +2242,284 @@ declare class CssBuilder<T extends Properties> {
     get fTransparent(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,253,253,1)"`. */
+    /** Sets `fill: "rgba(255, 253, 253, 1)"`. */
     get fGray50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(247,245,245,1)"`. */
+    /** Sets `fill: "rgba(247, 245, 245, 1)"`. */
     get fGray100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(236,235,235,1)"`. */
+    /** Sets `fill: "rgba(236, 235, 235, 1)"`. */
     get fGray200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(221,220,220,1)"`. */
+    /** Sets `fill: "rgba(221, 220, 220, 1)"`. */
     get fGray300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(201,201,201,1)"`. */
+    /** Sets `fill: "rgba(201, 201, 201, 1)"`. */
     get fGray400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(175,175,175,1)"`. */
+    /** Sets `fill: "rgba(175, 175, 175, 1)"`. */
     get fGray500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(141,141,141,1)"`. */
+    /** Sets `fill: "rgba(141, 141, 141, 1)"`. */
     get fGray600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(100,100,100,1)"`. */
+    /** Sets `fill: "rgba(100, 100, 100, 1)"`. */
     get fGray700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(53,53,53,1)"`. */
+    /** Sets `fill: "rgba(53, 53, 53, 1)"`. */
     get fGray800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(36,36,36,1)"`. */
+    /** Sets `fill: "rgba(36, 36, 36, 1)"`. */
     get fGray900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(240,249,255,1)"`. */
-    get fLightBlue50(): CssBuilder<T & {
+    /** Sets `fill: "rgba(239, 246, 255, 1)"`. */
+    get fBlue50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(224,242,254,1)"`. */
-    get fLightBlue100(): CssBuilder<T & {
+    /** Sets `fill: "rgba(219, 234, 254, 1)"`. */
+    get fBlue100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(186,230,253,1)"`. */
-    get fLightBlue200(): CssBuilder<T & {
+    /** Sets `fill: "rgba(191, 219, 254, 1)"`. */
+    get fBlue200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(125,211,252,1)"`. */
-    get fLightBlue300(): CssBuilder<T & {
+    /** Sets `fill: "rgba(147, 197, 253, 1)"`. */
+    get fBlue300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(56,189,248,1)"`. */
-    get fLightBlue400(): CssBuilder<T & {
+    /** Sets `fill: "rgba(96, 165, 250, 1)"`. */
+    get fBlue400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(14,165,233,1)"`. */
-    get fLightBlue500(): CssBuilder<T & {
+    /** Sets `fill: "rgba(59, 130, 246, 1)"`. */
+    get fBlue500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(2,143,199,1)"`. */
-    get fLightBlue600(): CssBuilder<T & {
+    /** Sets `fill: "rgba(37, 99, 235, 1)"`. */
+    get fBlue600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(3,105,161,1)"`. */
-    get fLightBlue700(): CssBuilder<T & {
+    /** Sets `fill: "rgba(29, 78, 216, 1)"`. */
+    get fBlue700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(7,89,133,1)"`. */
-    get fLightBlue800(): CssBuilder<T & {
+    /** Sets `fill: "rgba(30, 64, 175, 1)"`. */
+    get fBlue800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(12,74,110,1)"`. */
-    get fLightBlue900(): CssBuilder<T & {
+    /** Sets `fill: "rgba(30, 58, 138, 1)"`. */
+    get fBlue900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,242,242,1)"`. */
+    /** Sets `fill: "rgba(254, 242, 242, 1)"`. */
     get fRed50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(253,210,209,1)"`. */
+    /** Sets `fill: "rgba(254, 226, 226, 1)"`. */
     get fRed100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(249,181,177,1)"`. */
+    /** Sets `fill: "rgba(254, 202, 202, 1)"`. */
     get fRed200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(242,155,148,1)"`. */
+    /** Sets `fill: "rgba(252, 165, 165, 1)"`. */
     get fRed300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(232,133,122,1)"`. */
+    /** Sets `fill: "rgba(248, 113, 113, 1)"`. */
     get fRed400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(218,114,100,1)"`. */
+    /** Sets `fill: "rgba(239, 68, 68, 1)"`. */
     get fRed500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(200,98,81,1)"`. */
+    /** Sets `fill: "rgba(220, 38, 38, 1)"`. */
     get fRed600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(176,83,73,1)"`. */
+    /** Sets `fill: "rgba(185, 28, 28, 1)"`. */
     get fRed700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(149,68,64,1)"`. */
+    /** Sets `fill: "rgba(153, 27, 27, 1)"`. */
     get fRed800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(120,54,54,1)"`. */
+    /** Sets `fill: "rgba(127, 29, 29, 1)"`. */
     get fRed900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,254,242,1)"`. */
+    /** Sets `fill: "rgba(254, 252, 232, 1)"`. */
     get fYellow50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,254,212,1)"`. */
+    /** Sets `fill: "rgba(254, 249, 195, 1)"`. */
     get fYellow100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,250,180,1)"`. */
+    /** Sets `fill: "rgba(254, 240, 138, 1)"`. */
     get fYellow200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,240,150,1)"`. */
+    /** Sets `fill: "rgba(253, 224, 71, 1)"`. */
     get fYellow300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,225,123,1)"`. */
+    /** Sets `fill: "rgba(250, 204, 21, 1)"`. */
     get fYellow400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(255,204,99,1)"`. */
+    /** Sets `fill: "rgba(234, 179, 8, 1)"`. */
     get fYellow500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(246,177,78,1)"`. */
+    /** Sets `fill: "rgba(202, 138, 4, 1)"`. */
     get fYellow600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(207,150,73,1)"`. */
+    /** Sets `fill: "rgba(161, 98, 7, 1)"`. */
     get fYellow700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(164,120,66,1)"`. */
+    /** Sets `fill: "rgba(133, 77, 14, 1)"`. */
     get fYellow800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(120,89,54,1)"`. */
+    /** Sets `fill: "rgba(113, 63, 18, 1)"`. */
     get fYellow900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(250,255,250,1)"`. */
+    /** Sets `fill: "rgba(236, 253, 245, 1)"`. */
     get fGreen50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(223,248,216,1)"`. */
+    /** Sets `fill: "rgba(209, 250, 229, 1)"`. */
     get fGreen100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(199,239,183,1)"`. */
+    /** Sets `fill: "rgba(167, 243, 208, 1)"`. */
     get fGreen200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(179,226,153,1)"`. */
+    /** Sets `fill: "rgba(110, 231, 183, 1)"`. */
     get fGreen300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(163,208,126,1)"`. */
+    /** Sets `fill: "rgba(52, 211, 153, 1)"`. */
     get fGreen400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(146,185,101,1)"`. */
+    /** Sets `fill: "rgba(16, 185, 129, 1)"`. */
     get fGreen500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(126,156,79,1)"`. */
+    /** Sets `fill: "rgba(5, 150, 105, 1)"`. */
     get fGreen600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(101,120,57,1)"`. */
+    /** Sets `fill: "rgba(4, 120, 87, 1)"`. */
     get fGreen700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(64,93,44,1)"`. */
+    /** Sets `fill: "rgba(6, 95, 70, 1)"`. */
     get fGreen800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(34,64,31,1)"`. */
+    /** Sets `fill: "rgba(6, 78, 59, 1)"`. */
     get fGreen900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(245,243,255,1)"`. */
-    get fViolet50(): CssBuilder<T & {
+    /** Sets `fill: "rgba(245, 243, 255, 1)"`. */
+    get fPurple50(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(237, 233, 254, 1)"`. */
+    get fPurple100(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(221, 214, 254, 1)"`. */
+    get fPurple200(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(196, 181, 253, 1)"`. */
+    get fPurple300(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(167, 139, 250, 1)"`. */
+    get fPurple400(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(139, 92, 246, 1)"`. */
+    get fPurple500(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(124, 58, 237, 1)"`. */
+    get fPurple600(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(109, 40, 217, 1)"`. */
+    get fPurple700(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(91, 33, 182, 1)"`. */
+    get fPurple800(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(76, 29, 149, 1)"`. */
+    get fPurple900(): CssBuilder<T & {
+        fill: import("csstype").Property.Fill | undefined;
+    }>;
+    /** Sets `fill: "rgba(255, 247, 237, 1)"`. */
+    get fOrange50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(238,234,253,1)"`. */
-    get fViolet100(): CssBuilder<T & {
+    /** Sets `fill: "rgba(255, 237, 213, 1)"`. */
+    get fOrange100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(232,225,252,1)"`. */
-    get fViolet200(): CssBuilder<T & {
+    /** Sets `fill: "rgba(254, 215, 170, 1)"`. */
+    get fOrange200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(218,205,246,1)"`. */
-    get fViolet300(): CssBuilder<T & {
+    /** Sets `fill: "rgba(253, 186, 116, 1)"`. */
+    get fOrange300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(204,186,236,1)"`. */
-    get fViolet400(): CssBuilder<T & {
+    /** Sets `fill: "rgba(251, 146, 60, 1)"`. */
+    get fOrange400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(190,167,223,1)"`. */
-    get fViolet500(): CssBuilder<T & {
+    /** Sets `fill: "rgba(249, 115, 22, 1)"`. */
+    get fOrange500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(173,147,205,1)"`. */
-    get fViolet600(): CssBuilder<T & {
+    /** Sets `fill: "rgba(234, 88, 12, 1)"`. */
+    get fOrange600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(153,126,181,1)"`. */
-    get fViolet700(): CssBuilder<T & {
+    /** Sets `fill: "rgba(194, 65, 12, 1)"`. */
+    get fOrange700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(128,103,151,1)"`. */
-    get fViolet800(): CssBuilder<T & {
+    /** Sets `fill: "rgba(154, 52, 18, 1)"`. */
+    get fOrange800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
-    /** Sets `fill: "rgba(100,78,116,1)"`. */
-    get fViolet900(): CssBuilder<T & {
+    /** Sets `fill: "rgba(124, 45, 18, 1)"`. */
+    get fOrange900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
     /** Sets `fill: value`. */
@@ -4042,68 +4202,78 @@ export declare function increment(inc: number): number;
 /** Convert `pixels` to a `px` units string so it's not ambiguous. */
 export declare function px(pixels: number): string;
 export declare enum Palette {
-    White = "rgba(254,254,254,1)",
+    White = "rgba(255,255,255,1)",
     Transparent = "rgba(0,0,0,0)",
-    Gray50 = "rgba(255,253,253,1)",
-    Gray100 = "rgba(247,245,245,1)",
-    Gray200 = "rgba(236,235,235,1)",
-    Gray300 = "rgba(221,220,220,1)",
-    Gray400 = "rgba(201,201,201,1)",
-    Gray500 = "rgba(175,175,175,1)",
-    Gray600 = "rgba(141,141,141,1)",
-    Gray700 = "rgba(100,100,100,1)",
-    Gray800 = "rgba(53,53,53,1)",
-    Gray900 = "rgba(36,36,36,1)",
-    LightBlue50 = "rgba(240,249,255,1)",
-    LightBlue100 = "rgba(224,242,254,1)",
-    LightBlue200 = "rgba(186,230,253,1)",
-    LightBlue300 = "rgba(125,211,252,1)",
-    LightBlue400 = "rgba(56,189,248,1)",
-    LightBlue500 = "rgba(14,165,233,1)",
-    LightBlue600 = "rgba(2,143,199,1)",
-    LightBlue700 = "rgba(3,105,161,1)",
-    LightBlue800 = "rgba(7,89,133,1)",
-    LightBlue900 = "rgba(12,74,110,1)",
-    Red50 = "rgba(255,242,242,1)",
-    Red100 = "rgba(253,210,209,1)",
-    Red200 = "rgba(249,181,177,1)",
-    Red300 = "rgba(242,155,148,1)",
-    Red400 = "rgba(232,133,122,1)",
-    Red500 = "rgba(218,114,100,1)",
-    Red600 = "rgba(200,98,81,1)",
-    Red700 = "rgba(176,83,73,1)",
-    Red800 = "rgba(149,68,64,1)",
-    Red900 = "rgba(120,54,54,1)",
-    Yellow50 = "rgba(255,254,242,1)",
-    Yellow100 = "rgba(255,254,212,1)",
-    Yellow200 = "rgba(255,250,180,1)",
-    Yellow300 = "rgba(255,240,150,1)",
-    Yellow400 = "rgba(255,225,123,1)",
-    Yellow500 = "rgba(255,204,99,1)",
-    Yellow600 = "rgba(246,177,78,1)",
-    Yellow700 = "rgba(207,150,73,1)",
-    Yellow800 = "rgba(164,120,66,1)",
-    Yellow900 = "rgba(120,89,54,1)",
-    Green50 = "rgba(250,255,250,1)",
-    Green100 = "rgba(223,248,216,1)",
-    Green200 = "rgba(199,239,183,1)",
-    Green300 = "rgba(179,226,153,1)",
-    Green400 = "rgba(163,208,126,1)",
-    Green500 = "rgba(146,185,101,1)",
-    Green600 = "rgba(126,156,79,1)",
-    Green700 = "rgba(101,120,57,1)",
-    Green800 = "rgba(64,93,44,1)",
-    Green900 = "rgba(34,64,31,1)",
-    Violet50 = "rgba(245,243,255,1)",
-    Violet100 = "rgba(238,234,253,1)",
-    Violet200 = "rgba(232,225,252,1)",
-    Violet300 = "rgba(218,205,246,1)",
-    Violet400 = "rgba(204,186,236,1)",
-    Violet500 = "rgba(190,167,223,1)",
-    Violet600 = "rgba(173,147,205,1)",
-    Violet700 = "rgba(153,126,181,1)",
-    Violet800 = "rgba(128,103,151,1)",
-    Violet900 = "rgba(100,78,116,1)"
+    Gray50 = "rgba(255, 253, 253, 1)",
+    Gray100 = "rgba(247, 245, 245, 1)",
+    Gray200 = "rgba(236, 235, 235, 1)",
+    Gray300 = "rgba(221, 220, 220, 1)",
+    Gray400 = "rgba(201, 201, 201, 1)",
+    Gray500 = "rgba(175, 175, 175, 1)",
+    Gray600 = "rgba(141, 141, 141, 1)",
+    Gray700 = "rgba(100, 100, 100, 1)",
+    Gray800 = "rgba(53, 53, 53, 1)",
+    Gray900 = "rgba(36, 36, 36, 1)",
+    Blue50 = "rgba(239, 246, 255, 1)",
+    Blue100 = "rgba(219, 234, 254, 1)",
+    Blue200 = "rgba(191, 219, 254, 1)",
+    Blue300 = "rgba(147, 197, 253, 1)",
+    Blue400 = "rgba(96, 165, 250, 1)",
+    Blue500 = "rgba(59, 130, 246, 1)",
+    Blue600 = "rgba(37, 99, 235, 1)",
+    Blue700 = "rgba(29, 78, 216, 1)",
+    Blue800 = "rgba(30, 64, 175, 1)",
+    Blue900 = "rgba(30, 58, 138, 1)",
+    Red50 = "rgba(254, 242, 242, 1)",
+    Red100 = "rgba(254, 226, 226, 1)",
+    Red200 = "rgba(254, 202, 202, 1)",
+    Red300 = "rgba(252, 165, 165, 1)",
+    Red400 = "rgba(248, 113, 113, 1)",
+    Red500 = "rgba(239, 68, 68, 1)",
+    Red600 = "rgba(220, 38, 38, 1)",
+    Red700 = "rgba(185, 28, 28, 1)",
+    Red800 = "rgba(153, 27, 27, 1)",
+    Red900 = "rgba(127, 29, 29, 1)",
+    Yellow50 = "rgba(254, 252, 232, 1)",
+    Yellow100 = "rgba(254, 249, 195, 1)",
+    Yellow200 = "rgba(254, 240, 138, 1)",
+    Yellow300 = "rgba(253, 224, 71, 1)",
+    Yellow400 = "rgba(250, 204, 21, 1)",
+    Yellow500 = "rgba(234, 179, 8, 1)",
+    Yellow600 = "rgba(202, 138, 4, 1)",
+    Yellow700 = "rgba(161, 98, 7, 1)",
+    Yellow800 = "rgba(133, 77, 14, 1)",
+    Yellow900 = "rgba(113, 63, 18, 1)",
+    Green50 = "rgba(236, 253, 245, 1)",
+    Green100 = "rgba(209, 250, 229, 1)",
+    Green200 = "rgba(167, 243, 208, 1)",
+    Green300 = "rgba(110, 231, 183, 1)",
+    Green400 = "rgba(52, 211, 153, 1)",
+    Green500 = "rgba(16, 185, 129, 1)",
+    Green600 = "rgba(5, 150, 105, 1)",
+    Green700 = "rgba(4, 120, 87, 1)",
+    Green800 = "rgba(6, 95, 70, 1)",
+    Green900 = "rgba(6, 78, 59, 1)",
+    Purple50 = "rgba(245, 243, 255, 1)",
+    Purple100 = "rgba(237, 233, 254, 1)",
+    Purple200 = "rgba(221, 214, 254, 1)",
+    Purple300 = "rgba(196, 181, 253, 1)",
+    Purple400 = "rgba(167, 139, 250, 1)",
+    Purple500 = "rgba(139, 92, 246, 1)",
+    Purple600 = "rgba(124, 58, 237, 1)",
+    Purple700 = "rgba(109, 40, 217, 1)",
+    Purple800 = "rgba(91, 33, 182, 1)",
+    Purple900 = "rgba(76, 29, 149, 1)",
+    Orange50 = "rgba(255, 247, 237, 1)",
+    Orange100 = "rgba(255, 237, 213, 1)",
+    Orange200 = "rgba(254, 215, 170, 1)",
+    Orange300 = "rgba(253, 186, 116, 1)",
+    Orange400 = "rgba(251, 146, 60, 1)",
+    Orange500 = "rgba(249, 115, 22, 1)",
+    Orange600 = "rgba(234, 88, 12, 1)",
+    Orange700 = "rgba(194, 65, 12, 1)",
+    Orange800 = "rgba(154, 52, 18, 1)",
+    Orange900 = "rgba(124, 45, 18, 1)"
 }
 /** A shortcut for defining Xss types. */
 export type Xss<P extends keyof Properties> = Pick<Properties, P>;