@digigov/css 0.14.0 → 0.17.0

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 {
@@ -18,7 +18,6 @@
     @apply h-6 w-6;
   }
 }
-
 .govgr-link {
   .govgr-svg-icon {
     fill:var(--color-link);
@@ -32,7 +31,23 @@
     .govgr-svg-icon {
       fill:var(--color-link-active);
     }
-
+  }
+}
+.govgr-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 {
@@ -62,7 +77,6 @@
 .govgr-svg-icon--link {
   fill: var(--color-link) !important;
 }
-
 .govgr-svg-icon--s {
   @apply h-3 w-3;
 }

package/src/components/table.css

@@ -13,9 +13,10 @@
 .govgr-table--with-vertical-lines {
   .govgr-table__cell {
     @apply border-l border-r border-solid border-gray-50 !important;
-  }
-  
- 
+  } 
+}
+.govgr-table__body {
+  @apply relative;
 }
 
 .govgr-table--with-vertical-lines.govgr-table--light {
@@ -23,31 +24,25 @@
     @apply px-4 !important;
   }
 }
-
 .govgr-table--dark, .govgr-table--zebra {
   th, td {
     @apply px-4 !important;
   }
 }
-
 .govgr-table--with-vertical-lines.govgr-table--light .govgr-table__body .govgr-table__header {
     @apply border-l border-solid border-gray-50 !important;
   }
-
 .govgr-table--with-vertical-lines.govgr-table--dense.govgr-table--dark {
-  .govgr-table__head .govgr-table__row .govgr-table__header:first-child{
-        @apply border-b-0 border-l border-solid border-primary !important;
-    }
+  .govgr-table__head .govgr-table__row .govgr-table__header:first-child {
+    @apply border-b-0 border-l border-solid border-primary !important;
+  }
 }
-
-
 .govgr-table--with-vertical-lines.govgr-table--dark{
-  .govgr-table__head .govgr-table__row .govgr-table__header:last-child{
+  .govgr-table__head .govgr-table__row .govgr-table__header:last-child {
         @apply border-b-0 border-r border-solid border-primary !important;
     }
 }
-
-.govgr-table--dark{
+.govgr-table--dark {
   th {
     @apply border-none bg-primary text-white;
   }
@@ -58,7 +53,6 @@
     @apply border-r border-solid border-gray-50 !important;
   }
 }
-
 .govgr-table--zebra {
   .govgr-table__body {
     .govgr-table__row:nth-child(even) {
@@ -106,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

@@ -12,16 +12,16 @@
       @apply float-left relative md:border md:border-base-100 md:bg-base-100 md:rounded-t-sm md:px-4 md:py-2 m-0 md:mr-2 shadow-none
       cursor-pointer;
       &.govgr-tabs__list-item-selected {
-          @apply no-underline md:border-base-150 bg-white z-20 md:border-b-0;
-          margin-top: -5px;
-          margin-bottom: -1px;
-          padding-top: 14px;
-          padding-right: 19px;
-          padding-bottom: 16px;
-          padding-left: 19px;
-          border: 1px solid #b1b4b6;
-          border-bottom: 0;
-          background-color: #fff;
+        @apply no-underline md:border-base-150 bg-white z-20 md:border-b-0;
+        margin-top: -5px;
+        margin-bottom: -1px;
+        padding-top: 14px;
+        padding-right: 19px;
+        padding-bottom: 16px;
+        padding-left: 19px;
+        border: 1px solid var(--color-gray-200);
+        border-bottom: 0;
+        background-color: var(--color-white);
         &:hover {
           text-decoration-thickness: 2px;
         }
@@ -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,29 +81,30 @@
     @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;
   }
   &:focus {
-        background-color: var(--color-focus);
-        box-shadow: 0 -2px var(--color-focus), 0 4px #0b0c0c;
-        text-decoration:none;
-        outline: none; 
+    background-color: var(--color-focus);
+    box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-base-content);
+    text-decoration:none;
+    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 {
@@ -129,13 +128,13 @@
   width: fit-content;
   @apply text-base-content underline flex items-center mb-4 cursor-pointer;
   &:hover {
-      text-decoration-thickness: 2px;
-    }
+    text-decoration-thickness: 2px;
+  }
   &:focus {
-        background-color: var(--color-focus);
-        box-shadow: 0 -2px var(--color-focus), 0 4px #0b0c0c;
-        text-decoration:none;
-        outline: none; 
+    background-color: var(--color-focus);
+    box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-base-content);
+    text-decoration:none;
+    outline: none; 
   }
   .govgr-caret--left {
     fill:var(--color-base-content);
@@ -144,33 +143,6 @@
 }
 .govgr-background-dark {
   .govgr-back-link {
-      @apply text-white;
+    @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;   }
-}