@digigov/css 1.0.0-079f34f3d → 1.0.0-266e80f3

package/src/components/masthead.css

@@ -0,0 +1,78 @@
+.govgr-masthead {
+  @apply print:border-2 print:bg-white print:border-tertiary-300 print:text-base-content;
+}
+.govgr-masthead--primary {
+  @apply bg-tertiary text-white;
+  .govgr-masthead__body {
+    @apply text-white;
+  }
+}
+.govgr-masthead--secondary {
+  @apply border-b border-base-400 !important;
+  @apply bg-base-200;
+  .govgr-masthead__body {
+    @apply text-base-content;
+  }
+}
+.govgr-masthead__body {
+  @apply md:mb-10 mb-6 md:text-lg text-base leading-7 print:text-base-content;
+}
+.govgr-masthead__logo {
+  @apply md:mb-6 mb-4 h-10;
+}
+
+/* overrides */
+
+.govgr-masthead {
+  .govgr-main > *:last-child {
+    @apply mb-0;
+  }
+  .govgr-header__content {
+    @apply flex-wrap;
+  }
+}
+.govgr-masthead--primary {
+  .govgr-body {
+    @apply text-white;
+  }
+  .govgr-link {
+    @apply text-white hover:text-white focus:text-base-content print:text-base-content;
+    &:hover {
+      text-decoration-thickness: 2px;
+    }
+  }
+  .govgr-link--no-underline {
+    @apply no-underline hover:underline;
+    &:hover {
+      text-decoration-thickness: 2px;
+    }
+  }
+  .govgr-back-link {
+    @apply text-white print:text-base-content;
+  }
+  .govgr-phase-banner__text {
+    @apply text-white print:text-base-content;
+  }
+}
+.govgr-masthead--primary,
+.govgr-background-dark {
+  .govgr-btn {
+    @apply border-white hover:border-white border-2 shadow-none;
+    &:focus {
+      -webkit-box-shadow: 0 0 0 4px var(--color-base-content), 0 0 0 8px var(--color-focus);
+      box-shadow: 0 0 0 4px var(--color-base-content), 0 0 0 8px var(--color-focus);
+    }
+  }
+  .govgr-btn-primary {
+    @apply print:border-0 print:border-b-2 print:border-success print:text-base-content print:bg-white print:shadow-none;
+  }
+  .govgr-btn-secondary {
+    @apply print:border-0 print:border-b-2 print:border-base-500 print:text-base-content print:bg-white print:shadow-none;
+  }
+  .govgr-btn-warning {
+    @apply print:border-0 print:border-b-2  print:border-error print:text-base-content print:bg-white print:shadow-none;
+  }
+  .govgr-hint {
+    @apply opacity-70 text-white print:text-base-content;
+  }
+}

package/src/components/misc.css

@@ -1,35 +1,3 @@
-.govgr-blockquote {
-  @apply lg:mb-8 mb-4 mt-8 md:mb-8 p-4 border-l-8 border-base-500;
-}
-
-.govgr-warning-text {
-  @apply p-4;
-}
-.govgr-warning-text {
-  font-size: var(--warning-text-font-size);
-  @apply flex pt-4 pb-4 pl-0 pr-0;
-  .govgr-warning-text__icon {
-    @apply text-base-content-invert font-bold bg-base-content text-3xl leading-10 text-center 
-    rounded-3xl md:min-h-10 min-w-10 h-fit mr-6 mt-1
-    print:bg-white print:border-2 print:border-base-content print:text-base-content;
-  }
-  .govgr-warning-text__text {
-    @apply flex items-center;
-  }
-  .govgr-warning-text__assistive {
-    position: absolute !important;
-    width: 1px !important;
-    height: 1px !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    overflow: hidden !important;
-    clip: rect(0 0 0 0) !important;
-    -webkit-clip-path: inset(50%) !important;
-    clip-path: inset(50%) !important;
-    border: 0 !important;
-    white-space: nowrap !important;
-  }
-}
 .tooltip {
   @apply inline-block relative m-0 p-0 underline w-min cursor-pointer;
   text-decoration-style: dotted;
@@ -52,15 +20,23 @@
     }
   }
 }
-.govgr-visually-hidden {
-  @apply absolute m-0 p-0 overflow-hidden border-0 whitespace-nowrap !important;
-  width: 1px !important;
-  height: 1px !important;
-  clip: rect(0 0 0 0) !important;
-  -webkit-clip-path: inset(50%) !important;
-  clip-path: inset(50%) !important;
-}
-
 .govgr-cookie-banner {
   @apply bg-base-200;
 }
+
+/* overrides */
+
+div[class*="govgr-grid__col-span"] {
+  >.govgr-card {
+    @apply mb-0;
+  }
+}
+.govgr-image-logo {
+  @apply h-10;
+}
+.govgr-image-logo--light {
+  @apply h-10;
+}
+.govgr-image-logo--dark {
+  @apply h-10 hidden;
+}

package/src/components/modal.css

@@ -21,6 +21,11 @@
 }
 .govgr-modal__action {
   @apply flex flex-wrap items-center gap-4;
+}
+
+/* overrides */
+
+.govgr-modal__action {
   .govgr-link,
   .govgr-btn {
     @apply mb-0;

package/src/components/nav.css

@@ -61,9 +61,6 @@
 }
 .govgr-nav-menu--horizontal {
   @apply sm:order-2 sm:left-0 sm:right-0 sm:relative sm:mt-3 sm:bg-base-100;
-  .govgr-main-wrapper {
-    @apply gap-y-2;
-  }
   .govgr-nav-menu__content-list {
     @apply sm:grid-rows-1 sm:grid-cols-3;
   }
@@ -99,12 +96,12 @@
     @apply mb-2 md:mb-0;
   }
 }
-.govgr-nav__list,
-.govgr-main-wrapper {
+/* .govgr-nav__list,
+.govgr-grid {
   .govgr-drawer__heading {
     @apply flex-row-reverse;
   }
-}
+} */
 .govgr-nav__list-item-link,
 .govgr-nav__list-item-btn {
   > .govgr-svg-icon {
@@ -117,3 +114,8 @@
     fill: var(--color-base-content) !important;
   }
 }
+.govgr-nav-menu--horizontal {
+  .govgr-grid {
+    @apply gap-y-2;
+  }
+}

package/src/components/pagination.css

@@ -3,31 +3,16 @@
   .govgr-pagination__label {
     @apply md:text-lg text-base;
   }
-  .govgr-label {
-    @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: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--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,
+  .govgr-pagination__item--current {
+    @apply md:text-base text-sm;
   }
- }
+}
 .govgr-pagination__label {
   @apply text-base-content md:leading-normal;
 }
@@ -35,9 +20,6 @@
   @apply flex items-center;
 }
 .govgr-pagination__item {
-  .govgr-link{
-    @apply flex items-center no-underline;
-  }
   @apply inline-block p-2 m-0;
   &:first-child {
     @apply pl-0;
@@ -50,9 +32,41 @@
 .govgr-pagination__item--dots {
   @apply font-bold;
 }
+
+/* overrides */
+
+.govgr-pagination {
+  .govgr-label {
+    @apply text-base-content md:leading-normal flex-row items-center gap-2 md:text-lg text-base;
+  }
+  .govgr-select {
+    text-indent: 0px;
+    @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--sm {
+  .govgr-label,
+  .govgr-select {
+    @apply md:text-base text-sm;
+  }
+  .govgr-pagination__list {
+    .govgr-link {
+      @apply md:text-base text-sm !important;
+    }
+  }
+}
+.govgr-pagination__item {
+  .govgr-link {
+    @apply flex items-center no-underline;
+  }
+}
 .govgr-pagination__item--inactive {
   .govgr-link {
     pointer-events: none;
     @apply text-base-800;
   }
-}
+}

package/src/components/phase-banner.css

@@ -8,11 +8,6 @@
 .govgr-phase-banner {
   @apply py-2 mb-4;
 }
-.govgr-header__section {
-  .govgr-phase-banner {
-    @apply mb-0;
-  }
-}
 .govgr-phase-banner--underline {
   @apply border-base-500 border-b;
 }
@@ -27,9 +22,3 @@
 .govgr-phase-banner__text {
   @apply table-cell text-base-content;
 }
-.govgr-header,
-.govgr-masthead--primary {
-  .govgr-phase-banner__text {
-    @apply text-white print:text-base-content;
-  }
-}

package/src/components/radios.css

@@ -5,9 +5,6 @@
 }
 .govgr-radios--horizontal {
   @apply inline-flex flex-wrap items-baseline gap-4 md:gap-6;
-  .govgr-choice-divider-text {
-    @apply min-w-max mx-2;
-  }
 }
 .govgr-radios__item {
   @apply block relative mb-4 pl-12;
@@ -18,7 +15,7 @@
   @apply inline-block py-1 px-2 cursor-pointer;
 }
 .govgr-radios__input {
-  @apply absolute z-1 left-0.5 -top-1 m-0 rounded-3xl
+  @apply absolute z-1 left-0.5 -top-1 m-0
   w-10 h-10 opacity-100 cursor-pointer
   bg-base-100;
   appearance: none;
@@ -26,17 +23,10 @@
   height: 40px;
   border: 2px solid currentColor;
   border-radius: 50%;
-  &::before {
-    content: "";
-    @apply absolute bg-base-100 opacity-0 w-0 h-0;
-    top: 6px;
-    left: 6px;
-    border: 12px solid currentColor;
-    border-radius: 50%;
-  }
   &:checked {
-    &::before {
-      @apply opacity-100;
+    box-shadow: inset 0 0 0px 6px var(--color-base-100), inset 0 0 0 20px var(--color-base-content);
+    &:focus {
+      box-shadow: 0 0 0 4px var(--color-focus), inset 0 0 0px 4px var(--color-base-100), inset 0 0 0 20px var(--color-base-content);
     }
   }
   &:focus {
@@ -44,12 +34,16 @@
     outline-offset: 1px;
     box-shadow: 0 0 0 4px var(--color-focus);
     border-width: 4px;
-    &::before {
-      top: 4px;
-      left: 4px;
-    }
   }
 }
 .govgr-radios__conditional {
     @apply border-l-4 border-base-500 ml-4 pl-6;
 }
+
+/* overrides */
+
+.govgr-radios--horizontal {
+  .govgr-choice-divider-text {
+    @apply min-w-max mx-2;
+  }
+}

package/src/components/stepnav.css

@@ -1,8 +1,5 @@
 .govgr-step-nav {
   @apply mb-8 md:mb-12;
-  .govgr-link {
-    @apply md:text-base text-sm;
-  }
 }
 .govgr-step-nav__controls {
   @apply text-right;
@@ -62,9 +59,6 @@
 
 .govgr-step-nav__accordion__summary {
   @apply list-none w-fit mb-0 py-4 pr-8 cursor-pointer;
-  .govgr-hint {
-    @apply mb-0 mt-1;
-  }
   &::-webkit-details-marker {
     @apply hidden;
   }
@@ -147,3 +141,16 @@
     @apply mb-0;
   }
 }
+
+/* overrides */
+
+.govgr-step-nav {
+  .govgr-link {
+    @apply md:text-base text-sm;
+  }
+}
+.govgr-step-nav__accordion__summary {
+  .govgr-hint {
+    @apply mb-0 mt-1;
+  }
+}

package/src/components/summary-list.css

@@ -2,15 +2,6 @@
   font-size: var(--summary-list-font-size);
   @apply m-0 mb-6 sm:mb-8 w-full
   sm:table sm:w-full sm:table-fixed;
-  .govgr-btn {
-    @apply m-0 inline-flex;
-  }
-  .govgr-dropdown__content {
-    @apply mt-2;
-  }
-  .govgr-btn-group {
-    @apply mb-0 text-right sm:justify-end gap-y-2;
-  }
 }
 .govgr-summary-list--no-border {
   .govgr-summary-list__key,
@@ -41,12 +32,6 @@
 }
 .govgr-summary-list__value {
   @apply sm:w-6/12;
-  .govgr-link {
-    @apply pl-4;
-  }
-  .govgr-btn {
-    @apply ml-4;
-  }
 }
 .govgr-summary-list__actions {
   @apply sm:w-3/12 sm:pr-0 sm:text-right;
@@ -76,3 +61,25 @@
   @apply m-0 
   sm:table-cell sm:py-2 sm:pr-4 sm:border-b sm:border-solid sm:border-base-300;
 }
+
+/* overrides */
+
+.govgr-summary-list {
+  .govgr-dropdown__content {
+    @apply mt-2;
+  }
+  .govgr-btn {
+    @apply m-0 inline-flex;
+  }
+  .govgr-btn-group {
+    @apply mb-0 text-right sm:justify-end gap-y-2;
+  }
+}
+.govgr-summary-list__value {
+  .govgr-btn {
+    @apply ml-4;
+  }
+  .govgr-link {
+    @apply pl-4;
+  }
+}

package/src/components/svg-icons.css

@@ -44,65 +44,6 @@
 .govgr-svg-icon--xl {
   @apply h-10 w-10 !important;
 }
-.govgr-btn-primary,
-.govgr-btn-warning {
-  .govgr-svg-icon {
-    fill: var(--color-white);
-  }
-  .govgr-svg-icon--more-vert {
-    @apply h-6 w-6 md:h-8 md:w-8;
-  }
-}
-.govgr-btn-secondary {
-  .govgr-svg-icon {
-    fill: var(--color-base-content);
-  }
-  .govgr-svg-icon--more-vert {
-    @apply h-6 w-6;
-  }
-}
-@media print {
-  .govgr-btn-primary,
-  .govgr-btn-warning,
-  .govgr-btn-secondary {
-    .govgr-svg-icon {
-      fill: var(--color-base-content);
-    }
-  }
-}
-.govgr-link {
-  .govgr-svg-icon {
-    fill: var(--color-link);
-  }
-  &:hover {
-    .govgr-svg-icon {
-      fill: var(--color-link-hover);
-    }
-  }
-  &:focus {
-    .govgr-svg-icon {
-      fill: var(--color-link-active);
-    }
-  }
-}
-.govgr-header,
-.govgr-admin-header {
-  .govgr-link {
-    .govgr-svg-icon {
-      fill: var(--color-white);
-    }
-    &:hover {
-      .govgr-svg-icon {
-        fill: var(--color-white);
-      }
-    }
-    &:focus {
-      .govgr-svg-icon {
-        fill: var(--color-link-active);
-      }
-    }
-  }
-}
 .govgr-svg-icon--burger {
   fill: var(--color-base-content);
   /* @apply w-8 h-8 float-right cursor-pointer transition-all  */

package/src/components/table.css

@@ -26,12 +26,6 @@
   @apply w-full border-collapse table;
   @apply md:mb-10 mb-6 text-base-content md:text-lg text-base font-normal antialiased;
   border-spacing: 0;
-  .govgr-dropdown__content {
-    @apply mt-0;
-  }
-  .govgr-dropdown__button {
-    @apply mb-0;
-  }
 }
 .govgr-table-sort__icons-container {
   @apply flex flex-col;
@@ -76,14 +70,6 @@
     @apply pl-2;
   }
 }
-.govgr-table__cell {
-  .govgr-btn {
-    @apply mb-0;
-  }
-  .govgr-btn-group {
-    @apply mb-0;
-  }
-}
 .govgr-table--dark,
 .govgr-table--zebra {
   .govgr-table__header,
@@ -235,29 +221,6 @@
 .govgr-table__row {
   @apply bg-base-100;
 }
-.govgr-table__header {
-  .govgr-dropdown__button:not(:focus) {
-    @apply no-underline font-bold text-base-content !important;
-  }
-  .govgr-dropdown__button--underline:not(:focus) {
-    @apply underline !important;
-    text-decoration-thickness: 2px !important;
-  }
-  .govgr-dropdown__content {
-    @apply py-0;
-  }
-  .govgr-nav__list-item-link, .govgr-nav__list-item-btn {
-    @apply flex no-underline;
-  }
-}
-.govgr-table__cell {
-  .govgr-btn {
-    @apply mb-0;
-  }
-  .govgr-btn-group {
-    @apply mb-0;
-  }
-}
 .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;
@@ -297,3 +260,37 @@
     backdrop-filter: blur(0.6px);
   }
 }
+
+/* overrides */
+
+.govgr-table {
+  .govgr-dropdown__content {
+    @apply mt-0;
+  }
+  .govgr-dropdown__button {
+    @apply mb-0;
+  }
+}
+.govgr-table__cell {
+  .govgr-btn {
+    @apply mb-0;
+  }
+  .govgr-btn-group {
+    @apply mb-0;
+  }
+}
+.govgr-table__header {
+  .govgr-dropdown__content {
+    @apply py-0;
+  }
+  .govgr-dropdown__button:not(:focus) {
+    @apply no-underline font-bold text-base-content !important;
+  }
+  .govgr-dropdown__button--underline:not(:focus) {
+    @apply underline !important;
+    text-decoration-thickness: 2px !important;
+  }
+  .govgr-nav__list-item-link, .govgr-nav__list-item-btn {
+    @apply flex no-underline;
+  }
+}

package/src/components/task-list.css

@@ -15,14 +15,32 @@
 }
 .govgr-task-list__content {
   @apply mb-4;
+}
+.govgr-task-list__content__tag {
+  @apply px-2 py-1 mr-2 inline-block font-sans text-sm uppercase tracking-widest print:border-2 print:bg-white print:mr-4;
+}
+.govgr-task-list__content__tag--info {
+  @apply bg-info text-white print:border-info-hover print:text-info-hover;
+}
+.govgr-task-list__content__tag--primary {
+  @apply bg-secondary text-base-content print:border-info print:text-info;
+}
+.govgr-task-list__content__tag--secondary {
+  @apply bg-base-300 print:border-base-800 print:text-base-800;
+}
+
+/* overrides */
+
+.govgr-task-list__content {
   .govgr-body {
     @apply mb-2 md:mb-3;
   }
   .govgr-summary-list__row:first-child {
-    & > dt {
+    & > .govgr-summary-list__key {
       @apply border-t-2 border-base-400;
     }
-    & > dd {
+    & > .govgr-summary-list__value,
+    & > .govgr-summary-list__actions {
       @apply sm:border-t-2 sm:border-base-400;
     }
   }
@@ -30,15 +48,3 @@
     @apply font-normal sm:mb-0 mb-2 pt-2;
   }
 }
-.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--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--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--secondary {
-  @apply bg-base-300 print:border-2 print:bg-white print:border-base-800 print:text-base-800 print:mr-4;
-}

package/src/components/timeline.css

@@ -31,13 +31,20 @@
 }
 .govgr-timeline__content {
   @apply mb-4;
+}
+.govgr-timeline__actions {
+  @apply flex flex-wrap items-center gap-4 mb-6;
+}
+
+/* overrides */
+
+.govgr-timeline__content {
   .govgr-hint,
   .govgr-body {
     @apply mb-2 md:mb-3;
   }
 }
 .govgr-timeline__actions {
-  @apply flex flex-wrap items-center gap-4 mb-6;
   .govgr-btn,
   .govgr-link {
     @apply mb-0;