@digigov/css 0.26.2 → 0.27.1

package/src/components/drawer.css

@@ -1,15 +1,14 @@
 .govgr-drawer{
   @apply border border-gray50 md:block bg-white p-4
-  h-full max-h-screen overflow-y-scroll w-4/5 min-h-screen;
-  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
+  h-full max-h-screen overflow-y-scroll w-4/5 min-h-screen
+  fixed top-0 bottom-0 z-40 md:shadow-none shadow-thick
+  md:relative md:overflow-auto md:w-full;
 }
 .govgr-drawer--right {
-  @apply fixed top-0 right-0 bottom-0 z-40 md:shadow-none
-  md:relative md:overflow-auto md:w-full;
+  @apply right-0;
 }
 .govgr-drawer--left {
-  @apply fixed top-0 left-0 bottom-0 z-40 md:shadow-none
-  md:relative md:overflow-auto md:w-full;
+  @apply left-0 ;
 }
 .govgr-drawer--closed {
   @apply hidden md:block;
@@ -36,7 +35,7 @@
   }
 }
 .govgr-drawer__heading {
-  @apply p-4;
+  @apply p-0 flex justify-between align-baseline;
   .govgr--drawer__close-icon, .govgr-heading-s, .govgr-heading-m, .govgr-heading-l, .govgr-heading-xl {
     @apply m-0;
   }

package/src/components/dropdown.css

@@ -71,7 +71,7 @@
     box-shadow: 0 2px 8px var(--color-shadow200), 0 2px 0 var(--color-gray300);
   }
 }
-.govgr-dropdown--left {
+.govgr-dropdown--right {
   .govgr-dropdown__content {
     @apply right-0 mr-0 ml-4 text-right;
   }

package/src/components/index.css

@@ -1,4 +1,5 @@
 @import "./accordion.css";
+@import "./autocomplete.css";
 @import "./button.css";
 @import "./form.css";
 @import "./checkboxes.css";

package/src/components/layout.css

@@ -30,7 +30,7 @@
   @apply w-full flex flex-wrap  box-border;
 }
 .govgr-button-group {
-  @apply flex flex-wrap items-baseline gap-4 mb-6;
+  @apply flex flex-wrap items-center gap-4 mb-6;
   .govgr-btn, .govgr-link {
     @apply mb-0;
   }

package/src/components/modal.css

@@ -1,5 +1,5 @@
 .govgr-modal {
-  @apply hidden justify-center items-center content-center
+  @apply hidden justify-center items-center content-center text-left
   mb-7 text-base-content bg-opacity-50 bg-gray200
   fixed z-50 left-0 top-0 w-full h-full overflow-auto; 
 }

package/src/components/pagination.css

@@ -11,7 +11,7 @@
   .govgr-link{
     @apply flex items-center no-underline;
   }
-  @apply inline-block p-2;
+  @apply inline-block p-2 m-0;
   &:first-child {
     @apply pl-0
   }

package/src/components/table.css

@@ -3,7 +3,7 @@
   @apply px-5 py-5;
 }
 .govgr-table-container {
-  @apply w-full overflow-scroll md:mb-10 mb-6;
+  @apply w-full  overflow-x-auto md:mb-10 mb-6;
   .govgr-table {
     @apply mb-0;
   }
@@ -12,7 +12,7 @@
   @apply border border-gray50 p-2;
 }
 .govgr-table {
-  @apply w-full border-collapse;
+  @apply w-full border-collapse table;
   @apply md:mb-10 mb-6 text-base-content md:text-lg text-base font-normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -24,7 +24,10 @@
   } 
 }
 .govgr-table__body {
-  @apply relative;
+  @apply static;
+}
+.govgr-table__row {
+  @apply bg-white;
 }
 .govgr-table__cell{
   .govgr-btn {

package/src/components/tabs.css

@@ -1,4 +1,5 @@
 .govgr-tabs {
+  scroll-behavior: smooth;
   .govgr-tabs__title {
     @apply block md:hidden lg:hidden;
   }

package/src/utilities/utilities.css

@@ -301,7 +301,7 @@
     @apply pr-8 md:pr-12 !important;
   }
   .govgr-grid {
-    @apply grid md:grid-cols-12 grid-cols-1;
+    @apply grid grid-cols-1 md:grid-cols-12 ;
   }
   .govgr-grid-inline {
     @apply inline-grid;

package/tailwind.config.js

@@ -64,6 +64,9 @@ module.exports = {
       margin: {
         '15': '3.75rem',
       },
+      boxShadow: {
+        'thick': '0 0 30px rgba(0, 0, 0, 0.6)',
+      }
     },
   },
   variants: {