@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

package/design-system/utilities-border-width.css

@@ -1,333 +1,334 @@
-@use 'sass:string';
-*[class*='x-border-width--'] {
-  border-width: 0; }
+*[class*=x-border-width--] {
+  border-width: 0;
+}
 
 .x-border-width--00 {
   border-width: 0px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-00 {
   border-top-width: 0px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-00 {
   border-bottom-width: 0px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-00{
-  border-right-width: 0px !important; }
-
-[dir="rtl"] .x-border-width--right-00{
-  border-left-width: 0px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-00 {
+  border-right-width: 0px !important;
+}
+[dir="rtl"] .x-border-width--right-00 {
+  border-left-width: 0px !important;
+}
 .x-border-width--right-00 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-00{
-  border-left-width: 0px !important; }
-
-[dir="rtl"] .x-border-width--left-00{
-  border-right-width: 0px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-00 {
+  border-left-width: 0px !important;
+}
+[dir="rtl"] .x-border-width--left-00 {
+  border-right-width: 0px !important;
+}
 .x-border-width--left-00 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--01 {
   border-width: 1px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-01 {
   border-top-width: 1px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-01 {
   border-bottom-width: 1px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-01{
-  border-right-width: 1px !important; }
-
-[dir="rtl"] .x-border-width--right-01{
-  border-left-width: 1px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-01 {
+  border-right-width: 1px !important;
+}
+[dir="rtl"] .x-border-width--right-01 {
+  border-left-width: 1px !important;
+}
 .x-border-width--right-01 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-01{
-  border-left-width: 1px !important; }
-
-[dir="rtl"] .x-border-width--left-01{
-  border-right-width: 1px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-01 {
+  border-left-width: 1px !important;
+}
+[dir="rtl"] .x-border-width--left-01 {
+  border-right-width: 1px !important;
+}
 .x-border-width--left-01 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--02 {
   border-width: 2px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-02 {
   border-top-width: 2px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-02 {
   border-bottom-width: 2px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-02{
-  border-right-width: 2px !important; }
-
-[dir="rtl"] .x-border-width--right-02{
-  border-left-width: 2px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-02 {
+  border-right-width: 2px !important;
+}
+[dir="rtl"] .x-border-width--right-02 {
+  border-left-width: 2px !important;
+}
 .x-border-width--right-02 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-02{
-  border-left-width: 2px !important; }
-
-[dir="rtl"] .x-border-width--left-02{
-  border-right-width: 2px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-02 {
+  border-left-width: 2px !important;
+}
+[dir="rtl"] .x-border-width--left-02 {
+  border-right-width: 2px !important;
+}
 .x-border-width--left-02 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--03 {
   border-width: 3px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-03 {
   border-top-width: 3px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-03 {
   border-bottom-width: 3px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-03{
-  border-right-width: 3px !important; }
-
-[dir="rtl"] .x-border-width--right-03{
-  border-left-width: 3px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-03 {
+  border-right-width: 3px !important;
+}
+[dir="rtl"] .x-border-width--right-03 {
+  border-left-width: 3px !important;
+}
 .x-border-width--right-03 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-03{
-  border-left-width: 3px !important; }
-
-[dir="rtl"] .x-border-width--left-03{
-  border-right-width: 3px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-03 {
+  border-left-width: 3px !important;
+}
+[dir="rtl"] .x-border-width--left-03 {
+  border-right-width: 3px !important;
+}
 .x-border-width--left-03 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--04 {
   border-width: 4px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-04 {
   border-top-width: 4px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-04 {
   border-bottom-width: 4px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-04{
-  border-right-width: 4px !important; }
-
-[dir="rtl"] .x-border-width--right-04{
-  border-left-width: 4px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-04 {
+  border-right-width: 4px !important;
+}
+[dir="rtl"] .x-border-width--right-04 {
+  border-left-width: 4px !important;
+}
 .x-border-width--right-04 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-04{
-  border-left-width: 4px !important; }
-
-[dir="rtl"] .x-border-width--left-04{
-  border-right-width: 4px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-04 {
+  border-left-width: 4px !important;
+}
+[dir="rtl"] .x-border-width--left-04 {
+  border-right-width: 4px !important;
+}
 .x-border-width--left-04 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--05 {
   border-width: 5px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-05 {
   border-top-width: 5px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-05 {
   border-bottom-width: 5px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-05{
-  border-right-width: 5px !important; }
-
-[dir="rtl"] .x-border-width--right-05{
-  border-left-width: 5px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-05 {
+  border-right-width: 5px !important;
+}
+[dir="rtl"] .x-border-width--right-05 {
+  border-left-width: 5px !important;
+}
 .x-border-width--right-05 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-05{
-  border-left-width: 5px !important; }
-
-[dir="rtl"] .x-border-width--left-05{
-  border-right-width: 5px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-05 {
+  border-left-width: 5px !important;
+}
+[dir="rtl"] .x-border-width--left-05 {
+  border-right-width: 5px !important;
+}
 .x-border-width--left-05 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--06 {
   border-width: 6px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-06 {
   border-top-width: 6px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-06 {
   border-bottom-width: 6px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-06{
-  border-right-width: 6px !important; }
-
-[dir="rtl"] .x-border-width--right-06{
-  border-left-width: 6px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-06 {
+  border-right-width: 6px !important;
+}
+[dir="rtl"] .x-border-width--right-06 {
+  border-left-width: 6px !important;
+}
 .x-border-width--right-06 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-06{
-  border-left-width: 6px !important; }
-
-[dir="rtl"] .x-border-width--left-06{
-  border-right-width: 6px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-06 {
+  border-left-width: 6px !important;
+}
+[dir="rtl"] .x-border-width--left-06 {
+  border-right-width: 6px !important;
+}
 .x-border-width--left-06 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--07 {
   border-width: 7px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-07 {
   border-top-width: 7px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-07 {
   border-bottom-width: 7px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-07{
-  border-right-width: 7px !important; }
-
-[dir="rtl"] .x-border-width--right-07{
-  border-left-width: 7px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-07 {
+  border-right-width: 7px !important;
+}
+[dir="rtl"] .x-border-width--right-07 {
+  border-left-width: 7px !important;
+}
 .x-border-width--right-07 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-07{
-  border-left-width: 7px !important; }
-
-[dir="rtl"] .x-border-width--left-07{
-  border-right-width: 7px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-07 {
+  border-left-width: 7px !important;
+}
+[dir="rtl"] .x-border-width--left-07 {
+  border-right-width: 7px !important;
+}
 .x-border-width--left-07 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--08 {
   border-width: 8px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-08 {
   border-top-width: 8px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-08 {
   border-bottom-width: 8px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-08{
-  border-right-width: 8px !important; }
-
-[dir="rtl"] .x-border-width--right-08{
-  border-left-width: 8px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-08 {
+  border-right-width: 8px !important;
+}
+[dir="rtl"] .x-border-width--right-08 {
+  border-left-width: 8px !important;
+}
 .x-border-width--right-08 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-08{
-  border-left-width: 8px !important; }
-
-[dir="rtl"] .x-border-width--left-08{
-  border-right-width: 8px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-08 {
+  border-left-width: 8px !important;
+}
+[dir="rtl"] .x-border-width--left-08 {
+  border-right-width: 8px !important;
+}
 .x-border-width--left-08 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--09 {
   border-width: 9px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-09 {
   border-top-width: 9px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-09 {
   border-bottom-width: 9px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-09{
-  border-right-width: 9px !important; }
-
-[dir="rtl"] .x-border-width--right-09{
-  border-left-width: 9px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-09 {
+  border-right-width: 9px !important;
+}
+[dir="rtl"] .x-border-width--right-09 {
+  border-left-width: 9px !important;
+}
 .x-border-width--right-09 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-09{
-  border-left-width: 9px !important; }
-
-[dir="rtl"] .x-border-width--left-09{
-  border-right-width: 9px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-09 {
+  border-left-width: 9px !important;
+}
+[dir="rtl"] .x-border-width--left-09 {
+  border-right-width: 9px !important;
+}
 .x-border-width--left-09 {
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--10 {
   border-width: 10px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--top-10 {
   border-top-width: 10px !important;
-  border-style: solid !important; }
-
+  border-style: solid !important;
+}
 .x-border-width--bottom-10 {
   border-bottom-width: 10px !important;
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--right-10{
-  border-right-width: 10px !important; }
-
-[dir="rtl"] .x-border-width--right-10{
-  border-left-width: 10px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--right-10 {
+  border-right-width: 10px !important;
+}
+[dir="rtl"] .x-border-width--right-10 {
+  border-left-width: 10px !important;
+}
 .x-border-width--right-10 {
-  border-style: solid !important; }
-
-[dir="ltr"] .x-border-width--left-10{
-  border-left-width: 10px !important; }
-
-[dir="rtl"] .x-border-width--left-10{
-  border-right-width: 10px !important; }
-
+  border-style: solid !important;
+}
+[dir="ltr"] .x-border-width--left-10 {
+  border-left-width: 10px !important;
+}
+[dir="rtl"] .x-border-width--left-10 {
+  border-right-width: 10px !important;
+}
 .x-border-width--left-10 {
-  border-style: solid !important; }
+  border-style: solid !important;
+}