@patternfly/quickstarts 6.0.0-alpha.2 → 6.0.0-alpha.4

package/src/controller/QuickStartIntroduction.scss

@@ -1,35 +0,0 @@
-.pfext-quick-start-intro {
-  &__prereq {
-    margin-bottom: var(--pf-t--global--spacer--md);
-    .pf-v6-c-expandable-section__content {
-      margin-top: var(--pf-t--global--spacer--sm);
-    }
-    .pf-v6-c-expandable-section__toggle {
-      padding-top: 0;
-      padding-bottom: 0;
-      &-text {
-        margin-left: var(--pf-t--global--spacer--sm);
-      }
-      &-icon {
-        color: var(--pf-v6-c-expandable-section__toggle--Color);
-        &:focus, &:hover {
-          --pf-v6-c-expandable-section__toggle--Color: var(--pf-v6-c-expandable-section__toggle--focus--Color);
-        }
-      }
-    }
-
-    &-list {
-      padding-left: 20px;
-      &__item {
-        &::marker {
-          font-size: 0.8rem;
-        }
-        &-content {
-          position: relative;
-          left: 2px;
-        }
-      }
-    }
-
-  }
-}

package/src/controller/QuickStartTaskHeaderList.scss

@@ -1,17 +0,0 @@
-.pfext-quick-start-task-header {
-  &__list {
-    padding: 0 !important;
-
-    button::before {
-      content: none;
-    }
-
-    li {
-      list-style-type: none;
-      display: flex;
-      flex-wrap: wrap;
-      align-items: center;
-      margin-bottom: var(--pf-t--global--spacer--xs);
-    }
-  }
-}

package/src/controller/QuickStartTaskReview.scss

@@ -1,30 +0,0 @@
-.pfext-quick-start-task-review-alert {
-  margin: var(--pf-t--global--spacer--lg) 0;
-}
-.pfext-quick-start-task-review {
-  font-size: var(--pf-t--global--font--size--md);
-  line-height: var(--pf-t--global--font--line-height--heading);
-  font-family: var(--pf-t--global--font--family--heading);
-
-  &__actions {
-    display: flex;
-    align-items: flex-start;
-    margin-bottom: var(--pf-t--global--spacer--sm);
-    input[type='radio'] {
-      margin-top: 0;
-      margin-right: 0;
-    }
-  }
-
-  &__radio {
-    margin-right: var(--pf-t--global--spacer--xl) !important;
-  }
-
-  &--success {
-    color: var(--pf-t--global--text--color--status--success--default) !important;
-  }
-
-  &--failed {
-    color: var(--pf-t--global--text--color--status--danger--default);
-  }
-}

package/src/controller/QuickStartTasks.scss

@@ -1,90 +0,0 @@
-.pfext-quick-start-tasks {
-  &__list {
-    button::before {
-      content: none;
-    }
-
-    li {
-      &.pf-v6-c-wizard__nav-item {
-        list-style-type: none;
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        margin-bottom: var(--pf-t--global--spacer--xs);
-      }
-    }
-    .pfext-quick-start-task__content {
-      margin-bottom: var(--pf-t--global--spacer--md);
-    }
-    // Custom styles on PF React List rendered in custom react renderer
-    .task-pflist {
-      &-title {
-        font-size: 14px !important;
-        margin-bottom: 6px;
-      }
-      &-subtitle {
-        color: var(--pf-t--global--text--color--subtle);
-        font-size: 16px;
-      }
-      &-list {
-        font-size: 16px;
-        &--prereq {
-          padding-left: var(--pf-t--global--spacer--lg);
-          li + li {
-            margin-top: 4px;
-          }
-        }
-        &--proc {
-          padding-left: 10px;
-          li + li {
-            margin-top: 16px;
-          }
-        }
-        &__item {
-          &--prereq {
-            &::marker {
-              font-size: 0.8rem;
-            }
-            .task-pflist-list__item__content {
-              position: relative;
-              left: 2px;
-            }
-          }
-          &--proc {
-            font-size: 14px;
-            .task-pflist-list__item__content {
-              position: relative;
-              left: 4px;
-            }
-          }
-          &__content {
-            .pf-v6-c-alert {
-              // add margins to match design
-              margin: var(--pf-t--global--spacer--md) 0;
-            }
-            .pf-v6-c-alert__title {
-              // remove margins from markdown css
-              margin-top: 0;
-              margin-bottom: 0;
-              // lift PF style specificity to override markdown css
-              font-weight: var(--pf-v6-c-alert__title--FontWeight);
-              font-family: inherit;
-              line-height: inherit;
-              color: var(--pf-v6-c-alert__title--Color);
-              word-break: break-word;
-            }
-            .task-pflist-list__item__content__note {
-              background-color: var(--pf-t--global--color--nonstatus--blue--default);
-              border-color: var(--pf-t--global--border--color--brand--default);
-              margin: var(--pf-t--global--spacer--md) 0;
-              color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
-              &__body {
-                font-size: 14px;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/src/styles/_dark-custom-override.scss

@@ -1,47 +0,0 @@
-.pf-v6-theme-dark {
-  .pfext-catalog-item-icon__img--large {
-    // Not perfect, but gives a better result for colors than just inverting
-    // by inverts to switch b/w, then rotates to get colors approximately back
-    filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
-  }
-
-  // duration color was gray on white but on the blue header, only white text works
-  .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
-    color: var(--pf-t--global--text--color--on-brand--default);
-  }
-
-  .pfext-quick-start-task-header__subtitle {
-    color: var(--pf-t--global--text--color--on-brand--default) !important;
-  }
-
-  .pfext-quick-start-task-header__task-icon-init {
-    background-color: var(--pf-t--global--color--brand--default);
-  }
-
-  .pfext-quick-start-task-header__tryagain {
-    color: var(--pf-t--global--text--color--subtle) !important;
-  }
-
-  .pfext-markdown-view pre:not(.pfext-code-block__pre) {
-    background-color: var(--pf-t--global--background--color--primary--default);
-    border-color: var(--pf-t--global--border--color--default);
-  }
-
-  .pfext-markdown-view .pf-v6-c-code-block__code {
-    color: var(--pf-t--global--text--color--regular);
-    background-color: var(--pf-t--global--background--color--secondary--default);
-  }
-
-  :where(.pfext-markdown-view) .pf-v6-c-clipboard-copy.pf-m-inline {
-    --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  }
-
-  // Make the cards light on dark background. It would be better to use pf-v6-c-page__main-section variable but we aren't using a page section here.
-  .pfext-page-layout__content {
-    background-color: var(--pf-t--global--background--color--secondary--default);
-  }
-
-  .pfext-quick-start-catalog__gallery-item .pf-v6-c-card {
-    --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  }
-}