@pine-ds/core 3.11.0 → 3.12.0

package/dist/collection/components/pds-box/pds-box.css

@@ -1035,7 +1035,7 @@ pds-box {
 }
 
 .pds-box--border {
-  border-color: var(--color-border-box, var(--pine-color-grey-300));
+  border-color: var(--color-border-box, var(--pine-color-border));
   border-style: solid;
   border-width: var(--border-width-default);
 }
@@ -1168,6 +1168,82 @@ pds-box {
   gap: var(--pine-dimension-2xl);
 }
 
+.pds-box-gap-025 {
+  gap: var(--pine-dimension-025);
+}
+
+.pds-box-gap-050 {
+  gap: var(--pine-dimension-050);
+}
+
+.pds-box-gap-100 {
+  gap: var(--pine-dimension-100);
+}
+
+.pds-box-gap-125 {
+  gap: var(--pine-dimension-125);
+}
+
+.pds-box-gap-150 {
+  gap: var(--pine-dimension-150);
+}
+
+.pds-box-gap-200 {
+  gap: var(--pine-dimension-200);
+}
+
+.pds-box-gap-250 {
+  gap: var(--pine-dimension-250);
+}
+
+.pds-box-gap-300 {
+  gap: var(--pine-dimension-300);
+}
+
+.pds-box-gap-350 {
+  gap: var(--pine-dimension-350);
+}
+
+.pds-box-gap-400 {
+  gap: var(--pine-dimension-400);
+}
+
+.pds-box-gap-450 {
+  gap: var(--pine-dimension-450);
+}
+
+.pds-box-gap-500 {
+  gap: var(--pine-dimension-500);
+}
+
+.pds-box-gap-550 {
+  gap: var(--pine-dimension-550);
+}
+
+.pds-box-gap-600 {
+  gap: var(--pine-dimension-600);
+}
+
+.pds-box-gap-650 {
+  gap: var(--pine-dimension-650);
+}
+
+.pds-box-gap-700 {
+  gap: var(--pine-dimension-700);
+}
+
+.pds-box-gap-750 {
+  gap: var(--pine-dimension-750);
+}
+
+.pds-box-gap-800 {
+  gap: var(--pine-dimension-800);
+}
+
+.pds-margin-block-start-none {
+  margin-block-start: 0;
+}
+
 .pds-margin-block-start-xxs {
   margin-block-start: var(--pine-dimension-2xs);
 }
@@ -1196,6 +1272,78 @@ pds-box {
   margin-block-start: var(--pine-dimension-2xl);
 }
 
+.pds-margin-block-start-025 {
+  margin-block-start: var(--pine-dimension-025);
+}
+
+.pds-margin-block-start-050 {
+  margin-block-start: var(--pine-dimension-050);
+}
+
+.pds-margin-block-start-100 {
+  margin-block-start: var(--pine-dimension-100);
+}
+
+.pds-margin-block-start-125 {
+  margin-block-start: var(--pine-dimension-125);
+}
+
+.pds-margin-block-start-150 {
+  margin-block-start: var(--pine-dimension-150);
+}
+
+.pds-margin-block-start-200 {
+  margin-block-start: var(--pine-dimension-200);
+}
+
+.pds-margin-block-start-250 {
+  margin-block-start: var(--pine-dimension-250);
+}
+
+.pds-margin-block-start-300 {
+  margin-block-start: var(--pine-dimension-300);
+}
+
+.pds-margin-block-start-350 {
+  margin-block-start: var(--pine-dimension-350);
+}
+
+.pds-margin-block-start-400 {
+  margin-block-start: var(--pine-dimension-400);
+}
+
+.pds-margin-block-start-450 {
+  margin-block-start: var(--pine-dimension-450);
+}
+
+.pds-margin-block-start-500 {
+  margin-block-start: var(--pine-dimension-500);
+}
+
+.pds-margin-block-start-550 {
+  margin-block-start: var(--pine-dimension-550);
+}
+
+.pds-margin-block-start-600 {
+  margin-block-start: var(--pine-dimension-600);
+}
+
+.pds-margin-block-start-650 {
+  margin-block-start: var(--pine-dimension-650);
+}
+
+.pds-margin-block-start-700 {
+  margin-block-start: var(--pine-dimension-700);
+}
+
+.pds-margin-block-start-750 {
+  margin-block-start: var(--pine-dimension-750);
+}
+
+.pds-margin-block-start-800 {
+  margin-block-start: var(--pine-dimension-800);
+}
+
 .pds-margin-inline-start-none {
   margin-inline-start: 0;
 }
@@ -1228,6 +1376,78 @@ pds-box {
   margin-inline-start: var(--pine-dimension-2xl);
 }
 
+.pds-margin-inline-start-025 {
+  margin-inline-start: var(--pine-dimension-025);
+}
+
+.pds-margin-inline-start-050 {
+  margin-inline-start: var(--pine-dimension-050);
+}
+
+.pds-margin-inline-start-100 {
+  margin-inline-start: var(--pine-dimension-100);
+}
+
+.pds-margin-inline-start-125 {
+  margin-inline-start: var(--pine-dimension-125);
+}
+
+.pds-margin-inline-start-150 {
+  margin-inline-start: var(--pine-dimension-150);
+}
+
+.pds-margin-inline-start-200 {
+  margin-inline-start: var(--pine-dimension-200);
+}
+
+.pds-margin-inline-start-250 {
+  margin-inline-start: var(--pine-dimension-250);
+}
+
+.pds-margin-inline-start-300 {
+  margin-inline-start: var(--pine-dimension-300);
+}
+
+.pds-margin-inline-start-350 {
+  margin-inline-start: var(--pine-dimension-350);
+}
+
+.pds-margin-inline-start-400 {
+  margin-inline-start: var(--pine-dimension-400);
+}
+
+.pds-margin-inline-start-450 {
+  margin-inline-start: var(--pine-dimension-450);
+}
+
+.pds-margin-inline-start-500 {
+  margin-inline-start: var(--pine-dimension-500);
+}
+
+.pds-margin-inline-start-550 {
+  margin-inline-start: var(--pine-dimension-550);
+}
+
+.pds-margin-inline-start-600 {
+  margin-inline-start: var(--pine-dimension-600);
+}
+
+.pds-margin-inline-start-650 {
+  margin-inline-start: var(--pine-dimension-650);
+}
+
+.pds-margin-inline-start-700 {
+  margin-inline-start: var(--pine-dimension-700);
+}
+
+.pds-margin-inline-start-750 {
+  margin-inline-start: var(--pine-dimension-750);
+}
+
+.pds-margin-inline-start-800 {
+  margin-inline-start: var(--pine-dimension-800);
+}
+
 .pds-margin-inline-end-none {
   margin-inline-end: 0;
 }
@@ -1260,6 +1480,78 @@ pds-box {
   margin-inline-end: var(--pine-dimension-2xl);
 }
 
+.pds-margin-inline-end-025 {
+  margin-inline-end: var(--pine-dimension-025);
+}
+
+.pds-margin-inline-end-050 {
+  margin-inline-end: var(--pine-dimension-050);
+}
+
+.pds-margin-inline-end-100 {
+  margin-inline-end: var(--pine-dimension-100);
+}
+
+.pds-margin-inline-end-125 {
+  margin-inline-end: var(--pine-dimension-125);
+}
+
+.pds-margin-inline-end-150 {
+  margin-inline-end: var(--pine-dimension-150);
+}
+
+.pds-margin-inline-end-200 {
+  margin-inline-end: var(--pine-dimension-200);
+}
+
+.pds-margin-inline-end-250 {
+  margin-inline-end: var(--pine-dimension-250);
+}
+
+.pds-margin-inline-end-300 {
+  margin-inline-end: var(--pine-dimension-300);
+}
+
+.pds-margin-inline-end-350 {
+  margin-inline-end: var(--pine-dimension-350);
+}
+
+.pds-margin-inline-end-400 {
+  margin-inline-end: var(--pine-dimension-400);
+}
+
+.pds-margin-inline-end-450 {
+  margin-inline-end: var(--pine-dimension-450);
+}
+
+.pds-margin-inline-end-500 {
+  margin-inline-end: var(--pine-dimension-500);
+}
+
+.pds-margin-inline-end-550 {
+  margin-inline-end: var(--pine-dimension-550);
+}
+
+.pds-margin-inline-end-600 {
+  margin-inline-end: var(--pine-dimension-600);
+}
+
+.pds-margin-inline-end-650 {
+  margin-inline-end: var(--pine-dimension-650);
+}
+
+.pds-margin-inline-end-700 {
+  margin-inline-end: var(--pine-dimension-700);
+}
+
+.pds-margin-inline-end-750 {
+  margin-inline-end: var(--pine-dimension-750);
+}
+
+.pds-margin-inline-end-800 {
+  margin-inline-end: var(--pine-dimension-800);
+}
+
 .pds-margin-block-end-none {
   margin-block-end: 0;
 }
@@ -1292,6 +1584,78 @@ pds-box {
   margin-block-end: var(--pine-dimension-2xl);
 }
 
+.pds-margin-block-end-025 {
+  margin-block-end: var(--pine-dimension-025);
+}
+
+.pds-margin-block-end-050 {
+  margin-block-end: var(--pine-dimension-050);
+}
+
+.pds-margin-block-end-100 {
+  margin-block-end: var(--pine-dimension-100);
+}
+
+.pds-margin-block-end-125 {
+  margin-block-end: var(--pine-dimension-125);
+}
+
+.pds-margin-block-end-150 {
+  margin-block-end: var(--pine-dimension-150);
+}
+
+.pds-margin-block-end-200 {
+  margin-block-end: var(--pine-dimension-200);
+}
+
+.pds-margin-block-end-250 {
+  margin-block-end: var(--pine-dimension-250);
+}
+
+.pds-margin-block-end-300 {
+  margin-block-end: var(--pine-dimension-300);
+}
+
+.pds-margin-block-end-350 {
+  margin-block-end: var(--pine-dimension-350);
+}
+
+.pds-margin-block-end-400 {
+  margin-block-end: var(--pine-dimension-400);
+}
+
+.pds-margin-block-end-450 {
+  margin-block-end: var(--pine-dimension-450);
+}
+
+.pds-margin-block-end-500 {
+  margin-block-end: var(--pine-dimension-500);
+}
+
+.pds-margin-block-end-550 {
+  margin-block-end: var(--pine-dimension-550);
+}
+
+.pds-margin-block-end-600 {
+  margin-block-end: var(--pine-dimension-600);
+}
+
+.pds-margin-block-end-650 {
+  margin-block-end: var(--pine-dimension-650);
+}
+
+.pds-margin-block-end-700 {
+  margin-block-end: var(--pine-dimension-700);
+}
+
+.pds-margin-block-end-750 {
+  margin-block-end: var(--pine-dimension-750);
+}
+
+.pds-margin-block-end-800 {
+  margin-block-end: var(--pine-dimension-800);
+}
+
 .pds-padding-none {
   padding: 0;
 }
@@ -1324,8 +1688,80 @@ pds-box {
   padding: var(--pine-dimension-2xl);
 }
 
+.pds-padding-025 {
+  padding: var(--pine-dimension-025);
+}
+
+.pds-padding-050 {
+  padding: var(--pine-dimension-050);
+}
+
+.pds-padding-100 {
+  padding: var(--pine-dimension-100);
+}
+
+.pds-padding-125 {
+  padding: var(--pine-dimension-125);
+}
+
+.pds-padding-150 {
+  padding: var(--pine-dimension-150);
+}
+
+.pds-padding-200 {
+  padding: var(--pine-dimension-200);
+}
+
+.pds-padding-250 {
+  padding: var(--pine-dimension-250);
+}
+
+.pds-padding-300 {
+  padding: var(--pine-dimension-300);
+}
+
+.pds-padding-350 {
+  padding: var(--pine-dimension-350);
+}
+
+.pds-padding-400 {
+  padding: var(--pine-dimension-400);
+}
+
+.pds-padding-450 {
+  padding: var(--pine-dimension-450);
+}
+
+.pds-padding-500 {
+  padding: var(--pine-dimension-500);
+}
+
+.pds-padding-550 {
+  padding: var(--pine-dimension-550);
+}
+
+.pds-padding-600 {
+  padding: var(--pine-dimension-600);
+}
+
+.pds-padding-650 {
+  padding: var(--pine-dimension-650);
+}
+
+.pds-padding-700 {
+  padding: var(--pine-dimension-700);
+}
+
+.pds-padding-750 {
+  padding: var(--pine-dimension-750);
+}
+
+.pds-padding-800 {
+  padding: var(--pine-dimension-800);
+}
+
 .pds-padding-block-start-none {
-  padding-block-start: var(--pine-dimension-none);
+  padding-block-start: 0;
 }
 
 .pds-padding-block-start-xxs {
@@ -1356,8 +1792,80 @@ pds-box {
   padding-block-start: var(--pine-dimension-2xl);
 }
 
+.pds-padding-block-start-025 {
+  padding-block-start: var(--pine-dimension-025);
+}
+
+.pds-padding-block-start-050 {
+  padding-block-start: var(--pine-dimension-050);
+}
+
+.pds-padding-block-start-100 {
+  padding-block-start: var(--pine-dimension-100);
+}
+
+.pds-padding-block-start-125 {
+  padding-block-start: var(--pine-dimension-125);
+}
+
+.pds-padding-block-start-150 {
+  padding-block-start: var(--pine-dimension-150);
+}
+
+.pds-padding-block-start-200 {
+  padding-block-start: var(--pine-dimension-200);
+}
+
+.pds-padding-block-start-250 {
+  padding-block-start: var(--pine-dimension-250);
+}
+
+.pds-padding-block-start-300 {
+  padding-block-start: var(--pine-dimension-300);
+}
+
+.pds-padding-block-start-350 {
+  padding-block-start: var(--pine-dimension-350);
+}
+
+.pds-padding-block-start-400 {
+  padding-block-start: var(--pine-dimension-400);
+}
+
+.pds-padding-block-start-450 {
+  padding-block-start: var(--pine-dimension-450);
+}
+
+.pds-padding-block-start-500 {
+  padding-block-start: var(--pine-dimension-500);
+}
+
+.pds-padding-block-start-550 {
+  padding-block-start: var(--pine-dimension-550);
+}
+
+.pds-padding-block-start-600 {
+  padding-block-start: var(--pine-dimension-600);
+}
+
+.pds-padding-block-start-650 {
+  padding-block-start: var(--pine-dimension-650);
+}
+
+.pds-padding-block-start-700 {
+  padding-block-start: var(--pine-dimension-700);
+}
+
+.pds-padding-block-start-750 {
+  padding-block-start: var(--pine-dimension-750);
+}
+
+.pds-padding-block-start-800 {
+  padding-block-start: var(--pine-dimension-800);
+}
+
 .pds-padding-block-end-none {
-  padding-block-end: var(--pine-dimension-none);
+  padding-block-end: 0;
 }
 
 .pds-padding-block-end-xxs {
@@ -1388,8 +1896,80 @@ pds-box {
   padding-block-end: var(--pine-dimension-2xl);
 }
 
+.pds-padding-block-end-025 {
+  padding-block-end: var(--pine-dimension-025);
+}
+
+.pds-padding-block-end-050 {
+  padding-block-end: var(--pine-dimension-050);
+}
+
+.pds-padding-block-end-100 {
+  padding-block-end: var(--pine-dimension-100);
+}
+
+.pds-padding-block-end-125 {
+  padding-block-end: var(--pine-dimension-125);
+}
+
+.pds-padding-block-end-150 {
+  padding-block-end: var(--pine-dimension-150);
+}
+
+.pds-padding-block-end-200 {
+  padding-block-end: var(--pine-dimension-200);
+}
+
+.pds-padding-block-end-250 {
+  padding-block-end: var(--pine-dimension-250);
+}
+
+.pds-padding-block-end-300 {
+  padding-block-end: var(--pine-dimension-300);
+}
+
+.pds-padding-block-end-350 {
+  padding-block-end: var(--pine-dimension-350);
+}
+
+.pds-padding-block-end-400 {
+  padding-block-end: var(--pine-dimension-400);
+}
+
+.pds-padding-block-end-450 {
+  padding-block-end: var(--pine-dimension-450);
+}
+
+.pds-padding-block-end-500 {
+  padding-block-end: var(--pine-dimension-500);
+}
+
+.pds-padding-block-end-550 {
+  padding-block-end: var(--pine-dimension-550);
+}
+
+.pds-padding-block-end-600 {
+  padding-block-end: var(--pine-dimension-600);
+}
+
+.pds-padding-block-end-650 {
+  padding-block-end: var(--pine-dimension-650);
+}
+
+.pds-padding-block-end-700 {
+  padding-block-end: var(--pine-dimension-700);
+}
+
+.pds-padding-block-end-750 {
+  padding-block-end: var(--pine-dimension-750);
+}
+
+.pds-padding-block-end-800 {
+  padding-block-end: var(--pine-dimension-800);
+}
+
 .pds-padding-inline-start-none {
-  padding-inline-start: var(--pine-dimension-none);
+  padding-inline-start: 0;
 }
 
 .pds-padding-inline-start-xxs {
@@ -1420,8 +2000,80 @@ pds-box {
   padding-inline-start: var(--pine-dimension-2xl);
 }
 
+.pds-padding-inline-start-025 {
+  padding-inline-start: var(--pine-dimension-025);
+}
+
+.pds-padding-inline-start-050 {
+  padding-inline-start: var(--pine-dimension-050);
+}
+
+.pds-padding-inline-start-100 {
+  padding-inline-start: var(--pine-dimension-100);
+}
+
+.pds-padding-inline-start-125 {
+  padding-inline-start: var(--pine-dimension-125);
+}
+
+.pds-padding-inline-start-150 {
+  padding-inline-start: var(--pine-dimension-150);
+}
+
+.pds-padding-inline-start-200 {
+  padding-inline-start: var(--pine-dimension-200);
+}
+
+.pds-padding-inline-start-250 {
+  padding-inline-start: var(--pine-dimension-250);
+}
+
+.pds-padding-inline-start-300 {
+  padding-inline-start: var(--pine-dimension-300);
+}
+
+.pds-padding-inline-start-350 {
+  padding-inline-start: var(--pine-dimension-350);
+}
+
+.pds-padding-inline-start-400 {
+  padding-inline-start: var(--pine-dimension-400);
+}
+
+.pds-padding-inline-start-450 {
+  padding-inline-start: var(--pine-dimension-450);
+}
+
+.pds-padding-inline-start-500 {
+  padding-inline-start: var(--pine-dimension-500);
+}
+
+.pds-padding-inline-start-550 {
+  padding-inline-start: var(--pine-dimension-550);
+}
+
+.pds-padding-inline-start-600 {
+  padding-inline-start: var(--pine-dimension-600);
+}
+
+.pds-padding-inline-start-650 {
+  padding-inline-start: var(--pine-dimension-650);
+}
+
+.pds-padding-inline-start-700 {
+  padding-inline-start: var(--pine-dimension-700);
+}
+
+.pds-padding-inline-start-750 {
+  padding-inline-start: var(--pine-dimension-750);
+}
+
+.pds-padding-inline-start-800 {
+  padding-inline-start: var(--pine-dimension-800);
+}
+
 .pds-padding-inline-end-none {
-  padding-inline-end: var(--pine-dimension-none);
+  padding-inline-end: 0;
 }
 
 .pds-padding-inline-end-xxs {
@@ -1452,6 +2104,78 @@ pds-box {
   padding-inline-end: var(--pine-dimension-2xl);
 }
 
+.pds-padding-inline-end-025 {
+  padding-inline-end: var(--pine-dimension-025);
+}
+
+.pds-padding-inline-end-050 {
+  padding-inline-end: var(--pine-dimension-050);
+}
+
+.pds-padding-inline-end-100 {
+  padding-inline-end: var(--pine-dimension-100);
+}
+
+.pds-padding-inline-end-125 {
+  padding-inline-end: var(--pine-dimension-125);
+}
+
+.pds-padding-inline-end-150 {
+  padding-inline-end: var(--pine-dimension-150);
+}
+
+.pds-padding-inline-end-200 {
+  padding-inline-end: var(--pine-dimension-200);
+}
+
+.pds-padding-inline-end-250 {
+  padding-inline-end: var(--pine-dimension-250);
+}
+
+.pds-padding-inline-end-300 {
+  padding-inline-end: var(--pine-dimension-300);
+}
+
+.pds-padding-inline-end-350 {
+  padding-inline-end: var(--pine-dimension-350);
+}
+
+.pds-padding-inline-end-400 {
+  padding-inline-end: var(--pine-dimension-400);
+}
+
+.pds-padding-inline-end-450 {
+  padding-inline-end: var(--pine-dimension-450);
+}
+
+.pds-padding-inline-end-500 {
+  padding-inline-end: var(--pine-dimension-500);
+}
+
+.pds-padding-inline-end-550 {
+  padding-inline-end: var(--pine-dimension-550);
+}
+
+.pds-padding-inline-end-600 {
+  padding-inline-end: var(--pine-dimension-600);
+}
+
+.pds-padding-inline-end-650 {
+  padding-inline-end: var(--pine-dimension-650);
+}
+
+.pds-padding-inline-end-700 {
+  padding-inline-end: var(--pine-dimension-700);
+}
+
+.pds-padding-inline-end-750 {
+  padding-inline-end: var(--pine-dimension-750);
+}
+
+.pds-padding-inline-end-800 {
+  padding-inline-end: var(--pine-dimension-800);
+}
+
 .pds-box-display-block {
   display: block;
 }
@@ -3881,19 +4605,19 @@ pds-box {
 }
 @media (max-width: 575px) {
   .pds-padding-xs-none {
-    padding: var(--pine-dimension-none);
+    padding: 0;
   }
   .pds-padding-block-start-xs-none {
-    padding-block-start: var(--pine-dimension-none);
+    padding-block-start: 0;
   }
   .pds-padding-block-end-xs-none {
-    padding-block-end: var(--pine-dimension-none);
+    padding-block-end: 0;
   }
   .pds-padding-inline-start-xs-none {
-    padding-inline-start: var(--pine-dimension-none);
+    padding-inline-start: 0;
   }
   .pds-padding-inline-end-xs-none {
-    padding-inline-end: var(--pine-dimension-none);
+    padding-inline-end: 0;
   }
   .pds-padding-xs-xxs {
     padding: var(--pine-dimension-2xs);
@@ -4273,19 +4997,19 @@ pds-box {
 }
 @media (min-width: 576px) {
   .pds-padding-sm-none {
-    padding: var(--pine-dimension-none);
+    padding: 0;
   }
   .pds-padding-block-start-sm-none {
-    padding-block-start: var(--pine-dimension-none);
+    padding-block-start: 0;
   }
   .pds-padding-block-end-sm-none {
-    padding-block-end: var(--pine-dimension-none);
+    padding-block-end: 0;
   }
   .pds-padding-inline-start-sm-none {
-    padding-inline-start: var(--pine-dimension-none);
+    padding-inline-start: 0;
   }
   .pds-padding-inline-end-sm-none {
-    padding-inline-end: var(--pine-dimension-none);
+    padding-inline-end: 0;
   }
   .pds-padding-sm-xxs {
     padding: var(--pine-dimension-2xs);
@@ -4665,19 +5389,19 @@ pds-box {
 }
 @media (min-width: 768px) {
   .pds-padding-md-none {
-    padding: var(--pine-dimension-none);
+    padding: 0;
   }
   .pds-padding-block-start-md-none {
-    padding-block-start: var(--pine-dimension-none);
+    padding-block-start: 0;
   }
   .pds-padding-block-end-md-none {
-    padding-block-end: var(--pine-dimension-none);
+    padding-block-end: 0;
   }
   .pds-padding-inline-start-md-none {
-    padding-inline-start: var(--pine-dimension-none);
+    padding-inline-start: 0;
   }
   .pds-padding-inline-end-md-none {
-    padding-inline-end: var(--pine-dimension-none);
+    padding-inline-end: 0;
   }
   .pds-padding-md-xxs {
     padding: var(--pine-dimension-2xs);
@@ -5057,19 +5781,19 @@ pds-box {
 }
 @media (min-width: 992px) {
   .pds-padding-lg-none {
-    padding: var(--pine-dimension-none);
+    padding: 0;
   }
   .pds-padding-block-start-lg-none {
-    padding-block-start: var(--pine-dimension-none);
+    padding-block-start: 0;
   }
   .pds-padding-block-end-lg-none {
-    padding-block-end: var(--pine-dimension-none);
+    padding-block-end: 0;
   }
   .pds-padding-inline-start-lg-none {
-    padding-inline-start: var(--pine-dimension-none);
+    padding-inline-start: 0;
   }
   .pds-padding-inline-end-lg-none {
-    padding-inline-end: var(--pine-dimension-none);
+    padding-inline-end: 0;
   }
   .pds-padding-lg-xxs {
     padding: var(--pine-dimension-2xs);
@@ -5449,19 +6173,19 @@ pds-box {
 }
 @media (min-width: 1200px) {
   .pds-padding-xl-none {
-    padding: var(--pine-dimension-none);
+    padding: 0;
   }
   .pds-padding-block-start-xl-none {
-    padding-block-start: var(--pine-dimension-none);
+    padding-block-start: 0;
   }
   .pds-padding-block-end-xl-none {
-    padding-block-end: var(--pine-dimension-none);
+    padding-block-end: 0;
   }
   .pds-padding-inline-start-xl-none {
-    padding-inline-start: var(--pine-dimension-none);
+    padding-inline-start: 0;
   }
   .pds-padding-inline-end-xl-none {
-    padding-inline-end: var(--pine-dimension-none);
+    padding-inline-end: 0;
   }
   .pds-padding-xl-xxs {
     padding: var(--pine-dimension-2xs);