@bcc-code/design-tokens 3.0.8 → 3.0.10

package/build/bcc/css/tailwind-light.css

@@ -569,6 +569,46 @@
   padding-left: var(--spacing-0);
 }
 
+@utility m-0 {
+  margin: var(--spacing-0);
+}
+
+@utility mx-0 {
+  margin-inline: var(--spacing-0);
+}
+
+@utility my-0 {
+  margin-block: var(--spacing-0);
+}
+
+@utility mt-0 {
+  margin-top: var(--spacing-0);
+}
+
+@utility mr-0 {
+  margin-right: var(--spacing-0);
+}
+
+@utility mb-0 {
+  margin-bottom: var(--spacing-0);
+}
+
+@utility ml-0 {
+  margin-left: var(--spacing-0);
+}
+
+@utility gap-0 {
+  gap: var(--spacing-0);
+}
+
+@utility gap-x-0 {
+  column-gap: var(--spacing-0);
+}
+
+@utility gap-y-0 {
+  row-gap: var(--spacing-0);
+}
+
 @utility p-25 {
   padding: var(--spacing-25);
 }
@@ -597,6 +637,46 @@
   padding-left: var(--spacing-25);
 }
 
+@utility m-25 {
+  margin: var(--spacing-25);
+}
+
+@utility mx-25 {
+  margin-inline: var(--spacing-25);
+}
+
+@utility my-25 {
+  margin-block: var(--spacing-25);
+}
+
+@utility mt-25 {
+  margin-top: var(--spacing-25);
+}
+
+@utility mr-25 {
+  margin-right: var(--spacing-25);
+}
+
+@utility mb-25 {
+  margin-bottom: var(--spacing-25);
+}
+
+@utility ml-25 {
+  margin-left: var(--spacing-25);
+}
+
+@utility gap-25 {
+  gap: var(--spacing-25);
+}
+
+@utility gap-x-25 {
+  column-gap: var(--spacing-25);
+}
+
+@utility gap-y-25 {
+  row-gap: var(--spacing-25);
+}
+
 @utility p-50 {
   padding: var(--spacing-50);
 }
@@ -625,6 +705,46 @@
   padding-left: var(--spacing-50);
 }
 
+@utility m-50 {
+  margin: var(--spacing-50);
+}
+
+@utility mx-50 {
+  margin-inline: var(--spacing-50);
+}
+
+@utility my-50 {
+  margin-block: var(--spacing-50);
+}
+
+@utility mt-50 {
+  margin-top: var(--spacing-50);
+}
+
+@utility mr-50 {
+  margin-right: var(--spacing-50);
+}
+
+@utility mb-50 {
+  margin-bottom: var(--spacing-50);
+}
+
+@utility ml-50 {
+  margin-left: var(--spacing-50);
+}
+
+@utility gap-50 {
+  gap: var(--spacing-50);
+}
+
+@utility gap-x-50 {
+  column-gap: var(--spacing-50);
+}
+
+@utility gap-y-50 {
+  row-gap: var(--spacing-50);
+}
+
 @utility p-75 {
   padding: var(--spacing-75);
 }
@@ -653,6 +773,46 @@
   padding-left: var(--spacing-75);
 }
 
+@utility m-75 {
+  margin: var(--spacing-75);
+}
+
+@utility mx-75 {
+  margin-inline: var(--spacing-75);
+}
+
+@utility my-75 {
+  margin-block: var(--spacing-75);
+}
+
+@utility mt-75 {
+  margin-top: var(--spacing-75);
+}
+
+@utility mr-75 {
+  margin-right: var(--spacing-75);
+}
+
+@utility mb-75 {
+  margin-bottom: var(--spacing-75);
+}
+
+@utility ml-75 {
+  margin-left: var(--spacing-75);
+}
+
+@utility gap-75 {
+  gap: var(--spacing-75);
+}
+
+@utility gap-x-75 {
+  column-gap: var(--spacing-75);
+}
+
+@utility gap-y-75 {
+  row-gap: var(--spacing-75);
+}
+
 @utility p-100 {
   padding: var(--spacing-100);
 }
@@ -681,6 +841,46 @@
   padding-left: var(--spacing-100);
 }
 
+@utility m-100 {
+  margin: var(--spacing-100);
+}
+
+@utility mx-100 {
+  margin-inline: var(--spacing-100);
+}
+
+@utility my-100 {
+  margin-block: var(--spacing-100);
+}
+
+@utility mt-100 {
+  margin-top: var(--spacing-100);
+}
+
+@utility mr-100 {
+  margin-right: var(--spacing-100);
+}
+
+@utility mb-100 {
+  margin-bottom: var(--spacing-100);
+}
+
+@utility ml-100 {
+  margin-left: var(--spacing-100);
+}
+
+@utility gap-100 {
+  gap: var(--spacing-100);
+}
+
+@utility gap-x-100 {
+  column-gap: var(--spacing-100);
+}
+
+@utility gap-y-100 {
+  row-gap: var(--spacing-100);
+}
+
 @utility p-150 {
   padding: var(--spacing-150);
 }
@@ -709,6 +909,46 @@
   padding-left: var(--spacing-150);
 }
 
+@utility m-150 {
+  margin: var(--spacing-150);
+}
+
+@utility mx-150 {
+  margin-inline: var(--spacing-150);
+}
+
+@utility my-150 {
+  margin-block: var(--spacing-150);
+}
+
+@utility mt-150 {
+  margin-top: var(--spacing-150);
+}
+
+@utility mr-150 {
+  margin-right: var(--spacing-150);
+}
+
+@utility mb-150 {
+  margin-bottom: var(--spacing-150);
+}
+
+@utility ml-150 {
+  margin-left: var(--spacing-150);
+}
+
+@utility gap-150 {
+  gap: var(--spacing-150);
+}
+
+@utility gap-x-150 {
+  column-gap: var(--spacing-150);
+}
+
+@utility gap-y-150 {
+  row-gap: var(--spacing-150);
+}
+
 @utility p-200 {
   padding: var(--spacing-200);
 }
@@ -737,20 +977,60 @@
   padding-left: var(--spacing-200);
 }
 
-@utility p-250 {
-  padding: var(--spacing-250);
+@utility m-200 {
+  margin: var(--spacing-200);
 }
 
-@utility px-250 {
-  padding-inline: var(--spacing-250);
+@utility mx-200 {
+  margin-inline: var(--spacing-200);
 }
 
-@utility py-250 {
-  padding-block: var(--spacing-250);
+@utility my-200 {
+  margin-block: var(--spacing-200);
 }
 
-@utility pt-250 {
-  padding-top: var(--spacing-250);
+@utility mt-200 {
+  margin-top: var(--spacing-200);
+}
+
+@utility mr-200 {
+  margin-right: var(--spacing-200);
+}
+
+@utility mb-200 {
+  margin-bottom: var(--spacing-200);
+}
+
+@utility ml-200 {
+  margin-left: var(--spacing-200);
+}
+
+@utility gap-200 {
+  gap: var(--spacing-200);
+}
+
+@utility gap-x-200 {
+  column-gap: var(--spacing-200);
+}
+
+@utility gap-y-200 {
+  row-gap: var(--spacing-200);
+}
+
+@utility p-250 {
+  padding: var(--spacing-250);
+}
+
+@utility px-250 {
+  padding-inline: var(--spacing-250);
+}
+
+@utility py-250 {
+  padding-block: var(--spacing-250);
+}
+
+@utility pt-250 {
+  padding-top: var(--spacing-250);
 }
 
 @utility pr-250 {
@@ -765,6 +1045,46 @@
   padding-left: var(--spacing-250);
 }
 
+@utility m-250 {
+  margin: var(--spacing-250);
+}
+
+@utility mx-250 {
+  margin-inline: var(--spacing-250);
+}
+
+@utility my-250 {
+  margin-block: var(--spacing-250);
+}
+
+@utility mt-250 {
+  margin-top: var(--spacing-250);
+}
+
+@utility mr-250 {
+  margin-right: var(--spacing-250);
+}
+
+@utility mb-250 {
+  margin-bottom: var(--spacing-250);
+}
+
+@utility ml-250 {
+  margin-left: var(--spacing-250);
+}
+
+@utility gap-250 {
+  gap: var(--spacing-250);
+}
+
+@utility gap-x-250 {
+  column-gap: var(--spacing-250);
+}
+
+@utility gap-y-250 {
+  row-gap: var(--spacing-250);
+}
+
 @utility p-300 {
   padding: var(--spacing-300);
 }
@@ -793,6 +1113,46 @@
   padding-left: var(--spacing-300);
 }
 
+@utility m-300 {
+  margin: var(--spacing-300);
+}
+
+@utility mx-300 {
+  margin-inline: var(--spacing-300);
+}
+
+@utility my-300 {
+  margin-block: var(--spacing-300);
+}
+
+@utility mt-300 {
+  margin-top: var(--spacing-300);
+}
+
+@utility mr-300 {
+  margin-right: var(--spacing-300);
+}
+
+@utility mb-300 {
+  margin-bottom: var(--spacing-300);
+}
+
+@utility ml-300 {
+  margin-left: var(--spacing-300);
+}
+
+@utility gap-300 {
+  gap: var(--spacing-300);
+}
+
+@utility gap-x-300 {
+  column-gap: var(--spacing-300);
+}
+
+@utility gap-y-300 {
+  row-gap: var(--spacing-300);
+}
+
 @utility p-400 {
   padding: var(--spacing-400);
 }
@@ -821,6 +1181,46 @@
   padding-left: var(--spacing-400);
 }
 
+@utility m-400 {
+  margin: var(--spacing-400);
+}
+
+@utility mx-400 {
+  margin-inline: var(--spacing-400);
+}
+
+@utility my-400 {
+  margin-block: var(--spacing-400);
+}
+
+@utility mt-400 {
+  margin-top: var(--spacing-400);
+}
+
+@utility mr-400 {
+  margin-right: var(--spacing-400);
+}
+
+@utility mb-400 {
+  margin-bottom: var(--spacing-400);
+}
+
+@utility ml-400 {
+  margin-left: var(--spacing-400);
+}
+
+@utility gap-400 {
+  gap: var(--spacing-400);
+}
+
+@utility gap-x-400 {
+  column-gap: var(--spacing-400);
+}
+
+@utility gap-y-400 {
+  row-gap: var(--spacing-400);
+}
+
 @utility p-500 {
   padding: var(--spacing-500);
 }
@@ -849,6 +1249,46 @@
   padding-left: var(--spacing-500);
 }
 
+@utility m-500 {
+  margin: var(--spacing-500);
+}
+
+@utility mx-500 {
+  margin-inline: var(--spacing-500);
+}
+
+@utility my-500 {
+  margin-block: var(--spacing-500);
+}
+
+@utility mt-500 {
+  margin-top: var(--spacing-500);
+}
+
+@utility mr-500 {
+  margin-right: var(--spacing-500);
+}
+
+@utility mb-500 {
+  margin-bottom: var(--spacing-500);
+}
+
+@utility ml-500 {
+  margin-left: var(--spacing-500);
+}
+
+@utility gap-500 {
+  gap: var(--spacing-500);
+}
+
+@utility gap-x-500 {
+  column-gap: var(--spacing-500);
+}
+
+@utility gap-y-500 {
+  row-gap: var(--spacing-500);
+}
+
 @utility p-600 {
   padding: var(--spacing-600);
 }
@@ -877,6 +1317,46 @@
   padding-left: var(--spacing-600);
 }
 
+@utility m-600 {
+  margin: var(--spacing-600);
+}
+
+@utility mx-600 {
+  margin-inline: var(--spacing-600);
+}
+
+@utility my-600 {
+  margin-block: var(--spacing-600);
+}
+
+@utility mt-600 {
+  margin-top: var(--spacing-600);
+}
+
+@utility mr-600 {
+  margin-right: var(--spacing-600);
+}
+
+@utility mb-600 {
+  margin-bottom: var(--spacing-600);
+}
+
+@utility ml-600 {
+  margin-left: var(--spacing-600);
+}
+
+@utility gap-600 {
+  gap: var(--spacing-600);
+}
+
+@utility gap-x-600 {
+  column-gap: var(--spacing-600);
+}
+
+@utility gap-y-600 {
+  row-gap: var(--spacing-600);
+}
+
 @utility p-800 {
   padding: var(--spacing-800);
 }
@@ -905,396 +1385,72 @@
   padding-left: var(--spacing-800);
 }
 
-@utility p-1000 {
-  padding: var(--spacing-1000);
+@utility m-800 {
+  margin: var(--spacing-800);
 }
 
-@utility px-1000 {
-  padding-inline: var(--spacing-1000);
+@utility mx-800 {
+  margin-inline: var(--spacing-800);
 }
 
-@utility py-1000 {
-  padding-block: var(--spacing-1000);
+@utility my-800 {
+  margin-block: var(--spacing-800);
 }
 
-@utility pt-1000 {
-  padding-top: var(--spacing-1000);
+@utility mt-800 {
+  margin-top: var(--spacing-800);
 }
 
-@utility pr-1000 {
-  padding-right: var(--spacing-1000);
-}
-
-@utility pb-1000 {
-  padding-bottom: var(--spacing-1000);
-}
-
-@utility pl-1000 {
-  padding-left: var(--spacing-1000);
-}
-
-@utility m-0 {
-  margin: var(--spacing-0);
-}
-
-@utility mx-0 {
-  margin-inline: var(--spacing-0);
-}
-
-@utility my-0 {
-  margin-block: var(--spacing-0);
-}
-
-@utility mt-0 {
-  margin-top: var(--spacing-0);
-}
-
-@utility mr-0 {
-  margin-right: var(--spacing-0);
-}
-
-@utility mb-0 {
-  margin-bottom: var(--spacing-0);
-}
-
-@utility ml-0 {
-  margin-left: var(--spacing-0);
-}
-
-@utility m-25 {
-  margin: var(--spacing-25);
-}
-
-@utility mx-25 {
-  margin-inline: var(--spacing-25);
-}
-
-@utility my-25 {
-  margin-block: var(--spacing-25);
-}
-
-@utility mt-25 {
-  margin-top: var(--spacing-25);
-}
-
-@utility mr-25 {
-  margin-right: var(--spacing-25);
-}
-
-@utility mb-25 {
-  margin-bottom: var(--spacing-25);
-}
-
-@utility ml-25 {
-  margin-left: var(--spacing-25);
-}
-
-@utility m-50 {
-  margin: var(--spacing-50);
-}
-
-@utility mx-50 {
-  margin-inline: var(--spacing-50);
-}
-
-@utility my-50 {
-  margin-block: var(--spacing-50);
-}
-
-@utility mt-50 {
-  margin-top: var(--spacing-50);
-}
-
-@utility mr-50 {
-  margin-right: var(--spacing-50);
-}
-
-@utility mb-50 {
-  margin-bottom: var(--spacing-50);
-}
-
-@utility ml-50 {
-  margin-left: var(--spacing-50);
-}
-
-@utility m-75 {
-  margin: var(--spacing-75);
-}
-
-@utility mx-75 {
-  margin-inline: var(--spacing-75);
-}
-
-@utility my-75 {
-  margin-block: var(--spacing-75);
-}
-
-@utility mt-75 {
-  margin-top: var(--spacing-75);
-}
-
-@utility mr-75 {
-  margin-right: var(--spacing-75);
-}
-
-@utility mb-75 {
-  margin-bottom: var(--spacing-75);
-}
-
-@utility ml-75 {
-  margin-left: var(--spacing-75);
-}
-
-@utility m-100 {
-  margin: var(--spacing-100);
-}
-
-@utility mx-100 {
-  margin-inline: var(--spacing-100);
-}
-
-@utility my-100 {
-  margin-block: var(--spacing-100);
-}
-
-@utility mt-100 {
-  margin-top: var(--spacing-100);
-}
-
-@utility mr-100 {
-  margin-right: var(--spacing-100);
-}
-
-@utility mb-100 {
-  margin-bottom: var(--spacing-100);
-}
-
-@utility ml-100 {
-  margin-left: var(--spacing-100);
-}
-
-@utility m-150 {
-  margin: var(--spacing-150);
-}
-
-@utility mx-150 {
-  margin-inline: var(--spacing-150);
-}
-
-@utility my-150 {
-  margin-block: var(--spacing-150);
-}
-
-@utility mt-150 {
-  margin-top: var(--spacing-150);
-}
-
-@utility mr-150 {
-  margin-right: var(--spacing-150);
-}
-
-@utility mb-150 {
-  margin-bottom: var(--spacing-150);
-}
-
-@utility ml-150 {
-  margin-left: var(--spacing-150);
-}
-
-@utility m-200 {
-  margin: var(--spacing-200);
-}
-
-@utility mx-200 {
-  margin-inline: var(--spacing-200);
-}
-
-@utility my-200 {
-  margin-block: var(--spacing-200);
-}
-
-@utility mt-200 {
-  margin-top: var(--spacing-200);
-}
-
-@utility mr-200 {
-  margin-right: var(--spacing-200);
-}
-
-@utility mb-200 {
-  margin-bottom: var(--spacing-200);
-}
-
-@utility ml-200 {
-  margin-left: var(--spacing-200);
-}
-
-@utility m-250 {
-  margin: var(--spacing-250);
-}
-
-@utility mx-250 {
-  margin-inline: var(--spacing-250);
-}
-
-@utility my-250 {
-  margin-block: var(--spacing-250);
-}
-
-@utility mt-250 {
-  margin-top: var(--spacing-250);
-}
-
-@utility mr-250 {
-  margin-right: var(--spacing-250);
-}
-
-@utility mb-250 {
-  margin-bottom: var(--spacing-250);
-}
-
-@utility ml-250 {
-  margin-left: var(--spacing-250);
-}
-
-@utility m-300 {
-  margin: var(--spacing-300);
-}
-
-@utility mx-300 {
-  margin-inline: var(--spacing-300);
-}
-
-@utility my-300 {
-  margin-block: var(--spacing-300);
-}
-
-@utility mt-300 {
-  margin-top: var(--spacing-300);
-}
-
-@utility mr-300 {
-  margin-right: var(--spacing-300);
-}
-
-@utility mb-300 {
-  margin-bottom: var(--spacing-300);
-}
-
-@utility ml-300 {
-  margin-left: var(--spacing-300);
-}
-
-@utility m-400 {
-  margin: var(--spacing-400);
-}
-
-@utility mx-400 {
-  margin-inline: var(--spacing-400);
-}
-
-@utility my-400 {
-  margin-block: var(--spacing-400);
-}
-
-@utility mt-400 {
-  margin-top: var(--spacing-400);
-}
-
-@utility mr-400 {
-  margin-right: var(--spacing-400);
-}
-
-@utility mb-400 {
-  margin-bottom: var(--spacing-400);
-}
-
-@utility ml-400 {
-  margin-left: var(--spacing-400);
-}
-
-@utility m-500 {
-  margin: var(--spacing-500);
-}
-
-@utility mx-500 {
-  margin-inline: var(--spacing-500);
-}
-
-@utility my-500 {
-  margin-block: var(--spacing-500);
-}
-
-@utility mt-500 {
-  margin-top: var(--spacing-500);
-}
-
-@utility mr-500 {
-  margin-right: var(--spacing-500);
-}
-
-@utility mb-500 {
-  margin-bottom: var(--spacing-500);
-}
-
-@utility ml-500 {
-  margin-left: var(--spacing-500);
-}
-
-@utility m-600 {
-  margin: var(--spacing-600);
-}
-
-@utility mx-600 {
-  margin-inline: var(--spacing-600);
+@utility mr-800 {
+  margin-right: var(--spacing-800);
 }
 
-@utility my-600 {
-  margin-block: var(--spacing-600);
+@utility mb-800 {
+  margin-bottom: var(--spacing-800);
 }
 
-@utility mt-600 {
-  margin-top: var(--spacing-600);
+@utility ml-800 {
+  margin-left: var(--spacing-800);
 }
 
-@utility mr-600 {
-  margin-right: var(--spacing-600);
+@utility gap-800 {
+  gap: var(--spacing-800);
 }
 
-@utility mb-600 {
-  margin-bottom: var(--spacing-600);
+@utility gap-x-800 {
+  column-gap: var(--spacing-800);
 }
 
-@utility ml-600 {
-  margin-left: var(--spacing-600);
+@utility gap-y-800 {
+  row-gap: var(--spacing-800);
 }
 
-@utility m-800 {
-  margin: var(--spacing-800);
+@utility p-1000 {
+  padding: var(--spacing-1000);
 }
 
-@utility mx-800 {
-  margin-inline: var(--spacing-800);
+@utility px-1000 {
+  padding-inline: var(--spacing-1000);
 }
 
-@utility my-800 {
-  margin-block: var(--spacing-800);
+@utility py-1000 {
+  padding-block: var(--spacing-1000);
 }
 
-@utility mt-800 {
-  margin-top: var(--spacing-800);
+@utility pt-1000 {
+  padding-top: var(--spacing-1000);
 }
 
-@utility mr-800 {
-  margin-right: var(--spacing-800);
+@utility pr-1000 {
+  padding-right: var(--spacing-1000);
 }
 
-@utility mb-800 {
-  margin-bottom: var(--spacing-800);
+@utility pb-1000 {
+  padding-bottom: var(--spacing-1000);
 }
 
-@utility ml-800 {
-  margin-left: var(--spacing-800);
+@utility pl-1000 {
+  padding-left: var(--spacing-1000);
 }
 
 @utility m-1000 {
@@ -1325,162 +1481,6 @@
   margin-left: var(--spacing-1000);
 }
 
-@utility gap-0 {
-  gap: var(--spacing-0);
-}
-
-@utility gap-x-0 {
-  column-gap: var(--spacing-0);
-}
-
-@utility gap-y-0 {
-  row-gap: var(--spacing-0);
-}
-
-@utility gap-25 {
-  gap: var(--spacing-25);
-}
-
-@utility gap-x-25 {
-  column-gap: var(--spacing-25);
-}
-
-@utility gap-y-25 {
-  row-gap: var(--spacing-25);
-}
-
-@utility gap-50 {
-  gap: var(--spacing-50);
-}
-
-@utility gap-x-50 {
-  column-gap: var(--spacing-50);
-}
-
-@utility gap-y-50 {
-  row-gap: var(--spacing-50);
-}
-
-@utility gap-75 {
-  gap: var(--spacing-75);
-}
-
-@utility gap-x-75 {
-  column-gap: var(--spacing-75);
-}
-
-@utility gap-y-75 {
-  row-gap: var(--spacing-75);
-}
-
-@utility gap-100 {
-  gap: var(--spacing-100);
-}
-
-@utility gap-x-100 {
-  column-gap: var(--spacing-100);
-}
-
-@utility gap-y-100 {
-  row-gap: var(--spacing-100);
-}
-
-@utility gap-150 {
-  gap: var(--spacing-150);
-}
-
-@utility gap-x-150 {
-  column-gap: var(--spacing-150);
-}
-
-@utility gap-y-150 {
-  row-gap: var(--spacing-150);
-}
-
-@utility gap-200 {
-  gap: var(--spacing-200);
-}
-
-@utility gap-x-200 {
-  column-gap: var(--spacing-200);
-}
-
-@utility gap-y-200 {
-  row-gap: var(--spacing-200);
-}
-
-@utility gap-250 {
-  gap: var(--spacing-250);
-}
-
-@utility gap-x-250 {
-  column-gap: var(--spacing-250);
-}
-
-@utility gap-y-250 {
-  row-gap: var(--spacing-250);
-}
-
-@utility gap-300 {
-  gap: var(--spacing-300);
-}
-
-@utility gap-x-300 {
-  column-gap: var(--spacing-300);
-}
-
-@utility gap-y-300 {
-  row-gap: var(--spacing-300);
-}
-
-@utility gap-400 {
-  gap: var(--spacing-400);
-}
-
-@utility gap-x-400 {
-  column-gap: var(--spacing-400);
-}
-
-@utility gap-y-400 {
-  row-gap: var(--spacing-400);
-}
-
-@utility gap-500 {
-  gap: var(--spacing-500);
-}
-
-@utility gap-x-500 {
-  column-gap: var(--spacing-500);
-}
-
-@utility gap-y-500 {
-  row-gap: var(--spacing-500);
-}
-
-@utility gap-600 {
-  gap: var(--spacing-600);
-}
-
-@utility gap-x-600 {
-  column-gap: var(--spacing-600);
-}
-
-@utility gap-y-600 {
-  row-gap: var(--spacing-600);
-}
-
-@utility gap-800 {
-  gap: var(--spacing-800);
-}
-
-@utility gap-x-800 {
-  column-gap: var(--spacing-800);
-}
-
-@utility gap-y-800 {
-  row-gap: var(--spacing-800);
-}
-
 @utility gap-1000 {
   gap: var(--spacing-1000);
 }