@rh-support/troubleshoot 2.7.1 → 2.7.11

package/lib/esm/css/case.css

@@ -26,7 +26,7 @@ pfe-collapse-toggle[aria-expanded='true'] h3:after {
 }
 
 button,
-.pf-v5-c-button,
+.pf-v6-c-button,
 .btn.btn-app {
     font-size: 14px;
 }
@@ -35,17 +35,27 @@ button,
     grid-gap: 0px;
 }
 
+.case-details-tabs .pf-v6-c-tabs__item.pf-m-current {
+    border-bottom: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth) solid
+        var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
+    background-color: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
+}
+
 .case-details-tabs .case-details-tabs-content {
     background-color: #f0f0f0;
     margin-left: -1.8rem;
     padding-left: 1.8rem;
     margin-right: -1.8rem;
     padding-right: 1.8rem;
-    margin-bottom: -2rem;
+    margin-bottom: -1rem;
     padding-bottom: 8rem;
     min-height: 300px;
 }
 
+.case-details-tabs-content {
+    border-radius: 0 0 0 16px !important;
+}
+
 .support-comment {
     display: block;
     margin-bottom: 1rem;
@@ -60,6 +70,23 @@ button,
     margin-bottom: 0;
 }
 
+.support-comment.selected-case-comment {
+    outline: 2px solid #0066cc;
+    outline-offset: -2px;
+    animation: selected-comment-fade 3s ease-out forwards;
+}
+
+@keyframes selected-comment-fade {
+    0% {
+        outline-color: #0066cc;
+        background-color: #e7f1fa;
+    }
+    100% {
+        outline-color: transparent;
+        background-color: #fff;
+    }
+}
+
 .support-comment.comment-associate {
     border-left: 4px solid #ee0000;
 }
@@ -73,7 +100,205 @@ button,
 }
 
 .support-comment.comment-automated {
-    border-left: 4px solid #046a89;
+    border-left: 4px solid #006d8c;
+    padding: 24px;
+}
+
+.support-comment.comment-automated header {
+    align-items: center;
+}
+
+.support-comment.comment-automated header h4 {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 18px;
+    font-weight: 500;
+}
+
+.support-comment.comment-automated .asa-comment-author-icon {
+    width: 1rem;
+    height: 1rem;
+    flex-shrink: 0;
+    font-weight: bold;
+}
+
+.support-comment.comment-automated .asa-comment-alert.pf-v6-c-alert {
+    margin-top: 16px;
+    padding: 16px;
+    background-color: #fff;
+    border: 2px solid #5e40be;
+    border-radius: 16px;
+    box-shadow: none;
+}
+
+.support-comment.comment-automated .asa-comment-alert.pf-v6-c-alert::before {
+    display: none;
+}
+
+.support-comment.comment-automated .asa-comment-alert .pf-v6-c-alert__icon {
+    color: #5e40be;
+}
+
+.support-comment.comment-automated .asa-comment-alert .pf-v6-c-alert__title {
+    font-weight: 600;
+}
+
+.asa-discussion-alert.pf-v6-c-alert {
+    margin: 0 0 16px;
+    padding: 16px;
+    background-color: #fff;
+    border: 2px solid #5e40be;
+    border-radius: 16px;
+    box-shadow: none;
+}
+
+.asa-discussion-alert.pf-v6-c-alert::before {
+    display: none;
+}
+
+.asa-discussion-alert .pf-v6-c-alert__icon {
+    color: #5e40be;
+}
+
+.asa-discussion-alert .pf-v6-c-alert__title {
+    font-weight: 600;
+}
+
+.asa-discussion-alert .pf-v6-c-alert__description a {
+    text-decoration: underline;
+}
+
+.asa-send-feedback-link,
+.asa-send-feedback-link.pf-v6-c-button,
+.asa-send-feedback-link.pf-v6-c-button.pf-m-link,
+.asa-send-feedback-link .pf-v6-c-button__text {
+    text-decoration: none;
+}
+
+.asa-send-feedback-link:hover,
+.asa-send-feedback-link:focus,
+.asa-send-feedback-link.pf-v6-c-button:hover,
+.asa-send-feedback-link.pf-v6-c-button:focus,
+.asa-send-feedback-link:hover .pf-v6-c-button__text,
+.asa-send-feedback-link:focus .pf-v6-c-button__text {
+    text-decoration: none;
+}
+
+.asa-comment-feedback-modal,
+#asa-comment-feedback-modal {
+    font-size: 14px;
+}
+
+.asa-comment-feedback-modal .pf-v6-c-modal-box__close,
+#asa-comment-feedback-modal .pf-v6-c-modal-box__close {
+    display: none;
+}
+
+.asa-comment-feedback-modal-title-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    width: 100%;
+}
+
+.asa-comment-feedback-modal-close.pf-v6-c-button,
+.asa-comment-feedback-modal-close.pf-v6-c-button.pf-m-plain,
+.asa-comment-feedback-modal-close.pf-v6-c-button:hover,
+.asa-comment-feedback-modal-close.pf-v6-c-button:focus,
+.asa-comment-feedback-modal-close.pf-v6-c-button:active {
+    background: transparent;
+    background-color: transparent;
+    box-shadow: none;
+}
+
+.asa-comment-feedback-modal .asa-comment-feedback-modal-title,
+#asa-comment-feedback-modal .asa-comment-feedback-modal-title {
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 1.3;
+    margin: 0;
+}
+
+.asa-comment-feedback-modal .asa-comment-feedback-modal-description,
+.asa-comment-feedback-modal .pf-v6-c-form__label,
+.asa-comment-feedback-modal .pf-v6-c-form__label-text,
+.asa-comment-feedback-modal .asa-feedback-rating-option,
+.asa-comment-feedback-modal .pf-v6-c-form-control,
+.asa-comment-feedback-modal textarea,
+.asa-comment-feedback-modal .asa-feedback-privacy,
+.asa-comment-feedback-modal .pf-v6-c-button,
+#asa-comment-feedback-modal .asa-comment-feedback-modal-description,
+#asa-comment-feedback-modal .pf-v6-c-form__label,
+#asa-comment-feedback-modal .pf-v6-c-form__label-text,
+#asa-comment-feedback-modal .asa-feedback-rating-option,
+#asa-comment-feedback-modal .pf-v6-c-form-control,
+#asa-comment-feedback-modal textarea,
+#asa-comment-feedback-modal .asa-feedback-privacy,
+#asa-comment-feedback-modal .pf-v6-c-button {
+    font-size: 14px;
+}
+
+.asa-comment-feedback-modal .asa-comment-feedback-modal-description,
+#asa-comment-feedback-modal .asa-comment-feedback-modal-description {
+    margin-bottom: 1rem;
+}
+
+.asa-comment-feedback-modal .asa-feedback-privacy {
+    color: #151515;
+    line-height: 21px;
+}
+
+.asa-comment-feedback-modal .asa-feedback-rating-option {
+    background-color: #fff;
+    color: #151515;
+}
+
+.asa-comment-feedback-modal .asa-feedback-rating-option .pf-v6-c-icon,
+.asa-comment-feedback-modal .asa-feedback-rating-option svg {
+    color: #151515;
+    fill: currentColor;
+    background: transparent;
+}
+
+.support-comment.comment-automated .comment-body {
+    margin-top: 16px;
+}
+
+.support-comment.comment-automated .comment-body > .push-top-narrow {
+    margin-top: 0;
+}
+
+.asa-feedback-rating-options {
+    display: flex;
+    gap: 16px;
+    width: 100%;
+}
+
+.asa-feedback-rating-option {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 8px 16px;
+    border: 1px solid var(--pf-t--global--border--color--default, #e0e0e0);
+    border-radius: 6px;
+    background: transparent;
+    cursor: pointer;
+    color: inherit;
+}
+
+.asa-feedback-rating-option:hover,
+.asa-feedback-rating-option:focus {
+    border-color: var(--pf-t--global--border--color--hover, #0066cc);
+}
+
+.asa-feedback-rating-option.is-selected {
+    border-color: var(--pf-t--global--border--color--clicked, #0066cc);
+    box-shadow: inset 0 0 0 1px var(--pf-t--global--border--color--clicked, #0066cc);
 }
 
 .support-comment.comment-external-tracker {
@@ -85,7 +310,7 @@ button,
 }
 
 .support-comment.private {
-    background-color: var(--pf-v5-global--palette--red-50);
+    background-color: rgba(250, 234, 232, 0.7);
 }
 
 .support-comment header {
@@ -113,12 +338,40 @@ button,
     word-break: break-word;
 }
 
-.support-comment .comment-body ul {
-    list-style: '-';
+.support-comment .comment-body ul,
+.support-comment .comment-body ol,
+.support-comment .comment-richtext ul,
+.support-comment .comment-richtext ol {
+    margin: 0;
+    margin-bottom: 1rem;
+    padding: 0;
 }
 
-.support-comment .comment-body blockquote {
-    border-left: 5px solid #c0c0c0 !important;
+.support-comment .comment-body ul,
+.support-comment .comment-richtext ul {
+    margin-left: 1.5rem;
+    list-style: disc outside;
+}
+
+.support-comment .comment-body ul ul,
+.support-comment .comment-richtext ul ul {
+    list-style: circle outside;
+}
+
+.support-comment .comment-body ul ul ul,
+.support-comment .comment-richtext ul ul ul {
+    list-style: square outside;
+}
+
+.support-comment .comment-body ol,
+.support-comment .comment-richtext ol {
+    margin-left: 1.5rem;
+    list-style: decimal outside;
+}
+
+.support-comment .comment-body ol ol,
+.support-comment .comment-richtext ol ol {
+    list-style: lower-alpha outside;
 }
 
 #case-description ul {
@@ -171,15 +424,36 @@ button,
 }
 
 .clipboard-wrapper {
+    display: flex;
     position: relative;
 }
 
-.clip-content-wrapper {
-    position: relative;
-    border: 1px solid #ededed;
-    background: #f5f5f5;
-    padding: 2px 4px;
-    overflow: auto;
+.clipboard-wrapper svg {
+    color: var(--pf-t--global--text--color--link--default);
+}
+
+.clipboard-wrapper :first-child {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.helper-text-size {
+    font-size: var(--pf-t--global--font--size--100);
+}
+
+.label-text-size {
+    font-size: var(--pf-t--global--font--size--300);
+}
+
+.request-collaboration-input {
+    background-color: var(--pf-t--global--background--color--200);
+    border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--100);
+}
+
+.copy-button {
+    display: flex;
+    align-items: center;
 }
 
 .clip-code-raw-btn {
@@ -209,7 +483,13 @@ button,
 }
 
 .comment-body .attachment-download-btn {
+    --pf-v6-c-button--m-link--m-inline--TextDecorationLine: none;
+    --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: none;
+    --pf-v6-c-button--TextDecorationLine: none;
+    --pf-v6-c-button--hover--TextDecorationLine: none;
     padding: 0px 3px;
+    white-space: nowrap;
+    text-decoration: none;
 }
 
 .downshift input[disabled] + label {
@@ -284,41 +564,124 @@ button,
 }
 
 .case-comment-input-container {
-    display: -ms-flexbox;
     display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.case-comment-input-container .case-comment-search-input-wrapper {
     position: relative;
+    flex: 1;
 }
 
-.case-comment-input-container input {
-    padding-right: 35px;
-    margin-right: 1rem;
+.case-comment-input-container .case-comment-search-input-wrapper input {
+    padding-right: 2rem;
 }
 
 .case-comment-input-container .clear-btn {
     position: absolute;
-    top: 8px;
-    right: 92px;
+    top: 50%;
+    right: 0.25rem;
+    transform: translateY(-50%);
     font-size: 14px;
     background-color: transparent;
-    padding: 0 1rem;
+    padding: 0 0.5rem;
 }
 
 .ReactVirtualized__List:focus {
     outline: none;
 }
 
-button.pf-v5-c-button.pf-m-secondary {
-    background-color: #fff;
+input[aria-invalid='true'].pf-v6-c-form-control {
+    border-bottom-width: 2px !important;
 }
 
-input[aria-invalid='true'].pf-v5-c-form-control {
-    border-bottom-width: 2px !important;
+.comment-body ul,
+.comment-body ol,
+.comment-richtext ul,
+.comment-richtext ol,
+.markdown-preview ul,
+.markdown-preview ol {
+    margin: 0;
+    margin-bottom: 1rem;
+    padding: 0;
 }
 
 .comment-body ul,
+.comment-richtext ul,
 .markdown-preview ul {
-    list-style: '- ';
-    padding-left: 1.5em;
+    margin-left: 1.5rem;
+    list-style: disc outside;
+}
+
+.comment-body ul ul,
+.comment-richtext ul ul,
+.markdown-preview ul ul {
+    list-style: circle outside;
+}
+
+.comment-body ul ul ul,
+.comment-richtext ul ul ul,
+.markdown-preview ul ul ul {
+    list-style: square outside;
+}
+
+.comment-body ol,
+.comment-richtext ol,
+.markdown-preview ol {
+    margin-left: 1.5rem;
+    list-style: decimal outside;
+}
+
+.comment-body ol ol,
+.comment-richtext ol ol,
+.markdown-preview ol ol {
+    list-style: lower-alpha outside;
+}
+
+.comment-body .ql-align-center {
+    text-align: center;
+}
+
+.comment-body .ql-align-right {
+    text-align: right;
+}
+
+.comment-body .ql-align-justify {
+    text-align: justify;
+}
+
+.comment-body .ql-indent-1 {
+    padding-left: 3em;
+}
+
+.comment-body .ql-indent-2 {
+    padding-left: 6em;
+}
+
+.comment-body .ql-indent-3 {
+    padding-left: 9em;
+}
+
+.comment-body .ql-indent-4 {
+    padding-left: 12em;
+}
+
+.comment-body .ql-indent-5 {
+    padding-left: 15em;
+}
+
+.comment-body p,
+.comment-richtext p {
+    margin-bottom: 1rem;
+    margin-top: 0;
+}
+
+.comment-body ul ul,
+.comment-body ol ol,
+.comment-body ul ol,
+.comment-body ol ul {
+    margin-left: 1.5rem;
 }
 
 .tab-title-with-badge {
@@ -327,21 +690,26 @@ input[aria-invalid='true'].pf-v5-c-form-control {
     gap: 8px;
 }
 
-.gradient-border-badge {
+.preview-label {
+    border: 1px solid transparent; /* Needed for border space */
     border-radius: 18px;
-    padding: 1px;
-    background: linear-gradient(to right, #f56e6e, #5e40be);
-    display: inline-block;
+    background: linear-gradient(to right, #f56e6e, #5e40be); /* Border gradient */
+    background-origin: border-box;
+    background-clip: padding-box, border-box;
+    box-shadow: none;
+
+    /* Inner white background */
+    background-image: linear-gradient(white, white), /* inner bg */ linear-gradient(to right, #f56e6e, #5e40be);
 }
 
-.preview-label {
-    border-radius: 18px;
-    background: white;
-    padding: 0px 8px;
+.preview-label .pf-v6-c-label__text {
+    max-height: 1rem;
+    display: flex;
+    align-items: center;
 }
 
-.preview-label .pf-v5-c-label__content {
-    color: grey;
+.preview-label .pf-v6-c-label__content {
+    font-weight: var(--pf-t--global--font--weight--body--bold);
 }
 
 /* Improves the sidebar loading */
@@ -356,3 +724,97 @@ input[aria-invalid='true'].pf-v5-c-form-control {
         min-width: 552px;
     }
 }
+
+#reopen-case-description {
+    resize: none !important;
+}
+
+.add-watcher-button {
+    max-width: 15rem;
+}
+
+.remove-watcher-button {
+    max-width: 15rem;
+}
+
+.load-more-skeleton {
+    display: block;
+    margin-bottom: 1rem;
+    padding: 1.4rem 1.3rem 0.8rem 1.5rem;
+    background-color: #fff;
+    border: 1px solid #d2d2d2;
+    border-left: 4px solid #6a6e73;
+    overflow: hidden;
+}
+
+.load-more-skeleton__header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+}
+
+.load-more-skeleton__avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background-color: #e0e0e0;
+    flex-shrink: 0;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__name {
+    width: 120px;
+    height: 14px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    margin-left: 12px;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__timestamp {
+    width: 140px;
+    height: 12px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    margin-left: auto;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__body {
+    padding-left: 44px;
+}
+
+.load-more-skeleton__line {
+    height: 14px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__line + .load-more-skeleton__line {
+    margin-top: 10px;
+}
+
+@keyframes skeleton-pulse {
+    0%,
+    100% {
+        opacity: 0.6;
+    }
+    50% {
+        opacity: 1;
+    }
+}
+
+.infinite-scroll-footer-message {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 0;
+}
+
+.infinite-scroll-end-status {
+    text-align: center;
+    margin-top: 16px;
+    color: var(--pf-t--global--color--status--danger--default, #c9190b);
+}

package/lib/esm/css/productSelector.css

@@ -87,7 +87,11 @@
         -ms-flex: 0 0 31%;
         flex: 0 0 31%;
         -ms-flex-item-align: center;
-        margin-left: auto;
+        margin-left: 24px;
+
+        button {
+            height: 40px;
+        }
     }
 
     .version-dropdown-wrapper {

package/lib/esm/css/results.css

@@ -41,11 +41,11 @@
 }
 
 .recommendation-list {
-    margin-top: 2rem;
+    margin-top: 26px;
 }
 
 .recommendation-list .result {
-    margin-bottom: 1.75rem;
+    margin-bottom: 18px;
 }
 
 .recommendation-list .result:last-child {

package/lib/esm/graphql/index.d.ts

@@ -0,0 +1,4 @@
+export * from './queries';
+export * from './mutations';
+export * from './schemas';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/graphql/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphql/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/lib/esm/graphql/index.js

@@ -0,0 +1,3 @@
+export * from './queries';
+export * from './mutations';
+export * from './schemas';

package/lib/esm/graphql/mutations/createRMECaseEscalation.d.ts

@@ -0,0 +1,2 @@
+export declare const CREATE_RME_CASE_ESCALATION: import("@apollo/client").DocumentNode;
+//# sourceMappingURL=createRMECaseEscalation.d.ts.map

package/lib/esm/graphql/mutations/createRMECaseEscalation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRMECaseEscalation.d.ts","sourceRoot":"","sources":["../../../../src/graphql/mutations/createRMECaseEscalation.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,uCAsBtC,CAAC"}