aril 0.0.21 → 0.0.22

package/theme/styles/theme/base/components/input/_rating.scss

@@ -1,60 +1,60 @@
-@use 'sass:math';
-
-.p-rating {
-	gap: $inlineSpacing;
-
-	.p-rating-item {
-		.p-rating-icon {
-			color: $ratingStarIconOffColor;
-			transition: $formElementTransition;
-			font-size: $ratingIconFontSize;
-
-			&.p-icon {
-				width: $ratingIconFontSize;
-				height: $ratingIconFontSize;
-			}
-
-			&.p-rating-cancel {
-				color: $ratingCancelIconColor;
-			}
-		}
-
-		&.p-focus {
-			@include focused-input();
-		}
-
-		&.p-rating-item-active {
-			.p-rating-icon {
-				color: $ratingStarIconOnColor;
-			}
-		}
-	}
-
-	&:not(.p-disabled):not(.p-readonly) {
-		.p-rating-item {
-			&:hover {
-				.p-rating-icon {
-					color: $ratingStarIconHoverColor;
-
-					&.p-rating-cancel {
-						color: $ratingCancelIconHoverColor;
-					}
-				}
-			}
-		}
-	}
-}
-
-@if ($highlightBg == $ratingStarIconOnColor) {
-	.p-highlight {
-		.p-rating {
-			.p-rating-item {
-				&.p-rating-item-active {
-					.p-rating-icon {
-						color: $highlightTextColor;
-					}
-				}
-			}
-		}
-	}
-}
+@use 'sass:math';
+
+.p-rating {
+	gap: $inlineSpacing;
+
+	.p-rating-item {
+		.p-rating-icon {
+			color: $ratingStarIconOffColor;
+			transition: $formElementTransition;
+			font-size: $ratingIconFontSize;
+
+			&.p-icon {
+				width: $ratingIconFontSize;
+				height: $ratingIconFontSize;
+			}
+
+			&.p-rating-cancel {
+				color: $ratingCancelIconColor;
+			}
+		}
+
+		&.p-focus {
+			@include focused-input();
+		}
+
+		&.p-rating-item-active {
+			.p-rating-icon {
+				color: $ratingStarIconOnColor;
+			}
+		}
+	}
+
+	&:not(.p-disabled):not(.p-readonly) {
+		.p-rating-item {
+			&:hover {
+				.p-rating-icon {
+					color: $ratingStarIconHoverColor;
+
+					&.p-rating-cancel {
+						color: $ratingCancelIconHoverColor;
+					}
+				}
+			}
+		}
+	}
+}
+
+@if ($highlightBg == $ratingStarIconOnColor) {
+	.p-highlight {
+		.p-rating {
+			.p-rating-item {
+				&.p-rating-item-active {
+					.p-rating-icon {
+						color: $highlightTextColor;
+					}
+				}
+			}
+		}
+	}
+}

package/theme/styles/theme/base/components/input/_selectbutton.scss

@@ -1,50 +1,50 @@
-.p-selectbutton {
-	.p-button {
-		background: $toggleButtonBg;
-		border: $toggleButtonBorder;
-		color: $toggleButtonTextColor;
-		transition: $formElementTransition;
-
-		.p-button-icon-left,
-		.p-button-icon-right {
-			color: $toggleButtonIconColor;
-		}
-
-		&:not(.p-disabled):not(.p-highlight):hover {
-			background: $toggleButtonHoverBg;
-			border-color: $toggleButtonHoverBorderColor;
-			color: $toggleButtonTextHoverColor;
-
-			.p-button-icon-left,
-			.p-button-icon-right {
-				color: $toggleButtonIconHoverColor;
-			}
-		}
-
-		&.p-highlight {
-			background: $toggleButtonActiveBg;
-			border-color: $toggleButtonActiveBorderColor;
-			color: $toggleButtonTextActiveColor;
-
-			.p-button-icon-left,
-			.p-button-icon-right {
-				color: $toggleButtonIconActiveColor;
-			}
-
-			&:hover {
-				background: $toggleButtonActiveHoverBg;
-				border-color: $toggleButtonActiveHoverBorderColor;
-				color: $toggleButtonTextActiveHoverColor;
-
-				.p-button-icon-left,
-				.p-button-icon-right {
-					color: $toggleButtonIconActiveHoverColor;
-				}
-			}
-		}
-	}
-}
-
-p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
-	@include invalid-input();
-}
+.p-selectbutton {
+	.p-button {
+		background: $toggleButtonBg;
+		border: $toggleButtonBorder;
+		color: $toggleButtonTextColor;
+		transition: $formElementTransition;
+
+		.p-button-icon-left,
+		.p-button-icon-right {
+			color: $toggleButtonIconColor;
+		}
+
+		&:not(.p-disabled):not(.p-highlight):hover {
+			background: $toggleButtonHoverBg;
+			border-color: $toggleButtonHoverBorderColor;
+			color: $toggleButtonTextHoverColor;
+
+			.p-button-icon-left,
+			.p-button-icon-right {
+				color: $toggleButtonIconHoverColor;
+			}
+		}
+
+		&.p-highlight {
+			background: $toggleButtonActiveBg;
+			border-color: $toggleButtonActiveBorderColor;
+			color: $toggleButtonTextActiveColor;
+
+			.p-button-icon-left,
+			.p-button-icon-right {
+				color: $toggleButtonIconActiveColor;
+			}
+
+			&:hover {
+				background: $toggleButtonActiveHoverBg;
+				border-color: $toggleButtonActiveHoverBorderColor;
+				color: $toggleButtonTextActiveHoverColor;
+
+				.p-button-icon-left,
+				.p-button-icon-right {
+					color: $toggleButtonIconActiveHoverColor;
+				}
+			}
+		}
+	}
+}
+
+p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
+	@include invalid-input();
+}

package/theme/styles/theme/base/components/input/_slider.scss

@@ -1,75 +1,75 @@
-@use 'sass:math';
-
-.p-slider {
-	background: $sliderBg;
-	border: $sliderBorder;
-	border-radius: $borderRadius;
-
-	&.p-slider-horizontal {
-		height: $sliderHorizontalHeight;
-
-		.p-slider-handle {
-			margin-top: math.div(-1 * $sliderHandleHeight, 2);
-			margin-left: math.div(-1 * $sliderHandleWidth, 2);
-		}
-	}
-
-	&.p-slider-vertical {
-		width: $sliderVerticalWidth;
-
-		.p-slider-handle {
-			margin-left: math.div(-1 * $sliderHandleWidth, 2);
-			margin-bottom: math.div(-1 * $sliderHandleHeight, 2);
-		}
-	}
-
-	.p-slider-handle {
-		height: $sliderHandleHeight;
-		width: $sliderHandleWidth;
-		background: $sliderHandleBg;
-		border: $sliderHandleBorder;
-		border-radius: $sliderHandleBorderRadius;
-		transition: $formElementTransition;
-
-		&:focus {
-			@include focused();
-		}
-	}
-
-	.p-slider-range {
-		background: $sliderRangeBg;
-	}
-
-	&:not(.p-disabled) {
-		.p-slider-handle:hover {
-			background: $sliderHandleHoverBg;
-			border-color: $sliderHandleHoverBorderColor;
-		}
-	}
-
-	&.p-slider-animate {
-		&.p-slider-horizontal {
-			.p-slider-handle {
-				transition:
-					$formElementTransition,
-					left $transitionDuration;
-			}
-
-			.p-slider-range {
-				transition: width $transitionDuration;
-			}
-		}
-
-		&.p-slider-vertical {
-			.p-slider-handle {
-				transition:
-					$formElementTransition,
-					bottom $transitionDuration;
-			}
-
-			.p-slider-range {
-				transition: height $transitionDuration;
-			}
-		}
-	}
-}
+@use 'sass:math';
+
+.p-slider {
+	background: $sliderBg;
+	border: $sliderBorder;
+	border-radius: $borderRadius;
+
+	&.p-slider-horizontal {
+		height: $sliderHorizontalHeight;
+
+		.p-slider-handle {
+			margin-top: math.div(-1 * $sliderHandleHeight, 2);
+			margin-left: math.div(-1 * $sliderHandleWidth, 2);
+		}
+	}
+
+	&.p-slider-vertical {
+		width: $sliderVerticalWidth;
+
+		.p-slider-handle {
+			margin-left: math.div(-1 * $sliderHandleWidth, 2);
+			margin-bottom: math.div(-1 * $sliderHandleHeight, 2);
+		}
+	}
+
+	.p-slider-handle {
+		height: $sliderHandleHeight;
+		width: $sliderHandleWidth;
+		background: $sliderHandleBg;
+		border: $sliderHandleBorder;
+		border-radius: $sliderHandleBorderRadius;
+		transition: $formElementTransition;
+
+		&:focus {
+			@include focused();
+		}
+	}
+
+	.p-slider-range {
+		background: $sliderRangeBg;
+	}
+
+	&:not(.p-disabled) {
+		.p-slider-handle:hover {
+			background: $sliderHandleHoverBg;
+			border-color: $sliderHandleHoverBorderColor;
+		}
+	}
+
+	&.p-slider-animate {
+		&.p-slider-horizontal {
+			.p-slider-handle {
+				transition:
+					$formElementTransition,
+					left $transitionDuration;
+			}
+
+			.p-slider-range {
+				transition: width $transitionDuration;
+			}
+		}
+
+		&.p-slider-vertical {
+			.p-slider-handle {
+				transition:
+					$formElementTransition,
+					bottom $transitionDuration;
+			}
+
+			.p-slider-range {
+				transition: height $transitionDuration;
+			}
+		}
+	}
+}

package/theme/styles/theme/base/components/input/_togglebutton.scss

@@ -1,48 +1,48 @@
-.p-togglebutton.p-button {
-	background: $toggleButtonBg;
-	border: $toggleButtonBorder;
-	color: $toggleButtonTextColor;
-	transition: $formElementTransition;
-
-	.p-button-icon-left,
-	.p-button-icon-right {
-		color: $toggleButtonIconColor;
-	}
-
-	&:not(.p-disabled):not(.p-highlight):hover {
-		background: $toggleButtonHoverBg;
-		border-color: $toggleButtonHoverBorderColor;
-		color: $toggleButtonTextHoverColor;
-
-		.p-button-icon-left,
-		.p-button-icon-right {
-			color: $toggleButtonIconHoverColor;
-		}
-	}
-
-	&.p-highlight {
-		background: $toggleButtonActiveBg;
-		border-color: $toggleButtonActiveBorderColor;
-		color: $toggleButtonTextActiveColor;
-
-		.p-button-icon-left,
-		.p-button-icon-right {
-			color: $toggleButtonIconActiveColor;
-		}
-
-		&:hover {
-			background: $toggleButtonActiveHoverBg;
-			border-color: $toggleButtonActiveHoverBorderColor;
-			color: $toggleButtonTextActiveHoverColor;
-
-			.p-button-icon-left,
-			.p-button-icon-right {
-				color: $toggleButtonIconActiveHoverColor;
-			}
-		}
-	}
-}
-
-p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
-	@include invalid-input();
-}
+.p-togglebutton.p-button {
+	background: $toggleButtonBg;
+	border: $toggleButtonBorder;
+	color: $toggleButtonTextColor;
+	transition: $formElementTransition;
+
+	.p-button-icon-left,
+	.p-button-icon-right {
+		color: $toggleButtonIconColor;
+	}
+
+	&:not(.p-disabled):not(.p-highlight):hover {
+		background: $toggleButtonHoverBg;
+		border-color: $toggleButtonHoverBorderColor;
+		color: $toggleButtonTextHoverColor;
+
+		.p-button-icon-left,
+		.p-button-icon-right {
+			color: $toggleButtonIconHoverColor;
+		}
+	}
+
+	&.p-highlight {
+		background: $toggleButtonActiveBg;
+		border-color: $toggleButtonActiveBorderColor;
+		color: $toggleButtonTextActiveColor;
+
+		.p-button-icon-left,
+		.p-button-icon-right {
+			color: $toggleButtonIconActiveColor;
+		}
+
+		&:hover {
+			background: $toggleButtonActiveHoverBg;
+			border-color: $toggleButtonActiveHoverBorderColor;
+			color: $toggleButtonTextActiveHoverColor;
+
+			.p-button-icon-left,
+			.p-button-icon-right {
+				color: $toggleButtonIconActiveHoverColor;
+			}
+		}
+	}
+}
+
+p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
+	@include invalid-input();
+}