@digigov/css 0.29.14 → 0.30.0

package/src/components/tabs.css

@@ -12,7 +12,7 @@
     }
     .govgr-tabs__list-item {
       @apply relative  px-4 py-2 m-0 shadow-none cursor-pointer;
-      @apply md:float-left  md:border md:border-base100 md:bg-base100 md:rounded-t-sm md:mr-2 ;
+      @apply md:float-left  md:border md:border-gray100 md:bg-gray100 md:rounded-t-sm md:mr-2 ;
       @apply print:hidden;
       &.govgr-tabs__list-item-selected {
         @apply no-underline md:border-gray200 md:border bg-white md:border-b-0 md:px-5 md:pb-4 md:-mt-1 md:pt-4;
@@ -45,7 +45,7 @@
     }
   }
   .govgr-tabs__panel {
-    @apply bg-white md:hidden block md:px-4 py-4 pt-8 md:border md:border-base150 mb-0
+    @apply bg-white md:hidden block md:px-4 py-4 pt-8 md:border md:border-gray200 mb-0
     print:block print:border-0 print:py-3;
     &.govgr-tabs__panel-visible {
       @apply block;

package/src/components/task-list.css

@@ -20,10 +20,10 @@
   }
   .govgr-summary-list__row:first-child  {
     &>dt {
-      @apply border-t-2 border-base150;
+      @apply border-t-2 border-gray200;
     }
     &>dd {
-      @apply sm:border-t-2 sm:border-base150;
+      @apply sm:border-t-2 sm:border-gray200;
     }
   }
   .govgr-summary-list__key {
@@ -40,5 +40,5 @@
   @apply bg-secondary50 text-primary print:border-2 print:bg-white print:border-secondary600 print:text-secondary600 print:mr-4;
 }
 .govgr-tag__gray {
-  @apply bg-base100 print:border-2 print:bg-white print:border-base300 print:text-base300 print:mr-4;
+  @apply bg-gray100 print:border-2 print:bg-white print:border-gray600 print:text-gray600 print:mr-4;
 }

package/src/components/typography.css

@@ -11,13 +11,13 @@
   @apply md:text-lg text-base font-bold mx-0 md:mb-5 mb-3;
 }
 .govgr-caption-xl {
-  @apply block md:text-2xl text-xl mx-0 lg:mb-2 mb-1 text-base300 font-normal;
+  @apply block md:text-2xl text-xl mx-0 lg:mb-2 mb-1 text-gray600 font-normal;
 }
 .govgr-caption-l {
-  @apply block md:text-xl text-lg mx-0 mb-0 text-base300 font-normal;
+  @apply block md:text-xl text-lg mx-0 mb-0 text-gray600 font-normal;
 }
 .govgr-caption-m {
-  @apply block md:text-lg text-base mx-0 mb-0 text-base300 font-normal;
+  @apply block md:text-lg text-base mx-0 mb-0 text-gray600 font-normal;
 }
 .govgr-\!-font-size-14 {
   @apply text-xs md:text-sm !important;
@@ -83,13 +83,13 @@
   @apply lg:text-base text-sm;
 }
 .govgr-hint-l {
-  @apply mb-4 lg:text-2xl text-lg text-base300;
+  @apply mb-4 lg:text-2xl text-lg text-gray600;
 }
 .govgr-hint {
-  @apply mb-4 md:text-lg text-base text-base300;
+  @apply mb-4 md:text-lg text-base text-gray600;
 }
 .govgr-hint-s {
-  @apply mb-4 lg:text-base text-sm text-base300;
+  @apply mb-4 lg:text-base text-sm text-gray600;
 }
 .govgr-background-dark, .govgr-masthead {
   .govgr-hint {

package/src/utilities/index.css

@@ -1,6 +1,6 @@
 .govgr-m-0 {
   @apply m-0 !important;
-}  
+}
 .govgr-m-1 {
   @apply m-1 !important;
 }
@@ -28,9 +28,18 @@
 .govgr-m-9 {
   @apply m-8 md:m-12 !important;
 }
+.govgr-m-10 {
+  @apply m-9 md:m-14 !important;
+}
+.govgr-m-11 {
+  @apply m-10 md:m-16 !important;
+}
+.govgr-m-12 {
+  @apply m-11 md:m-20 !important;
+}
 .govgr-mt-0 {
   @apply mt-0 !important;
-}  
+}
 .govgr-mt-1 {
   @apply mt-1 !important;
 }
@@ -58,9 +67,18 @@
 .govgr-mt-9 {
   @apply mt-8 md:mt-12 !important;
 }
+.govgr-mt-10 {
+  @apply mt-9 md:mt-14 !important;
+}
+.govgr-mt-11 {
+  @apply mt-10 md:mt-16 !important;
+}
+.govgr-mt-12 {
+  @apply mt-11 md:mt-20 !important;
+}
 .govgr-mb-0 {
   @apply mb-0 !important;
-}  
+}
 .govgr-mb-1 {
   @apply mb-1 !important;
 }
@@ -88,9 +106,18 @@
 .govgr-mb-9 {
   @apply mb-8 md:mb-12 !important;
 }
+.govgr-mb-10 {
+  @apply mb-9 md:mb-14 !important;
+}
+.govgr-mb-11 {
+  @apply mb-10 md:mb-16 !important;
+}
+.govgr-mb-12 {
+  @apply mb-11 md:mb-20 !important;
+}
 .govgr-ml-0 {
   @apply ml-0 !important;
-}  
+}
 .govgr-ml-1 {
   @apply ml-1 !important;
 }
@@ -118,9 +145,18 @@
 .govgr-ml-9 {
   @apply ml-8 md:ml-12 !important;
 }
+.govgr-ml-10 {
+  @apply ml-9 md:ml-14 !important;
+}
+.govgr-ml-11 {
+  @apply ml-10 md:ml-16 !important;
+}
+.govgr-ml-12 {
+  @apply ml-11 md:ml-20 !important;
+}
 .govgr-mr-0 {
   @apply mr-0 !important;
-}  
+}
 .govgr-mr-1 {
   @apply mr-1 !important;
 }
@@ -148,9 +184,18 @@
 .govgr-mr-9 {
   @apply mr-8 md:mr-12 !important;
 }
+.govgr-mr-10 {
+  @apply mr-9 md:mr-14 !important;
+}
+.govgr-mr-11 {
+  @apply mr-10 md:mr-16 !important;
+}
+.govgr-mr-12 {
+  @apply mr-11 md:mr-20 !important;
+}
 .govgr-p-0 {
   @apply p-0 !important;
-}  
+}
 .govgr-p-1 {
   @apply p-1 !important;
 }
@@ -178,9 +223,18 @@
 .govgr-p-9 {
   @apply p-8 md:p-12 !important;
 }
+.govgr-p-10 {
+  @apply p-9 md:p-14 !important;
+}
+.govgr-p-11 {
+  @apply p-10 md:p-16 !important;
+}
+.govgr-p-12 {
+  @apply p-11 md:p-20 !important;
+}
 .govgr-pt-0 {
   @apply pt-0 !important;
-}  
+}
 .govgr-pt-1 {
   @apply pt-1 !important;
 }
@@ -208,9 +262,18 @@
 .govgr-pt-9 {
   @apply pt-8 md:pt-12 !important;
 }
+.govgr-pt-10 {
+  @apply pt-9 md:pt-14 !important;
+}
+.govgr-pt-11 {
+  @apply pt-10 md:pt-16 !important;
+}
+.govgr-pt-12 {
+  @apply pt-11 md:pt-20 !important;
+}
 .govgr-pb-0 {
   @apply pb-0 !important;
-}  
+}
 .govgr-pb-1 {
   @apply pb-1 !important;
 }
@@ -238,9 +301,18 @@
 .govgr-pb-9 {
   @apply pb-8 md:pb-12 !important;
 }
+.govgr-pb-10 {
+  @apply pb-9 md:pb-14 !important;
+}
+.govgr-pb-11 {
+  @apply pb-10 md:pb-16 !important;
+}
+.govgr-pb-12 {
+  @apply pb-11 md:pb-20 !important;
+}
 .govgr-pl-0 {
   @apply pl-0 !important;
-}  
+}
 .govgr-pl-1 {
   @apply pl-1 !important;
 }
@@ -268,9 +340,18 @@
 .govgr-pl-9 {
   @apply pl-8 md:pl-12 !important;
 }
+.govgr-pl-10 {
+  @apply pl-9 md:pl-14 !important;
+}
+.govgr-pl-11 {
+  @apply pl-10 md:pl-16 !important;
+}
+.govgr-pl-12 {
+  @apply pl-11 md:pl-20 !important;
+}
 .govgr-pr-0 {
   @apply pr-0 !important;
-}  
+}
 .govgr-pr-1 {
   @apply pr-1 !important;
 }
@@ -298,6 +379,15 @@
 .govgr-pr-9 {
   @apply pr-8 md:pr-12 !important;
 }
+.govgr-pr-10 {
+  @apply pr-9 md:pr-14 !important;
+}
+.govgr-pr-11 {
+  @apply pr-10 md:pr-16 !important;
+}
+.govgr-pr-12 {
+  @apply pr-11 md:pr-20 !important;
+}
 .govgr-grid {
   @apply grid grid-cols-12;
 }
@@ -399,4 +489,10 @@
 }
 .govgr-print-hidden {
   @apply print:hidden !important;
+}
+.govgr-print-visible-block {
+  @apply print:block !important;
+}
+.govgr-print-visible-inline {
+  @apply print:inline !important;
 }

package/src/utilities/utilities.css

@@ -30,6 +30,15 @@
   .govgr-m-9 {
     @apply m-8 md:m-12 !important;
   }
+  .govgr-m-10 {
+    @apply m-9 md:m-14 !important;
+  }
+  .govgr-m-11 {
+    @apply m-10 md:m-16 !important;
+  }
+  .govgr-m-12 {
+    @apply m-11 md:m-20 !important;
+  }
   .govgr-mt-0 {
     @apply mt-0 !important;
   }  
@@ -60,6 +69,15 @@
   .govgr-mt-9 {
     @apply mt-8 md:mt-12 !important;
   }
+  .govgr-mt-10 {
+    @apply mt-9 md:mt-14 !important;
+  }
+  .govgr-mt-11 {
+    @apply mt-10 md:mt-16 !important;
+  }
+  .govgr-mt-12 {
+    @apply mt-11 md:mt-20 !important;
+  }
   .govgr-mb-0 {
     @apply mb-0 !important;
   }  
@@ -90,6 +108,15 @@
   .govgr-mb-9 {
     @apply mb-8 md:mb-12 !important;
   }
+  .govgr-mb-10 {
+    @apply mb-9 md:mb-14 !important;
+  }
+  .govgr-mb-11 {
+    @apply mb-10 md:mb-16 !important;
+  }
+  .govgr-mb-12 {
+    @apply mb-11 md:mb-20 !important;
+  }
   .govgr-ml-0 {
     @apply ml-0 !important;
   }  
@@ -120,6 +147,15 @@
   .govgr-ml-9 {
     @apply ml-8 md:ml-12 !important;
   }
+  .govgr-ml-10 {
+    @apply ml-9 md:ml-14 !important;
+  }
+  .govgr-ml-11 {
+    @apply ml-10 md:ml-16 !important;
+  }
+  .govgr-ml-12 {
+    @apply ml-11 md:ml-20 !important;
+  }
   .govgr-mr-0 {
     @apply mr-0 !important;
   }  
@@ -150,6 +186,15 @@
   .govgr-mr-9 {
     @apply mr-8 md:mr-12 !important;
   }
+  .govgr-mr-10 {
+    @apply mr-9 md:mr-14 !important;
+  }
+  .govgr-mr-11 {
+    @apply mr-10 md:mr-16 !important;
+  }
+  .govgr-mr-12 {
+    @apply mr-11 md:mr-20 !important;
+  }
   .govgr-p-0 {
     @apply p-0 !important;
   }  
@@ -180,6 +225,15 @@
   .govgr-p-9 {
     @apply p-8 md:p-12 !important;
   }
+  .govgr-p-10 {
+    @apply p-9 md:p-14 !important;
+  }
+  .govgr-p-11 {
+    @apply p-10 md:p-16 !important;
+  }
+  .govgr-p-12 {
+    @apply p-11 md:p-20 !important;
+  }
   .govgr-pt-0 {
     @apply pt-0 !important;
   }  
@@ -210,6 +264,15 @@
   .govgr-pt-9 {
     @apply pt-8 md:pt-12 !important;
   }
+  .govgr-pt-10 {
+    @apply pt-9 md:pt-14 !important;
+  }
+  .govgr-pt-11 {
+    @apply pt-10 md:pt-16 !important;
+  }
+  .govgr-pt-12 {
+    @apply pt-11 md:pt-20 !important;
+  }
   .govgr-pb-0 {
     @apply pb-0 !important;
   }  
@@ -240,6 +303,15 @@
   .govgr-pb-9 {
     @apply pb-8 md:pb-12 !important;
   }
+  .govgr-pb-10 {
+    @apply pb-9 md:pb-14 !important;
+  }
+  .govgr-pb-11 {
+    @apply pb-10 md:pb-16 !important;
+  }
+  .govgr-pb-12 {
+    @apply pb-11 md:pb-20 !important;
+  }
   .govgr-pl-0 {
     @apply pl-0 !important;
   }  
@@ -270,6 +342,15 @@
   .govgr-pl-9 {
     @apply pl-8 md:pl-12 !important;
   }
+  .govgr-pl-10 {
+    @apply pl-9 md:pl-14 !important;
+  }
+  .govgr-pl-11 {
+    @apply pl-10 md:pl-16 !important;
+  }
+  .govgr-pl-12 {
+    @apply pl-11 md:pl-20 !important;
+  }
   .govgr-pr-0 {
     @apply pr-0 !important;
   }  
@@ -300,6 +381,15 @@
   .govgr-pr-9 {
     @apply pr-8 md:pr-12 !important;
   }
+  .govgr-pr-10 {
+    @apply pr-9 md:pr-14 !important;
+  }
+  .govgr-pr-11 {
+    @apply pr-10 md:pr-16 !important;
+  }
+  .govgr-pr-12 {
+    @apply pr-11 md:pr-20 !important;
+  }
   .govgr-grid {
     @apply grid grid-cols-12;
   }
@@ -402,4 +492,10 @@
   .govgr-print-hidden {
     @apply print:hidden !important;
   }
+  .govgr-print-visible-block {
+    @apply print:block !important;
+  }
+  .govgr-print-visible-inline {
+    @apply print:inline !important;
+  }
 };

package/tailwind.config.js

@@ -118,6 +118,8 @@ module.exports = {
       },
       width: {
         fit: "fit-content",
+        '2xl':'42rem' ,
+        '4xl':'56rem' ,
       },
       maxWidth: {
         fit: "fit-content",

package/themes.plugin.js

@@ -36,10 +36,7 @@ function addThemes({ addBase, addComponents, theme,config }) {
       { }
     );
   }
-  const base = {
-  }
-
-
+  const base = {}
   const themes = config("themes");
   const defaultTheme = config('defaultTheme');
   for (const customTheme in themes) {
@@ -47,18 +44,18 @@ function addThemes({ addBase, addComponents, theme,config }) {
     const customThemeObject = require(themes[customTheme]);
     if (customThemeObject.overrides) {
       if(config('mode') === 'jit'){
-        console.log('Loading theme css from source!')
+        console.log('Loading theme css from source...')
         const css = fs.readFileSync(path.resolve(path.dirname(themes[customTheme]),'overrides/index.css')).toString();
         const ctx = {  };
         const {plugins, options} = postcssrc.sync(ctx)
         const result = postcss(plugins)
             .process(css, options).root;
         const cssJs = postcssJs.objectify(result);
-        addComponents({[`.${customTheme}`]: cssJs});
+        base[`.${customTheme}`]= cssJs;
       }else{
-        customThemeObject.overrides.forEach(async(override) => {
+        customThemeObject.overrides.forEach((override) => {
           const cssJs = require(path.resolve(path.dirname(themes[customTheme]),override));
-          addComponents({[`.${customTheme}`]: cssJs});
+          base[`.${customTheme}`] =  cssJs;
         });
       }
     }