@rh-support/troubleshoot 2.7.1 → 2.32.2-prodBackup

package/lib/esm/scss/_pf-overrides.scss

@@ -1,17 +1,17 @@
 // Overrides for Patternfly 4 components
 
 :root {
-    //   --pf-v5-global--FontFamily--sans-serif: "Red Hat Text", "Overpass", Helvetica, sans-serif !important;
+    //   --pf-v6-global--FontFamily--sans-serif: "Red Hat Text", "Overpass", Helvetica, sans-serif !important;
     --pfe-theme--font-size: 14.54545454px !important;
 }
 
-.pf-v5-c-backdrop {
+.pf-v6-c-backdrop {
     -webkit-backdrop-filter: blur(10px);
     background-color: rgba(3, 3, 3, 0.619608);
     box-sizing: border-box;
     color: rgb(21, 21, 21);
 
-    .pf-v5-c-modal-box {
+    .pf-v6-c-modal-box {
         max-width: 90%;
 
         @media (min-width: 992px) {
@@ -22,12 +22,12 @@
             max-width: 50%;
         }
 
-        .pf-v5-c-title {
+        .pf-v6-c-title {
             margin-bottom: 1rem;
             font-size: 20px;
         }
 
-        .pf-v5-c-modal-box__body {
+        .pf-v6-c-modal-box__body {
             margin-top: 0;
             margin-bottom: 0;
 
@@ -36,7 +36,7 @@
             }
         }
 
-        .pf-v5-c-modal-box__footer {
+        .pf-v6-c-modal-box__footer {
             margin: 0;
 
             button:first-child {
@@ -46,11 +46,11 @@
 
         // feedback form specific overrides
         &.feedback-modal {
-            .pf-v5-c-title {
+            .pf-v6-c-title {
                 margin-bottom: 1.5rem;
             }
 
-            .pf-v5-c-modal-box__body {
+            .pf-v6-c-modal-box__body {
                 fieldset {
                     display: -ms-flexbox;
                     display: flex;
@@ -96,23 +96,24 @@
         }
     }
 
-    .pf-modal-overflow-visible .pf-v5-c-modal-box__body {
+    .pf-modal-overflow-visible .pf-v6-c-modal-box__body {
         overflow: visible !important;
     }
 }
 
-.pf-v5-c-divider {
+.pf-v6-c-divider {
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
 }
 
-.pf-v5-c-alert {
-    .pf-v5-c-alert__title {
+.pf-v6-c-alert {
+    margin-top: 24px;
+    .pf-v6-c-alert__title {
         font-weight: 600 !important;
         font-size: 15px;
     }
 
-    .pf-v5-c-alert__description .restore-session-list {
+    .pf-v6-c-alert__description .restore-session-list {
         margin-bottom: 0;
         padding-left: 0;
         list-style: none;
@@ -153,7 +154,7 @@
         }
     }
 
-    .pf-v5-c-alert__action {
+    .pf-v6-c-alert__action {
         button {
             padding: 6px 12px;
             background: transparent;
@@ -162,29 +163,28 @@
         }
     }
 
-    &.pf-v5-c-alert.pf-m-info.pf-m-inline {
-        --pf-v5-c-alert--m-inline--before--BackgroundColor: #39a5dc;
-        --pf-v5-c-alert__icon--Color: #39a5dc;
+    &.pf-v6-c-alert.pf-m-inline {
+        --pf-v6-c-alert--m-inline--before--BackgroundColor: #39a5dc;
 
-        .pf-v5-c-alert__description > * {
+        .pf-v6-c-alert__description > * {
             margin-bottom: 0;
         }
     }
 }
 
 #rh-support-case {
-    .pf-v5-c-expandable-section {
-        .pf-v5-c-expandable-section__content {
+    .pf-v6-c-expandable-section {
+        .pf-v6-c-expandable-section__content {
             margin-top: 0 !important;
             padding: 10px 5px;
             border: 1px solid #d2d2d2;
             border-top: none;
         }
 
-        .pf-v5-c-expandable-section__toggle {
+        .pf-v6-c-expandable-section__toggle {
             font-size: 16px;
 
-            .pf-v5-c-expandable-section__toggle-text {
+            .pf-v6-c-expandable-section__toggle-text {
                 margin-left: 8px;
                 font-weight: 500;
             }
@@ -192,8 +192,9 @@
     }
 }
 
-.pf-v5-c-accordion {
+.pf-v6-c-accordion {
     padding: 0;
+    margin: 0;
     .pf-m-expanded ul {
         list-style-type: none; //Because, FF
     }
@@ -202,13 +203,13 @@
         margin-bottom: 0;
         margin-top: 0;
 
-        .pf-v5-c-accordion__toggle {
-            .pf-v5-c-accordion__toggle-text {
+        .pf-v6-c-accordion__toggle {
+            .pf-v6-c-accordion__toggle-text {
                 font-size: 16px;
             }
 
             &.pf-m-expanded {
-                .pf-v5-c-accordion__toggle-text {
+                .pf-v6-c-accordion__toggle-text {
                     font-weight: 600;
                 }
             }
@@ -217,25 +218,25 @@
 }
 
 .critical-solutions-modal {
-    &.pf-v5-c-modal-box {
+    &.pf-v6-c-modal-box {
         max-width: 60% !important;
 
-        .pf-v5-c-modal-box__body {
+        .pf-v6-c-modal-box__body {
             margin-bottom: 0;
             padding-top: 0.5rem;
             padding-bottom: 0;
         }
     }
 
-    .pf-v5-c-accordion {
+    .pf-v6-c-accordion {
         h3 {
             margin-top: 0;
         }
 
-        .pf-v5-c-accordion__toggle {
+        .pf-v6-c-accordion__toggle {
             padding: 0.8rem 1rem;
 
-            .pf-v5-c-accordion__toggle-text {
+            .pf-v6-c-accordion__toggle-text {
                 overflow: visible;
                 max-width: 95%;
                 white-space: normal;
@@ -247,7 +248,7 @@
             }
         }
 
-        .pf-v5-c-accordion__expanded-content-body {
+        .pf-v6-c-accordion__expanded-content-body {
             padding: 1rem 1.5rem;
 
             & > *:not(.ea-rule) .cta-link {
@@ -262,7 +263,7 @@
             }
         }
 
-        .pf-v5-c-accordion__toggle-text .pf-v5-c-label {
+        .pf-v6-c-accordion__toggle-text .pf-v6-c-label {
             font-weight: 400;
             padding: 4px 8px;
             line-height: 21px;
@@ -270,18 +271,17 @@
     }
 }
 
-.pf-v5-c-alert-group {
+.pf-v6-c-alert-group {
     list-style: none;
 }
 
 .popular-solutions {
-    background-color: #286869 !important;
     padding-top: 10px !important;
     padding-bottom: 10px !important;
+    border-radius: var(--global-border-radius-small, 6px) var(--global-border-radius-small, 6px) 0px 0px !important;
 
     .card-title {
-        color: #fff !important;
-        font-weight: 900;
+        font-weight: 700;
     }
     div > button > span > svg {
         color: white !important;
@@ -296,22 +296,17 @@
     margin-top: 2px;
 }
 
-.file-diag {
-    border: 1px solid #ededed;
-}
-
 .file-diag > .card-heading {
     display: flex;
     -ms-flex-align: center;
     margin-bottom: 0;
     padding: 0.5rem 0.8rem;
     font-size: 15px;
-    background-color: var(--pf-v5-global--palette--black-500);
-    border: 1px solid var(--pf-v5-global--palette--black-500);
-    color: var(--pf-v5-global--palette--white);
+    border: 1px solid var(--pf-t--color--gray--50);
+    color: var(--pf-t--color--white);
 }
 
-.file-diag .file-buttons .pf-v5-c-switch .pf-v5-c-switch__label {
+.file-diag .file-buttons .pf-v6-c-switch .pf-v6-c-switch__label {
     padding-left: 10px;
     font-size: 15px;
 }
@@ -324,19 +319,27 @@
     top: 20px !important;
 }
 
-.pf-v5-c-button.pf-m-secondary[disabled]::after {
+.pf-v6-c-button.pf-m-secondary[disabled]::after {
     border: 0;
 }
 
-.pf-v5-c-button .pf-m-active {
+.pf-v6-c-button .pf-m-active {
     color: #06c;
 }
 
+.pf-v6-c-button.pf-m-primary {
+    color: var(--pf-v6-c-button--Color);
+}
+
+.pf-m-aria-disabled {
+    color: var(--pf-v6-c-button--disabled--Color) !important;
+}
+
 // Override disable color on darker backgrounds
 .case-overview-secondary,
 #review {
-    .pf-v5-c-select__toggle.pf-m-disabled,
-    .pf-v5-c-select__toggle:disabled {
+    .pf-v6-c-select__toggle.pf-m-disabled,
+    .pf-v6-c-select__toggle:disabled {
         --pf-v5-c-select__toggle--Color: #ccc;
         --pf-v5-c-select__toggle--BackgroundColor: #fff;
     }
@@ -354,11 +357,11 @@ section.grid-aside-content pfe-accordion {
     --pfe-accordion--FontWeight--header: 600;
 }
 
-div.pf-v5-c-modal-box__body label.pf-v5-c-switch {
+div.pf-v6-c-modal-box__body label.pf-v6-c-switch {
     padding: 1rem;
 }
 // override added padding
-div.pf-v5-c-alert__description div.ea-rule p a.pf-v5-c-button {
+div.pf-v6-c-alert__description div.ea-rule p a.pf-v6-c-button {
     padding: 0;
 }
 
@@ -376,20 +379,20 @@ section div.file-recommendations h5 {
     margin: 0 !important;
 }
 
-section div.file-recommendations h5 span div.pf-v5-c-label-group {
+section div.file-recommendations h5 span div.pf-v6-c-label-group {
     display: flex;
 }
 
-div input.pf-v5-c-form-control.pf-m-search {
+div input.pf-v6-c-form-control.pf-m-search {
     background-image: none;
 }
 // To override font weight in CEP Form - PCM-11644
-div#cep-details-modal.pf-v5-c-modal-box__body {
-    form.pf-v5-c-form.push-top-narrow {
-        div.pf-v5-c-form__group {
-            div.pf-v5-c-form__group-label {
-                label.pf-v5-c-form__label {
-                    span.pf-v5-c-form__label-text {
+div#cep-details-modal.pf-v6-c-modal-box__body {
+    form.pf-v6-c-form.push-top-narrow {
+        div.pf-v6-c-form__group {
+            div.pf-v6-c-form__group-label {
+                label.pf-v6-c-form__label {
+                    span.pf-v6-c-form__label-text {
                         font-weight: 600 !important;
                     }
                 }
@@ -400,24 +403,28 @@ div#cep-details-modal.pf-v5-c-modal-box__body {
 
 // To override font weight in Request Escalation Form - PCM-11644
 div#request-mgmt-escalation-modal.request-escalation-modal {
-    div.pf-v5-c-modal-box__body {
-        form.pf-v5-c-form.request-escalation-form {
-            div.pf-v5-l-grid.pf-m-all-12-col-on-md.pf-m-gutter {
-                div.pf-v5-l-grid__item.pf-m-6-col {
-                    div.pf-v5-c-form__group {
-                        div.pf-v5-c-form__group-label {
-                            label.pf-v5-c-form__label {
-                                span.pf-v5-c-form__label-text {
+    div.pf-v6-c-modal-box__body {
+        form.pf-v6-c-form.request-escalation-form {
+            .pf-m-textarea textarea {
+                resize: none !important;
+            }
+
+            div.pf-v6-l-grid.pf-m-all-12-col-on-md.pf-m-gutter {
+                div.pf-v6-l-grid__item.pf-m-6-col {
+                    div.pf-v6-c-form__group {
+                        div.pf-v6-c-form__group-label {
+                            label.pf-v6-c-form__label {
+                                span.pf-v6-c-form__label-text {
                                     font-weight: 600 !important;
                                 }
                             }
                         }
                     }
                 }
-                div.pf-v5-c-form__group {
-                    div.pf-v5-c-form__group-label {
-                        label.pf-v5-c-form__label {
-                            span.pf-v5-c-form__label-text {
+                div.pf-v6-c-form__group {
+                    div.pf-v6-c-form__group-label {
+                        label.pf-v6-c-form__label {
+                            span.pf-v6-c-form__label-text {
                                 font-weight: 600 !important;
                             }
                         }
@@ -430,11 +437,11 @@ div#request-mgmt-escalation-modal.request-escalation-modal {
 
 // To override font weight on reopen case modal - PCM-11644
 #case-reopen-modal {
-    form.pf-v5-c-form.case-reopen-modal-form {
-        div.pf-v5-c-form__group {
-            div.pf-v5-c-form__group-label {
-                .pf-v5-c-form__label {
-                    .pf-v5-c-form__label-text {
+    form.pf-v6-c-form.case-reopen-modal-form {
+        div.pf-v6-c-form__group {
+            div.pf-v6-c-form__group-label {
+                .pf-v6-c-form__label {
+                    .pf-v6-c-form__label-text {
                         font-weight: 500 !important;
                     }
                 }
@@ -447,18 +454,18 @@ pfe-accordion {
     box-shadow: inset 1px 1px 0px #d2d2d2, inset -1px -1px 0px #d2d2d2;
 }
 
-.pf-v5-c-wizard__main,
-.pf-v5-c-wizard__footer,
-.pf-v5-c-wizard__nav {
+.pf-v6-c-wizard__main,
+.pf-v6-c-wizard__footer,
+.pf-v6-c-wizard__nav {
     z-index: 1 !important;
 }
 
-.pf-v5-c-options-menu__menu {
+.pf-v6-c-options-menu__menu {
     z-index: 9 !important;
 }
 
 #tc-product-dropdown-selector {
-    .pf-v5-c-select__menu {
+    .pf-v6-c-select__menu {
         z-index: 90 !important;
     }
 }
@@ -467,23 +474,20 @@ div.case-details-summary {
     margin-bottom: 1.5rem;
 }
 
-.all-product-selector-dropdown .pf-v5-c-select__menu-group-title:empty {
+.all-product-selector-dropdown .pf-v6-c-select__menu-group-title:empty {
     display: none;
 }
 
-.green-card-heading {
-    font-size: 16px !important;
-}
-
 .update-info-button {
-    --pf-v5-c-button--BackgroundColor: #fff;
-    --pf-v5-c-button--hover--BackgroundColor: #ededed;
-    --pf-v5-c-button--active--BackgroundColor: #ededed;
-    --pf-v5-c-button--focus--BackgroundColor: #ededed;
+    --pf-v6-c-button--BackgroundColor: #fff;
+    --pf-v6-c-button--hover--BackgroundColor: #ededed;
+    --pf-v6-c-button--active--BackgroundColor: #ededed;
+    --pf-v6-c-button--focus--BackgroundColor: #ededed;
 }
 
 .submit-case-check-icon {
     margin-right: 1rem;
+    margin-top: 24px !important;
 }
 
 .file-upload-group {
@@ -491,120 +495,136 @@ div.case-details-summary {
     margin-bottom: 1rem !important;
 }
 
-.pf-v5-c-alert p {
+.pf-v6-c-alert p {
     margin-bottom: 0;
 }
 
-.pf-v5-c-label-group__list {
+.pf-v6-c-label-group__list {
     margin-bottom: 0;
 }
 
-.pf-v5-c-panel__main-body {
+.pf-v6-c-panel__main-body {
     padding: 0;
 }
-.pf-v5-c-form-control textarea,
-.pf-v5-c-form-control input {
+.pf-v6-c-form-control textarea,
+.pf-v6-c-form-control input {
     outline: none;
     &:focus {
         border-bottom-color: #06c;
     }
 }
 
-.pf-v5-c-wizard__main {
+.pf-v6-c-wizard__main {
     padding: 0 !important;
 }
-.pf-v5-c-card {
+.pf-v6-c-card {
     header {
         font-weight: 500;
     }
 }
 
-ul.pf-v5-c-tabs__list {
+ul.pf-v6-c-tabs__list {
     margin-bottom: 0px;
 }
 
-ul.pf-v5-c-chip-group__list {
+ul.pf-v6-c-chip-group__list {
     margin: 0px;
 }
 
-span.pf-v5-c-input-group__text {
+span.pf-v6-c-input-group__text {
     display: inline-flex;
     width: 100%;
 }
 
 .bookmark-search-dropdown-wrapper {
-    div.pf-v5-c-dropdown__toggle.pf-m-split-button.pf-m-action {
+    div.pf-v6-c-dropdown__toggle.pf-m-split-button.pf-m-action {
         width: 100%;
     }
 }
 
-.pf-v5-c-list {
+.pf-v6-c-list {
     padding: 0;
 }
 
 .product-selector-group {
-    .pf-v5-c-select__menu-group-title {
-        font-weight: 700;
+    .pf-v6-c-select__menu-group-title {
+        font-weight: 800;
     }
 }
 
-.pf-v5-c-accordion__expandable-content {
-    margin: 0;
-}
-
 .top-content-suggestion-accordion {
     dl dt {
         margin: 0px;
     }
-    .pf-v5-c-accordion.pf-m-bordered {
+    .pf-v6-c-accordion.pf-m-bordered {
         margin: 0px;
         padding: 0px;
     }
 
     border: 1px solid #d2d2d2;
+    border-radius: var(--global-border-radius-small, 6px);
+}
+
+.contact-select {
+    font-weight: normal !important;
+
+    input::placeholder,
+    .pf-v6-c-select__toggle-typeahead::placeholder {
+        font-weight: normal !important;
+    }
 }
 
-.pf-v5-c-alert__title {
+.escalation-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+}
+
+.top-content-card-wrapper {
+    background-color: transparent !important;
+}
+.pf-v6-c-alert__title {
     margin-bottom: 0px;
 }
 
 .restore-session-alert {
-    .pf-v5-c-alert__icon {
+    .pf-v6-c-alert__icon {
         font-size: 18px;
     }
-    .pf-v5-c-alert__description {
+    .pf-v6-c-alert__description {
         margin-top: 0px;
     }
 }
 
 #cep-details-modal {
-    .pf-v5-c-form__label-text {
+    .pf-v6-c-form__label-text {
         font-weight: 500;
     }
 }
 
 .file-recommendations-file-upload-alert {
-    .pf-v5-c-alert__icon {
+    .pf-v6-c-alert__icon {
         margin-top: 5px;
     }
 }
 
 .critical-solutions-file-upload-alert {
-    .pf-v5-c-alert__icon {
+    .pf-v6-c-alert__icon {
         margin-top: 5px;
     }
 }
 
 .close-case-modal-form {
-    .pf-v5-c-form__label {
-        .pf-v5-c-form__label-text {
+    .pf-v6-c-form__label {
+        .pf-v6-c-form__label-text {
             font-weight: 500 !important;
         }
     }
 }
 
-ul.pf-v5-c-menu__list,
-.pf-v5-c-modal-box__title {
+ul.pf-v6-c-menu__list,
+.pf-v6-c-modal-box__title {
     margin-bottom: 0px;
     padding: 5px;
 }
@@ -618,19 +638,19 @@ div.related-tasks-search-input-container#related-tasks-search-container {
     width: 25rem;
 }
 
-button.pf-v5-c-toggle-group__button {
+button.pf-v6-c-toggle-group__button {
     z-index: 1;
 }
 
 .top-content-suggestion-accordion {
-    .pf-v5-c-accordion .pf-v5-c-accordion__toggle {
+    .pf-v6-c-accordion .pf-v6-c-accordion__toggle {
         padding: 0.5rem 1rem !important;
     }
-    .pf-v5-c-accordion__toggle-text h3 {
+    .pf-v6-c-accordion__toggle-text h3 {
         font-size: 17px !important;
         font-weight: 600;
     }
-    .pf-v5-c-accordion__expandable-content-body {
+    .pf-v6-c-accordion__expandable-content-body {
         padding-top: 4px;
         padding-bottom: 4px;
     }
@@ -644,19 +664,19 @@ button.pf-v5-c-toggle-group__button {
         border: 1px solid #f0f0f0;
         box-shadow: none;
         border-bottom: 1px solid #6a6e73;
-        color: var(--pf-v5-c-form-control--Color);
+        color: var(--pf-v6-c-form-control--Color);
         &::-webkit-input-placeholder {
-            color: var(--pf-v5-c-form-control--m-placeholder--Color);
+            color: var(--pf-v6-c-form-control--m-placeholder--Color);
         }
     }
     .text-muted {
-        color: var(--pf-v5-c-helper-text__item-icon--m-indeterminate--Color);
+        color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
     }
 }
 
 button.pf-m-plain.manage-bookmark-info-icon-button {
-    --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
-    --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
+    --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
+    --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
     --pf-c-button--m-plain--Color: var(--pf-v5-global--palette--black-900);
     color: var(--pf-v5-global--palette--black-900);
 }
@@ -667,13 +687,13 @@ button.pf-m-plain.manage-bookmark-info-icon-button {
     justify-content: space-between;
     width: 100%;
     padding: 1.8rem 1.5rem;
-    color: var(--pf-v5-global--palette--blue-500);
-    font-size: var(--pf-v5-global--FontSize--md);
+    color: var(--pf-t--global--text--color--link--default);
+    font-size: var(--pf-t--global--font--size--md);
     font-weight: 500;
     cursor: pointer;
     &:hover {
         background-color: #d1d1d1;
-        color: var(--pf-v5-global--palette--blue-500);
+        color: var(--pf-t--global--text--color--link--hover);
         p.case-detail-collapse-label {
             text-decoration: underline;
         }
@@ -681,20 +701,25 @@ button.pf-m-plain.manage-bookmark-info-icon-button {
     p.case-detail-collapse-label {
         margin-bottom: 0;
     }
-}
 
-#rh-support #rh-support-main .card.card-support .card-heading.case-detail-panel-card-heading {
-    background-color: var(--pf-v5-global--palette--black-600);
-    border: 1px solid var(--pf-v5-global--palette--black-600);
+    svg {
+        height: 1.5rem;
+        width: 1.5rem;
+    }
+}
+.top-content-accordion {
+    margin-bottom: 0px !important;
 }
-
 label.react-typeahead-label-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
     width: 100%;
     .react-select-custom,
     .partner-share-bootstrap-typeahead,
     .rbt-input-multi .rbt-input-wrapper,
     p.form-instructions {
-        font-weight: var(--pf-v5-global--FontWeight--normal);
+        font-weight: var(--pf-t--global--font--weight--body--default);
     }
     .rbt-token.rbt-token-removeable {
         color: var(--pf-v5-global--palette--blue-400);
@@ -708,11 +733,6 @@ label.react-typeahead-label-wrapper {
     background-color: var(--pf-v5-global--palette--black-200);
 }
 
-.phone-review-banner {
-    .pf-v5-c-alert__action-group {
-        padding-top: var(--pf-v5-global--spacer--sm);
-    }
-}
 .case-public-private-link {
     padding: 0.5rem;
 }
@@ -729,7 +749,8 @@ a.case-resource-recommendation-link {
 }
 
 .description-textarea {
-    &.pf-v5-c-form-control {
+    resize: none !important;
+    &.pf-v6-c-form-control {
         &:disabled,
         &.kt1-disabled {
             &::after,
@@ -785,12 +806,28 @@ div.case-details-tabs pre {
     margin-bottom: 1rem;
 }
 
-#external-ssousername-filter:has(.pf-v5-c-truncate) {
-    @media (min-width: 1300px) {
-        min-width: calc(100% + 269px) !important;
-    }
-}
-
 .case-creation-severity-select {
     max-width: min-content !important;
 }
+
+.pf-v6-c-wizard__main-body {
+    padding: 32px;
+}
+
+.pf-v6-c-alert__description {
+    color: #000000;
+}
+
+.pf-v6-c-card__header.pf-v6-u-display-flex > .pf-v6-c-card__header-toggle {
+    align-self: center;
+}
+
+.pf-v6-c-button.secondary-button-pill {
+    border-radius: var(--pf-t--global--border--radius--400);
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+}
+
+.pf-v6-c-alert {
+    margin-top: 0;
+}