@digigov/css 0.38.2 → 0.39.0-ac772edc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/css",
-  "version": "0.38.2",
+  "version": "0.39.0-ac772edc",
   "description": "Digigov CSS - Tailwind CSS Components",
   "author": "GRNET Devs <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -49,7 +49,7 @@
     "tailwindcss": "2.2.6",
     "nodemon": "2.0.7",
     "next": "10.0.9",
-    "@digigov/postcss-banner": "0.3.24",
+    "@digigov/postcss-banner": "0.3.23",
     "rimraf": "3.0.2",
     "postcss-js": "4.0.0",
     "postcss-load-config": "3.1.4",

package/src/components/accordion.css

@@ -75,4 +75,7 @@
       @apply mb-0;
     }
   }
+  .govgr-accordion__section-summary--secondary {
+    @apply bg-base-200;
+  }
 }

package/src/components/admin-layout.css

@@ -4,6 +4,12 @@
   flex-wrap: wrap;
   min-height: 100vh;
 }
+.govgr-admin-top-section--secondary {
+  @apply bg-base-200 px-2 py-1;
+}
+.govgr-admin-top-section--border {
+  @apply border border-base-300 px-2 py-1;
+}
 .govgr-admin-width-container {
   @apply px-4 py-8 m-0 w-full mx-auto;
   flex: 1 1 0%;
@@ -16,6 +22,24 @@
 }
 .govgr-admin-side-content {
   @apply lg:col-span-4 md:col-span-5 print:order-1;
+  .govgr-accordion__section {
+    @apply border-b-0;
+    &:first-child {
+      @apply border-t-0;
+    }
+  }
+  .govgr-accordion__section-button {
+    &::after {
+      content: "+";
+      @apply text-2xl text-base-content float-right relative -right-6;
+    }
+  }
+  .govgr-accordion__section-summary {
+    @apply pb-2 pt-2 pl-2 border-b border-base-400;
+  }
+  .govgr-heading-m {
+    @apply text-xl;
+  }
 }
 .govgr-admin-grid-column-1 {
   @apply md:col-span-1;

package/src/components/autocomplete.css

@@ -102,8 +102,13 @@
   margin-right: '-1px';
 }
 
-.govgr-autocomplete__option--no-results { 
- @apply text-current cursor-not-allowed;
+
+.govgr-autocomplete__option--empty {
+  @apply cursor-default;
+  @apply bg-base-100 text-base-content !important;
+  &:hover{
+    border-color: var(--color-base-400);
+  }
 }
 
 .govgr-autocomplete__hint,

package/src/components/checkboxes.css

@@ -50,9 +50,6 @@
 .govgr-checkboxes__hint {
   @apply px-2 mb-2;
 }
-.govgr-checkboxes__divider, .govgr-radios__divider {
-  @apply text-lg text-center w-10 mb-4;
-}
 .govgr-checkboxes__conditional, .govgr-radios__conditional {
     @apply border-l-4 border-base-500 ml-4 pl-6;
 }

package/src/components/chip.css

@@ -0,0 +1,51 @@
+.govgr-chip--heading {
+  @apply font-bold md:text-base text-sm pb-4;
+}
+.govgr-chips {
+  @apply flex flex-wrap list-none gap-x-2;
+  .govgr-chip .govgr-chip__content {
+    @apply mr-0;
+  }
+}
+.govgr-chips--horizontal {
+  @apply md:flex md:flex-row md:flex-wrap;
+}
+.govgr-chip {
+  @apply list-none;
+  .govgr-chip__content {
+    @apply bg-base-100 text-base-content lg:text-base text-sm border-2 border-base-content 
+    inline-flex items-center px-2 py-1 mr-2 mb-2 rounded shadow;
+    .govgr-close-icon {
+      @apply w-4 h-4 ml-3;
+    }
+    &[role="button"] {
+      &:hover {
+        @apply shadow-lg text-base-content-invert bg-base-900 border-base-900 transition;
+        .govgr-close-icon {
+          fill: var(--color-base-content-invert);
+        }
+      }
+      &:focus {
+        outline: 3px solid var(--color-focus);
+        outline-offset: 0;
+        -webkit-box-shadow: inset 0 0 0 2px;
+        box-shadow: inset 0 0 0 2px;
+      }
+    }
+  }
+}
+.govgr-chip--deletable {
+  .govgr-chip__content {
+    &:hover {
+      @apply shadow-lg transition;
+    }
+    .govgr-close-icon {
+      &:hover {
+        @apply cursor-pointer;
+      }
+    }
+  }
+}
+.govgr-chip__key-value {
+  @apply font-bold mr-2;
+}

package/src/components/filter.css

@@ -95,38 +95,6 @@
     @apply m-0 h-full;
   }
 }
-.govgr-chip--heading {
-  @apply font-bold md:text-base text-sm pb-4;
-}
-.govgr-chip--horizontal {
-  @apply md:flex md:flex-row md:flex-wrap;
-}
-.govgr-chips {
-  @apply flex flex-wrap list-none;
-}
-.govgr-chip {
-  @apply bg-base-100 text-base-content lg:text-base text-sm border-2 border-base-content 
-  inline-flex items-center px-2 py-1 mr-2 mb-2 rounded shadow;
-  .govgr-close-icon {
-    @apply w-4 h-4 ml-3;
-  }
-  &:hover {
-    @apply shadow-lg text-base-content-invert bg-base-900 border-base-900 transition;
-    .govgr-close-icon {
-      fill: var(--color-base-content-invert);
-    }
-  }
-  &:focus {
-    outline: 3px solid var(--color-focus);
-    outline-offset: 0;
-    -webkit-box-shadow: inset 0 0 0 2px;
-    box-shadow: inset 0 0 0 2px;
-  }
-}
-.govgr-chip__key-value {
-  @apply font-bold mr-2;
-}
-
 .govgr-input__search-btn {
   @apply shadow-none !important;
   @apply 

package/src/components/form.css

@@ -176,3 +176,6 @@
 .govgr-checkboxes__label--disabled {
   @apply opacity-40;
 }
+.govgr-choice-divider {
+  @apply text-lg text-center w-10 mb-4;
+}

package/src/components/index.css

@@ -3,6 +3,7 @@
 @import "./autocomplete.css";
 @import "./button.css";
 @import "./bottom-info.css";
+@import "./chip.css";
 @import "./form.css";
 @import "./checkboxes.css";
 @import "./dropdown.css";

package/src/components/nav.css

@@ -211,7 +211,7 @@
   @apply flex flex-wrap;
 }
 .govgr-vertical-nav__item {
-  @apply w-full p-2 !important;
+  @apply w-full pt-2 pb-2 !important;
 }
 .govgr-vertical-nav__item--active {
   @apply font-semibold !important;

package/src/components/pagination.css

@@ -1,19 +1,35 @@
 .govgr-pagination {
-  @apply flex flex-wrap items-center justify-items-center justify-between md:text-base text-sm;
+  @apply flex flex-wrap items-center justify-items-center justify-between;
+  .govgr-pagination__label {
+    @apply md:text-lg text-base;
+  }
   .govgr-label {
-    @apply text-base-content md:text-base md:leading-normal text-sm flex-row items-center gap-2;
+    @apply text-base-content md:leading-normal flex-row items-center gap-2 md:text-lg text-base;
+  }
+  .govgr-pagination__item--current {
+    @apply md:text-lg text-base;
   }
   .govgr-select {
     text-indent: 0px;
-    @apply flex text-base-content md:text-base md:leading-normal text-sm border;
+    @apply flex text-base-content md:leading-normal border md:text-lg text-base;
     &:focus {
         -webkit-box-shadow: inset 0 0 0 1px;
         box-shadow: inset 0 0 0 1px;
       }
   }
 }
+.govgr-pagination--size-sm {
+  .govgr-pagination__label, .govgr-label, .govgr-select, .govgr-pagination__item--current {
+   @apply md:text-base text-sm;
+  }
+  .govgr-pagination__list {
+   .govgr-link{
+     @apply md:text-base text-sm !important; 
+   }
+  }
+ }
 .govgr-pagination__label {
-  @apply text-base-content md:text-base md:leading-normal text-sm;
+  @apply text-base-content md:leading-normal;
 }
 .govgr-pagination__list {
   @apply flex items-center;

package/src/components/typography.css

@@ -171,14 +171,15 @@
   font-size: var(--link-font-size);
   line-height: var(--link-line-height);
   letter-spacing: var(--link-letter-spacing);
-  &:hover:not(:focus) {
+  &:hover {
     text-decoration-thickness: 2px;
     color: var(--link-color-hover);
   }
   &:focus {
+    color: var(--link-color-active);
     background-color: var(--color-focus);
     box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-base-content);
-    text-decoration:none;
+    text-decoration:none !important;
     outline: none; 
   }
 }
@@ -207,6 +208,7 @@
     }
   }
 }
+
 .govgr-back-link {
   font-size: var(--back-link-font-size);
   letter-spacing: var(--back-link-letter-spacing);