@fastwork/xosmoz-css 0.0.32 → 0.0.34

package/dist/atomic.css

@@ -1886,10 +1886,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;
 }
@@ -1930,10 +1926,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;
 }
@@ -1974,10 +1966,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;
 }
@@ -2018,10 +2006,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;
 }
@@ -2062,10 +2046,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;
 }
@@ -2106,10 +2086,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;
 }
@@ -2142,444 +2118,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-red-900 {
-  color: var(--xz-color-red-900) !important;
+._cl-orange-soft-100 {
+  color: var(--xz-color-orange-soft-100) !important;
 }
 
-._cl-red-1000 {
-  color: var(--xz-color-red-1000) !important;
+._cl-orange-soft-200 {
+  color: var(--xz-color-orange-soft-200) !important;
 }
 
-._cl-orange-100 {
-  color: var(--xz-color-orange-100) !important;
+._cl-orange-line-100 {
+  color: var(--xz-color-orange-line-100) !important;
 }
 
-._cl-orange-200 {
-  color: var(--xz-color-orange-200) !important;
+._cl-orange-line-200 {
+  color: var(--xz-color-orange-line-200) !important;
 }
 
-._cl-orange-300 {
-  color: var(--xz-color-orange-300) !important;
+._cl-orange-line-300 {
+  color: var(--xz-color-orange-line-300) !important;
 }
 
-._cl-orange-400 {
-  color: var(--xz-color-orange-400) !important;
+._cl-orange-bg-100 {
+  color: var(--xz-color-orange-bg-100) !important;
 }
 
-._cl-orange-500 {
-  color: var(--xz-color-orange-500) !important;
+._cl-orange-bg-200 {
+  color: var(--xz-color-orange-bg-200) !important;
 }
 
-._cl-orange-600 {
-  color: var(--xz-color-orange-600) !important;
+._cl-orange-fg-100 {
+  color: var(--xz-color-orange-fg-100) !important;
 }
 
-._cl-orange-700 {
-  color: var(--xz-color-orange-700) !important;
+._cl-orange-text-100 {
+  color: var(--xz-color-orange-text-100) !important;
 }
 
-._cl-orange-800 {
-  color: var(--xz-color-orange-800) !important;
+._cl-purple-soft-100 {
+  color: var(--xz-color-purple-soft-100) !important;
 }
 
-._cl-orange-900 {
-  color: var(--xz-color-orange-900) !important;
+._cl-purple-soft-200 {
+  color: var(--xz-color-purple-soft-200) !important;
 }
 
-._cl-orange-1000 {
-  color: var(--xz-color-orange-1000) !important;
+._cl-purple-line-100 {
+  color: var(--xz-color-purple-line-100) !important;
 }
 
-._cl-purple-100 {
-  color: var(--xz-color-purple-100) !important;
+._cl-purple-line-200 {
+  color: var(--xz-color-purple-line-200) !important;
 }
 
-._cl-purple-200 {
-  color: var(--xz-color-purple-200) !important;
+._cl-purple-line-300 {
+  color: var(--xz-color-purple-line-300) !important;
 }
 
-._cl-purple-300 {
-  color: var(--xz-color-purple-300) !important;
+._cl-purple-bg-100 {
+  color: var(--xz-color-purple-bg-100) !important;
 }
 
-._cl-purple-400 {
-  color: var(--xz-color-purple-400) !important;
+._cl-purple-bg-200 {
+  color: var(--xz-color-purple-bg-200) !important;
 }
 
-._cl-purple-500 {
-  color: var(--xz-color-purple-500) !important;
+._cl-purple-fg-100 {
+  color: var(--xz-color-purple-fg-100) !important;
 }
 
-._cl-purple-600 {
-  color: var(--xz-color-purple-600) !important;
+._cl-purple-text-100 {
+  color: var(--xz-color-purple-text-100) !important;
 }
 
-._cl-purple-700 {
-  color: var(--xz-color-purple-700) !important;
+._cl-fastwork {
+  color: var(--xz-color-fastwork) !important;
 }
 
-._cl-purple-800 {
-  color: var(--xz-color-purple-800) !important;
+._cl-gray {
+  color: var(--xz-color-gray) !important;
 }
 
-._cl-purple-900 {
-  color: var(--xz-color-purple-900) !important;
+._cl-green {
+  color: var(--xz-color-green) !important;
 }
 
-._cl-purple-1000 {
-  color: var(--xz-color-purple-1000) !important;
+._cl-yellow {
+  color: var(--xz-color-yellow) !important;
 }
 
-._cl-cyan-100 {
-  color: var(--xz-color-cyan-100) !important;
+._cl-red {
+  color: var(--xz-color-red) !important;
 }
 
-._cl-cyan-200 {
-  color: var(--xz-color-cyan-200) !important;
+._cl-orange {
+  color: var(--xz-color-orange) !important;
 }
 
-._cl-cyan-300 {
-  color: var(--xz-color-cyan-300) !important;
+._cl-purple {
+  color: var(--xz-color-purple) !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 {
@@ -2651,10 +2291,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;
 }
@@ -2695,10 +2331,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;
 }
@@ -2739,10 +2371,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;
 }
@@ -2783,10 +2411,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;
 }
@@ -2827,10 +2451,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;
 }
@@ -2871,10 +2491,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;
 }
@@ -2907,577 +2523,233 @@
   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-fg-100 {
+  background-color: var(--xz-color-orange-fg-100) !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-fg-100 {
+  background-color: var(--xz-color-purple-fg-100) !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-fg-100 {
+  border-color: var(--xz-color-fg-100) !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-100 {
+  border-color: var(--xz-color-line-100) !important;
 }
 
-._bgcl-mint-1000 {
-  background-color: var(--xz-color-mint-1000) !important;
+._bdcl-line-200 {
+  border-color: var(--xz-color-line-200) !important;
 }
 
-._bgcl-amber-100 {
-  background-color: var(--xz-color-amber-100) !important;
+._bdcl-line-300 {
+  border-color: var(--xz-color-line-300) !important;
 }
 
-._bgcl-amber-200 {
-  background-color: var(--xz-color-amber-200) !important;
+._bdcl-primary-soft-100 {
+  border-color: var(--xz-color-primary-soft-100) !important;
 }
 
-._bgcl-amber-300 {
-  background-color: var(--xz-color-amber-300) !important;
+._bdcl-primary-soft-200 {
+  border-color: var(--xz-color-primary-soft-200) !important;
 }
 
-._bgcl-amber-400 {
-  background-color: var(--xz-color-amber-400) !important;
+._bdcl-primary-line-100 {
+  border-color: var(--xz-color-primary-line-100) !important;
 }
 
-._bgcl-amber-500 {
-  background-color: var(--xz-color-amber-500) !important;
+._bdcl-primary-line-200 {
+  border-color: var(--xz-color-primary-line-200) !important;
 }
 
-._bgcl-amber-600 {
-  background-color: var(--xz-color-amber-600) !important;
+._bdcl-primary-line-300 {
+  border-color: var(--xz-color-primary-line-300) !important;
 }
 
-._bgcl-amber-700 {
-  background-color: var(--xz-color-amber-700) !important;
+._bdcl-primary-bg-100 {
+  border-color: var(--xz-color-primary-bg-100) !important;
 }
 
-._bgcl-amber-800 {
-  background-color: var(--xz-color-amber-800) !important;
+._bdcl-primary-bg-200 {
+  border-color: var(--xz-color-primary-bg-200) !important;
 }
 
-._bgcl-amber-900 {
-  background-color: var(--xz-color-amber-900) !important;
+._bdcl-primary-fg-100 {
+  border-color: var(--xz-color-primary-fg-100) !important;
 }
 
-._bgcl-amber-1000 {
-  background-color: var(--xz-color-amber-1000) !important;
+._bdcl-primary-text-100 {
+  border-color: var(--xz-color-primary-text-100) !important;
 }
 
-._bgcl-red-100 {
-  background-color: var(--xz-color-red-100) !important;
+._bdcl-primary-text-200 {
+  border-color: var(--xz-color-primary-text-200) !important;
 }
 
-._bgcl-red-200 {
-  background-color: var(--xz-color-red-200) !important;
+._bdcl-danger-soft-100 {
+  border-color: var(--xz-color-danger-soft-100) !important;
 }
 
-._bgcl-red-300 {
-  background-color: var(--xz-color-red-300) !important;
+._bdcl-danger-soft-200 {
+  border-color: var(--xz-color-danger-soft-200) !important;
 }
 
-._bgcl-red-400 {
-  background-color: var(--xz-color-red-400) !important;
+._bdcl-danger-line-100 {
+  border-color: var(--xz-color-danger-line-100) !important;
 }
 
-._bgcl-red-500 {
-  background-color: var(--xz-color-red-500) !important;
+._bdcl-danger-line-200 {
+  border-color: var(--xz-color-danger-line-200) !important;
 }
 
-._bgcl-red-600 {
-  background-color: var(--xz-color-red-600) !important;
+._bdcl-danger-line-300 {
+  border-color: var(--xz-color-danger-line-300) !important;
 }
 
-._bgcl-red-700 {
-  background-color: var(--xz-color-red-700) !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 {
@@ -3504,10 +2776,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;
 }
@@ -3548,10 +2816,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;
 }
@@ -3592,10 +2856,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;
 }
@@ -3636,10 +2896,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;
 }
@@ -3672,444 +2928,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-fg-100 {
+  border-color: var(--xz-color-orange-fg-100) !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-fg-100 {
+  border-color: var(--xz-color-purple-fg-100) !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 {