aril 0.0.7 → 0.0.9

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

@@ -1,38 +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-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/_treetable.scss

@@ -1,256 +1,255 @@
 .p-treetable {
-    .p-paginator-top {
-        border-width: $tableTopPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-paginator-bottom {
-        border-width: $tableBottomPaginatorBorderWidth;
-        border-radius: 0;
-    }
-
-    .p-treetable-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
-
-    .p-treetable-footer {
-        background: $tableFooterBg;
-        color: $tableFooterTextColor;
-        border: $tableFooterBorder;
-        border-width: $tableFooterBorderWidth;
-        padding: $tableFooterPadding;
-        font-weight: $tableFooterFontWeight;
-    }
-
-    .p-treetable-thead > tr > th {
-        text-align: $tableCellContentAlignment;
-        padding: $tableHeaderCellPadding;
-        border: $tableHeaderCellBorder;
-        border-width: $tableHeaderCellBorderWidth;
-        font-weight: $tableHeaderCellFontWeight;
-        color: $tableHeaderCellTextColor;
-        background: $tableHeaderCellBg;
-        transition: $listItemTransition;
-    }
-
-    .p-treetable-tfoot > tr > td {
-        text-align: $tableCellContentAlignment;
-        padding: $tableFooterCellPadding;
-        border: $tableFooterCellBorder;
-        border-width: $tableFooterCellBorderWidth;
-        font-weight: $tableFooterCellFontWeight;
-        color: $tableFooterCellTextColor;
-        background: $tableFooterCellBg;
-    }
-
-    .p-sortable-column {
-        outline-color: $focusOutlineColor;
-
-        .p-sortable-column-icon {
-            color: $tableHeaderCellIconColor;
-            margin-left: $inlineSpacing;
-        }
-
-        .p-sortable-column-badge {
-            border-radius: 50%;
-            height: $tableSortableColumnBadgeSize;
-            min-width: $tableSortableColumnBadgeSize;
-            line-height: $tableSortableColumnBadgeSize;
-            color: $highlightTextColor;
-            background: $highlightBg;
-            margin-left: $inlineSpacing;
-        }
-
-        &:not(.p-highlight):hover {
-            background: $tableHeaderCellHoverBg;
-            color: $tableHeaderCellTextHoverColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellIconHoverColor;
-            }
-        }
-
-        &.p-highlight {
-            background: $tableHeaderCellHighlightBg;
-            color: $tableHeaderCellHighlightTextColor;
-
-            .p-sortable-column-icon {
-                color: $tableHeaderCellHighlightTextColor;
-            }
-        }
-    }
-
-    .p-treetable-tbody {
-        > tr {
-            background: $tableBodyRowBg;
-            color: $tableBodyRowTextColor;
-            transition: $listItemTransition;
-
-            > td {
-                text-align: $tableCellContentAlignment;
-                border: $tableBodyCellBorder;
-                border-width: $tableBodyCellBorderWidth;
-                padding: $tableBodyCellPadding;
-
-                .p-treetable-toggler {
-                    @include action-icon();
-                    margin-right: $inlineSpacing;
-
-                    &.p-icon {
-                        width: $loadingIconFontSize;
-                        height: $loadingIconFontSize;
-                    }
-                }
-
-                p-treetablecheckbox .p-checkbox {
-                    margin-right: $inlineSpacing;
-                    
-                    .p-indeterminate {
-                        .p-checkbox-icon {
-                            color: $textColor;
-                        }
-                    }
-                }
-            }
-
-            &:focus-visible {
-                outline: 0.15rem solid $focusOutlineColor;
-                outline-offset: -0.15rem;
-            }
-
-            &.p-highlight {
-                background: $highlightBg;
-                color: $highlightTextColor;
-
-                .p-treetable-toggler {
-                    color: $highlightTextColor;
-
-                    &:hover {
-                        color: $highlightTextColor;
-                    }
-                    
-                }
-            }
-        }
-    }
-
-    &.p-treetable-hoverable-rows {
-        .p-treetable-tbody > tr:not(.p-highlight):hover {
-            background: $tableBodyRowHoverBg;
-            color: $tableBodyRowTextHoverColor;
-
-            .p-treetable-toggler {
-                color: $tableBodyRowTextHoverColor;
-            }
-        }
-    }
-
-    .p-column-resizer-helper {
-        background: $tableResizerHelperBg;
-    }
-
-    .p-treetable-scrollable-header,
-    .p-treetable-scrollable-footer {
-        background: $panelHeaderBg;
-    }
-
-    .p-treetable-loading-icon {
-        font-size: $loadingIconFontSize;
-
-        &.p-icon {
-            width: $loadingIconFontSize;
-            height: $loadingIconFontSize;
-        }
-    }
-
-    &.p-treetable-gridlines {
-        .p-datatable-header {
-            border-width: 1px 1px 0 1px;
-        }
-
-        .p-treetable-footer {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-top {
-            border-width: 0 1px 0 1px;
-        }
-
-        .p-treetable-bottom {
-            border-width: 0 1px 1px 1px;
-        }
-
-        .p-treetable-thead {
-            > tr {
-                > th {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tbody {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
-
-        .p-treetable-tfoot {
-            > tr {
-                > td {
-                    border-width: 1px;
-                }
-            }
-        }
-    }
-
-    &.p-treetable-sm {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $scaleSM);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleSM);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleSM);
-        }
-    }
-
-    &.p-treetable-lg {
-        .p-treetable-header {
-            @include scaledPadding($tableHeaderPadding, $tableScaleLG);
-        }
-
-        .p-treetable-thead > tr > th {
-            @include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tbody > tr > td {
-            @include scaledPadding($tableBodyCellPadding, $tableScaleLG);
-        }
-
-        .p-treetable-tfoot > tr > td {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-
-        .p-treetable-footer {
-            @include scaledPadding($tableFooterPadding, $tableScaleLG);
-        }
-    }
+	.p-paginator-top {
+		border-width: $tableTopPaginatorBorderWidth;
+		border-radius: 0;
+	}
+
+	.p-paginator-bottom {
+		border-width: $tableBottomPaginatorBorderWidth;
+		border-radius: 0;
+	}
+
+	.p-treetable-header {
+		background: $tableHeaderBg;
+		color: $tableHeaderTextColor;
+		border: $tableHeaderBorder;
+		border-width: $tableHeaderBorderWidth;
+		padding: $tableHeaderPadding;
+		font-weight: $tableHeaderFontWeight;
+	}
+
+	.p-treetable-footer {
+		background: $tableFooterBg;
+		color: $tableFooterTextColor;
+		border: $tableFooterBorder;
+		border-width: $tableFooterBorderWidth;
+		padding: $tableFooterPadding;
+		font-weight: $tableFooterFontWeight;
+	}
+
+	.p-treetable-thead > tr > th {
+		text-align: $tableCellContentAlignment;
+		padding: $tableHeaderCellPadding;
+		border: $tableHeaderCellBorder;
+		border-width: $tableHeaderCellBorderWidth;
+		font-weight: $tableHeaderCellFontWeight;
+		color: $tableHeaderCellTextColor;
+		background: $tableHeaderCellBg;
+		transition: $listItemTransition;
+	}
+
+	.p-treetable-tfoot > tr > td {
+		text-align: $tableCellContentAlignment;
+		padding: $tableFooterCellPadding;
+		border: $tableFooterCellBorder;
+		border-width: $tableFooterCellBorderWidth;
+		font-weight: $tableFooterCellFontWeight;
+		color: $tableFooterCellTextColor;
+		background: $tableFooterCellBg;
+	}
+
+	.p-sortable-column {
+		outline-color: $focusOutlineColor;
+
+		.p-sortable-column-icon {
+			color: $tableHeaderCellIconColor;
+			margin-left: $inlineSpacing;
+		}
+
+		.p-sortable-column-badge {
+			border-radius: 50%;
+			height: $tableSortableColumnBadgeSize;
+			min-width: $tableSortableColumnBadgeSize;
+			line-height: $tableSortableColumnBadgeSize;
+			color: $highlightTextColor;
+			background: $highlightBg;
+			margin-left: $inlineSpacing;
+		}
+
+		&:not(.p-highlight):hover {
+			background: $tableHeaderCellHoverBg;
+			color: $tableHeaderCellTextHoverColor;
+
+			.p-sortable-column-icon {
+				color: $tableHeaderCellIconHoverColor;
+			}
+		}
+
+		&.p-highlight {
+			background: $tableHeaderCellHighlightBg;
+			color: $tableHeaderCellHighlightTextColor;
+
+			.p-sortable-column-icon {
+				color: $tableHeaderCellHighlightTextColor;
+			}
+		}
+	}
+
+	.p-treetable-tbody {
+		> tr {
+			background: $tableBodyRowBg;
+			color: $tableBodyRowTextColor;
+			transition: $listItemTransition;
+
+			> td {
+				text-align: $tableCellContentAlignment;
+				border: $tableBodyCellBorder;
+				border-width: $tableBodyCellBorderWidth;
+				padding: $tableBodyCellPadding;
+
+				.p-treetable-toggler {
+					@include action-icon();
+					margin-right: $inlineSpacing;
+
+					&.p-icon {
+						width: $loadingIconFontSize;
+						height: $loadingIconFontSize;
+					}
+				}
+
+				p-treetablecheckbox .p-checkbox {
+					margin-right: $inlineSpacing;
+
+					.p-indeterminate {
+						.p-checkbox-icon {
+							color: $textColor;
+						}
+					}
+				}
+			}
+
+			&:focus-visible {
+				outline: 0.15rem solid $focusOutlineColor;
+				outline-offset: -0.15rem;
+			}
+
+			&.p-highlight {
+				background: $highlightBg;
+				color: $highlightTextColor;
+
+				.p-treetable-toggler {
+					color: $highlightTextColor;
+
+					&:hover {
+						color: $highlightTextColor;
+					}
+				}
+			}
+		}
+	}
+
+	&.p-treetable-hoverable-rows {
+		.p-treetable-tbody > tr:not(.p-highlight):hover {
+			background: $tableBodyRowHoverBg;
+			color: $tableBodyRowTextHoverColor;
+
+			.p-treetable-toggler {
+				color: $tableBodyRowTextHoverColor;
+			}
+		}
+	}
+
+	.p-column-resizer-helper {
+		background: $tableResizerHelperBg;
+	}
+
+	.p-treetable-scrollable-header,
+	.p-treetable-scrollable-footer {
+		background: $panelHeaderBg;
+	}
+
+	.p-treetable-loading-icon {
+		font-size: $loadingIconFontSize;
+
+		&.p-icon {
+			width: $loadingIconFontSize;
+			height: $loadingIconFontSize;
+		}
+	}
+
+	&.p-treetable-gridlines {
+		.p-datatable-header {
+			border-width: 1px 1px 0 1px;
+		}
+
+		.p-treetable-footer {
+			border-width: 0 1px 1px 1px;
+		}
+
+		.p-treetable-top {
+			border-width: 0 1px 0 1px;
+		}
+
+		.p-treetable-bottom {
+			border-width: 0 1px 1px 1px;
+		}
+
+		.p-treetable-thead {
+			> tr {
+				> th {
+					border-width: 1px;
+				}
+			}
+		}
+
+		.p-treetable-tbody {
+			> tr {
+				> td {
+					border-width: 1px;
+				}
+			}
+		}
+
+		.p-treetable-tfoot {
+			> tr {
+				> td {
+					border-width: 1px;
+				}
+			}
+		}
+	}
+
+	&.p-treetable-sm {
+		.p-treetable-header {
+			@include scaledPadding($tableHeaderPadding, $scaleSM);
+		}
+
+		.p-treetable-thead > tr > th {
+			@include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
+		}
+
+		.p-treetable-tbody > tr > td {
+			@include scaledPadding($tableBodyCellPadding, $tableScaleSM);
+		}
+
+		.p-treetable-tfoot > tr > td {
+			@include scaledPadding($tableFooterPadding, $tableScaleSM);
+		}
+
+		.p-treetable-footer {
+			@include scaledPadding($tableFooterPadding, $tableScaleSM);
+		}
+	}
+
+	&.p-treetable-lg {
+		.p-treetable-header {
+			@include scaledPadding($tableHeaderPadding, $tableScaleLG);
+		}
+
+		.p-treetable-thead > tr > th {
+			@include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
+		}
+
+		.p-treetable-tbody > tr > td {
+			@include scaledPadding($tableBodyCellPadding, $tableScaleLG);
+		}
+
+		.p-treetable-tfoot > tr > td {
+			@include scaledPadding($tableFooterPadding, $tableScaleLG);
+		}
+
+		.p-treetable-footer {
+			@include scaledPadding($tableFooterPadding, $tableScaleLG);
+		}
+	}
 }

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

@@ -1,28 +1,28 @@
 .p-virtualscroller {
-    .p-virtualscroller-header {
-        background: $tableHeaderBg;
-        color: $tableHeaderTextColor;
-        border: $tableHeaderBorder;
-        border-width: $tableHeaderBorderWidth;
-        padding: $tableHeaderPadding;
-        font-weight: $tableHeaderFontWeight;
-    }
+	.p-virtualscroller-header {
+		background: $tableHeaderBg;
+		color: $tableHeaderTextColor;
+		border: $tableHeaderBorder;
+		border-width: $tableHeaderBorderWidth;
+		padding: $tableHeaderPadding;
+		font-weight: $tableHeaderFontWeight;
+	}
 
-    .p-virtualscroller-content {
-        background: $tableBodyRowBg;
-        color: $tableBodyRowTextColor;
-        border: $dataViewContentBorder;
-        padding: $dataViewContentPadding;
-    }
+	.p-virtualscroller-content {
+		background: $tableBodyRowBg;
+		color: $tableBodyRowTextColor;
+		border: $dataViewContentBorder;
+		padding: $dataViewContentPadding;
+	}
 
-    .p-virtualscroller-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-virtualscroller-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;
+	}
 }