@digigov/css 2.0.0-8e254888 → 2.0.0-a0ac149e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/css",
-  "version": "2.0.0-8e254888",
+  "version": "2.0.0-a0ac149e",
   "description": "Digigov CSS - Tailwind CSS Components",
   "author": "GRNET Devs <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -39,7 +39,7 @@
     ]
   },
   "devDependencies": {
-    "@digigov/cli": "2.0.0-8e254888",
+    "@digigov/cli": "2.0.0-a0ac149e",
     "autoprefixer": "10.4.16",
     "postcss-cli": "8.3.0",
     "postcss-import": "13.0.0",
@@ -48,16 +48,16 @@
     "tailwindcss": "3.4.13",
     "nodemon": "2.0.7",
     "next": "13.1.1",
-    "@digigov/postcss-banner": "1.0.5-8e254888",
-    "@digigov/cli-build-tailwind": "2.0.0-8e254888",
+    "@digigov/postcss-banner": "1.0.5-a0ac149e",
+    "@digigov/cli-build-tailwind": "2.0.0-a0ac149e",
     "rimraf": "3.0.2",
     "publint": "0.1.8",
     "stylelint": "15.11.0",
-    "stylelint-plugin-digigov": "1.1.0-8e254888",
+    "stylelint-plugin-digigov": "1.1.0-a0ac149e",
     "prettier": "3.4.2"
   },
   "dependencies": {
-    "@digigov/theme-default": "1.0.0-8e254888",
+    "@digigov/theme-default": "1.0.0-a0ac149e",
     "@fontsource/roboto": "4.4.0",
     "cssnano": "4.1.10",
     "publint": "0.1.8",

package/src/components/accordion.css

@@ -35,7 +35,12 @@
     }
     .ds-accordion__section-button {
       &::after {
-        @apply right-0;
+        @apply right-0 !important;
+      }
+      &.ds-accordion__section-button--arrows {
+        &::after {
+          @apply right-1 !important;
+        }
       }
     }
   }
@@ -72,9 +77,11 @@
       .ds-accordion__section-button {
         @apply underline bg-focus;
         text-decoration-thickness: 2px;
-        &::after {
-          @apply underline bg-focus;
-          text-decoration-thickness: 2px;
+        &:not(.ds-accordion__section-button--arrows) {
+          &::after {
+            @apply underline bg-focus;
+            text-decoration-thickness: 2px;
+          }
         }
       }
     }
@@ -95,12 +102,19 @@
     }
   }
   .ds-accordion__section-button {
-    @apply util-accordion__section-button util-accordion__section-button-text focus:underline;
+    @apply util-accordion__section-button util-accordion__section-button-text focus:underline transition ease-in-out;
     &::after {
       @apply util-accordion__section-button-icon float-right -right-8;
       content: '+';
       line-height: 2rem;
     }
+    &.ds-accordion__section-button--arrows {
+      &::after {
+        @apply h-3 w-3 rotate-45 border-b-3 border-r-3 border-base-content top-1.5 -right-7 bg-transparent !important;
+        transition: all 0.3s ease;
+        content: '';
+      }
+    }
   }
   .ds-accordion__section[open] {
     .ds-accordion__section-content {
@@ -110,6 +124,12 @@
       &::after {
         content: '\2013';
       }
+      &.ds-accordion__section-button--arrows {
+        &::after {
+          @apply -rotate-[135deg] top-2.5 !important;
+          content: '';
+        }
+      }
     }
   }
   .ds-accordion__section-content {

package/src/components/autocomplete.css

@@ -8,7 +8,7 @@
   clip: 'rect(0 0 0 0)';
 }
 .ds-autocomplete__hint {
-  @apply absolute text-base-400;
+  @apply h-full absolute text-base-400;
 }
 .ds-autocomplete__hint,
 .ds-autocomplete__input {
@@ -62,6 +62,10 @@
       }
     }
   }
+  .ds-autocomplete__hint,
+  .ds-autocomplete__input {
+    @apply h-full;
+  }
 }
 .ds-autocomplete__multi-input {
   @apply flex-1 w-full focus:border-0 focus:outline-0 bg-base-100;

package/src/components/code.css

@@ -41,7 +41,7 @@
 .ds-code--type,
 .ds-code--variable.language_ {
   /* prettylights-syntax-keyword */
-  color: var(--color-red-300);
+  color: var(--color-red-300) !important;
 }
 .ds-code--title,
 .ds-code--title.class_,
@@ -61,13 +61,13 @@
 .ds-code--selector-class,
 .ds-code--selector-id {
   /* prettylights-syntax-constant */
-  color: var(--color-green-400);
+  color: var(--color-green-400) !important;
 }
 .ds-code--regexp,
 .ds-code--string,
 .ds-code--meta .ds-code--string {
   /* prettylights-syntax-string */
-  color: var(--color-blue-600);
+  color: var(--color-blue-600) !important;
 }
 .ds-code--built_in,
 .ds-code--symbol {
@@ -85,7 +85,7 @@
 .ds-code--selector-tag,
 .ds-code--selector-pseudo {
   /* prettylights-syntax-entity-tag */
-  color: var(--color-green-400);
+  color: var(--color-green-400) !important;
 }
 .ds-code--subst {
   /* prettylights-syntax-storage-modifier-import */

package/src/components/details.css

@@ -24,6 +24,10 @@
 }
 .ds-details__content {
   @apply util-details__content;
+  &.ds-details__content--secondary {
+    @apply border-0 bg-base-200 py-4 mt-2;
+    border-radius:0 0 0.25rem 0.25rem;
+  }
   > *:last-child {
     @apply mb-0;
   }

package/src/components/footer.css

@@ -100,11 +100,12 @@
     @apply print:hidden;
   }
   .ds-link {
-    --link-color: var(--color-footer);
+    --link-color: var(--color-footer-link);
+    --link-color-hover: var(--color-footer-link-hover);
     @apply print:text-base-content;
   }
   .ds-body {
-    --body-color: var(--color-footer);
+    --body-color: var(--color-footer-text);
     @apply print:text-base-content;
   }
 }

package/src/components/form.css

@@ -77,6 +77,7 @@
   }
 }
 .ds-textarea {
+  @apply min-h-12;
   border-radius: var(--textarea-border-radius);
 }
 .ds-input,
@@ -223,11 +224,11 @@
     @apply grid gap-4;
     .ds-fieldset {
       @apply grid gap-4 grid-cols-12;
-      :not(.ds-field,.ds-grid-item) {
+      :not(.ds-field, .ds-grid-item) {
         @apply col-span-12;
       }
     }
-    :not(.ds-field,.ds-grid-item) {
+    :not(.ds-field, .ds-grid-item) {
       @apply col-span-12;
     }
   }
@@ -248,7 +249,7 @@
 }
 .ds-uploaded-file {
   .ds-link {
-    @apply h-fit text-lg;
+    @apply h-fit;
   }
 }
 .ds-dashed--border {

package/src/components/header.css

@@ -84,7 +84,7 @@
       }
     }
     .ds-svg-icon {
-      fill: var(--color-white);
+      fill: var(--color-header-text);
     }
   }
   .ds-phase-banner__message {

package/src/components/misc.css

@@ -34,7 +34,7 @@
   }
 }
 
-.ds-cookie-banner {
+.ds-banner-container {
   @apply bg-base-200;
 }
 

package/src/components/stack.css

@@ -5,10 +5,10 @@
   &.ds-stack--row {
     @apply util-stack--row;
   }
-  &.ds-stack--reverse-row {
+  &.ds-stack--row-reverse {
     @apply util-stack--reverse-row;
   }
-  &.ds-stack--col-reverse {
+  &.ds-stack--column-reverse {
     @apply util-stack--col-reverse;
   }
   &.ds-stack--nowrap {

package/src/components/summary-list.css

@@ -4,13 +4,16 @@
 .ds-summary-list {
   @apply util-summary-list sm:table sm:table-fixed util-summary-list-text;
   &.ds-summary-list--no-border {
-    > .ds-summary-list__row:last-child {
-      @apply border-b-0 pb-0 mb-0;
+    > .ds-summary-list__row {
+      @apply border-0 pb-0;
+      &:last-child {
+        @apply mb-0;
+      }
     }
     .ds-summary-list__key,
     .ds-summary-list__value,
     .ds-summary-list__actions {
-      @apply sm:border-0 pb-2;
+      @apply border-0 pb-0 sm:pb-2;
     }
   }
   &.ds-summary-list--no-last-border {
@@ -31,7 +34,7 @@
     .ds-summary-list__key,
     .ds-summary-list__value,
     .ds-summary-list__actions {
-      @apply sm:border-0 pb-2;
+      @apply border-0 pb-0 sm:pb-2;
     }
   }
 }

package/src/components/table.css

@@ -27,7 +27,7 @@
   @apply md:mb-10 mb-6 text-base-content md:text-lg text-base font-normal antialiased;
   border-spacing: 0;
   &.ds-table--vertical-lines {
-    .ds-table__cell,
+    .ds-table__cell.ds-table__cell--border,
     .ds-table__header {
       @apply border-l border-r border-solid border-base-300 px-4;
     }
@@ -79,12 +79,15 @@
   }
   &.ds-table--stacked-always {
     .ds-table__header,
-    .ds-table__cell {
+    .ds-table__cell.ds-table__cell--border {
       &:last-child {
-        @apply border-b-2;
-        border-bottom-color: rgb(var(--color-base-content-rgb));
+        @apply border-b-2 border-b-base-content;
       }
     }
+    .ds-table__header--numeric,
+    .ds-table__cell--numeric {
+      @apply text-left;
+    }
     .ds-table__head {
       .ds-table__header {
         @apply hidden;
@@ -106,11 +109,15 @@
       }
     }
     .ds-table__header,
-    .ds-table__cell {
+    .ds-table__cell.ds-table__cell--border {
       &:last-child {
-        @apply border-b-2 sm:border-b border-b-base-content sm:border-b-base-300;
+        @apply xsOnly:border-b-2 xsOnly:border-b-base-content;
       }
     }
+    .ds-table__header--numeric,
+    .ds-table__cell--numeric {
+      @apply xsOnly:text-left;
+    }
     .ds-table__head {
       .ds-table__header {
         @apply hidden sm:table-cell;
@@ -132,11 +139,16 @@
       }
     }
     .ds-table__header,
-    .ds-table__cell {
+    .ds-table__cell.ds-table__cell--border {
       &:last-child {
-        @apply border-b-2 md:border-b border-b-base-content md:border-b-base-300;
+        @apply xsOnly:border-b-2 smOnly:border-b-2 
+        xsOnly:border-b-base-content smOnly:border-b-base-content;
       }
     }
+    .ds-table__header--numeric,
+    .ds-table__cell--numeric {
+      @apply smOnly:text-left mdOnly:text-left;
+    }
     .ds-table__head {
       .ds-table__header {
         @apply hidden md:table-cell;
@@ -151,6 +163,16 @@
       content: attr(data-label);
     }
   }
+  &.ds-table--align-top {
+    .ds-table__cell {
+      @apply align-top;
+    }
+  }
+  &.ds-table--align-bottom {
+    .ds-table__cell {
+      @apply align-bottom;
+    }
+  }
   .ds-table__cell {
     .ds-body:last-child {
       @apply mb-0;
@@ -174,7 +196,7 @@
         @apply border-r border-solid border-base-300 px-4 !important;
       }
     }
-    .ds-table__cell {
+    .ds-table__cell.ds-table__cell--border {
       @apply border-r-0 !important;
       &:last-child {
         @apply border-r border-solid border-base-300 px-4 !important;
@@ -212,13 +234,24 @@
     }
   }
 }
-.ds-table__header,
-.ds-table__cell {
+.ds-table__header {
   @apply pr-5 py-2.5 pl-0 border-b border-solid border-base-300 text-left align-middle;
   &:last-child {
     @apply pr-0;
   }
 }
+.ds-table__cell {
+  @apply pr-5 py-2.5 pl-0 text-left align-middle;
+  &:last-child {
+    @apply pr-0;
+  }
+  &.ds-table__cell--border {
+    @apply border-b border-solid border-base-300;
+  }
+  &.ds-table__cell--break-all {
+    @apply break-all;
+  }
+}
 .ds-table__header--numeric,
 .ds-table__cell--numeric {
   @apply text-right;

package/src/components/typography.css

@@ -60,21 +60,6 @@
     @apply opacity-70 text-white print:text-base-content;
   }
 }
-.ds-code {
-  @apply text-sm sm:text-base bg-base-100;
-  &.ds-code--attr {
-    @apply text-info;
-  }
-  &.ds-code--string {
-    @apply text-success;
-  }
-  &.ds-code--keyword {
-    @apply text-warning;
-  }
-  &.ds-code--name {
-    @apply text-tertiary;
-  }
-}
 .ds-\!-font-size-14 {
   @apply text-xs md:text-sm !important;
 }
@@ -194,8 +179,19 @@
   &.ds-link--no-underline {
     @apply no-underline hover:underline;
   }
+  &.ds-link--disabled {
+    @apply cursor-not-allowed !important;
+    color: var(--color-base-content);
+    &:hover {
+      color: var(--color-base-content);
+    }
+  }
   &.ds-link-warning {
+    @apply focus:text-link-active;
     color: var(--color-error-text);
+    &:hover {
+      color: var(--color-error-hover);
+    }
   }
   .ds-heading-xl &,
   .ds-heading-lg &,