aril 0.0.65 → 0.0.67

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

@@ -1,151 +1,151 @@
-.p-dropdown {
-	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-dropdown-clearable {
-		.p-dropdown-label {
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-		}
-	}
-
-	.p-dropdown-label {
-		background: transparent;
-		border: 0 none;
-
-		&.p-placeholder {
-			color: $inputPlaceholderTextColor;
-		}
-
-		&:focus,
-		&:enabled:focus {
-			outline: 0 none;
-			box-shadow: none;
-		}
-	}
-
-	.p-dropdown-trigger {
-		background: transparent;
-		color: $inputIconColor;
-		width: $inputGroupAddOnMinWidth;
-		border-top-right-radius: $borderRadius;
-		border-bottom-right-radius: $borderRadius;
-	}
-
-	.p-dropdown-clear-icon {
-		color: $inputIconColor;
-		right: $inputGroupAddOnMinWidth;
-	}
-
-	&.p-invalid.p-component {
-		@include invalid-input();
-	}
-}
-
-.p-dropdown-panel {
-	background: $inputOverlayBg;
-	color: $inputListTextColor;
-	border: $inputOverlayBorder;
-	border-radius: $borderRadius;
-	box-shadow: $inputOverlayShadow;
-
-	.p-dropdown-header {
-		padding: $inputListHeaderPadding;
-		border-bottom: $inputListHeaderBorder;
-		color: $inputListHeaderTextColor;
-		background: $inputOverlayHeaderBg;
-		margin: $inputListHeaderMargin;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-
-		.p-dropdown-filter {
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-			margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize);
-		}
-
-		.p-dropdown-filter-icon {
-			right: nth($inputPadding, 2);
-			color: $inputIconColor;
-		}
-	}
-
-	.p-dropdown-items {
-		padding: $inputListPadding;
-
-		.p-dropdown-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-dropdown-item-group {
-			margin: $submenuHeaderMargin;
-			padding: $submenuHeaderPadding;
-			color: $submenuHeaderTextColor;
-			background: $submenuHeaderBg;
-			font-weight: $submenuHeaderFontWeight;
-		}
-
-		.p-dropdown-empty-message {
-			padding: $inputListItemPadding;
-			color: $inputListItemTextColor;
-			background: $inputListItemBg;
-		}
-	}
-}
-
-.p-input-filled {
-	.p-dropdown {
-		background: $inputFilledBg;
-
-		&:not(.p-disabled):hover {
-			background-color: $inputFilledHoverBg;
-		}
-
-		&:not(.p-disabled).p-focus {
-			background-color: $inputFilledFocusBg;
-
-			.p-inputtext {
-				background-color: transparent;
-			}
-		}
-	}
-}
-
-p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
-	@include invalid-input();
-}
+.p-dropdown {
+	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-dropdown-clearable {
+		.p-dropdown-label {
+			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+		}
+	}
+
+	.p-dropdown-label {
+		background: transparent;
+		border: 0 none;
+
+		&.p-placeholder {
+			color: $inputPlaceholderTextColor;
+		}
+
+		&:focus,
+		&:enabled:focus {
+			outline: 0 none;
+			box-shadow: none;
+		}
+	}
+
+	.p-dropdown-trigger {
+		background: transparent;
+		color: $inputIconColor;
+		width: $inputGroupAddOnMinWidth;
+		border-top-right-radius: $borderRadius;
+		border-bottom-right-radius: $borderRadius;
+	}
+
+	.p-dropdown-clear-icon {
+		color: $inputIconColor;
+		right: $inputGroupAddOnMinWidth;
+	}
+
+	&.p-invalid.p-component {
+		@include invalid-input();
+	}
+}
+
+.p-dropdown-panel {
+	background: $inputOverlayBg;
+	color: $inputListTextColor;
+	border: $inputOverlayBorder;
+	border-radius: $borderRadius;
+	box-shadow: $inputOverlayShadow;
+
+	.p-dropdown-header {
+		padding: $inputListHeaderPadding;
+		border-bottom: $inputListHeaderBorder;
+		color: $inputListHeaderTextColor;
+		background: $inputOverlayHeaderBg;
+		margin: $inputListHeaderMargin;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		.p-dropdown-filter {
+			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+			margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize);
+		}
+
+		.p-dropdown-filter-icon {
+			right: nth($inputPadding, 2);
+			color: $inputIconColor;
+		}
+	}
+
+	.p-dropdown-items {
+		padding: $inputListPadding;
+
+		.p-dropdown-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-dropdown-item-group {
+			margin: $submenuHeaderMargin;
+			padding: $submenuHeaderPadding;
+			color: $submenuHeaderTextColor;
+			background: $submenuHeaderBg;
+			font-weight: $submenuHeaderFontWeight;
+		}
+
+		.p-dropdown-empty-message {
+			padding: $inputListItemPadding;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+		}
+	}
+}
+
+.p-input-filled {
+	.p-dropdown {
+		background: $inputFilledBg;
+
+		&:not(.p-disabled):hover {
+			background-color: $inputFilledHoverBg;
+		}
+
+		&:not(.p-disabled).p-focus {
+			background-color: $inputFilledFocusBg;
+
+			.p-inputtext {
+				background-color: transparent;
+			}
+		}
+	}
+}
+
+p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
+	@include invalid-input();
+}

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

@@ -1,122 +1,122 @@
-.p-editor-container {
-	.p-editor-toolbar {
-		background: $editorToolbarBg;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-
-		&.ql-snow {
-			border: $editorToolbarBorder;
-
-			.ql-stroke {
-				stroke: $editorToolbarIconColor;
-			}
-
-			.ql-fill {
-				fill: $editorToolbarIconColor;
-			}
-
-			.ql-picker {
-				.ql-picker-label {
-					border: 0 none;
-					color: $editorToolbarIconColor;
-
-					&:hover {
-						color: $editorToolbarIconHoverColor;
-
-						.ql-stroke {
-							stroke: $editorToolbarIconHoverColor;
-						}
-
-						.ql-fill {
-							fill: $editorToolbarIconHoverColor;
-						}
-					}
-				}
-
-				&.ql-expanded {
-					.ql-picker-label {
-						color: $editorToolbarIconHoverColor;
-
-						.ql-stroke {
-							stroke: $editorToolbarIconHoverColor;
-						}
-
-						.ql-fill {
-							fill: $editorToolbarIconHoverColor;
-						}
-					}
-
-					.ql-picker-options {
-						background: $inputOverlayBg;
-						border: $inputOverlayBorder;
-						box-shadow: $inputOverlayShadow;
-						border-radius: $borderRadius;
-						padding: $inputListPadding;
-
-						.ql-picker-item {
-							color: $inputListItemTextColor;
-
-							&:hover {
-								color: $inputListItemTextHoverColor;
-								background: $inputListItemHoverBg;
-							}
-						}
-					}
-
-					&:not(.ql-icon-picker) {
-						.ql-picker-item {
-							padding: $inputListItemPadding;
-						}
-					}
-				}
-			}
-		}
-	}
-
-	.p-editor-content {
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-
-		&.ql-snow {
-			border: $editorContentBorder;
-		}
-
-		.ql-editor {
-			background: $inputBg;
-			color: $inputTextColor;
-			border-bottom-right-radius: $borderRadius;
-			border-bottom-left-radius: $borderRadius;
-		}
-	}
-
-	.ql-snow.ql-toolbar button:hover,
-	.ql-snow.ql-toolbar button:focus {
-		color: $editorToolbarIconHoverColor;
-
-		.ql-stroke {
-			stroke: $editorToolbarIconHoverColor;
-		}
-
-		.ql-fill {
-			fill: $editorToolbarIconHoverColor;
-		}
-	}
-
-	.ql-snow.ql-toolbar button.ql-active,
-	.ql-snow.ql-toolbar .ql-picker-label.ql-active,
-	.ql-snow.ql-toolbar .ql-picker-item.ql-selected {
-		color: $editorIconActiveColor;
-
-		.ql-stroke {
-			stroke: $editorIconActiveColor;
-		}
-
-		.ql-fill {
-			fill: $editorIconActiveColor;
-		}
-
-		.ql-picker-label {
-			color: $editorIconActiveColor;
-		}
-	}
-}
+.p-editor-container {
+	.p-editor-toolbar {
+		background: $editorToolbarBg;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		&.ql-snow {
+			border: $editorToolbarBorder;
+
+			.ql-stroke {
+				stroke: $editorToolbarIconColor;
+			}
+
+			.ql-fill {
+				fill: $editorToolbarIconColor;
+			}
+
+			.ql-picker {
+				.ql-picker-label {
+					border: 0 none;
+					color: $editorToolbarIconColor;
+
+					&:hover {
+						color: $editorToolbarIconHoverColor;
+
+						.ql-stroke {
+							stroke: $editorToolbarIconHoverColor;
+						}
+
+						.ql-fill {
+							fill: $editorToolbarIconHoverColor;
+						}
+					}
+				}
+
+				&.ql-expanded {
+					.ql-picker-label {
+						color: $editorToolbarIconHoverColor;
+
+						.ql-stroke {
+							stroke: $editorToolbarIconHoverColor;
+						}
+
+						.ql-fill {
+							fill: $editorToolbarIconHoverColor;
+						}
+					}
+
+					.ql-picker-options {
+						background: $inputOverlayBg;
+						border: $inputOverlayBorder;
+						box-shadow: $inputOverlayShadow;
+						border-radius: $borderRadius;
+						padding: $inputListPadding;
+
+						.ql-picker-item {
+							color: $inputListItemTextColor;
+
+							&:hover {
+								color: $inputListItemTextHoverColor;
+								background: $inputListItemHoverBg;
+							}
+						}
+					}
+
+					&:not(.ql-icon-picker) {
+						.ql-picker-item {
+							padding: $inputListItemPadding;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	.p-editor-content {
+		border-bottom-right-radius: $borderRadius;
+		border-bottom-left-radius: $borderRadius;
+
+		&.ql-snow {
+			border: $editorContentBorder;
+		}
+
+		.ql-editor {
+			background: $inputBg;
+			color: $inputTextColor;
+			border-bottom-right-radius: $borderRadius;
+			border-bottom-left-radius: $borderRadius;
+		}
+	}
+
+	.ql-snow.ql-toolbar button:hover,
+	.ql-snow.ql-toolbar button:focus {
+		color: $editorToolbarIconHoverColor;
+
+		.ql-stroke {
+			stroke: $editorToolbarIconHoverColor;
+		}
+
+		.ql-fill {
+			fill: $editorToolbarIconHoverColor;
+		}
+	}
+
+	.ql-snow.ql-toolbar button.ql-active,
+	.ql-snow.ql-toolbar .ql-picker-label.ql-active,
+	.ql-snow.ql-toolbar .ql-picker-item.ql-selected {
+		color: $editorIconActiveColor;
+
+		.ql-stroke {
+			stroke: $editorIconActiveColor;
+		}
+
+		.ql-fill {
+			fill: $editorIconActiveColor;
+		}
+
+		.ql-picker-label {
+			color: $editorIconActiveColor;
+		}
+	}
+}

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

@@ -1,75 +1,75 @@
-.p-inputgroup-addon {
-	background: $inputGroupBg;
-	color: $inputGroupTextColor;
-	border-top: $inputBorder;
-	border-left: $inputBorder;
-	border-bottom: $inputBorder;
-	padding: $inputPadding;
-	min-width: $inputGroupAddOnMinWidth;
-
-	&:last-child {
-		border-right: $inputBorder;
-	}
-}
-
-.p-inputgroup {
-	> .p-component,
-	> .p-element,
-	> .p-inputwrapper > .p-component > .p-inputtext,
-	> .p-float-label > .p-component {
-		border-radius: 0;
-		margin: 0;
-
-		+ .p-inputgroup-addon {
-			border-left: 0 none;
-		}
-
-		&:focus {
-			z-index: 1;
-
-			~ label {
-				z-index: 1;
-			}
-		}
-	}
-}
-
-.p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-component,
-.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
-	border-top-left-radius: $borderRadius;
-	border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:first-child input {
-	border-top-left-radius: $borderRadius;
-	border-bottom-left-radius: $borderRadius;
-}
-
-.p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-component,
-.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
-	border-top-right-radius: $borderRadius;
-	border-bottom-right-radius: $borderRadius;
-}
-
-.p-inputgroup .p-float-label:last-child input {
-	border-top-right-radius: $borderRadius;
-	border-bottom-right-radius: $borderRadius;
-}
-
-.p-fluid {
-	.p-inputgroup {
-		.p-button {
-			width: auto;
-
-			&.p-button-icon-only {
-				width: $buttonIconOnlyWidth;
-			}
-		}
-	}
-}
+.p-inputgroup-addon {
+	background: $inputGroupBg;
+	color: $inputGroupTextColor;
+	border-top: $inputBorder;
+	border-left: $inputBorder;
+	border-bottom: $inputBorder;
+	padding: $inputPadding;
+	min-width: $inputGroupAddOnMinWidth;
+
+	&:last-child {
+		border-right: $inputBorder;
+	}
+}
+
+.p-inputgroup {
+	> .p-component,
+	> .p-element,
+	> .p-inputwrapper > .p-component > .p-inputtext,
+	> .p-float-label > .p-component {
+		border-radius: 0;
+		margin: 0;
+
+		+ .p-inputgroup-addon {
+			border-left: 0 none;
+		}
+
+		&:focus {
+			z-index: 1;
+
+			~ label {
+				z-index: 1;
+			}
+		}
+	}
+}
+
+.p-inputgroup-addon:first-child,
+.p-inputgroup button:first-child,
+.p-inputgroup input:first-child,
+.p-inputgroup > .p-inputwrapper:first-child > .p-component,
+.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
+	border-top-left-radius: $borderRadius;
+	border-bottom-left-radius: $borderRadius;
+}
+
+.p-inputgroup .p-float-label:first-child input {
+	border-top-left-radius: $borderRadius;
+	border-bottom-left-radius: $borderRadius;
+}
+
+.p-inputgroup-addon:last-child,
+.p-inputgroup button:last-child,
+.p-inputgroup input:last-child,
+.p-inputgroup > .p-inputwrapper:last-child > .p-component,
+.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
+	border-top-right-radius: $borderRadius;
+	border-bottom-right-radius: $borderRadius;
+}
+
+.p-inputgroup .p-float-label:last-child input {
+	border-top-right-radius: $borderRadius;
+	border-bottom-right-radius: $borderRadius;
+}
+
+.p-fluid {
+	.p-inputgroup {
+		.p-button {
+			width: auto;
+
+			&.p-button-icon-only {
+				width: $buttonIconOnlyWidth;
+			}
+		}
+	}
+}