@digigov/css 2.0.0-d0adc9fb → 2.0.0-d2ffc726

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,30 @@
     }
   }
 }
-.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__cell--warning {
+   @apply border-l-4 border-l-warning pl-2;
+  }
+  &.ds-table__cell--error {
+   @apply border-l-5 border-l-error pl-2;
+  }
+}
 .ds-table__header--numeric,
 .ds-table__cell--numeric {
   @apply text-right;

package/src/components/typography.common.css

@@ -112,9 +112,7 @@
 
   /* List */
   .util-list {
-    @apply mt-4;
-
-    @apply md:mb-8 mb-4 text-base-content;
+    @apply md:mb-8 mb-4 mt-4 text-base-content;
   }
   .util-list-bullet {
     @apply pl-4;

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,6 +179,20 @@
   &.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 &,
   .ds-heading-md &,

package/src/components/warning-text.common.css

@@ -4,7 +4,7 @@
 
 @layer utilities {
   .util-warning-text {
-    @apply flex pb-0;
+    @apply flex;
   }
   .util-warning-text-text {
     font-size: var(--warning-text-font-size);

package/src/components/warning-text.css

@@ -1,5 +1,7 @@
+@import './warning-text.common.css';
+
 .ds-warning-text {
-  @apply flex py-4 px-0;
+  @apply util-warning-text py-4 px-0;
   font-size: var(--warning-text-font-size);
   &.ds-warning-text--dense,
   .ds-dense & {
@@ -15,9 +17,9 @@
   .ds-warning-text__content {
     @apply flex items-center;
   }
-  .ds-warning-text__assistive {
-    @apply absolute w-px h-px m-0 p-0 border-0 overflow-hidden whitespace-nowrap !important;
-    clip: rect(0 0 0 0) !important;
-    clip-path: inset(50%) !important;
-  }
+}
+.ds-warning-text__assistive {
+  @apply absolute w-px h-px m-0 p-0 border-0 overflow-hidden whitespace-nowrap !important;
+  clip: rect(0 0 0 0) !important;
+  clip-path: inset(50%) !important;
 }

package/src/index.native.css

@@ -22,3 +22,5 @@
 @import './components/loader.native';
 @import './components/stack.native';
 @import './components/chip.native';
+@import './components/skeleton.native';
+@import './components/accordion.native';