aril 0.0.45 → 0.0.47

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

@@ -1,16 +1,16 @@
-@use 'sass:math';
-
-p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
-	@include invalid-input();
-}
-
-p-inputmask.p-inputmask-clearable {
-	.p-inputtext {
-		padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-	}
-
-	.p-inputmask-clear-icon {
-		color: $inputIconColor;
-		right: nth($inputPadding, 2);
-	}
-}
+@use 'sass:math';
+
+p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
+	@include invalid-input();
+}
+
+p-inputmask.p-inputmask-clearable {
+	.p-inputtext {
+		padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	}
+
+	.p-inputmask-clear-icon {
+		color: $inputIconColor;
+		right: nth($inputPadding, 2);
+	}
+}

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

@@ -1,28 +1,28 @@
-p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
-	@include invalid-input();
-}
-
-p-inputnumber.p-inputnumber-clearable {
-	.p-inputnumber-input {
-		padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-	}
-
-	.p-inputnumber-clear-icon {
-		color: $inputIconColor;
-		right: nth($inputPadding, 2);
-	}
-}
-
-p-inputnumber.p-inputnumber-clearable {
-	.p-inputnumber-buttons-stacked {
-		.p-inputnumber-clear-icon {
-			right: $buttonIconOnlyWidth + nth($inputPadding, 2);
-		}
-	}
-
-	.p-inputnumber-buttons-horizontal {
-		.p-inputnumber-clear-icon {
-			right: $buttonIconOnlyWidth + nth($inputPadding, 2);
-		}
-	}
-}
+p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
+	@include invalid-input();
+}
+
+p-inputnumber.p-inputnumber-clearable {
+	.p-inputnumber-input {
+		padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	}
+
+	.p-inputnumber-clear-icon {
+		color: $inputIconColor;
+		right: nth($inputPadding, 2);
+	}
+}
+
+p-inputnumber.p-inputnumber-clearable {
+	.p-inputnumber-buttons-stacked {
+		.p-inputnumber-clear-icon {
+			right: $buttonIconOnlyWidth + nth($inputPadding, 2);
+		}
+	}
+
+	.p-inputnumber-buttons-horizontal {
+		.p-inputnumber-clear-icon {
+			right: $buttonIconOnlyWidth + nth($inputPadding, 2);
+		}
+	}
+}

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

@@ -1,60 +1,60 @@
-@use 'sass:math';
-
-.p-inputswitch {
-	width: $inputSwitchWidth;
-	height: $inputSwitchHeight;
-
-	.p-inputswitch-slider {
-		background: $inputSwitchSliderOffBg;
-		transition: $formElementTransition;
-		border-radius: $inputSwitchBorderRadius;
-
-		&:before {
-			background: $inputSwitchHandleOffBg;
-			width: $inputSwitchHandleWidth;
-			height: $inputSwitchHandleHeight;
-			left: $inputSwitchSliderPadding;
-			margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
-			border-radius: $inputSwitchHandleBorderRadius;
-			transition-duration: $transitionDuration;
-		}
-	}
-
-	&.p-inputswitch-checked {
-		.p-inputswitch-slider:before {
-			transform: translateX($inputSwitchHandleWidth);
-		}
-	}
-
-	&.p-focus {
-		.p-inputswitch-slider {
-			@include focused();
-		}
-	}
-
-	&:not(.p-disabled):hover {
-		.p-inputswitch-slider {
-			background: $inputSwitchSliderOffHoverBg;
-		}
-	}
-
-	&.p-inputswitch-checked {
-		.p-inputswitch-slider {
-			background: $inputSwitchSliderOnBg;
-
-			&:before {
-				background: $inputSwitchHandleOnBg;
-			}
-		}
-
-		&:not(.p-disabled):hover {
-			.p-inputswitch-slider {
-				background: $inputSwitchSliderOnHoverBg;
-			}
-		}
-	}
-}
-
-p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
-	@include invalid-input();
-}
+@use 'sass:math';
+
+.p-inputswitch {
+	width: $inputSwitchWidth;
+	height: $inputSwitchHeight;
+
+	.p-inputswitch-slider {
+		background: $inputSwitchSliderOffBg;
+		transition: $formElementTransition;
+		border-radius: $inputSwitchBorderRadius;
+
+		&:before {
+			background: $inputSwitchHandleOffBg;
+			width: $inputSwitchHandleWidth;
+			height: $inputSwitchHandleHeight;
+			left: $inputSwitchSliderPadding;
+			margin-top: math.div(-1 * $inputSwitchHandleHeight, 2);
+			border-radius: $inputSwitchHandleBorderRadius;
+			transition-duration: $transitionDuration;
+		}
+	}
+
+	&.p-inputswitch-checked {
+		.p-inputswitch-slider:before {
+			transform: translateX($inputSwitchHandleWidth);
+		}
+	}
+
+	&.p-focus {
+		.p-inputswitch-slider {
+			@include focused();
+		}
+	}
+
+	&:not(.p-disabled):hover {
+		.p-inputswitch-slider {
+			background: $inputSwitchSliderOffHoverBg;
+		}
+	}
+
+	&.p-inputswitch-checked {
+		.p-inputswitch-slider {
+			background: $inputSwitchSliderOnBg;
+
+			&:before {
+				background: $inputSwitchHandleOnBg;
+			}
+		}
+
+		&:not(.p-disabled):hover {
+			.p-inputswitch-slider {
+				background: $inputSwitchSliderOnHoverBg;
+			}
+		}
+	}
+}
+
+p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
+	@include invalid-input();
+}

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

@@ -1,100 +1,100 @@
-.p-inputtext {
-	font-family: var(--font-family);
-	font-feature-settings: var(--font-feature-settings, normal);
-	font-size: $inputTextFontSize;
-	color: $inputTextColor;
-	background: $inputBg;
-	padding: $inputPadding;
-	border: $inputBorder;
-	transition: $formElementTransition;
-	appearance: none;
-	border-radius: $borderRadius;
-
-	&:enabled:hover {
-		border-color: $inputHoverBorderColor;
-	}
-
-	&:enabled:focus {
-		@include focused-input();
-	}
-
-	&.ng-dirty.ng-invalid {
-		@include invalid-input();
-	}
-
-	&.p-inputtext-sm {
-		@include scaledFontSize($inputTextFontSize, $scaleSM);
-		@include scaledPadding($inputPadding, $scaleSM);
-	}
-
-	&.p-inputtext-lg {
-		@include scaledFontSize($inputTextFontSize, $scaleLG);
-		@include scaledPadding($inputPadding, $scaleLG);
-	}
-}
-
-.p-float-label > label {
-	left: nth($inputPadding, 2);
-	color: $inputPlaceholderTextColor;
-	transition-duration: $transitionDuration;
-}
-
-.p-float-label > .ng-invalid.ng-dirty + label {
-	color: $inputErrorBorderColor;
-}
-
-.p-input-icon-left > .p-icon-wrapper.p-icon,
-.p-input-icon-left > i:first-of-type {
-	left: nth($inputPadding, 2);
-	color: $inputIconColor;
-}
-
-.p-input-icon-left > .p-inputtext {
-	padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-.p-input-icon-left.p-float-label > label {
-	left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-.p-input-icon-right > .p-icon-wrapper,
-.p-input-icon-right > i:last-of-type {
-	right: nth($inputPadding, 2);
-	color: $inputIconColor;
-}
-
-.p-input-icon-right > .p-inputtext {
-	padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-}
-
-@include placeholder {
-	color: $inputPlaceholderTextColor;
-}
-
-.p-input-filled {
-	.p-inputtext {
-		background-color: $inputFilledBg;
-
-		&:enabled:hover {
-			background-color: $inputFilledHoverBg;
-		}
-
-		&:enabled:focus {
-			background-color: $inputFilledFocusBg;
-		}
-	}
-}
-
-.p-inputtext-sm {
-	.p-inputtext {
-		@include scaledFontSize($inputTextFontSize, $scaleSM);
-		@include scaledPadding($inputPadding, $scaleSM);
-	}
-}
-
-.p-inputtext-lg {
-	.p-inputtext {
-		@include scaledFontSize($inputTextFontSize, $scaleLG);
-		@include scaledPadding($inputPadding, $scaleLG);
-	}
-}
+.p-inputtext {
+	font-family: var(--font-family);
+	font-feature-settings: var(--font-feature-settings, normal);
+	font-size: $inputTextFontSize;
+	color: $inputTextColor;
+	background: $inputBg;
+	padding: $inputPadding;
+	border: $inputBorder;
+	transition: $formElementTransition;
+	appearance: none;
+	border-radius: $borderRadius;
+
+	&:enabled:hover {
+		border-color: $inputHoverBorderColor;
+	}
+
+	&:enabled:focus {
+		@include focused-input();
+	}
+
+	&.ng-dirty.ng-invalid {
+		@include invalid-input();
+	}
+
+	&.p-inputtext-sm {
+		@include scaledFontSize($inputTextFontSize, $scaleSM);
+		@include scaledPadding($inputPadding, $scaleSM);
+	}
+
+	&.p-inputtext-lg {
+		@include scaledFontSize($inputTextFontSize, $scaleLG);
+		@include scaledPadding($inputPadding, $scaleLG);
+	}
+}
+
+.p-float-label > label {
+	left: nth($inputPadding, 2);
+	color: $inputPlaceholderTextColor;
+	transition-duration: $transitionDuration;
+}
+
+.p-float-label > .ng-invalid.ng-dirty + label {
+	color: $inputErrorBorderColor;
+}
+
+.p-input-icon-left > .p-icon-wrapper.p-icon,
+.p-input-icon-left > i:first-of-type {
+	left: nth($inputPadding, 2);
+	color: $inputIconColor;
+}
+
+.p-input-icon-left > .p-inputtext {
+	padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+}
+
+.p-input-icon-left.p-float-label > label {
+	left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+}
+
+.p-input-icon-right > .p-icon-wrapper,
+.p-input-icon-right > i:last-of-type {
+	right: nth($inputPadding, 2);
+	color: $inputIconColor;
+}
+
+.p-input-icon-right > .p-inputtext {
+	padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+}
+
+@include placeholder {
+	color: $inputPlaceholderTextColor;
+}
+
+.p-input-filled {
+	.p-inputtext {
+		background-color: $inputFilledBg;
+
+		&:enabled:hover {
+			background-color: $inputFilledHoverBg;
+		}
+
+		&:enabled:focus {
+			background-color: $inputFilledFocusBg;
+		}
+	}
+}
+
+.p-inputtext-sm {
+	.p-inputtext {
+		@include scaledFontSize($inputTextFontSize, $scaleSM);
+		@include scaledPadding($inputPadding, $scaleSM);
+	}
+}
+
+.p-inputtext-lg {
+	.p-inputtext {
+		@include scaledFontSize($inputTextFontSize, $scaleLG);
+		@include scaledPadding($inputPadding, $scaleLG);
+	}
+}

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

@@ -1,97 +1,97 @@
-.p-listbox {
-	background: $inputListBg;
-	color: $inputListTextColor;
-	border: $inputListBorder;
-	border-radius: $borderRadius;
-	transition: $formElementTransition;
-
-	.p-listbox-header {
-		padding: $inputListHeaderPadding;
-		border-bottom: $inputListHeaderBorder;
-		color: $inputListHeaderTextColor;
-		background: $inputListHeaderBg;
-		margin: $inputListHeaderMargin;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-
-		.p-listbox-filter {
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-		}
-
-		.p-listbox-filter-icon {
-			right: nth($inputPadding, 2);
-			color: $inputIconColor;
-		}
-
-		.p-checkbox {
-			margin-right: $inlineSpacing;
-		}
-	}
-
-	.p-listbox-list {
-		padding: $inputListPadding;
-		outline: 0 none;
-
-		.p-listbox-item {
-			margin: $inputListItemMargin;
-			padding: $inputListItemPadding;
-			border: $inputListItemBorder;
-			color: $inputListItemTextColor;
-			transition: $listItemTransition;
-			border-radius: $inputListItemBorderRadius;
-
-			&.p-highlight {
-				color: $highlightTextColor;
-				background: $highlightBg;
-			}
-
-			.p-checkbox {
-				margin-right: $inlineSpacing;
-			}
-		}
-
-		.p-listbox-item-group {
-			margin: $submenuHeaderMargin;
-			padding: $submenuHeaderPadding;
-			color: $submenuHeaderTextColor;
-			background: $submenuHeaderBg;
-			font-weight: $submenuHeaderFontWeight;
-		}
-
-		.p-listbox-empty-message {
-			padding: $inputListItemPadding;
-			color: $inputListItemTextColor;
-			background: $inputListItemBg;
-		}
-	}
-
-	&:not(.p-disabled) {
-		.p-listbox-item {
-			&.p-highlight {
-				&.p-focus {
-					background: $highlightFocusBg;
-				}
-			}
-
-			&:not(.p-highlight):not(.p-disabled) {
-				&.p-focus {
-					color: $inputListItemTextFocusColor;
-					background: $inputListItemFocusBg;
-				}
-
-				&:hover {
-					color: $inputListItemTextHoverColor;
-					background: $inputListItemHoverBg;
-				}
-			}
-		}
-	}
-
-	&.p-focus {
-		@include focused-input();
-	}
-}
-
-p-listbox.ng-dirty.ng-invalid > .p-listbox {
-	@include invalid-input();
-}
+.p-listbox {
+	background: $inputListBg;
+	color: $inputListTextColor;
+	border: $inputListBorder;
+	border-radius: $borderRadius;
+	transition: $formElementTransition;
+
+	.p-listbox-header {
+		padding: $inputListHeaderPadding;
+		border-bottom: $inputListHeaderBorder;
+		color: $inputListHeaderTextColor;
+		background: $inputListHeaderBg;
+		margin: $inputListHeaderMargin;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		.p-listbox-filter {
+			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+		}
+
+		.p-listbox-filter-icon {
+			right: nth($inputPadding, 2);
+			color: $inputIconColor;
+		}
+
+		.p-checkbox {
+			margin-right: $inlineSpacing;
+		}
+	}
+
+	.p-listbox-list {
+		padding: $inputListPadding;
+		outline: 0 none;
+
+		.p-listbox-item {
+			margin: $inputListItemMargin;
+			padding: $inputListItemPadding;
+			border: $inputListItemBorder;
+			color: $inputListItemTextColor;
+			transition: $listItemTransition;
+			border-radius: $inputListItemBorderRadius;
+
+			&.p-highlight {
+				color: $highlightTextColor;
+				background: $highlightBg;
+			}
+
+			.p-checkbox {
+				margin-right: $inlineSpacing;
+			}
+		}
+
+		.p-listbox-item-group {
+			margin: $submenuHeaderMargin;
+			padding: $submenuHeaderPadding;
+			color: $submenuHeaderTextColor;
+			background: $submenuHeaderBg;
+			font-weight: $submenuHeaderFontWeight;
+		}
+
+		.p-listbox-empty-message {
+			padding: $inputListItemPadding;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+		}
+	}
+
+	&:not(.p-disabled) {
+		.p-listbox-item {
+			&.p-highlight {
+				&.p-focus {
+					background: $highlightFocusBg;
+				}
+			}
+
+			&:not(.p-highlight):not(.p-disabled) {
+				&.p-focus {
+					color: $inputListItemTextFocusColor;
+					background: $inputListItemFocusBg;
+				}
+
+				&:hover {
+					color: $inputListItemTextHoverColor;
+					background: $inputListItemHoverBg;
+				}
+			}
+		}
+	}
+
+	&.p-focus {
+		@include focused-input();
+	}
+}
+
+p-listbox.ng-dirty.ng-invalid > .p-listbox {
+	@include invalid-input();
+}