@digigov/css 0.15.0 → 0.17.1

package/src/components/modal.css

@@ -5,7 +5,7 @@
 }
 .govgr-modal__body {
   @apply w-full max-w-md md:max-w-lg lg:max-w-4xl 
-  h-fit-content md:h-auto my-auto mx-4
+  h-fit md:h-auto my-auto mx-4
   bg-white
   border border-solid border-base-200;
 }
@@ -22,8 +22,8 @@
   @apply text-base lg:text-xl text-lg;
 }
 .govgr-modal__action {
-  @apply flex flex-wrap items-center gap-y-4;
-  * {
+  @apply flex flex-wrap items-center gap-4;
+  .govgr-link, .govgr-btn {
     @apply mb-0;
   }
 }

package/src/components/nav.css

@@ -7,7 +7,7 @@
   fill: var(--color-base-content) ;
   @apply w-8 h-8 float-right cursor-pointer transition-all z-30
   focus:bg-focus;
-  * {
+  #govgr-burger-icon__line-1, #govgr-burger-icon__line-2, #govgr-burger-icon__line-3 {
     @apply transition-all;
   }
 }
@@ -64,10 +64,10 @@
 .govgr-horizontal-nav--active {
   @apply block opacity-100 right-0;
   .govgr-horizontal-nav__container { 
-    @apply mt-24 sm:mt-auto;
+      @apply mt-24 sm:mt-auto;
   }
-  > * {
-    @apply py-4 md:py-1;
+  .govgr-horizontal-nav__container {
+      @apply py-4 md:py-1;
   }
 }
 .govgr-horizontal-nav__item  {

package/src/components/summary-list.css

@@ -1,6 +1,6 @@
 .govgr-summary-list {
   @apply m-0 mb-6 sm:mb-8 w-full
-  sm:table sm:w-full sm:table-fixed
+  sm:table sm:w-full sm:table-fixed text-lg
   ;
 }
 .govgr-summary-list__row {  

package/src/components/svg-icons.css

@@ -1,5 +1,5 @@
 .govgr-svg-icon {
-  @apply h-4 w-4 inline transition-all;
+  @apply h-4 w-4 inline transition-transform;
   fill: var(--color-base-content);
 }
 .govgr-btn-primary, .govgr-btn-warning {
@@ -33,6 +33,23 @@
     }
   }
 }
+.govgr-header, .govgr-admin-header {
+  .govgr-link {
+    .govgr-svg-icon {
+      fill:var(--color-gray-100);
+    }
+    &:hover {
+      .govgr-svg-icon {
+        fill:var(--color-gray-100);
+      }
+    }
+    &:focus {
+      .govgr-svg-icon {
+        fill:var(--color-link-active);
+      }
+    }
+  }
+}
 .govgr-svg-icon--dark {
   fill: var(--color-base-content) !important;
 }

package/src/components/table.css

@@ -15,6 +15,10 @@
     @apply border-l border-r border-solid border-gray-50 !important;
   } 
 }
+.govgr-table__body {
+  @apply relative;
+}
+
 .govgr-table--with-vertical-lines.govgr-table--light {
   th, td {
     @apply px-4 !important;
@@ -96,3 +100,18 @@
   font-feature-settings: normal;
   font-variant-numeric: tabular-nums;  
 }
+.govgr-table__cell--no-data{
+  @apply border-b-0 pt-2.5;
+}
+.govgr-table__loading{
+  @apply h-full w-full absolute right-0 left-0 flex items-center justify-center
+   bg-white bg-opacity-50;
+}
+ 
+@supports ((-webkit-backdrop-filter: blur(0.6px)) or (backdrop-filter: blur(0.6px))) {
+  .govgr-table__loading {
+    @apply bg-opacity-30;
+    -webkit-backdrop-filter: blur(0.6px);
+    backdrop-filter: blur(0.6px);
+  }
+}

package/src/components/tabs.css

@@ -48,7 +48,6 @@
       }
 
     }
-
   }
   .govgr-tabs__panel {
     @apply bg-white md:hidden block md:px-4 py-4 pt-8 md:border md:border-base-150 md:z-10 mb-0;

package/src/components/typography.css

@@ -24,7 +24,6 @@
 }
 .govgr-\!-font-size-16 {
   @apply text-sm md:text-base !important;
-
 }
 .govgr-\!-font-size-19 {
   @apply text-base md:text-lg !important;
@@ -68,7 +67,6 @@
 .govgr-body-s {
   @apply lg:text-base text-sm;
 }
-
 .govgr-hint-l {
   @apply mb-4 lg:text-2xl text-lg text-base-300;
 }
@@ -83,20 +81,14 @@
     @apply opacity-70 text-white;
   }
 }
-
 .govgr-\!-font-weight-regular {
   @apply font-normal !important;
 }
 .govgr-\!-font-weight-bold {
   @apply font-bold !important;
 }
-
 .govgr-link {
-  @apply text-link hover:text-link-hover focus:text-link-active underline items-center cursor-pointer flex gap-2;
-  .right-arrow::after {
-    content: "";
-    @apply w-06rem h-06rem bg-primary rounded-xl border-white block border-t-2_5 border-r-2_5 ml-3 transform rotate-45;
-  }
+  @apply text-link hover:text-link-hover focus:text-link-active underline cursor-pointer;
   &:hover {
     text-decoration-thickness: 2px;
   }
@@ -107,6 +99,14 @@
     outline: none; 
   }
 }
+.govgr-header {
+  .govgr-header__container > .govgr-link {
+    @apply text-gray-100 focus:text-link-active;
+  }
+  .govgr-header__content > .govgr-link {
+    @apply text-gray-100 focus:text-link-active;
+  }
+}
 .govgr-link--no-underline {
   @apply no-underline hover:underline;
 }
@@ -146,30 +146,3 @@
     @apply text-white;
   }
 }
-
-.colors {
-  @apply flex flex-wrap text-center;
-  div {
-    @apply h-8 w-12 m-1 rounded;
-  }
-  .c-primary            {  @apply bg-primary        text-content-dark  hover:bg-primary-focus  w-24;  }
-  .c-primary-200           {  @apply bg-primary-200  text-content-dark ;  }
-  .c-primary-focus      {  @apply bg-primary-focus  text-content-dark;   }
-  .c-secondary-50       {  @apply bg-secondary-50   text-content-dark;    }
-  .c-secondary-200      {  @apply bg-secondary-200 text-content-dark  hover:bg-secondary-focus w-24; }
-  .c-secondary-400      {  @apply bg-secondary-400  text-content-dark;   }
-  .c-secondary-600      {  @apply bg-secondary-600  text-content-dark;   }
-  .c-secondary-800      {  @apply bg-secondary-800  text-content-dark;   }
-  .c-accent             {  @apply bg-accent         text-accent-content;   }
-  .c-accent-focus       {  @apply bg-accent-focus   text-accent-content;   }
-  .c-neutral            {  @apply bg-neutral        text-neutral-content;   }
-  .c-neutral-focus      {  @apply bg-neutral-focus  text-neutral-content;   }
-  .c-base-100           {  @apply bg-base-100       text-base-content;   }
-  .c-base-150           {  @apply bg-base-150       text-base-content;   }
-  .c-base-200           {  @apply bg-base-200       text-base-content;   }
-  .c-base-300           {  @apply bg-base-300       text-base-300-content;   }
-  .c-info               {  @apply bg-info;   }
-  .c-success            {  @apply bg-success        hover:bg-success-hover;  }
-  .c-warning            {  @apply bg-warning ;   }
-  .c-error              {  @apply bg-error          hover:bg-error-hover;   }
-}