@revikornmann/muka-ui 0.21.0 → 0.22.0

package/dist/cjs/components/ChatMessage/ChatMessage.css

@@ -63,12 +63,10 @@
    */
   width: fit-content;
   /*
-   * Stops short of the far edge at every width: the fixed cap once the
-   * conversation column reaches its own cap, the ratio below that, where the
-   * column runs full-bleed. Without that gap a long `own` bubble spans the
-   * column and reads no differently from a `peer` one.
+   * Ceiling from design (Figma 5355:44091). Below it, wrapping text fills the
+   * row; above it the fixed cap leaves room for own/peer alignment.
    */
-  max-width: min(var(--chatbubble-max-width), var(--chatbubble-max-width-ratio));
+  max-width: var(--chatbubble-max-width);
   position: relative;
   display: flex;
   flex-direction: column;

package/dist/cjs/components/DataTable/DataTable.css

@@ -75,6 +75,11 @@
   transition: background-color 0.15s ease;
 }
 
+/* Last body row: no bottom border (matches Table; avoids a double line at the table edge). */
+.muka-data-table__body .muka-data-table__row:last-child {
+  border-bottom: none;
+}
+
 .muka-data-table__row:not(.muka-data-table__row--empty):not(.muka-data-table__row--selected):hover {
   background-color: var(--datatable-row-hover-background);
 }

package/dist/esm/components/ChatMessage/ChatMessage.css

@@ -63,12 +63,10 @@
    */
   width: fit-content;
   /*
-   * Stops short of the far edge at every width: the fixed cap once the
-   * conversation column reaches its own cap, the ratio below that, where the
-   * column runs full-bleed. Without that gap a long `own` bubble spans the
-   * column and reads no differently from a `peer` one.
+   * Ceiling from design (Figma 5355:44091). Below it, wrapping text fills the
+   * row; above it the fixed cap leaves room for own/peer alignment.
    */
-  max-width: min(var(--chatbubble-max-width), var(--chatbubble-max-width-ratio));
+  max-width: var(--chatbubble-max-width);
   position: relative;
   display: flex;
   flex-direction: column;

package/dist/esm/components/DataTable/DataTable.css

@@ -75,6 +75,11 @@
   transition: background-color 0.15s ease;
 }
 
+/* Last body row: no bottom border (matches Table; avoids a double line at the table edge). */
+.muka-data-table__body .muka-data-table__row:last-child {
+  border-bottom: none;
+}
+
 .muka-data-table__row:not(.muka-data-table__row--empty):not(.muka-data-table__row--selected):hover {
   background-color: var(--datatable-row-hover-background);
 }

package/dist/styles/components/ChatMessage.css

@@ -63,12 +63,10 @@
    */
   width: fit-content;
   /*
-   * Stops short of the far edge at every width: the fixed cap once the
-   * conversation column reaches its own cap, the ratio below that, where the
-   * column runs full-bleed. Without that gap a long `own` bubble spans the
-   * column and reads no differently from a `peer` one.
+   * Ceiling from design (Figma 5355:44091). Below it, wrapping text fills the
+   * row; above it the fixed cap leaves room for own/peer alignment.
    */
-  max-width: min(var(--chatbubble-max-width), var(--chatbubble-max-width-ratio));
+  max-width: var(--chatbubble-max-width);
   position: relative;
   display: flex;
   flex-direction: column;

package/dist/styles/components/DataTable.css

@@ -75,6 +75,11 @@
   transition: background-color 0.15s ease;
 }
 
+/* Last body row: no bottom border (matches Table; avoids a double line at the table edge). */
+.muka-data-table__body .muka-data-table__row:last-child {
+  border-bottom: none;
+}
+
 .muka-data-table__row:not(.muka-data-table__row--empty):not(.muka-data-table__row--selected):hover {
   background-color: var(--datatable-row-hover-background);
 }