@digigov/css 1.3.0-dcbd7ded → 2.0.0-0138f8bd

package/src/utilities/gap.css

@@ -0,0 +1,141 @@
+.ds-gap-1 {
+  @apply gap-1;
+}
+.ds-gap-2 {
+  @apply gap-2;
+}
+.ds-gap-4 {
+  @apply gap-4;
+}
+.ds-gap-6 {
+  @apply gap-6;
+}
+.ds-gap-8 {
+  @apply gap-8;
+}
+.ds-gap-10 {
+  @apply gap-10;
+}
+.ds-gap-12 {
+  @apply gap-12;
+}
+.ds-gap-xs-1 {
+  @apply gap-1;
+}
+.ds-gap-xs-2 {
+  @apply gap-2;
+}
+.ds-gap-xs-4 {
+  @apply gap-4;
+}
+.ds-gap-xs-5 {
+  @apply gap-5;
+}
+.ds-gap-xs-6 {
+  @apply gap-6;
+}
+.ds-gap-xs-8 {
+  @apply gap-8;
+}
+.ds-gap-xs-10 {
+  @apply gap-10;
+}
+.ds-gap-xs-12 {
+  @apply gap-12;
+}
+.ds-gap-sm-1 {
+  @apply sm:gap-1;
+}
+.ds-gap-sm-2 {
+  @apply sm:gap-2;
+}
+.ds-gap-sm-4 {
+  @apply sm:gap-4;
+}
+.ds-gap-sm-5 {
+  @apply sm:gap-5;
+}
+.ds-gap-sm-6 {
+  @apply sm:gap-6;
+}
+.ds-gap-sm-8 {
+  @apply sm:gap-8;
+}
+.ds-gap-sm-10 {
+  @apply sm:gap-10;
+}
+.ds-gap-sm-12 {
+  @apply sm:gap-12;
+}
+.ds-gap-md-1 {
+  @apply md:gap-1;
+}
+.ds-gap-md-2 {
+  @apply md:gap-2;
+}
+.ds-gap-md-4 {
+  @apply md:gap-4;
+}
+.ds-gap-md-5 {
+  @apply md:gap-5;
+}
+.ds-gap-md-6 {
+  @apply md:gap-6;
+}
+.ds-gap-md-8 {
+  @apply md:gap-8;
+}
+.ds-gap-md-10 {
+  @apply md:gap-10;
+}
+.ds-gap-md-12 {
+  @apply md:gap-12;
+}
+.ds-gap-lg-1 {
+  @apply lg:gap-1;
+}
+.ds-gap-lg-2 {
+  @apply lg:gap-2;
+}
+.ds-gap-lg-4 {
+  @apply lg:gap-4;
+}
+.ds-gap-lg-5 {
+  @apply lg:gap-5;
+}
+.ds-gap-lg-6 {
+  @apply lg:gap-6;
+}
+.ds-gap-lg-8 {
+  @apply lg:gap-8;
+}
+.ds-gap-lg-10 {
+  @apply lg:gap-10;
+}
+.ds-gap-lg-12 {
+  @apply lg:gap-12;
+}
+.ds-gap-xl-1 {
+  @apply xl:gap-1;
+}
+.ds-gap-xl-2 {
+  @apply xl:gap-2;
+}
+.ds-gap-xl-4 {
+  @apply xl:gap-4;
+}
+.ds-gap-xl-5 {
+  @apply xl:gap-5;
+}
+.ds-gap-xl-6 {
+  @apply xl:gap-6;
+}
+.ds-gap-xl-8 {
+  @apply xl:gap-8;
+}
+.ds-gap-xl-10 {
+  @apply xl:gap-10;
+}
+.ds-gap-xl-12 {
+  @apply xl:gap-12;
+}

package/src/utilities/index.css

@@ -1,585 +1,6 @@
-.ds-m-0 {
-  @apply m-0 !important;
-}
-.ds-m-1 {
-  @apply m-1 !important;
-}
-.ds-m-2 {
-  @apply m-2 !important;
-}
-.ds-m-3 {
-  @apply m-2 md:m-3 !important;
-}
-.ds-m-4 {
-  @apply m-3 md:m-4 !important;
-}
-.ds-m-5 {
-  @apply m-4 md:m-5 !important;
-}
-.ds-m-6 {
-  @apply m-5 md:m-6 !important;
-}
-.ds-m-7 {
-  @apply m-6 md:m-8 !important;
-}
-.ds-m-8 {
-  @apply m-8 md:m-10 !important;
-}
-.ds-m-9 {
-  @apply m-8 md:m-12 !important;
-}
-.ds-m-10 {
-  @apply m-9 md:m-14 !important;
-}
-.ds-m-11 {
-  @apply m-10 md:m-16 !important;
-}
-.ds-m-12 {
-  @apply m-11 md:m-20 !important;
-}
-.ds-mt-0 {
-  @apply mt-0 !important;
-}
-.ds-mt-1 {
-  @apply mt-1 !important;
-}
-.ds-mt-2 {
-  @apply mt-2 !important;
-}
-.ds-mt-3 {
-  @apply mt-2 md:mt-3 !important;
-}
-.ds-mt-4 {
-  @apply mt-3 md:mt-4 !important;
-}
-.ds-mt-5 {
-  @apply mt-4 md:mt-5 !important;
-}
-.ds-mt-6 {
-  @apply mt-5 md:mt-6 !important;
-}
-.ds-mt-7 {
-  @apply mt-6 md:mt-8 !important;
-}
-.ds-mt-8 {
-  @apply mt-8 md:mt-10 !important;
-}
-.ds-mt-9 {
-  @apply mt-8 md:mt-12 !important;
-}
-.ds-mt-10 {
-  @apply mt-9 md:mt-14 !important;
-}
-.ds-mt-11 {
-  @apply mt-10 md:mt-16 !important;
-}
-.ds-mt-12 {
-  @apply mt-11 md:mt-20 !important;
-}
-.ds-mb-0 {
-  @apply mb-0 !important;
-}
-.ds-mb-1 {
-  @apply mb-1 !important;
-}
-.ds-mb-2 {
-  @apply mb-2 !important;
-}
-.ds-mb-3 {
-  @apply mb-2 md:mb-3 !important;
-}
-.ds-mb-4 {
-  @apply mb-3 md:mb-4 !important;
-}
-.ds-mb-5 {
-  @apply mb-4 md:mb-5 !important;
-}
-.ds-mb-6 {
-  @apply mb-5 md:mb-6 !important;
-}
-.ds-mb-7 {
-  @apply mb-6 md:mb-8 !important;
-}
-.ds-mb-8 {
-  @apply mb-8 md:mb-10 !important;
-}
-.ds-mb-9 {
-  @apply mb-8 md:mb-12 !important;
-}
-.ds-mb-10 {
-  @apply mb-9 md:mb-14 !important;
-}
-.ds-mb-11 {
-  @apply mb-10 md:mb-16 !important;
-}
-.ds-mb-12 {
-  @apply mb-11 md:mb-20 !important;
-}
-.ds-ml-0 {
-  @apply ml-0 !important;
-}
-.ds-ml-1 {
-  @apply ml-1 !important;
-}
-.ds-ml-2 {
-  @apply ml-2 !important;
-}
-.ds-ml-3 {
-  @apply ml-2 md:ml-3 !important;
-}
-.ds-ml-4 {
-  @apply ml-3 md:ml-4 !important;
-}
-.ds-ml-5 {
-  @apply ml-4 md:ml-5 !important;
-}
-.ds-ml-6 {
-  @apply ml-5 md:ml-6 !important;
-}
-.ds-ml-7 {
-  @apply ml-6 md:ml-8 !important;
-}
-.ds-ml-8 {
-  @apply ml-8 md:ml-10 !important;
-}
-.ds-ml-9 {
-  @apply ml-8 md:ml-12 !important;
-}
-.ds-ml-10 {
-  @apply ml-9 md:ml-14 !important;
-}
-.ds-ml-11 {
-  @apply ml-10 md:ml-16 !important;
-}
-.ds-ml-12 {
-  @apply ml-11 md:ml-20 !important;
-}
-.ds-mr-0 {
-  @apply mr-0 !important;
-}
-.ds-mr-1 {
-  @apply mr-1 !important;
-}
-.ds-mr-2 {
-  @apply mr-2 !important;
-}
-.ds-mr-3 {
-  @apply mr-2 md:mr-3 !important;
-}
-.ds-mr-4 {
-  @apply mr-3 md:mr-4 !important;
-}
-.ds-mr-5 {
-  @apply mr-4 md:mr-5 !important;
-}
-.ds-mr-6 {
-  @apply mr-5 md:mr-6 !important;
-}
-.ds-mr-7 {
-  @apply mr-6 md:mr-8 !important;
-}
-.ds-mr-8 {
-  @apply mr-8 md:mr-10 !important;
-}
-.ds-mr-9 {
-  @apply mr-8 md:mr-12 !important;
-}
-.ds-mr-10 {
-  @apply mr-9 md:mr-14 !important;
-}
-.ds-mr-11 {
-  @apply mr-10 md:mr-16 !important;
-}
-.ds-mr-12 {
-  @apply mr-11 md:mr-20 !important;
-}
-.ds-p-0 {
-  @apply p-0 !important;
-}
-.ds-p-1 {
-  @apply p-1 !important;
-}
-.ds-p-2 {
-  @apply p-2 !important;
-}
-.ds-p-3 {
-  @apply p-2 md:p-3 !important;
-}
-.ds-p-4 {
-  @apply p-3 md:p-4 !important;
-}
-.ds-p-5 {
-  @apply p-4 md:p-5 !important;
-}
-.ds-p-6 {
-  @apply p-5 md:p-6 !important;
-}
-.ds-p-7 {
-  @apply p-6 md:p-8 !important;
-}
-.ds-p-8 {
-  @apply p-8 md:p-10 !important;
-}
-.ds-p-9 {
-  @apply p-8 md:p-12 !important;
-}
-.ds-p-10 {
-  @apply p-9 md:p-14 !important;
-}
-.ds-p-11 {
-  @apply p-10 md:p-16 !important;
-}
-.ds-p-12 {
-  @apply p-11 md:p-20 !important;
-}
-.ds-pt-0 {
-  @apply pt-0 !important;
-}
-.ds-pt-1 {
-  @apply pt-1 !important;
-}
-.ds-pt-2 {
-  @apply pt-2 !important;
-}
-.ds-pt-3 {
-  @apply pt-2 md:pt-3 !important;
-}
-.ds-pt-4 {
-  @apply pt-3 md:pt-4 !important;
-}
-.ds-pt-5 {
-  @apply pt-4 md:pt-5 !important;
-}
-.ds-pt-6 {
-  @apply pt-5 md:pt-6 !important;
-}
-.ds-pt-7 {
-  @apply pt-6 md:pt-8 !important;
-}
-.ds-pt-8 {
-  @apply pt-8 md:pt-10 !important;
-}
-.ds-pt-9 {
-  @apply pt-8 md:pt-12 !important;
-}
-.ds-pt-10 {
-  @apply pt-9 md:pt-14 !important;
-}
-.ds-pt-11 {
-  @apply pt-10 md:pt-16 !important;
-}
-.ds-pt-12 {
-  @apply pt-11 md:pt-20 !important;
-}
-.ds-pb-0 {
-  @apply pb-0 !important;
-}
-.ds-pb-1 {
-  @apply pb-1 !important;
-}
-.ds-pb-2 {
-  @apply pb-2 !important;
-}
-.ds-pb-3 {
-  @apply pb-2 md:pb-3 !important;
-}
-.ds-pb-4 {
-  @apply pb-3 md:pb-4 !important;
-}
-.ds-pb-5 {
-  @apply pb-4 md:pb-5 !important;
-}
-.ds-pb-6 {
-  @apply pb-5 md:pb-6 !important;
-}
-.ds-pb-7 {
-  @apply pb-6 md:pb-8 !important;
-}
-.ds-pb-8 {
-  @apply pb-8 md:pb-10 !important;
-}
-.ds-pb-9 {
-  @apply pb-8 md:pb-12 !important;
-}
-.ds-pb-10 {
-  @apply pb-9 md:pb-14 !important;
-}
-.ds-pb-11 {
-  @apply pb-10 md:pb-16 !important;
-}
-.ds-pb-12 {
-  @apply pb-11 md:pb-20 !important;
-}
-.ds-pl-0 {
-  @apply pl-0 !important;
-}
-.ds-pl-1 {
-  @apply pl-1 !important;
-}
-.ds-pl-2 {
-  @apply pl-2 !important;
-}
-.ds-pl-3 {
-  @apply pl-2 md:pl-3 !important;
-}
-.ds-pl-4 {
-  @apply pl-3 md:pl-4 !important;
-}
-.ds-pl-5 {
-  @apply pl-4 md:pl-5 !important;
-}
-.ds-pl-6 {
-  @apply pl-5 md:pl-6 !important;
-}
-.ds-pl-7 {
-  @apply pl-6 md:pl-8 !important;
-}
-.ds-pl-8 {
-  @apply pl-8 md:pl-10 !important;
-}
-.ds-pl-9 {
-  @apply pl-8 md:pl-12 !important;
-}
-.ds-pl-10 {
-  @apply pl-9 md:pl-14 !important;
-}
-.ds-pl-11 {
-  @apply pl-10 md:pl-16 !important;
-}
-.ds-pl-12 {
-  @apply pl-11 md:pl-20 !important;
-}
-.ds-pr-0 {
-  @apply pr-0 !important;
-}
-.ds-pr-1 {
-  @apply pr-1 !important;
-}
-.ds-pr-2 {
-  @apply pr-2 !important;
-}
-.ds-pr-3 {
-  @apply pr-2 md:pr-3 !important;
-}
-.ds-pr-4 {
-  @apply pr-3 md:pr-4 !important;
-}
-.ds-pr-5 {
-  @apply pr-4 md:pr-5 !important;
-}
-.ds-pr-6 {
-  @apply pr-5 md:pr-6 !important;
-}
-.ds-pr-7 {
-  @apply pr-6 md:pr-8 !important;
-}
-.ds-pr-8 {
-  @apply pr-8 md:pr-10 !important;
-}
-.ds-pr-9 {
-  @apply pr-8 md:pr-12 !important;
-}
-.ds-pr-10 {
-  @apply pr-9 md:pr-14 !important;
-}
-.ds-pr-11 {
-  @apply pr-10 md:pr-16 !important;
-}
-.ds-pr-12 {
-  @apply pr-11 md:pr-20 !important;
-}
-.ds-grid {
-  @apply grid grid-cols-12;
-}
-.ds-grid-inline {
-  @apply inline-grid;
-}
-.ds-grid__col-auto {
-  @apply col-auto;
-}
-.ds-grid__col-span-1 {
-  @apply col-span-1;
-}
-.ds-grid__col-span-2 {
-  @apply col-span-2;
-}
-.ds-grid__col-span-3 {
-  @apply col-span-3;
-}
-.ds-grid__col-span-4 {
-  @apply col-span-4;
-}
-.ds-grid__col-span-5 {
-  @apply col-span-5;
-}
-.ds-grid__col-span-6 {
-  @apply col-span-6;
-}
-.ds-grid__col-span-7 {
-  @apply col-span-7;
-}
-.ds-grid__col-span-8 {
-  @apply col-span-8;
-}
-.ds-grid__col-span-9 {
-  @apply col-span-9;
-}
-.ds-grid__col-span-10 {
-  @apply col-span-10;
-}
-.ds-grid__col-span-11 {
-  @apply col-span-11;
-}
-.ds-grid__col-span-12 {
-  @apply col-span-12;
-}
-.ds-print-hidden {
-  @apply print:hidden !important;
-}
-.ds-print-visible-block {
-  @apply print:block !important;
-}
-.ds-print-visible-inline {
-  @apply print:inline !important;
-}
-.ds-gap-1 {
-  @apply gap-1;
-}
-.ds-gap-2 {
-  @apply gap-2;
-}
-.ds-gap-4 {
-  @apply gap-4;
-}
-.ds-gap-6 {
-  @apply gap-6;
-}
-.ds-gap-8 {
-  @apply gap-8;
-}
-.ds-gap-10 {
-  @apply gap-10;
-}
-.ds-gap-12 {
-  @apply gap-12;
-}
-.ds-gap-xs-1 {
-  @apply gap-1;
-}
-.ds-gap-xs-2 {
-  @apply gap-2;
-}
-.ds-gap-xs-4 {
-  @apply gap-4;
-}
-.ds-gap-xs-5 {
-  @apply gap-5;
-}
-.ds-gap-xs-6 {
-  @apply gap-6;
-}
-.ds-gap-xs-8 {
-  @apply gap-8;
-}
-.ds-gap-xs-10 {
-  @apply gap-10;
-}
-.ds-gap-xs-12 {
-  @apply gap-12;
-}
-.ds-gap-sm-1 {
-  @apply sm:gap-1;
-}
-.ds-gap-sm-2 {
-  @apply sm:gap-2;
-}
-.ds-gap-sm-4 {
-  @apply sm:gap-4;
-}
-.ds-gap-sm-5 {
-  @apply sm:gap-5;
-}
-.ds-gap-sm-6 {
-  @apply sm:gap-6;
-}
-.ds-gap-sm-8 {
-  @apply sm:gap-8;
-}
-.ds-gap-sm-10 {
-  @apply sm:gap-10;
-}
-.ds-gap-sm-12 {
-  @apply sm:gap-12;
-}
-.ds-gap-md-1 {
-  @apply md:gap-1;
-}
-.ds-gap-md-2 {
-  @apply md:gap-2;
-}
-.ds-gap-md-4 {
-  @apply md:gap-4;
-}
-.ds-gap-md-5 {
-  @apply md:gap-5;
-}
-.ds-gap-md-6 {
-  @apply md:gap-6;
-}
-.ds-gap-md-8 {
-  @apply md:gap-8;
-}
-.ds-gap-md-10 {
-  @apply md:gap-10;
-}
-.ds-gap-md-12 {
-  @apply md:gap-12;
-}
-.ds-gap-lg-1 {
-  @apply lg:gap-1;
-}
-.ds-gap-lg-2 {
-  @apply lg:gap-2;
-}
-.ds-gap-lg-4 {
-  @apply lg:gap-4;
-}
-.ds-gap-lg-5 {
-  @apply lg:gap-5;
-}
-.ds-gap-lg-6 {
-  @apply lg:gap-6;
-}
-.ds-gap-lg-8 {
-  @apply lg:gap-8;
-}
-.ds-gap-lg-10 {
-  @apply lg:gap-10;
-}
-.ds-gap-lg-12 {
-  @apply lg:gap-12;
-}
-.ds-gap-xl-1 {
-  @apply xl:gap-1;
-}
-.ds-gap-xl-2 {
-  @apply xl:gap-2;
-}
-.ds-gap-xl-4 {
-  @apply xl:gap-4;
-}
-.ds-gap-xl-5 {
-  @apply xl:gap-5;
-}
-.ds-gap-xl-6 {
-  @apply xl:gap-6;
-}
-.ds-gap-xl-8 {
-  @apply xl:gap-8;
-}
-.ds-gap-xl-10 {
-  @apply xl:gap-10;
-}
-.ds-gap-xl-12 {
-  @apply xl:gap-12;
-}
+@import './layout.css';
+@import './gap.css';
+@import './margin.css';
+@import './padding.css';
+@import './margin.css';
+@import './print.css';

package/src/utilities/index.native.css

@@ -0,0 +1,6 @@
+@import './layout.native.css';
+@import './gap.css';
+@import './margin.css';
+@import './padding.css';
+@import './margin.css';
+@import './print.css';