@digigov/css 1.2.1-2702533a → 1.3.0-01ea6f24

package/src/components/svg-icons.css

@@ -1,84 +1,81 @@
-.govgr-svg-icon {
+.ds-svg-icon {
   @apply h-4 w-4 inline transition-transform;
   fill: var(--color-base-content);
 }
-.govgr-svg-icon--dark {
+.ds-svg-icon--dark {
   fill: var(--color-base-content) !important;
 }
-.govgr-svg-icon--light {
+.ds-svg-icon--light {
   fill: var(--color-white) !important;
 }
-.govgr-svg-icon--gray {
+.ds-svg-icon--gray {
   fill: var(--color-base-400) !important;
 }
-.govgr-svg-icon--primary {
+.ds-svg-icon--primary {
   fill: var(--color-primary) !important;
 }
-.govgr-svg-icon--success {
+.ds-svg-icon--success {
   fill: var(--color-success) !important;
 }
-.govgr-svg-icon--warning {
+.ds-svg-icon--warning {
   fill: var(--color-warning) !important;
 }
-.govgr-svg-icon--error {
+.ds-svg-icon--error {
   fill: var(--color-error) !important;
 }
-.govgr-svg-icon--focus {
+.ds-svg-icon--focus {
   fill: var(--color-focus) !important;
 }
-.govgr-svg-icon--link {
+.ds-svg-icon--link {
   fill: var(--color-link) !important;
 }
-.govgr-svg-icon--info {
-  fill: var(--color-info) !important;
-}
-.govgr-svg-icon--xs {
+.ds-svg-icon--xs {
   @apply h-3 w-3 !important;
 }
-.govgr-svg-icon--sm {
+.ds-svg-icon--sm {
   @apply h-4 w-4 !important;
 }
-.govgr-svg-icon--md {
+.ds-svg-icon--md {
   @apply h-6 w-6 !important;
 }
-.govgr-svg-icon--lg {
+.ds-svg-icon--lg {
   @apply h-8 w-8 !important;
 }
-.govgr-svg-icon--xl {
+.ds-svg-icon--xl {
   @apply h-10 w-10 !important;
 }
-.govgr-svg-icon--burger {
+.ds-svg-icon--burger {
   fill: var(--color-base-content);
   @apply transition-transform focus:bg-focus;
   @apply cursor-pointer;
-  #govgr-svg-icon--burger__line-1,
-  #govgr-svg-icon--burger__line-2,
-  #govgr-svg-icon--burger__line-3 {
+  #ds-svg-icon--burger__line-1,
+  #ds-svg-icon--burger__line-2,
+  #ds-svg-icon--burger__line-3 {
     @apply transition-transform;
   }
-  #govgr-svg-icon--burger__line-1 {
+  #ds-svg-icon--burger__line-1 {
     x: 2px;
     y: 3px;
   }
-  #govgr-svg-icon--burger__line-2 {
+  #ds-svg-icon--burger__line-2 {
     x: 2px;
     y: 10.3px;
   }
-  #govgr-svg-icon--burger__line-3 {
+  #ds-svg-icon--burger__line-3 {
     @apply origin-top-left;
     x: 2px;
     y: 17.7px;
   }
 }
-.govgr-svg-icon--burger--active {
-  #govgr-svg-icon--burger__line-1 {
+.ds-svg-icon--burger--active {
+  #ds-svg-icon--burger__line-1 {
     transform: rotate(45deg);
     transform-origin: 3px 8px;
   }
-  #govgr-svg-icon--burger__line-2 {
+  #ds-svg-icon--burger__line-2 {
     @apply w-0 origin-center;
   }
-  #govgr-svg-icon--burger__line-3 {
+  #ds-svg-icon--burger__line-3 {
     transform: rotate(-45deg);
     transform-origin: 3px 16px;
   }

package/src/components/table.css

@@ -1,59 +1,59 @@
-.govgr-table__caption {
+.ds-table__caption {
   @apply table-caption text-left font-bold;
 }
-.govgr-table__caption--sm {
+.ds-table__caption--sm {
   @apply md:text-2xl text-lg font-bold mx-0 md:mb-6 mb-4 antialiased;
 }
-.govgr-table__caption--md {
+.ds-table__caption--md {
   @apply md:text-3xl text-xl font-bold mx-0 md:mb-8 mb-6 antialiased;
 }
-.govgr-table__caption--lg {
+.ds-table__caption--lg {
   @apply md:text-4xl text-2xl font-bold mx-0 md:mb-9 mb-7 antialiased;
 }
-.govgr-table__caption--xl {
+.ds-table__caption--xl {
   @apply md:text-5xl md:leading-tight text-3xl leading-tight font-bold mx-0 md:mb-10 mb-8 max-w-2xl antialiased;
 }
-.govgr-table-container {
+.ds-table-container {
   @apply w-full overflow-x-auto md:mb-10 mb-6;
-  .govgr-table {
+  .ds-table {
     @apply mb-0;
   }
 }
-.govgr-table-container--border {
+.ds-table-container--border {
   @apply border border-base-300 p-2;
 }
-.govgr-table {
+.ds-table {
   @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-table-sort__icons-container {
+.ds-table-sort__icons-container {
   @apply flex flex-col;
 }
 @supports (-moz-appearance: none) {
-  .govgr-table {
+  .ds-table {
     border-collapse: unset;
   }
 }
-.govgr-table--vertical-lines {
-  .govgr-table__cell,
-  .govgr-table__header {
+.ds-table--vertical-lines {
+  .ds-table__cell,
+  .ds-table__header {
     @apply border-l border-r border-solid border-base-300 px-4;
   }
-  .govgr-table__head {
+  .ds-table__head {
     @apply border-t border-base-300 text-base-content !important;
   }
 }
 @supports (-moz-appearance: none) {
-  .govgr-table--vertical-lines {
-    .govgr-table__header {
+  .ds-table--vertical-lines {
+    .ds-table__header {
       @apply border-t;
       @apply border-r-0 !important;
       &:last-child {
         @apply border-r border-solid border-base-300 px-4 !important;
       }
     }
-    .govgr-table__cell {
+    .ds-table__cell {
       @apply border-r-0 !important;
       &:last-child {
         @apply border-r border-solid border-base-300 px-4 !important;
@@ -61,78 +61,78 @@
     }
   }
 }
-.govgr-table__row {
+.ds-table__row {
   @apply bg-base-100;
 }
-.govgr-table__row--highlight {
+.ds-table__row--highlight {
   @apply border-l-4 border-warning;
-  .govgr-table__cell:first-child {
+  .ds-table__cell:first-child {
     @apply pl-2;
   }
 }
-.govgr-table--dark,
-.govgr-table--zebra {
-  .govgr-table__header,
-  .govgr-table__cell {
+.ds-table--dark,
+.ds-table--zebra {
+  .ds-table__header,
+  .ds-table__cell {
     @apply px-4 !important;
   }
 }
-.govgr-table--vertical-lines.govgr-table--light {
-  .govgr-table__body .govgr-table__header {
+.ds-table--vertical-lines.ds-table--light {
+  .ds-table__body .ds-table__header {
     @apply border-l border-solid border-base-300 !important;
   }
 }
-.govgr-table--vertical-lines.govgr-table--dark {
-  .govgr-table__header {
+.ds-table--vertical-lines.ds-table--dark {
+  .ds-table__header {
     @apply border-0;
     @apply print:border;
   }
 }
-.govgr-table--dark {
-  .govgr-table__header {
+.ds-table--dark {
+  .ds-table__header {
     @apply border-0 bg-primary text-white;
     @apply print:border-b print:bg-white print:text-base-content;
   }
 }
-.govgr-table--zebra {
-  .govgr-table__body {
-    .govgr-table__row:nth-child(even) {
+.ds-table--zebra {
+  .ds-table__body {
+    .ds-table__row:nth-child(even) {
       @apply bg-base-200 print:bg-white;
     }
   }
 }
-.govgr-table--dense {
-  &.govgr-table {
-    .govgr-table__row,
-    .govgr-table__header,
-    .govgr-table__cell {
+.ds-table--dense {
+  &.ds-table {
+    .ds-table__row,
+    .ds-table__header,
+    .ds-table__cell {
       @apply text-sm py-2;
     }
   }
 }
-.govgr-table--stacked-always {
-  .govgr-table__header,
-  .govgr-table__cell {
+.ds-table--stacked-always {
+  .ds-table__header,
+  .ds-table__cell {
     &:last-child {
       @apply border-b-2;
       border-bottom-color: rgb(var(--color-base-content-rgb));
     }
   }
-  .govgr-table__head .govgr-table__header {
+  .ds-table__head .ds-table__header {
     @apply hidden;
   }
-  .govgr-table__body .govgr-table__header,
-  .govgr-table__cell {
+  .ds-table__body .ds-table__header,
+  .ds-table__cell {
     @apply block;
   }
-  .govgr-table__cell[data-label]:before {
+  .ds-table__cell[data-label]:before {
     content: attr(data-label);
     @apply block font-semibold;
   }
 }
-.govgr-table--stacked-sm {
-  .govgr-table__header,
-  .govgr-table__cell {
+.ds-table--stacked-sm {
+  .ds-table__header,
+  .ds-table__cell {
     &:last-child {
       @apply border-b-2 sm:border-b;
       border-bottom-color: rgb(var(--color-base-content-rgb));
@@ -140,121 +140,121 @@
     }
   }
   @media (min-width: 640px) {
-      .govgr-table__header,
-      .govgr-table__cell {
+      .ds-table__header,
+      .ds-table__cell {
         &:last-child {
           border-bottom-color: rgb(var(--color-base-300-rgb));
         }
       }
   }
-  .govgr-table__head .govgr-table__header {
+  .ds-table__head .ds-table__header {
     @apply hidden sm:table-cell;
   }
-  .govgr-table__body .govgr-table__header,
-  .govgr-table__cell {
+  .ds-table__body .ds-table__header,
+  .ds-table__cell {
     @apply block sm:table-cell;
   }
-  .govgr-table__cell[data-label]:before {
+  .ds-table__cell[data-label]:before {
     content: attr(data-label);
     @apply block font-semibold;
   }
   @media (min-width: 640px) {
-    .govgr-table__cell[data-label]:before {
+    .ds-table__cell[data-label]:before {
       content: none;
     }
   }
 }
-.govgr-table--stacked-md {
-  .govgr-table__header,
-  .govgr-table__cell {
+.ds-table--stacked-md {
+  .ds-table__header,
+  .ds-table__cell {
     &:last-child {
       @apply border-b-2 md:border-b;
       border-bottom-color: rgb(var(--color-base-content-rgb));
     }
   }
   @media (min-width: 768px) {
-      .govgr-table__header,
-      .govgr-table__cell {
+      .ds-table__header,
+      .ds-table__cell {
         &:last-child {
           border-bottom-color: rgb(var(--color-base-300-rgb));
         }
       }
   }
-  .govgr-table__head .govgr-table__header {
+  .ds-table__head .ds-table__header {
     @apply hidden md:table-cell;
   }
-  .govgr-table__body .govgr-table__header,
-  .govgr-table__cell {
+  .ds-table__body .ds-table__header,
+  .ds-table__cell {
     @apply block md:table-cell;
   }
-  .govgr-table__cell[data-label]:before {
+  .ds-table__cell[data-label]:before {
     content: attr(data-label);
     @apply block font-semibold;
   }
   @media (min-width: 768px) {
-    .govgr-table__cell[data-label]:before {
+    .ds-table__cell[data-label]:before {
       content: none;
     }
   }
 }
-.govgr-table:not(.govgr-table--zebra) {
-  .govgr-table__row--secondary {
+.ds-table:not(.ds-table--zebra) {
+  .ds-table__row--secondary {
     @apply bg-base-200 print:bg-white;
   }
 }
-.govgr-table__cell--bold {
+.ds-table__cell--bold {
   @apply font-semibold;
 }
-.govgr-table__body {
+.ds-table__body {
   @apply relative;
 }
-.govgr-table__body--vertical-top {
-  .govgr-table__cell {
+.ds-table__body--vertical-top {
+  .ds-table__cell {
     @apply align-top;
   }
 }
-.govgr-table__body--vertical-bottom {
-  .govgr-table__cell {
+.ds-table__body--vertical-bottom {
+  .ds-table__cell {
     @apply align-bottom;
   }
 }
-.govgr-table__row {
+.ds-table__row {
   @apply bg-base-100;
 }
-.govgr-table__header,
-.govgr-table__cell {
+.ds-table__header,
+.ds-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 {
+.ds-table__header--numeric,
+.ds-table__cell--numeric {
   @apply text-right;
 }
-.govgr-table__cell--numeric {
+.ds-table__cell--numeric {
   @apply font-normal;
   font-feature-settings: normal;
   font-variant-numeric: tabular-nums;
 }
-.govgr-table__cell--no-data {
+.ds-table__cell--no-data {
   @apply border-b-0 pt-2.5;
 }
-.govgr-table--dark,
-.govgr-table--zebra {
-  .govgr-table__header,
-  .govgr-table__cell {
+.ds-table--dark,
+.ds-table--zebra {
+  .ds-table__header,
+  .ds-table__cell {
     @apply px-4 !important;
   }
 }
-.govgr-table__loading {
+.ds-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))
 ) {
-  .govgr-table__loading {
+  .ds-table__loading {
     @apply bg-opacity-30;
     -webkit-backdrop-filter: blur(0.6px);
     backdrop-filter: blur(0.6px);
@@ -263,34 +263,34 @@
 
 /* overrides */
 
-.govgr-table {
-  .govgr-dropdown__content {
+.ds-table {
+  .ds-dropdown__content {
     @apply mt-0;
   }
-  .govgr-dropdown__button {
+  .ds-dropdown__button {
     @apply mb-0;
   }
 }
-.govgr-table__cell {
-  .govgr-btn {
+.ds-table__cell {
+  .ds-btn {
     @apply mb-0;
   }
-  .govgr-btn-group {
+  .ds-btn-group {
     @apply mb-0;
   }
 }
-.govgr-table__header {
-  .govgr-dropdown__content {
+.ds-table__header {
+  .ds-dropdown__content {
     @apply py-0;
   }
-  .govgr-dropdown__button:not(:focus) {
+  .ds-dropdown__button:not(:focus) {
     @apply no-underline font-bold text-base-content !important;
   }
-  .govgr-dropdown__button--underline:not(:focus) {
+  .ds-dropdown__button--underline:not(:focus) {
     @apply underline !important;
     text-decoration-thickness: 2px !important;
   }
-  .govgr-nav__list-item-link, .govgr-nav__list-item-btn {
+  .ds-nav__list-item-link, .ds-nav__list-item-btn {
     @apply flex no-underline;
   }
 }

package/src/components/tabs.css

@@ -1,20 +1,20 @@
-.govgr-tabs {
+.ds-tabs {
   scroll-behavior: smooth;
-  .govgr-tabs__title {
+  .ds-tabs__title {
     @apply block md:hidden lg:hidden;
   }
-  .govgr-tabs__list {
+  .ds-tabs__list {
     @apply list-none m-0 p-0;
     &:after {
       content: "";
       display: block;
       clear: both;
     }
-    .govgr-tabs__list-item {
+    .ds-tabs__list-item {
       @apply relative px-4 py-2 m-0 shadow-none cursor-pointer;
       @apply md:float-left md:border md:border-base-300 md:bg-base-300 md:rounded-t-sm md:mr-2;
       @apply print:hidden;
-      &.govgr-tabs__list-item-selected {
+      &.ds-tabs__list-item-selected {
         @apply no-underline md:border-base-400 md:border bg-base-100 md:border-b-0 md:px-5 md:py-4 md:-mt-1;
         margin-bottom: -1px;
         &:hover {
@@ -22,7 +22,7 @@
         }
       }
     }
-    .govgr-tabs__tab {
+    .ds-tabs__tab {
       @apply text-lg no-underline hover:underline focus:underline;
       text-underline-offset: 0.1em;
       &:after {
@@ -39,37 +39,37 @@
       }
     }
   }
-  .govgr-tabs__panel {
+  .ds-tabs__panel {
     @apply bg-base-100 md:hidden block md:px-4 py-4 pt-8 md:border md:border-base-400 mb-0
     print:block print:border-0 print:py-3;
-    &.govgr-tabs__panel--visible {
+    &.ds-tabs__panel--visible {
       @apply block;
     }
   }
-  &.govgr-tabs--dense, .govgr-dense & {
-    .govgr-tabs__list {
-        .govgr-tabs__list-item {
+  &.ds-tabs--dense, .ds-dense & {
+    .ds-tabs__list {
+        .ds-tabs__list-item {
         @apply px-3 py-1;
-        &.govgr-tabs__list-item-selected {
+        &.ds-tabs__list-item-selected {
             @apply md:px-4 md:pb-3 md:pt-2;
         }
         }
     }
-    .govgr-tabs__panel {
+    .ds-tabs__panel {
         @apply pb-2 pt-3;
     }
   }
 }
 
-.govgr-tabs--vertical {
-  .govgr-tabs__panel {
+.ds-tabs--vertical {
+  .ds-tabs__panel {
     @apply min-h-full pt-4 pl-6;
   }
-  .govgr-tabs__list {
-    .govgr-tabs__list-item {
+  .ds-tabs__list {
+    .ds-tabs__list-item {
       @apply w-full rounded-none mb-1 md:bg-base-200 border-base-200;
       width: calc(100% - 0.25rem);
-      &.govgr-tabs__list-item-selected {
+      &.ds-tabs__list-item-selected {
         @apply md:border-b md:border-r-0 mb-1 mt-0 px-4 py-2;
         /* margin-right: -1px; */
         width: calc(100% + 1px);

package/src/components/task-list.css

@@ -1,58 +1,58 @@
-.govgr-task-list {
+.ds-task-list {
   @apply mb-4 pl-6 pb-2;
 }
-.govgr-task-list__item {
+.ds-task-list__item {
   @apply mb-8 md:mb-10;
 }
-.govgr-task-list__heading {
+.ds-task-list__heading {
   @apply md:text-3xl text-2xl font-bold mx-0 md:mb-4 mb-2;
 }
-.govgr-task-list__heading--md {
+.ds-task-list__heading--md {
   @apply md:text-2xl text-xl md:mb-4 mb-2;
 }
-.govgr-task-list__heading--sm {
+.ds-task-list__heading--sm {
   @apply md:text-lg text-base md:mb-3 mb-1;
 }
-.govgr-task-list__content {
+.ds-task-list__content {
   @apply mb-4;
 }
-.govgr-task-list__content__tag {
+.ds-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 {
+.ds-task-list__content__tag--info {
   @apply bg-info text-white print:border-info-hover print:text-info-hover;
 }
-.govgr-task-list__content__tag--primary {
+.ds-task-list__content__tag--primary {
   @apply bg-secondary text-base-content print:border-info print:text-info;
 }
-.govgr-task-list__content__tag--secondary {
+.ds-task-list__content__tag--secondary {
   @apply bg-base-300 print:border-base-800 print:text-base-800;
 }
 
 /* overrides */
 
-.govgr-task-list--dense{
-  .govgr-task-list__item {
+.ds-task-list--dense{
+  .ds-task-list__item {
     @apply mb-4 md:mb-6;
-    .govgr-summary-list{
+    .ds-summary-list{
       @apply mb-4 md:mb-6; 
     }
   }
 }
-.govgr-task-list__content {
-  .govgr-body {
+.ds-task-list__content {
+  .ds-body {
     @apply mb-2 md:mb-3;
   }
-  .govgr-summary-list__row:first-child {
-    & > .govgr-summary-list__key {
+  .ds-summary-list__row:first-child {
+    & > .ds-summary-list__key {
       @apply border-t-2 border-base-400;
     }
-    & > .govgr-summary-list__value,
-    & > .govgr-summary-list__actions {
+    & > .ds-summary-list__value,
+    & > .ds-summary-list__actions {
       @apply sm:border-t-2 sm:border-base-400;
     }
   }
-  .govgr-summary-list__key {
+  .ds-summary-list__key {
     @apply font-normal sm:mb-0 mb-2 pt-2;
   }
 }