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

package/design-system/utilities-padding.css

@@ -1,440 +1,441 @@
 .x-padding--00 {
-  padding: 0 !important; }
-
+  padding: 0 !important;
+}
 .x-padding--01 {
-  padding: var(--x-size-base-01) !important; }
-
+  padding: var(--x-size-base-01) !important;
+}
 .x-padding--02 {
-  padding: var(--x-size-base-02) !important; }
-
+  padding: var(--x-size-base-02) !important;
+}
 .x-padding--03 {
-  padding: var(--x-size-base-03) !important; }
-
+  padding: var(--x-size-base-03) !important;
+}
 .x-padding--04 {
-  padding: var(--x-size-base-04) !important; }
-
+  padding: var(--x-size-base-04) !important;
+}
 .x-padding--05 {
-  padding: var(--x-size-base-05) !important; }
-
+  padding: var(--x-size-base-05) !important;
+}
 .x-padding--06 {
-  padding: var(--x-size-base-06) !important; }
-
+  padding: var(--x-size-base-06) !important;
+}
 .x-padding--07 {
-  padding: var(--x-size-base-07) !important; }
-
+  padding: var(--x-size-base-07) !important;
+}
 .x-padding--08 {
-  padding: var(--x-size-base-08) !important; }
-
+  padding: var(--x-size-base-08) !important;
+}
 .x-padding--09 {
-  padding: var(--x-size-base-09) !important; }
-
+  padding: var(--x-size-base-09) !important;
+}
 .x-padding--10 {
-  padding: var(--x-size-base-10) !important; }
-
+  padding: var(--x-size-base-10) !important;
+}
 .x-padding--11 {
-  padding: var(--x-size-base-11) !important; }
-
+  padding: var(--x-size-base-11) !important;
+}
 .x-padding--12 {
-  padding: var(--x-size-base-12) !important; }
-
+  padding: var(--x-size-base-12) !important;
+}
 .x-padding--13 {
-  padding: var(--x-size-base-13) !important; }
-
+  padding: var(--x-size-base-13) !important;
+}
 .x-padding--14 {
-  padding: var(--x-size-base-14) !important; }
-
+  padding: var(--x-size-base-14) !important;
+}
 .x-padding--15 {
-  padding: var(--x-size-base-15) !important; }
-
+  padding: var(--x-size-base-15) !important;
+}
 .x-padding--16 {
-  padding: var(--x-size-base-16) !important; }
-
+  padding: var(--x-size-base-16) !important;
+}
 .x-padding--17 {
-  padding: var(--x-size-base-17) !important; }
-
+  padding: var(--x-size-base-17) !important;
+}
 .x-padding--18 {
-  padding: var(--x-size-base-18) !important; }
-
+  padding: var(--x-size-base-18) !important;
+}
 .x-padding--19 {
-  padding: var(--x-size-base-19) !important; }
-
+  padding: var(--x-size-base-19) !important;
+}
 .x-padding--20 {
-  padding: var(--x-size-base-20) !important; }
-
+  padding: var(--x-size-base-20) !important;
+}
 .x-padding--top-00 {
-  padding-top: 0 !important; }
-
+  padding-top: 0 !important;
+}
 .x-padding--bottom-00 {
-  padding-bottom: 0 !important; }
-
+  padding-bottom: 0 !important;
+}
 [dir="ltr"] .x-padding--right-00 {
-  padding-right: 0 !important; }
-
+  padding-right: 0 !important;
+}
 [dir="rtl"] .x-padding--right-00 {
-  padding-left: 0 !important; }
-
+  padding-left: 0 !important;
+}
 [dir="ltr"] .x-padding--left-00 {
-  padding-left: 0 !important; }
-
+  padding-left: 0 !important;
+}
 [dir="rtl"] .x-padding--left-00 {
-  padding-right: 0 !important; }
-
+  padding-right: 0 !important;
+}
 .x-padding--top-01 {
-  padding-top: var(--x-size-base-01) !important; }
-
+  padding-top: var(--x-size-base-01) !important;
+}
 .x-padding--bottom-01 {
-  padding-bottom: var(--x-size-base-01) !important; }
-
+  padding-bottom: var(--x-size-base-01) !important;
+}
 [dir="ltr"] .x-padding--right-01 {
-  padding-right: var(--x-size-base-01) !important; }
-
+  padding-right: var(--x-size-base-01) !important;
+}
 [dir="rtl"] .x-padding--right-01 {
-  padding-left: var(--x-size-base-01) !important; }
-
+  padding-left: var(--x-size-base-01) !important;
+}
 [dir="ltr"] .x-padding--left-01 {
-  padding-left: var(--x-size-base-01) !important; }
-
+  padding-left: var(--x-size-base-01) !important;
+}
 [dir="rtl"] .x-padding--left-01 {
-  padding-right: var(--x-size-base-01) !important; }
-
+  padding-right: var(--x-size-base-01) !important;
+}
 .x-padding--top-02 {
-  padding-top: var(--x-size-base-02) !important; }
-
+  padding-top: var(--x-size-base-02) !important;
+}
 .x-padding--bottom-02 {
-  padding-bottom: var(--x-size-base-02) !important; }
-
+  padding-bottom: var(--x-size-base-02) !important;
+}
 [dir="ltr"] .x-padding--right-02 {
-  padding-right: var(--x-size-base-02) !important; }
-
+  padding-right: var(--x-size-base-02) !important;
+}
 [dir="rtl"] .x-padding--right-02 {
-  padding-left: var(--x-size-base-02) !important; }
-
+  padding-left: var(--x-size-base-02) !important;
+}
 [dir="ltr"] .x-padding--left-02 {
-  padding-left: var(--x-size-base-02) !important; }
-
+  padding-left: var(--x-size-base-02) !important;
+}
 [dir="rtl"] .x-padding--left-02 {
-  padding-right: var(--x-size-base-02) !important; }
-
+  padding-right: var(--x-size-base-02) !important;
+}
 .x-padding--top-03 {
-  padding-top: var(--x-size-base-03) !important; }
-
+  padding-top: var(--x-size-base-03) !important;
+}
 .x-padding--bottom-03 {
-  padding-bottom: var(--x-size-base-03) !important; }
-
+  padding-bottom: var(--x-size-base-03) !important;
+}
 [dir="ltr"] .x-padding--right-03 {
-  padding-right: var(--x-size-base-03) !important; }
-
+  padding-right: var(--x-size-base-03) !important;
+}
 [dir="rtl"] .x-padding--right-03 {
-  padding-left: var(--x-size-base-03) !important; }
-
+  padding-left: var(--x-size-base-03) !important;
+}
 [dir="ltr"] .x-padding--left-03 {
-  padding-left: var(--x-size-base-03) !important; }
-
+  padding-left: var(--x-size-base-03) !important;
+}
 [dir="rtl"] .x-padding--left-03 {
-  padding-right: var(--x-size-base-03) !important; }
-
+  padding-right: var(--x-size-base-03) !important;
+}
 .x-padding--top-04 {
-  padding-top: var(--x-size-base-04) !important; }
-
+  padding-top: var(--x-size-base-04) !important;
+}
 .x-padding--bottom-04 {
-  padding-bottom: var(--x-size-base-04) !important; }
-
+  padding-bottom: var(--x-size-base-04) !important;
+}
 [dir="ltr"] .x-padding--right-04 {
-  padding-right: var(--x-size-base-04) !important; }
-
+  padding-right: var(--x-size-base-04) !important;
+}
 [dir="rtl"] .x-padding--right-04 {
-  padding-left: var(--x-size-base-04) !important; }
-
+  padding-left: var(--x-size-base-04) !important;
+}
 [dir="ltr"] .x-padding--left-04 {
-  padding-left: var(--x-size-base-04) !important; }
-
+  padding-left: var(--x-size-base-04) !important;
+}
 [dir="rtl"] .x-padding--left-04 {
-  padding-right: var(--x-size-base-04) !important; }
-
+  padding-right: var(--x-size-base-04) !important;
+}
 .x-padding--top-05 {
-  padding-top: var(--x-size-base-05) !important; }
-
+  padding-top: var(--x-size-base-05) !important;
+}
 .x-padding--bottom-05 {
-  padding-bottom: var(--x-size-base-05) !important; }
-
+  padding-bottom: var(--x-size-base-05) !important;
+}
 [dir="ltr"] .x-padding--right-05 {
-  padding-right: var(--x-size-base-05) !important; }
-
+  padding-right: var(--x-size-base-05) !important;
+}
 [dir="rtl"] .x-padding--right-05 {
-  padding-left: var(--x-size-base-05) !important; }
-
+  padding-left: var(--x-size-base-05) !important;
+}
 [dir="ltr"] .x-padding--left-05 {
-  padding-left: var(--x-size-base-05) !important; }
-
+  padding-left: var(--x-size-base-05) !important;
+}
 [dir="rtl"] .x-padding--left-05 {
-  padding-right: var(--x-size-base-05) !important; }
-
+  padding-right: var(--x-size-base-05) !important;
+}
 .x-padding--top-06 {
-  padding-top: var(--x-size-base-06) !important; }
-
+  padding-top: var(--x-size-base-06) !important;
+}
 .x-padding--bottom-06 {
-  padding-bottom: var(--x-size-base-06) !important; }
-
+  padding-bottom: var(--x-size-base-06) !important;
+}
 [dir="ltr"] .x-padding--right-06 {
-  padding-right: var(--x-size-base-06) !important; }
-
+  padding-right: var(--x-size-base-06) !important;
+}
 [dir="rtl"] .x-padding--right-06 {
-  padding-left: var(--x-size-base-06) !important; }
-
+  padding-left: var(--x-size-base-06) !important;
+}
 [dir="ltr"] .x-padding--left-06 {
-  padding-left: var(--x-size-base-06) !important; }
-
+  padding-left: var(--x-size-base-06) !important;
+}
 [dir="rtl"] .x-padding--left-06 {
-  padding-right: var(--x-size-base-06) !important; }
-
+  padding-right: var(--x-size-base-06) !important;
+}
 .x-padding--top-07 {
-  padding-top: var(--x-size-base-07) !important; }
-
+  padding-top: var(--x-size-base-07) !important;
+}
 .x-padding--bottom-07 {
-  padding-bottom: var(--x-size-base-07) !important; }
-
+  padding-bottom: var(--x-size-base-07) !important;
+}
 [dir="ltr"] .x-padding--right-07 {
-  padding-right: var(--x-size-base-07) !important; }
-
+  padding-right: var(--x-size-base-07) !important;
+}
 [dir="rtl"] .x-padding--right-07 {
-  padding-left: var(--x-size-base-07) !important; }
-
+  padding-left: var(--x-size-base-07) !important;
+}
 [dir="ltr"] .x-padding--left-07 {
-  padding-left: var(--x-size-base-07) !important; }
-
+  padding-left: var(--x-size-base-07) !important;
+}
 [dir="rtl"] .x-padding--left-07 {
-  padding-right: var(--x-size-base-07) !important; }
-
+  padding-right: var(--x-size-base-07) !important;
+}
 .x-padding--top-08 {
-  padding-top: var(--x-size-base-08) !important; }
-
+  padding-top: var(--x-size-base-08) !important;
+}
 .x-padding--bottom-08 {
-  padding-bottom: var(--x-size-base-08) !important; }
-
+  padding-bottom: var(--x-size-base-08) !important;
+}
 [dir="ltr"] .x-padding--right-08 {
-  padding-right: var(--x-size-base-08) !important; }
-
+  padding-right: var(--x-size-base-08) !important;
+}
 [dir="rtl"] .x-padding--right-08 {
-  padding-left: var(--x-size-base-08) !important; }
-
+  padding-left: var(--x-size-base-08) !important;
+}
 [dir="ltr"] .x-padding--left-08 {
-  padding-left: var(--x-size-base-08) !important; }
-
+  padding-left: var(--x-size-base-08) !important;
+}
 [dir="rtl"] .x-padding--left-08 {
-  padding-right: var(--x-size-base-08) !important; }
-
+  padding-right: var(--x-size-base-08) !important;
+}
 .x-padding--top-09 {
-  padding-top: var(--x-size-base-09) !important; }
-
+  padding-top: var(--x-size-base-09) !important;
+}
 .x-padding--bottom-09 {
-  padding-bottom: var(--x-size-base-09) !important; }
-
+  padding-bottom: var(--x-size-base-09) !important;
+}
 [dir="ltr"] .x-padding--right-09 {
-  padding-right: var(--x-size-base-09) !important; }
-
+  padding-right: var(--x-size-base-09) !important;
+}
 [dir="rtl"] .x-padding--right-09 {
-  padding-left: var(--x-size-base-09) !important; }
-
+  padding-left: var(--x-size-base-09) !important;
+}
 [dir="ltr"] .x-padding--left-09 {
-  padding-left: var(--x-size-base-09) !important; }
-
+  padding-left: var(--x-size-base-09) !important;
+}
 [dir="rtl"] .x-padding--left-09 {
-  padding-right: var(--x-size-base-09) !important; }
-
+  padding-right: var(--x-size-base-09) !important;
+}
 .x-padding--top-10 {
-  padding-top: var(--x-size-base-10) !important; }
-
+  padding-top: var(--x-size-base-10) !important;
+}
 .x-padding--bottom-10 {
-  padding-bottom: var(--x-size-base-10) !important; }
-
+  padding-bottom: var(--x-size-base-10) !important;
+}
 [dir="ltr"] .x-padding--right-10 {
-  padding-right: var(--x-size-base-10) !important; }
-
+  padding-right: var(--x-size-base-10) !important;
+}
 [dir="rtl"] .x-padding--right-10 {
-  padding-left: var(--x-size-base-10) !important; }
-
+  padding-left: var(--x-size-base-10) !important;
+}
 [dir="ltr"] .x-padding--left-10 {
-  padding-left: var(--x-size-base-10) !important; }
-
+  padding-left: var(--x-size-base-10) !important;
+}
 [dir="rtl"] .x-padding--left-10 {
-  padding-right: var(--x-size-base-10) !important; }
-
+  padding-right: var(--x-size-base-10) !important;
+}
 .x-padding--top-11 {
-  padding-top: var(--x-size-base-11) !important; }
-
+  padding-top: var(--x-size-base-11) !important;
+}
 .x-padding--bottom-11 {
-  padding-bottom: var(--x-size-base-11) !important; }
-
+  padding-bottom: var(--x-size-base-11) !important;
+}
 [dir="ltr"] .x-padding--right-11 {
-  padding-right: var(--x-size-base-11) !important; }
-
+  padding-right: var(--x-size-base-11) !important;
+}
 [dir="rtl"] .x-padding--right-11 {
-  padding-left: var(--x-size-base-11) !important; }
-
+  padding-left: var(--x-size-base-11) !important;
+}
 [dir="ltr"] .x-padding--left-11 {
-  padding-left: var(--x-size-base-11) !important; }
-
+  padding-left: var(--x-size-base-11) !important;
+}
 [dir="rtl"] .x-padding--left-11 {
-  padding-right: var(--x-size-base-11) !important; }
-
+  padding-right: var(--x-size-base-11) !important;
+}
 .x-padding--top-12 {
-  padding-top: var(--x-size-base-12) !important; }
-
+  padding-top: var(--x-size-base-12) !important;
+}
 .x-padding--bottom-12 {
-  padding-bottom: var(--x-size-base-12) !important; }
-
+  padding-bottom: var(--x-size-base-12) !important;
+}
 [dir="ltr"] .x-padding--right-12 {
-  padding-right: var(--x-size-base-12) !important; }
-
+  padding-right: var(--x-size-base-12) !important;
+}
 [dir="rtl"] .x-padding--right-12 {
-  padding-left: var(--x-size-base-12) !important; }
-
+  padding-left: var(--x-size-base-12) !important;
+}
 [dir="ltr"] .x-padding--left-12 {
-  padding-left: var(--x-size-base-12) !important; }
-
+  padding-left: var(--x-size-base-12) !important;
+}
 [dir="rtl"] .x-padding--left-12 {
-  padding-right: var(--x-size-base-12) !important; }
-
+  padding-right: var(--x-size-base-12) !important;
+}
 .x-padding--top-13 {
-  padding-top: var(--x-size-base-13) !important; }
-
+  padding-top: var(--x-size-base-13) !important;
+}
 .x-padding--bottom-13 {
-  padding-bottom: var(--x-size-base-13) !important; }
-
+  padding-bottom: var(--x-size-base-13) !important;
+}
 [dir="ltr"] .x-padding--right-13 {
-  padding-right: var(--x-size-base-13) !important; }
-
+  padding-right: var(--x-size-base-13) !important;
+}
 [dir="rtl"] .x-padding--right-13 {
-  padding-left: var(--x-size-base-13) !important; }
-
+  padding-left: var(--x-size-base-13) !important;
+}
 [dir="ltr"] .x-padding--left-13 {
-  padding-left: var(--x-size-base-13) !important; }
-
+  padding-left: var(--x-size-base-13) !important;
+}
 [dir="rtl"] .x-padding--left-13 {
-  padding-right: var(--x-size-base-13) !important; }
-
+  padding-right: var(--x-size-base-13) !important;
+}
 .x-padding--top-14 {
-  padding-top: var(--x-size-base-14) !important; }
-
+  padding-top: var(--x-size-base-14) !important;
+}
 .x-padding--bottom-14 {
-  padding-bottom: var(--x-size-base-14) !important; }
-
+  padding-bottom: var(--x-size-base-14) !important;
+}
 [dir="ltr"] .x-padding--right-14 {
-  padding-right: var(--x-size-base-14) !important; }
-
+  padding-right: var(--x-size-base-14) !important;
+}
 [dir="rtl"] .x-padding--right-14 {
-  padding-left: var(--x-size-base-14) !important; }
-
+  padding-left: var(--x-size-base-14) !important;
+}
 [dir="ltr"] .x-padding--left-14 {
-  padding-left: var(--x-size-base-14) !important; }
-
+  padding-left: var(--x-size-base-14) !important;
+}
 [dir="rtl"] .x-padding--left-14 {
-  padding-right: var(--x-size-base-14) !important; }
-
+  padding-right: var(--x-size-base-14) !important;
+}
 .x-padding--top-15 {
-  padding-top: var(--x-size-base-15) !important; }
-
+  padding-top: var(--x-size-base-15) !important;
+}
 .x-padding--bottom-15 {
-  padding-bottom: var(--x-size-base-15) !important; }
-
+  padding-bottom: var(--x-size-base-15) !important;
+}
 [dir="ltr"] .x-padding--right-15 {
-  padding-right: var(--x-size-base-15) !important; }
-
+  padding-right: var(--x-size-base-15) !important;
+}
 [dir="rtl"] .x-padding--right-15 {
-  padding-left: var(--x-size-base-15) !important; }
-
+  padding-left: var(--x-size-base-15) !important;
+}
 [dir="ltr"] .x-padding--left-15 {
-  padding-left: var(--x-size-base-15) !important; }
-
+  padding-left: var(--x-size-base-15) !important;
+}
 [dir="rtl"] .x-padding--left-15 {
-  padding-right: var(--x-size-base-15) !important; }
-
+  padding-right: var(--x-size-base-15) !important;
+}
 .x-padding--top-16 {
-  padding-top: var(--x-size-base-16) !important; }
-
+  padding-top: var(--x-size-base-16) !important;
+}
 .x-padding--bottom-16 {
-  padding-bottom: var(--x-size-base-16) !important; }
-
+  padding-bottom: var(--x-size-base-16) !important;
+}
 [dir="ltr"] .x-padding--right-16 {
-  padding-right: var(--x-size-base-16) !important; }
-
+  padding-right: var(--x-size-base-16) !important;
+}
 [dir="rtl"] .x-padding--right-16 {
-  padding-left: var(--x-size-base-16) !important; }
-
+  padding-left: var(--x-size-base-16) !important;
+}
 [dir="ltr"] .x-padding--left-16 {
-  padding-left: var(--x-size-base-16) !important; }
-
+  padding-left: var(--x-size-base-16) !important;
+}
 [dir="rtl"] .x-padding--left-16 {
-  padding-right: var(--x-size-base-16) !important; }
-
+  padding-right: var(--x-size-base-16) !important;
+}
 .x-padding--top-17 {
-  padding-top: var(--x-size-base-17) !important; }
-
+  padding-top: var(--x-size-base-17) !important;
+}
 .x-padding--bottom-17 {
-  padding-bottom: var(--x-size-base-17) !important; }
-
+  padding-bottom: var(--x-size-base-17) !important;
+}
 [dir="ltr"] .x-padding--right-17 {
-  padding-right: var(--x-size-base-17) !important; }
-
+  padding-right: var(--x-size-base-17) !important;
+}
 [dir="rtl"] .x-padding--right-17 {
-  padding-left: var(--x-size-base-17) !important; }
-
+  padding-left: var(--x-size-base-17) !important;
+}
 [dir="ltr"] .x-padding--left-17 {
-  padding-left: var(--x-size-base-17) !important; }
-
+  padding-left: var(--x-size-base-17) !important;
+}
 [dir="rtl"] .x-padding--left-17 {
-  padding-right: var(--x-size-base-17) !important; }
-
+  padding-right: var(--x-size-base-17) !important;
+}
 .x-padding--top-18 {
-  padding-top: var(--x-size-base-18) !important; }
-
+  padding-top: var(--x-size-base-18) !important;
+}
 .x-padding--bottom-18 {
-  padding-bottom: var(--x-size-base-18) !important; }
-
+  padding-bottom: var(--x-size-base-18) !important;
+}
 [dir="ltr"] .x-padding--right-18 {
-  padding-right: var(--x-size-base-18) !important; }
-
+  padding-right: var(--x-size-base-18) !important;
+}
 [dir="rtl"] .x-padding--right-18 {
-  padding-left: var(--x-size-base-18) !important; }
-
+  padding-left: var(--x-size-base-18) !important;
+}
 [dir="ltr"] .x-padding--left-18 {
-  padding-left: var(--x-size-base-18) !important; }
-
+  padding-left: var(--x-size-base-18) !important;
+}
 [dir="rtl"] .x-padding--left-18 {
-  padding-right: var(--x-size-base-18) !important; }
-
+  padding-right: var(--x-size-base-18) !important;
+}
 .x-padding--top-19 {
-  padding-top: var(--x-size-base-19) !important; }
-
+  padding-top: var(--x-size-base-19) !important;
+}
 .x-padding--bottom-19 {
-  padding-bottom: var(--x-size-base-19) !important; }
-
+  padding-bottom: var(--x-size-base-19) !important;
+}
 [dir="ltr"] .x-padding--right-19 {
-  padding-right: var(--x-size-base-19) !important; }
-
+  padding-right: var(--x-size-base-19) !important;
+}
 [dir="rtl"] .x-padding--right-19 {
-  padding-left: var(--x-size-base-19) !important; }
-
+  padding-left: var(--x-size-base-19) !important;
+}
 [dir="ltr"] .x-padding--left-19 {
-  padding-left: var(--x-size-base-19) !important; }
-
+  padding-left: var(--x-size-base-19) !important;
+}
 [dir="rtl"] .x-padding--left-19 {
-  padding-right: var(--x-size-base-19) !important; }
-
+  padding-right: var(--x-size-base-19) !important;
+}
 .x-padding--top-20 {
-  padding-top: var(--x-size-base-20) !important; }
-
+  padding-top: var(--x-size-base-20) !important;
+}
 .x-padding--bottom-20 {
-  padding-bottom: var(--x-size-base-20) !important; }
-
+  padding-bottom: var(--x-size-base-20) !important;
+}
 [dir="ltr"] .x-padding--right-20 {
-  padding-right: var(--x-size-base-20) !important; }
-
+  padding-right: var(--x-size-base-20) !important;
+}
 [dir="rtl"] .x-padding--right-20 {
-  padding-left: var(--x-size-base-20) !important; }
-
+  padding-left: var(--x-size-base-20) !important;
+}
 [dir="ltr"] .x-padding--left-20 {
-  padding-left: var(--x-size-base-20) !important; }
-
+  padding-left: var(--x-size-base-20) !important;
+}
 [dir="rtl"] .x-padding--left-20 {
-  padding-right: var(--x-size-base-20) !important; }
+  padding-right: var(--x-size-base-20) !important;
+}