@clayui/css 3.119.0 → 3.121.0

package/src/scss/components/_tables.scss

@@ -86,6 +86,24 @@ caption {
 			}
 		}
 	}
+
+	&.table-hover {
+		tbody tr:nth-of-type(#{$table-striped-order}):hover {
+			&:not(.table-active):not(.table-disabled):not(.table-divider) {
+				&,
+				td,
+				th {
+					background-color: map-deep-get(
+						$c-table-hover,
+						tbody,
+						tr,
+						hover,
+						background-color
+					);
+				}
+			}
+		}
+	}
 }
 
 // Table Hover
@@ -240,6 +258,18 @@ td.table-focus {
 				}
 			}
 		}
+
+		&.table-hover {
+			tbody tr:nth-of-type(#{$table-striped-order}):hover {
+				&:not(.table-active):not(.table-disabled):not(.table-divider) {
+					&,
+					td,
+					th {
+						background-color: $table-dark-hover-bg;
+					}
+				}
+			}
+		}
 	}
 
 	&.table-hover {
@@ -319,6 +349,24 @@ td.table-focus {
 			}
 		}
 	}
+
+	&.table-hover {
+		tbody tr:nth-of-type(#{$table-striped-order}):hover {
+			&:not(.table-active):not(.table-disabled):not(.table-divider) {
+				&,
+				th,
+				td {
+					background-color: map-deep-get(
+						$c-table-list-table-hover,
+						tbody,
+						tr,
+						hover,
+						background-color
+					);
+				}
+			}
+		}
+	}
 }
 
 // Table List Hover
@@ -564,6 +612,21 @@ td.table-focus {
 			background-color: $table-quick-action-menu-accent-active-bg;
 		}
 	}
+
+	&.table-hover {
+		tbody tr:nth-of-type(#{$table-striped-order}):hover {
+			.quick-action-menu {
+				background-color: map-deep-get(
+					$c-table-hover,
+					tbody,
+					tr,
+					hover,
+					quick-action-menu,
+					background-color
+				);
+			}
+		}
+	}
 }
 
 .table-list.table-striped {
@@ -578,6 +641,21 @@ td.table-focus {
 			background-color: $table-list-quick-action-menu-accent-active-bg;
 		}
 	}
+
+	&.table-hover {
+		tbody tr:nth-of-type(#{$table-striped-order}):hover {
+			.quick-action-menu {
+				background-color: map-deep-get(
+					$c-table-list-table-hover,
+					tbody,
+					tr,
+					hover,
+					quick-action-menu,
+					background-color
+				);
+			}
+		}
+	}
 }
 
 // Table Column Utilities

package/src/scss/mixins/_globals.scss

@@ -19,6 +19,7 @@
 			'-webkit-overflow-scrolling',
 			'-webkit-tap-highlight-color',
 			'-webkit-text-size-adjust',
+			'accent-color',
 			'align-content',
 			'align-items',
 			'align-self',
@@ -31,6 +32,8 @@
 			'animation-name',
 			'animation-play-state',
 			'animation-timing-function',
+			'aspect-ratio',
+			'backdrop-filter',
 			'backface-visibility',
 			'background',
 			'background-attachment',
@@ -76,13 +79,19 @@
 			'border-top-width',
 			'border-width',
 			'bottom',
+			'box-decoration-break',
 			'box-shadow',
 			'box-sizing',
 			'caption-side',
+			'caret-color',
 			'clear',
 			'clip',
 			'-webkit-clip-path',
 			'clip-path',
+			'contain',
+			'container',
+			'container-name',
+			'container-type',
 			'color',
 			'column-count',
 			'column-fill',
@@ -113,11 +122,13 @@
 			'float',
 			'font',
 			'font-family',
+			'font-feature-settings',
 			'font-kerning',
 			'font-size',
 			'font-stretch',
 			'font-style',
 			'font-variant',
+			'font-variant-numeric',
 			'font-weight',
 			'gap',
 			'grid',
@@ -139,6 +150,9 @@
 			'grid-template-columns',
 			'grid-template-rows',
 			'height',
+			'hyphens',
+			'inset',
+			'isolation',
 			'justify-content',
 			'left',
 			'letter-spacing',
@@ -174,6 +188,7 @@
 			'max-width',
 			'min-height',
 			'min-width',
+			'mix-blend-mode',
 			'object-fit',
 			'object-position',
 			'opacity',
@@ -186,6 +201,9 @@
 			'overflow',
 			'overflow-x',
 			'overflow-y',
+			'overscroll-behavior',
+			'overscroll-behavior-x',
+			'overscroll-behavior-y',
 			'padding',
 			'padding-bottom',
 			'padding-left',
@@ -196,12 +214,28 @@
 			'page-break-inside',
 			'perspective',
 			'perspective-origin',
+			'place-content',
+			'place-items',
+			'place-self',
 			'pointer-events',
 			'position',
 			'resize',
 			'right',
 			'row-gap',
 			'scroll-behavior',
+			'scroll-margin',
+			'scroll-margin-bottom',
+			'scroll-margin-left',
+			'scroll-margin-right',
+			'scroll-margin-top',
+			'scroll-padding',
+			'scroll-padding-bottom',
+			'scroll-padding-left',
+			'scroll-padding-right',
+			'scroll-padding-top',
+			'scroll-snap-align',
+			'scroll-snap-stop',
+			'scroll-snap-type',
 			'scrollbar-width',
 			'table-layout',
 			'text-align',
@@ -356,6 +390,10 @@
 					-moz-user-select: $value;
 					-webkit-user-select: $value;
 					user-select: $value;
+				} @else if ($key == 'aspect-ratio') {
+					@if (type-of($value) != 'map') {
+						aspect-ratio: $value;
+					}
 				} @else if (index($properties, $key)) {
 					#{$key}: #{$value};
 				}

package/src/scss/variables/_dropdowns.scss

@@ -757,7 +757,6 @@ $dropdown-menu-width-shrink: () !default;
 $dropdown-menu-width-shrink: map-deep-merge(
 	(
 		min-width: 0,
-		white-space: nowrap,
 	),
 	$dropdown-menu-width-shrink
 );

package/src/scss/variables/_globals.scss

@@ -78,16 +78,105 @@ $grays: map-merge(
 	$grays
 );
 
+$blue-d4: #004799 !default;
+$blue-d3: #0053b3 !default;
+$blue-d2: #005fcc !default;
+$blue-d1: #006be6 !default;
 $blue: #007bff !default;
+$blue-l1: #338fff !default;
+$blue-l2: #66abff !default;
+$blue-l3: #97c5ff !default;
+$blue-l4: #cce3ff !default;
+
+$indigo-d4: #0017e5 !default;
+$indigo-d3: #001aff !default;
+$indigo-d2: #1a30ff !default;
+$indigo-d1: #3347ff !default;
 $indigo: #6610f2 !default;
+$indigo-l1: #808cff !default;
+$indigo-l2: #99a3ff !default;
+$indigo-l3: #b2baff !default;
+$indigo-l4: #ccd1ff !default;
+
+$purple-d4: #7700cc !default;
+$purple-d3: #8600e6 !default;
+$purple-d2: #9500ff !default;
+$purple-d1: #9f1aff !default;
 $purple: #6f42c1 !default;
+$purple-l1: #bf66ff !default;
+$purple-l2: #ca80ff !default;
+$purple-l3: #d499ff !default;
+$purple-l4: #dfb3ff !default;
+
+$pink-d4: #800048 !default;
+$pink-d3: #990057 !default;
+$pink-d2: #b30065 !default;
+$pink-d1: #cc0074 !default;
 $pink: #e83e8c !default;
+$pink-l1: #ff4db2 !default;
+$pink-l2: #ff80c8 !default;
+$pink-l3: #ff99d3 !default;
+$pink-l4: #ffb3de !default;
+
+$red-d4: #800000 !default;
+$red-d3: #990000 !default;
+$red-d2: #b30000 !default;
+$red-d1: #cc0000 !default;
 $red: #dc3545 !default;
+$red-l1: #ff4d4d !default;
+$red-l2: #ff6666 !default;
+$red-l3: #ff8080 !default;
+$red-l4: #ff9999 !default;
+
+$orange-d4: #662700 !default;
+$orange-d3: #803100 !default;
+$orange-d2: #993b00 !default;
+$orange-d1: #b34400 !default;
 $orange: #fd7e14 !default;
+$orange-l1: #ff6200 !default;
+$orange-l2: #ff8133 !default;
+$orange-l3: #ffa166 !default;
+$orange-l4: #ffc099 !default;
+
+$yellow-d4: #997000 !default;
+$yellow-d3: #b38900 !default;
+$yellow-d2: #cc9600 !default;
+$yellow-d1: #e6a800 !default;
 $yellow: #ffc107 !default;
+$yellow-l1: #ffc933 !default;
+$yellow-l2: #ffd666 !default;
+$yellow-l3: #ffe499 !default;
+$yellow-l4: #fff1cc !default;
+
+$green-d4: #162d06 !default;
+$green-d3: #22430a !default;
+$green-d2: #2e590d !default;
+$green-d1: #397010 !default;
 $green: #28a745 !default;
+$green-l1: #53a117 !default;
+$green-l2: #67c91d !default;
+$green-l3: #81e236 !default;
+$green-l4: #9de963 !default;
+
+$teal-d4: #092a25 !default;
+$teal-d3: #0d3f37 !default;
+$teal-d2: #125449 !default;
+$teal-d1: #16695b !default;
 $teal: #20c997 !default;
+$teal-l1: #24a892 !default;
+$teal-l2: #42d7be !default;
+$teal-l3: #6ce0cc !default;
+$teal-l4: #96e9db !default;
+
+$cyan-d4: #00334d !default;
+$cyan-d3: #004466 !default;
+$cyan-d2: #005580 !default;
+$cyan-d1: #006699 !default;
 $cyan: #17a2b8 !default;
+$cyan-l1: #0099e6 !default;
+$cyan-l2: #33bbff !default;
+$cyan-l3: #66ccff !default;
+$cyan-l4: #99ddff !default;
 
 $colors: () !default;
 $colors: map-merge(