aril 0.0.7 → 0.0.9

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;
+	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-overlay {
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
 
-    .p-tieredmenu-root-list {
-        outline: 0 none;
-    }
+	.p-tieredmenu-root-list {
+		outline: 0 none;
+	}
 
-    .p-submenu-list {
-        padding: $verticalMenuPadding;
-        background: $overlayMenuBg;
-        border: $overlayMenuBorder;
-        box-shadow: $overlayMenuShadow;
-    }
+	.p-submenu-list {
+		padding: $verticalMenuPadding;
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
 
-    .p-menuitem {
-        @include menuitem();
-    }
+	.p-menuitem {
+		@include menuitem();
+	}
 
-    .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-    }
+	.p-menuitem-separator {
+		border-top: $divider;
+		margin: $menuSeparatorMargin;
+	}
 
-    .p-submenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
+	.p-submenu-icon {
+		font-size: $menuitemSubmenuIconFontSize;
 
-        &.p-icon {
-            width: $menuitemSubmenuIconFontSize;
-            height: $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;
+	padding: $inlineMessagePadding;
+	margin: $inlineMessageMargin;
+	border-radius: $borderRadius;
 
-    &.p-inline-message-info {
-        background: $infoMessageBg;
-        border: $infoMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $infoMessageTextColor;
+	&.p-inline-message-info {
+		background: $infoMessageBg;
+		border: $infoMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $infoMessageTextColor;
 
-        .p-inline-message-icon {
-            color: $infoMessageIconColor;
-        }
-    }
+		.p-inline-message-icon {
+			color: $infoMessageIconColor;
+		}
+	}
 
-    &.p-inline-message-success {
-        background: $successMessageBg;
-        border: $successMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $successMessageTextColor;
+	&.p-inline-message-success {
+		background: $successMessageBg;
+		border: $successMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $successMessageTextColor;
 
-        .p-inline-message-icon {
-            color: $successMessageIconColor;
-        }
-    }
+		.p-inline-message-icon {
+			color: $successMessageIconColor;
+		}
+	}
 
-    &.p-inline-message-warn {
-        background: $warningMessageBg;
-        border: $warningMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $warningMessageTextColor;
+	&.p-inline-message-warn {
+		background: $warningMessageBg;
+		border: $warningMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $warningMessageTextColor;
 
-        .p-inline-message-icon {
-            color: $warningMessageIconColor;
-        }
-    }
+		.p-inline-message-icon {
+			color: $warningMessageIconColor;
+		}
+	}
 
-    &.p-inline-message-error {
-        background: $errorMessageBg;
-        border: $errorMessageBorder;
-        border-width: $inlineMessageBorderWidth;
-        color: $errorMessageTextColor;
+	&.p-inline-message-error {
+		background: $errorMessageBg;
+		border: $errorMessageBorder;
+		border-width: $inlineMessageBorderWidth;
+		color: $errorMessageTextColor;
 
-        .p-inline-message-icon {
-            color: $errorMessageIconColor;
-        }
-    }
+		.p-inline-message-icon {
+			color: $errorMessageIconColor;
+		}
+	}
 
-    .p-inline-message-icon {
-        font-size: $inlineMessageIconFontSize;
-        margin-right: $inlineSpacing;
-    }
+	.p-inline-message-icon {
+		font-size: $inlineMessageIconFontSize;
+		margin-right: $inlineSpacing;
+	}
 
-    .p-icon {
-        width: $inlineMessageIconFontSize;
-        height: $inlineMessageIconFontSize;
-    }
+	.p-icon {
+		width: $inlineMessageIconFontSize;
+		height: $inlineMessageIconFontSize;
+	}
 
-    .p-inline-message-text {
-        font-size: $inlineMessageTextFontSize;
-    }
+	.p-inline-message-text {
+		font-size: $inlineMessageTextFontSize;
+	}
 
-    &.p-inline-message-icon-only {
-        .p-inline-message-icon {
-            margin-right: 0;
-        }
-    }
+	&.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,.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;
-    }
+	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,100 +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,.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;
-            }
-        }
-
-    }
+	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;
+	background-color: $avatarBg;
+	border-radius: $borderRadius;
 
-    &.p-avatar-lg {
-        width: 3rem;
-        height: 3rem;
-        font-size: 1.5rem;
+	&.p-avatar-lg {
+		width: 3rem;
+		height: 3rem;
+		font-size: 1.5rem;
 
-        .p-avatar-icon {
-            font-size: 1.5rem;
-        }
-    }
+		.p-avatar-icon {
+			font-size: 1.5rem;
+		}
+	}
 
-    &.p-avatar-xl {
-        width: 4rem;
-        height: 4rem;
-        font-size: 2rem;
+	&.p-avatar-xl {
+		width: 4rem;
+		height: 4rem;
+		font-size: 2rem;
 
-        .p-avatar-icon {
-            font-size: 2rem;
-        }
-    }
+		.p-avatar-icon {
+			font-size: 2rem;
+		}
+	}
 }
 
 .p-avatar-group {
-    .p-avatar {
-        border: 2px solid $panelContentBg;
-    }
-}
+	.p-avatar {
+		border: 2px solid $panelContentBg;
+	}
+}