ab-ui-library 1.17.1 → 1.18.1

package/assets/styles/styles.css

@@ -659,6 +659,206 @@ body {
   margin-left: auto;
 }
 
+.mx-0 {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+.mx-2 {
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+.mx-4 {
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+.mx-6 {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+
+.mx-8 {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+
+.mx-10 {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.mx-12 {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+.mx-16 {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+
+.mx-20 {
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+.mx-24 {
+  margin-left: 24px;
+  margin-right: 24px;
+}
+
+.mx-28 {
+  margin-left: 28px;
+  margin-right: 28px;
+}
+
+.mx-32 {
+  margin-left: 32px;
+  margin-right: 32px;
+}
+
+.mx-40 {
+  margin-left: 40px;
+  margin-right: 40px;
+}
+
+.mx-48 {
+  margin-left: 48px;
+  margin-right: 48px;
+}
+
+.mx-56 {
+  margin-left: 56px;
+  margin-right: 56px;
+}
+
+.mx-64 {
+  margin-left: 64px;
+  margin-right: 64px;
+}
+
+.mx-80 {
+  margin-left: 80px;
+  margin-right: 80px;
+}
+
+.mx-160 {
+  margin-left: 160px;
+  margin-right: 160px;
+}
+
+.mx-240 {
+  margin-left: 240px;
+  margin-right: 240px;
+}
+
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.my-0 {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.my-2 {
+  margin-bottom: 2px;
+  margin-top: 2px;
+}
+
+.my-4 {
+  margin-bottom: 4px;
+  margin-top: 4px;
+}
+
+.my-6 {
+  margin-bottom: 6px;
+  margin-top: 6px;
+}
+
+.my-8 {
+  margin-bottom: 8px;
+  margin-top: 8px;
+}
+
+.my-10 {
+  margin-bottom: 10px;
+  margin-top: 10px;
+}
+
+.my-12 {
+  margin-bottom: 12px;
+  margin-top: 12px;
+}
+
+.my-16 {
+  margin-bottom: 16px;
+  margin-top: 16px;
+}
+
+.my-20 {
+  margin-bottom: 20px;
+  margin-top: 20px;
+}
+
+.my-24 {
+  margin-bottom: 24px;
+  margin-top: 24px;
+}
+
+.my-28 {
+  margin-bottom: 28px;
+  margin-top: 28px;
+}
+
+.my-32 {
+  margin-bottom: 32px;
+  margin-top: 32px;
+}
+
+.my-40 {
+  margin-bottom: 40px;
+  margin-top: 40px;
+}
+
+.my-48 {
+  margin-bottom: 48px;
+  margin-top: 48px;
+}
+
+.my-56 {
+  margin-bottom: 56px;
+  margin-top: 56px;
+}
+
+.my-64 {
+  margin-bottom: 64px;
+  margin-top: 64px;
+}
+
+.my-80 {
+  margin-bottom: 80px;
+  margin-top: 80px;
+}
+
+.my-160 {
+  margin-bottom: 160px;
+  margin-top: 160px;
+}
+
+.my-240 {
+  margin-bottom: 240px;
+  margin-top: 240px;
+}
+
+.my-auto {
+  margin-bottom: auto;
+  margin-top: auto;
+}
+
 .p-0 {
   padding: 0;
 }
@@ -1059,6 +1259,206 @@ body {
   padding-left: auto;
 }
 
+.px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.px-2 {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.px-4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.px-6 {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.px-8 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.px-10 {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.px-12 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.px-16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.px-20 {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.px-24 {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.px-28 {
+  padding-left: 28px;
+  padding-right: 28px;
+}
+
+.px-32 {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+
+.px-40 {
+  padding-left: 40px;
+  padding-right: 40px;
+}
+
+.px-48 {
+  padding-left: 48px;
+  padding-right: 48px;
+}
+
+.px-56 {
+  padding-left: 56px;
+  padding-right: 56px;
+}
+
+.px-64 {
+  padding-left: 64px;
+  padding-right: 64px;
+}
+
+.px-80 {
+  padding-left: 80px;
+  padding-right: 80px;
+}
+
+.px-160 {
+  padding-left: 160px;
+  padding-right: 160px;
+}
+
+.px-240 {
+  padding-left: 240px;
+  padding-right: 240px;
+}
+
+.px-auto {
+  padding-left: auto;
+  padding-right: auto;
+}
+
+.py-0 {
+  padding-bottom: 0;
+  padding-top: 0;
+}
+
+.py-2 {
+  padding-bottom: 2px;
+  padding-top: 2px;
+}
+
+.py-4 {
+  padding-bottom: 4px;
+  padding-top: 4px;
+}
+
+.py-6 {
+  padding-bottom: 6px;
+  padding-top: 6px;
+}
+
+.py-8 {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+
+.py-10 {
+  padding-bottom: 10px;
+  padding-top: 10px;
+}
+
+.py-12 {
+  padding-bottom: 12px;
+  padding-top: 12px;
+}
+
+.py-16 {
+  padding-bottom: 16px;
+  padding-top: 16px;
+}
+
+.py-20 {
+  padding-bottom: 20px;
+  padding-top: 20px;
+}
+
+.py-24 {
+  padding-bottom: 24px;
+  padding-top: 24px;
+}
+
+.py-28 {
+  padding-bottom: 28px;
+  padding-top: 28px;
+}
+
+.py-32 {
+  padding-bottom: 32px;
+  padding-top: 32px;
+}
+
+.py-40 {
+  padding-bottom: 40px;
+  padding-top: 40px;
+}
+
+.py-48 {
+  padding-bottom: 48px;
+  padding-top: 48px;
+}
+
+.py-56 {
+  padding-bottom: 56px;
+  padding-top: 56px;
+}
+
+.py-64 {
+  padding-bottom: 64px;
+  padding-top: 64px;
+}
+
+.py-80 {
+  padding-bottom: 80px;
+  padding-top: 80px;
+}
+
+.py-160 {
+  padding-bottom: 160px;
+  padding-top: 160px;
+}
+
+.py-240 {
+  padding-bottom: 240px;
+  padding-top: 240px;
+}
+
+.py-auto {
+  padding-bottom: auto;
+  padding-top: auto;
+}
+
 .text-color.brand {
   color: #72bf44;
 }
@@ -2221,6 +2621,10 @@ body {
   cursor: not-allowed;
 }
 
+.pointer-events-none {
+  pointer-events: none;
+}
+
 :root {
   --brand-900:#1c330d;
   --brand-800:#31531c;