aril 0.0.7 → 0.0.9

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-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();
-    }
+	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-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-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;
-            }
+			.p-steps-title {
+				margin-top: $inlineSpacing;
+				color: $stepsItemTextColor;
+			}
 
-            &:not(.p-disabled):focus-visible {
-                @include focused();
-            }
-        }
+			&:not(.p-disabled):focus-visible {
+				@include focused();
+			}
+		}
 
-        &.p-highlight {
-            .p-steps-number {
-                background: $highlightBg;
-                color: $highlightTextColor;
-            }
+		&.p-highlight {
+			.p-steps-number {
+				background: $highlightBg;
+				color: $highlightTextColor;
+			}
 
-            .p-steps-title {
-                font-weight: $stepsItemActiveFontWeight;
-                color: $textColor;
-            }
-        }
+			.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);
-        }
-    }
+		&: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,74 +1,73 @@
 .p-tabmenu {
-    .p-tabmenu-nav {
-        background: $tabviewNavBg;
-        border: $tabviewNavBorder;
-        border-width: $tabviewNavBorderWidth;
-        
+	.p-tabmenu-nav {
+		background: $tabviewNavBg;
+		border: $tabviewNavBorder;
+		border-width: $tabviewNavBorderWidth;
 
-        .p-menuitem-badge {
-            @include menuitem-badge();
-        }
+		.p-menuitem-badge {
+			@include menuitem-badge();
+		}
 
-        .p-tabmenuitem {
-            margin-right: $tabviewHeaderSpacing;
+		.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-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;
-                }
+				.p-menuitem-icon {
+					margin-right: $inlineSpacing;
+				}
 
-                &:not(.p-disabled):focus-visible {
-                    @include focused-inset();
-                }
-            }
+				&: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;
-                }
-            }
+			&: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-highlight {
+				.p-menuitem-link {
+					background: $tabviewHeaderActiveBg;
+					border-color: $tabviewHeaderActiveBorderColor;
+					color: $tabviewHeaderTextActiveColor;
+				}
+			}
+		}
+	}
 
-    .p-tabmenu-left-icon {
-        margin-right: $inlineSpacing;
-    }
+	.p-tabmenu-left-icon {
+		margin-right: $inlineSpacing;
+	}
 
-    .p-tabmenu-right-icon {
-        margin-left: $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;
+	.p-tabmenu-nav-btn.p-link {
+		background: $tabviewHeaderActiveBg;
+		color: $tabviewHeaderTextActiveColor;
+		width: $buttonIconOnlyWidth;
+		box-shadow: $raisedButtonShadow;
+		border-radius: 0;
 
-        &:focus {
-            @include focused-inset();
-        }
-    }
+		&:focus {
+			@include focused-inset();
+		}
+	}
 }