energy-foundations 2.0.0-beta.2 → 2.0.0

package/dist/index.css

@@ -84,6 +84,7 @@
   --rds-style-state-disabled: 0.3;
 
   /* _spacing.scss */
+  --rds-spacing-global-0: 0px;
   --rds-spacing-global-4: 4px;
   --rds-spacing-global-6: 6px;
   --rds-spacing-global-8: 8px;
@@ -3307,784 +3308,64 @@ html {
 /*************************
 *** SPACING ***
 *************************/
-.rds-ma-xxs {
-  margin: 4px;
-}
-
-.rds-mt-xxs {
-  margin-top: 4px;
-}
-
-.rds-mr-xxs {
-  margin-right: 4px;
-}
-
-.rds-mb-xxs {
-  margin-bottom: 4px;
-}
-
-.rds-ml-xxs {
-  margin-left: 4px;
-}
-
-.rds-mx-xxs {
-  margin-left: 4px;
-  margin-right: 4px;
-}
-
-.rds-my-xxs {
-  margin-bottom: 4px;
-  margin-top: 4px;
-}
-
-.rds-pa-xxs {
-  padding: 4px;
-}
-
-.rds-pt-xxs {
-  padding-top: 4px;
-}
-
-.rds-pr-xxs {
-  padding-right: 4px;
-}
-
-.rds-pb-xxs {
-  padding-bottom: 4px;
-}
-
-.rds-pl-xxs {
-  padding-left: 4px;
-}
-
-.rds-px-xxs {
-  padding-left: 4px;
-  padding-right: 4px;
-}
-
-.rds-py-xxs {
-  padding-bottom: 4px;
-  padding-top: 4px;
-}
-
-.rds-ma-xs {
-  margin: 8px;
-}
-
-.rds-mt-xs {
-  margin-top: 8px;
-}
-
-.rds-mr-xs {
-  margin-right: 8px;
-}
-
-.rds-mb-xs {
-  margin-bottom: 8px;
-}
-
-.rds-ml-xs {
-  margin-left: 8px;
-}
-
-.rds-mx-xs {
-  margin-left: 8px;
-  margin-right: 8px;
-}
-
-.rds-my-xs {
-  margin-bottom: 8px;
-  margin-top: 8px;
-}
-
-.rds-pa-xs {
-  padding: 8px;
-}
-
-.rds-pt-xs {
-  padding-top: 8px;
-}
-
-.rds-pr-xs {
-  padding-right: 8px;
-}
-
-.rds-pb-xs {
-  padding-bottom: 8px;
-}
-
-.rds-pl-xs {
-  padding-left: 8px;
-}
-
-.rds-px-xs {
-  padding-left: 8px;
-  padding-right: 8px;
-}
-
-.rds-py-xs {
-  padding-bottom: 8px;
-  padding-top: 8px;
-}
-
-.rds-ma-s {
-  margin: 16px;
-}
-
-.rds-mt-s {
-  margin-top: 16px;
-}
-
-.rds-mr-s {
-  margin-right: 16px;
-}
-
-.rds-mb-s {
-  margin-bottom: 16px;
-}
-
-.rds-ml-s {
-  margin-left: 16px;
-}
-
-.rds-mx-s {
-  margin-left: 16px;
-  margin-right: 16px;
-}
-
-.rds-my-s {
-  margin-bottom: 16px;
-  margin-top: 16px;
-}
-
-.rds-pa-s {
-  padding: 16px;
-}
-
-.rds-pt-s {
-  padding-top: 16px;
-}
-
-.rds-pr-s {
-  padding-right: 16px;
-}
-
-.rds-pb-s {
-  padding-bottom: 16px;
-}
-
-.rds-pl-s {
-  padding-left: 16px;
-}
-
-.rds-px-s {
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.rds-py-s {
-  padding-bottom: 16px;
-  padding-top: 16px;
-}
-
-.rds-ma-m {
-  margin: 24px;
-}
-
-.rds-mt-m {
-  margin-top: 24px;
-}
-
-.rds-mr-m {
-  margin-right: 24px;
-}
-
-.rds-mb-m {
-  margin-bottom: 24px;
-}
-
-.rds-ml-m {
-  margin-left: 24px;
-}
-
-.rds-mx-m {
-  margin-left: 24px;
-  margin-right: 24px;
-}
-
-.rds-my-m {
-  margin-bottom: 24px;
-  margin-top: 24px;
-}
-
-.rds-pa-m {
-  padding: 24px;
-}
-
-.rds-pt-m {
-  padding-top: 24px;
-}
-
-.rds-pr-m {
-  padding-right: 24px;
-}
-
-.rds-pb-m {
-  padding-bottom: 24px;
-}
-
-.rds-pl-m {
-  padding-left: 24px;
-}
-
-.rds-px-m {
-  padding-left: 24px;
-  padding-right: 24px;
-}
-
-.rds-py-m {
-  padding-bottom: 24px;
-  padding-top: 24px;
-}
-
-.rds-ma-l {
-  margin: 32px;
-}
-
-.rds-mt-l {
-  margin-top: 32px;
-}
-
-.rds-mr-l {
-  margin-right: 32px;
-}
-
-.rds-mb-l {
-  margin-bottom: 32px;
-}
-
-.rds-ml-l {
-  margin-left: 32px;
-}
-
-.rds-mx-l {
-  margin-left: 32px;
-  margin-right: 32px;
-}
-
-.rds-my-l {
-  margin-bottom: 32px;
-  margin-top: 32px;
-}
-
-.rds-pa-l {
-  padding: 32px;
-}
-
-.rds-pt-l {
-  padding-top: 32px;
-}
-
-.rds-pr-l {
-  padding-right: 32px;
-}
-
-.rds-pb-l {
-  padding-bottom: 32px;
-}
-
-.rds-pl-l {
-  padding-left: 32px;
-}
-
-.rds-px-l {
-  padding-left: 32px;
-  padding-right: 32px;
-}
-
-.rds-py-l {
-  padding-bottom: 32px;
-  padding-top: 32px;
-}
-
-.rds-ma-2l {
-  margin: 40px;
-}
-
-.rds-mt-2l {
-  margin-top: 40px;
-}
-
-.rds-mr-2l {
-  margin-right: 40px;
-}
-
-.rds-mb-2l {
-  margin-bottom: 40px;
-}
-
-.rds-ml-2l {
-  margin-left: 40px;
-}
-
-.rds-mx-2l {
-  margin-left: 40px;
-  margin-right: 40px;
-}
-
-.rds-my-2l {
-  margin-bottom: 40px;
-  margin-top: 40px;
-}
-
-.rds-pa-2l {
-  padding: 40px;
-}
-
-.rds-pt-2l {
-  padding-top: 40px;
-}
-
-.rds-pr-2l {
-  padding-right: 40px;
-}
-
-.rds-pb-2l {
-  padding-bottom: 40px;
-}
-
-.rds-pl-2l {
-  padding-left: 40px;
-}
-
-.rds-px-2l {
-  padding-left: 40px;
-  padding-right: 40px;
-}
-
-.rds-py-2l {
-  padding-bottom: 40px;
-  padding-top: 40px;
-}
-
-.rds-ma-xl {
-  margin: 48px;
-}
-
-.rds-mt-xl {
-  margin-top: 48px;
-}
-
-.rds-mr-xl {
-  margin-right: 48px;
-}
-
-.rds-mb-xl {
-  margin-bottom: 48px;
-}
-
-.rds-ml-xl {
-  margin-left: 48px;
-}
-
-.rds-mx-xl {
-  margin-left: 48px;
-  margin-right: 48px;
-}
-
-.rds-my-xl {
-  margin-bottom: 48px;
-  margin-top: 48px;
-}
-
-.rds-pa-xl {
-  padding: 48px;
-}
-
-.rds-pt-xl {
-  padding-top: 48px;
-}
-
-.rds-pr-xl {
-  padding-right: 48px;
-}
-
-.rds-pb-xl {
-  padding-bottom: 48px;
-}
-
-.rds-pl-xl {
-  padding-left: 48px;
-}
-
-.rds-px-xl {
-  padding-left: 48px;
-  padding-right: 48px;
-}
-
-.rds-py-xl {
-  padding-bottom: 48px;
-  padding-top: 48px;
-}
-
-.rds-ma-2xl {
-  margin: 64px;
-}
-
-.rds-mt-2xl {
-  margin-top: 64px;
-}
-
-.rds-mr-2xl {
-  margin-right: 64px;
-}
-
-.rds-mb-2xl {
-  margin-bottom: 64px;
-}
-
-.rds-ml-2xl {
-  margin-left: 64px;
-}
-
-.rds-mx-2xl {
-  margin-left: 64px;
-  margin-right: 64px;
-}
-
-.rds-my-2xl {
-  margin-bottom: 64px;
-  margin-top: 64px;
-}
-
-.rds-pa-2xl {
-  padding: 64px;
-}
-
-.rds-pt-2xl {
-  padding-top: 64px;
-}
-
-.rds-pr-2xl {
-  padding-right: 64px;
-}
-
-.rds-pb-2xl {
-  padding-bottom: 64px;
-}
-
-.rds-pl-2xl {
-  padding-left: 64px;
-}
-
-.rds-px-2xl {
-  padding-left: 64px;
-  padding-right: 64px;
-}
-
-.rds-py-2xl {
-  padding-bottom: 64px;
-  padding-top: 64px;
-}
-
-.rds-ma-3xl {
-  margin: 72px;
-}
-
-.rds-mt-3xl {
-  margin-top: 72px;
-}
-
-.rds-mr-3xl {
-  margin-right: 72px;
-}
-
-.rds-mb-3xl {
-  margin-bottom: 72px;
-}
-
-.rds-ml-3xl {
-  margin-left: 72px;
-}
-
-.rds-mx-3xl {
-  margin-left: 72px;
-  margin-right: 72px;
-}
-
-.rds-my-3xl {
-  margin-bottom: 72px;
-  margin-top: 72px;
-}
-
-.rds-pa-3xl {
-  padding: 72px;
-}
-
-.rds-pt-3xl {
-  padding-top: 72px;
-}
-
-.rds-pr-3xl {
-  padding-right: 72px;
-}
-
-.rds-pb-3xl {
-  padding-bottom: 72px;
-}
-
-.rds-pl-3xl {
-  padding-left: 72px;
-}
-
-.rds-px-3xl {
-  padding-left: 72px;
-  padding-right: 72px;
-}
-
-.rds-py-3xl {
-  padding-bottom: 72px;
-  padding-top: 72px;
-}
-
-.rds-ma-4xl {
-  margin: 80px;
-}
-
-.rds-mt-4xl {
-  margin-top: 80px;
-}
-
-.rds-mr-4xl {
-  margin-right: 80px;
-}
-
-.rds-mb-4xl {
-  margin-bottom: 80px;
-}
-
-.rds-ml-4xl {
-  margin-left: 80px;
-}
-
-.rds-mx-4xl {
-  margin-left: 80px;
-  margin-right: 80px;
-}
-
-.rds-my-4xl {
-  margin-bottom: 80px;
-  margin-top: 80px;
-}
-
-.rds-pa-4xl {
-  padding: 80px;
-}
-
-.rds-pt-4xl {
-  padding-top: 80px;
-}
-
-.rds-pr-4xl {
-  padding-right: 80px;
-}
-
-.rds-pb-4xl {
-  padding-bottom: 80px;
-}
-
-.rds-pl-4xl {
-  padding-left: 80px;
-}
-
-.rds-px-4xl {
-  padding-left: 80px;
-  padding-right: 80px;
-}
-
-.rds-py-4xl {
-  padding-bottom: 80px;
-  padding-top: 80px;
-}
-
-.rds-ma-5xl {
-  margin: 96px;
-}
-
-.rds-mt-5xl {
-  margin-top: 96px;
-}
-
-.rds-mr-5xl {
-  margin-right: 96px;
-}
-
-.rds-mb-5xl {
-  margin-bottom: 96px;
-}
-
-.rds-ml-5xl {
-  margin-left: 96px;
-}
-
-.rds-mx-5xl {
-  margin-left: 96px;
-  margin-right: 96px;
-}
-
-.rds-my-5xl {
-  margin-bottom: 96px;
-  margin-top: 96px;
-}
-
-.rds-pa-5xl {
-  padding: 96px;
-}
-
-.rds-pt-5xl {
-  padding-top: 96px;
-}
-
-.rds-pr-5xl {
-  padding-right: 96px;
-}
-
-.rds-pb-5xl {
-  padding-bottom: 96px;
-}
-
-.rds-pl-5xl {
-  padding-left: 96px;
-}
-
-.rds-px-5xl {
-  padding-left: 96px;
-  padding-right: 96px;
-}
-
-.rds-py-5xl {
-  padding-bottom: 96px;
-  padding-top: 96px;
-}
-
-.rds-ma-6xl {
-  margin: 112px;
-}
-
-.rds-mt-6xl {
-  margin-top: 112px;
-}
-
-.rds-mr-6xl {
-  margin-right: 112px;
-}
-
-.rds-mb-6xl {
-  margin-bottom: 112px;
-}
-
-.rds-ml-6xl {
-  margin-left: 112px;
-}
-
-.rds-mx-6xl {
-  margin-left: 112px;
-  margin-right: 112px;
-}
-
-.rds-my-6xl {
-  margin-bottom: 112px;
-  margin-top: 112px;
-}
-
-.rds-pa-6xl {
-  padding: 112px;
-}
-
-.rds-pt-6xl {
-  padding-top: 112px;
-}
-
-.rds-pr-6xl {
-  padding-right: 112px;
-}
-
-.rds-pb-6xl {
-  padding-bottom: 112px;
-}
-
-.rds-pl-6xl {
-  padding-left: 112px;
-}
-
-.rds-px-6xl {
-  padding-left: 112px;
-  padding-right: 112px;
+.rds-ma-0 {
+  margin: 0px;
 }
 
-.rds-py-6xl {
-  padding-bottom: 112px;
-  padding-top: 112px;
-}
-
-.rds-ma-7xl {
-  margin: 120px;
-}
-
-.rds-mt-7xl {
-  margin-top: 120px;
+.rds-mt-0 {
+  margin-top: 0px;
 }
 
-.rds-mr-7xl {
-  margin-right: 120px;
+.rds-mr-0 {
+  margin-right: 0px;
 }
 
-.rds-mb-7xl {
-  margin-bottom: 120px;
+.rds-mb-0 {
+  margin-bottom: 0px;
 }
 
-.rds-ml-7xl {
-  margin-left: 120px;
+.rds-ml-0 {
+  margin-left: 0px;
 }
 
-.rds-mx-7xl {
-  margin-left: 120px;
-  margin-right: 120px;
+.rds-mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
 }
 
-.rds-my-7xl {
-  margin-bottom: 120px;
-  margin-top: 120px;
+.rds-my-0 {
+  margin-bottom: 0px;
+  margin-top: 0px;
 }
 
-.rds-pa-7xl {
-  padding: 120px;
+.rds-pa-0 {
+  padding: 0px;
 }
 
-.rds-pt-7xl {
-  padding-top: 120px;
+.rds-pt-0 {
+  padding-top: 0px;
 }
 
-.rds-pr-7xl {
-  padding-right: 120px;
+.rds-pr-0 {
+  padding-right: 0px;
 }
 
-.rds-pb-7xl {
-  padding-bottom: 120px;
+.rds-pb-0 {
+  padding-bottom: 0px;
 }
 
-.rds-pl-7xl {
-  padding-left: 120px;
+.rds-pl-0 {
+  padding-left: 0px;
 }
 
-.rds-px-7xl {
-  padding-left: 120px;
-  padding-right: 120px;
+.rds-px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
 }
 
-.rds-py-7xl {
-  padding-bottom: 120px;
-  padding-top: 120px;
+.rds-py-0 {
+  padding-bottom: 0px;
+  padding-top: 0px;
 }
 
 .rds-ma-4 {