aril 0.0.21 → 0.0.22

package/theme/styles/theme/base/components/menu/_tieredmenu.scss

@@ -1,43 +1,43 @@
-.p-tieredmenu {
-	padding: $verticalMenuPadding;
-	background: $menuBg;
-	color: $menuTextColor;
-	border: $menuBorder;
-	border-radius: $borderRadius;
-	width: $menuWidth;
-
-	&.p-tieredmenu-overlay {
-		background: $overlayMenuBg;
-		border: $overlayMenuBorder;
-		box-shadow: $overlayMenuShadow;
-	}
-
-	.p-tieredmenu-root-list {
-		outline: 0 none;
-	}
-
-	.p-submenu-list {
-		padding: $verticalMenuPadding;
-		background: $overlayMenuBg;
-		border: $overlayMenuBorder;
-		box-shadow: $overlayMenuShadow;
-	}
-
-	.p-menuitem {
-		@include menuitem();
-	}
-
-	.p-menuitem-separator {
-		border-top: $divider;
-		margin: $menuSeparatorMargin;
-	}
-
-	.p-submenu-icon {
-		font-size: $menuitemSubmenuIconFontSize;
-
-		&.p-icon {
-			width: $menuitemSubmenuIconFontSize;
-			height: $menuitemSubmenuIconFontSize;
-		}
-	}
-}
+.p-tieredmenu {
+	padding: $verticalMenuPadding;
+	background: $menuBg;
+	color: $menuTextColor;
+	border: $menuBorder;
+	border-radius: $borderRadius;
+	width: $menuWidth;
+
+	&.p-tieredmenu-overlay {
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
+
+	.p-tieredmenu-root-list {
+		outline: 0 none;
+	}
+
+	.p-submenu-list {
+		padding: $verticalMenuPadding;
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
+
+	.p-menuitem {
+		@include menuitem();
+	}
+
+	.p-menuitem-separator {
+		border-top: $divider;
+		margin: $menuSeparatorMargin;
+	}
+
+	.p-submenu-icon {
+		font-size: $menuitemSubmenuIconFontSize;
+
+		&.p-icon {
+			width: $menuitemSubmenuIconFontSize;
+			height: $menuitemSubmenuIconFontSize;
+		}
+	}
+}

package/theme/styles/theme/base/components/messages/_inlinemessage.scss

@@ -1,69 +1,69 @@
-.p-inline-message {
-	padding: $inlineMessagePadding;
-	margin: $inlineMessageMargin;
-	border-radius: $borderRadius;
-
-	&.p-inline-message-info {
-		background: $infoMessageBg;
-		border: $infoMessageBorder;
-		border-width: $inlineMessageBorderWidth;
-		color: $infoMessageTextColor;
-
-		.p-inline-message-icon {
-			color: $infoMessageIconColor;
-		}
-	}
-
-	&.p-inline-message-success {
-		background: $successMessageBg;
-		border: $successMessageBorder;
-		border-width: $inlineMessageBorderWidth;
-		color: $successMessageTextColor;
-
-		.p-inline-message-icon {
-			color: $successMessageIconColor;
-		}
-	}
-
-	&.p-inline-message-warn {
-		background: $warningMessageBg;
-		border: $warningMessageBorder;
-		border-width: $inlineMessageBorderWidth;
-		color: $warningMessageTextColor;
-
-		.p-inline-message-icon {
-			color: $warningMessageIconColor;
-		}
-	}
-
-	&.p-inline-message-error {
-		background: $errorMessageBg;
-		border: $errorMessageBorder;
-		border-width: $inlineMessageBorderWidth;
-		color: $errorMessageTextColor;
-
-		.p-inline-message-icon {
-			color: $errorMessageIconColor;
-		}
-	}
-
-	.p-inline-message-icon {
-		font-size: $inlineMessageIconFontSize;
-		margin-right: $inlineSpacing;
-	}
-
-	.p-icon {
-		width: $inlineMessageIconFontSize;
-		height: $inlineMessageIconFontSize;
-	}
-
-	.p-inline-message-text {
-		font-size: $inlineMessageTextFontSize;
-	}
-
-	&.p-inline-message-icon-only {
-		.p-inline-message-icon {
-			margin-right: 0;
-		}
-	}
-}
+.p-inline-message {
+	padding: $inlineMessagePadding;
+	margin: $inlineMessageMargin;
+	border-radius: $borderRadius;
+
+	&.p-inline-message-info {
+		background: $infoMessageBg;
+		border: $infoMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $infoMessageTextColor;
+
+		.p-inline-message-icon {
+			color: $infoMessageIconColor;
+		}
+	}
+
+	&.p-inline-message-success {
+		background: $successMessageBg;
+		border: $successMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $successMessageTextColor;
+
+		.p-inline-message-icon {
+			color: $successMessageIconColor;
+		}
+	}
+
+	&.p-inline-message-warn {
+		background: $warningMessageBg;
+		border: $warningMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $warningMessageTextColor;
+
+		.p-inline-message-icon {
+			color: $warningMessageIconColor;
+		}
+	}
+
+	&.p-inline-message-error {
+		background: $errorMessageBg;
+		border: $errorMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $errorMessageTextColor;
+
+		.p-inline-message-icon {
+			color: $errorMessageIconColor;
+		}
+	}
+
+	.p-inline-message-icon {
+		font-size: $inlineMessageIconFontSize;
+		margin-right: $inlineSpacing;
+	}
+
+	.p-icon {
+		width: $inlineMessageIconFontSize;
+		height: $inlineMessageIconFontSize;
+	}
+
+	.p-inline-message-text {
+		font-size: $inlineMessageTextFontSize;
+	}
+
+	&.p-inline-message-icon-only {
+		.p-inline-message-icon {
+			margin-right: 0;
+		}
+	}
+}

package/theme/styles/theme/base/components/messages/_message.scss

@@ -1,107 +1,107 @@
-.p-message {
-	margin: $messageMargin;
-	border-radius: $borderRadius;
-
-	.p-message-wrapper {
-		padding: $messagePadding;
-	}
-
-	.p-message-close {
-		width: $actionIconWidth;
-		height: $actionIconHeight;
-		border-radius: $actionIconBorderRadius;
-		background: transparent;
-		transition: $actionIconTransition;
-
-		&:hover {
-			background: rgba(255, 255, 255, 0.5);
-		}
-
-		&:focus-visible {
-			@include focused();
-		}
-	}
-
-	&.p-message-info {
-		background: $infoMessageBg;
-		border: $infoMessageBorder;
-		border-width: $messageBorderWidth;
-		color: $infoMessageTextColor;
-
-		.p-message-icon {
-			color: $infoMessageIconColor;
-		}
-
-		.p-message-close {
-			color: $infoMessageIconColor;
-		}
-	}
-
-	&.p-message-success {
-		background: $successMessageBg;
-		border: $successMessageBorder;
-		border-width: $messageBorderWidth;
-		color: $successMessageTextColor;
-
-		.p-message-icon {
-			color: $successMessageIconColor;
-		}
-
-		.p-message-close {
-			color: $successMessageIconColor;
-		}
-	}
-
-	&.p-message-warn {
-		background: $warningMessageBg;
-		border: $warningMessageBorder;
-		border-width: $messageBorderWidth;
-		color: $warningMessageTextColor;
-
-		.p-message-icon {
-			color: $warningMessageIconColor;
-		}
-
-		.p-message-close {
-			color: $warningMessageIconColor;
-		}
-	}
-
-	&.p-message-error {
-		background: $errorMessageBg;
-		border: $errorMessageBorder;
-		border-width: $messageBorderWidth;
-		color: $errorMessageTextColor;
-
-		.p-message-icon {
-			color: $errorMessageIconColor;
-		}
-
-		.p-message-close {
-			color: $errorMessageIconColor;
-		}
-	}
-
-	.p-message-text {
-		font-size: $messageTextFontSize;
-		font-weight: $messageTextFontWeight;
-	}
-
-	.p-message-icon {
-		font-size: $messageIconFontSize;
-		margin-right: $inlineSpacing;
-	}
-
-	.p-icon {
-		width: $messageIconFontSize;
-		height: $messageIconFontSize;
-	}
-
-	.p-message-summary {
-		font-weight: 700;
-	}
-
-	.p-message-detail {
-		margin-left: $inlineSpacing;
-	}
-}
+.p-message {
+	margin: $messageMargin;
+	border-radius: $borderRadius;
+
+	.p-message-wrapper {
+		padding: $messagePadding;
+	}
+
+	.p-message-close {
+		width: $actionIconWidth;
+		height: $actionIconHeight;
+		border-radius: $actionIconBorderRadius;
+		background: transparent;
+		transition: $actionIconTransition;
+
+		&:hover {
+			background: rgba(255, 255, 255, 0.5);
+		}
+
+		&:focus-visible {
+			@include focused();
+		}
+	}
+
+	&.p-message-info {
+		background: $infoMessageBg;
+		border: $infoMessageBorder;
+		border-width: $messageBorderWidth;
+		color: $infoMessageTextColor;
+
+		.p-message-icon {
+			color: $infoMessageIconColor;
+		}
+
+		.p-message-close {
+			color: $infoMessageIconColor;
+		}
+	}
+
+	&.p-message-success {
+		background: $successMessageBg;
+		border: $successMessageBorder;
+		border-width: $messageBorderWidth;
+		color: $successMessageTextColor;
+
+		.p-message-icon {
+			color: $successMessageIconColor;
+		}
+
+		.p-message-close {
+			color: $successMessageIconColor;
+		}
+	}
+
+	&.p-message-warn {
+		background: $warningMessageBg;
+		border: $warningMessageBorder;
+		border-width: $messageBorderWidth;
+		color: $warningMessageTextColor;
+
+		.p-message-icon {
+			color: $warningMessageIconColor;
+		}
+
+		.p-message-close {
+			color: $warningMessageIconColor;
+		}
+	}
+
+	&.p-message-error {
+		background: $errorMessageBg;
+		border: $errorMessageBorder;
+		border-width: $messageBorderWidth;
+		color: $errorMessageTextColor;
+
+		.p-message-icon {
+			color: $errorMessageIconColor;
+		}
+
+		.p-message-close {
+			color: $errorMessageIconColor;
+		}
+	}
+
+	.p-message-text {
+		font-size: $messageTextFontSize;
+		font-weight: $messageTextFontWeight;
+	}
+
+	.p-message-icon {
+		font-size: $messageIconFontSize;
+		margin-right: $inlineSpacing;
+	}
+
+	.p-icon {
+		width: $messageIconFontSize;
+		height: $messageIconFontSize;
+	}
+
+	.p-message-summary {
+		font-weight: 700;
+	}
+
+	.p-message-detail {
+		margin-left: $inlineSpacing;
+	}
+}

package/theme/styles/theme/base/components/messages/_toast.scss

@@ -1,99 +1,99 @@
-.p-toast {
-	opacity: $toastOpacity;
-
-	.p-toast-message {
-		margin: $toastMargin;
-		box-shadow: $toastShadow;
-		border-radius: $borderRadius;
-
-		.p-toast-message-content {
-			padding: $toastPadding;
-			border-width: $toastBorderWidth;
-
-			.p-toast-message-text {
-				margin: $toastMessageTextMargin;
-			}
-
-			.p-toast-message-icon {
-				font-size: $toastIconFontSize;
-			}
-
-			.p-icon:not(.p-toast-icon-close-icon) {
-				width: $toastIconFontSize;
-				height: $toastIconFontSize;
-			}
-
-			.p-toast-summary {
-				font-weight: $toastTitleFontWeight;
-			}
-
-			.p-toast-detail {
-				margin: $toastDetailMargin;
-			}
-		}
-
-		.p-toast-icon-close {
-			width: $toastIconFontSize;
-			height: $toastIconFontSize;
-			border-radius: $actionIconBorderRadius;
-			background: transparent;
-			transition: $actionIconTransition;
-
-			&:hover {
-				background: rgba(255, 255, 255, 0.5);
-			}
-
-			&:focus-visible {
-				@include focused();
-			}
-		}
-
-		&.p-toast-message-info {
-			background: $infoMessageBg;
-			border: $infoMessageBorder;
-			border-width: $messageBorderWidth;
-			color: $infoMessageTextColor;
-
-			.p-toast-message-icon,
-			.p-toast-icon-close {
-				color: $infoMessageIconColor;
-			}
-		}
-
-		&.p-toast-message-success {
-			background: $successMessageBg;
-			border: $successMessageBorder;
-			border-width: $messageBorderWidth;
-			color: $successMessageTextColor;
-
-			.p-toast-message-icon,
-			.p-toast-icon-close {
-				color: $successMessageIconColor;
-			}
-		}
-
-		&.p-toast-message-warn {
-			background: $warningMessageBg;
-			border: $warningMessageBorder;
-			border-width: $messageBorderWidth;
-			color: $warningMessageTextColor;
-
-			.p-toast-message-icon,
-			.p-toast-icon-close {
-				color: $warningMessageIconColor;
-			}
-		}
-
-		&.p-toast-message-error {
-			background: $errorMessageBg;
-			border: $errorMessageBorder;
-			border-width: $messageBorderWidth;
-			color: $errorMessageTextColor;
-
-			.p-toast-message-icon,
-			.p-toast-icon-close {
-				color: $errorMessageIconColor;
-			}
-		}
-	}
-}
+.p-toast {
+	opacity: $toastOpacity;
+
+	.p-toast-message {
+		margin: $toastMargin;
+		box-shadow: $toastShadow;
+		border-radius: $borderRadius;
+
+		.p-toast-message-content {
+			padding: $toastPadding;
+			border-width: $toastBorderWidth;
+
+			.p-toast-message-text {
+				margin: $toastMessageTextMargin;
+			}
+
+			.p-toast-message-icon {
+				font-size: $toastIconFontSize;
+			}
+
+			.p-icon:not(.p-toast-icon-close-icon) {
+				width: $toastIconFontSize;
+				height: $toastIconFontSize;
+			}
+
+			.p-toast-summary {
+				font-weight: $toastTitleFontWeight;
+			}
+
+			.p-toast-detail {
+				margin: $toastDetailMargin;
+			}
+		}
+
+		.p-toast-icon-close {
+			width: $toastIconFontSize;
+			height: $toastIconFontSize;
+			border-radius: $actionIconBorderRadius;
+			background: transparent;
+			transition: $actionIconTransition;
+
+			&:hover {
+				background: rgba(255, 255, 255, 0.5);
+			}
+
+			&:focus-visible {
+				@include focused();
+			}
+		}
+
+		&.p-toast-message-info {
+			background: $infoMessageBg;
+			border: $infoMessageBorder;
+			border-width: $messageBorderWidth;
+			color: $infoMessageTextColor;
+
+			.p-toast-message-icon,
+			.p-toast-icon-close {
+				color: $infoMessageIconColor;
+			}
+		}
+
+		&.p-toast-message-success {
+			background: $successMessageBg;
+			border: $successMessageBorder;
+			border-width: $messageBorderWidth;
+			color: $successMessageTextColor;
+
+			.p-toast-message-icon,
+			.p-toast-icon-close {
+				color: $successMessageIconColor;
+			}
+		}
+
+		&.p-toast-message-warn {
+			background: $warningMessageBg;
+			border: $warningMessageBorder;
+			border-width: $messageBorderWidth;
+			color: $warningMessageTextColor;
+
+			.p-toast-message-icon,
+			.p-toast-icon-close {
+				color: $warningMessageIconColor;
+			}
+		}
+
+		&.p-toast-message-error {
+			background: $errorMessageBg;
+			border: $errorMessageBorder;
+			border-width: $messageBorderWidth;
+			color: $errorMessageTextColor;
+
+			.p-toast-message-icon,
+			.p-toast-icon-close {
+				color: $errorMessageIconColor;
+			}
+		}
+	}
+}

package/theme/styles/theme/base/components/misc/_avatar.scss

@@ -1,30 +1,30 @@
-.p-avatar {
-	background-color: $avatarBg;
-	border-radius: $borderRadius;
-
-	&.p-avatar-lg {
-		width: 3rem;
-		height: 3rem;
-		font-size: 1.5rem;
-
-		.p-avatar-icon {
-			font-size: 1.5rem;
-		}
-	}
-
-	&.p-avatar-xl {
-		width: 4rem;
-		height: 4rem;
-		font-size: 2rem;
-
-		.p-avatar-icon {
-			font-size: 2rem;
-		}
-	}
-}
-
-.p-avatar-group {
-	.p-avatar {
-		border: 2px solid $panelContentBg;
-	}
-}
+.p-avatar {
+	background-color: $avatarBg;
+	border-radius: $borderRadius;
+
+	&.p-avatar-lg {
+		width: 3rem;
+		height: 3rem;
+		font-size: 1.5rem;
+
+		.p-avatar-icon {
+			font-size: 1.5rem;
+		}
+	}
+
+	&.p-avatar-xl {
+		width: 4rem;
+		height: 4rem;
+		font-size: 2rem;
+
+		.p-avatar-icon {
+			font-size: 2rem;
+		}
+	}
+}
+
+.p-avatar-group {
+	.p-avatar {
+		border: 2px solid $panelContentBg;
+	}
+}