aril 0.0.6 → 0.0.8

package/theme/styles/theme/base/components/misc/_badge.scss

@@ -1,48 +1,48 @@
 .p-badge {
-    background: $badgeBg;
-    color: $badgeTextColor;
-    font-size: $badgeFontSize;
-    font-weight: $badgeFontWeight;
-    min-width: $badgeMinWidth;
-    height: $badgeHeight;
-    line-height: $badgeHeight;
+	background: $badgeBg;
+	color: $badgeTextColor;
+	font-size: $badgeFontSize;
+	font-weight: $badgeFontWeight;
+	min-width: $badgeMinWidth;
+	height: $badgeHeight;
+	line-height: $badgeHeight;
 
-    &.p-badge-secondary {
-        background-color: $secondaryButtonBg;
-        color: $secondaryButtonTextColor;
-    }
+	&.p-badge-secondary {
+		background-color: $secondaryButtonBg;
+		color: $secondaryButtonTextColor;
+	}
 
-    &.p-badge-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
-    }
+	&.p-badge-success {
+		background-color: $successButtonBg;
+		color: $successButtonTextColor;
+	}
 
-    &.p-badge-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
+	&.p-badge-info {
+		background-color: $infoButtonBg;
+		color: $infoButtonTextColor;
+	}
 
-    &.p-badge-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
+	&.p-badge-warning {
+		background-color: $warningButtonBg;
+		color: $warningButtonTextColor;
+	}
 
-    &.p-badge-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
+	&.p-badge-danger {
+		background-color: $dangerButtonBg;
+		color: $dangerButtonTextColor;
+	}
 
-    &.p-badge-lg {
-        font-size: 1.5 * $badgeFontSize;
-        min-width: 1.5 * $badgeMinWidth;
-        height: 1.5 * $badgeHeight;
-        line-height: 1.5 * $badgeHeight;
-    }
+	&.p-badge-lg {
+		font-size: 1.5 * $badgeFontSize;
+		min-width: 1.5 * $badgeMinWidth;
+		height: 1.5 * $badgeHeight;
+		line-height: 1.5 * $badgeHeight;
+	}
 
-    &.p-badge-xl {
-        font-size: 2 * $badgeFontSize;
-        min-width: 2 * $badgeMinWidth;
-        height: 2 * $badgeHeight;
-        line-height: 2 * $badgeHeight;
-    }
-}
+	&.p-badge-xl {
+		font-size: 2 * $badgeFontSize;
+		min-width: 2 * $badgeMinWidth;
+		height: 2 * $badgeHeight;
+		line-height: 2 * $badgeHeight;
+	}
+}

package/theme/styles/theme/base/components/misc/_chip.scss

@@ -1,42 +1,42 @@
 @use 'sass:math';
 
 .p-chip {
-    background-color: $chipBg;
-    color: $chipTextColor;
-    border-radius: $chipBorderRadius;
-    padding: 0 nth($inputPadding, 2);
-
-    .p-chip-text {
-        line-height: 1.5;
-        margin-top: math.div(nth($inputPadding, 1), 2);
-        margin-bottom: math.div(nth($inputPadding, 1), 2);
-    }
-
-    .p-chip-icon {
-        margin-right: $inlineSpacing;
-    }
-
-    .pi-chip-remove-icon {
-        margin-left: $inlineSpacing;
-    }
-
-    img {
-        width: 1.5 + nth($inputPadding, 1);
-        height: 1.5 + nth($inputPadding, 1);
-        margin-left: -1 * nth($inputPadding, 2);
-        margin-right: $inlineSpacing;
-    }
-
-    .pi-chip-remove-icon {
-        border-radius: $borderRadius;
-        transition: $actionIconTransition;
-        
-        &:focus-visible {
-            @include focused();
-        }
-
-        &:focus {
-            outline: 0 none;
-        }
-    }
-}
+	background-color: $chipBg;
+	color: $chipTextColor;
+	border-radius: $chipBorderRadius;
+	padding: 0 nth($inputPadding, 2);
+
+	.p-chip-text {
+		line-height: 1.5;
+		margin-top: math.div(nth($inputPadding, 1), 2);
+		margin-bottom: math.div(nth($inputPadding, 1), 2);
+	}
+
+	.p-chip-icon {
+		margin-right: $inlineSpacing;
+	}
+
+	.pi-chip-remove-icon {
+		margin-left: $inlineSpacing;
+	}
+
+	img {
+		width: 1.5 + nth($inputPadding, 1);
+		height: 1.5 + nth($inputPadding, 1);
+		margin-left: -1 * nth($inputPadding, 2);
+		margin-right: $inlineSpacing;
+	}
+
+	.pi-chip-remove-icon {
+		border-radius: $borderRadius;
+		transition: $actionIconTransition;
+
+		&:focus-visible {
+			@include focused();
+		}
+
+		&:focus {
+			outline: 0 none;
+		}
+	}
+}

package/theme/styles/theme/base/components/misc/_inplace.scss

@@ -1,17 +1,16 @@
 .p-inplace {
-    .p-inplace-display {
-        padding: $inplacePadding;
-        border-radius: $borderRadius;
-        transition: $formElementTransition;
+	.p-inplace-display {
+		padding: $inplacePadding;
+		border-radius: $borderRadius;
+		transition: $formElementTransition;
 
-        &:not(.p-disabled):hover {
-            background: $inplaceHoverBg;
-            color: $inplaceTextHoverColor;
-        }
+		&:not(.p-disabled):hover {
+			background: $inplaceHoverBg;
+			color: $inplaceTextHoverColor;
+		}
 
-        &:focus {
-            @include focused();
-        }
-    }
+		&:focus {
+			@include focused();
+		}
+	}
 }
-

package/theme/styles/theme/base/components/misc/_progressbar.scss

@@ -1,17 +1,17 @@
 .p-progressbar {
-    border: $progressBarBorder;
-    height: $progressBarHeight;
-    background: $progressBarBg;
-    border-radius: $borderRadius;
+	border: $progressBarBorder;
+	height: $progressBarHeight;
+	background: $progressBarBg;
+	border-radius: $borderRadius;
 
-    .p-progressbar-value {
-        border: 0 none;
-        margin: 0;
-        background: $progressBarValueBg;
-    }
+	.p-progressbar-value {
+		border: 0 none;
+		margin: 0;
+		background: $progressBarValueBg;
+	}
 
-    .p-progressbar-label {
-        color: $progressBarValueTextColor;
-        line-height: $progressBarHeight;
-    }
+	.p-progressbar-label {
+		color: $progressBarValueTextColor;
+		line-height: $progressBarHeight;
+	}
 }

package/theme/styles/theme/base/components/misc/_scrolltop.scss

@@ -1,25 +1,25 @@
 .p-scrolltop {
-    width: $scrollTopWidth;
-    height: $scrollTopHeight;
-    border-radius: $scrollTopBorderRadius;
-    box-shadow: $inputOverlayShadow;
-    transition: $actionIconTransition;
+	width: $scrollTopWidth;
+	height: $scrollTopHeight;
+	border-radius: $scrollTopBorderRadius;
+	box-shadow: $inputOverlayShadow;
+	transition: $actionIconTransition;
 
-    &.p-link {
-        background: $scrollTopBg;
+	&.p-link {
+		background: $scrollTopBg;
 
-        &:hover {
-            background: $scrollTopHoverBg;
-        }
-    }
+		&:hover {
+			background: $scrollTopHoverBg;
+		}
+	}
 
-    .p-scrolltop-icon {
-        font-size: $scrollTopFontSize;
-        color: $scrollTopTextColor;
-    }
+	.p-scrolltop-icon {
+		font-size: $scrollTopFontSize;
+		color: $scrollTopTextColor;
+	}
 
-    .p-icon {
-        width: $scrollTopFontSize;
-        height: $scrollTopFontSize;
-    }
-}
+	.p-icon {
+		width: $scrollTopFontSize;
+		height: $scrollTopFontSize;
+	}
+}

package/theme/styles/theme/base/components/misc/_skeleton.scss

@@ -1,8 +1,8 @@
 .p-skeleton {
-    background-color: $skeletonBg;
-    border-radius: $borderRadius;
+	background-color: $skeletonBg;
+	border-radius: $borderRadius;
 
-    &:after {
-        background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0));
-    }
-}
+	&:after {
+		background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0));
+	}
+}

package/theme/styles/theme/base/components/misc/_tag.scss

@@ -1,40 +1,40 @@
 @use 'sass:math';
 
 .p-tag {
-    background: $badgeBg;
-    color: $badgeTextColor;
-    font-size: $badgeFontSize;
-    font-weight: $badgeFontWeight;
-    padding: $tagPadding;
-    border-radius: $borderRadius;
+	background: $badgeBg;
+	color: $badgeTextColor;
+	font-size: $badgeFontSize;
+	font-weight: $badgeFontWeight;
+	padding: $tagPadding;
+	border-radius: $borderRadius;
 
-    &.p-tag-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
-    }
+	&.p-tag-success {
+		background-color: $successButtonBg;
+		color: $successButtonTextColor;
+	}
 
-    &.p-tag-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
+	&.p-tag-info {
+		background-color: $infoButtonBg;
+		color: $infoButtonTextColor;
+	}
 
-    &.p-tag-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
+	&.p-tag-warning {
+		background-color: $warningButtonBg;
+		color: $warningButtonTextColor;
+	}
 
-    &.p-tag-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
+	&.p-tag-danger {
+		background-color: $dangerButtonBg;
+		color: $dangerButtonTextColor;
+	}
 
-    .p-tag-icon {
-        margin-right: math.div($inlineSpacing, 2);
-        font-size: $badgeFontSize;
-    }
+	.p-tag-icon {
+		margin-right: math.div($inlineSpacing, 2);
+		font-size: $badgeFontSize;
+	}
 
-    .p-icon {
-        width: $badgeFontSize;
-        height: $badgeFontSize;
-    }
-}
+	.p-icon {
+		width: $badgeFontSize;
+		height: $badgeFontSize;
+	}
+}

package/theme/styles/theme/base/components/misc/_terminal.scss

@@ -5,7 +5,7 @@
 	padding: $panelContentPadding;
 
 	.p-terminal-input {
-        font-family: var(--font-family);
+		font-family: var(--font-family);
 		font-feature-settings: var(--font-feature-settings, normal);
 		font-size: $inputTextFontSize;
 	}