aril 0.0.67 → 0.0.69

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

@@ -1,46 +1,46 @@
-.p-dataview {
-	.p-paginator-top {
-		border-width: $tableTopPaginatorBorderWidth;
-		border-radius: 0;
-	}
-
-	.p-paginator-bottom {
-		border-width: $tableBottomPaginatorBorderWidth;
-		border-radius: 0;
-	}
-
-	.p-dataview-header {
-		background: $tableHeaderBg;
-		color: $tableHeaderTextColor;
-		border: $tableHeaderBorder;
-		border-width: $tableHeaderBorderWidth;
-		padding: $tableHeaderPadding;
-		font-weight: $tableHeaderFontWeight;
-	}
-
-	.p-dataview-content {
-		background: $tableBodyRowBg;
-		color: $tableBodyRowTextColor;
-		border: $dataViewContentBorder;
-		padding: $dataViewContentPadding;
-	}
-
-	.p-dataview-footer {
-		background: $tableFooterBg;
-		color: $tableFooterTextColor;
-		border: $tableFooterBorder;
-		border-width: $tableFooterBorderWidth;
-		padding: $tableFooterPadding;
-		font-weight: $tableFooterFontWeight;
-		border-bottom-left-radius: $borderRadius;
-		border-bottom-right-radius: $borderRadius;
-	}
-
-	.p-dataview-loading-icon {
-		font-size: $loadingIconFontSize;
-	}
-
-	.p-dataview-emptymessage {
-		padding: $panelContentPadding;
-	}
-}
+.p-dataview {
+	.p-paginator-top {
+		border-width: $tableTopPaginatorBorderWidth;
+		border-radius: 0;
+	}
+
+	.p-paginator-bottom {
+		border-width: $tableBottomPaginatorBorderWidth;
+		border-radius: 0;
+	}
+
+	.p-dataview-header {
+		background: $tableHeaderBg;
+		color: $tableHeaderTextColor;
+		border: $tableHeaderBorder;
+		border-width: $tableHeaderBorderWidth;
+		padding: $tableHeaderPadding;
+		font-weight: $tableHeaderFontWeight;
+	}
+
+	.p-dataview-content {
+		background: $tableBodyRowBg;
+		color: $tableBodyRowTextColor;
+		border: $dataViewContentBorder;
+		padding: $dataViewContentPadding;
+	}
+
+	.p-dataview-footer {
+		background: $tableFooterBg;
+		color: $tableFooterTextColor;
+		border: $tableFooterBorder;
+		border-width: $tableFooterBorderWidth;
+		padding: $tableFooterPadding;
+		font-weight: $tableFooterFontWeight;
+		border-bottom-left-radius: $borderRadius;
+		border-bottom-right-radius: $borderRadius;
+	}
+
+	.p-dataview-loading-icon {
+		font-size: $loadingIconFontSize;
+	}
+
+	.p-dataview-emptymessage {
+		padding: $panelContentPadding;
+	}
+}

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

@@ -1,137 +1,137 @@
-.p-column-filter-row {
-	.p-column-filter-menu-button,
-	.p-column-filter-clear-button {
-		margin-left: $inlineSpacing;
-	}
-}
-
-.p-column-filter-menu-button {
-	width: $actionIconWidth;
-	height: $actionIconHeight;
-	color: $actionIconColor;
-	border: $actionIconBorder;
-	background: $actionIconBg;
-	border-radius: $actionIconBorderRadius;
-	transition: $actionIconTransition;
-
-	&:hover {
-		color: $actionIconHoverColor;
-		border-color: $actionIconHoverBorderColor;
-		background: $actionIconHoverBg;
-	}
-
-	&.p-column-filter-menu-button-open,
-	&.p-column-filter-menu-button-open:hover {
-		background: $actionIconHoverBg;
-		color: $actionIconHoverColor;
-	}
-
-	&.p-column-filter-menu-button-active,
-	&.p-column-filter-menu-button-active:hover {
-		background: $highlightBg;
-		color: $highlightTextColor;
-	}
-
-	&:focus-visible {
-		@include focused();
-	}
-}
-
-.p-column-filter-clear-button {
-	width: $actionIconWidth;
-	height: $actionIconHeight;
-	color: $actionIconColor;
-	border: $actionIconBorder;
-	background: $actionIconBg;
-	border-radius: $actionIconBorderRadius;
-	transition: $actionIconTransition;
-
-	&:hover {
-		color: $actionIconHoverColor;
-		border-color: $actionIconHoverBorderColor;
-		background: $actionIconHoverBg;
-	}
-
-	&:focus-visible {
-		@include focused();
-	}
-}
-
-.p-column-filter-overlay {
-	background: $inputOverlayBg;
-	color: $inputListTextColor;
-	border: $inputOverlayBorder;
-	border-radius: $borderRadius;
-	box-shadow: $inputOverlayShadow;
-	min-width: $menuWidth;
-
-	.p-column-filter-row-items {
-		padding: $inputListPadding;
-
-		.p-column-filter-row-item {
-			margin: $inputListItemMargin;
-			padding: $inputListItemPadding;
-			border: $inputListItemBorder;
-			color: $inputListItemTextColor;
-			background: $inputListItemBg;
-			transition: $listItemTransition;
-			border-radius: $inputListItemBorderRadius;
-
-			&.p-highlight {
-				color: $highlightTextColor;
-				background: $highlightBg;
-			}
-
-			&:not(.p-highlight):not(.p-disabled):hover {
-				color: $inputListItemTextHoverColor;
-				background: $inputListItemHoverBg;
-			}
-
-			&:focus-visible {
-				@include focused-listitem();
-			}
-		}
-
-		.p-column-filter-separator {
-			border-top: $divider;
-			margin: $menuSeparatorMargin;
-		}
-	}
-}
-
-.p-column-filter-overlay-menu {
-	.p-column-filter-operator {
-		padding: $inputListHeaderPadding;
-		border-bottom: $inputListHeaderBorder;
-		color: $inputListHeaderTextColor;
-		background: $inputOverlayHeaderBg;
-		margin: $inputListHeaderMargin;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-	}
-
-	.p-column-filter-constraint {
-		padding: $panelContentPadding;
-		border-bottom: $divider;
-
-		.p-column-filter-matchmode-dropdown {
-			margin-bottom: $inlineSpacing;
-		}
-
-		.p-column-filter-remove-button {
-			margin-top: $inlineSpacing;
-		}
-
-		&:last-child {
-			border-bottom: 0 none;
-		}
-	}
-
-	.p-column-filter-add-rule {
-		padding: $panelFooterPadding;
-	}
-
-	.p-column-filter-buttonbar {
-		padding: $panelContentPadding;
-	}
-}
+.p-column-filter-row {
+	.p-column-filter-menu-button,
+	.p-column-filter-clear-button {
+		margin-left: $inlineSpacing;
+	}
+}
+
+.p-column-filter-menu-button {
+	width: $actionIconWidth;
+	height: $actionIconHeight;
+	color: $actionIconColor;
+	border: $actionIconBorder;
+	background: $actionIconBg;
+	border-radius: $actionIconBorderRadius;
+	transition: $actionIconTransition;
+
+	&:hover {
+		color: $actionIconHoverColor;
+		border-color: $actionIconHoverBorderColor;
+		background: $actionIconHoverBg;
+	}
+
+	&.p-column-filter-menu-button-open,
+	&.p-column-filter-menu-button-open:hover {
+		background: $actionIconHoverBg;
+		color: $actionIconHoverColor;
+	}
+
+	&.p-column-filter-menu-button-active,
+	&.p-column-filter-menu-button-active:hover {
+		background: $highlightBg;
+		color: $highlightTextColor;
+	}
+
+	&:focus-visible {
+		@include focused();
+	}
+}
+
+.p-column-filter-clear-button {
+	width: $actionIconWidth;
+	height: $actionIconHeight;
+	color: $actionIconColor;
+	border: $actionIconBorder;
+	background: $actionIconBg;
+	border-radius: $actionIconBorderRadius;
+	transition: $actionIconTransition;
+
+	&:hover {
+		color: $actionIconHoverColor;
+		border-color: $actionIconHoverBorderColor;
+		background: $actionIconHoverBg;
+	}
+
+	&:focus-visible {
+		@include focused();
+	}
+}
+
+.p-column-filter-overlay {
+	background: $inputOverlayBg;
+	color: $inputListTextColor;
+	border: $inputOverlayBorder;
+	border-radius: $borderRadius;
+	box-shadow: $inputOverlayShadow;
+	min-width: $menuWidth;
+
+	.p-column-filter-row-items {
+		padding: $inputListPadding;
+
+		.p-column-filter-row-item {
+			margin: $inputListItemMargin;
+			padding: $inputListItemPadding;
+			border: $inputListItemBorder;
+			color: $inputListItemTextColor;
+			background: $inputListItemBg;
+			transition: $listItemTransition;
+			border-radius: $inputListItemBorderRadius;
+
+			&.p-highlight {
+				color: $highlightTextColor;
+				background: $highlightBg;
+			}
+
+			&:not(.p-highlight):not(.p-disabled):hover {
+				color: $inputListItemTextHoverColor;
+				background: $inputListItemHoverBg;
+			}
+
+			&:focus-visible {
+				@include focused-listitem();
+			}
+		}
+
+		.p-column-filter-separator {
+			border-top: $divider;
+			margin: $menuSeparatorMargin;
+		}
+	}
+}
+
+.p-column-filter-overlay-menu {
+	.p-column-filter-operator {
+		padding: $inputListHeaderPadding;
+		border-bottom: $inputListHeaderBorder;
+		color: $inputListHeaderTextColor;
+		background: $inputOverlayHeaderBg;
+		margin: $inputListHeaderMargin;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+	}
+
+	.p-column-filter-constraint {
+		padding: $panelContentPadding;
+		border-bottom: $divider;
+
+		.p-column-filter-matchmode-dropdown {
+			margin-bottom: $inlineSpacing;
+		}
+
+		.p-column-filter-remove-button {
+			margin-top: $inlineSpacing;
+		}
+
+		&:last-child {
+			border-bottom: 0 none;
+		}
+	}
+
+	.p-column-filter-add-rule {
+		padding: $panelFooterPadding;
+	}
+
+	.p-column-filter-buttonbar {
+		padding: $panelContentPadding;
+	}
+}

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

@@ -1,114 +1,114 @@
-.p-orderlist {
-	.p-orderlist-controls {
-		padding: $panelContentPadding;
-
-		.p-button {
-			margin-bottom: $inlineSpacing;
-		}
-	}
-
-	.p-orderlist-header {
-		background: $panelHeaderBg;
-		color: $panelHeaderTextColor;
-		border: $panelHeaderBorder;
-		padding: $panelHeaderPadding;
-		border-bottom: 0 none;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-
-		.p-orderlist-title {
-			font-weight: $panelHeaderFontWeight;
-		}
-	}
-
-	.p-orderlist-filter-container {
-		padding: $panelHeaderPadding;
-		background: $panelContentBg;
-		border: $panelHeaderBorder;
-		border-bottom: 0 none;
-
-		.p-orderlist-filter-input {
-			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-		}
-
-		.p-orderlist-filter-icon {
-			right: nth($inputPadding, 2);
-			color: $inputIconColor;
-		}
-	}
-
-	.p-orderlist-list {
-		border: $panelContentBorder;
-		background: $panelContentBg;
-		color: $panelContentTextColor;
-		padding: $inputListPadding;
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-		outline: 0 none;
-
-		.p-orderlist-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-orderlist-empty-message {
-			padding: $inputListItemPadding;
-			color: $inputListItemTextColor;
-		}
-
-		&:not(.cdk-drop-list-dragging) {
-			.p-orderlist-item {
-				&:not(.p-highlight):hover {
-					background: $inputListItemHoverBg;
-					color: $inputListItemTextHoverColor;
-				}
-			}
-		}
-	}
-
-	&.p-orderlist-striped {
-		.p-orderlist-list {
-			.p-orderlist-item:nth-child(even) {
-				background: $panelContentEvenRowBg;
-
-				&:hover {
-					background: $inputListItemHoverBg;
-				}
-			}
-		}
-	}
-}
-
-.p-orderlist-item {
-	&.cdk-drag-preview {
-		padding: $inputListItemPadding;
-		box-shadow: $inputOverlayShadow;
-		border: $inputListItemBorder;
-		color: $inputListItemTextColor;
-		background: $panelContentBg;
-		margin: 0;
-	}
-}
+.p-orderlist {
+	.p-orderlist-controls {
+		padding: $panelContentPadding;
+
+		.p-button {
+			margin-bottom: $inlineSpacing;
+		}
+	}
+
+	.p-orderlist-header {
+		background: $panelHeaderBg;
+		color: $panelHeaderTextColor;
+		border: $panelHeaderBorder;
+		padding: $panelHeaderPadding;
+		border-bottom: 0 none;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+
+		.p-orderlist-title {
+			font-weight: $panelHeaderFontWeight;
+		}
+	}
+
+	.p-orderlist-filter-container {
+		padding: $panelHeaderPadding;
+		background: $panelContentBg;
+		border: $panelHeaderBorder;
+		border-bottom: 0 none;
+
+		.p-orderlist-filter-input {
+			padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+		}
+
+		.p-orderlist-filter-icon {
+			right: nth($inputPadding, 2);
+			color: $inputIconColor;
+		}
+	}
+
+	.p-orderlist-list {
+		border: $panelContentBorder;
+		background: $panelContentBg;
+		color: $panelContentTextColor;
+		padding: $inputListPadding;
+		border-bottom-right-radius: $borderRadius;
+		border-bottom-left-radius: $borderRadius;
+		outline: 0 none;
+
+		.p-orderlist-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-orderlist-empty-message {
+			padding: $inputListItemPadding;
+			color: $inputListItemTextColor;
+		}
+
+		&:not(.cdk-drop-list-dragging) {
+			.p-orderlist-item {
+				&:not(.p-highlight):hover {
+					background: $inputListItemHoverBg;
+					color: $inputListItemTextHoverColor;
+				}
+			}
+		}
+	}
+
+	&.p-orderlist-striped {
+		.p-orderlist-list {
+			.p-orderlist-item:nth-child(even) {
+				background: $panelContentEvenRowBg;
+
+				&:hover {
+					background: $inputListItemHoverBg;
+				}
+			}
+		}
+	}
+}
+
+.p-orderlist-item {
+	&.cdk-drag-preview {
+		padding: $inputListItemPadding;
+		box-shadow: $inputOverlayShadow;
+		border: $inputListItemBorder;
+		color: $inputListItemTextColor;
+		background: $panelContentBg;
+		margin: 0;
+	}
+}

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

@@ -1,50 +1,50 @@
-.p-organizationchart {
-	.p-organizationchart-node-content {
-		&.p-organizationchart-selectable-node:not(.p-highlight):hover {
-			background: $inputListItemHoverBg;
-			color: $inputListItemTextHoverColor;
-		}
-
-		&.p-highlight {
-			background: $highlightBg;
-			color: $highlightTextColor;
-
-			.p-node-toggler {
-				i {
-					color: darken($highlightBg, 25%);
-				}
-			}
-		}
-	}
-
-	.p-organizationchart-line-down {
-		background: $organizationChartConnectorColor;
-	}
-
-	.p-organizationchart-line-left {
-		border-right: $panelContentBorder;
-		border-color: $organizationChartConnectorColor;
-	}
-
-	.p-organizationchart-line-top {
-		border-top: $panelContentBorder;
-		border-color: $organizationChartConnectorColor;
-	}
-
-	.p-organizationchart-node-content {
-		border: $panelContentBorder;
-		background: $panelContentBg;
-		color: $panelContentTextColor;
-		padding: $panelContentPadding;
-	}
-
-	.p-organizationchart-node-content .p-node-toggler {
-		background: inherit;
-		color: inherit;
-		border-radius: 50%;
-
-		&:focus-visible {
-			@include focused();
-		}
-	}
-}
+.p-organizationchart {
+	.p-organizationchart-node-content {
+		&.p-organizationchart-selectable-node:not(.p-highlight):hover {
+			background: $inputListItemHoverBg;
+			color: $inputListItemTextHoverColor;
+		}
+
+		&.p-highlight {
+			background: $highlightBg;
+			color: $highlightTextColor;
+
+			.p-node-toggler {
+				i {
+					color: darken($highlightBg, 25%);
+				}
+			}
+		}
+	}
+
+	.p-organizationchart-line-down {
+		background: $organizationChartConnectorColor;
+	}
+
+	.p-organizationchart-line-left {
+		border-right: $panelContentBorder;
+		border-color: $organizationChartConnectorColor;
+	}
+
+	.p-organizationchart-line-top {
+		border-top: $panelContentBorder;
+		border-color: $organizationChartConnectorColor;
+	}
+
+	.p-organizationchart-node-content {
+		border: $panelContentBorder;
+		background: $panelContentBg;
+		color: $panelContentTextColor;
+		padding: $panelContentPadding;
+	}
+
+	.p-organizationchart-node-content .p-node-toggler {
+		background: inherit;
+		color: inherit;
+		border-radius: 50%;
+
+		&:focus-visible {
+			@include focused();
+		}
+	}
+}