Refactor #13737

src/app/components/accordion/accordion.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-accordion-header-link {
         cursor: pointer;
         display: flex;

src/app/components/autocomplete/autocomplete.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-autocomplete {
         display: inline-flex;
         position: relative;

src/app/components/avatar/avatar.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-avatar {
         display: inline-flex;
         align-items: center;

src/app/components/avatargroup/avatargroup.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-avatar-group p-avatar + p-avatar {
         margin-left: -1rem;
     }

src/app/components/badge/badge.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-badge {
         display: inline-block;
         border-radius: 10px;

src/app/components/blockui/blockui.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-blockui {
         position: absolute;
         top: 0;

src/app/components/breadcrumb/breadcrumb.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-breadcrumb {
         overflow-x: auto;
     }

src/app/components/button/button.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-button {
         margin: 0;
         display: inline-flex;

src/app/components/calendar/calendar.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-calendar {
         position: relative;
         display: inline-flex;

src/app/components/card/card.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-card-header img {
         width: 100%;
     }

src/app/components/carousel/carousel.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-carousel {
         display: flex;
         flex-direction: column;

src/app/components/cascadeselect/cascadeselect.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-cascadeselect {
         display: inline-flex;
         cursor: pointer;

src/app/components/checkbox/checkbox.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-checkbox {
         display: inline-flex;
         cursor: pointer;

src/app/components/chip/chip.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-chip {
         display: inline-flex;
         align-items: center;

src/app/components/chips/chips.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-chips {
         display: inline-flex;
     }

src/app/components/colorpicker/colorpicker.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-colorpicker {
         display: inline-block;
     }

src/app/components/common/common.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-component,
     .p-component * {
         box-sizing: border-box;

src/app/components/confirmpopup/confirmpopup.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-confirm-popup {
         position: absolute;
         margin-top: 10px;

src/app/components/contextmenu/contextmenu.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-contextmenu {
         position: absolute;
     }

src/app/components/dataview/dataview.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-dataview {
         position: relative;
     }

src/app/components/dialog/dialog.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-dialog-mask {
         position: fixed;
         top: 0;

src/app/components/divider/divider.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-divider-horizontal {
         display: flex;
         width: 100%;

src/app/components/dock/dock.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-dock {
         position: absolute;
         z-index: 1;

src/app/components/dropdown/dropdown.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-dropdown {
         display: inline-flex;
         cursor: pointer;

src/app/components/fieldset/fieldset.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-fieldset-legend > a,
     .p-fieldset-legend > span {
         display: flex;

src/app/components/fileupload/fileupload.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-fileupload-content {
         position: relative;
     }

src/app/components/galleria/galleria.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-galleria-content {
         display: flex;
         flex-direction: column;

src/app/components/image/image.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-image-mask {
         display: flex;
         align-items: center;

src/app/components/inplace/inplace.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-inplace .p-inplace-display {
         display: inline;
         cursor: pointer;

src/app/components/inputmask/inputmask.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-inputmask-clear-icon {
         position: absolute;
         top: 50%;

src/app/components/inputnumber/inputnumber.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     p-inputnumber,
     .p-inputnumber {
         display: inline-flex;

src/app/components/inputswitch/inputswitch.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-inputswitch {
         position: relative;
         display: inline-block;

src/app/components/inputtext/inputtext.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-inputtext {
         margin: 0;
     }

src/app/components/inputtextarea/inputtextarea.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-inputtextarea-resizable {
         overflow: hidden;
         resize: none;

src/app/components/knob/knob.css

@@ -3,7 +3,7 @@
         stroke-dashoffset: 0;
     }
 }
-@layer primeng {
+@layer primeng.core {
     .p-knob-range {
         fill: none;
         transition: stroke 0.1s ease-in;

src/app/components/listbox/listbox.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-listbox-list-wrapper {
         overflow: auto;
     }

src/app/components/megamenu/megamenu.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-megamenu-root-list {
         margin: 0;
         padding: 0;

src/app/components/menu/menu.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-menu-overlay {
         position: absolute;
         top: 0;

src/app/components/menubar/menubar.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-menubar {
         display: flex;
         align-items: center;

src/app/components/message/message.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-inline-message {
         display: inline-flex;
         align-items: center;

src/app/components/messages/messages.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-message-wrapper {
         display: flex;
         align-items: center;

src/app/components/multiselect/multiselect.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-multiselect {
         display: inline-flex;
         cursor: pointer;

src/app/components/orderlist/orderlist.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-orderlist {
         display: flex;
     }

src/app/components/organizationchart/organizationchart.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-organizationchart-table {
         border-spacing: 0;
         border-collapse: separate;

src/app/components/overlay/overlay.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-overlay {
         position: absolute;
         top: 0;

src/app/components/overlaypanel/overlaypanel.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-overlaypanel {
         position: absolute;
         margin-top: 10px;

src/app/components/paginator/paginator.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-paginator {
         display: flex;
         align-items: center;

src/app/components/panel/panel.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-panel-header {
         display: flex;
         align-items: center;

src/app/components/panelmenu/panelmenu.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-panelmenu .p-panelmenu-header-action {
         display: flex;
         align-items: center;

src/app/components/password/password.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-password {
         position: relative;
         display: inline-flex;

src/app/components/picklist/picklist.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-picklist {
         display: flex;
     }

src/app/components/progressbar/progressbar.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-progressbar {
         position: relative;
         overflow: hidden;

src/app/components/progressspinner/progressspinner.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-progress-spinner {
         position: relative;
         margin: 0 auto;

src/app/components/radiobutton/radiobutton.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-radiobutton {
         display: inline-flex;
         cursor: pointer;

src/app/components/rating/rating.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-rating {
         display: inline-flex;
     }

src/app/components/ripple/ripple.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-ripple {
         overflow: hidden;
         position: relative;

src/app/components/scroller/scroller.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     p-scroller {
         flex: 1;
         outline: 0 none;

src/app/components/scrollpanel/scrollpanel.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-scrollpanel-wrapper {
         overflow: hidden;
         width: 100%;

src/app/components/scrolltop/scrolltop.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-scrolltop {
         position: fixed;
         bottom: 20px;

src/app/components/sidebar/sidebar.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-sidebar {
         position: fixed;
         transition: transform 0.3s;

src/app/components/skeleton/skeleton.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-skeleton {
         position: relative;
         overflow: hidden;

src/app/components/slidemenu/slidemenu.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-slidemenu .p-slidemenu-root-list {
         position: relative;
         top: 0;

src/app/components/slider/slider.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-slider {
         position: relative;
     }

src/app/components/speeddial/speeddial.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-speeddial {
         position: absolute;
         display: flex;

src/app/components/spinner/spinner.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .ui-spinner {
         display: inline-block;
         overflow: visible;

src/app/components/splitbutton/splitbutton.css

@@ -1,4 +1,4 @@
-@layer primeng {
+@layer primeng.core {
     .p-splitbutton {
         display: inline-flex;
         position: relative;