aril 0.0.21 → 0.0.22

package/theme/styles/theme/base/components/data/_picklist.scss

@@ -1,114 +1,114 @@
-.p-picklist {
-	.p-picklist-buttons {
-		padding: $panelContentPadding;
-
-		.p-button {
-			margin-bottom: $inlineSpacing;
-		}
-	}
-
-	.p-picklist-header {
-		background: $panelHeaderBg;
-		color: $panelHeaderTextColor;
-		border: $panelHeaderBorder;
-		padding: $panelHeaderPadding;
-		border-bottom: 0 none;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-
-		.p-picklist-title {
-			font-weight: $panelHeaderFontWeight;
-		}
-	}
-
-	.p-picklist-filter-container {
-		padding: $panelHeaderPadding;
-		background: $panelContentBg;
-		border: $panelHeaderBorder;
-		border-bottom: 0 none;
-
-		.p-picklist-filter-input {
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-		}
-
-		.p-picklist-filter-icon {
-			right: nth($inputPadding, 2);
-			color: $inputIconColor;
-		}
-	}
-
-	.p-picklist-list {
-		border: $panelContentBorder;
-		background: $panelContentBg;
-		color: $panelContentTextColor;
-		padding: $inputListPadding;
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-		outline: 0 none;
-
-		.p-picklist-item {
-			padding: $inputListItemPadding;
-			margin: $inputListItemMargin;
-			border: $inputListItemBorder;
-			color: $inputListItemTextColor;
-			background: $inputListItemBg;
-			transition: $listItemTransition;
-
-			&:not(.p-highlight):hover {
-				background: $inputListItemHoverBg;
-				color: $inputListItemTextHoverColor;
-			}
-
-			&.p-focus {
-				color: $inputListItemTextFocusColor;
-				background: $inputListItemFocusBg;
-			}
-
-			&.p-highlight {
-				color: $highlightTextColor;
-				background: $highlightBg;
-
-				&.p-focus {
-					background: $highlightFocusBg;
-				}
-			}
-		}
-
-		.p-picklist-empty-message {
-			padding: $inputListItemPadding;
-			color: $inputListItemTextColor;
-		}
-
-		&:not(.cdk-drop-list-dragging) {
-			.p-picklist-item {
-				&:not(.p-highlight):hover {
-					background: $inputListItemHoverBg;
-					color: $inputListItemTextHoverColor;
-				}
-			}
-		}
-	}
-
-	&.p-picklist-striped {
-		.p-picklist-list {
-			.p-picklist-item:nth-child(even) {
-				background: $panelContentEvenRowBg;
-
-				&:hover {
-					background: $inputListItemHoverBg;
-				}
-			}
-		}
-	}
-}
-
-.p-picklist-item {
-	&.cdk-drag-preview {
-		padding: $inputListItemPadding;
-		box-shadow: $inputOverlayShadow;
-		border: $inputListItemBorder;
-		color: $inputListItemTextColor;
-		background: $panelContentBg;
-		margin: 0;
-	}
-}
+.p-picklist {
+	.p-picklist-buttons {
+		padding: $panelContentPadding;
+
+		.p-button {
+			margin-bottom: $inlineSpacing;
+		}
+	}
+
+	.p-picklist-header {
+		background: $panelHeaderBg;
+		color: $panelHeaderTextColor;
+		border: $panelHeaderBorder;
+		padding: $panelHeaderPadding;
+		border-bottom: 0 none;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		.p-picklist-title {
+			font-weight: $panelHeaderFontWeight;
+		}
+	}
+
+	.p-picklist-filter-container {
+		padding: $panelHeaderPadding;
+		background: $panelContentBg;
+		border: $panelHeaderBorder;
+		border-bottom: 0 none;
+
+		.p-picklist-filter-input {
+			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+		}
+
+		.p-picklist-filter-icon {
+			right: nth($inputPadding, 2);
+			color: $inputIconColor;
+		}
+	}
+
+	.p-picklist-list {
+		border: $panelContentBorder;
+		background: $panelContentBg;
+		color: $panelContentTextColor;
+		padding: $inputListPadding;
+		border-bottom-right-radius: $borderRadius;
+		border-bottom-left-radius: $borderRadius;
+		outline: 0 none;
+
+		.p-picklist-item {
+			padding: $inputListItemPadding;
+			margin: $inputListItemMargin;
+			border: $inputListItemBorder;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+			transition: $listItemTransition;
+
+			&:not(.p-highlight):hover {
+				background: $inputListItemHoverBg;
+				color: $inputListItemTextHoverColor;
+			}
+
+			&.p-focus {
+				color: $inputListItemTextFocusColor;
+				background: $inputListItemFocusBg;
+			}
+
+			&.p-highlight {
+				color: $highlightTextColor;
+				background: $highlightBg;
+
+				&.p-focus {
+					background: $highlightFocusBg;
+				}
+			}
+		}
+
+		.p-picklist-empty-message {
+			padding: $inputListItemPadding;
+			color: $inputListItemTextColor;
+		}
+
+		&:not(.cdk-drop-list-dragging) {
+			.p-picklist-item {
+				&:not(.p-highlight):hover {
+					background: $inputListItemHoverBg;
+					color: $inputListItemTextHoverColor;
+				}
+			}
+		}
+	}
+
+	&.p-picklist-striped {
+		.p-picklist-list {
+			.p-picklist-item:nth-child(even) {
+				background: $panelContentEvenRowBg;
+
+				&:hover {
+					background: $inputListItemHoverBg;
+				}
+			}
+		}
+	}
+}
+
+.p-picklist-item {
+	&.cdk-drag-preview {
+		padding: $inputListItemPadding;
+		box-shadow: $inputOverlayShadow;
+		border: $inputListItemBorder;
+		color: $inputListItemTextColor;
+		background: $panelContentBg;
+		margin: 0;
+	}
+}

package/theme/styles/theme/base/components/data/_timeline.scss

@@ -1,35 +1,35 @@
-.p-timeline {
-	.p-timeline-event-marker {
-		border: $timelineEventMarkerBorder;
-		border-radius: $timelineEventMarkerBorderRadius;
-		width: $timelineEventMarkerWidth;
-		height: $timelineEventMarkerHeight;
-		background-color: $timelineEventMarkerBackground;
-	}
-
-	.p-timeline-event-connector {
-		background-color: $timelineEventColor;
-	}
-
-	&.p-timeline-vertical {
-		.p-timeline-event-opposite,
-		.p-timeline-event-content {
-			padding: $timelineVerticalEventContentPadding;
-		}
-
-		.p-timeline-event-connector {
-			width: $timelineEventConnectorSize;
-		}
-	}
-
-	&.p-timeline-horizontal {
-		.p-timeline-event-opposite,
-		.p-timeline-event-content {
-			padding: $timelineHorizontalEventContentPadding;
-		}
-
-		.p-timeline-event-connector {
-			height: $timelineEventConnectorSize;
-		}
-	}
-}
+.p-timeline {
+	.p-timeline-event-marker {
+		border: $timelineEventMarkerBorder;
+		border-radius: $timelineEventMarkerBorderRadius;
+		width: $timelineEventMarkerWidth;
+		height: $timelineEventMarkerHeight;
+		background-color: $timelineEventMarkerBackground;
+	}
+
+	.p-timeline-event-connector {
+		background-color: $timelineEventColor;
+	}
+
+	&.p-timeline-vertical {
+		.p-timeline-event-opposite,
+		.p-timeline-event-content {
+			padding: $timelineVerticalEventContentPadding;
+		}
+
+		.p-timeline-event-connector {
+			width: $timelineEventConnectorSize;
+		}
+	}
+
+	&.p-timeline-horizontal {
+		.p-timeline-event-opposite,
+		.p-timeline-event-content {
+			padding: $timelineHorizontalEventContentPadding;
+		}
+
+		.p-timeline-event-connector {
+			height: $timelineEventConnectorSize;
+		}
+	}
+}

package/theme/styles/theme/base/components/data/_tree.scss

@@ -1,150 +1,150 @@
-.p-tree {
-	border: $panelContentBorder;
-	background: $panelContentBg;
-	color: $panelContentTextColor;
-	padding: $panelContentPadding;
-	border-radius: $borderRadius;
-
-	.p-tree-container {
-		.p-treenode {
-			padding: $treeNodePadding;
-			outline: 0 none;
-
-			&:focus > .p-treenode-content {
-				@include focused-listitem();
-			}
-
-			.p-treenode-content {
-				border-radius: $borderRadius;
-				transition: $listItemTransition;
-				padding: $treeNodeContentPadding;
-
-				.p-tree-toggler {
-					margin-right: $inlineSpacing;
-					@include action-icon();
-				}
-
-				.p-treenode-icon {
-					margin-right: $inlineSpacing;
-					color: $treeNodeIconColor;
-				}
-
-				.p-checkbox {
-					margin-right: $inlineSpacing;
-
-					.p-indeterminate {
-						.p-checkbox-icon {
-							color: $textColor;
-						}
-					}
-				}
-
-				&.p-highlight {
-					background: $highlightBg;
-					color: $highlightTextColor;
-
-					.p-tree-toggler,
-					.p-treenode-icon {
-						color: $highlightTextColor;
-
-						&:hover {
-							color: $highlightTextColor;
-						}
-					}
-				}
-
-				&.p-treenode-selectable:not(.p-highlight):hover {
-					background: $inputListItemHoverBg;
-					color: $inputListItemTextHoverColor;
-				}
-
-				&.p-treenode-dragover {
-					background: $inputListItemHoverBg;
-					color: $inputListItemTextHoverColor;
-				}
-			}
-		}
-	}
-
-	.p-tree-filter-container {
-		margin-bottom: $inlineSpacing;
-
-		.p-tree-filter {
-			width: 100%;
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-		}
-
-		.p-tree-filter-icon {
-			right: nth($inputPadding, 2);
-			color: $inputIconColor;
-		}
-	}
-
-	.p-treenode-children {
-		padding: $treeNodeChildrenPadding;
-	}
-
-	.p-tree-loading-icon {
-		font-size: $loadingIconFontSize;
-
-		&.p-icon {
-			width: $loadingIconFontSize;
-			height: $loadingIconFontSize;
-		}
-	}
-
-	.p-treenode-droppoint {
-		&.p-treenode-droppoint-active {
-			background-color: scale-color($highlightBg, $lightness: -20%);
-		}
-	}
-
-	&.p-tree-horizontal {
-		.p-treenode {
-			.p-treenode-content {
-				border-radius: $borderRadius;
-				border: $panelContentBorder;
-				background-color: $panelContentBg;
-				color: $panelContentTextColor;
-				padding: $treeNodeContentPadding;
-				transition: $listItemTransition;
-
-				&.p-highlight {
-					background-color: $highlightBg;
-					color: $highlightTextColor;
-
-					.p-treenode-icon {
-						color: $highlightTextColor;
-					}
-				}
-
-				.p-tree-toggler {
-					margin-right: $inlineSpacing;
-				}
-
-				.p-treenode-icon {
-					color: $treeNodeIconColor;
-					margin-right: $inlineSpacing;
-				}
-
-				.p-checkbox {
-					margin-right: $inlineSpacing;
-				}
-
-				.p-treenode-label:not(.p-highlight):hover {
-					background-color: inherit;
-					color: inherit;
-				}
-
-				&.p-treenode-selectable:not(.p-highlight):hover {
-					background: $inputListItemHoverBg;
-					color: $inputListItemTextHoverColor;
-				}
-
-				&:focus {
-					@include focused();
-				}
-			}
-		}
-	}
-}
+.p-tree {
+	border: $panelContentBorder;
+	background: $panelContentBg;
+	color: $panelContentTextColor;
+	padding: $panelContentPadding;
+	border-radius: $borderRadius;
+
+	.p-tree-container {
+		.p-treenode {
+			padding: $treeNodePadding;
+			outline: 0 none;
+
+			&:focus > .p-treenode-content {
+				@include focused-listitem();
+			}
+
+			.p-treenode-content {
+				border-radius: $borderRadius;
+				transition: $listItemTransition;
+				padding: $treeNodeContentPadding;
+
+				.p-tree-toggler {
+					margin-right: $inlineSpacing;
+					@include action-icon();
+				}
+
+				.p-treenode-icon {
+					margin-right: $inlineSpacing;
+					color: $treeNodeIconColor;
+				}
+
+				.p-checkbox {
+					margin-right: $inlineSpacing;
+
+					.p-indeterminate {
+						.p-checkbox-icon {
+							color: $textColor;
+						}
+					}
+				}
+
+				&.p-highlight {
+					background: $highlightBg;
+					color: $highlightTextColor;
+
+					.p-tree-toggler,
+					.p-treenode-icon {
+						color: $highlightTextColor;
+
+						&:hover {
+							color: $highlightTextColor;
+						}
+					}
+				}
+
+				&.p-treenode-selectable:not(.p-highlight):hover {
+					background: $inputListItemHoverBg;
+					color: $inputListItemTextHoverColor;
+				}
+
+				&.p-treenode-dragover {
+					background: $inputListItemHoverBg;
+					color: $inputListItemTextHoverColor;
+				}
+			}
+		}
+	}
+
+	.p-tree-filter-container {
+		margin-bottom: $inlineSpacing;
+
+		.p-tree-filter {
+			width: 100%;
+			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+		}
+
+		.p-tree-filter-icon {
+			right: nth($inputPadding, 2);
+			color: $inputIconColor;
+		}
+	}
+
+	.p-treenode-children {
+		padding: $treeNodeChildrenPadding;
+	}
+
+	.p-tree-loading-icon {
+		font-size: $loadingIconFontSize;
+
+		&.p-icon {
+			width: $loadingIconFontSize;
+			height: $loadingIconFontSize;
+		}
+	}
+
+	.p-treenode-droppoint {
+		&.p-treenode-droppoint-active {
+			background-color: scale-color($highlightBg, $lightness: -20%);
+		}
+	}
+
+	&.p-tree-horizontal {
+		.p-treenode {
+			.p-treenode-content {
+				border-radius: $borderRadius;
+				border: $panelContentBorder;
+				background-color: $panelContentBg;
+				color: $panelContentTextColor;
+				padding: $treeNodeContentPadding;
+				transition: $listItemTransition;
+
+				&.p-highlight {
+					background-color: $highlightBg;
+					color: $highlightTextColor;
+
+					.p-treenode-icon {
+						color: $highlightTextColor;
+					}
+				}
+
+				.p-tree-toggler {
+					margin-right: $inlineSpacing;
+				}
+
+				.p-treenode-icon {
+					color: $treeNodeIconColor;
+					margin-right: $inlineSpacing;
+				}
+
+				.p-checkbox {
+					margin-right: $inlineSpacing;
+				}
+
+				.p-treenode-label:not(.p-highlight):hover {
+					background-color: inherit;
+					color: inherit;
+				}
+
+				&.p-treenode-selectable:not(.p-highlight):hover {
+					background: $inputListItemHoverBg;
+					color: $inputListItemTextHoverColor;
+				}
+
+				&:focus {
+					@include focused();
+				}
+			}
+		}
+	}
+}