aril 0.0.40 → 0.0.41

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

@@ -1,153 +1,153 @@
-.p-panelmenu {
-	.p-panelmenu-header {
-		outline: 0 none;
-
-		.p-panelmenu-header-content {
-			border: $accordionHeaderBorder;
-			color: $accordionHeaderTextColor;
-			background: $accordionHeaderBg;
-			border-radius: $borderRadius;
-			transition: $listItemTransition;
-
-			.p-panelmenu-header-action {
-				color: $accordionHeaderTextColor;
-				padding: $accordionHeaderPadding;
-				font-weight: $accordionHeaderFontWeight;
-
-				.p-submenu-icon {
-					margin-right: $inlineSpacing;
-				}
-
-				.p-menuitem-icon {
-					margin-right: $inlineSpacing;
-				}
-			}
-		}
-
-		&:not(.p-disabled) {
-			&:focus-visible {
-				.p-panelmenu-header-content {
-					@include focused-inset();
-				}
-			}
-		}
-
-		&:not(.p-highlight):not(.p-disabled):hover {
-			.p-panelmenu-header-content {
-				background: $accordionHeaderHoverBg;
-				border-color: $accordionHeaderHoverBorderColor;
-				color: $accordionHeaderTextHoverColor;
-			}
-		}
-
-		&:not(.p-disabled).p-highlight {
-			.p-panelmenu-header-content {
-				background: $accordionHeaderActiveBg;
-				border-color: $accordionHeaderActiveBorderColor;
-				color: $accordionHeaderTextActiveColor;
-				border-bottom-right-radius: 0;
-				border-bottom-left-radius: 0;
-				margin-bottom: 0;
-			}
-
-			&:hover {
-				.p-panelmenu-header-content {
-					border-color: $accordionHeaderActiveHoverBorderColor;
-					background: $accordionHeaderActiveHoverBg;
-					color: $accordionHeaderTextActiveHoverColor;
-				}
-			}
-		}
-	}
-
-	.p-panelmenu-content {
-		padding: $verticalMenuPadding;
-		border: $accordionContentBorder;
-		background: $accordionContentBg;
-		color: $accordionContentTextColor;
-		border-top: 0;
-		border-top-right-radius: 0;
-		border-top-left-radius: 0;
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-
-		.p-panelmenu-root-list {
-			outline: 0 none;
-		}
-
-		.p-menuitem {
-			@include menuitem();
-
-			.p-menuitem-content {
-				.p-menuitem-link {
-					.p-submenu-icon {
-						margin-right: $inlineSpacing;
-					}
-				}
-			}
-		}
-
-		.p-menuitem-separator {
-			border-top: $divider;
-			margin: $menuSeparatorMargin;
-		}
-
-		.p-submenu-list:not(.p-panelmenu-root-list) {
-			padding: $treeNodeChildrenPadding;
-		}
-	}
-
-	.p-panelmenu-panel {
-		margin-bottom: $accordionSpacing;
-
-		@if $accordionSpacing == 0 {
-			.p-panelmenu-header {
-				.p-panelmenu-header-content {
-					border-radius: 0;
-				}
-			}
-
-			.p-panelmenu-content {
-				border-radius: 0;
-			}
-
-			&:not(:first-child) {
-				.p-panelmenu-header {
-					.p-panelmenu-header-content {
-						border-top: 0 none;
-					}
-
-					&:not(.p-highlight):not(.p-disabled):hover,
-					&:not(.p-disabled).p-highlight:hover {
-						.p-panelmenu-header-content {
-							border-top: 0 none;
-						}
-					}
-				}
-			}
-
-			&:first-child {
-				.p-panelmenu-header {
-					.p-panelmenu-header-content {
-						border-top-right-radius: $borderRadius;
-						border-top-left-radius: $borderRadius;
-					}
-				}
-			}
-
-			&:last-child {
-				.p-panelmenu-header:not(.p-highlight) {
-					.p-panelmenu-header-content {
-						border-bottom-right-radius: $borderRadius;
-						border-bottom-left-radius: $borderRadius;
-					}
-				}
-
-				.p-panelmenu-content {
-					border-bottom-right-radius: $borderRadius;
-					border-bottom-left-radius: $borderRadius;
-				}
-			}
-		}
-	}
-}
+.p-panelmenu {
+	.p-panelmenu-header {
+		outline: 0 none;
+
+		.p-panelmenu-header-content {
+			border: $accordionHeaderBorder;
+			color: $accordionHeaderTextColor;
+			background: $accordionHeaderBg;
+			border-radius: $borderRadius;
+			transition: $listItemTransition;
+
+			.p-panelmenu-header-action {
+				color: $accordionHeaderTextColor;
+				padding: $accordionHeaderPadding;
+				font-weight: $accordionHeaderFontWeight;
+
+				.p-submenu-icon {
+					margin-right: $inlineSpacing;
+				}
+
+				.p-menuitem-icon {
+					margin-right: $inlineSpacing;
+				}
+			}
+		}
+
+		&:not(.p-disabled) {
+			&:focus-visible {
+				.p-panelmenu-header-content {
+					@include focused-inset();
+				}
+			}
+		}
+
+		&:not(.p-highlight):not(.p-disabled):hover {
+			.p-panelmenu-header-content {
+				background: $accordionHeaderHoverBg;
+				border-color: $accordionHeaderHoverBorderColor;
+				color: $accordionHeaderTextHoverColor;
+			}
+		}
+
+		&:not(.p-disabled).p-highlight {
+			.p-panelmenu-header-content {
+				background: $accordionHeaderActiveBg;
+				border-color: $accordionHeaderActiveBorderColor;
+				color: $accordionHeaderTextActiveColor;
+				border-bottom-right-radius: 0;
+				border-bottom-left-radius: 0;
+				margin-bottom: 0;
+			}
+
+			&:hover {
+				.p-panelmenu-header-content {
+					border-color: $accordionHeaderActiveHoverBorderColor;
+					background: $accordionHeaderActiveHoverBg;
+					color: $accordionHeaderTextActiveHoverColor;
+				}
+			}
+		}
+	}
+
+	.p-panelmenu-content {
+		padding: $verticalMenuPadding;
+		border: $accordionContentBorder;
+		background: $accordionContentBg;
+		color: $accordionContentTextColor;
+		border-top: 0;
+		border-top-right-radius: 0;
+		border-top-left-radius: 0;
+		border-bottom-right-radius: $borderRadius;
+		border-bottom-left-radius: $borderRadius;
+
+		.p-panelmenu-root-list {
+			outline: 0 none;
+		}
+
+		.p-menuitem {
+			@include menuitem();
+
+			.p-menuitem-content {
+				.p-menuitem-link {
+					.p-submenu-icon {
+						margin-right: $inlineSpacing;
+					}
+				}
+			}
+		}
+
+		.p-menuitem-separator {
+			border-top: $divider;
+			margin: $menuSeparatorMargin;
+		}
+
+		.p-submenu-list:not(.p-panelmenu-root-list) {
+			padding: $treeNodeChildrenPadding;
+		}
+	}
+
+	.p-panelmenu-panel {
+		margin-bottom: $accordionSpacing;
+
+		@if $accordionSpacing == 0 {
+			.p-panelmenu-header {
+				.p-panelmenu-header-content {
+					border-radius: 0;
+				}
+			}
+
+			.p-panelmenu-content {
+				border-radius: 0;
+			}
+
+			&:not(:first-child) {
+				.p-panelmenu-header {
+					.p-panelmenu-header-content {
+						border-top: 0 none;
+					}
+
+					&:not(.p-highlight):not(.p-disabled):hover,
+					&:not(.p-disabled).p-highlight:hover {
+						.p-panelmenu-header-content {
+							border-top: 0 none;
+						}
+					}
+				}
+			}
+
+			&:first-child {
+				.p-panelmenu-header {
+					.p-panelmenu-header-content {
+						border-top-right-radius: $borderRadius;
+						border-top-left-radius: $borderRadius;
+					}
+				}
+			}
+
+			&:last-child {
+				.p-panelmenu-header:not(.p-highlight) {
+					.p-panelmenu-header-content {
+						border-bottom-right-radius: $borderRadius;
+						border-bottom-left-radius: $borderRadius;
+					}
+				}
+
+				.p-panelmenu-content {
+					border-bottom-right-radius: $borderRadius;
+					border-bottom-left-radius: $borderRadius;
+				}
+			}
+		}
+	}
+}

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

@@ -1,59 +1,59 @@
-.p-slidemenu {
-	padding: $verticalMenuPadding;
-	background: $menuBg;
-	color: $menuTextColor;
-	border: $menuBorder;
-	border-radius: $borderRadius;
-	width: $menuWidth;
-
-	.p-slidemenu-root-list {
-		outline: 0 none;
-	}
-
-	.p-submenu-list {
-		outline: 0 none;
-	}
-
-	.p-menuitem {
-		@include menuitem();
-	}
-
-	&.p-slidemenu-overlay {
-		background: $overlayMenuBg;
-		border: $overlayMenuBorder;
-		box-shadow: $overlayMenuShadow;
-	}
-
-	.p-slidemenu-list {
-		padding: $verticalMenuPadding;
-		background: $overlayMenuBg;
-		border: $overlayMenuBorder;
-		box-shadow: $overlayMenuShadow;
-	}
-
-	.p-menuitem-separator {
-		border-top: $divider;
-		margin: $menuSeparatorMargin;
-	}
-
-	.p-slidemenu-icon {
-		font-size: $menuitemSubmenuIconFontSize;
-	}
-
-	.p-icon {
-		width: $menuitemSubmenuIconFontSize;
-		height: $menuitemSubmenuIconFontSize;
-	}
-
-	.p-slidemenu-backward {
-		padding: $menuitemPadding;
-		color: $menuitemTextColor;
-		&:not(.p-disabled):focus {
-			@include focused-inset();
-		}
-	}
-
-	.p-menuitem-badge {
-		@include menuitem-badge();
-	}
-}
+.p-slidemenu {
+	padding: $verticalMenuPadding;
+	background: $menuBg;
+	color: $menuTextColor;
+	border: $menuBorder;
+	border-radius: $borderRadius;
+	width: $menuWidth;
+
+	.p-slidemenu-root-list {
+		outline: 0 none;
+	}
+
+	.p-submenu-list {
+		outline: 0 none;
+	}
+
+	.p-menuitem {
+		@include menuitem();
+	}
+
+	&.p-slidemenu-overlay {
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
+
+	.p-slidemenu-list {
+		padding: $verticalMenuPadding;
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
+
+	.p-menuitem-separator {
+		border-top: $divider;
+		margin: $menuSeparatorMargin;
+	}
+
+	.p-slidemenu-icon {
+		font-size: $menuitemSubmenuIconFontSize;
+	}
+
+	.p-icon {
+		width: $menuitemSubmenuIconFontSize;
+		height: $menuitemSubmenuIconFontSize;
+	}
+
+	.p-slidemenu-backward {
+		padding: $menuitemPadding;
+		color: $menuitemTextColor;
+		&:not(.p-disabled):focus {
+			@include focused-inset();
+		}
+	}
+
+	.p-menuitem-badge {
+		@include menuitem-badge();
+	}
+}

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

@@ -1,56 +1,56 @@
-@use 'sass:math';
-
-.p-steps {
-	.p-steps-item {
-		.p-menuitem-link {
-			background: transparent;
-			transition: $listItemTransition;
-			border-radius: $borderRadius;
-			background: $stepsItemBg;
-
-			.p-steps-number {
-				color: $stepsItemNumberColor;
-				border: $stepsItemBorder;
-				background: $stepsItemBg;
-				min-width: $stepsItemNumberWidth;
-				height: $stepsItemNumberHeight;
-				line-height: $stepsItemNumberHeight;
-				font-size: $stepsItemNumberFontSize;
-				z-index: 1;
-				border-radius: $stepsItemNumberBorderRadius;
-			}
-
-			.p-steps-title {
-				margin-top: $inlineSpacing;
-				color: $stepsItemTextColor;
-			}
-
-			&:not(.p-disabled):focus-visible {
-				@include focused();
-			}
-		}
-
-		&.p-highlight {
-			.p-steps-number {
-				background: $highlightBg;
-				color: $highlightTextColor;
-			}
-
-			.p-steps-title {
-				font-weight: $stepsItemActiveFontWeight;
-				color: $textColor;
-			}
-		}
-
-		&:before {
-			content: ' ';
-			border-top: $divider;
-			width: 100%;
-			top: 50%;
-			left: 0;
-			display: block;
-			position: absolute;
-			margin-top: math.div(-1 * $stepsItemNumberHeight, 2);
-		}
-	}
-}
+@use 'sass:math';
+
+.p-steps {
+	.p-steps-item {
+		.p-menuitem-link {
+			background: transparent;
+			transition: $listItemTransition;
+			border-radius: $borderRadius;
+			background: $stepsItemBg;
+
+			.p-steps-number {
+				color: $stepsItemNumberColor;
+				border: $stepsItemBorder;
+				background: $stepsItemBg;
+				min-width: $stepsItemNumberWidth;
+				height: $stepsItemNumberHeight;
+				line-height: $stepsItemNumberHeight;
+				font-size: $stepsItemNumberFontSize;
+				z-index: 1;
+				border-radius: $stepsItemNumberBorderRadius;
+			}
+
+			.p-steps-title {
+				margin-top: $inlineSpacing;
+				color: $stepsItemTextColor;
+			}
+
+			&:not(.p-disabled):focus-visible {
+				@include focused();
+			}
+		}
+
+		&.p-highlight {
+			.p-steps-number {
+				background: $highlightBg;
+				color: $highlightTextColor;
+			}
+
+			.p-steps-title {
+				font-weight: $stepsItemActiveFontWeight;
+				color: $textColor;
+			}
+		}
+
+		&:before {
+			content: ' ';
+			border-top: $divider;
+			width: 100%;
+			top: 50%;
+			left: 0;
+			display: block;
+			position: absolute;
+			margin-top: math.div(-1 * $stepsItemNumberHeight, 2);
+		}
+	}
+}

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

@@ -1,73 +1,73 @@
-.p-tabmenu {
-	.p-tabmenu-nav {
-		background: $tabviewNavBg;
-		border: $tabviewNavBorder;
-		border-width: $tabviewNavBorderWidth;
-
-		.p-menuitem-badge {
-			@include menuitem-badge();
-		}
-
-		.p-tabmenuitem {
-			margin-right: $tabviewHeaderSpacing;
-
-			.p-menuitem-link {
-				border: $tabviewHeaderBorder;
-				border-width: $tabviewHeaderBorderWidth;
-				border-color: $tabviewHeaderBorderColor;
-				background: $tabviewHeaderBg;
-				color: $tabviewHeaderTextColor;
-				padding: $tabviewHeaderPadding;
-				font-weight: $tabviewHeaderFontWeight;
-				border-top-right-radius: $borderRadius;
-				border-top-left-radius: $borderRadius;
-				transition: $listItemTransition;
-				margin: $tabviewHeaderMargin;
-
-				.p-menuitem-icon {
-					margin-right: $inlineSpacing;
-				}
-
-				&:not(.p-disabled):focus-visible {
-					@include focused-inset();
-				}
-			}
-
-			&:not(.p-highlight):not(.p-disabled):hover {
-				.p-menuitem-link {
-					background: $tabviewHeaderHoverBg;
-					border-color: $tabviewHeaderHoverBorderColor;
-					color: $tabviewHeaderTextHoverColor;
-				}
-			}
-
-			&.p-highlight {
-				.p-menuitem-link {
-					background: $tabviewHeaderActiveBg;
-					border-color: $tabviewHeaderActiveBorderColor;
-					color: $tabviewHeaderTextActiveColor;
-				}
-			}
-		}
-	}
-
-	.p-tabmenu-left-icon {
-		margin-right: $inlineSpacing;
-	}
-
-	.p-tabmenu-right-icon {
-		margin-left: $inlineSpacing;
-	}
-
-	.p-tabmenu-nav-btn.p-link {
-		background: $tabviewHeaderActiveBg;
-		color: $tabviewHeaderTextActiveColor;
-		width: $buttonIconOnlyWidth;
-		box-shadow: $raisedButtonShadow;
-		border-radius: 0;
-
-		&:focus {
-			@include focused-inset();
-		}
-	}
-}
+.p-tabmenu {
+	.p-tabmenu-nav {
+		background: $tabviewNavBg;
+		border: $tabviewNavBorder;
+		border-width: $tabviewNavBorderWidth;
+
+		.p-menuitem-badge {
+			@include menuitem-badge();
+		}
+
+		.p-tabmenuitem {
+			margin-right: $tabviewHeaderSpacing;
+
+			.p-menuitem-link {
+				border: $tabviewHeaderBorder;
+				border-width: $tabviewHeaderBorderWidth;
+				border-color: $tabviewHeaderBorderColor;
+				background: $tabviewHeaderBg;
+				color: $tabviewHeaderTextColor;
+				padding: $tabviewHeaderPadding;
+				font-weight: $tabviewHeaderFontWeight;
+				border-top-right-radius: $borderRadius;
+				border-top-left-radius: $borderRadius;
+				transition: $listItemTransition;
+				margin: $tabviewHeaderMargin;
+
+				.p-menuitem-icon {
+					margin-right: $inlineSpacing;
+				}
+
+				&:not(.p-disabled):focus-visible {
+					@include focused-inset();
+				}
+			}
+
+			&:not(.p-highlight):not(.p-disabled):hover {
+				.p-menuitem-link {
+					background: $tabviewHeaderHoverBg;
+					border-color: $tabviewHeaderHoverBorderColor;
+					color: $tabviewHeaderTextHoverColor;
+				}
+			}
+
+			&.p-highlight {
+				.p-menuitem-link {
+					background: $tabviewHeaderActiveBg;
+					border-color: $tabviewHeaderActiveBorderColor;
+					color: $tabviewHeaderTextActiveColor;
+				}
+			}
+		}
+	}
+
+	.p-tabmenu-left-icon {
+		margin-right: $inlineSpacing;
+	}
+
+	.p-tabmenu-right-icon {
+		margin-left: $inlineSpacing;
+	}
+
+	.p-tabmenu-nav-btn.p-link {
+		background: $tabviewHeaderActiveBg;
+		color: $tabviewHeaderTextActiveColor;
+		width: $buttonIconOnlyWidth;
+		box-shadow: $raisedButtonShadow;
+		border-radius: 0;
+
+		&:focus {
+			@include focused-inset();
+		}
+	}
+}