aril 0.0.40 → 0.0.41

package/theme/styles/theme/base/components/multimedia/_galleria.scss

@@ -1,155 +1,155 @@
-.p-galleria {
-	.p-galleria-close {
-		margin: $galleriaCloseIconMargin;
-		background: $galleriaCloseIconBg;
-		color: $galleriaCloseIconColor;
-		width: $galleriaCloseIconWidth;
-		height: $galleriaCloseIconHeight;
-		transition: $actionIconTransition;
-		border-radius: $galleriaCloseIconBorderRadius;
-
-		.p-galleria-close-icon {
-			font-size: $galleriaCloseIconFontSize;
-		}
-
-		.p-icon-wrapper {
-			.p-icon {
-				width: $galleriaCloseIconFontSize;
-				height: $galleriaCloseIconFontSize;
-			}
-		}
-
-		&:hover {
-			background: $galleriaCloseIconHoverBg;
-			color: $galleriaCloseIconHoverColor;
-		}
-	}
-
-	.p-galleria-item-nav {
-		background: $galleriaItemNavigatorBg;
-		color: $galleriaItemNavigatorColor;
-		width: $galleriaItemNavigatorWidth;
-		height: $galleriaItemNavigatorHeight;
-		transition: $actionIconTransition;
-		border-radius: $galleriaItemNavigatorBorderRadius;
-		margin: $galleriaItemNavigatorMargin;
-
-		.p-galleria-item-prev-icon,
-		.p-galleria-item-next-icon {
-			font-size: $galleriaItemNavigatorFontSize;
-		}
-
-		.p-icon-wrapper {
-			.p-icon {
-				width: $galleriaCloseIconFontSize;
-				height: $galleriaCloseIconFontSize;
-			}
-		}
-
-		&:not(.p-disabled) {
-			&:hover {
-				background: $galleriaItemNavigatorHoverBg;
-				color: $galleriaItemNavigatorHoverColor;
-			}
-		}
-	}
-
-	.p-galleria-caption {
-		background: $galleriaCaptionBg;
-		color: $galleriaCaptionTextColor;
-		padding: $galleriaCaptionPadding;
-	}
-
-	.p-galleria-indicators {
-		padding: $galleriaIndicatorsPadding;
-
-		.p-galleria-indicator {
-			button {
-				background-color: $galleriaIndicatorBg;
-				width: $galleriaIndicatorWidth;
-				height: $galleriaIndicatorHeight;
-				transition: $actionIconTransition;
-				border-radius: $galleriaIndicatorBorderRadius;
-
-				&:hover {
-					background: $galleriaIndicatorHoverBg;
-				}
-			}
-
-			&.p-highlight {
-				button {
-					background: $highlightBg;
-					color: $highlightTextColor;
-				}
-			}
-		}
-	}
-
-	&.p-galleria-indicators-bottom,
-	&.p-galleria-indicators-top {
-		.p-galleria-indicator {
-			margin-right: $inlineSpacing;
-		}
-	}
-
-	&.p-galleria-indicators-left,
-	&.p-galleria-indicators-right {
-		.p-galleria-indicator {
-			margin-bottom: $inlineSpacing;
-		}
-	}
-
-	&.p-galleria-indicator-onitem {
-		.p-galleria-indicators {
-			background: $galleriaIndicatorsBgOnItem;
-
-			.p-galleria-indicator {
-				button {
-					background: $galleriaIndicatorBgOnItem;
-
-					&:hover {
-						background: $galleriaIndicatorHoverBgOnItem;
-					}
-				}
-
-				&.p-highlight {
-					button {
-						background: $highlightBg;
-						color: $highlightTextColor;
-					}
-				}
-			}
-		}
-	}
-
-	.p-galleria-thumbnail-container {
-		background: $galleriaThumbnailContainerBg;
-		padding: $galleriaThumbnailContainerPadding;
-
-		.p-galleria-thumbnail-prev,
-		.p-galleria-thumbnail-next {
-			margin: $inlineSpacing;
-			background-color: $galleriaThumbnailNavigatorBg;
-			color: $galleriaThumbnailNavigatorColor;
-			width: $galleriaThumbnailNavigatorWidth;
-			height: $galleriaThumbnailNavigatorHeight;
-			transition: $actionIconTransition;
-			border-radius: $galleriaThumbnailNavigatorBorderRadius;
-
-			&:hover {
-				background: $galleriaThumbnailNavigatorHoverBg;
-				color: $galleriaThumbnailNavigatorHoverColor;
-			}
-		}
-
-		.p-galleria-thumbnail-item-content {
-			&:focus-visible {
-				@include focused();
-			}
-		}
-	}
-}
-
-.p-galleria-mask {
-	--maskbg: #{$galleriaMaskBg};
-}
+.p-galleria {
+	.p-galleria-close {
+		margin: $galleriaCloseIconMargin;
+		background: $galleriaCloseIconBg;
+		color: $galleriaCloseIconColor;
+		width: $galleriaCloseIconWidth;
+		height: $galleriaCloseIconHeight;
+		transition: $actionIconTransition;
+		border-radius: $galleriaCloseIconBorderRadius;
+
+		.p-galleria-close-icon {
+			font-size: $galleriaCloseIconFontSize;
+		}
+
+		.p-icon-wrapper {
+			.p-icon {
+				width: $galleriaCloseIconFontSize;
+				height: $galleriaCloseIconFontSize;
+			}
+		}
+
+		&:hover {
+			background: $galleriaCloseIconHoverBg;
+			color: $galleriaCloseIconHoverColor;
+		}
+	}
+
+	.p-galleria-item-nav {
+		background: $galleriaItemNavigatorBg;
+		color: $galleriaItemNavigatorColor;
+		width: $galleriaItemNavigatorWidth;
+		height: $galleriaItemNavigatorHeight;
+		transition: $actionIconTransition;
+		border-radius: $galleriaItemNavigatorBorderRadius;
+		margin: $galleriaItemNavigatorMargin;
+
+		.p-galleria-item-prev-icon,
+		.p-galleria-item-next-icon {
+			font-size: $galleriaItemNavigatorFontSize;
+		}
+
+		.p-icon-wrapper {
+			.p-icon {
+				width: $galleriaCloseIconFontSize;
+				height: $galleriaCloseIconFontSize;
+			}
+		}
+
+		&:not(.p-disabled) {
+			&:hover {
+				background: $galleriaItemNavigatorHoverBg;
+				color: $galleriaItemNavigatorHoverColor;
+			}
+		}
+	}
+
+	.p-galleria-caption {
+		background: $galleriaCaptionBg;
+		color: $galleriaCaptionTextColor;
+		padding: $galleriaCaptionPadding;
+	}
+
+	.p-galleria-indicators {
+		padding: $galleriaIndicatorsPadding;
+
+		.p-galleria-indicator {
+			button {
+				background-color: $galleriaIndicatorBg;
+				width: $galleriaIndicatorWidth;
+				height: $galleriaIndicatorHeight;
+				transition: $actionIconTransition;
+				border-radius: $galleriaIndicatorBorderRadius;
+
+				&:hover {
+					background: $galleriaIndicatorHoverBg;
+				}
+			}
+
+			&.p-highlight {
+				button {
+					background: $highlightBg;
+					color: $highlightTextColor;
+				}
+			}
+		}
+	}
+
+	&.p-galleria-indicators-bottom,
+	&.p-galleria-indicators-top {
+		.p-galleria-indicator {
+			margin-right: $inlineSpacing;
+		}
+	}
+
+	&.p-galleria-indicators-left,
+	&.p-galleria-indicators-right {
+		.p-galleria-indicator {
+			margin-bottom: $inlineSpacing;
+		}
+	}
+
+	&.p-galleria-indicator-onitem {
+		.p-galleria-indicators {
+			background: $galleriaIndicatorsBgOnItem;
+
+			.p-galleria-indicator {
+				button {
+					background: $galleriaIndicatorBgOnItem;
+
+					&:hover {
+						background: $galleriaIndicatorHoverBgOnItem;
+					}
+				}
+
+				&.p-highlight {
+					button {
+						background: $highlightBg;
+						color: $highlightTextColor;
+					}
+				}
+			}
+		}
+	}
+
+	.p-galleria-thumbnail-container {
+		background: $galleriaThumbnailContainerBg;
+		padding: $galleriaThumbnailContainerPadding;
+
+		.p-galleria-thumbnail-prev,
+		.p-galleria-thumbnail-next {
+			margin: $inlineSpacing;
+			background-color: $galleriaThumbnailNavigatorBg;
+			color: $galleriaThumbnailNavigatorColor;
+			width: $galleriaThumbnailNavigatorWidth;
+			height: $galleriaThumbnailNavigatorHeight;
+			transition: $actionIconTransition;
+			border-radius: $galleriaThumbnailNavigatorBorderRadius;
+
+			&:hover {
+				background: $galleriaThumbnailNavigatorHoverBg;
+				color: $galleriaThumbnailNavigatorHoverColor;
+			}
+		}
+
+		.p-galleria-thumbnail-item-content {
+			&:focus-visible {
+				@include focused();
+			}
+		}
+	}
+}
+
+.p-galleria-mask {
+	--maskbg: #{$galleriaMaskBg};
+}

package/theme/styles/theme/base/components/multimedia/_image.scss

@@ -1,49 +1,49 @@
-.p-image-mask {
-	--maskbg: #{$imageMaskBg};
-}
-
-.p-image-preview-indicator {
-	background-color: transparent;
-	color: $imagePreviewIndicatorColor;
-	transition: $actionIconTransition;
-}
-
-.p-image-preview-container {
-	&:hover {
-		> .p-image-preview-indicator {
-			background-color: $imagePreviewIndicatorBg;
-		}
-	}
-}
-
-.p-image-toolbar {
-	padding: $imagePreviewToolbarPadding;
-}
-
-.p-image-action.p-link {
-	color: $imagePreviewActionIconColor;
-	background-color: $imagePreviewActionIconBg;
-	width: $imagePreviewActionIconWidth;
-	height: $imagePreviewActionIconHeight;
-	border-radius: $imagePreviewActionIconBorderRadius;
-	transition: $actionIconTransition;
-	margin-right: $inlineSpacing;
-
-	&:last-child {
-		margin-right: 0;
-	}
-
-	&:hover {
-		color: $imagePreviewActionIconHoverColor;
-		background-color: $imagePreviewActionIconHoverBg;
-	}
-
-	i {
-		font-size: $imagePreviewActionIconFontSize;
-	}
-
-	.p-icon {
-		width: $imagePreviewActionIconFontSize;
-		height: $imagePreviewActionIconFontSize;
-	}
-}
+.p-image-mask {
+	--maskbg: #{$imageMaskBg};
+}
+
+.p-image-preview-indicator {
+	background-color: transparent;
+	color: $imagePreviewIndicatorColor;
+	transition: $actionIconTransition;
+}
+
+.p-image-preview-container {
+	&:hover {
+		> .p-image-preview-indicator {
+			background-color: $imagePreviewIndicatorBg;
+		}
+	}
+}
+
+.p-image-toolbar {
+	padding: $imagePreviewToolbarPadding;
+}
+
+.p-image-action.p-link {
+	color: $imagePreviewActionIconColor;
+	background-color: $imagePreviewActionIconBg;
+	width: $imagePreviewActionIconWidth;
+	height: $imagePreviewActionIconHeight;
+	border-radius: $imagePreviewActionIconBorderRadius;
+	transition: $actionIconTransition;
+	margin-right: $inlineSpacing;
+
+	&:last-child {
+		margin-right: 0;
+	}
+
+	&:hover {
+		color: $imagePreviewActionIconHoverColor;
+		background-color: $imagePreviewActionIconHoverBg;
+	}
+
+	i {
+		font-size: $imagePreviewActionIconFontSize;
+	}
+
+	.p-icon {
+		width: $imagePreviewActionIconFontSize;
+		height: $imagePreviewActionIconFontSize;
+	}
+}

package/theme/styles/theme/base/components/overlay/_confirmpopup.scss

@@ -1,70 +1,70 @@
-.p-confirm-popup {
-	background: $overlayContentBg;
-	color: $panelContentTextColor;
-	border: $overlayContentBorder;
-	border-radius: $borderRadius;
-	box-shadow: $overlayContainerShadow;
-
-	.p-confirm-popup-content {
-		padding: $panelContentPadding;
-	}
-
-	.p-confirm-popup-footer {
-		text-align: right;
-		padding: $panelFooterPadding;
-
-		button {
-			margin: 0 $inlineSpacing 0 0;
-			width: auto;
-
-			&:last-child {
-				margin: 0;
-			}
-		}
-	}
-
-	&:after {
-		border: solid transparent;
-		border-color: rgba($overlayContentBg, 0);
-		border-bottom-color: $overlayContentBg;
-	}
-
-	&:before {
-		border: solid transparent;
-
-		@if (nth($overlayContentBorder, 2) == 'none') {
-			border-color: rgba($overlayContentBg, 0);
-			border-bottom-color: $overlayContentBg;
-		} @else {
-			border-color: rgba(nth($overlayContentBorder, 3), 0);
-			border-bottom-color: nth($overlayContentBorder, 3);
-		}
-	}
-
-	&.p-confirm-popup-flipped {
-		&:after {
-			border-top-color: $overlayContentBg;
-		}
-
-		&:before {
-			@if (nth($overlayContentBorder, 2) == 'none') {
-				border-top-color: $overlayContentBg;
-			} @else {
-				border-top-color: nth($overlayContentBorder, 3);
-			}
-		}
-	}
-
-	.p-confirm-popup-icon {
-		font-size: $primeIconFontSize * 1.5;
-
-		&.p-icon {
-			width: $primeIconFontSize * 1.5;
-			height: $primeIconFontSize * 1.5;
-		}
-	}
-
-	.p-confirm-popup-message {
-		margin-left: $inlineSpacing * 2;
-	}
-}
+.p-confirm-popup {
+	background: $overlayContentBg;
+	color: $panelContentTextColor;
+	border: $overlayContentBorder;
+	border-radius: $borderRadius;
+	box-shadow: $overlayContainerShadow;
+
+	.p-confirm-popup-content {
+		padding: $panelContentPadding;
+	}
+
+	.p-confirm-popup-footer {
+		text-align: right;
+		padding: $panelFooterPadding;
+
+		button {
+			margin: 0 $inlineSpacing 0 0;
+			width: auto;
+
+			&:last-child {
+				margin: 0;
+			}
+		}
+	}
+
+	&:after {
+		border: solid transparent;
+		border-color: rgba($overlayContentBg, 0);
+		border-bottom-color: $overlayContentBg;
+	}
+
+	&:before {
+		border: solid transparent;
+
+		@if (nth($overlayContentBorder, 2) == 'none') {
+			border-color: rgba($overlayContentBg, 0);
+			border-bottom-color: $overlayContentBg;
+		} @else {
+			border-color: rgba(nth($overlayContentBorder, 3), 0);
+			border-bottom-color: nth($overlayContentBorder, 3);
+		}
+	}
+
+	&.p-confirm-popup-flipped {
+		&:after {
+			border-top-color: $overlayContentBg;
+		}
+
+		&:before {
+			@if (nth($overlayContentBorder, 2) == 'none') {
+				border-top-color: $overlayContentBg;
+			} @else {
+				border-top-color: nth($overlayContentBorder, 3);
+			}
+		}
+	}
+
+	.p-confirm-popup-icon {
+		font-size: $primeIconFontSize * 1.5;
+
+		&.p-icon {
+			width: $primeIconFontSize * 1.5;
+			height: $primeIconFontSize * 1.5;
+		}
+	}
+
+	.p-confirm-popup-message {
+		margin-left: $inlineSpacing * 2;
+	}
+}

package/theme/styles/theme/base/components/overlay/_dialog.scss

@@ -1,69 +1,69 @@
-.p-dialog {
-	border-radius: $borderRadius;
-	box-shadow: $overlayContainerShadow;
-	border: $overlayContentBorder;
-
-	.p-dialog-header {
-		border-bottom: $dialogHeaderBorder;
-		background: $dialogHeaderBg;
-		color: $dialogHeaderTextColor;
-		padding: $dialogHeaderPadding;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-
-		.p-dialog-title {
-			font-weight: $dialogHeaderFontWeight;
-			font-size: $dialogHeaderFontSize;
-		}
-
-		.p-dialog-header-icon {
-			@include action-icon();
-			margin-right: $inlineSpacing;
-
-			&:last-child {
-				margin-right: 0;
-			}
-		}
-	}
-
-	.p-dialog-content {
-		background: $overlayContentBg;
-		color: $panelContentTextColor;
-		padding: $dialogContentPadding;
-
-		&:last-of-type {
-			border-bottom-right-radius: $borderRadius;
-			border-bottom-left-radius: $borderRadius;
-		}
-	}
-
-	.p-dialog-footer {
-		border-top: $dialogFooterBorder;
-		background: $overlayContentBg;
-		color: $panelFooterTextColor;
-		padding: $dialogFooterPadding;
-		text-align: right;
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-
-		button {
-			margin: 0 $inlineSpacing 0 0;
-			width: auto;
-		}
-	}
-
-	&.p-confirm-dialog {
-		.p-confirm-dialog-icon {
-			font-size: $primeIconFontSize * 2;
-
-			&.p-icon {
-				width: $primeIconFontSize * 2;
-				height: $primeIconFontSize * 2;
-			}
-		}
-
-		.p-confirm-dialog-message {
-			margin-left: $inlineSpacing * 2;
-		}
-	}
-}
+.p-dialog {
+	border-radius: $borderRadius;
+	box-shadow: $overlayContainerShadow;
+	border: $overlayContentBorder;
+
+	.p-dialog-header {
+		border-bottom: $dialogHeaderBorder;
+		background: $dialogHeaderBg;
+		color: $dialogHeaderTextColor;
+		padding: $dialogHeaderPadding;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		.p-dialog-title {
+			font-weight: $dialogHeaderFontWeight;
+			font-size: $dialogHeaderFontSize;
+		}
+
+		.p-dialog-header-icon {
+			@include action-icon();
+			margin-right: $inlineSpacing;
+
+			&:last-child {
+				margin-right: 0;
+			}
+		}
+	}
+
+	.p-dialog-content {
+		background: $overlayContentBg;
+		color: $panelContentTextColor;
+		padding: $dialogContentPadding;
+
+		&:last-of-type {
+			border-bottom-right-radius: $borderRadius;
+			border-bottom-left-radius: $borderRadius;
+		}
+	}
+
+	.p-dialog-footer {
+		border-top: $dialogFooterBorder;
+		background: $overlayContentBg;
+		color: $panelFooterTextColor;
+		padding: $dialogFooterPadding;
+		text-align: right;
+		border-bottom-right-radius: $borderRadius;
+		border-bottom-left-radius: $borderRadius;
+
+		button {
+			margin: 0 $inlineSpacing 0 0;
+			width: auto;
+		}
+	}
+
+	&.p-confirm-dialog {
+		.p-confirm-dialog-icon {
+			font-size: $primeIconFontSize * 2;
+
+			&.p-icon {
+				width: $primeIconFontSize * 2;
+				height: $primeIconFontSize * 2;
+			}
+		}
+
+		.p-confirm-dialog-message {
+			margin-left: $inlineSpacing * 2;
+		}
+	}
+}