liferay-frontend-theme-unstyled 6.0.82 → 6.0.84

package/css/clay/_license-text.scss

@@ -1,5 +1,5 @@
 /**
- * Clay 3.149.2
+ * Clay 3.154.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>

package/css/clay/atlas/variables/_buttons.scss

@@ -71,7 +71,7 @@ $btn-lg: map-deep-merge(
 // Button Sm
 
 $btn-font-size-sm: $font-size-sm !default; // 14px
-$btn-line-height-sm: 1.15 !default;
+$btn-line-height-sm: 1 !default;
 $btn-padding-x-sm: 0.75rem !default; // 12px
 $btn-padding-y-sm: 0.4375rem !default; // 7px
 

package/css/clay/atlas/variables/_custom-forms.scss

@@ -96,10 +96,10 @@ $custom-control-label: map-deep-merge(
 			border-width: $custom-control-indicator-border-width,
 			box-shadow:
 				clay-enable-shadows($custom-control-indicator-box-shadow),
-			top: 0.125rem,
+			top: 0.25rem,
 		),
 		after: (
-			top: -0.125rem,
+			top: $custom-control-indicator-position-top,
 		),
 	),
 	$custom-control-label

package/css/clay/atlas/variables/_menubar.scss

@@ -5,7 +5,7 @@ $menubar-vertical-transparent-md: map-deep-merge(
 	(
 		nav-link: (
 			border-radius: $border-radius,
-			letter-spacing: 0.016rem,
+			letter-spacing: 0.02rem,
 			line-height: 1.25rem,
 			margin-bottom: 0.25rem,
 			transition: #{color 0.15s ease-in-out,
@@ -62,7 +62,7 @@ $menubar-vertical-transparent-md: map-deep-merge(
 				background-color: transparent,
 				box-shadow: none,
 				font-weight: $font-weight-normal,
-				letter-spacing: 0.016rem,
+				letter-spacing: 0.02rem,
 				before: (
 					content: none,
 				),
@@ -140,7 +140,7 @@ $menubar-vertical-transparent-lg: map-deep-merge(
 	(
 		nav-link: (
 			border-radius: $border-radius,
-			letter-spacing: 0.016rem,
+			letter-spacing: 0.02rem,
 			margin-bottom: 0.25rem,
 			transition: #{color 0.15s ease-in-out,
 			background-color 0.15s ease-in-out,
@@ -195,7 +195,7 @@ $menubar-vertical-transparent-lg: map-deep-merge(
 				background-color: transparent,
 				box-shadow: none,
 				font-weight: $font-weight-normal,
-				letter-spacing: 0.016rem,
+				letter-spacing: 0.02rem,
 				before: (
 					content: none,
 				),

package/css/clay/cadmin/components/_button-groups.scss

@@ -148,3 +148,43 @@
 		}
 	}
 }
+
+%clay-btn-group-divider {
+	$_not-first-of-type: map-get(
+		$cadmin-clay-btn-group-divider,
+		'&:not(:first-of-type)'
+	);
+
+	@if ($_not-first-of-type) {
+		&:not(:first-of-type) {
+			@include clay-css($_not-first-of-type);
+		}
+	}
+
+	$_not-last-of-type: map-get(
+		$cadmin-clay-btn-group-divider,
+		'&:not(:last-of-type)'
+	);
+
+	@if ($_not-last-of-type) {
+		&:not(:last-of-type) {
+			@include clay-css($_not-last-of-type);
+		}
+	}
+}
+
+.btn-group {
+	@each $name, $value in $cadmin-btn-group-palette {
+		@if not clay-is-map-unset($value) {
+			$selector: if(
+				starts-with($name, 'btn'),
+				str-insert($name, '.', 1),
+				$name
+			);
+
+			#{$selector} {
+				@include clay-button-variant($value);
+			}
+		}
+	}
+}

package/css/clay/cadmin/components/_input-groups.scss

@@ -209,6 +209,11 @@
 				);
 			}
 		}
+
+		.sticker {
+			margin-left: 12px;
+			margin-right: 8px;
+		}
 	}
 
 	.input-group-inset-icon {

package/css/clay/cadmin/variables/_buttons.scss

@@ -157,7 +157,7 @@ $cadmin-btn-lg: map-deep-merge(
 
 $cadmin-btn-border-radius-sm: $cadmin-border-radius-sm !default;
 $cadmin-btn-font-size-sm: $cadmin-font-size-sm !default; // 14px
-$cadmin-btn-line-height-sm: 1.15 !default;
+$cadmin-btn-line-height-sm: 1 !default;
 $cadmin-btn-padding-x-sm: 12px !default; // 12px
 $cadmin-btn-padding-y-sm: 7px !default; // 7px
 $cadmin-btn-inline-item-font-size-sm: null !default;
@@ -394,6 +394,44 @@ $cadmin-btn-group-spaced: map-merge(
 	$cadmin-btn-group-spaced
 );
 
+$cadmin-clay-btn-group-divider: () !default;
+$cadmin-clay-btn-group-divider: map-deep-merge(
+	(
+		'&:not(:first-of-type)': (
+			border-left-color: $cadmin-white,
+		),
+		'&:not(:last-of-type)': (
+			border-right-color: $cadmin-white,
+		),
+	),
+	$cadmin-clay-btn-group-divider
+);
+
+$cadmin-btn-group-palette: () !default;
+$cadmin-btn-group-palette: map-deep-merge(
+	(
+		'> .btn-primary': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-info': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-success': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-warning': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-danger': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-dark': (
+			extend: '%clay-btn-group-divider',
+		),
+	),
+	$cadmin-btn-group-palette
+);
+
 // Button Toolbar
 
 $cadmin-btn-toolbar-spacer-x: 8px !default; // 8px

package/css/clay/cadmin/variables/_custom-forms.scss

@@ -149,7 +149,7 @@ $cadmin-custom-control-label: map-deep-merge(
 			height: $cadmin-custom-control-indicator-size,
 			left: 0,
 			position: relative,
-			top: 2px,
+			top: 4px,
 			transition: clay-enable-transitions($cadmin-custom-forms-transition),
 			width: $cadmin-custom-control-indicator-size,
 			z-index: 0,
@@ -162,7 +162,7 @@ $cadmin-custom-control-label: map-deep-merge(
 			height: 24px,
 			left: -4px,
 			position: absolute,
-			top: -2px,
+			top: $cadmin-custom-control-indicator-position-top,
 			width: 24px,
 			z-index: 0,
 		),

package/css/clay/cadmin/variables/_forms.scss

@@ -1630,8 +1630,8 @@ $cadmin-input-group-item-focusable: map-deep-merge(
 // Input Group Inset
 
 $cadmin-input-group-inset-item-color: $cadmin-input-group-addon-color !default;
-$cadmin-input-group-inset-item-padding-left: 5px !default;
-$cadmin-input-group-inset-item-padding-right: 5px !default;
+$cadmin-input-group-inset-item-padding-left: 4px !default;
+$cadmin-input-group-inset-item-padding-right: 4px !default;
 
 $cadmin-input-group-inset-item-btn: () !default;
 $cadmin-input-group-inset-item-btn: map-deep-merge(
@@ -1641,8 +1641,8 @@ $cadmin-input-group-inset-item-btn: map-deep-merge(
 		height: 75%,
 		justify-content: center,
 		line-height: 1,
-		margin-left: 3px,
-		margin-right: 3px,
+		margin-left: 4px,
+		margin-right: 4px,
 		padding-bottom: 0,
 		padding-left: 8px,
 		padding-right: 8px,

package/css/clay/cadmin/variables/_globals-z-index.scss

@@ -1,5 +1,5 @@
 $cadmin-zindex-dropdown: 1000 !default;
-$cadmin-zindex-sticky: 1020 !default;
+$cadmin-zindex-sticky: 989 !default;
 $cadmin-zindex-fixed: 1030 !default;
 $cadmin-zindex-modal-backdrop: 1040 !default;
 $cadmin-zindex-modal: 1050 !default;

package/css/clay/cadmin/variables/_menubar.scss

@@ -101,9 +101,11 @@ $cadmin-menubar-primary: map-deep-merge(
 				font-weight: $cadmin-font-weight-semi-bold,
 				text-transform: uppercase,
 				collapse-icon-closed: (
+					font-size: 14px,
 					top: calc(22px - (1em / 2)),
 				),
 				collapse-icon-open: (
+					font-size: 14px,
 					top: calc(22px - (1em / 2)),
 				),
 			),
@@ -184,8 +186,8 @@ $cadmin-menubar-vertical-transparent-md: map-deep-merge(
 		nav-link: (
 			border-radius: $cadmin-border-radius,
 			color: $cadmin-gray-600,
-			letter-spacing: 0.016rem,
-			line-height: 1.25rem,
+			letter-spacing: 0.32px,
+			line-height: 24px,
 			margin-bottom: 4px,
 			transition: #{color 0.15s ease-in-out,
 			background-color 0.15s ease-in-out,
@@ -242,7 +244,7 @@ $cadmin-menubar-vertical-transparent-md: map-deep-merge(
 				box-shadow: none,
 				color: rgba($cadmin-black, 0.3),
 				font-weight: $cadmin-font-weight-normal,
-				letter-spacing: 0.016rem,
+				letter-spacing: 0.32px,
 				before: (
 					content: none,
 				),
@@ -451,7 +453,7 @@ $cadmin-menubar-vertical-transparent-lg: map-deep-merge(
 		nav-link: (
 			border-radius: $cadmin-border-radius,
 			color: $cadmin-gray-600,
-			letter-spacing: 0.016rem,
+			letter-spacing: 0.32px,
 			margin-bottom: 4px,
 			transition: #{color 0.15s ease-in-out,
 			background-color 0.15s ease-in-out,
@@ -506,7 +508,7 @@ $cadmin-menubar-vertical-transparent-lg: map-deep-merge(
 				box-shadow: none,
 				color: rgba($cadmin-black, 0.3),
 				font-weight: $cadmin-font-weight-normal,
-				letter-spacing: 0.016rem,
+				letter-spacing: 0.32px,
 				before: (
 					content: none,
 				),

package/css/clay/components/_button-groups.scss

@@ -28,6 +28,11 @@
 		margin-left: math-sign($btn-border-width);
 	}
 
+	> .btn::after {
+		content: '';
+		display: block;
+	}
+
 	> .btn:not(:last-child):not(.dropdown-toggle),
 	> .btn-group:not(:last-child) > .btn {
 		@include border-right-radius(0);
@@ -206,3 +211,43 @@
 		}
 	}
 }
+
+%clay-btn-group-divider {
+	$_not-first-of-type: map-get(
+		$clay-btn-group-divider,
+		'&:not(:first-of-type)'
+	);
+
+	@if ($_not-first-of-type) {
+		&:not(:first-of-type) {
+			@include clay-css($_not-first-of-type);
+		}
+	}
+
+	$_not-last-of-type: map-get(
+		$clay-btn-group-divider,
+		'&:not(:last-of-type)'
+	);
+
+	@if ($_not-last-of-type) {
+		&:not(:last-of-type) {
+			@include clay-css($_not-last-of-type);
+		}
+	}
+}
+
+.btn-group {
+	@each $name, $value in $btn-group-palette {
+		@if not clay-is-map-unset($value) {
+			$selector: if(
+				starts-with($name, 'btn'),
+				str-insert($name, '.', 1),
+				$name
+			);
+
+			#{$selector} {
+				@include clay-button-variant($value);
+			}
+		}
+	}
+}

package/css/clay/components/_input-groups.scss

@@ -259,6 +259,11 @@
 				@include clay-button-size($input-group-inset-form-file-btn);
 			}
 		}
+
+		.sticker {
+			margin-left: 0.75rem;
+			margin-right: 0.5rem;
+		}
 	}
 
 	.input-group-inset-icon {

package/css/clay/functions/_lx-icons-generated.scss

@@ -192,6 +192,8 @@
 
 	'circle': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><circle class="lexicon-icon-outline" cx="256" cy="256" r="256" fill="#{$color}"/></svg>',
 
+	'click': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M6.894 7.687c-.246-.55.241-1.036.79-.79l7.848 3.516c.59.264.634 1.078.067 1.236l-2.798.775a.536.536 0 0 0-.379.38l-.776 2.797c-.157.567-.972.523-1.236-.066L6.894 7.687ZM2.109 3.101c-.286-.285-.295-.738-.022-1.011.274-.274.727-.264 1.012.021l2.067 2.067c.285.285.295.738.021 1.011-.273.274-.726.264-1.012-.021L2.11 3.1ZM6.652.703a.68.68 0 0 1 .7-.7.753.753 0 0 1 .73.73l.062 2.862a.68.68 0 0 1-.7.7.753.753 0 0 1-.731-.73L6.652.702Zm5.047 1.591c.273-.273.726-.264 1.011.022.286.285.295.738.022 1.011l-1.98 1.98c-.274.274-.727.265-1.012-.02-.285-.286-.295-.739-.022-1.012l1.98-1.98Zm-8.374 10.44c-.273.274-.726.264-1.012-.021-.285-.285-.295-.738-.021-1.012l1.98-1.98c.274-.274.727-.264 1.012.021.285.285.295.738.021 1.012l-1.98 1.98ZM.73 8.085a.753.753 0 0 1-.73-.73.68.68 0 0 1 .7-.7l2.862.06a.753.753 0 0 1 .73.73.68.68 0 0 1-.7.7l-2.861-.06Z" fill="#{$color}"/></svg>',
+
 	'closed-book': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-closed-book-cover" fill="#{$color}" d="M160 64h224v224H160z"/><path class="lexicon-icon-outline lx-closed-book-case" d="M416 0H160c-53 0-96 46.3-96 96v320s0 64 80.2 63.7c.1 0 4.7.3 15.8.3v-32h-16c-64.1-.1-63.9-96.1.2-96H416c17.7-.1 32-15.4 32-32V32c0-16.6-14.3-32-32-32zm-32 288H160V64h224v224zM192 512l48-32 48 32v-96h112c23.1-1.6 19.4-31.7 0-32H143.8c-20.1.3-22.2 31 0 32H192v96zm240-32H320v-32l112 .1c20.9 1.2 21.6 30.6 0 31.9z" fill="#{$color}"/></svg>',
 
 	'cloud': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M413.3 197.4C385.4 45.7 184.4 12 113.6 152.9c-150 21-157.6 283.7 13.9 295.6h278.2c143.1-7.8 137.8-239 7.6-251.1zm-32.7 186.9H140.2c-99.6 0-116.1-177.4 16.6-177.4 30.4-121.8 201.4-103 201.4 33.4 118.6.9 111.2 141.1 22.4 144z" fill="#{$color}"/></svg>',
@@ -234,6 +236,10 @@
 
 	'cut': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M11.893 10.775 9.12 8.007 9.134 8l-1.71-1.707-.008.007-1.068-1.064a3.417 3.417 0 0 0 .515-1.804 3.43 3.43 0 1 0-2.447 3.286L5.709 8.01l-.417.416-.866.866a3.43 3.43 0 1 0 2.433 3.282 3.42 3.42 0 0 0-.511-1.797l.72-.72.345-.344 3.983 3.977a4 4 0 0 0 2.826 1.17h.557a.499.499 0 0 0 .353-.852c-.823-.823-1.976-1.974-3.24-3.234Zm-1.058-4.479L15.145 2a.5.5 0 0 0-.353-.854h-.577a4 4 0 0 0-2.83 1.173L9.12 4.586l1.716 1.71ZM3.427 4.575a1.14 1.14 0 0 0 1.142-1.143 1.142 1.142 0 1 0-1.142 1.143Zm0 6.857c.632 0 1.142.51 1.142 1.143a1.142 1.142 0 1 1-1.142-1.143Z" fill="#{$color}"/></svg>',
 
+	'data-privacy': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" d="M13.345 8.564c1.173 0 2.124.951 2.124 2.124v1.063l-.002.06A.852.852 0 0 1 16 12.6v2.55c0 .468-.382.85-.85.85h-3.716c-.469 0-.744-.382-.744-.85V12.6c0-.392.193-.723.53-.82v-1.091c0-1.174.952-2.125 2.125-2.125Zm-.532 4.779v1.595h1.063v-1.595h-1.063Zm.532-3.717c-.587 0-1.063.476-1.063 1.063v1.061h2.125v-1.062c0-.586-.476-1.062-1.062-1.062Z" clip-rule="evenodd" fill="#{$color}"/><path class="lexicon-icon-outline" fill-rule="evenodd" d="M8 0c4.418 0 8 1.79 8 4s-3.582 4-8 4c-.216 0-.539 0-.75-.009-2.368-.11-4.435-.738-5.75-1.654v1.67c0 .149.07.434.504.825.893.806 2.791 1.535 5.246 1.66.414.021.75.355.75.77a.724.724 0 0 1-.75.733c-2.368-.11-4.435-.738-5.75-1.654v1.672c0 .148.07.433.504.824.893.806 2.792 1.534 5.246 1.66a.78.78 0 0 1 .75.769.724.724 0 0 1-.75.733c-2.51-.117-4.683-.814-5.98-1.82L1 13.953c-.637-.574-1-1.236-1-1.94v-8.01c0-.034.004-.068.006-.103C.112 1.737 3.648 0 8 0Zm0 1.502c-2.027 0-3.788.415-4.986 1.015C1.887 3.08 1.574 3.62 1.513 3.9A.498.498 0 0 0 1.5 4c0 .23.226.842 1.514 1.486C4.212 6.086 5.974 6.5 8 6.5c2.027 0 3.788-.414 4.986-1.014C14.274 4.842 14.5 4.23 14.5 4c0-.23-.226-.842-1.514-1.486C11.788 1.914 10.026 1.5 8 1.5v.002Z" clip-rule="evenodd" fill="#{$color}"/></svg>',
+
+	'database': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" d="M8 .002c4.418 0 8 1.791 8 4v8c0 .703-.363 1.365-1 1.939l-.27.225c-1.424 1.105-3.906 1.836-6.73 1.836-2.824 0-5.306-.731-6.73-1.836L1 13.941c-.637-.574-1-1.236-1-1.939v-8c0-2.209 3.582-4 8-4Zm6.5 10.33c-1.452 1.01-3.822 1.67-6.5 1.67s-5.048-.66-6.5-1.67v1.67c0 .148.07.433.504.824.982.885 3.18 1.676 5.996 1.676 2.816 0 5.014-.791 5.996-1.676.433-.39.504-.676.504-.824v-1.67Zm0-4c-1.452 1.01-3.822 1.67-6.5 1.67s-5.048-.66-6.5-1.67v1.67c0 .148.07.433.504.824.982.885 3.18 1.676 5.996 1.676 2.816 0 5.014-.791 5.996-1.676.433-.39.504-.676.504-.824v-1.67ZM8 1.502c-2.027 0-3.788.415-4.986 1.014C1.726 3.16 1.5 3.772 1.5 4.002c0 .148.07.433.504.824.982.885 3.18 1.676 5.996 1.676 2.816 0 5.014-.791 5.996-1.676.433-.39.504-.676.504-.824 0-.23-.226-.842-1.514-1.486-1.198-.6-2.96-1.014-4.986-1.014Z" clip-rule="evenodd" fill="#{$color}"/></svg>',
+
 	'date-time': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M2 .003a2 2 0 0 0-2 2v2l.001.009v8.018c0 1.107.897 2.003 2 2.003h3.81a5.91 5.91 0 0 1-.72-2.003h-3.09V4.012h10v1.093a5.942 5.942 0 0 1 2 .722V2.003a2 2 0 0 0-2-2H2Z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M11.001 11.027h1.5c.663 0 .666 1.003 0 1.003h-2.5V9.524c0-.656 1-.66 1 0v1.503Z" fill="#{$color}"/><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M6.001 11.027c0 6.59 10 6.685 10 0 0-6.715-10-6.565-10 0Zm2 0c0-4.006 6-4.01 6 0s-6 4.01-6 0Z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M4.001 7.018a1.002 1.002 0 0 0 0-2.006c-.552 0-1 .449-1 1.003 0 .554.448 1.003 1 1.003Z" fill="#{$color}"/></svg>',
 
 	'date': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M4.991 7.001v-1h-2v1h2Zm0 0h1v1.97h-1V7Zm3 6h1v-7h-1v1h-1v1h1v5Zm-4.928-4h1.928v1H3.063v-1Zm1.928 1h1v1.97h-1V10Zm0 3v-1h-2v1h2Z" fill="#{$color}"/><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M2 0a2 2 0 0 0-2 2l.001 11.867c0 1.094.888 2.137 1.981 2.137h9.758a3 3 0 0 0 2.121-.878l1.243-1.243a3 3 0 0 0 .878-2.121V5H16V2a2 2 0 0 0-2-2H2Zm8.982 12.001a1 1 0 0 1 1-1h2v-6H2.001v8.863c0 .04.031.1.062.137h8.92v-2Z" fill="#{$color}"/></svg>',
@@ -792,6 +798,8 @@
 
 	'select': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M8.715 7.002h4.24L10.837 4.88 8.715 7.002Zm0 2h4.24l-2.118 2.122-2.122-2.122Zm-2.411.475c-.068 1.647-2.584.744-3.027.113l-.728.881c.78 1.297 5.109 1.797 5.021-1.09-.075-1.523-1.224-1.949-2.178-2.302-.712-.264-1.316-.488-1.284-1.099-.04-.787 1.263-1.353 2.612-.234 0 0 .438-.556.631-.825C5.986 3.44 3.05 3.627 2.861 6.043 2.826 7.367 3.957 7.85 4.932 8.268c.755.323 1.417.606 1.372 1.21Z" fill="#{$color}"/><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M2.002.002C1 0 .002 1 .002 2.002v12c0 .998.998 2 2 2h12c.998 0 2-1.002 2-2v-12c0-1.002-1.002-2-2-2h-12Zm12 2v12h-12v-12h12Z" fill="#{$color}"/></svg>',
 
+	'semantic-search': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M8.175.088a6.131 6.131 0 0 1 4.144 9.351 6.123 6.123 0 0 1-.625.81l4.009 4.009a1.022 1.022 0 0 1-1.445 1.445l-4.184-4.184c-.054.03-.106.062-.161.09A6.132 6.132 0 0 1 2.09 9.59c-.317-.464-.088-1.076.423-1.312.51-.236 1.107-.002 1.462.435a4.096 4.096 0 0 0 6.627-.372 4.094 4.094 0 0 0-2.436-6.175c-.545-.139-1.007-.583-1.007-1.145 0-.563.46-1.027 1.015-.933Z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M3.691.002c.104 0 .205.035.286.1.08.064.136.153.156.252l.385 1.872a.714.714 0 0 0 .201.367c.103.1.235.17.377.197l1.924.375c.102.02.194.074.26.152a.431.431 0 0 1 0 .556.454.454 0 0 1-.26.151L5.096 4.4a.745.745 0 0 0-.377.196.714.714 0 0 0-.201.368l-.385 1.872a.434.434 0 0 1-.156.253.459.459 0 0 1-.57 0 .439.439 0 0 1-.157-.253l-.384-1.872a.714.714 0 0 0-.202-.368.746.746 0 0 0-.377-.196L.363 4.024a.453.453 0 0 1-.26-.151.433.433 0 0 1 .26-.708l1.924-.375a.746.746 0 0 0 .377-.197.715.715 0 0 0 .202-.367L3.25.354c.02-.1.076-.188.156-.252a.46.46 0 0 1 .285-.1Z" fill="#{$color}"/></svg>',
+
 	'send': '<svg class="lexicon-icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M15.343 9.148c.876-.427.876-1.869 0-2.296L1.488.098C.78-.246 0 .356 0 1.246v3.377c0 .951.736 1.74 1.684 1.806l4.65.326h.638c.592 0 1.073.557 1.073 1.245 0 .688-.48 1.245-1.073 1.245h-.637l-4.65.326A1.81 1.81 0 0 0 0 11.377v3.377c0 .89.781 1.492 1.488 1.148l13.855-6.754Z" fill="#{$color}"/></svg>',
 
 	'seo': '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M111.994 152.002c0-13.276 10.734-24.001 23.999-24.001 13.265 0 23.999 10.725 23.999 24.001v128.001c0 13.275-10.734 24-23.999 24-13.265 0-23.999-10.725-23.999-24V152.002Zm143.993 96.001c0-13.276 10.734-24.001 23.999-24.001 13.265 0 23.999 10.725 23.999 24.001v32c0 13.275-10.734 24-23.999 24-13.265 0-23.999-10.725-23.999-24v-32Z" fill="#{$color}"/><path class="lexicon-icon-outline" clip-rule="evenodd" d="M499.207 455.48 377.713 333.378C523.706 92.276 229.62-102.426 59.529 59.375-105.563 245.277 101.127 519.98 332.915 378.38l121.494 118.8c35.098 38.6 79.996-6.4 44.798-41.7ZM206.221 63.575c191.891 0 198.091 289.003 0 289.003-192.89 0-187.39-289.003 0-289.003Z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M183.991 200.002c0-13.275 10.734-24 23.999-24 13.265 0 23.999 10.725 23.999 24v80.001c0 13.275-10.734 24-23.999 24-13.265 0-23.999-10.725-23.999-24v-80.001Z" fill="#{$color}"/></svg>',
@@ -810,7 +818,7 @@
 
 	'shield-check': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M474.7 54.4c-3.5-5.5-8.6-10-14.6-12.7C395.8 13.6 326.2-.6 256 0 185.8-.6 116.2 13.6 51.9 41.6c-6 2.8-11.1 7.2-14.6 12.7-3.5 5.5-5.4 12-5.3 18.6v170c-.1 55.2 16.6 109.1 47.9 154.6 31.3 45.6 75.7 80.6 127.4 100.7l23.9 9.2c15.9 6.1 33.6 6.1 49.5 0l23.9-9.2c51.7-20 96.2-55.1 127.4-100.7 31.3-45.6 48-99.5 47.9-154.6v-170c.1-6.5-1.7-13-5.2-18.5zM419 170.3 251.7 353.7c-5.1 5.4-12.2 8.6-19.6 8.8h-.8c-7.2 0-14.2-2.7-19.4-7.7l-96.5-92.5c-6.3-6.3-8.6-13.4-8-20.1.7-6.7 4.2-12.6 9.1-17 9.7-8.7 26-11.9 37.7-.2l75.8 72.7 148-162.5c5.8-6.3 12.9-8.9 19.9-8.8 6.9.1 13.4 2.9 18.4 7.2 5 4.3 8.7 10.2 9.6 16.8.9 6.6-1.1 13.6-6.9 19.9z" fill="#{$color}"/></svg>',
 
-	'shopping-cart': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-shopping-cart-basket" d="M93.2 51.2 181 255.9h212.1l24.7-124.2c10.5-43.1 72.1-28.5 60.8 20.2l-31.8 145.3c-4 13.1-16.2 22.7-30.6 22.7H159.9c-13.4 0-24.9-8.2-29.7-19.9L34.3 76.5c-14-36.7 38.9-64.9 58.9-25.3z" fill="#{$color}"/><ellipse class="lexicon-icon-outline lx-shopping-cart-wheel-1" cx="143.9" cy="432" rx="48.1" ry="48" fill="#{$color}"/><ellipse class="lexicon-icon-outline lx-shopping-cart-wheel-2" cx="400.2" cy="432" rx="48.1" ry="48" fill="#{$color}"/></svg>',
+	'shopping-cart': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M6.502 12.002a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z" fill="#{$color}"/><path class="lexicon-icon-outline" fill-rule="evenodd" d="M15.102 3.01c.656.093 1.08.856.825 1.56l-2.067 5.713c-.137.38-.445.645-.802.705l-.156.014H5.62l-.155-.014a1.037 1.037 0 0 1-.735-.549l-.068-.156-2.16-7.281h-1.5a1 1 0 0 1 0-2h2a2 2 0 0 1 2 2h9.967l.133.009ZM6.31 9.002h5.922l1.27-4h-8.5l1.308 4Z" clip-rule="evenodd" fill="#{$color}"/></svg>',
 
 	'shortcut': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-shortcut-border" d="M480 320c-17.673 0-32 14.327-32 32v96H64V64h96c17.673 0 32-14.327 32-32S177.673 0 160 0H64C28.71 0 0 28.71 0 64v384c0 35.29 28.71 64 64 64h384c35.29 0 64-28.71 64-64v-96c0-17.673-14.327-32-32-32z" fill="#{$color}"/><path class="lexicon-icon-outline lx-shortcut-arrow" d="M480 0H320c-17.673 0-32 14.327-32 32s14.327 32 32 32h82.746L265.373 201.373c-12.497 12.497-12.497 32.757 0 45.255C271.621 252.875 279.811 256 288 256s16.379-3.124 22.627-9.373L448 109.254V192c0 17.673 14.327 32 32 32s32-14.327 32-32V32c0-17.673-14.327-32-32-32z" fill="#{$color}"/></svg>',
 
@@ -896,6 +904,8 @@
 
 	'tap-ahead': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="m140.89 95.88 329.42 329.35c29.9 29.67-15.32 74.88-44.99 45.21L95.9 140.88c-.03-.03-.02 179-.02 179 0 41.96-64 41.9-64 0v-256c0-17.59 14.42-32 32-32h256c42.01 0 41.97 64 0 64H140.89z" fill="#{$color}"/></svg>',
 
+	'task-status': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path class="lexicon-icon-outline" d="M14 0c1 0 2 1 2 2v12c0 1-1 2-2 2H2c-1 0-2-1-2-2V7a1 1 0 0 1 2 0v7h12V2h-3a1 1 0 1 1 0-2h3Z" fill="#{$color}"/><path class="lexicon-icon-outline" d="M4 10a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm8 0a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h5ZM4 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm8 0a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h4Zm0-3a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h3ZM6.66.351A1 1 0 0 1 8.184 1.65L4.805 5.613c-.401.47-1.117.5-1.556.066L1.324 3.706A1 1 0 0 1 2.73 2.284l1.207 1.263L6.66.351Z" fill="#{$color}"/></svg>',
+
 	'test': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M459.32 411.64C397.14 291.34 336.37 223.97 336.05 160V64s12.19.03 16 0c41.27-.35 44.48-62.37 0-64h-192c-43.83 2.47-41.63 62.35 0 64h16v96c.58 64.07-66.82 140.17-123.27 251.64-13.43 26.53-6.08 95.77 74.88 100.36h256.78c71.13-2.62 90.99-69.19 74.88-100.36zM380.95 448H130.38c-8.96 0-20.58-10.03-13.44-25.28L144 368.01c80.9 0 110.73-64.09 176.44-64.05 0 0 69.89 113.49 72.34 116.84 10.45 14.31.34 27.2-11.83 27.2z" fill="#{$color}"/></svg>',
 
 	'text-color': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline lx-text-color-line" d="M400.01 512H111.5c-63.75 0-62.9-96.04 0-96.04h288.52c63.12 0 64.82 96.04-.01 96.04z" fill="#{$color}"/><path class="lexicon-icon-outline lx-text-color-a" d="M411.44 327.09 293.88 56.72c-14.96-32.69-59.96-33.17-75.39-.19L99.4 326.63c-15.55 40.37 41.32 62.93 59 25.06l13.53-31.77H338.9l13.42 31.93c17.44 38.49 75.09 14.37 59.12-24.76zM199.2 255.9l56.79-133.32L312 255.9H199.2z" fill="#{$color}"/></svg>',

package/css/clay/variables/_buttons.scss

@@ -386,6 +386,44 @@ $btn-group-spaced: map-merge(
 	$btn-group-spaced
 );
 
+$clay-btn-group-divider: () !default;
+$clay-btn-group-divider: map-deep-merge(
+	(
+		'&:not(:first-of-type)': (
+			border-left-color: $white,
+		),
+		'&:not(:last-of-type)': (
+			border-right-color: $white,
+		),
+	),
+	$clay-btn-group-divider
+);
+
+$btn-group-palette: () !default;
+$btn-group-palette: map-deep-merge(
+	(
+		'> .btn-primary': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-info': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-success': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-warning': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-danger': (
+			extend: '%clay-btn-group-divider',
+		),
+		'> .btn-dark': (
+			extend: '%clay-btn-group-divider',
+		),
+	),
+	$btn-group-palette
+);
+
 // Button Toolbar
 
 $btn-toolbar-spacer-x: 0.5rem !default; // 8px

package/css/clay/variables/_forms.scss

@@ -1628,8 +1628,8 @@ $input-group-item-focusable: map-deep-merge(
 // Input Group Inset
 
 $input-group-inset-item-color: $input-group-addon-color !default;
-$input-group-inset-item-padding-left: 5px !default;
-$input-group-inset-item-padding-right: 5px !default;
+$input-group-inset-item-padding-left: 4px !default;
+$input-group-inset-item-padding-right: 4px !default;
 
 $input-group-inset-item-btn: () !default;
 $input-group-inset-item-btn: map-deep-merge(
@@ -1639,8 +1639,8 @@ $input-group-inset-item-btn: map-deep-merge(
 		height: 75%,
 		justify-content: center,
 		line-height: 1,
-		margin-left: 0.1875rem,
-		margin-right: 0.1875rem,
+		margin-left: 0.25rem,
+		margin-right: 0.25rem,
 		padding-bottom: 0,
 		padding-left: 0.5rem,
 		padding-right: 0.5rem,

package/css/clay/variables/_globals-z-index.scss

@@ -1,5 +1,5 @@
 $zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
+$zindex-sticky: 989 !default;
 $zindex-fixed: 1030 !default;
 $zindex-modal-backdrop: 1040 !default;
 $zindex-modal: 1050 !default;

package/css/clay/variables/_menubar.scss

@@ -101,9 +101,11 @@ $menubar-primary: map-deep-merge(
 				font-weight: $font-weight-semi-bold,
 				text-transform: uppercase,
 				collapse-icon-closed: (
+					font-size: 0.875rem,
 					top: calc(22px - (1em / 2)),
 				),
 				collapse-icon-open: (
+					font-size: 0.875rem,
 					top: calc(22px - (1em / 2)),
 				),
 			),

package/images/clay/click.svg

@@ -0,0 +1,9 @@
+<!--
+* SPDX-FileCopyrightText: © 2025 Liferay, Inc. <https://liferay.com>
+* SPDX-FileCopyrightText: © 2025 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
+*
+* SPDX-License-Identifier: BSD-3-Clause
+-->
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+	<path class="lexicon-icon-outline" d="M6.894 7.687c-.246-.55.241-1.036.79-.79l7.848 3.516c.59.264.634 1.078.067 1.236l-2.798.775a.536.536 0 0 0-.379.38l-.776 2.797c-.157.567-.972.523-1.236-.066L6.894 7.687ZM2.109 3.101c-.286-.285-.295-.738-.022-1.011.274-.274.727-.264 1.012.021l2.067 2.067c.285.285.295.738.021 1.011-.273.274-.726.264-1.012-.021L2.11 3.1ZM6.652.703a.68.68 0 0 1 .7-.7.753.753 0 0 1 .73.73l.062 2.862a.68.68 0 0 1-.7.7.753.753 0 0 1-.731-.73L6.652.702Zm5.047 1.591c.273-.273.726-.264 1.011.022.286.285.295.738.022 1.011l-1.98 1.98c-.274.274-.727.265-1.012-.02-.285-.286-.295-.739-.022-1.012l1.98-1.98Zm-8.374 10.44c-.273.274-.726.264-1.012-.021-.285-.285-.295-.738-.021-1.012l1.98-1.98c.274-.274.727-.264 1.012.021.285.285.295.738.021 1.012l-1.98 1.98ZM.73 8.085a.753.753 0 0 1-.73-.73.68.68 0 0 1 .7-.7l2.862.06a.753.753 0 0 1 .73.73.68.68 0 0 1-.7.7l-2.861-.06Z"/>
+</svg>

package/images/clay/data-privacy.svg

@@ -0,0 +1,10 @@
+<!--
+* SPDX-FileCopyrightText: © 2025 Liferay, Inc. <https://liferay.com>
+* SPDX-FileCopyrightText: © 2025 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
+*
+* SPDX-License-Identifier: BSD-3-Clause
+-->
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+	<path class="lexicon-icon-outline" fill-rule="evenodd" d="M13.345 8.564c1.173 0 2.124.951 2.124 2.124v1.063l-.002.06A.852.852 0 0 1 16 12.6v2.55c0 .468-.382.85-.85.85h-3.716c-.469 0-.744-.382-.744-.85V12.6c0-.392.193-.723.53-.82v-1.091c0-1.174.952-2.125 2.125-2.125Zm-.532 4.779v1.595h1.063v-1.595h-1.063Zm.532-3.717c-.587 0-1.063.476-1.063 1.063v1.061h2.125v-1.062c0-.586-.476-1.062-1.062-1.062Z" clip-rule="evenodd"/>
+	<path class="lexicon-icon-outline" fill-rule="evenodd" d="M8 0c4.418 0 8 1.79 8 4s-3.582 4-8 4c-.216 0-.539 0-.75-.009-2.368-.11-4.435-.738-5.75-1.654v1.67c0 .149.07.434.504.825.893.806 2.791 1.535 5.246 1.66.414.021.75.355.75.77a.724.724 0 0 1-.75.733c-2.368-.11-4.435-.738-5.75-1.654v1.672c0 .148.07.433.504.824.893.806 2.792 1.534 5.246 1.66a.78.78 0 0 1 .75.769.724.724 0 0 1-.75.733c-2.51-.117-4.683-.814-5.98-1.82L1 13.953c-.637-.574-1-1.236-1-1.94v-8.01c0-.034.004-.068.006-.103C.112 1.737 3.648 0 8 0Zm0 1.502c-2.027 0-3.788.415-4.986 1.015C1.887 3.08 1.574 3.62 1.513 3.9A.498.498 0 0 0 1.5 4c0 .23.226.842 1.514 1.486C4.212 6.086 5.974 6.5 8 6.5c2.027 0 3.788-.414 4.986-1.014C14.274 4.842 14.5 4.23 14.5 4c0-.23-.226-.842-1.514-1.486C11.788 1.914 10.026 1.5 8 1.5v.002Z" clip-rule="evenodd"/>
+</svg>

package/images/clay/database.svg

@@ -0,0 +1,9 @@
+<!--
+* SPDX-FileCopyrightText: © 2025 Liferay, Inc. <https://liferay.com>
+* SPDX-FileCopyrightText: © 2025 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
+*
+* SPDX-License-Identifier: BSD-3-Clause
+-->
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+	<path class="lexicon-icon-outline" fill-rule="evenodd" d="M8 .002c4.418 0 8 1.791 8 4v8c0 .703-.363 1.365-1 1.939l-.27.225c-1.424 1.105-3.906 1.836-6.73 1.836-2.824 0-5.306-.731-6.73-1.836L1 13.941c-.637-.574-1-1.236-1-1.939v-8c0-2.209 3.582-4 8-4Zm6.5 10.33c-1.452 1.01-3.822 1.67-6.5 1.67s-5.048-.66-6.5-1.67v1.67c0 .148.07.433.504.824.982.885 3.18 1.676 5.996 1.676 2.816 0 5.014-.791 5.996-1.676.433-.39.504-.676.504-.824v-1.67Zm0-4c-1.452 1.01-3.822 1.67-6.5 1.67s-5.048-.66-6.5-1.67v1.67c0 .148.07.433.504.824.982.885 3.18 1.676 5.996 1.676 2.816 0 5.014-.791 5.996-1.676.433-.39.504-.676.504-.824v-1.67ZM8 1.502c-2.027 0-3.788.415-4.986 1.014C1.726 3.16 1.5 3.772 1.5 4.002c0 .148.07.433.504.824.982.885 3.18 1.676 5.996 1.676 2.816 0 5.014-.791 5.996-1.676.433-.39.504-.676.504-.824 0-.23-.226-.842-1.514-1.486-1.198-.6-2.96-1.014-4.986-1.014Z" clip-rule="evenodd"/>
+</svg>