aril 0.0.65 → 0.0.67

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

@@ -1,177 +1,177 @@
-@use 'sass:math';
-
-.p-multiselect {
-	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-multiselect-label {
-		padding: $inputPadding;
-		transition: $formElementTransition;
-
-		&.p-placeholder {
-			color: $inputPlaceholderTextColor;
-		}
-	}
-
-	&.p-multiselect-chip {
-		.p-multiselect-token {
-			padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-			margin-right: $inlineSpacing;
-			background: $chipBg;
-			color: $chipTextColor;
-			border-radius: $chipBorderRadius;
-
-			.p-multiselect-token-icon {
-				margin-left: $inlineSpacing;
-			}
-		}
-	}
-
-	.p-multiselect-trigger {
-		background: transparent;
-		color: $inputIconColor;
-		width: $inputGroupAddOnMinWidth;
-		border-top-right-radius: $borderRadius;
-		border-bottom-right-radius: $borderRadius;
-	}
-}
-
-.p-inputwrapper-filled {
-	&.p-multiselect {
-		&.p-multiselect-chip {
-			.p-multiselect-label {
-				padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-			}
-		}
-	}
-}
-
-.p-multiselect-clearable {
-	.p-multiselect-label-container {
-		padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-	}
-
-	.p-multiselect-clear-icon {
-		color: $inputIconColor;
-		right: $inputGroupAddOnMinWidth;
-	}
-}
-
-.p-multiselect-panel {
-	background: $inputOverlayBg;
-	color: $inputListTextColor;
-	border: $inputOverlayBorder;
-	border-radius: $borderRadius;
-	box-shadow: $inputOverlayShadow;
-
-	.p-multiselect-header {
-		padding: $inputListHeaderPadding;
-		border-bottom: $inputListHeaderBorder;
-		color: $inputListHeaderTextColor;
-		background: $inputOverlayHeaderBg;
-		margin: $inputListHeaderMargin;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-
-		.p-multiselect-filter-container {
-			.p-inputtext {
-				padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-			}
-
-			.p-multiselect-filter-icon {
-				right: nth($inputPadding, 2);
-				color: $inputIconColor;
-			}
-		}
-
-		.p-checkbox {
-			margin-right: $inlineSpacing;
-		}
-
-		.p-multiselect-close {
-			margin-left: $inlineSpacing;
-			@include action-icon();
-		}
-	}
-
-	.p-multiselect-items {
-		padding: $inputListPadding;
-
-		.p-multiselect-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-checkbox {
-				margin-right: $inlineSpacing;
-			}
-		}
-
-		.p-multiselect-item-group {
-			margin: $submenuHeaderMargin;
-			padding: $submenuHeaderPadding;
-			color: $submenuHeaderTextColor;
-			background: $submenuHeaderBg;
-			font-weight: $submenuHeaderFontWeight;
-		}
-
-		.p-multiselect-empty-message {
-			padding: $inputListItemPadding;
-			color: $inputListItemTextColor;
-			background: $inputListItemBg;
-		}
-	}
-}
-
-.p-input-filled {
-	.p-multiselect {
-		background: $inputFilledBg;
-
-		&:not(.p-disabled):hover {
-			background-color: $inputFilledHoverBg;
-		}
-
-		&:not(.p-disabled).p-focus {
-			background-color: $inputFilledFocusBg;
-		}
-	}
-}
-
-p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
-	@include invalid-input();
-}
+@use 'sass:math';
+
+.p-multiselect {
+	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-multiselect-label {
+		padding: $inputPadding;
+		transition: $formElementTransition;
+
+		&.p-placeholder {
+			color: $inputPlaceholderTextColor;
+		}
+	}
+
+	&.p-multiselect-chip {
+		.p-multiselect-token {
+			padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+			margin-right: $inlineSpacing;
+			background: $chipBg;
+			color: $chipTextColor;
+			border-radius: $chipBorderRadius;
+
+			.p-multiselect-token-icon {
+				margin-left: $inlineSpacing;
+			}
+		}
+	}
+
+	.p-multiselect-trigger {
+		background: transparent;
+		color: $inputIconColor;
+		width: $inputGroupAddOnMinWidth;
+		border-top-right-radius: $borderRadius;
+		border-bottom-right-radius: $borderRadius;
+	}
+}
+
+.p-inputwrapper-filled {
+	&.p-multiselect {
+		&.p-multiselect-chip {
+			.p-multiselect-label {
+				padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
+			}
+		}
+	}
+}
+
+.p-multiselect-clearable {
+	.p-multiselect-label-container {
+		padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+	}
+
+	.p-multiselect-clear-icon {
+		color: $inputIconColor;
+		right: $inputGroupAddOnMinWidth;
+	}
+}
+
+.p-multiselect-panel {
+	background: $inputOverlayBg;
+	color: $inputListTextColor;
+	border: $inputOverlayBorder;
+	border-radius: $borderRadius;
+	box-shadow: $inputOverlayShadow;
+
+	.p-multiselect-header {
+		padding: $inputListHeaderPadding;
+		border-bottom: $inputListHeaderBorder;
+		color: $inputListHeaderTextColor;
+		background: $inputOverlayHeaderBg;
+		margin: $inputListHeaderMargin;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		.p-multiselect-filter-container {
+			.p-inputtext {
+				padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+			}
+
+			.p-multiselect-filter-icon {
+				right: nth($inputPadding, 2);
+				color: $inputIconColor;
+			}
+		}
+
+		.p-checkbox {
+			margin-right: $inlineSpacing;
+		}
+
+		.p-multiselect-close {
+			margin-left: $inlineSpacing;
+			@include action-icon();
+		}
+	}
+
+	.p-multiselect-items {
+		padding: $inputListPadding;
+
+		.p-multiselect-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-checkbox {
+				margin-right: $inlineSpacing;
+			}
+		}
+
+		.p-multiselect-item-group {
+			margin: $submenuHeaderMargin;
+			padding: $submenuHeaderPadding;
+			color: $submenuHeaderTextColor;
+			background: $submenuHeaderBg;
+			font-weight: $submenuHeaderFontWeight;
+		}
+
+		.p-multiselect-empty-message {
+			padding: $inputListItemPadding;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+		}
+	}
+}
+
+.p-input-filled {
+	.p-multiselect {
+		background: $inputFilledBg;
+
+		&:not(.p-disabled):hover {
+			background-color: $inputFilledHoverBg;
+		}
+
+		&:not(.p-disabled).p-focus {
+			background-color: $inputFilledFocusBg;
+		}
+	}
+}
+
+p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
+	@include invalid-input();
+}

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

@@ -1,52 +1,52 @@
-p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
-	@include invalid-input();
-}
-
-.p-password-panel {
-	padding: $panelContentPadding;
-	background: $panelContentBg;
-	color: $panelContentTextColor;
-	border: $overlayContentBorder;
-	box-shadow: $inputOverlayShadow;
-	border-radius: $borderRadius;
-
-	.p-password-meter {
-		margin-bottom: $inlineSpacing;
-		background: $passwordMeterBg;
-
-		.p-password-strength {
-			&.weak {
-				background: $passwordWeakBg;
-			}
-
-			&.medium {
-				background: $passwordMediumBg;
-			}
-
-			&.strong {
-				background: $passwordStrongBg;
-			}
-		}
-	}
-}
-
-p-password.p-password-clearable {
-	.p-password-input {
-		padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-	}
-	.p-password-clear-icon {
-		color: $inputIconColor;
-		right: nth($inputPadding, 2);
-	}
-}
-
-p-password.p-password-clearable.p-password-mask {
-	.p-password-input {
-		padding-right: nth($inputPadding, 2) * 3 + $primeIconFontSize * 2;
-	}
-
-	.p-password-clear-icon {
-		color: $inputIconColor;
-		right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
-	}
-}
+p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
+	@include invalid-input();
+}
+
+.p-password-panel {
+	padding: $panelContentPadding;
+	background: $panelContentBg;
+	color: $panelContentTextColor;
+	border: $overlayContentBorder;
+	box-shadow: $inputOverlayShadow;
+	border-radius: $borderRadius;
+
+	.p-password-meter {
+		margin-bottom: $inlineSpacing;
+		background: $passwordMeterBg;
+
+		.p-password-strength {
+			&.weak {
+				background: $passwordWeakBg;
+			}
+
+			&.medium {
+				background: $passwordMediumBg;
+			}
+
+			&.strong {
+				background: $passwordStrongBg;
+			}
+		}
+	}
+}
+
+p-password.p-password-clearable {
+	.p-password-input {
+		padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	}
+	.p-password-clear-icon {
+		color: $inputIconColor;
+		right: nth($inputPadding, 2);
+	}
+}
+
+p-password.p-password-clearable.p-password-mask {
+	.p-password-input {
+		padding-right: nth($inputPadding, 2) * 3 + $primeIconFontSize * 2;
+	}
+
+	.p-password-clear-icon {
+		color: $inputIconColor;
+		right: nth($inputPadding, 2) * 2 + $primeIconFontSize;
+	}
+}

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

@@ -1,78 +1,78 @@
-.p-radiobutton {
-	width: $radiobuttonWidth;
-	height: $radiobuttonHeight;
-
-	.p-radiobutton-box {
-		border: $radiobuttonBorder;
-		background: $inputBg;
-		width: $radiobuttonWidth;
-		height: $radiobuttonHeight;
-		color: $textColor;
-		border-radius: 50%;
-		transition: $formElementTransition;
-
-		&:not(.p-disabled):not(.p-highlight):hover {
-			border-color: $inputHoverBorderColor;
-		}
-
-		&:not(.p-disabled).p-focus {
-			@include focused-input();
-		}
-
-		.p-radiobutton-icon {
-			width: $radiobuttonIconSize;
-			height: $radiobuttonIconSize;
-			transition-duration: $transitionDuration;
-			background-color: $radiobuttonIconActiveColor;
-		}
-
-		&.p-highlight {
-			border-color: $radiobuttonActiveBorderColor;
-			background: $radiobuttonActiveBg;
-
-			&:not(.p-disabled):hover {
-				border-color: $radiobuttonActiveHoverBorderColor;
-				background: $radiobuttonActiveHoverBg;
-				color: $radiobuttonIconActiveHoverColor;
-			}
-		}
-	}
-}
-
-p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
-	@include invalid-input();
-}
-
-.p-input-filled {
-	.p-radiobutton {
-		.p-radiobutton-box {
-			background-color: $inputFilledBg;
-
-			&:not(.p-disabled):hover {
-				background-color: $inputFilledHoverBg;
-			}
-
-			&.p-highlight {
-				background: $radiobuttonActiveBg;
-
-				&:not(.p-disabled):hover {
-					background: $radiobuttonActiveHoverBg;
-				}
-			}
-		}
-	}
-}
-
-.p-radiobutton-label {
-	margin-left: $inlineSpacing;
-}
-
-@if ($highlightBg == $radiobuttonActiveBg) {
-	.p-highlight {
-		.p-radiobutton {
-			.p-radiobutton-box {
-				border-color: $radiobuttonIconActiveColor;
-			}
-		}
-	}
-}
+.p-radiobutton {
+	width: $radiobuttonWidth;
+	height: $radiobuttonHeight;
+
+	.p-radiobutton-box {
+		border: $radiobuttonBorder;
+		background: $inputBg;
+		width: $radiobuttonWidth;
+		height: $radiobuttonHeight;
+		color: $textColor;
+		border-radius: 50%;
+		transition: $formElementTransition;
+
+		&:not(.p-disabled):not(.p-highlight):hover {
+			border-color: $inputHoverBorderColor;
+		}
+
+		&:not(.p-disabled).p-focus {
+			@include focused-input();
+		}
+
+		.p-radiobutton-icon {
+			width: $radiobuttonIconSize;
+			height: $radiobuttonIconSize;
+			transition-duration: $transitionDuration;
+			background-color: $radiobuttonIconActiveColor;
+		}
+
+		&.p-highlight {
+			border-color: $radiobuttonActiveBorderColor;
+			background: $radiobuttonActiveBg;
+
+			&:not(.p-disabled):hover {
+				border-color: $radiobuttonActiveHoverBorderColor;
+				background: $radiobuttonActiveHoverBg;
+				color: $radiobuttonIconActiveHoverColor;
+			}
+		}
+	}
+}
+
+p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
+	@include invalid-input();
+}
+
+.p-input-filled {
+	.p-radiobutton {
+		.p-radiobutton-box {
+			background-color: $inputFilledBg;
+
+			&:not(.p-disabled):hover {
+				background-color: $inputFilledHoverBg;
+			}
+
+			&.p-highlight {
+				background: $radiobuttonActiveBg;
+
+				&:not(.p-disabled):hover {
+					background: $radiobuttonActiveHoverBg;
+				}
+			}
+		}
+	}
+}
+
+.p-radiobutton-label {
+	margin-left: $inlineSpacing;
+}
+
+@if ($highlightBg == $radiobuttonActiveBg) {
+	.p-highlight {
+		.p-radiobutton {
+			.p-radiobutton-box {
+				border-color: $radiobuttonIconActiveColor;
+			}
+		}
+	}
+}