@swisspost/design-system-styles-primeng 9.0.0-next.9 → 9.0.1

package/primeng-theme/theme-base/components/input/_treeselect.scss

@@ -1,140 +0,0 @@
-@use 'sass:list';
-@use 'sass:math';
-
-.p-treeselect {
-  background: $inputBg;
-  border: $inputBorder;
-  transition: $formElementTransition;
-  border-radius: $borderRadius;
-
-  &:not(.p-disabled):hover {
-    border-color: $inputHoverBorderColor;
-  }
-
-  &:not(.p-disabled).p-focus {
-    @include focused-input();
-  }
-
-  .p-treeselect-label {
-    padding: $inputPadding;
-    transition: $formElementTransition;
-
-    &.p-placeholder {
-      color: $inputPlaceholderTextColor;
-    }
-  }
-
-  &.p-treeselect-chip {
-    .p-treeselect-token {
-      padding: math.div(list.nth($inputPadding, 1), 2) list.nth($inputPadding, 2);
-      margin-right: $inlineSpacing;
-      background: $chipBg;
-      color: $chipTextColor;
-      border-radius: $chipBorderRadius;
-    }
-  }
-
-  .p-treeselect-trigger {
-    background: transparent;
-    color: $inputIconColor;
-    width: $inputGroupAddOnMinWidth;
-    border-top-right-radius: $borderRadius;
-    border-bottom-right-radius: $borderRadius;
-  }
-}
-
-p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
-  @include invalid-input();
-}
-
-.p-inputwrapper-filled {
-  .p-treeselect {
-    &.p-treeselect-chip {
-      .p-treeselect-label {
-        padding: math.div(list.nth($inputPadding, 1), 2) list.nth($inputPadding, 2);
-      }
-    }
-  }
-}
-
-.p-treeselect-panel {
-  background: $inputOverlayBg;
-  color: $inputListTextColor;
-  border: $inputOverlayBorder;
-  border-radius: $borderRadius;
-  box-shadow: $inputOverlayShadow;
-
-  .p-treeselect-header {
-    padding: $inputListHeaderPadding;
-    border-bottom: $inputListHeaderBorder;
-    color: $inputListHeaderTextColor;
-    background: $inputOverlayHeaderBg;
-    margin: $inputListHeaderMargin;
-    border-top-right-radius: $borderRadius;
-    border-top-left-radius: $borderRadius;
-
-    .p-treeselect-filter-container {
-      margin-right: $inlineSpacing;
-
-      .p-treeselect-filter {
-        padding-right: list.nth($inputPadding, 2) + $primeIconFontSize;
-      }
-
-      .p-treeselect-filter-icon {
-        right: list.nth($inputPadding, 2);
-        color: $inputIconColor;
-      }
-
-      &.p-treeselect-clearable-filter {
-        .p-treeselect-filter {
-          padding-right: 2 * (list.nth($inputPadding, 2) + $primeIconFontSize);
-        }
-
-        .p-treeselect-filter-clear-icon {
-          right: (2 * list.nth($inputPadding, 2)) + $primeIconFontSize;
-        }
-      }
-    }
-
-    .p-treeselect-close {
-      @include action-icon();
-    }
-  }
-
-  .p-treeselect-items-wrapper {
-    .p-tree {
-      border: 0 none;
-    }
-
-    .p-treeselect-empty-message {
-      padding: $inputListItemPadding;
-      color: $inputListItemTextColor;
-      background: $inputListItemBg;
-    }
-  }
-}
-
-.p-input-filled {
-  .p-treeselect {
-    background: $inputFilledBg;
-
-    &:not(.p-disabled):hover {
-      background-color: $inputFilledHoverBg;
-    }
-
-    &:not(.p-disabled).p-focus {
-      background-color: $inputFilledFocusBg;
-    }
-  }
-}
-
-p-treeselect.p-treeselect-clearable {
-  .p-treeselect-label-container {
-    padding-right: list.nth($inputPadding, 2) + $primeIconFontSize;
-  }
-
-  .p-treeselect-clear-icon {
-    color: $inputIconColor;
-    right: $buttonIconOnlyWidth;
-  }
-}

package/primeng-theme/theme-base/components/menu/_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;
-        color: $breadcrumbSeparatorColor;
-      }
-
-      &:last-child {
-        .p-menuitem-text {
-          color: $breadcrumbLastItemTextColor;
-        }
-
-        .p-menuitem-icon {
-          color: $breadcrumbLastItemIconColor;
-        }
-      }
-    }
-  }
-}

package/primeng-theme/theme-base/components/menu/_contextmenu.scss

@@ -1,39 +0,0 @@
-.p-contextmenu {
-  padding: $verticalMenuPadding;
-  background: $overlayMenuBg;
-  color: $menuTextColor;
-  border: $overlayMenuBorder;
-  box-shadow: $overlayMenuShadow;
-  border-radius: $borderRadius;
-  width: $menuWidth;
-
-  .p-contextmenu-root-list {
-    outline: 0 none;
-  }
-
-  .p-submenu-list {
-    padding: $verticalMenuPadding;
-    background: $overlayMenuBg;
-    border: $overlayMenuBorder;
-    box-shadow: $overlayMenuShadow;
-    border-radius: $borderRadius;
-  }
-
-  .p-menuitem {
-    @include menuitem();
-  }
-
-  .p-menuitem-separator {
-    border-top: $divider;
-    margin: $menuSeparatorMargin;
-  }
-
-  .p-submenu-icon {
-    font-size: $menuitemSubmenuIconFontSize;
-
-    &.p-icon {
-      width: $menuitemSubmenuIconFontSize;
-      height: $menuitemSubmenuIconFontSize;
-    }
-  }
-}

package/primeng-theme/theme-base/components/menu/_dock.scss

@@ -1,95 +0,0 @@
-.p-dock {
-  .p-dock-list-container {
-    background: $dockBg;
-    border: $dockBorder;
-    padding: $dockPadding;
-    border-radius: $dockBorderRadius;
-
-    .p-dock-list {
-      outline: 0 none;
-    }
-  }
-
-  .p-dock-item {
-    padding: $dockItemPadding;
-    border-radius: $dockItemBorderRadius;
-
-    &.p-focus {
-      @include focused-listitem();
-    }
-  }
-
-  .p-dock-link {
-    width: $dockActionWidth;
-    height: $dockActionHeight;
-  }
-
-  &.p-dock-top,
-  &.p-dock-bottom {
-    .p-dock-item-second-prev,
-    .p-dock-item-second-next {
-      margin: 0 $dockSecondItemsMargin;
-    }
-
-    .p-dock-item-prev,
-    .p-dock-item-next {
-      margin: 0 $dockFirstItemsMargin;
-    }
-
-    .p-dock-item-current {
-      margin: 0 $dockCurrentItemMargin;
-    }
-  }
-
-  &.p-dock-left,
-  &.p-dock-right {
-    .p-dock-item-second-prev,
-    .p-dock-item-second-next {
-      margin: $dockSecondItemsMargin 0;
-    }
-
-    .p-dock-item-prev,
-    .p-dock-item-next {
-      margin: $dockFirstItemsMargin 0;
-    }
-
-    .p-dock-item-current {
-      margin: $dockCurrentItemMargin 0;
-    }
-  }
-}
-
-@media screen and (max-width: 960px) {
-  .p-dock {
-    &.p-dock-top,
-    &.p-dock-bottom {
-      .p-dock-list-container {
-        overflow-x: auto;
-        width: 100%;
-
-        .p-dock-list {
-          margin: 0 auto;
-        }
-      }
-    }
-
-    &.p-dock-left,
-    &.p-dock-right {
-      .p-dock-list-container {
-        overflow-y: auto;
-        height: 100%;
-
-        .p-dock-list {
-          margin: auto 0;
-        }
-      }
-    }
-
-    .p-dock-list {
-      .p-dock-item {
-        transform: none;
-        margin: 0;
-      }
-    }
-  }
-}

package/primeng-theme/theme-base/components/menu/_megamenu.scss

@@ -1,55 +0,0 @@
-.p-megamenu {
-  padding: $horizontalMenuPadding;
-  background: $horizontalMenuBg;
-  color: $horizontalMenuTextColor;
-  border: $horizontalMenuBorder;
-  border-radius: $borderRadius;
-
-  .p-megamenu-root-list {
-    outline: 0 none;
-  }
-
-  .p-menuitem {
-    @include menuitem();
-  }
-
-  .p-megamenu-panel {
-    background: $overlayMenuBg;
-    color: $menuTextColor;
-    border: $overlayMenuBorder;
-    box-shadow: $overlayMenuShadow;
-  }
-
-  .p-submenu-header {
-    margin: $submenuHeaderMargin;
-    padding: $submenuHeaderPadding;
-    color: $submenuHeaderTextColor;
-    background: $submenuHeaderBg;
-    font-weight: $submenuHeaderFontWeight;
-    border-top-right-radius: $borderRadius;
-    border-top-left-radius: $borderRadius;
-  }
-
-  .p-submenu-list {
-    padding: $verticalMenuPadding;
-    width: $menuWidth;
-
-    .p-menuitem-separator {
-      border-top: $divider;
-      margin: $menuSeparatorMargin;
-    }
-  }
-
-  &.p-megamenu-vertical {
-    width: $menuWidth;
-    padding: $verticalMenuPadding;
-  }
-
-  &.p-megamenu-horizontal {
-    .p-megamenu-root-list {
-      > .p-menuitem {
-        @include horizontal-rootmenuitem();
-      }
-    }
-  }
-}

package/primeng-theme/theme-base/components/menu/_menu.scss

@@ -1,37 +0,0 @@
-.p-menu {
-  padding: $verticalMenuPadding;
-  background: $menuBg;
-  color: $menuTextColor;
-  border: $menuBorder;
-  border-radius: $borderRadius;
-  width: $menuWidth;
-
-  .p-menuitem {
-    @include menuitem();
-  }
-
-  &.p-menu-overlay {
-    background: $overlayMenuBg;
-    border: $overlayMenuBorder;
-    box-shadow: $overlayMenuShadow;
-  }
-
-  .p-submenu-header {
-    margin: $submenuHeaderMargin;
-    padding: $submenuHeaderPadding;
-    color: $submenuHeaderTextColor;
-    background: $submenuHeaderBg;
-    font-weight: $submenuHeaderFontWeight;
-    border-top-right-radius: $submenuHeaderBorderRadius;
-    border-top-left-radius: $submenuHeaderBorderRadius;
-  }
-
-  .p-menuitem-separator {
-    border-top: $divider;
-    margin: $menuSeparatorMargin;
-  }
-
-  .p-menuitem-badge {
-    @include menuitem-badge();
-  }
-}

package/primeng-theme/theme-base/components/menu/_menubar.scss

@@ -1,137 +0,0 @@
-@use 'sass:list';
-
-.p-menubar {
-  padding: $horizontalMenuPadding;
-  background: $horizontalMenuBg;
-  color: $horizontalMenuTextColor;
-  border: $horizontalMenuBorder;
-  border-radius: $borderRadius;
-
-  .p-menubar-root-list {
-    outline: 0 none;
-
-    > .p-menuitem {
-      @include horizontal-rootmenuitem();
-    }
-  }
-
-  .p-menuitem {
-    @include menuitem();
-  }
-
-  .p-submenu-list {
-    padding: $verticalMenuPadding;
-    background: $overlayMenuBg;
-    border: $overlayMenuBorder;
-    box-shadow: $overlayMenuShadow;
-    width: $menuWidth;
-
-    .p-menuitem-separator {
-      border-top: $divider;
-      margin: $menuSeparatorMargin;
-    }
-
-    .p-submenu-icon {
-      font-size: $menuitemSubmenuIconFontSize;
-    }
-  }
-}
-
-@media screen and (max-width: 960px) {
-  .p-menubar {
-    position: relative;
-
-    .p-menubar-button {
-      display: flex;
-      width: $actionIconWidth;
-      height: $actionIconHeight;
-      color: $horizontalMenuRootMenuitemIconColor;
-      border-radius: $actionIconBorderRadius;
-      transition: $actionIconTransition;
-
-      &:hover {
-        color: $horizontalMenuRootMenuitemIconHoverColor;
-        background: $horizontalMenuRootMenuitemHoverBg;
-      }
-
-      &:focus {
-        @include focused();
-      }
-    }
-
-    .p-menubar-root-list {
-      position: absolute;
-      display: none;
-      padding: $verticalMenuPadding;
-      background: $overlayMenuBg;
-      border: $overlayMenuBorder;
-      box-shadow: $overlayMenuShadow;
-      width: 100%;
-
-      .p-menuitem-separator {
-        border-top: $divider;
-        margin: $menuSeparatorMargin;
-      }
-
-      .p-submenu-icon {
-        font-size: $menuitemSubmenuIconFontSize;
-      }
-
-      .p-menuitem {
-        width: 100%;
-        position: static;
-
-        .p-menuitem-content {
-          .p-menuitem-link {
-            .p-submenu-icon {
-              margin-left: auto;
-              transition: transform $transitionDuration;
-            }
-          }
-        }
-
-        &.p-menuitem-active {
-          > .p-menuitem-content {
-            > .p-menuitem-link {
-              > .p-submenu-icon {
-                transform: rotate(-180deg);
-              }
-            }
-          }
-        }
-      }
-
-      .p-submenu-list {
-        width: 100%;
-        position: static;
-        box-shadow: none;
-        border: 0 none;
-
-        .p-submenu-icon {
-          transition: transform $transitionDuration;
-          transform: rotate(90deg);
-        }
-
-        .p-menuitem-active {
-          > .p-menuitem-content {
-            > .p-menuitem-link {
-              > .p-submenu-icon {
-                transform: rotate(-90deg);
-              }
-            }
-          }
-        }
-      }
-
-      @include nested-submenu-indents(list.nth($menuitemPadding, 1), 2, 10);
-    }
-
-    &.p-menubar-mobile-active .p-menubar-root-list {
-      display: flex;
-      flex-direction: column;
-      top: 100%;
-      left: 0;
-      z-index: 1;
-    }
-  }
-}

package/primeng-theme/theme-base/components/menu/_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-action {
-        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();
-
-      .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;
-        }
-      }
-    }
-  }
-}