@digigov/css 0.23.0 → 0.24.2

package/src/components/filter.css

@@ -7,10 +7,13 @@
     @apply w-full;
   }
 }
+.govgr-filter--closed {
+  @apply hidden md:block;
+}
 .govgr-filter__close-link {
   @apply flex flex-nowrap md:hidden text-right w-max float-right;
   .govgr-close-icon {
-    @apply w-5 h-5 z-30 float-right;
+    @apply w-5 h-5 float-right;
     @apply ml-1 !important;
     fill: var(--color-link);
   }
@@ -37,6 +40,9 @@
 .govgr-filter__selected {
   @apply bg-gray100 p-4 m-2 mt-0 rounded;
 }
+.govgr-filter__selected--indicator {
+  @apply md:hidden;
+}
 .govgr-filter__selected-heading {
   @apply flex flex-wrap sm:flex-nowrap mb-4 md:mb-6 justify-between gap-x-2;
   .govgr-link, .govgr-heading-s, .govgr-heading-m, .govgr-heading-l, .govgr-heading-xl {

package/src/components/loader.css

@@ -6,8 +6,7 @@
 }
 .govgr-loader {
   animation: rotate 10s linear infinite;
-  width: 3rem;
-  height: 3rem;
+  @apply w-fit h-10;
 }
 .govgr-loader__circle {
   fill: none;
@@ -23,6 +22,31 @@
   stroke-dashoffset: 0;
   animation: dash 4s ease-in-out 0s forwards infinite;
 }
+
+.govgr-loader--inverse{
+  .govgr-loader__circle--1 {
+    @apply opacity-40;
+    stroke: var(--color-white);
+  }
+
+  .govgr-loader__circle--2 {
+    stroke: var(--color-white);
+  }
+}
+
+
+.govgr-loader--small {
+  @apply h-5 w-5;
+}
+
+.govgr-loader--medium {
+  @apply h-10 w-10;
+}
+
+.govgr-loader--large {
+  @apply h-12 w-12;
+}
+
 @keyframes dash {
   0% {
     stroke-dashoffset: 0;

package/src/components/misc.css

@@ -42,7 +42,7 @@
   }
   &:hover {
     .tooltiptext {
-      @apply block opacity-100 absolute w-64 -ml-32 top-8 left-1/2 px-4 py-2 z-10;
+      @apply block opacity-100 absolute w-64 -ml-32 top-8 left-1/2 px-4 py-2 z-1;
       @apply text-white rounded-sm bg-primary200 bg-opacity-90 shadow;
 
       &::after {

package/src/components/modal.css

@@ -1,7 +1,7 @@
 .govgr-modal {
   @apply hidden justify-center items-center content-center
   mb-7 text-base-content bg-opacity-50 bg-gray200
-  fixed z-10 left-0 top-0 w-full h-full overflow-auto; 
+  fixed z-30 left-0 top-0 w-full h-full overflow-auto; 
 }
 .govgr-modal__body {
   @apply w-full max-w-md md:max-w-lg lg:max-w-4xl 

package/src/components/phase-banner.css

@@ -17,7 +17,7 @@
   @apply text-white;
 }
 .govgr-phase-banner_header {
-  @apply bg-focus sticky top-0 z-50;
+  @apply bg-focus sticky top-0 z-10;
   .govgr-phase-banner {
     @apply mb-0;
   }

package/src/components/radios.css

@@ -16,7 +16,7 @@
   @apply inline-block py-1 px-2 cursor-pointer text-lg ;
 }
 .govgr-radios__input {
-  @apply absolute z-10 left-0.5 -top-1 m-0 rounded-3xl
+  @apply absolute z-1 left-0.5 -top-1 m-0 rounded-3xl
   w-10 h-10 opacity-100 cursor-pointer;
   appearance: none;
   background-color: #fff;

package/src/components/summary-list.css

@@ -5,13 +5,16 @@
   .govgr-btn {
     @apply m-0 inline-flex;
   }
+  .govgr-dropdown__content {
+    @apply mt-2;
+  }
   .govgr-button-group {
     @apply mb-0 text-right sm:justify-end gap-y-2;
   }
 }
 
 .govgr-summary-list__row {  
-  @apply block sm:table-row
+  @apply block sm:flex
   pb-4 mb-4 border-b border-solid border-gray50
   sm:pb-0 sm:mb-0 sm:border-0 ;
 }

package/src/components/tabs.css

@@ -13,7 +13,7 @@
       @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 ;
       &.govgr-tabs__list-item-selected {
-        @apply no-underline md:border-gray200 md:border bg-white z-20 md:border-b-0 md:px-5 md:pb-4 md:-mt-1 md:pt-4;
+        @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;
         margin-bottom: -1px;
         &:hover {
           text-decoration-thickness: 2px;
@@ -43,7 +43,7 @@
     }
   }
   .govgr-tabs__panel {
-    @apply bg-white md:hidden block md:px-4 py-4 pt-8 md:border md:border-base150 md:z-10 mb-0;
+    @apply bg-white md:hidden block md:px-4 py-4 pt-8 md:border md:border-base150 mb-0;
     &.govgr-tabs__panel-visible {
       @apply block;
     }

package/src/utilities/index.css

@@ -78,4 +78,19 @@
 }
 .govgr-xs-up {
   @apply xs:hidden;
+}
+.govgr-lg-up-block {
+  @apply lg:block !important;
+}
+.govgr-md-up-block {
+  @apply md:block !important;
+}
+.govgr-sm-up-block {
+  @apply sm:block !important;
+}
+.govgr-xl-up-block {
+  @apply xl:block !important;
+}
+.govgr-xs-up-block {
+  @apply xs:block !important;
 }

package/src/utilities/utilities.css

@@ -93,4 +93,19 @@
   .govgr-xs-up {
     @apply xs:hidden;
   }
+  .govgr-lg-up-block {
+    @apply lg:block !important;
+  }
+  .govgr-md-up-block {
+    @apply md:block !important;
+  }
+  .govgr-sm-up-block {
+    @apply sm:block !important;
+  }
+  .govgr-xl-up-block {
+    @apply xl:block !important;
+  }
+  .govgr-xs-up-block {
+    @apply xs:block !important;
+  }
 };

package/tailwind.config.js

@@ -56,6 +56,7 @@ module.exports = {
       },
       zIndex: {
         '/1': -1,
+        '1': 1,
       },
       opacity: {
         '85': '0.85',