@bloom-housing/ui-components 13.0.2 → 13.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "13.0.2",
+  "version": "13.0.3",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/ui-components",
@@ -53,6 +53,7 @@
     "@storybook/addon-mdx-gfm": "8.6.14",
     "@storybook/addon-styling-webpack": "^2.0.0",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/blocks": "8.6.14",
     "@storybook/components": "8.6.14",
     "@storybook/core-events": "8.6.14",
     "@storybook/node-logger": "8.6.14",
@@ -133,10 +134,10 @@
     "markdown-to-jsx": "7.1.8",
     "nanoid": "^3.1.12",
     "node-polyglot": "^2.4.0",
-    "react": "^19.1.1",
+    "react": "19.2.3",
     "react-accessible-accordion": "5.0.0",
     "react-beautiful-dnd": "^13.1.1",
-    "react-dom": "^19.1.1",
+    "react-dom": "19.2.3",
     "react-dropzone": "^11.3.2",
     "react-focus-lock": "^2.9.4",
     "react-hook-form": "^6.15.5",

package/src/global/tables.scss

@@ -155,6 +155,9 @@ table {
         @apply text-gray-700;
       }
 
+      width: 100%;
+      @apply text-right;
+      @apply pl-2;
       @screen md {
         @apply flex;
         @apply flex-col;
@@ -162,9 +165,6 @@ table {
         @apply text-left;
         @apply w-full;
       }
-      width: 100%;
-      @apply text-right;
-      @apply pl-2;
 
       .stacked-table-cell {
         @apply font-semibold;
@@ -193,10 +193,10 @@ table {
       @apply px-0;
       @apply text-base;
       @apply text-gray-700;
+      @apply py-2;
       @screen md {
         @apply py-3;
       }
-      @apply py-2;
     }
 
     thead {
@@ -208,10 +208,10 @@ table {
       .stacked-table-cell-container {
         @apply text-right;
         @apply pr-0;
+        width: 100%;
         @screen md {
           width: auto;
         }
-        width: 100%;
       }
     }
   }
@@ -238,12 +238,13 @@ table {
       @apply px-0;
       @apply pb-0;
       font-size: var(--bloom-font-size-sm);
+      @apply pt-0;
+      @apply pb-2;
       @screen md {
         padding-top: var(--bloom-s2);
         padding-bottom: var(--bloom-s2);
       }
-      @apply pt-0;
-      @apply pb-2;
+
       letter-spacing: normal;
     }
 
@@ -295,12 +296,12 @@ table {
         @apply py-0;
       }
       .stacked-table-cell {
-        @screen md {
-          @apply text-base;
-        }
         @apply text-xs;
         @apply text-black;
         @apply font-normal;
+        @screen md {
+          @apply text-base;
+        }
       }
       .stacked-table-subtext {
         @apply pl-0;
@@ -318,10 +319,10 @@ table {
     tr {
       td:first-child {
         .stacked-table-cell:first-child {
+          display: none;
           @screen md {
             display: block;
           }
-          display: none;
         }
       }
     }