@digigov/css 0.36.0 → 0.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/css",
-  "version": "0.36.0",
+  "version": "0.38.0",
   "description": "Digigov CSS - Tailwind CSS Components",
   "author": "GRNET Devs <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",

package/src/components/button.css

@@ -1,5 +1,5 @@
 .govgr-btn {
-  @apply font-medium cursor-pointer 
+  @apply no-underline font-medium cursor-pointer 
   m-0 mb-8 w-max min-h-10 md:min-h-12 
   flex gap-x-3 items-center;
   border-radius: var(--btn-border-radius);

package/src/components/filter.css

@@ -128,9 +128,9 @@
 }
 
 .govgr-input__search-btn {
+  @apply shadow-none !important;
   @apply 
-  bg-success border-b-2 border-base-content rounded-none
-  text-lg text-white
+  border-b-2 border-base-content rounded-none
   px-4 py-2 w-min m-0 ml-3
   flex gap-2
   hover:bg-success-hover active:bg-success-hover hover:no-underline;

package/src/components/modal.css

@@ -10,7 +10,7 @@
   border border-solid border-base-500;
   max-height:95vh;
 }
-.govgr-modal__content {
+.govgr-modal__container {
   @apply grid p-10 gap-6 px-6 py-2;
 }
 .govgr-modal__open {
@@ -19,15 +19,12 @@
 .govgr-modal__heading {
   @apply md:text-2xl text-xl font-bold;
 }
-.govgr-modal__text {
+.govgr-modal__content {
   @apply text-base lg:text-xl text-lg;
-  .govgr-field, .govgr-body {
-    @apply mb-0;
-  }
 }
 .govgr-modal__action {
   @apply flex flex-wrap items-center gap-4;
   .govgr-link, .govgr-btn {
     @apply mb-0;
   }
-}
+}

package/src/components/table.css

@@ -3,7 +3,7 @@
   @apply px-5 py-5;
 }
 .govgr-table__caption {
-  @apply table-caption text-left font-bold;  
+  @apply table-caption text-left font-bold;
 }
 .govgr-table__caption--s {
   @apply md:text-2xl text-lg font-bold mx-0 md:mb-6 mb-4 antialiased;
@@ -32,9 +32,10 @@
   border-spacing: 0;
 }
 .govgr-table--with-vertical-lines {
-  .govgr-table__cell, .govgr-table__header {
+  .govgr-table__cell,
+  .govgr-table__header {
     @apply border-l border-r border-solid border-base-300 px-4;
-  } 
+  }
   .govgr-table__head {
     @apply border-t border-base-300 text-base-content !important;
   }
@@ -43,26 +44,25 @@
   .govgr-dropdown__button {
     @apply no-underline font-bold text-base-content !important;
   }
-  .govgr-dropdown__button--underline:not(:focus){
+  .govgr-dropdown__button--underline:not(:focus) {
     @apply underline !important;
     text-decoration-thickness: 2px !important;
   }
-  .govgr-dropdown__content{
+  .govgr-dropdown__content {
     @apply py-0;
   }
   .govgr-vertical-nav__item {
-     @apply flex font-normal no-underline;
-     
-   } 
-  .govgr-vertical-nav__item--active:not(:focus){
-    @apply bg-base-200 font-normal !important
+    @apply flex font-normal no-underline;
+  }
+  .govgr-vertical-nav__item--active:not(:focus) {
+    @apply bg-base-200 font-normal !important;
   }
 }
 .govgr-table__body {
   @apply relative;
 }
 
-@supports (-moz-appearance:none) {
+@supports (-moz-appearance: none) {
   .govgr-table {
     border-collapse: unset;
   }
@@ -87,33 +87,35 @@
 }
 .govgr-table__row--warning {
   @apply border-l-4 border-warning;
-  .govgr-table__cell:first-child{
+  .govgr-table__cell:first-child {
     @apply pl-2;
   }
 }
-.govgr-table__cell{
+.govgr-table__cell {
   .govgr-btn {
-      @apply mb-0;
+    @apply mb-0;
   }
   .govgr-button-group {
     @apply mb-0;
   }
 }
-.govgr-table--dark, .govgr-table--zebra {
-  .govgr-table__header, .govgr-table__cell {
+.govgr-table--dark,
+.govgr-table--zebra {
+  .govgr-table__header,
+  .govgr-table__cell {
     @apply px-4 !important;
   }
 }
 .govgr-table--with-vertical-lines.govgr-table--light {
   .govgr-table__body .govgr-table__header {
-      @apply border-l border-solid border-base-300 !important;
-    }
+    @apply border-l border-solid border-base-300 !important;
+  }
 }
-.govgr-table--with-vertical-lines.govgr-table--dark{
+.govgr-table--with-vertical-lines.govgr-table--dark {
   .govgr-table__header {
     @apply border-0;
     @apply print:border;
-  } 
+  }
 }
 .govgr-table--dark {
   .govgr-table__header {
@@ -130,18 +132,86 @@
 }
 .govgr-table--dense {
   &.govgr-table {
-    .govgr-table__row, .govgr-table__header, .govgr-table__cell {
-     @apply text-sm py-2;
-   }
+    .govgr-table__row,
+    .govgr-table__header,
+    .govgr-table__cell {
+      @apply text-sm py-2;
+    }
   }
 }
-.govgr-table__header, .govgr-table__cell {
-  @apply pr-5 py-2.5 pl-0 border-b border-solid border-base-300 text-left align-middle;
-   &:last-child {
-      @apply pr-0;
+.govgr-table--stacked-always {
+  .govgr-table__header,
+  .govgr-table__cell {
+    &:last-child {
+      @apply border-b-2 border-base-content;
+    }
+  }
+  .govgr-table__header {
+    @apply hidden;
+  }
+  .govgr-table__cell {
+    @apply block;
+  }
+  .govgr-table__cell[data-label]:before {
+    content: attr(data-label);
+    @apply block font-semibold;
+  }
+}
+.govgr-table--stacked-s {
+  .govgr-table__header,
+  .govgr-table__cell {
+    &:last-child {
+      @apply border-b-2 border-base-content sm:border-b sm:border-base-300;
+    }
+  }
+  .govgr-table__header {
+    @apply hidden sm:table-cell;
+  }
+  .govgr-table__cell {
+    @apply block sm:table-cell;
+  }
+  .govgr-table__cell[data-label]:before {
+    content: attr(data-label);
+    @apply block font-semibold;
+  }
+  @media (min-width: 640px) {
+    .govgr-table__cell[data-label]:before {
+      content: none;
     }
+  }
 }
-.govgr-table__header--numeric, .govgr-table__cell--numeric {
+.govgr-table--stacked-m {
+  .govgr-table__header,
+  .govgr-table__cell {
+    &:last-child {
+      @apply border-b-2 border-base-content md:border-b md:border-base-300;
+    }
+  }
+  .govgr-table__header {
+    @apply hidden md:table-cell;
+  }
+  .govgr-table__cell {
+    @apply block md:table-cell;
+  }
+  .govgr-table__cell[data-label]:before {
+    content: attr(data-label);
+    @apply block font-semibold;
+  }
+  @media (min-width: 768px) {
+    .govgr-table__cell[data-label]:before {
+      content: none;
+    }
+  }
+}
+.govgr-table__header,
+.govgr-table__cell {
+  @apply pr-5 py-2.5 pl-0 border-b border-solid border-base-300 text-left align-middle;
+  &:last-child {
+    @apply pr-0;
+  }
+}
+.govgr-table__header--numeric,
+.govgr-table__cell--numeric {
   @apply text-right;
 }
 .govgr-table__body--vertical-top {
@@ -157,17 +227,19 @@
 .govgr-table__cell--numeric {
   @apply font-normal;
   font-feature-settings: normal;
-  font-variant-numeric: tabular-nums;  
+  font-variant-numeric: tabular-nums;
 }
-.govgr-table__cell--no-data{
+.govgr-table__cell--no-data {
   @apply border-b-0 pt-2.5;
 }
-.govgr-table__loading{
+.govgr-table__loading {
   @apply h-full w-full absolute right-0 left-0 flex items-center justify-center
    bg-white bg-opacity-50 print:hidden;
 }
- 
-@supports ((-webkit-backdrop-filter: blur(0.6px)) or (backdrop-filter: blur(0.6px))) {
+
+@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);