@fastwork/xosmoz-css 0.0.33 → 0.0.35

package/dist/atomic.css

@@ -1850,8 +1850,8 @@
   color: var(--xz-color-surface-400) !important;
 }
 
-._cl-fg-100 {
-  color: var(--xz-color-fg-100) !important;
+._cl-text-fg {
+  color: var(--xz-color-text-fg) !important;
 }
 
 ._cl-text-100 {
@@ -1866,6 +1866,10 @@
   color: var(--xz-color-text-300) !important;
 }
 
+._cl-line-50 {
+  color: var(--xz-color-line-50) !important;
+}
+
 ._cl-line-100 {
   color: var(--xz-color-line-100) !important;
 }
@@ -1886,10 +1890,6 @@
   color: var(--xz-color-primary-soft-200) !important;
 }
 
-._cl-primary-soft-300 {
-  color: var(--xz-color-primary-soft-300) !important;
-}
-
 ._cl-primary-line-100 {
   color: var(--xz-color-primary-line-100) !important;
 }
@@ -1910,8 +1910,8 @@
   color: var(--xz-color-primary-bg-200) !important;
 }
 
-._cl-primary-fg-100 {
-  color: var(--xz-color-primary-fg-100) !important;
+._cl-primary-text-fg {
+  color: var(--xz-color-primary-text-fg) !important;
 }
 
 ._cl-primary-text-100 {
@@ -1930,10 +1930,6 @@
   color: var(--xz-color-danger-soft-200) !important;
 }
 
-._cl-danger-soft-300 {
-  color: var(--xz-color-danger-soft-300) !important;
-}
-
 ._cl-danger-line-100 {
   color: var(--xz-color-danger-line-100) !important;
 }
@@ -1954,8 +1950,8 @@
   color: var(--xz-color-danger-bg-200) !important;
 }
 
-._cl-danger-fg-100 {
-  color: var(--xz-color-danger-fg-100) !important;
+._cl-danger-text-fg {
+  color: var(--xz-color-danger-text-fg) !important;
 }
 
 ._cl-danger-text-100 {
@@ -1974,10 +1970,6 @@
   color: var(--xz-color-success-soft-200) !important;
 }
 
-._cl-success-soft-300 {
-  color: var(--xz-color-success-soft-300) !important;
-}
-
 ._cl-success-line-100 {
   color: var(--xz-color-success-line-100) !important;
 }
@@ -1998,8 +1990,8 @@
   color: var(--xz-color-success-bg-200) !important;
 }
 
-._cl-success-fg-100 {
-  color: var(--xz-color-success-fg-100) !important;
+._cl-success-text-fg {
+  color: var(--xz-color-success-text-fg) !important;
 }
 
 ._cl-success-text-100 {
@@ -2018,10 +2010,6 @@
   color: var(--xz-color-warning-soft-200) !important;
 }
 
-._cl-warning-soft-300 {
-  color: var(--xz-color-warning-soft-300) !important;
-}
-
 ._cl-warning-line-100 {
   color: var(--xz-color-warning-line-100) !important;
 }
@@ -2042,8 +2030,8 @@
   color: var(--xz-color-warning-bg-200) !important;
 }
 
-._cl-warning-fg-100 {
-  color: var(--xz-color-warning-fg-100) !important;
+._cl-warning-text-fg {
+  color: var(--xz-color-warning-text-fg) !important;
 }
 
 ._cl-warning-text-100 {
@@ -2062,10 +2050,6 @@
   color: var(--xz-color-info-soft-200) !important;
 }
 
-._cl-info-soft-300 {
-  color: var(--xz-color-info-soft-300) !important;
-}
-
 ._cl-info-line-100 {
   color: var(--xz-color-info-line-100) !important;
 }
@@ -2086,8 +2070,8 @@
   color: var(--xz-color-info-bg-200) !important;
 }
 
-._cl-info-fg-100 {
-  color: var(--xz-color-info-fg-100) !important;
+._cl-info-text-fg {
+  color: var(--xz-color-info-text-fg) !important;
 }
 
 ._cl-info-text-100 {
@@ -2106,10 +2090,6 @@
   color: var(--xz-color-neutral-soft-200) !important;
 }
 
-._cl-neutral-soft-300 {
-  color: var(--xz-color-neutral-soft-300) !important;
-}
-
 ._cl-neutral-line-100 {
   color: var(--xz-color-neutral-line-100) !important;
 }
@@ -2130,8 +2110,8 @@
   color: var(--xz-color-neutral-bg-200) !important;
 }
 
-._cl-neutral-fg-100 {
-  color: var(--xz-color-neutral-fg-100) !important;
+._cl-neutral-text-fg {
+  color: var(--xz-color-neutral-text-fg) !important;
 }
 
 ._cl-neutral-text-100 {
@@ -2142,444 +2122,108 @@
   color: var(--xz-color-neutral-text-200) !important;
 }
 
-._cl-fastwork-100 {
-  color: var(--xz-color-fastwork-100) !important;
-}
-
-._cl-fastwork-200 {
-  color: var(--xz-color-fastwork-200) !important;
-}
-
-._cl-fastwork-300 {
-  color: var(--xz-color-fastwork-300) !important;
-}
-
-._cl-fastwork-400 {
-  color: var(--xz-color-fastwork-400) !important;
-}
-
-._cl-fastwork-500 {
-  color: var(--xz-color-fastwork-500) !important;
-}
-
-._cl-fastwork-600 {
-  color: var(--xz-color-fastwork-600) !important;
-}
-
-._cl-fastwork-700 {
-  color: var(--xz-color-fastwork-700) !important;
-}
-
-._cl-fastwork-800 {
-  color: var(--xz-color-fastwork-800) !important;
-}
-
-._cl-fastwork-900 {
-  color: var(--xz-color-fastwork-900) !important;
-}
-
-._cl-fastwork-1000 {
-  color: var(--xz-color-fastwork-1000) !important;
-}
-
-._cl-gray-100 {
-  color: var(--xz-color-gray-100) !important;
-}
-
-._cl-gray-200 {
-  color: var(--xz-color-gray-200) !important;
-}
-
-._cl-gray-300 {
-  color: var(--xz-color-gray-300) !important;
-}
-
-._cl-gray-400 {
-  color: var(--xz-color-gray-400) !important;
-}
-
-._cl-gray-500 {
-  color: var(--xz-color-gray-500) !important;
-}
-
-._cl-gray-600 {
-  color: var(--xz-color-gray-600) !important;
-}
-
-._cl-gray-700 {
-  color: var(--xz-color-gray-700) !important;
-}
-
-._cl-gray-800 {
-  color: var(--xz-color-gray-800) !important;
-}
-
-._cl-gray-900 {
-  color: var(--xz-color-gray-900) !important;
-}
-
-._cl-gray-1000 {
-  color: var(--xz-color-gray-1000) !important;
-}
-
-._cl-green-100 {
-  color: var(--xz-color-green-100) !important;
-}
-
-._cl-green-200 {
-  color: var(--xz-color-green-200) !important;
-}
-
-._cl-green-300 {
-  color: var(--xz-color-green-300) !important;
-}
-
-._cl-green-400 {
-  color: var(--xz-color-green-400) !important;
-}
-
-._cl-green-500 {
-  color: var(--xz-color-green-500) !important;
-}
-
-._cl-green-600 {
-  color: var(--xz-color-green-600) !important;
-}
-
-._cl-green-700 {
-  color: var(--xz-color-green-700) !important;
-}
-
-._cl-green-800 {
-  color: var(--xz-color-green-800) !important;
-}
-
-._cl-green-900 {
-  color: var(--xz-color-green-900) !important;
-}
-
-._cl-green-1000 {
-  color: var(--xz-color-green-1000) !important;
-}
-
-._cl-mint-100 {
-  color: var(--xz-color-mint-100) !important;
-}
-
-._cl-mint-200 {
-  color: var(--xz-color-mint-200) !important;
-}
-
-._cl-mint-300 {
-  color: var(--xz-color-mint-300) !important;
-}
-
-._cl-mint-400 {
-  color: var(--xz-color-mint-400) !important;
-}
-
-._cl-mint-500 {
-  color: var(--xz-color-mint-500) !important;
-}
-
-._cl-mint-600 {
-  color: var(--xz-color-mint-600) !important;
-}
-
-._cl-mint-700 {
-  color: var(--xz-color-mint-700) !important;
-}
-
-._cl-mint-800 {
-  color: var(--xz-color-mint-800) !important;
-}
-
-._cl-mint-900 {
-  color: var(--xz-color-mint-900) !important;
-}
-
-._cl-mint-1000 {
-  color: var(--xz-color-mint-1000) !important;
-}
-
-._cl-amber-100 {
-  color: var(--xz-color-amber-100) !important;
-}
-
-._cl-amber-200 {
-  color: var(--xz-color-amber-200) !important;
-}
-
-._cl-amber-300 {
-  color: var(--xz-color-amber-300) !important;
-}
-
-._cl-amber-400 {
-  color: var(--xz-color-amber-400) !important;
-}
-
-._cl-amber-500 {
-  color: var(--xz-color-amber-500) !important;
-}
-
-._cl-amber-600 {
-  color: var(--xz-color-amber-600) !important;
-}
-
-._cl-amber-700 {
-  color: var(--xz-color-amber-700) !important;
-}
-
-._cl-amber-800 {
-  color: var(--xz-color-amber-800) !important;
-}
-
-._cl-amber-900 {
-  color: var(--xz-color-amber-900) !important;
-}
-
-._cl-amber-1000 {
-  color: var(--xz-color-amber-1000) !important;
-}
-
-._cl-red-100 {
-  color: var(--xz-color-red-100) !important;
-}
-
-._cl-red-200 {
-  color: var(--xz-color-red-200) !important;
-}
-
-._cl-red-300 {
-  color: var(--xz-color-red-300) !important;
-}
-
-._cl-red-400 {
-  color: var(--xz-color-red-400) !important;
-}
-
-._cl-red-500 {
-  color: var(--xz-color-red-500) !important;
-}
-
-._cl-red-600 {
-  color: var(--xz-color-red-600) !important;
-}
-
-._cl-red-700 {
-  color: var(--xz-color-red-700) !important;
-}
-
-._cl-red-800 {
-  color: var(--xz-color-red-800) !important;
+._cl-orange-soft-100 {
+  color: var(--xz-color-orange-soft-100) !important;
 }
 
-._cl-red-900 {
-  color: var(--xz-color-red-900) !important;
+._cl-orange-soft-200 {
+  color: var(--xz-color-orange-soft-200) !important;
 }
 
-._cl-red-1000 {
-  color: var(--xz-color-red-1000) !important;
+._cl-orange-line-100 {
+  color: var(--xz-color-orange-line-100) !important;
 }
 
-._cl-orange-100 {
-  color: var(--xz-color-orange-100) !important;
+._cl-orange-line-200 {
+  color: var(--xz-color-orange-line-200) !important;
 }
 
-._cl-orange-200 {
-  color: var(--xz-color-orange-200) !important;
+._cl-orange-line-300 {
+  color: var(--xz-color-orange-line-300) !important;
 }
 
-._cl-orange-300 {
-  color: var(--xz-color-orange-300) !important;
+._cl-orange-bg-100 {
+  color: var(--xz-color-orange-bg-100) !important;
 }
 
-._cl-orange-400 {
-  color: var(--xz-color-orange-400) !important;
+._cl-orange-bg-200 {
+  color: var(--xz-color-orange-bg-200) !important;
 }
 
-._cl-orange-500 {
-  color: var(--xz-color-orange-500) !important;
+._cl-orange-text-fg {
+  color: var(--xz-color-orange-text-fg) !important;
 }
 
-._cl-orange-600 {
-  color: var(--xz-color-orange-600) !important;
+._cl-orange-text-100 {
+  color: var(--xz-color-orange-text-100) !important;
 }
 
-._cl-orange-700 {
-  color: var(--xz-color-orange-700) !important;
+._cl-purple-soft-100 {
+  color: var(--xz-color-purple-soft-100) !important;
 }
 
-._cl-orange-800 {
-  color: var(--xz-color-orange-800) !important;
+._cl-purple-soft-200 {
+  color: var(--xz-color-purple-soft-200) !important;
 }
 
-._cl-orange-900 {
-  color: var(--xz-color-orange-900) !important;
+._cl-purple-line-100 {
+  color: var(--xz-color-purple-line-100) !important;
 }
 
-._cl-orange-1000 {
-  color: var(--xz-color-orange-1000) !important;
+._cl-purple-line-200 {
+  color: var(--xz-color-purple-line-200) !important;
 }
 
-._cl-purple-100 {
-  color: var(--xz-color-purple-100) !important;
+._cl-purple-line-300 {
+  color: var(--xz-color-purple-line-300) !important;
 }
 
-._cl-purple-200 {
-  color: var(--xz-color-purple-200) !important;
+._cl-purple-bg-100 {
+  color: var(--xz-color-purple-bg-100) !important;
 }
 
-._cl-purple-300 {
-  color: var(--xz-color-purple-300) !important;
+._cl-purple-bg-200 {
+  color: var(--xz-color-purple-bg-200) !important;
 }
 
-._cl-purple-400 {
-  color: var(--xz-color-purple-400) !important;
+._cl-purple-text-fg {
+  color: var(--xz-color-purple-text-fg) !important;
 }
 
-._cl-purple-500 {
-  color: var(--xz-color-purple-500) !important;
+._cl-purple-text-100 {
+  color: var(--xz-color-purple-text-100) !important;
 }
 
-._cl-purple-600 {
-  color: var(--xz-color-purple-600) !important;
+._cl-fastwork {
+  color: var(--xz-color-fastwork) !important;
 }
 
-._cl-purple-700 {
-  color: var(--xz-color-purple-700) !important;
+._cl-gray {
+  color: var(--xz-color-gray) !important;
 }
 
-._cl-purple-800 {
-  color: var(--xz-color-purple-800) !important;
+._cl-green {
+  color: var(--xz-color-green) !important;
 }
 
-._cl-purple-900 {
-  color: var(--xz-color-purple-900) !important;
+._cl-yellow {
+  color: var(--xz-color-yellow) !important;
 }
 
-._cl-purple-1000 {
-  color: var(--xz-color-purple-1000) !important;
+._cl-red {
+  color: var(--xz-color-red) !important;
 }
 
-._cl-cyan-100 {
-  color: var(--xz-color-cyan-100) !important;
+._cl-orange {
+  color: var(--xz-color-orange) !important;
 }
 
-._cl-cyan-200 {
-  color: var(--xz-color-cyan-200) !important;
+._cl-purple {
+  color: var(--xz-color-purple) !important;
 }
 
-._cl-cyan-300 {
-  color: var(--xz-color-cyan-300) !important;
-}
-
-._cl-cyan-400 {
-  color: var(--xz-color-cyan-400) !important;
-}
-
-._cl-cyan-500 {
-  color: var(--xz-color-cyan-500) !important;
-}
-
-._cl-cyan-600 {
-  color: var(--xz-color-cyan-600) !important;
-}
-
-._cl-cyan-700 {
-  color: var(--xz-color-cyan-700) !important;
-}
-
-._cl-cyan-800 {
-  color: var(--xz-color-cyan-800) !important;
-}
-
-._cl-cyan-900 {
-  color: var(--xz-color-cyan-900) !important;
-}
-
-._cl-cyan-1000 {
-  color: var(--xz-color-cyan-1000) !important;
-}
-
-._cl-black-alpha-100 {
-  color: var(--xz-color-black-alpha-100) !important;
-}
-
-._cl-black-alpha-200 {
-  color: var(--xz-color-black-alpha-200) !important;
-}
-
-._cl-black-alpha-300 {
-  color: var(--xz-color-black-alpha-300) !important;
-}
-
-._cl-black-alpha-400 {
-  color: var(--xz-color-black-alpha-400) !important;
-}
-
-._cl-black-alpha-500 {
-  color: var(--xz-color-black-alpha-500) !important;
-}
-
-._cl-black-alpha-600 {
-  color: var(--xz-color-black-alpha-600) !important;
-}
-
-._cl-black-alpha-700 {
-  color: var(--xz-color-black-alpha-700) !important;
-}
-
-._cl-black-alpha-800 {
-  color: var(--xz-color-black-alpha-800) !important;
-}
-
-._cl-black-alpha-900 {
-  color: var(--xz-color-black-alpha-900) !important;
-}
-
-._cl-black-alpha-1000 {
-  color: var(--xz-color-black-alpha-1000) !important;
-}
-
-._cl-white-alpha-100 {
-  color: var(--xz-color-white-alpha-100) !important;
-}
-
-._cl-white-alpha-200 {
-  color: var(--xz-color-white-alpha-200) !important;
-}
-
-._cl-white-alpha-300 {
-  color: var(--xz-color-white-alpha-300) !important;
-}
-
-._cl-white-alpha-400 {
-  color: var(--xz-color-white-alpha-400) !important;
-}
-
-._cl-white-alpha-500 {
-  color: var(--xz-color-white-alpha-500) !important;
-}
-
-._cl-white-alpha-600 {
-  color: var(--xz-color-white-alpha-600) !important;
-}
-
-._cl-white-alpha-700 {
-  color: var(--xz-color-white-alpha-700) !important;
-}
-
-._cl-white-alpha-800 {
-  color: var(--xz-color-white-alpha-800) !important;
-}
-
-._cl-white-alpha-900 {
-  color: var(--xz-color-white-alpha-900) !important;
-}
-
-._cl-white-alpha-1000 {
-  color: var(--xz-color-white-alpha-1000) !important;
+._cl-cyan {
+  color: var(--xz-color-cyan) !important;
 }
 
 ._cl-crcl {
@@ -2615,8 +2259,8 @@
   background-color: var(--xz-color-surface-400) !important;
 }
 
-._bgcl-fg-100 {
-  background-color: var(--xz-color-fg-100) !important;
+._bgcl-text-fg {
+  background-color: var(--xz-color-text-fg) !important;
 }
 
 ._bgcl-text-100 {
@@ -2631,6 +2275,10 @@
   background-color: var(--xz-color-text-300) !important;
 }
 
+._bgcl-line-50 {
+  background-color: var(--xz-color-line-50) !important;
+}
+
 ._bgcl-line-100 {
   background-color: var(--xz-color-line-100) !important;
 }
@@ -2651,10 +2299,6 @@
   background-color: var(--xz-color-primary-soft-200) !important;
 }
 
-._bgcl-primary-soft-300 {
-  background-color: var(--xz-color-primary-soft-300) !important;
-}
-
 ._bgcl-primary-line-100 {
   background-color: var(--xz-color-primary-line-100) !important;
 }
@@ -2675,8 +2319,8 @@
   background-color: var(--xz-color-primary-bg-200) !important;
 }
 
-._bgcl-primary-fg-100 {
-  background-color: var(--xz-color-primary-fg-100) !important;
+._bgcl-primary-text-fg {
+  background-color: var(--xz-color-primary-text-fg) !important;
 }
 
 ._bgcl-primary-text-100 {
@@ -2695,10 +2339,6 @@
   background-color: var(--xz-color-danger-soft-200) !important;
 }
 
-._bgcl-danger-soft-300 {
-  background-color: var(--xz-color-danger-soft-300) !important;
-}
-
 ._bgcl-danger-line-100 {
   background-color: var(--xz-color-danger-line-100) !important;
 }
@@ -2719,8 +2359,8 @@
   background-color: var(--xz-color-danger-bg-200) !important;
 }
 
-._bgcl-danger-fg-100 {
-  background-color: var(--xz-color-danger-fg-100) !important;
+._bgcl-danger-text-fg {
+  background-color: var(--xz-color-danger-text-fg) !important;
 }
 
 ._bgcl-danger-text-100 {
@@ -2739,10 +2379,6 @@
   background-color: var(--xz-color-success-soft-200) !important;
 }
 
-._bgcl-success-soft-300 {
-  background-color: var(--xz-color-success-soft-300) !important;
-}
-
 ._bgcl-success-line-100 {
   background-color: var(--xz-color-success-line-100) !important;
 }
@@ -2763,8 +2399,8 @@
   background-color: var(--xz-color-success-bg-200) !important;
 }
 
-._bgcl-success-fg-100 {
-  background-color: var(--xz-color-success-fg-100) !important;
+._bgcl-success-text-fg {
+  background-color: var(--xz-color-success-text-fg) !important;
 }
 
 ._bgcl-success-text-100 {
@@ -2783,10 +2419,6 @@
   background-color: var(--xz-color-warning-soft-200) !important;
 }
 
-._bgcl-warning-soft-300 {
-  background-color: var(--xz-color-warning-soft-300) !important;
-}
-
 ._bgcl-warning-line-100 {
   background-color: var(--xz-color-warning-line-100) !important;
 }
@@ -2807,8 +2439,8 @@
   background-color: var(--xz-color-warning-bg-200) !important;
 }
 
-._bgcl-warning-fg-100 {
-  background-color: var(--xz-color-warning-fg-100) !important;
+._bgcl-warning-text-fg {
+  background-color: var(--xz-color-warning-text-fg) !important;
 }
 
 ._bgcl-warning-text-100 {
@@ -2827,10 +2459,6 @@
   background-color: var(--xz-color-info-soft-200) !important;
 }
 
-._bgcl-info-soft-300 {
-  background-color: var(--xz-color-info-soft-300) !important;
-}
-
 ._bgcl-info-line-100 {
   background-color: var(--xz-color-info-line-100) !important;
 }
@@ -2851,8 +2479,8 @@
   background-color: var(--xz-color-info-bg-200) !important;
 }
 
-._bgcl-info-fg-100 {
-  background-color: var(--xz-color-info-fg-100) !important;
+._bgcl-info-text-fg {
+  background-color: var(--xz-color-info-text-fg) !important;
 }
 
 ._bgcl-info-text-100 {
@@ -2871,10 +2499,6 @@
   background-color: var(--xz-color-neutral-soft-200) !important;
 }
 
-._bgcl-neutral-soft-300 {
-  background-color: var(--xz-color-neutral-soft-300) !important;
-}
-
 ._bgcl-neutral-line-100 {
   background-color: var(--xz-color-neutral-line-100) !important;
 }
@@ -2895,8 +2519,8 @@
   background-color: var(--xz-color-neutral-bg-200) !important;
 }
 
-._bgcl-neutral-fg-100 {
-  background-color: var(--xz-color-neutral-fg-100) !important;
+._bgcl-neutral-text-fg {
+  background-color: var(--xz-color-neutral-text-fg) !important;
 }
 
 ._bgcl-neutral-text-100 {
@@ -2907,585 +2531,245 @@
   background-color: var(--xz-color-neutral-text-200) !important;
 }
 
-._bgcl-fastwork-100 {
-  background-color: var(--xz-color-fastwork-100) !important;
+._bgcl-orange-soft-100 {
+  background-color: var(--xz-color-orange-soft-100) !important;
 }
 
-._bgcl-fastwork-200 {
-  background-color: var(--xz-color-fastwork-200) !important;
+._bgcl-orange-soft-200 {
+  background-color: var(--xz-color-orange-soft-200) !important;
 }
 
-._bgcl-fastwork-300 {
-  background-color: var(--xz-color-fastwork-300) !important;
+._bgcl-orange-line-100 {
+  background-color: var(--xz-color-orange-line-100) !important;
 }
 
-._bgcl-fastwork-400 {
-  background-color: var(--xz-color-fastwork-400) !important;
+._bgcl-orange-line-200 {
+  background-color: var(--xz-color-orange-line-200) !important;
 }
 
-._bgcl-fastwork-500 {
-  background-color: var(--xz-color-fastwork-500) !important;
+._bgcl-orange-line-300 {
+  background-color: var(--xz-color-orange-line-300) !important;
 }
 
-._bgcl-fastwork-600 {
-  background-color: var(--xz-color-fastwork-600) !important;
+._bgcl-orange-bg-100 {
+  background-color: var(--xz-color-orange-bg-100) !important;
 }
 
-._bgcl-fastwork-700 {
-  background-color: var(--xz-color-fastwork-700) !important;
+._bgcl-orange-bg-200 {
+  background-color: var(--xz-color-orange-bg-200) !important;
 }
 
-._bgcl-fastwork-800 {
-  background-color: var(--xz-color-fastwork-800) !important;
+._bgcl-orange-text-fg {
+  background-color: var(--xz-color-orange-text-fg) !important;
 }
 
-._bgcl-fastwork-900 {
-  background-color: var(--xz-color-fastwork-900) !important;
+._bgcl-orange-text-100 {
+  background-color: var(--xz-color-orange-text-100) !important;
 }
 
-._bgcl-fastwork-1000 {
-  background-color: var(--xz-color-fastwork-1000) !important;
+._bgcl-purple-soft-100 {
+  background-color: var(--xz-color-purple-soft-100) !important;
 }
 
-._bgcl-gray-100 {
-  background-color: var(--xz-color-gray-100) !important;
+._bgcl-purple-soft-200 {
+  background-color: var(--xz-color-purple-soft-200) !important;
 }
 
-._bgcl-gray-200 {
-  background-color: var(--xz-color-gray-200) !important;
+._bgcl-purple-line-100 {
+  background-color: var(--xz-color-purple-line-100) !important;
 }
 
-._bgcl-gray-300 {
-  background-color: var(--xz-color-gray-300) !important;
+._bgcl-purple-line-200 {
+  background-color: var(--xz-color-purple-line-200) !important;
 }
 
-._bgcl-gray-400 {
-  background-color: var(--xz-color-gray-400) !important;
+._bgcl-purple-line-300 {
+  background-color: var(--xz-color-purple-line-300) !important;
 }
 
-._bgcl-gray-500 {
-  background-color: var(--xz-color-gray-500) !important;
+._bgcl-purple-bg-100 {
+  background-color: var(--xz-color-purple-bg-100) !important;
 }
 
-._bgcl-gray-600 {
-  background-color: var(--xz-color-gray-600) !important;
+._bgcl-purple-bg-200 {
+  background-color: var(--xz-color-purple-bg-200) !important;
 }
 
-._bgcl-gray-700 {
-  background-color: var(--xz-color-gray-700) !important;
+._bgcl-purple-text-fg {
+  background-color: var(--xz-color-purple-text-fg) !important;
 }
 
-._bgcl-gray-800 {
-  background-color: var(--xz-color-gray-800) !important;
+._bgcl-purple-text-100 {
+  background-color: var(--xz-color-purple-text-100) !important;
 }
 
-._bgcl-gray-900 {
-  background-color: var(--xz-color-gray-900) !important;
+._bgcl-fastwork {
+  background-color: var(--xz-color-fastwork) !important;
 }
 
-._bgcl-gray-1000 {
-  background-color: var(--xz-color-gray-1000) !important;
+._bgcl-gray {
+  background-color: var(--xz-color-gray) !important;
 }
 
-._bgcl-green-100 {
-  background-color: var(--xz-color-green-100) !important;
+._bgcl-green {
+  background-color: var(--xz-color-green) !important;
 }
 
-._bgcl-green-200 {
-  background-color: var(--xz-color-green-200) !important;
+._bgcl-yellow {
+  background-color: var(--xz-color-yellow) !important;
 }
 
-._bgcl-green-300 {
-  background-color: var(--xz-color-green-300) !important;
+._bgcl-red {
+  background-color: var(--xz-color-red) !important;
 }
 
-._bgcl-green-400 {
-  background-color: var(--xz-color-green-400) !important;
+._bgcl-orange {
+  background-color: var(--xz-color-orange) !important;
 }
 
-._bgcl-green-500 {
-  background-color: var(--xz-color-green-500) !important;
+._bgcl-purple {
+  background-color: var(--xz-color-purple) !important;
 }
 
-._bgcl-green-600 {
-  background-color: var(--xz-color-green-600) !important;
+._bgcl-cyan {
+  background-color: var(--xz-color-cyan) !important;
 }
 
-._bgcl-green-700 {
-  background-color: var(--xz-color-green-700) !important;
+._bgcl-crcl {
+  background-color: currentcolor !important;
 }
 
-._bgcl-green-800 {
-  background-color: var(--xz-color-green-800) !important;
+._bgcl-tpr {
+  background-color: transparent !important;
 }
 
-._bgcl-green-900 {
-  background-color: var(--xz-color-green-900) !important;
+._bgcl-us {
+  background-color: unset !important;
 }
 
-._bgcl-green-1000 {
-  background-color: var(--xz-color-green-1000) !important;
+/* Border Color */
+._bdcl-bg-100 {
+  border-color: var(--xz-color-bg-100) !important;
 }
 
-._bgcl-mint-100 {
-  background-color: var(--xz-color-mint-100) !important;
+._bdcl-surface-100 {
+  border-color: var(--xz-color-surface-100) !important;
 }
 
-._bgcl-mint-200 {
-  background-color: var(--xz-color-mint-200) !important;
+._bdcl-surface-200 {
+  border-color: var(--xz-color-surface-200) !important;
 }
 
-._bgcl-mint-300 {
-  background-color: var(--xz-color-mint-300) !important;
+._bdcl-surface-300 {
+  border-color: var(--xz-color-surface-300) !important;
 }
 
-._bgcl-mint-400 {
-  background-color: var(--xz-color-mint-400) !important;
+._bdcl-surface-400 {
+  border-color: var(--xz-color-surface-400) !important;
 }
 
-._bgcl-mint-500 {
-  background-color: var(--xz-color-mint-500) !important;
+._bdcl-text-fg {
+  border-color: var(--xz-color-text-fg) !important;
 }
 
-._bgcl-mint-600 {
-  background-color: var(--xz-color-mint-600) !important;
+._bdcl-text-100 {
+  border-color: var(--xz-color-text-100) !important;
 }
 
-._bgcl-mint-700 {
-  background-color: var(--xz-color-mint-700) !important;
+._bdcl-text-200 {
+  border-color: var(--xz-color-text-200) !important;
 }
 
-._bgcl-mint-800 {
-  background-color: var(--xz-color-mint-800) !important;
+._bdcl-text-300 {
+  border-color: var(--xz-color-text-300) !important;
 }
 
-._bgcl-mint-900 {
-  background-color: var(--xz-color-mint-900) !important;
+._bdcl-line-50 {
+  border-color: var(--xz-color-line-50) !important;
 }
 
-._bgcl-mint-1000 {
-  background-color: var(--xz-color-mint-1000) !important;
+._bdcl-line-100 {
+  border-color: var(--xz-color-line-100) !important;
 }
 
-._bgcl-amber-100 {
-  background-color: var(--xz-color-amber-100) !important;
+._bdcl-line-200 {
+  border-color: var(--xz-color-line-200) !important;
 }
 
-._bgcl-amber-200 {
-  background-color: var(--xz-color-amber-200) !important;
+._bdcl-line-300 {
+  border-color: var(--xz-color-line-300) !important;
 }
 
-._bgcl-amber-300 {
-  background-color: var(--xz-color-amber-300) !important;
+._bdcl-primary-soft-100 {
+  border-color: var(--xz-color-primary-soft-100) !important;
 }
 
-._bgcl-amber-400 {
-  background-color: var(--xz-color-amber-400) !important;
+._bdcl-primary-soft-200 {
+  border-color: var(--xz-color-primary-soft-200) !important;
 }
 
-._bgcl-amber-500 {
-  background-color: var(--xz-color-amber-500) !important;
+._bdcl-primary-line-100 {
+  border-color: var(--xz-color-primary-line-100) !important;
 }
 
-._bgcl-amber-600 {
-  background-color: var(--xz-color-amber-600) !important;
+._bdcl-primary-line-200 {
+  border-color: var(--xz-color-primary-line-200) !important;
 }
 
-._bgcl-amber-700 {
-  background-color: var(--xz-color-amber-700) !important;
+._bdcl-primary-line-300 {
+  border-color: var(--xz-color-primary-line-300) !important;
 }
 
-._bgcl-amber-800 {
-  background-color: var(--xz-color-amber-800) !important;
+._bdcl-primary-bg-100 {
+  border-color: var(--xz-color-primary-bg-100) !important;
 }
 
-._bgcl-amber-900 {
-  background-color: var(--xz-color-amber-900) !important;
+._bdcl-primary-bg-200 {
+  border-color: var(--xz-color-primary-bg-200) !important;
 }
 
-._bgcl-amber-1000 {
-  background-color: var(--xz-color-amber-1000) !important;
+._bdcl-primary-text-fg {
+  border-color: var(--xz-color-primary-text-fg) !important;
 }
 
-._bgcl-red-100 {
-  background-color: var(--xz-color-red-100) !important;
+._bdcl-primary-text-100 {
+  border-color: var(--xz-color-primary-text-100) !important;
 }
 
-._bgcl-red-200 {
-  background-color: var(--xz-color-red-200) !important;
+._bdcl-primary-text-200 {
+  border-color: var(--xz-color-primary-text-200) !important;
 }
 
-._bgcl-red-300 {
-  background-color: var(--xz-color-red-300) !important;
+._bdcl-danger-soft-100 {
+  border-color: var(--xz-color-danger-soft-100) !important;
 }
 
-._bgcl-red-400 {
-  background-color: var(--xz-color-red-400) !important;
+._bdcl-danger-soft-200 {
+  border-color: var(--xz-color-danger-soft-200) !important;
 }
 
-._bgcl-red-500 {
-  background-color: var(--xz-color-red-500) !important;
+._bdcl-danger-line-100 {
+  border-color: var(--xz-color-danger-line-100) !important;
 }
 
-._bgcl-red-600 {
-  background-color: var(--xz-color-red-600) !important;
+._bdcl-danger-line-200 {
+  border-color: var(--xz-color-danger-line-200) !important;
 }
 
-._bgcl-red-700 {
-  background-color: var(--xz-color-red-700) !important;
+._bdcl-danger-line-300 {
+  border-color: var(--xz-color-danger-line-300) !important;
 }
 
-._bgcl-red-800 {
-  background-color: var(--xz-color-red-800) !important;
-}
-
-._bgcl-red-900 {
-  background-color: var(--xz-color-red-900) !important;
-}
-
-._bgcl-red-1000 {
-  background-color: var(--xz-color-red-1000) !important;
-}
-
-._bgcl-orange-100 {
-  background-color: var(--xz-color-orange-100) !important;
-}
-
-._bgcl-orange-200 {
-  background-color: var(--xz-color-orange-200) !important;
-}
-
-._bgcl-orange-300 {
-  background-color: var(--xz-color-orange-300) !important;
-}
-
-._bgcl-orange-400 {
-  background-color: var(--xz-color-orange-400) !important;
-}
-
-._bgcl-orange-500 {
-  background-color: var(--xz-color-orange-500) !important;
-}
-
-._bgcl-orange-600 {
-  background-color: var(--xz-color-orange-600) !important;
-}
-
-._bgcl-orange-700 {
-  background-color: var(--xz-color-orange-700) !important;
-}
-
-._bgcl-orange-800 {
-  background-color: var(--xz-color-orange-800) !important;
-}
-
-._bgcl-orange-900 {
-  background-color: var(--xz-color-orange-900) !important;
-}
-
-._bgcl-orange-1000 {
-  background-color: var(--xz-color-orange-1000) !important;
-}
-
-._bgcl-purple-100 {
-  background-color: var(--xz-color-purple-100) !important;
-}
-
-._bgcl-purple-200 {
-  background-color: var(--xz-color-purple-200) !important;
-}
-
-._bgcl-purple-300 {
-  background-color: var(--xz-color-purple-300) !important;
-}
-
-._bgcl-purple-400 {
-  background-color: var(--xz-color-purple-400) !important;
-}
-
-._bgcl-purple-500 {
-  background-color: var(--xz-color-purple-500) !important;
-}
-
-._bgcl-purple-600 {
-  background-color: var(--xz-color-purple-600) !important;
-}
-
-._bgcl-purple-700 {
-  background-color: var(--xz-color-purple-700) !important;
-}
-
-._bgcl-purple-800 {
-  background-color: var(--xz-color-purple-800) !important;
-}
-
-._bgcl-purple-900 {
-  background-color: var(--xz-color-purple-900) !important;
-}
-
-._bgcl-purple-1000 {
-  background-color: var(--xz-color-purple-1000) !important;
-}
-
-._bgcl-cyan-100 {
-  background-color: var(--xz-color-cyan-100) !important;
-}
-
-._bgcl-cyan-200 {
-  background-color: var(--xz-color-cyan-200) !important;
-}
-
-._bgcl-cyan-300 {
-  background-color: var(--xz-color-cyan-300) !important;
-}
-
-._bgcl-cyan-400 {
-  background-color: var(--xz-color-cyan-400) !important;
-}
-
-._bgcl-cyan-500 {
-  background-color: var(--xz-color-cyan-500) !important;
-}
-
-._bgcl-cyan-600 {
-  background-color: var(--xz-color-cyan-600) !important;
-}
-
-._bgcl-cyan-700 {
-  background-color: var(--xz-color-cyan-700) !important;
-}
-
-._bgcl-cyan-800 {
-  background-color: var(--xz-color-cyan-800) !important;
-}
-
-._bgcl-cyan-900 {
-  background-color: var(--xz-color-cyan-900) !important;
-}
-
-._bgcl-cyan-1000 {
-  background-color: var(--xz-color-cyan-1000) !important;
-}
-
-._bgcl-black-alpha-100 {
-  background-color: var(--xz-color-black-alpha-100) !important;
-}
-
-._bgcl-black-alpha-200 {
-  background-color: var(--xz-color-black-alpha-200) !important;
-}
-
-._bgcl-black-alpha-300 {
-  background-color: var(--xz-color-black-alpha-300) !important;
-}
-
-._bgcl-black-alpha-400 {
-  background-color: var(--xz-color-black-alpha-400) !important;
-}
-
-._bgcl-black-alpha-500 {
-  background-color: var(--xz-color-black-alpha-500) !important;
-}
-
-._bgcl-black-alpha-600 {
-  background-color: var(--xz-color-black-alpha-600) !important;
-}
-
-._bgcl-black-alpha-700 {
-  background-color: var(--xz-color-black-alpha-700) !important;
-}
-
-._bgcl-black-alpha-800 {
-  background-color: var(--xz-color-black-alpha-800) !important;
-}
-
-._bgcl-black-alpha-900 {
-  background-color: var(--xz-color-black-alpha-900) !important;
-}
-
-._bgcl-black-alpha-1000 {
-  background-color: var(--xz-color-black-alpha-1000) !important;
-}
-
-._bgcl-white-alpha-100 {
-  background-color: var(--xz-color-white-alpha-100) !important;
-}
-
-._bgcl-white-alpha-200 {
-  background-color: var(--xz-color-white-alpha-200) !important;
-}
-
-._bgcl-white-alpha-300 {
-  background-color: var(--xz-color-white-alpha-300) !important;
-}
-
-._bgcl-white-alpha-400 {
-  background-color: var(--xz-color-white-alpha-400) !important;
-}
-
-._bgcl-white-alpha-500 {
-  background-color: var(--xz-color-white-alpha-500) !important;
-}
-
-._bgcl-white-alpha-600 {
-  background-color: var(--xz-color-white-alpha-600) !important;
-}
-
-._bgcl-white-alpha-700 {
-  background-color: var(--xz-color-white-alpha-700) !important;
-}
-
-._bgcl-white-alpha-800 {
-  background-color: var(--xz-color-white-alpha-800) !important;
-}
-
-._bgcl-white-alpha-900 {
-  background-color: var(--xz-color-white-alpha-900) !important;
-}
-
-._bgcl-white-alpha-1000 {
-  background-color: var(--xz-color-white-alpha-1000) !important;
-}
-
-._bgcl-crcl {
-  background-color: currentcolor !important;
-}
-
-._bgcl-tpr {
-  background-color: transparent !important;
-}
-
-._bgcl-us {
-  background-color: unset !important;
-}
-
-/* Border Color */
-._bdcl-bg-100 {
-  border-color: var(--xz-color-bg-100) !important;
-}
-
-._bdcl-surface-100 {
-  border-color: var(--xz-color-surface-100) !important;
-}
-
-._bdcl-surface-200 {
-  border-color: var(--xz-color-surface-200) !important;
-}
-
-._bdcl-surface-300 {
-  border-color: var(--xz-color-surface-300) !important;
-}
-
-._bdcl-surface-400 {
-  border-color: var(--xz-color-surface-400) !important;
-}
-
-._bdcl-fg-100 {
-  border-color: var(--xz-color-fg-100) !important;
-}
-
-._bdcl-text-100 {
-  border-color: var(--xz-color-text-100) !important;
-}
-
-._bdcl-text-200 {
-  border-color: var(--xz-color-text-200) !important;
-}
-
-._bdcl-text-300 {
-  border-color: var(--xz-color-text-300) !important;
-}
-
-._bdcl-line-100 {
-  border-color: var(--xz-color-line-100) !important;
-}
-
-._bdcl-line-200 {
-  border-color: var(--xz-color-line-200) !important;
-}
-
-._bdcl-line-300 {
-  border-color: var(--xz-color-line-300) !important;
-}
-
-._bdcl-primary-soft-100 {
-  border-color: var(--xz-color-primary-soft-100) !important;
-}
-
-._bdcl-primary-soft-200 {
-  border-color: var(--xz-color-primary-soft-200) !important;
-}
-
-._bdcl-primary-soft-300 {
-  border-color: var(--xz-color-primary-soft-300) !important;
-}
-
-._bdcl-primary-line-100 {
-  border-color: var(--xz-color-primary-line-100) !important;
-}
-
-._bdcl-primary-line-200 {
-  border-color: var(--xz-color-primary-line-200) !important;
-}
-
-._bdcl-primary-line-300 {
-  border-color: var(--xz-color-primary-line-300) !important;
-}
-
-._bdcl-primary-bg-100 {
-  border-color: var(--xz-color-primary-bg-100) !important;
-}
-
-._bdcl-primary-bg-200 {
-  border-color: var(--xz-color-primary-bg-200) !important;
-}
-
-._bdcl-primary-fg-100 {
-  border-color: var(--xz-color-primary-fg-100) !important;
-}
-
-._bdcl-primary-text-100 {
-  border-color: var(--xz-color-primary-text-100) !important;
-}
-
-._bdcl-primary-text-200 {
-  border-color: var(--xz-color-primary-text-200) !important;
-}
-
-._bdcl-danger-soft-100 {
-  border-color: var(--xz-color-danger-soft-100) !important;
-}
-
-._bdcl-danger-soft-200 {
-  border-color: var(--xz-color-danger-soft-200) !important;
-}
-
-._bdcl-danger-soft-300 {
-  border-color: var(--xz-color-danger-soft-300) !important;
-}
-
-._bdcl-danger-line-100 {
-  border-color: var(--xz-color-danger-line-100) !important;
-}
-
-._bdcl-danger-line-200 {
-  border-color: var(--xz-color-danger-line-200) !important;
-}
-
-._bdcl-danger-line-300 {
-  border-color: var(--xz-color-danger-line-300) !important;
-}
-
-._bdcl-danger-bg-100 {
-  border-color: var(--xz-color-danger-bg-100) !important;
+._bdcl-danger-bg-100 {
+  border-color: var(--xz-color-danger-bg-100) !important;
 }
 
 ._bdcl-danger-bg-200 {
   border-color: var(--xz-color-danger-bg-200) !important;
 }
 
-._bdcl-danger-fg-100 {
-  border-color: var(--xz-color-danger-fg-100) !important;
+._bdcl-danger-text-fg {
+  border-color: var(--xz-color-danger-text-fg) !important;
 }
 
 ._bdcl-danger-text-100 {
@@ -3504,10 +2788,6 @@
   border-color: var(--xz-color-success-soft-200) !important;
 }
 
-._bdcl-success-soft-300 {
-  border-color: var(--xz-color-success-soft-300) !important;
-}
-
 ._bdcl-success-line-100 {
   border-color: var(--xz-color-success-line-100) !important;
 }
@@ -3528,8 +2808,8 @@
   border-color: var(--xz-color-success-bg-200) !important;
 }
 
-._bdcl-success-fg-100 {
-  border-color: var(--xz-color-success-fg-100) !important;
+._bdcl-success-text-fg {
+  border-color: var(--xz-color-success-text-fg) !important;
 }
 
 ._bdcl-success-text-100 {
@@ -3548,10 +2828,6 @@
   border-color: var(--xz-color-warning-soft-200) !important;
 }
 
-._bdcl-warning-soft-300 {
-  border-color: var(--xz-color-warning-soft-300) !important;
-}
-
 ._bdcl-warning-line-100 {
   border-color: var(--xz-color-warning-line-100) !important;
 }
@@ -3572,8 +2848,8 @@
   border-color: var(--xz-color-warning-bg-200) !important;
 }
 
-._bdcl-warning-fg-100 {
-  border-color: var(--xz-color-warning-fg-100) !important;
+._bdcl-warning-text-fg {
+  border-color: var(--xz-color-warning-text-fg) !important;
 }
 
 ._bdcl-warning-text-100 {
@@ -3592,10 +2868,6 @@
   border-color: var(--xz-color-info-soft-200) !important;
 }
 
-._bdcl-info-soft-300 {
-  border-color: var(--xz-color-info-soft-300) !important;
-}
-
 ._bdcl-info-line-100 {
   border-color: var(--xz-color-info-line-100) !important;
 }
@@ -3616,8 +2888,8 @@
   border-color: var(--xz-color-info-bg-200) !important;
 }
 
-._bdcl-info-fg-100 {
-  border-color: var(--xz-color-info-fg-100) !important;
+._bdcl-info-text-fg {
+  border-color: var(--xz-color-info-text-fg) !important;
 }
 
 ._bdcl-info-text-100 {
@@ -3636,10 +2908,6 @@
   border-color: var(--xz-color-neutral-soft-200) !important;
 }
 
-._bdcl-neutral-soft-300 {
-  border-color: var(--xz-color-neutral-soft-300) !important;
-}
-
 ._bdcl-neutral-line-100 {
   border-color: var(--xz-color-neutral-line-100) !important;
 }
@@ -3660,8 +2928,8 @@
   border-color: var(--xz-color-neutral-bg-200) !important;
 }
 
-._bdcl-neutral-fg-100 {
-  border-color: var(--xz-color-neutral-fg-100) !important;
+._bdcl-neutral-text-fg {
+  border-color: var(--xz-color-neutral-text-fg) !important;
 }
 
 ._bdcl-neutral-text-100 {
@@ -3672,444 +2940,108 @@
   border-color: var(--xz-color-neutral-text-200) !important;
 }
 
-._bdcl-fastwork-100 {
-  border-color: var(--xz-color-fastwork-100) !important;
-}
-
-._bdcl-fastwork-200 {
-  border-color: var(--xz-color-fastwork-200) !important;
-}
-
-._bdcl-fastwork-300 {
-  border-color: var(--xz-color-fastwork-300) !important;
-}
-
-._bdcl-fastwork-400 {
-  border-color: var(--xz-color-fastwork-400) !important;
-}
-
-._bdcl-fastwork-500 {
-  border-color: var(--xz-color-fastwork-500) !important;
-}
-
-._bdcl-fastwork-600 {
-  border-color: var(--xz-color-fastwork-600) !important;
-}
-
-._bdcl-fastwork-700 {
-  border-color: var(--xz-color-fastwork-700) !important;
-}
-
-._bdcl-fastwork-800 {
-  border-color: var(--xz-color-fastwork-800) !important;
-}
-
-._bdcl-fastwork-900 {
-  border-color: var(--xz-color-fastwork-900) !important;
-}
-
-._bdcl-fastwork-1000 {
-  border-color: var(--xz-color-fastwork-1000) !important;
-}
-
-._bdcl-gray-100 {
-  border-color: var(--xz-color-gray-100) !important;
-}
-
-._bdcl-gray-200 {
-  border-color: var(--xz-color-gray-200) !important;
-}
-
-._bdcl-gray-300 {
-  border-color: var(--xz-color-gray-300) !important;
-}
-
-._bdcl-gray-400 {
-  border-color: var(--xz-color-gray-400) !important;
-}
-
-._bdcl-gray-500 {
-  border-color: var(--xz-color-gray-500) !important;
-}
-
-._bdcl-gray-600 {
-  border-color: var(--xz-color-gray-600) !important;
-}
-
-._bdcl-gray-700 {
-  border-color: var(--xz-color-gray-700) !important;
-}
-
-._bdcl-gray-800 {
-  border-color: var(--xz-color-gray-800) !important;
-}
-
-._bdcl-gray-900 {
-  border-color: var(--xz-color-gray-900) !important;
-}
-
-._bdcl-gray-1000 {
-  border-color: var(--xz-color-gray-1000) !important;
-}
-
-._bdcl-green-100 {
-  border-color: var(--xz-color-green-100) !important;
-}
-
-._bdcl-green-200 {
-  border-color: var(--xz-color-green-200) !important;
-}
-
-._bdcl-green-300 {
-  border-color: var(--xz-color-green-300) !important;
-}
-
-._bdcl-green-400 {
-  border-color: var(--xz-color-green-400) !important;
-}
-
-._bdcl-green-500 {
-  border-color: var(--xz-color-green-500) !important;
-}
-
-._bdcl-green-600 {
-  border-color: var(--xz-color-green-600) !important;
-}
-
-._bdcl-green-700 {
-  border-color: var(--xz-color-green-700) !important;
-}
-
-._bdcl-green-800 {
-  border-color: var(--xz-color-green-800) !important;
-}
-
-._bdcl-green-900 {
-  border-color: var(--xz-color-green-900) !important;
-}
-
-._bdcl-green-1000 {
-  border-color: var(--xz-color-green-1000) !important;
-}
-
-._bdcl-mint-100 {
-  border-color: var(--xz-color-mint-100) !important;
-}
-
-._bdcl-mint-200 {
-  border-color: var(--xz-color-mint-200) !important;
-}
-
-._bdcl-mint-300 {
-  border-color: var(--xz-color-mint-300) !important;
-}
-
-._bdcl-mint-400 {
-  border-color: var(--xz-color-mint-400) !important;
-}
-
-._bdcl-mint-500 {
-  border-color: var(--xz-color-mint-500) !important;
-}
-
-._bdcl-mint-600 {
-  border-color: var(--xz-color-mint-600) !important;
-}
-
-._bdcl-mint-700 {
-  border-color: var(--xz-color-mint-700) !important;
-}
-
-._bdcl-mint-800 {
-  border-color: var(--xz-color-mint-800) !important;
-}
-
-._bdcl-mint-900 {
-  border-color: var(--xz-color-mint-900) !important;
-}
-
-._bdcl-mint-1000 {
-  border-color: var(--xz-color-mint-1000) !important;
-}
-
-._bdcl-amber-100 {
-  border-color: var(--xz-color-amber-100) !important;
-}
-
-._bdcl-amber-200 {
-  border-color: var(--xz-color-amber-200) !important;
-}
-
-._bdcl-amber-300 {
-  border-color: var(--xz-color-amber-300) !important;
-}
-
-._bdcl-amber-400 {
-  border-color: var(--xz-color-amber-400) !important;
-}
-
-._bdcl-amber-500 {
-  border-color: var(--xz-color-amber-500) !important;
-}
-
-._bdcl-amber-600 {
-  border-color: var(--xz-color-amber-600) !important;
-}
-
-._bdcl-amber-700 {
-  border-color: var(--xz-color-amber-700) !important;
-}
-
-._bdcl-amber-800 {
-  border-color: var(--xz-color-amber-800) !important;
-}
-
-._bdcl-amber-900 {
-  border-color: var(--xz-color-amber-900) !important;
-}
-
-._bdcl-amber-1000 {
-  border-color: var(--xz-color-amber-1000) !important;
-}
-
-._bdcl-red-100 {
-  border-color: var(--xz-color-red-100) !important;
-}
-
-._bdcl-red-200 {
-  border-color: var(--xz-color-red-200) !important;
-}
-
-._bdcl-red-300 {
-  border-color: var(--xz-color-red-300) !important;
-}
-
-._bdcl-red-400 {
-  border-color: var(--xz-color-red-400) !important;
-}
-
-._bdcl-red-500 {
-  border-color: var(--xz-color-red-500) !important;
-}
-
-._bdcl-red-600 {
-  border-color: var(--xz-color-red-600) !important;
-}
-
-._bdcl-red-700 {
-  border-color: var(--xz-color-red-700) !important;
-}
-
-._bdcl-red-800 {
-  border-color: var(--xz-color-red-800) !important;
-}
-
-._bdcl-red-900 {
-  border-color: var(--xz-color-red-900) !important;
-}
-
-._bdcl-red-1000 {
-  border-color: var(--xz-color-red-1000) !important;
-}
-
-._bdcl-orange-100 {
-  border-color: var(--xz-color-orange-100) !important;
-}
-
-._bdcl-orange-200 {
-  border-color: var(--xz-color-orange-200) !important;
-}
-
-._bdcl-orange-300 {
-  border-color: var(--xz-color-orange-300) !important;
-}
-
-._bdcl-orange-400 {
-  border-color: var(--xz-color-orange-400) !important;
-}
-
-._bdcl-orange-500 {
-  border-color: var(--xz-color-orange-500) !important;
-}
-
-._bdcl-orange-600 {
-  border-color: var(--xz-color-orange-600) !important;
-}
-
-._bdcl-orange-700 {
-  border-color: var(--xz-color-orange-700) !important;
-}
-
-._bdcl-orange-800 {
-  border-color: var(--xz-color-orange-800) !important;
-}
-
-._bdcl-orange-900 {
-  border-color: var(--xz-color-orange-900) !important;
-}
-
-._bdcl-orange-1000 {
-  border-color: var(--xz-color-orange-1000) !important;
-}
-
-._bdcl-purple-100 {
-  border-color: var(--xz-color-purple-100) !important;
-}
-
-._bdcl-purple-200 {
-  border-color: var(--xz-color-purple-200) !important;
-}
-
-._bdcl-purple-300 {
-  border-color: var(--xz-color-purple-300) !important;
-}
-
-._bdcl-purple-400 {
-  border-color: var(--xz-color-purple-400) !important;
-}
-
-._bdcl-purple-500 {
-  border-color: var(--xz-color-purple-500) !important;
-}
-
-._bdcl-purple-600 {
-  border-color: var(--xz-color-purple-600) !important;
-}
-
-._bdcl-purple-700 {
-  border-color: var(--xz-color-purple-700) !important;
-}
-
-._bdcl-purple-800 {
-  border-color: var(--xz-color-purple-800) !important;
-}
-
-._bdcl-purple-900 {
-  border-color: var(--xz-color-purple-900) !important;
-}
-
-._bdcl-purple-1000 {
-  border-color: var(--xz-color-purple-1000) !important;
-}
-
-._bdcl-cyan-100 {
-  border-color: var(--xz-color-cyan-100) !important;
-}
-
-._bdcl-cyan-200 {
-  border-color: var(--xz-color-cyan-200) !important;
-}
-
-._bdcl-cyan-300 {
-  border-color: var(--xz-color-cyan-300) !important;
-}
-
-._bdcl-cyan-400 {
-  border-color: var(--xz-color-cyan-400) !important;
-}
-
-._bdcl-cyan-500 {
-  border-color: var(--xz-color-cyan-500) !important;
+._bdcl-orange-soft-100 {
+  border-color: var(--xz-color-orange-soft-100) !important;
 }
 
-._bdcl-cyan-600 {
-  border-color: var(--xz-color-cyan-600) !important;
+._bdcl-orange-soft-200 {
+  border-color: var(--xz-color-orange-soft-200) !important;
 }
 
-._bdcl-cyan-700 {
-  border-color: var(--xz-color-cyan-700) !important;
+._bdcl-orange-line-100 {
+  border-color: var(--xz-color-orange-line-100) !important;
 }
 
-._bdcl-cyan-800 {
-  border-color: var(--xz-color-cyan-800) !important;
+._bdcl-orange-line-200 {
+  border-color: var(--xz-color-orange-line-200) !important;
 }
 
-._bdcl-cyan-900 {
-  border-color: var(--xz-color-cyan-900) !important;
+._bdcl-orange-line-300 {
+  border-color: var(--xz-color-orange-line-300) !important;
 }
 
-._bdcl-cyan-1000 {
-  border-color: var(--xz-color-cyan-1000) !important;
+._bdcl-orange-bg-100 {
+  border-color: var(--xz-color-orange-bg-100) !important;
 }
 
-._bdcl-black-alpha-100 {
-  border-color: var(--xz-color-black-alpha-100) !important;
+._bdcl-orange-bg-200 {
+  border-color: var(--xz-color-orange-bg-200) !important;
 }
 
-._bdcl-black-alpha-200 {
-  border-color: var(--xz-color-black-alpha-200) !important;
+._bdcl-orange-text-fg {
+  border-color: var(--xz-color-orange-text-fg) !important;
 }
 
-._bdcl-black-alpha-300 {
-  border-color: var(--xz-color-black-alpha-300) !important;
+._bdcl-orange-text-100 {
+  border-color: var(--xz-color-orange-text-100) !important;
 }
 
-._bdcl-black-alpha-400 {
-  border-color: var(--xz-color-black-alpha-400) !important;
+._bdcl-purple-soft-100 {
+  border-color: var(--xz-color-purple-soft-100) !important;
 }
 
-._bdcl-black-alpha-500 {
-  border-color: var(--xz-color-black-alpha-500) !important;
+._bdcl-purple-soft-200 {
+  border-color: var(--xz-color-purple-soft-200) !important;
 }
 
-._bdcl-black-alpha-600 {
-  border-color: var(--xz-color-black-alpha-600) !important;
+._bdcl-purple-line-100 {
+  border-color: var(--xz-color-purple-line-100) !important;
 }
 
-._bdcl-black-alpha-700 {
-  border-color: var(--xz-color-black-alpha-700) !important;
+._bdcl-purple-line-200 {
+  border-color: var(--xz-color-purple-line-200) !important;
 }
 
-._bdcl-black-alpha-800 {
-  border-color: var(--xz-color-black-alpha-800) !important;
+._bdcl-purple-line-300 {
+  border-color: var(--xz-color-purple-line-300) !important;
 }
 
-._bdcl-black-alpha-900 {
-  border-color: var(--xz-color-black-alpha-900) !important;
+._bdcl-purple-bg-100 {
+  border-color: var(--xz-color-purple-bg-100) !important;
 }
 
-._bdcl-black-alpha-1000 {
-  border-color: var(--xz-color-black-alpha-1000) !important;
+._bdcl-purple-bg-200 {
+  border-color: var(--xz-color-purple-bg-200) !important;
 }
 
-._bdcl-white-alpha-100 {
-  border-color: var(--xz-color-white-alpha-100) !important;
+._bdcl-purple-text-fg {
+  border-color: var(--xz-color-purple-text-fg) !important;
 }
 
-._bdcl-white-alpha-200 {
-  border-color: var(--xz-color-white-alpha-200) !important;
+._bdcl-purple-text-100 {
+  border-color: var(--xz-color-purple-text-100) !important;
 }
 
-._bdcl-white-alpha-300 {
-  border-color: var(--xz-color-white-alpha-300) !important;
+._bdcl-fastwork {
+  border-color: var(--xz-color-fastwork) !important;
 }
 
-._bdcl-white-alpha-400 {
-  border-color: var(--xz-color-white-alpha-400) !important;
+._bdcl-gray {
+  border-color: var(--xz-color-gray) !important;
 }
 
-._bdcl-white-alpha-500 {
-  border-color: var(--xz-color-white-alpha-500) !important;
+._bdcl-green {
+  border-color: var(--xz-color-green) !important;
 }
 
-._bdcl-white-alpha-600 {
-  border-color: var(--xz-color-white-alpha-600) !important;
+._bdcl-yellow {
+  border-color: var(--xz-color-yellow) !important;
 }
 
-._bdcl-white-alpha-700 {
-  border-color: var(--xz-color-white-alpha-700) !important;
+._bdcl-red {
+  border-color: var(--xz-color-red) !important;
 }
 
-._bdcl-white-alpha-800 {
-  border-color: var(--xz-color-white-alpha-800) !important;
+._bdcl-orange {
+  border-color: var(--xz-color-orange) !important;
 }
 
-._bdcl-white-alpha-900 {
-  border-color: var(--xz-color-white-alpha-900) !important;
+._bdcl-purple {
+  border-color: var(--xz-color-purple) !important;
 }
 
-._bdcl-white-alpha-1000 {
-  border-color: var(--xz-color-white-alpha-1000) !important;
+._bdcl-cyan {
+  border-color: var(--xz-color-cyan) !important;
 }
 
 ._bdcl-crcl {