aril 0.0.21 → 0.0.22

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

@@ -1,135 +1,135 @@
-@use 'sass:math';
-.p-cascadeselect {
-	background: $inputBg;
-	border: $inputBorder;
-	transition: $formElementTransition;
-	border-radius: $borderRadius;
-
-	&:not(.p-disabled):hover {
-		border-color: $inputHoverBorderColor;
-	}
-
-	&:not(.p-disabled).p-focus {
-		@include focused-input();
-	}
-
-	.p-cascadeselect-label {
-		background: transparent;
-		border: 0 none;
-		padding: $inputPadding;
-
-		&.p-placeholder {
-			color: $inputPlaceholderTextColor;
-		}
-
-		&:enabled:focus {
-			outline: 0 none;
-			box-shadow: none;
-		}
-	}
-
-	.p-cascadeselect-trigger {
-		background: transparent;
-		color: $inputIconColor;
-		width: $inputGroupAddOnMinWidth;
-		border-top-right-radius: $borderRadius;
-		border-bottom-right-radius: $borderRadius;
-	}
-
-	&.p-invalid.p-component {
-		@include invalid-input();
-	}
-}
-
-.p-cascadeselect-panel {
-	background: $inputOverlayBg;
-	color: $inputListTextColor;
-	border: $inputOverlayBorder;
-	border-radius: $borderRadius;
-	box-shadow: $inputOverlayShadow;
-
-	.p-cascadeselect-items {
-		padding: $inputListPadding;
-
-		.p-cascadeselect-item {
-			margin: $inputListItemMargin;
-			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-cascadeselect-item-content {
-				padding: $inputListItemPadding;
-			}
-
-			.p-cascadeselect-group-icon {
-				font-size: $menuitemSubmenuIconFontSize;
-			}
-		}
-	}
-}
-
-.p-input-filled {
-	.p-cascadeselect {
-		background: $inputFilledBg;
-
-		&:not(.p-disabled):hover {
-			background-color: $inputFilledHoverBg;
-		}
-
-		&:not(.p-disabled).p-focus {
-			background-color: $inputFilledFocusBg;
-		}
-	}
-}
-
-p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
-	@include invalid-input();
-}
-
-p-cascadeselect.p-cascadeselect-clearable {
-	.p-cascadeselect-label {
-		padding-right: nth($inputPadding, 2);
-	}
-
-	.p-cascadeselect-clear-icon {
-		color: $inputIconColor;
-		right: $inputGroupAddOnMinWidth;
-	}
-}
-
-.p-overlay-modal {
-	.p-cascadeselect-sublist {
-		.p-cascadeselect-panel {
-			box-shadow: none;
-			border-radius: 0;
-			padding: math.div($inlineSpacing, 2) 0 math.div($inlineSpacing, 2) $inlineSpacing;
-		}
-	}
-
-	.p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
-		transform: rotate(90deg);
-	}
-}
+@use 'sass:math';
+.p-cascadeselect {
+	background: $inputBg;
+	border: $inputBorder;
+	transition: $formElementTransition;
+	border-radius: $borderRadius;
+
+	&:not(.p-disabled):hover {
+		border-color: $inputHoverBorderColor;
+	}
+
+	&:not(.p-disabled).p-focus {
+		@include focused-input();
+	}
+
+	.p-cascadeselect-label {
+		background: transparent;
+		border: 0 none;
+		padding: $inputPadding;
+
+		&.p-placeholder {
+			color: $inputPlaceholderTextColor;
+		}
+
+		&:enabled:focus {
+			outline: 0 none;
+			box-shadow: none;
+		}
+	}
+
+	.p-cascadeselect-trigger {
+		background: transparent;
+		color: $inputIconColor;
+		width: $inputGroupAddOnMinWidth;
+		border-top-right-radius: $borderRadius;
+		border-bottom-right-radius: $borderRadius;
+	}
+
+	&.p-invalid.p-component {
+		@include invalid-input();
+	}
+}
+
+.p-cascadeselect-panel {
+	background: $inputOverlayBg;
+	color: $inputListTextColor;
+	border: $inputOverlayBorder;
+	border-radius: $borderRadius;
+	box-shadow: $inputOverlayShadow;
+
+	.p-cascadeselect-items {
+		padding: $inputListPadding;
+
+		.p-cascadeselect-item {
+			margin: $inputListItemMargin;
+			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-cascadeselect-item-content {
+				padding: $inputListItemPadding;
+			}
+
+			.p-cascadeselect-group-icon {
+				font-size: $menuitemSubmenuIconFontSize;
+			}
+		}
+	}
+}
+
+.p-input-filled {
+	.p-cascadeselect {
+		background: $inputFilledBg;
+
+		&:not(.p-disabled):hover {
+			background-color: $inputFilledHoverBg;
+		}
+
+		&:not(.p-disabled).p-focus {
+			background-color: $inputFilledFocusBg;
+		}
+	}
+}
+
+p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
+	@include invalid-input();
+}
+
+p-cascadeselect.p-cascadeselect-clearable {
+	.p-cascadeselect-label {
+		padding-right: nth($inputPadding, 2);
+	}
+
+	.p-cascadeselect-clear-icon {
+		color: $inputIconColor;
+		right: $inputGroupAddOnMinWidth;
+	}
+}
+
+.p-overlay-modal {
+	.p-cascadeselect-sublist {
+		.p-cascadeselect-panel {
+			box-shadow: none;
+			border-radius: 0;
+			padding: math.div($inlineSpacing, 2) 0 math.div($inlineSpacing, 2) $inlineSpacing;
+		}
+	}
+
+	.p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
+		transform: rotate(90deg);
+	}
+}

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

@@ -1,94 +1,94 @@
-.p-checkbox {
-	width: $checkboxWidth;
-	height: $checkboxHeight;
-
-	.p-checkbox-box {
-		border: $checkboxBorder;
-		background: $inputBg;
-		width: $checkboxWidth;
-		height: $checkboxHeight;
-		color: $textColor;
-		border-radius: $borderRadius;
-		transition: $formElementTransition;
-
-		.p-checkbox-icon {
-			transition-duration: $transitionDuration;
-			color: $checkboxIconActiveColor;
-			font-size: $checkboxIconFontSize;
-		}
-
-		.p-icon {
-			width: $checkboxIconFontSize;
-			height: $checkboxIconFontSize;
-		}
-
-		&.p-highlight {
-			border-color: $checkboxActiveBorderColor;
-			background: $checkboxActiveBg;
-		}
-	}
-
-	&:not(.p-checkbox-disabled) {
-		.p-checkbox-box {
-			&:hover {
-				border-color: $inputHoverBorderColor;
-			}
-
-			&.p-focus {
-				@include focused-input();
-			}
-
-			&.p-highlight:hover {
-				border-color: $checkboxActiveHoverBorderColor;
-				background: $checkboxActiveHoverBg;
-				color: $checkboxIconActiveHoverColor;
-			}
-		}
-	}
-}
-
-p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-	@include invalid-input();
-}
-
-.p-input-filled {
-	.p-checkbox {
-		.p-checkbox-box {
-			background-color: $inputFilledBg;
-
-			&.p-highlight {
-				background: $checkboxActiveBg;
-			}
-		}
-
-		&:not(.p-checkbox-disabled) {
-			.p-checkbox-box {
-				&:hover {
-					background-color: $inputFilledHoverBg;
-				}
-
-				&.p-highlight:hover {
-					background: $checkboxActiveHoverBg;
-				}
-			}
-		}
-	}
-}
-
-.p-checkbox-label {
-	margin-left: $inlineSpacing;
-}
-
-@if ($highlightBg == $checkboxActiveBg) {
-	.p-highlight {
-		.p-checkbox {
-			.p-checkbox-box {
-				border-color: $checkboxIconActiveColor;
-			}
-		}
-	}
-}
-
-p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
-	@include invalid-input();
-}
+.p-checkbox {
+	width: $checkboxWidth;
+	height: $checkboxHeight;
+
+	.p-checkbox-box {
+		border: $checkboxBorder;
+		background: $inputBg;
+		width: $checkboxWidth;
+		height: $checkboxHeight;
+		color: $textColor;
+		border-radius: $borderRadius;
+		transition: $formElementTransition;
+
+		.p-checkbox-icon {
+			transition-duration: $transitionDuration;
+			color: $checkboxIconActiveColor;
+			font-size: $checkboxIconFontSize;
+		}
+
+		.p-icon {
+			width: $checkboxIconFontSize;
+			height: $checkboxIconFontSize;
+		}
+
+		&.p-highlight {
+			border-color: $checkboxActiveBorderColor;
+			background: $checkboxActiveBg;
+		}
+	}
+
+	&:not(.p-checkbox-disabled) {
+		.p-checkbox-box {
+			&:hover {
+				border-color: $inputHoverBorderColor;
+			}
+
+			&.p-focus {
+				@include focused-input();
+			}
+
+			&.p-highlight:hover {
+				border-color: $checkboxActiveHoverBorderColor;
+				background: $checkboxActiveHoverBg;
+				color: $checkboxIconActiveHoverColor;
+			}
+		}
+	}
+}
+
+p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+	@include invalid-input();
+}
+
+.p-input-filled {
+	.p-checkbox {
+		.p-checkbox-box {
+			background-color: $inputFilledBg;
+
+			&.p-highlight {
+				background: $checkboxActiveBg;
+			}
+		}
+
+		&:not(.p-checkbox-disabled) {
+			.p-checkbox-box {
+				&:hover {
+					background-color: $inputFilledHoverBg;
+				}
+
+				&.p-highlight:hover {
+					background: $checkboxActiveHoverBg;
+				}
+			}
+		}
+	}
+}
+
+.p-checkbox-label {
+	margin-left: $inlineSpacing;
+}
+
+@if ($highlightBg == $checkboxActiveBg) {
+	.p-highlight {
+		.p-checkbox {
+			.p-checkbox-box {
+				border-color: $checkboxIconActiveColor;
+			}
+		}
+	}
+}
+
+p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
+	@include invalid-input();
+}

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

@@ -1,65 +1,65 @@
-@use 'sass:math';
-
-.p-chips {
-	&:not(.p-disabled):hover {
-		.p-chips-multiple-container {
-			border-color: $inputHoverBorderColor;
-		}
-	}
-
-	&:not(.p-disabled).p-focus {
-		.p-chips-multiple-container {
-			@include focused-input();
-		}
-	}
-
-	.p-chips-multiple-container {
-		padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-		gap: $inlineSpacing;
-
-		.p-chips-token {
-			padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-			margin-right: $inlineSpacing;
-			background: $chipBg;
-			color: $chipTextColor;
-			border-radius: $chipBorderRadius;
-
-			&.p-focus {
-				background: $chipFocusBg;
-				color: $chipFocusTextColor;
-			}
-
-			.p-chips-token-icon {
-				margin-left: $inlineSpacing;
-			}
-		}
-
-		.p-chips-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-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
-	@include invalid-input();
-}
-
-p-chips.p-chips-clearable {
-	.p-inputtext {
-		padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-	}
-
-	.p-chips-clear-icon {
-		color: $inputIconColor;
-		right: nth($inputPadding, 2);
-	}
-}
+@use 'sass:math';
+
+.p-chips {
+	&:not(.p-disabled):hover {
+		.p-chips-multiple-container {
+			border-color: $inputHoverBorderColor;
+		}
+	}
+
+	&:not(.p-disabled).p-focus {
+		.p-chips-multiple-container {
+			@include focused-input();
+		}
+	}
+
+	.p-chips-multiple-container {
+		padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+		gap: $inlineSpacing;
+
+		.p-chips-token {
+			padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+			margin-right: $inlineSpacing;
+			background: $chipBg;
+			color: $chipTextColor;
+			border-radius: $chipBorderRadius;
+
+			&.p-focus {
+				background: $chipFocusBg;
+				color: $chipFocusTextColor;
+			}
+
+			.p-chips-token-icon {
+				margin-left: $inlineSpacing;
+			}
+		}
+
+		.p-chips-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-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
+	@include invalid-input();
+}
+
+p-chips.p-chips-clearable {
+	.p-inputtext {
+		padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+	}
+
+	.p-chips-clear-icon {
+		color: $inputIconColor;
+		right: nth($inputPadding, 2);
+	}
+}

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

@@ -1,19 +1,19 @@
-.p-colorpicker-preview,
-.p-fluid .p-colorpicker-preview.p-inputtext {
-	width: $colorPickerPreviewWidth;
-	height: $colorPickerPreviewHeight;
-}
-
-.p-colorpicker-panel {
-	background: $colorPickerBg;
-	border: $colorPickerBorder;
-
-	.p-colorpicker-color-handle,
-	.p-colorpicker-hue-handle {
-		border-color: $colorPickerHandleColor;
-	}
-}
-
-.p-colorpicker-overlay-panel {
-	box-shadow: $inputOverlayShadow;
-}
+.p-colorpicker-preview,
+.p-fluid .p-colorpicker-preview.p-inputtext {
+	width: $colorPickerPreviewWidth;
+	height: $colorPickerPreviewHeight;
+}
+
+.p-colorpicker-panel {
+	background: $colorPickerBg;
+	border: $colorPickerBorder;
+
+	.p-colorpicker-color-handle,
+	.p-colorpicker-hue-handle {
+		border-color: $colorPickerHandleColor;
+	}
+}
+
+.p-colorpicker-overlay-panel {
+	box-shadow: $inputOverlayShadow;
+}