New: (Fixes liferay#1029) Table Autofit added `.table-cell-expand-sma…

…ll`, `.table-cell-expand-smaller`, and `.table-cell-expand-smallest` to help size columns better

New: (liferay#1020) Table addd options to configure `$table-cell-expand-small-max-width`, `$table-cell-expand-small-width`, `$table-cell-expand-smaller-max-width`, `$table-cell-expand-smaller-width`, `$table-cell-expand-smallest-max-width`, `$table-cell-expand-smallest-width`

packages/clay-css/src/scss/components/_tables.scss

@@ -490,6 +490,24 @@ th {
 	.table-cell-expand {
 		@extend %table-cell-expand;
 	}
+
+	.table-cell-expand-small {
+		max-width: $table-cell-expand-small-max-width;
+		width: $table-cell-expand-small-width;
+		word-wrap: break-word;
+	}
+
+	.table-cell-expand-smaller {
+		max-width: $table-cell-expand-smaller-max-width;
+		width: $table-cell-expand-smaller-width;
+		word-wrap: break-word;
+	}
+
+	.table-cell-expand-smallest {
+		max-width: $table-cell-expand-smallest-max-width;
+		width: $table-cell-expand-smallest-width;
+		word-wrap: break-word;
+	}
 }
 
 .table-nowrap {

packages/clay-css/src/scss/variables/_tables.scss

@@ -48,6 +48,15 @@ $table-quick-action-menu-hover-bg: $table-hover-bg !default;
 
 $table-cell-expand-min-width: 12.5rem !default; // 200px
 
+$table-cell-expand-small-max-width: 12.5rem !default; // 200px
+$table-cell-expand-small-width: 25% !default;
+
+$table-cell-expand-smaller-max-width: 12.5rem !default; // 200px
+$table-cell-expand-smaller-width: 15% !default;
+
+$table-cell-expand-smallest-max-width: 12.5rem !default; // 200px
+$table-cell-expand-smallest-width: 10% !default;
+
 // Table Bordered
 
 $table-bordered-border-width: $table-border-width !default;