aril 0.0.7 → 0.0.9

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();
+	@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-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-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;
-            }
-        }
-    }
+	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();
-}
+	@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);
-    }
+	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;
+	left: nth($inputPadding, 2);
+	color: $inputPlaceholderTextColor;
+	transition-duration: $transitionDuration;
 }
 
 .p-float-label > .ng-invalid.ng-dirty + label {
-    color: $inputErrorBorderColor;
+	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;
+	left: nth($inputPadding, 2);
+	color: $inputIconColor;
 }
 
 .p-input-icon-left > .p-inputtext {
-    padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
 }
 
 .p-input-icon-left.p-float-label > label {
-    left: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	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;
+	right: nth($inputPadding, 2);
+	color: $inputIconColor;
 }
 
 .p-input-icon-right > .p-inputtext {
-    padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
 }
 
 @include placeholder {
-    color: $inputPlaceholderTextColor
-};
+	color: $inputPlaceholderTextColor;
+}
 
 .p-input-filled {
-    .p-inputtext {
-        background-color: $inputFilledBg;
+	.p-inputtext {
+		background-color: $inputFilledBg;
 
-        &:enabled:hover {
-            background-color: $inputFilledHoverBg;
-        }
+		&:enabled:hover {
+			background-color: $inputFilledHoverBg;
+		}
 
-        &:enabled:focus {
-            background-color: $inputFilledFocusBg;
-        }
-    }
+		&:enabled:focus {
+			background-color: $inputFilledFocusBg;
+		}
+	}
 }
 
 .p-inputtext-sm {
-    .p-inputtext {
-        @include scaledFontSize($inputTextFontSize, $scaleSM);
-        @include scaledPadding($inputPadding, $scaleSM);
-    }
+	.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 {
+		@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;
+	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-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 {
+			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+		}
 
-        .p-listbox-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-        
-        .p-checkbox {
-            margin-right: $inlineSpacing;
-        }
-    }
+		.p-listbox-filter-icon {
+			right: nth($inputPadding, 2);
+			color: $inputIconColor;
+		}
 
-    .p-listbox-list {
-        padding: $inputListPadding;
-        outline: 0 none;
+		.p-checkbox {
+			margin-right: $inlineSpacing;
+		}
+	}
 
-        .p-listbox-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
+	.p-listbox-list {
+		padding: $inputListPadding;
+		outline: 0 none;
 
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
+		.p-listbox-item {
+			margin: $inputListItemMargin;
+			padding: $inputListItemPadding;
+			border: $inputListItemBorder;
+			color: $inputListItemTextColor;
+			transition: $listItemTransition;
+			border-radius: $inputListItemBorderRadius;
 
-            .p-checkbox {
-                margin-right: $inlineSpacing;
-            }
-        }
+			&.p-highlight {
+				color: $highlightTextColor;
+				background: $highlightBg;
+			}
 
-        .p-listbox-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
+			.p-checkbox {
+				margin-right: $inlineSpacing;
+			}
+		}
 
-        .p-listbox-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-        }
-    }
+		.p-listbox-item-group {
+			margin: $submenuHeaderMargin;
+			padding: $submenuHeaderPadding;
+			color: $submenuHeaderTextColor;
+			background: $submenuHeaderBg;
+			font-weight: $submenuHeaderFontWeight;
+		}
 
-    &:not(.p-disabled) {
-        .p-listbox-item {
-            &.p-highlight {
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
+		.p-listbox-empty-message {
+			padding: $inputListItemPadding;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+		}
+	}
 
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextFocusColor;
-                    background: $inputListItemFocusBg;
-                }
+	&:not(.p-disabled) {
+		.p-listbox-item {
+			&.p-highlight {
+				&.p-focus {
+					background: $highlightFocusBg;
+				}
+			}
 
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-    }
+			&:not(.p-highlight):not(.p-disabled) {
+				&.p-focus {
+					color: $inputListItemTextFocusColor;
+					background: $inputListItemFocusBg;
+				}
 
-    &.p-focus {
-        @include focused-input();
-    }
+				&:hover {
+					color: $inputListItemTextHoverColor;
+					background: $inputListItemHoverBg;
+				}
+			}
+		}
+	}
+
+	&.p-focus {
+		@include focused-input();
+	}
 }
 
 p-listbox.ng-dirty.ng-invalid > .p-listbox {
-    @include invalid-input();
-}
+	@include invalid-input();
+}