@orangesix/react 2.3.1 → 2.4.0-beta.3

package/style/scss/_autocomplete.scss

@@ -1,106 +0,0 @@
-@use 'sass:math';
-
-.p-autocomplete {
-  .p-autocomplete-loader {
-    right: nth($inputPadding, 2);
-  }
-
-  &.p-autocomplete-dd {
-    .p-autocomplete-loader {
-      right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
-    }
-  }
-
-  .p-autocomplete-multiple-container {
-    padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-    gap: $inlineSpacing;
-
-    &:not(.p-disabled):hover {
-      border-color: $inputHoverBorderColor;
-    }
-
-    &:not(.p-disabled).p-focus {
-      @include focused-input();
-    }
-
-    .p-autocomplete-input-token {
-      padding: math.div(nth($inputPadding, 1), 2) 0;
-
-      input {
-        font-family: var(--font-family);
-        font-feature-settings: var(--font-feature-settings, normal);
-        font-size: $inputTextFontSize;
-        color: $textColor;
-        padding: 0;
-        margin: 0;
-      }
-    }
-
-    .p-autocomplete-token {
-      padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
-      margin-right: $inlineSpacing;
-      background: $highlightBg;
-      color: $highlightTextColor;
-      border-radius: $borderRadius;
-
-      .p-autocomplete-token-icon {
-        margin-left: $inlineSpacing;
-      }
-    }
-  }
-
-  &.p-invalid.p-component > .p-inputtext {
-    @include invalid-input();
-  }
-}
-
-.p-autocomplete-panel {
-  background: $inputOverlayBg;
-  color: $inputListTextColor;
-  border: $inputOverlayBorder;
-  border-radius: $borderRadius;
-  box-shadow: $inputOverlayShadow;
-
-  .p-autocomplete-items-wrapper {
-    &::-webkit-scrollbar {
-      width: $scrollBarWidth;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: $scrollThumbBg;
-      border-radius: $scrollTopBorderRadius;
-    }
-  }
-
-  .p-autocomplete-items {
-    padding: $inputListPadding;
-
-    .p-autocomplete-item {
-      margin: $inputListItemMargin;
-      padding: $inputListItemPadding;
-      border: $inputListItemBorder;
-      color: $inputListItemTextColor;
-      background: $inputListItemBg;
-      transition: $listItemTransition;
-      border-radius: $inputListItemBorderRadius;
-
-      &:hover {
-        color: $inputListItemTextHoverColor;
-        background: $inputListItemHoverBg;
-      }
-
-      &.p-highlight {
-        color: $highlightTextColor;
-        background: $highlightBg;
-      }
-    }
-
-    .p-autocomplete-item-group {
-      margin: $submenuHeaderMargin;
-      padding: $submenuHeaderPadding;
-      color: $submenuHeaderTextColor;
-      background: $submenuHeaderBg;
-      font-weight: $submenuHeaderFontWeight;
-    }
-  }
-}

package/style/scss/_avatar.scss

@@ -1,34 +0,0 @@
-.p-avatar {
-    background-color: $avatarBg;
-    border-radius: $borderRadius;
-
-    &.p-avatar-lg {
-        width: 3rem;
-        height: 3rem;
-        font-size: 1.5rem;
-
-        .p-avatar-icon {
-            font-size: 1.5rem;
-        }
-    }
-
-    &.p-avatar-xl {
-        width: 4rem;
-        height: 4rem;
-        font-size: 2rem;
-
-        .p-avatar-icon {
-            font-size: 2rem;
-        }
-    }
-}
-
-.p-avatar-circle {
-    border-radius: 50%;
-  }
-
-.p-avatar-group {
-    .p-avatar {
-        border: 2px solid $panelContentBg;
-    }
-}

package/style/scss/_badge.scss

@@ -1,77 +0,0 @@
-.p-badge {
-    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-success {
-        background-color: $successButtonBg;
-        color: $successButtonTextColor;
-    }
-
-    &.p-badge-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
-
-    &.p-badge-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.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-xl {
-        font-size: 2 * $badgeFontSize;
-        min-width: 2 * $badgeMinWidth;
-        height: 2 * $badgeHeight;
-        line-height: 2 * $badgeHeight;
-    }
-}
-
-.p-tag {
-    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-info {
-        background-color: $infoButtonBg;
-        color: $infoButtonTextColor;
-    }
-
-    &.p-tag-warning {
-        background-color: $warningButtonBg;
-        color: $warningButtonTextColor;
-    }
-
-    &.p-tag-danger {
-        background-color: $dangerButtonBg;
-        color: $dangerButtonTextColor;
-    }
-}

package/style/scss/_breadcrumb.scss

@@ -1,42 +0,0 @@
-.p-breadcrumb {
-	background: $breadcrumbBg;
-	border: $breadcrumbBorder;
-	border-radius: $borderRadius;
-	padding: $breadcrumbPadding;
-
-	.p-breadcrumb-list {
-		li {
-			.p-menuitem-link {
-				transition: $listItemTransition;
-				border-radius: $borderRadius;
-
-				&:focus-visible {
-					@include focused();
-				}
-
-				.p-menuitem-text {
-					color: $breadcrumbItemTextColor;
-				}
-
-				.p-menuitem-icon {
-					color: $breadcrumbItemIconColor;
-				}
-			}
-
-			&.p-menuitem-separator {
-				margin: 0 $inlineSpacing 0 $inlineSpacing;
-				color: $breadcrumbSeparatorColor;
-			}
-
-			&:last-child {
-				.p-menuitem-text {
-					color: $breadcrumbLastItemTextColor;
-				}
-
-				.p-menuitem-icon {
-					color: $breadcrumbLastItemIconColor;
-				}
-			}
-		}
-	}
-}