aril 0.0.7 → 0.0.9

package/theme/styles/theme/base/components/file/_fileupload.scss

@@ -1,64 +1,64 @@
 .p-fileupload {
-    .p-fileupload-buttonbar {
-        background: $panelHeaderBg;
-        padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
-        color: $panelHeaderTextColor;
-        border-bottom: 0 none;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
+	.p-fileupload-buttonbar {
+		background: $panelHeaderBg;
+		padding: $panelHeaderPadding;
+		border: $panelHeaderBorder;
+		color: $panelHeaderTextColor;
+		border-bottom: 0 none;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
 
-        .p-button {
-            margin-right: $inlineSpacing;
+		.p-button {
+			margin-right: $inlineSpacing;
 
-            &.p-fileupload-choose.p-focus {
-                @include focused();
-            }
-        }
-    }
+			&.p-fileupload-choose.p-focus {
+				@include focused();
+			}
+		}
+	}
 
-    .p-fileupload-content {
-        background: $panelContentBg;
-        padding: $fileUploadContentPadding;
-        border: $panelContentBorder;
-        color: $panelContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
+	.p-fileupload-content {
+		background: $panelContentBg;
+		padding: $fileUploadContentPadding;
+		border: $panelContentBorder;
+		color: $panelContentTextColor;
+		border-bottom-right-radius: $borderRadius;
+		border-bottom-left-radius: $borderRadius;
 
-        &.p-fileupload-highlight {
-            border-color: $fileUploadContentHoverBorder;
-            border-style: dashed;
-            background-color: $highlightBg;
-        }
-    }
+		&.p-fileupload-highlight {
+			border-color: $fileUploadContentHoverBorder;
+			border-style: dashed;
+			background-color: $highlightBg;
+		}
+	}
 
-    .p-progressbar {
-        height: $fileUploadProgressBarHeight;
-    }
+	.p-progressbar {
+		height: $fileUploadProgressBarHeight;
+	}
 
-    .p-fileupload-row {
-        > div {
-            padding: $tableBodyCellPadding;
-        }
-    }
+	.p-fileupload-row {
+		> div {
+			padding: $tableBodyCellPadding;
+		}
+	}
 
-    &.p-fileupload-advanced {
-        .p-message {
-            margin-top: 0;
-        }
-    }
+	&.p-fileupload-advanced {
+		.p-message {
+			margin-top: 0;
+		}
+	}
 }
 
 .p-fileupload-choose {
-    &:not(.p-disabled):hover {
-        background: $buttonHoverBg;
-        color: $buttonTextHoverColor;
-        border-color: $buttonHoverBorderColor;
-    }
+	&:not(.p-disabled):hover {
+		background: $buttonHoverBg;
+		color: $buttonTextHoverColor;
+		border-color: $buttonHoverBorderColor;
+	}
 
-    &:not(.p-disabled):active {
-        background: $buttonActiveBg;
-        color: $buttonTextActiveColor;
-        border-color: $buttonActiveBorderColor;
-    }
+	&:not(.p-disabled):active {
+		background: $buttonActiveBg;
+		color: $buttonTextActiveColor;
+		border-color: $buttonActiveBorderColor;
+	}
 }

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

@@ -1,136 +1,136 @@
 @use 'sass:math';
 
 .p-autocomplete {
-    .p-autocomplete-loader {
-        right: nth($inputPadding, 2); 
-    }
-
-    &.p-autocomplete-dd {
-        .p-autocomplete-loader {
-            right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
-        }
-    }
-
-    &:not(.p-disabled):hover {
-        .p-autocomplete-multiple-container {
-            border-color: $inputHoverBorderColor;
-        }
-    }
-
-    &:not(.p-disabled).p-focus {
-        .p-autocomplete-multiple-container {
-            @include focused-input();
-        }
-    }
-
-    .p-autocomplete-multiple-container {
-        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-        gap: $inlineSpacing;
-
-        .p-autocomplete-input-token {
-            padding: math.div(nth($inputPadding, 1), 2) 0;
-            
-            input {
-                font-family: var(--font-family);
-                font-feature-settings: var(--font-feature-settings, normal);
-                font-size: $inputTextFontSize;
-                color: $textColor;
-                padding: 0;
-                margin: 0;
-            }
-        }
-
-        .p-autocomplete-token {
-            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-            background: $chipBg;
-            color: $chipTextColor;
-            border-radius: $chipBorderRadius;
-
-            .p-autocomplete-token-icon {
-                margin-left: $inlineSpacing;
-            }
-
-            &.p-focus {
-                background: $chipFocusBg;
-                color: $chipFocusTextColor;
-            }
-        }
-    }
-
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
+	.p-autocomplete-loader {
+		right: nth($inputPadding, 2);
+	}
+
+	&.p-autocomplete-dd {
+		.p-autocomplete-loader {
+			right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
+		}
+	}
+
+	&:not(.p-disabled):hover {
+		.p-autocomplete-multiple-container {
+			border-color: $inputHoverBorderColor;
+		}
+	}
+
+	&:not(.p-disabled).p-focus {
+		.p-autocomplete-multiple-container {
+			@include focused-input();
+		}
+	}
+
+	.p-autocomplete-multiple-container {
+		padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+		gap: $inlineSpacing;
+
+		.p-autocomplete-input-token {
+			padding: math.div(nth($inputPadding, 1), 2) 0;
+
+			input {
+				font-family: var(--font-family);
+				font-feature-settings: var(--font-feature-settings, normal);
+				font-size: $inputTextFontSize;
+				color: $textColor;
+				padding: 0;
+				margin: 0;
+			}
+		}
+
+		.p-autocomplete-token {
+			padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+			background: $chipBg;
+			color: $chipTextColor;
+			border-radius: $chipBorderRadius;
+
+			.p-autocomplete-token-icon {
+				margin-left: $inlineSpacing;
+			}
+
+			&.p-focus {
+				background: $chipFocusBg;
+				color: $chipFocusTextColor;
+			}
+		}
+	}
+
+	&.p-invalid.p-component > .p-inputtext {
+		@include invalid-input();
+	}
 }
 
 .p-autocomplete-panel {
-    background: $inputOverlayBg;
-    color: $inputListTextColor;
-    border: $inputOverlayBorder;
-    border-radius: $borderRadius;
-    box-shadow: $inputOverlayShadow;
-
-    .p-autocomplete-items {
-        padding: $inputListPadding;
-
-        .p-autocomplete-item {
-            margin: $inputListItemMargin;
-            padding: $inputListItemPadding;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-            border-radius: $inputListItemBorderRadius;
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-
-                &.p-focus {
-                    background: $highlightFocusBg;
-                }
-            }
-
-            &:not(.p-highlight):not(.p-disabled) {
-                &.p-focus {
-                    color: $inputListItemTextFocusColor;
-                    background: $inputListItemFocusBg;
-                }
-
-                &:hover {
-                    color: $inputListItemTextHoverColor;
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-
-        .p-autocomplete-item-group {
-            margin: $submenuHeaderMargin;
-            padding: $submenuHeaderPadding;
-            color: $submenuHeaderTextColor;
-            background: $submenuHeaderBg;
-            font-weight: $submenuHeaderFontWeight;
-        }
-    }
+	background: $inputOverlayBg;
+	color: $inputListTextColor;
+	border: $inputOverlayBorder;
+	border-radius: $borderRadius;
+	box-shadow: $inputOverlayShadow;
+
+	.p-autocomplete-items {
+		padding: $inputListPadding;
+
+		.p-autocomplete-item {
+			margin: $inputListItemMargin;
+			padding: $inputListItemPadding;
+			border: $inputListItemBorder;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+			transition: $listItemTransition;
+			border-radius: $inputListItemBorderRadius;
+
+			&.p-highlight {
+				color: $highlightTextColor;
+				background: $highlightBg;
+
+				&.p-focus {
+					background: $highlightFocusBg;
+				}
+			}
+
+			&:not(.p-highlight):not(.p-disabled) {
+				&.p-focus {
+					color: $inputListItemTextFocusColor;
+					background: $inputListItemFocusBg;
+				}
+
+				&:hover {
+					color: $inputListItemTextHoverColor;
+					background: $inputListItemHoverBg;
+				}
+			}
+		}
+
+		.p-autocomplete-item-group {
+			margin: $submenuHeaderMargin;
+			padding: $submenuHeaderPadding;
+			color: $submenuHeaderTextColor;
+			background: $submenuHeaderBg;
+			font-weight: $submenuHeaderFontWeight;
+		}
+	}
 }
 
 p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
-    @include invalid-input();
+	@include invalid-input();
 }
 
 p-autocomplete.p-autocomplete-clearable {
-    .p-inputtext {
-        padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-    }
-
-    .p-autocomplete-clear-icon {
-        color: $inputIconColor;
-        right: nth($inputPadding, 2);
-    }
+	.p-inputtext {
+		padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	}
+
+	.p-autocomplete-clear-icon {
+		color: $inputIconColor;
+		right: nth($inputPadding, 2);
+	}
 }
 
 p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd {
-    .p-autocomplete-clear-icon {
-        color: $inputIconColor;
-        right: $buttonIconOnlyWidth + nth($inputPadding, 2);
-    }
+	.p-autocomplete-clear-icon {
+		color: $inputIconColor;
+		right: $buttonIconOnlyWidth + nth($inputPadding, 2);
+	}
 }