@digigov/css 1.0.0-6b93ebf2 → 1.0.0-88820b1e

package/src/components/pagination.css

@@ -18,7 +18,7 @@
       }
   }
 }
-.govgr-pagination--size-sm {
+.govgr-pagination--sm {
   .govgr-pagination__label, .govgr-label, .govgr-select, .govgr-pagination__item--current {
    @apply md:text-base text-sm;
   }

package/src/components/phase-banner.css

@@ -1,4 +1,4 @@
-.govgr-phase-banner_header {
+.govgr-phase-banner__header {
   @apply bg-focus top-0 z-30
   print:bg-white print:border-focus print:border-2 print:px-4;
   .govgr-phase-banner {

package/src/components/stack.css

@@ -0,0 +1,66 @@
+.govgr-stack {
+  @apply flex flex-col flex-wrap;
+}
+.govgr-stack--row {
+  @apply flex-row;
+}
+.govgr-stack--reverse-row {
+  @apply flex-row-reverse;
+}
+.govgr-stack--col-reverse {
+  @apply flex-col-reverse;
+}
+.govgr-stack--nowrap {
+  @apply flex-nowrap
+}
+.govgr-stack--justify-flex-start {
+  @apply justify-start
+}
+.govgr-stack--justify-flex-end {
+  @apply justify-end
+}
+.govgr-stack--justify-center {
+  @apply justify-center
+}
+.govgr-stack--justify-space-between {
+  @apply justify-between
+}
+.govgr-stack--justify-space-around {
+  @apply justify-around
+}
+.govgr-stack--justify-space-evenly  {
+  @apply justify-evenly
+}
+.govgr-stack--align-stretch {
+  @apply items-stretch
+}
+.govgr-stack--align-flex-start {
+  @apply items-start
+}
+.govgr-stack--align-flex-end {
+  @apply items-end
+}
+.govgr-stack--align-center {
+  @apply items-center
+}
+.govgr-stack--align-baseline {
+  @apply items-baseline
+}
+.govgr-stack--content-flex-start {
+  @apply content-start
+}
+.govgr-stack--content-flex-end {
+  @apply content-end
+}
+.govgr-stack--content-center {
+  @apply content-center
+}
+.govgr-stack--content-space-between {
+  @apply content-between
+}
+.govgr-stack--content-space-around {
+  @apply content-around
+}
+.govgr-stack--content-space-evenly  {
+  @apply content-evenly
+}

package/src/components/stepnav.css

@@ -39,6 +39,14 @@
   &:first-child {
     @apply border-t-2;
   }
+  .govgr-step-nav__accordion__opened {
+    visibility: hidden;
+    display: none;
+  }
+  .govgr-step-nav__accordion__closed {
+    visibility: visible;
+    display: block;
+  }
 }
 .govgr-step-nav__accordion[open] {
 
@@ -50,10 +58,8 @@
     visibility: hidden;
     display: none;
   }
-  .govgr-nav-step__accordion__content {
-    @apply block;
-  }
 }
+
 .govgr-step-nav__accordion__summary {
   @apply list-none w-fit mb-0 py-4 pr-8 cursor-pointer;
   .govgr-hint {
@@ -136,7 +142,7 @@
     0 0.1em 0 var(--color-white), -0.1em 0 0 var(--color-white);
 }
 .govgr-nav-step__accordion__content {
-  @apply hidden md:pt-2 mb-6 pt-1 mx-0;
+  @apply md:pt-2 mb-6 pt-1 mx-0;
   > *:last-child {
     @apply mb-0;
   }

package/src/components/table.css

@@ -236,7 +236,7 @@
   @apply bg-base-100;
 }
 .govgr-table__header {
-  .govgr-dropdown__button {
+  .govgr-dropdown__button:not(:focus) {
     @apply no-underline font-bold text-base-content !important;
   }
   .govgr-dropdown__button--underline:not(:focus) {

package/src/components/task-list.css

@@ -33,13 +33,12 @@
 .govgr-task-list__content__tag {
   @apply px-2 py-1 mr-2 inline-block font-sans text-sm uppercase tracking-widest;
 }
-.govgr-task-list__content__tag--primary {
+.govgr-task-list__content__tag--info {
   @apply bg-info text-white print:border-2 print:bg-white print:border-info-hover print:text-info-hover print:mr-4;
 }
-.govgr-task-list__content__tag--secondary {
+.govgr-task-list__content__tag--primary {
   @apply bg-secondary text-base-content print:border-2 print:bg-white print:border-info print:text-info print:mr-4;
 }
-.govgr-task-list__content__tag--gray {
+.govgr-task-list__content__tag--secondary {
   @apply bg-base-300 print:border-2 print:bg-white print:border-base-800 print:text-base-800 print:mr-4;
 }
-.govgr-tag {}

package/src/components/typography.css

@@ -30,6 +30,14 @@
   font-weight: var(--heading-sm-font-weight);
   letter-spacing: var(--heading-sm-letter-spacing);
 } 
+.govgr-heading-xs {
+  @apply mx-0 ;
+  font-size: var(--heading-xs-font-size);
+  line-height:var(--heading-xs-line-height);
+  margin-bottom:var(--heading-xs-margin-bottom);
+  font-weight: var(--heading-xs-font-weight);
+  letter-spacing: var(--heading-xs-letter-spacing);
+} 
 .govgr-caption-xl {
   @apply block mx-0 font-normal;
   color: var(--caption-xl-color);
@@ -130,6 +138,14 @@
     @apply gap-x-10 gap-y-5;
   }
 }
+@media (min-width: 768px) {
+  .govgr-list--col-2 {
+    column-count: 2;
+  }
+  .govgr-list--col-3 {
+    column-count: 2;
+  }
+}
 .govgr-list, .govgr-blockquote {
   @apply md:mb-8 mb-4 text-base-content;
 }
@@ -191,10 +207,10 @@
   }
 }
 .govgr-header {
-  .govgr-header__container > .govgr-link {
+  .govgr-header__content > .govgr-link {
     @apply text-white focus:text-link-active print:text-base-content;
   }
-  .govgr-header__content > .govgr-link {
+  .govgr-header__section > .govgr-link {
     @apply text-white focus:text-link-active print:text-base-content;
   }
 }

package/src/pages/admin-filtering-data.js

@@ -29,7 +29,7 @@ export default function Home() {
             <aside className="govgr-admin-side-content">
               <div className="govgr-filter">
                 <div className="govgr-filter__heading">
-                  <a className="govgr-link govgr-filter__close-btn" href="#">
+                  <a className="govgr-link govgr-close-btn" href="#">
                     Κλείσιμο
                     <svg class="govgr-svg-icon--close" focusable="true" viewBox="0 0 24 24" aria-hidden="true" > <polygon points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 " /></svg>
                   </a>

package/src/utilities/index.css

@@ -394,27 +394,6 @@
 .govgr-grid-inline {
   @apply inline-grid;
 }
-.govgr-grid__gap-1 {
-  @apply gap-1;
-}
-.govgr-grid__gap-2 {
-  @apply gap-2;
-}
-.govgr-grid__gap-4 {
-  @apply gap-4;
-}
-.govgr-grid__gap-6 {
-  @apply gap-6;
-}
-.govgr-grid__gap-8 {
-  @apply gap-8;
-}
-.govgr-grid__gap-10 {
-  @apply gap-10;
-}
-.govgr-grid__gap-12 {
-  @apply gap-12;
-}
 .govgr-grid__col-auto {
   @apply col-auto;
 }
@@ -462,4 +441,25 @@
 }
 .govgr-print-visible-inline {
   @apply print:inline !important;
+}
+.govgr-gap-1 {
+  @apply gap-1;
+}
+.govgr-gap-2 {
+  @apply gap-2;
+}
+.govgr-gap-4 {
+  @apply gap-4;
+}
+.govgr-gap-6 {
+  @apply gap-6;
+}
+.govgr-gap-8 {
+  @apply gap-8;
+}
+.govgr-gap-10 {
+  @apply gap-10;
+}
+.govgr-gap-12 {
+  @apply gap-12;
 }

package/src/utilities/utilities.css

@@ -396,27 +396,6 @@
   .govgr-grid-inline {
     @apply inline-grid;
   }
-  .govgr-grid__gap-1 {
-    @apply gap-1;
-  }
-  .govgr-grid__gap-2 {
-    @apply gap-2;
-  }
-  .govgr-grid__gap-4 {
-    @apply gap-4;
-  }
-  .govgr-grid__gap-6 {
-    @apply gap-6;
-  }
-  .govgr-grid__gap-8 {
-    @apply gap-8;
-  }
-  .govgr-grid__gap-10 {
-    @apply gap-10;
-  }
-  .govgr-grid__gap-12 {
-    @apply gap-12;
-  }
   .govgr-grid__col-auto {
     @apply col-auto;
   }
@@ -465,4 +444,26 @@
   .govgr-print-visible-inline {
     @apply print:inline !important;
   }
-};
+  .govgr-gap-1 {
+    @apply gap-1;
+  }
+  .govgr-gap-2 {
+    @apply gap-2;
+  }
+  .govgr-gap-4 {
+    @apply gap-4;
+  }
+  .govgr-gap-6 {
+    @apply gap-6;
+  }
+  .govgr-gap-8 {
+    @apply gap-8;
+  }
+  .govgr-gap-10 {
+    @apply gap-10;
+  }
+  .govgr-gap-12 {
+    @apply gap-12;
+  }
+};
+