@orangesix/react 2.3.1 → 2.4.0-beta.3

package/style/scss/_orderlist.scss

@@ -1,86 +0,0 @@
-.p-orderlist {
-	.p-orderlist-controls {
-		padding: $panelContentPadding;
-
-		.p-button {
-			margin-bottom: $inlineSpacing;
-		}
-	}
-
-	.p-orderlist-header {
-		background: $panelHeaderBg;
-		color: $panelHeaderTextColor;
-		border: $panelHeaderBorder;
-		padding: $panelHeaderPadding;
-		font-weight: $panelHeaderFontWeight;
-		border-bottom: 0 none;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-	}
-
-	.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: transform $transitionDuration, $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-striped {
-		.p-orderlist-list {
-			.p-orderlist-item:nth-child(even) {
-				background: $panelContentEvenRowBg;
-
-				&:hover {
-					background: $inputListItemHoverBg;
-				}
-			}
-		}
-	}
-}

package/style/scss/_organizationchart.scss

@@ -1,50 +0,0 @@
-.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();
-        }
-    }
-}

package/style/scss/_overlaypanel.scss

@@ -1,64 +0,0 @@
-@use 'sass:math';
-
-.p-overlaypanel {
-    background: $overlayContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    border-radius: $borderRadius;
-    box-shadow: $overlayContainerShadow;
-
-    .p-overlaypanel-content {
-        padding: $panelContentPadding;
-    }
-
-    .p-overlaypanel-close {
-        background: $buttonBg;
-        color: $buttonTextColor;
-        width: $actionIconWidth;
-        height: $actionIconHeight;
-        transition: $actionIconTransition;
-        border-radius: $actionIconBorderRadius;
-        position: absolute;
-        top: math.div(-1 * $actionIconWidth, 2);
-        right: math.div(-1 * $actionIconWidth, 2);
-
-        &:enabled:hover {
-            background: $buttonHoverBg;
-            color: $buttonTextHoverColor;
-        }
-    }
-
-    &:after {
-        border: solid transparent;
-        border-color: rgba($overlayContentBg, 0);
-        border-bottom-color: $overlayContentBg;
-    }
-
-    &:before {
-        border: solid transparent;
-
-        @if (nth($overlayContentBorder, 2) == 'none') {
-            border-color: rgba($overlayContentBg, 0);
-            border-bottom-color: scale-color($overlayContentBg, $lightness: -5%);
-        }
-        @else {
-            border-color: rgba(nth($overlayContentBorder, 3), 0);
-            border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%);
-        }
-    }
-
-    &.p-overlaypanel-flipped {
-        &:after {
-            border-top-color: $overlayContentBg;
-        }
-
-        &:before {
-            @if (nth($overlayContentBorder, 2) == 'none') {
-                border-top-color: $overlayContentBg;
-            }
-            @else {
-                border-top-color: nth($overlayContentBorder, 3);
-            }
-        }
-    }
-}

package/style/scss/_paginator.scss

@@ -1,91 +0,0 @@
-.p-paginator {
-    background: $paginatorBg;
-    color: $paginatorTextColor;
-    border: $paginatorBorder;
-    border-width: $paginatorBorderWidth;
-    padding: $paginatorPadding;
-    border-radius: $borderRadius;
-
-    .p-paginator-first,
-    .p-paginator-prev,
-    .p-paginator-next,
-    .p-paginator-last {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        transition: $listItemTransition;
-        border-radius: $paginatorElementBorderRadius;
-
-        &:not(.p-disabled):not(.p-highlight):hover {
-            background: $paginatorElementHoverBg;
-            border-color: $paginatorElementHoverBorderColor;
-            color: $paginatorElementIconHoverColor;
-        }
-    }
-
-    .p-paginator-first {
-        border-top-left-radius: $paginatorElementBorderRadius;
-        border-bottom-left-radius: $paginatorElementBorderRadius;
-    }
-    
-    .p-paginator-last {
-        border-top-right-radius: $paginatorElementBorderRadius;
-        border-bottom-right-radius: $paginatorElementBorderRadius;
-    }
-
-    .p-dropdown {
-        margin-left: $inlineSpacing;
-        height: $paginatorElementHeight;
-
-        .p-dropdown-label {
-            padding-right: 0;
-        }
-    }
-
-    .p-paginator-page-input {
-        margin-left: $inlineSpacing;
-        margin-right: $inlineSpacing;
-
-        .p-inputtext {
-            max-width: $paginatorElementWidth;
-        }
-    }
-
-    .p-paginator-current {
-        background-color: $paginatorElementBg;
-        border: $paginatorElementBorder;
-        color: $paginatorElementIconColor;
-        min-width: $paginatorElementWidth;
-        height: $paginatorElementHeight;
-        margin: $paginatorElementMargin;
-        padding: 0 $inlineSpacing;
-    }
-
-    .p-paginator-pages {
-        .p-paginator-page {
-            background-color: $paginatorElementBg;
-            border: $paginatorElementBorder;
-            color: $paginatorElementIconColor;
-            min-width: $paginatorElementWidth;
-            height: $paginatorElementHeight;
-            margin: $paginatorElementMargin;
-            transition: $listItemTransition;
-            border-radius: $paginatorElementBorderRadius;
-
-            &.p-highlight {
-                background: $highlightBg;
-                border-color: $highlightBg;
-                color: $highlightTextColor;
-            }
-
-            &:not(.p-highlight):hover {
-                background: $paginatorElementHoverBg;
-                border-color: $paginatorElementHoverBorderColor;
-                color: $paginatorElementIconHoverColor;
-            }
-        }
-    }
-}

package/style/scss/_panel.scss

@@ -1,47 +0,0 @@
-.p-panel {
-    .p-panel-header {
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-panel-title {
-            font-weight: $panelHeaderFontWeight;
-        }
-
-        .p-panel-header-icon {
-            @include action-icon();
-        }
-    }
-
-    &.p-panel-toggleable {
-        .p-panel-header {
-            padding: $panelToggleableHeaderPadding;
-        }
-    }
-
-    &:has(> .p-panel-footer) .p-panel-content {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-panel-content {
-        padding: $panelContentPadding;
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-        border-top: 0 none;
-    }
-
-    .p-panel-footer {
-        padding: $panelFooterPadding;
-        border: $panelFooterBorder;
-        background: $panelFooterBg;
-        color: $panelFooterTextColor;
-        border-top: 0 none;
-    }
-}

package/style/scss/_panelmenu.scss

@@ -1,153 +0,0 @@
-.p-panelmenu {
-	.p-panelmenu-header {
-		outline: 0 none;
-
-		.p-panelmenu-header-content {
-			border: $accordionHeaderBorder;
-			color: $accordionHeaderTextColor;
-			background: $accordionHeaderBg;
-			border-radius: $borderRadius;
-			transition: $listItemTransition;
-
-			.p-panelmenu-header-link {
-				color: $accordionHeaderTextColor;
-				padding: $accordionHeaderPadding;
-				font-weight: $accordionHeaderFontWeight;
-
-				.p-submenu-icon {
-					margin-right: $inlineSpacing;
-				}
-
-				.p-menuitem-icon {
-					margin-right: $inlineSpacing;
-				}
-			}
-		}
-
-		&:not(.p-disabled) {
-			&:focus-visible {
-				.p-panelmenu-header-content {
-					@include focused-inset();
-				}
-			}
-		}
-
-		&:not(.p-highlight):not(.p-disabled):hover {
-			.p-panelmenu-header-content {
-				background: $accordionHeaderHoverBg;
-				border-color: $accordionHeaderHoverBorderColor;
-				color: $accordionHeaderTextHoverColor;
-			}
-		}
-
-		&:not(.p-disabled).p-highlight {
-			.p-panelmenu-header-content {
-				background: $accordionHeaderActiveBg;
-				border-color: $accordionHeaderActiveBorderColor;
-				color: $accordionHeaderTextActiveColor;
-				border-bottom-right-radius: 0;
-				border-bottom-left-radius: 0;
-				margin-bottom: 0;
-			}
-
-			&:hover {
-				.p-panelmenu-header-content {
-					border-color: $accordionHeaderActiveHoverBorderColor;
-					background: $accordionHeaderActiveHoverBg;
-					color: $accordionHeaderTextActiveHoverColor;
-				}
-			}
-		}
-	}
-
-	.p-panelmenu-content {
-		padding: $verticalMenuPadding;
-		border: $accordionContentBorder;
-		background: $accordionContentBg;
-		color: $accordionContentTextColor;
-		border-top: 0;
-		border-top-right-radius: 0;
-		border-top-left-radius: 0;
-		border-bottom-right-radius: $borderRadius;
-		border-bottom-left-radius: $borderRadius;
-
-		.p-panelmenu-root-list {
-			outline: 0 none;
-		}
-
-		.p-menuitem {
-			@include menuitem-link();
-
-			.p-menuitem-content {
-				.p-menuitem-link {
-					.p-submenu-icon {
-						margin-right: $inlineSpacing;
-					}
-				}
-			}
-		}
-
-		.p-menuitem-separator {
-			border-top: $divider;
-			margin: $menuSeparatorMargin;
-		}
-
-		.p-submenu-list:not(.p-panelmenu-root-list) {
-			padding: $treeNodeChildrenPadding;
-		}
-	}
-
-	.p-panelmenu-panel {
-		margin-bottom: $accordionSpacing;
-
-		@if $accordionSpacing == 0 {
-			.p-panelmenu-header {
-				.p-panelmenu-header-content {
-					border-radius: 0;
-				}
-			}
-
-			.p-panelmenu-content {
-				border-radius: 0;
-			}
-
-			&:not(:first-child) {
-				.p-panelmenu-header {
-					.p-panelmenu-header-content {
-						border-top: 0 none;
-					}
-
-					&:not(.p-highlight):not(.p-disabled):hover,
-					&:not(.p-disabled).p-highlight:hover {
-						.p-panelmenu-header-content {
-							border-top: 0 none;
-						}
-					}
-				}
-			}
-
-			&:first-child {
-				.p-panelmenu-header {
-					.p-panelmenu-header-content {
-						border-top-right-radius: $borderRadius;
-						border-top-left-radius: $borderRadius;
-					}
-				}
-			}
-
-			&:last-child {
-				.p-panelmenu-header:not(.p-highlight) {
-					.p-panelmenu-header-content {
-						border-bottom-right-radius: $borderRadius;
-						border-bottom-left-radius: $borderRadius;
-					}
-				}
-
-				.p-panelmenu-content {
-					border-bottom-right-radius: $borderRadius;
-					border-bottom-left-radius: $borderRadius;
-				}
-			}
-		}
-	}
-}

package/style/scss/_password.scss

@@ -1,33 +0,0 @@
-.p-password {
-    &.p-invalid.p-component > .p-inputtext {
-        @include invalid-input();
-    }
-}
-
-.p-password-panel {
-    padding: $panelContentPadding;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    border: $overlayContentBorder;
-    box-shadow: $inputOverlayShadow;
-    border-radius: $borderRadius;
-
-    .p-password-meter {
-        margin-bottom: $inlineSpacing;
-        background: $passwordMeterBg;
-
-        .p-password-strength {
-            &.weak {
-                background: $passwordWeakBg;
-            }
-
-            &.medium {
-                background: $passwordMediumBg;
-            }
-
-            &.strong {
-                background: $passwordStrongBg;
-            }
-        }
-    }
-}

package/style/scss/_picklist.scss

@@ -1,74 +0,0 @@
-.p-picklist {
-  .p-picklist-buttons {
-    padding: $panelContentPadding;
-
-    .p-button {
-      margin-bottom: $inlineSpacing !important;
-    }
-  }
-
-  .p-picklist-header {
-    background: $panelHeaderBg;
-    color: $panelHeaderTextColor;
-    border: $panelHeaderBorder;
-    padding: $panelHeaderPadding;
-    font-weight: $panelHeaderFontWeight;
-    border-bottom: 0 none;
-    border-top-right-radius: $borderRadius;
-    border-top-left-radius: $borderRadius;
-  }
-
-  .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: transform $transitionDuration, $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;
-        }
-      }
-    }
-  }
-}

package/style/scss/_progressbar.scss

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