@digigov/css 1.2.1-496927f3 → 2.0.0-a7ffb5dc

package/src/components/pagination.css

@@ -1,25 +1,25 @@
-.govgr-pagination {
+.ds-pagination {
   @apply flex flex-wrap items-center justify-items-center justify-between;
-  .govgr-pagination__label {
+  .ds-pagination__label {
     @apply md:text-lg text-base;
   }
-  .govgr-pagination__item--current {
+  .ds-pagination__item--current {
     @apply md:text-lg text-base;
   }
 }
-.govgr-pagination--sm {
-  .govgr-pagination__label,
-  .govgr-pagination__item--current {
+.ds-pagination--sm {
+  .ds-pagination__label,
+  .ds-pagination__item--current {
     @apply md:text-base text-sm;
   }
 }
-.govgr-pagination__label {
+.ds-pagination__label {
   @apply text-base-content md:leading-normal;
 }
-.govgr-pagination__list {
+.ds-pagination__list {
   @apply flex items-center;
 }
-.govgr-pagination__item {
+.ds-pagination__item {
   @apply inline-block p-2 m-0;
   &:first-child {
     @apply pl-0;
@@ -28,18 +28,18 @@
     @apply pr-0;
   }
 }
-.govgr-pagination__item--current,
-.govgr-pagination__item--dots {
+.ds-pagination__item--current,
+.ds-pagination__item--dots {
   @apply font-bold;
 }
 
 /* overrides */
 
-.govgr-pagination {
-  .govgr-label {
+.ds-pagination {
+  .ds-label {
     @apply text-base-content md:leading-normal flex-row items-center gap-2 md:text-lg text-base;
   }
-  .govgr-select {
+  .ds-select {
     text-indent: 0px;
     @apply flex text-base-content md:leading-normal border md:text-lg text-base;
     &:focus {
@@ -48,27 +48,27 @@
     }
   }
 }
-.govgr-pagination--sm {
-  .govgr-label,
-  .govgr-select {
+.ds-pagination--sm {
+  .ds-label,
+  .ds-select {
     @apply md:text-base text-sm;
   }
-  .govgr-pagination__list {
-    .govgr-link {
+  .ds-pagination__list {
+    .ds-link {
       @apply md:text-base text-sm !important;
     }
   }
 }
-.govgr-pagination__item {
-  .govgr-link {
+.ds-pagination__item {
+  .ds-link {
     @apply flex items-center no-underline;
   }
 }
-.govgr-pagination__item--inactive {
-  .govgr-link {
+.ds-pagination__item--inactive {
+  .ds-link {
     pointer-events: none;
     @apply text-base-800;
-    .govgr-svg-icon {
+    .ds-svg-icon {
       fill: var(--color-base-800);
     }
   }

package/src/components/panel.css

@@ -1,12 +1,12 @@
-.govgr-panel {
+.ds-panel {
   @apply box-border mb-4 p-8 border-5 border-transparent text-center
   print:p-4 text-white
   print:border-4 print:text-base-content print:bg-white;
 }
-.govgr-panel--success {
+.ds-panel--success {
   @apply bg-success print:border-success;
 }
-.govgr-panel__title {
+.ds-panel__title {
   @apply mx-auto mt-0;
   font-size: var(--panel__title-font-size);
   line-height:var(--panel__title-line-height);
@@ -14,7 +14,7 @@
   font-weight: var(--panel__title-font-weight);
   letter-spacing: var(--panel__title-letter-spacing);
 }
-.govgr-panel__body {
+.ds-panel__body {
   @apply break-words;
   font-size: var(--panel__body-font-size);
   line-height:var(--panel__body-line-height);

package/src/components/phase-banner.css

@@ -1,24 +1,24 @@
-.govgr-phase-banner__header {
+.ds-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 {
+  .ds-phase-banner {
     @apply mb-0;
   }
 }
-.govgr-phase-banner {
+.ds-phase-banner {
   @apply py-2 mb-4;
 }
-.govgr-phase-banner--underline {
+.ds-phase-banner--underline {
   @apply border-base-500 border-b;
 }
-.govgr-phase-banner__content {
+.ds-phase-banner__content {
   font-size: var(--phase-banner__content-font-size);
   @apply table;
 }
-.govgr-phase-banner__tag {
+.ds-phase-banner__tag {
   @apply px-2 py-1 mr-2 inline-block bg-info font-sans text-white text-sm uppercase tracking-widest
   print:bg-white print:border-2 print:border-info print:text-info print:mr-4;
 }
-.govgr-phase-banner__text {
+.ds-phase-banner__text {
   @apply table-cell text-base-content;
 }

package/src/components/radios.css

@@ -1,9 +1,9 @@
-.govgr-radios {
-  &.govgr-radios--dense, govgr-dense & {
-    .govgr-radios__item {
+.ds-radios {
+  &.ds-radios--dense, ds-dense & {
+    .ds-radios__item {
       @apply mb-2 pl-9 min-h-8;
     }
-    .govgr-radios__input {
+    .ds-radios__input {
       @apply left-0.5 top-0 w-8 h-8;
       &:focus {
         border-width: 3px;
@@ -11,22 +11,22 @@
     }
   }
 }
-.govgr-radios__item {
+.ds-radios__item {
   @apply block relative mb-4 pl-12;
   min-height: 40px;
 }
-.govgr-radios--horizontal {
+.ds-radios--horizontal {
   @apply inline-flex flex-wrap items-baseline gap-4 md:gap-6;
 }
-.govgr-radios__item {
+.ds-radios__item {
   @apply block relative mb-4 pl-12;
   min-height: 40px;
 }
-.govgr-radios__label {
+.ds-radios__label {
   font-size: var(--radios__label-font-size);
   @apply inline-block py-1 px-2 cursor-pointer;
 }
-.govgr-radios__input {
+.ds-radios__input {
   @apply absolute z-1 left-0.5 -top-1 m-0
   w-10 h-10 opacity-100 cursor-pointer
   bg-base-100;
@@ -48,20 +48,20 @@
     border-width: 4px;
   }
 }
-.govgr-radios__conditional {
+.ds-radios__conditional {
     @apply border-l-4 border-base-500 ml-4 pl-6;
 }
 
 /* overrides */
 
-.govgr-radios--horizontal {
-  .govgr-choice-divider-text {
+.ds-radios--horizontal {
+  .ds-choice-divider-text {
     @apply min-w-max mx-2;
   }
 }
-.govgr-radios {
-  &.govgr-radios--dense, .govgr-dense & {
-    .govgr-field {
+.ds-radios {
+  &.ds-radios--dense, .ds-dense & {
+    .ds-field {
       @apply mb-4 md:mb-6;
     }
   }

package/src/components/skiplink.css

@@ -1,4 +1,4 @@
-.govgr-skip-link {
+.ds-skip-link {
   @apply absolute w-px h-px underline overflow-hidden top-auto;
   &:focus {
     @apply z-0 overflow-auto bg-focus static py-2 px-4 top-auto left-auto w-auto h-auto;

package/src/components/stack.css

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

package/src/components/stepnav.css

@@ -1,24 +1,24 @@
-.govgr-step-nav {
+.ds-step-nav {
   @apply mb-8 md:mb-12;
-&.govgr-step-nav--dense, .govgr-dense & {
+&.ds-step-nav--dense, .ds-dense & {
     @apply mb-4 md:mb-8;
-    .govgr-step-nav__circle {
+    .ds-step-nav__circle {
       margin-left: 0.1rem;
       @apply md:w-8 md:h-8;
     }
-    .govgr-step-nav__accordion__summary {
+    .ds-step-nav__accordion__summary {
       @apply py-3;
     }
   }
 }
-.govgr-step-nav__controls {
+.ds-step-nav__controls {
   @apply text-right;
   padding: 3px 3px 3px 0;
 }
-.govgr-step-nav__steps {
+.ds-step-nav__steps {
   @apply p-0 m-0;
 }
-.govgr-step-nav__step {
+.ds-step-nav__step {
   @apply relative list-none pl-11 md:pl-14;
   &:last-child:after {
     height: calc(100% - 2rem);
@@ -35,58 +35,58 @@
   }
 }
 @media (min-width: 768px) {
-  .govgr-step-nav__step {
+  .ds-step-nav__step {
     &::after {
       margin-left: calc(1rem + 1px);
     }
   }
 }
-.govgr-step-nav__accordion {
+.ds-step-nav__accordion {
   @apply border-base-400;
   &:first-child {
     @apply border-t-2;
   }
-  .govgr-step-nav__accordion__opened {
+  .ds-step-nav__accordion__opened {
     visibility: hidden;
     display: none;
   }
-  .govgr-step-nav__accordion__closed {
+  .ds-step-nav__accordion__closed {
     visibility: visible;
     display: block;
   }
 }
-.govgr-step-nav__accordion[open] {
+.ds-step-nav__accordion[open] {
 
-  .govgr-step-nav__accordion__opened {
+  .ds-step-nav__accordion__opened {
     visibility: visible;
     display: block;
   }
-  .govgr-step-nav__accordion__closed {
+  .ds-step-nav__accordion__closed {
     visibility: hidden;
     display: none;
   }
 }
 
-.govgr-step-nav__accordion__summary {
+.ds-step-nav__accordion__summary {
   @apply list-none w-fit mb-0 py-4 pr-8 cursor-pointer;
   &::-webkit-details-marker {
     @apply hidden;
   }
   &:hover {
     @apply text-link-hover;
-    .govgr-step-nav__accordion__opened,
-    .govgr-step-nav__accordion__closed {
+    .ds-step-nav__accordion__opened,
+    .ds-step-nav__accordion__closed {
       @apply underline;
       text-decoration-thickness: 2px;
     }
   }
   &:focus {
-    .govgr-step-nav__accordion__heading__title {
+    .ds-step-nav__accordion__heading__title {
       @apply bg-focus text-base-content;
       box-shadow: 0 -2px var(--color-focus), 0 4px var(--color-base-content);
     }
-    .govgr-step-nav__accordion__opened,
-    .govgr-step-nav__accordion__closed {
+    .ds-step-nav__accordion__opened,
+    .ds-step-nav__accordion__closed {
       @apply no-underline text-base-content;
     }
   }
@@ -97,55 +97,55 @@
     @apply outline-none;
   }
 }
-.govgr-step-nav__accordion__heading__title {
+.ds-step-nav__accordion__heading__title {
   @apply flex flex-col;
 }
-.govgr-step-nav__accordion__heading__text {
+.ds-step-nav__accordion__heading__text {
   @apply no-underline text-xl font-semibold mb-0;
 }
-.govgr-step-nav__accordion__closed,
-.govgr-step-nav__accordion__opened {
+.ds-step-nav__accordion__closed,
+.ds-step-nav__accordion__opened {
   @apply text-link no-underline;
 }
-.govgr-step-nav__accordion__heading {
-  .govgr-step-nav__accordion__heading__text {
+.ds-step-nav__accordion__heading {
+  .ds-step-nav__accordion__heading__text {
     @apply md:text-2xl text-xl;
   }
-  .govgr-step-nav__accordion__closed,
-  .govgr-step-nav__accordion__opened {
+  .ds-step-nav__accordion__closed,
+  .ds-step-nav__accordion__opened {
     @apply md:text-sm text-xs;
   }
 }
-.govgr-step-nav__accordion__heading--md {
-  .govgr-step-nav__accordion__heading__text {
+.ds-step-nav__accordion__heading--md {
+  .ds-step-nav__accordion__heading__text {
     @apply md:text-xl text-lg;
   }
 }
-.govgr-step-nav__accordion__heading--sm {
-  .govgr-step-nav__accordion__heading__text {
+.ds-step-nav__accordion__heading--sm {
+  .ds-step-nav__accordion__heading__text {
     @apply md:text-lg text-base;
   }
 }
-.govgr-step-nav__circle {
+.ds-step-nav__circle {
   @apply absolute box-border z-1 bg-white rounded-full text-center
   left-0 w-7 h-7;
   @apply md:w-9 md:h-9;
 }
-.govgr-step-nav__circle--number {
+.ds-step-nav__circle--number {
   @apply border-2 border-base-400 text-base font-bold;
   @apply md:text-lg md:leading-7 md:border-3;
 }
-.govgr-step-nav__circle--number__no-border {
+.ds-step-nav__circle--number__no-border {
   @apply md:border-0 border-0;
 }
-.govgr-step-nav__circle-inner {
+.ds-step-nav__circle-inner {
   @apply float-right min-w-full;
 }
-.govgr-step-nav__circle-background {
+.ds-step-nav__circle-background {
   text-shadow: 0 -0.1em 0 var(--color-white), 0.1em 0 0 var(--color-white),
     0 0.1em 0 var(--color-white), -0.1em 0 0 var(--color-white);
 }
-.govgr-nav-step__accordion__content {
+.ds-nav-step__accordion__content {
   @apply md:pt-2 mb-6 pt-1 mx-0;
   > *:last-child {
     @apply mb-0;
@@ -154,13 +154,13 @@
 
 /* overrides */
 
-.govgr-step-nav {
-  .govgr-link {
+.ds-step-nav {
+  .ds-link {
     @apply md:text-base text-sm;
   }
 }
-.govgr-step-nav__accordion__summary {
-  .govgr-hint {
+.ds-step-nav__accordion__summary {
+  .ds-hint {
     @apply mb-0 mt-1;
   }
 }

package/src/components/summary-list.css

@@ -1,85 +1,85 @@
-.govgr-summary-list {
+.ds-summary-list {
   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-summary-list--no-border {
-  .govgr-summary-list__key,
-  .govgr-summary-list__value,
-  .govgr-summary-list__actions {
+.ds-summary-list--no-border {
+  .ds-summary-list__key,
+  .ds-summary-list__value,
+  .ds-summary-list__actions {
     @apply sm:border-0 pb-2;
   }
 }
-.govgr-summary-list__row {
+.ds-summary-list__row {
   @apply block sm:flex
   pb-4 mb-4 border-b border-solid border-base-300
   sm:pb-0 sm:mb-0 sm:border-0 print:flex print:flex-row print:flex-nowrap;
 }
-.govgr-summary-list__row--no-border {
-  .govgr-summary-list__key,
-  .govgr-summary-list__value,
-  .govgr-summary-list__actions {
+.ds-summary-list__row--no-border {
+  .ds-summary-list__key,
+  .ds-summary-list__value,
+  .ds-summary-list__actions {
     @apply sm:border-0 pb-2;
   }
 }
-.govgr-summary-list__key {
+.ds-summary-list__key {
   @apply font-bold mb-1 sm:w-3/12;
 }
 @media print {
-  .govgr-summary-list__key {
+  .ds-summary-list__key {
     flex: 100%;
   }
 }
-.govgr-summary-list__value {
+.ds-summary-list__value {
   @apply sm:w-6/12;
 }
-.govgr-summary-list__actions {
+.ds-summary-list__actions {
   @apply sm:w-3/12 sm:pr-0 sm:text-right;
 }
 /* When "actions" are right after "key" */
-.govgr-summary-list__key + .govgr-summary-list__actions {
+.ds-summary-list__key + .ds-summary-list__actions {
   @apply sm:w-9/12;
 }
 /* When "value" is 1st or 2nd among 2 children */
-.govgr-summary-list__value:nth-child(2):nth-last-child(1),
-.govgr-summary-list__value:nth-child(1):nth-last-child(2) {
+.ds-summary-list__value:nth-child(2):nth-last-child(1),
+.ds-summary-list__value:nth-child(1):nth-last-child(2) {
   @apply sm:w-9/12;
 }
 /* When there is only one child */
-.govgr-summary-list__key:only-child,
-.govgr-summary-list__value:only-child,
-.govgr-summary-list__actions:only-child {
+.ds-summary-list__key:only-child,
+.ds-summary-list__value:only-child,
+.ds-summary-list__actions:only-child {
   @apply sm:w-full sm:text-left;
 }
-.govgr-summary-list__key,
-.govgr-summary-list__value {
+.ds-summary-list__key,
+.ds-summary-list__value {
   @apply break-words;
 }
-.govgr-summary-list__key,
-.govgr-summary-list__value,
-.govgr-summary-list__actions {
+.ds-summary-list__key,
+.ds-summary-list__value,
+.ds-summary-list__actions {
   @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 {
+.ds-summary-list {
+  .ds-dropdown__content {
     @apply mt-2;
   }
-  .govgr-btn {
+  .ds-btn {
     @apply m-0 inline-flex;
   }
-  .govgr-btn-group {
+  .ds-btn-group {
     @apply mb-0 text-right sm:justify-end gap-y-2;
   }
 }
-.govgr-summary-list__value {
-  .govgr-btn {
+.ds-summary-list__value {
+  .ds-btn {
     @apply ml-4;
   }
-  .govgr-link {
+  .ds-link {
     @apply pl-4;
   }
 }