@patternfly/react-styles 4.92.5 → 4.92.7

package/src/css/components/Topology/topology-controlbar.css

@@ -1,22 +0,0 @@
-.pf-topology-control-bar {
-  position: absolute;
-  bottom: var(--pf-global--spacer--md);
-  left: var(--pf-global--spacer--xl);
-}
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary {
-  margin-right: var(--pf-global--spacer--xs);
-  margin-top: var(--pf-global--spacer--xs);
-  border: none;
-  border-radius: var(--pf-global--BorderRadius--sm);
-  box-shadow: var(--pf-global--BoxShadow--sm);
-}
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary:not(.pf-m-disabled) {
-  background-color: var(--pf-global--BackgroundColor--100);
-}
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary:after {
-  display: none;
-}
-.pf-topology-control-bar__button.pf-c-button.pf-m-tertiary:hover {
-  border: none;
-  box-shadow: var(--pf-global--BoxShadow--md);
-}

package/src/css/components/Topology/topology-pipelines.css

@@ -1,554 +0,0 @@
-:root {
-
-  /* pill */
-  --pf-topology-pipelines__pill--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--FontSize: var(--pf-global--FontSize--sm);
-  --pf-topology-pipelines__pill-text--FontFamily: var(--pf-global--FontFamily--sans-serif);
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--StrokeWidth: 1px;
-
-  /* pill with status */
-  --pf-topology-pipelines__pill-background--m-danger--Fill: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__pill-background--m-success--Fill: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__pill-background--m-warning--Fill: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__pill-background--m-skipped--Fill: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__pill-background--m-in-progress--Fill: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__pill-background--m-pending--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology-pipelines__pill-background--m-running--Fill: var(--pf-global--BackgroundColor--100);
-  --pf-topology-pipelines__pill-background--m-idle--Fill: var(--pf-global--BackgroundColor--100);
-
-  --pf-topology-pipelines__pill-background--m-danger--Stroke: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__pill-background--m-success--Stroke: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__pill-background--m-warning--Stroke: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__pill-background--m-skipped--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-in-progress--Stroke: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__pill-background--m-pending--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-running--Stroke: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-idle--Stroke: var(--pf-global--BorderColor--100);
-
-  /* selected pill */
-  --pf-topology-pipelines__pill-background--m-selected--Fill: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__pill-background--m-selected--Stroke: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__pill-background--m-selected__text--Color: var(--pf-global--Color--light-100);
-
-  /* selected pill with status */
-  --pf-topology-pipelines__pill-background--m-selected--m-danger--Fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-background--m-selected--m-success--Fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-background--m-selected--m-warning--Fill: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-in-progress--Fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-global--BorderColor--100);
-
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill--Color);
-
-  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--palette--black-1000);
-
-  /* pill status icon */
-  --pf-topology-pipelines__pill-status--color: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__pill-status--m-danger--color: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__pill-status--m-success--color: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__pill-status--m-warning--color: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__pill-status--m-skipped--color: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__pill-status--m-in-progress--color: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__pill-status--m-pending--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-status--m-running--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-status--m-idle--color: var(--pf-global--Color--100);
-
-  /* selected pill status icon */
-  --pf-topology-pipelines__pill-status--m-selected--color: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__pill-status--m-selected--m-danger--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-success--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-warning--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--palette--black-1000);
-  --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--palette--black-1000);
-
-  --pf-topology-pipelines__pill-badge--fill: var(--pf-global--palette--black-200);
-  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-global--palette--black-1000);
-
-  /* status icon, (hidden details) */
-  --pf-topology-pipelines__status-icon--color: var(--pf-global--BorderColor--100);
-  --pf-topology-pipelines__status-icon--fill: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-danger--color: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__status-icon--m-success--color: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__status-icon--m-warning--color: var(--pf-global--warning-color--100);
-  --pf-topology-pipelines__status-icon--m-skipped--color: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__status-icon--m-in-progress--color: var(--pf-global--info-color--100);
-  --pf-topology-pipelines__status-icon--m-pending--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__status-icon--m-running--color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__status-icon--m-idle--color: var(--pf-global--Color--100);
-
-  --pf-topology-pipelines__status-icon--m-selected--color: var(--pf-global--active-color--100);
-  --pf-topology-pipelines__status-icon--m-selected--m-danger--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-success--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-warning--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-pending--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-running--color: var(--pf-global--Color--light-100);
-  --pf-topology-pipelines__status-icon--m-selected--m-idle--color: var(--pf-global--Color--light-100);
-
-
-  /* when expression */
-  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-global--BorderColor--200);
-  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-global--BorderColor--200);
-  --pf-topology-pipelines__when-expression--connector--Stroke: var(--pf-global--BorderColor--100);
-
-  /* when expression with status */
-  --pf-topology-pipelines__when-expression--m-danger--color: var(--pf-global--danger-color--100);
-  --pf-topology-pipelines__when-expression--m-success--color: var(--pf-global--success-color--100);
-  --pf-topology-pipelines__when-expression--m-warning--color: var(--pf-global--BorderColor--200);
-  --pf-topology-pipelines__when-expression--m-skipped--color: var(--pf-global--secondary-color--100);
-  --pf-topology-pipelines__when-expression--m-in-progress--color: var(--pf-global--info-color--100);
-
-  /* selected when expression */
-  --pf-topology-pipelines__when-expression--m-selected--color: var(--pf-global--active-color--100);
-}
-
-
-/* DARK THEME OVERRIDES */
-:root:where(.pf-theme-dark) {
-
-  /* dark pill */
-  --pf-topology-pipelines__pill--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-global--BackgroundColor--300);
-  --pf-topology-pipelines__pill-background--Stroke:  var(--pf-global--palette--black-300);
-
-  /* dark node labels */
-  --pf-topology-pipelines__pill-text--Color: var(--pf-global--Color--100);
-
-  /* dark selected nodes */
-  --pf-topology-pipelines__pill-text--m-selected--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--BackgroundColor--150);
-  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--palette--black-900);
-  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--Color--100);
-  --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--Color--100);
-
-  --pf-topology-pipelines__pill__label__icon--Color: var(--pf-global--palette--black-600);
-
-  --pf-topology-pipelines__pill__action-icon__icon--Color: var(--pf-global--Color--100);
-}
-
-.pf-topology-pipelines__pill {
-  fill: var(--pf-topology-pipelines__pill--Color);
-}
-
-.pf-topology-pipelines__pill-background {
-  fill: var(--pf-topology-pipelines__pill-background--Fill);
-  stroke-width: var(--pf-topology-pipelines__pill-background--StrokeWidth);
-  stroke: var(--pf-topology-pipelines__pill-background--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-danger .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Fill);
-}
-
-.pf-topology-pipelines__pill.pf-m-success .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Fill);
-}
-
-.pf-topology-pipelines__pill.pf-m-warning .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
-}
-
-.pf-topology-pipelines__pill.pf-m-skipped .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Fill);
-}
-
-.pf-topology-pipelines__pill.pf-m-in-progress .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
-}
-
-.pf-topology-pipelines__pill.pf-m-running .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
-}
-
-.pf-topology-pipelines__pill.pf-m-idle .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
-}
-
-.pf-topology-pipelines__pill.pf-m-pending .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-global--BorderColor--100);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-selected--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-pending--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-running--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-idle--Fill);
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
-}
-
-.pf-topology-pipelines__pill.pf-m-hover.pf-m-danger .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
-}
-.pf-topology-pipelines__pill.pf-m-hover.pf-m-success .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
-}
-.pf-topology-pipelines__pill.pf-m-hover.pf-m-warning .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
-}
-.pf-topology-pipelines__pill.pf-m-hover.pf-m-skipped .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
-}
-
-.pf-topology-pipelines__pill.pf-m-hover.pf-m-in-progress .pf-topology-pipelines__pill-background {
-  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
-}
-
-/* Node label */
-.pf-topology-pipelines__pill-text {
-  font-size: var(--pf-topology-pipelines__pill-text--FontSize);
-  font-family: var(--pf-topology-pipelines__pill-text--FontFamily);
-  fill: var(--pf-topology-pipelines__pill-text--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-danger--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-success--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-pending--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-running--Color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology-pipelines__pill-text {
-  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-idle--Color);
-}
-
-.pf-topology-pipelines__pill-status {
-  color: var(--pf-topology-pipelines__pill-status--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-danger {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-danger--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-success {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-success--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-warning {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-warning--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-skipped {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-skipped--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-in-progress {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-in-progress--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-pending {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-pending--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-running {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-running--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-idle {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-idle--color);
-}
-
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-danger {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-danger--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-success {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-success--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-warning {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-warning--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-skipped {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-skipped--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-in-progress {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-in-progress--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-pending {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-pending--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-running {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-running--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-selected.pf-m-idle {
-  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-idle--color);
-}
-.pf-topology-pipelines__pill-status.pf-m-spin {
-  filter: blur(0);
-  -webkit-filter: blur(0);
-  transform-box: fill-box;
-  transform-origin: center;
-  animation: status-spin 2s infinite linear;
-}
-@keyframes status-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-
-.pf-topology-pipelines__pill-badge {
-  fill: var(--pf-topology-pipelines__pill-badge--fill);
-  stroke-width: 0;
-}
-.pf-topology-pipelines__pill-badge text {
-  fill: var(--pf-topology-pipelines__pill-badge--text--fill);
-  color: var(--pf-topology__node--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selectable {
-  cursor: pointer;
-}
-.pf-topology-pipelines__pill.pf-m-selected .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-danger .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-danger--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-success .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-success--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-pending .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-pending--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-running .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-running--Color);
-}
-.pf-topology-pipelines__pill.pf-m-selected.pf-m-idle .pf-topology__node__action-icon__icon {
-  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-idle--Color);
-}
-
-.pf-topology-pipelines__when-expression-background {
-  stroke: var(--pf-topology-pipelines__when-expression-background--Stroke);
-  fill: var(--pf-topology-pipelines__when-expression-background--Fill);
-}
-.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-background {
-  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
-}
-.pf-topology-pipelines__when-expression-background.pf-m-success {
-  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-success--color);
-  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-success--color);
-}
-.pf-topology-pipelines__when-expression-background.pf-m-unmet {
-  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-warning--color);
-  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-warning--color);
- }
-.pf-topology-pipelines__when-expression-background.pf-m-skipped {
-  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-skipped--color);
-  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-skipped--color);
-}
-.pf-topology-pipelines__when-expression-background.pf-m-in-progress {
-  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
-  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
-}
-
-.pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-edge {
-  stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
-}
-
-.pf-topology-pipelines__status-icon {
-  color: var(--pf-topology-pipelines__status-icon--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected {
-  fill: var(--pf-topology-pipelines__status-icon--fill);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-danger {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-danger--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-success {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-success--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-warning {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-warning--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-skipped {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-skipped--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-in-progress {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-in-progress--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-pending {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-pending--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-running {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-running--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-idle {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-idle--color);
-}
-
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-danger {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-danger--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-success {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-success--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-warning {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-warning--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-skipped {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-skipped--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-in-progress {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-in-progress--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-pending {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-pending--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-running {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-running--color);
-}
-.pf-topology-pipelines__status-icon.pf-m-selected.pf-m-idle {
-  --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-idle--color);
-}
-
-.pf-topology-pipelines__status-icon-background {
-  fill: var(--pf-topology-pipelines__pill-background--Fill);
-  stroke: var(--pf-topology-pipelines__pill-background--Stroke);
-}
-
-.pf-topology-pipelines__status-icon-background.pf-m-danger {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-success {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-warning {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-skipped {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-in-progress {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-pending {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-running {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-idle {
-  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
-}
-
-.pf-topology-pipelines__status-icon-background.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__status-icon--m-selected--color);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-danger.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-success.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-warning.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-skipped.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-in-progress.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-pending.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-running.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
-}
-.pf-topology-pipelines__status-icon-background.pf-m-idle.pf-m-selected {
-  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
-}

package/src/css/components/Topology/topology-side-bar.css

@@ -1,73 +0,0 @@
-.pf-topology-container__with-sidebar {
-  position: relative;
-}
-
-.pf-topology-side-bar {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 0;
-  max-width: 100%;
-  height: 100%;
-  background-color: var(--pf-global--BackgroundColor--100);
-  overflow-x: hidden;
-  opacity: 0;
-  z-index: 5;
-  -webkit-transition: opacity 0.15s linear, transform 0.15s linear;
-  -o-transition: opacity 0.15s linear, transform 0.15s linear;
-  transition: opacity 0.15s linear, transform 0.15s linear;
-}
-.pf-topology-side-bar.in {
-  opacity: 1;
-}
-.pf-topology-side-bar.shown {
-  width: 100%;
-}
-.pf-topology-side-bar__dismiss.pf-c-button {
-  position: absolute;
-  top: calc(2rem - 0.375rem + 0.0625rem);
-  right: 1rem;
-}
-.pf-topology-side-bar:not(.in) {
-  -webkit-transform: translate3d(-25%, 0, 0);
-  transform: translate3d(25%, 0, 0);
-}
-
-.pf-topology-resizable-side-bar {
-  width: 100%;
-  height: 100%;
-  background-color: var(--pf-global--BackgroundColor--100);
-  overflow-x: hidden;
-}
-
-.pf-topology-side-bar > .pf-topology-side-bar__dismiss + * {
-  margin-right: 2rem;
-}
-.pf-topology-side-bar > .pf-topology-side-bar__header + * {
-  margin-top: 1.5rem;
-}
-
-@media (min-width: 768px) {
-  .pf-topology-container__with-sidebar {
-    overflow-x: hidden;
-    background-color: var(--pf-global--Color--light-200) !important;
-  }
-  .pf-topology-container__with-sidebar .pf-topology-content {
-    -webkit-transition: width 0.15s linear;
-    -o-transition: width 0.15s linear;
-    transition: width 0.15s linear;
-    position: absolute;
-    left: 0;
-    min-width: 100%;
-  }
-  .pf-topology-container__with-sidebar.pf-topology-container__with-sidebar--open .pf-topology-content {
-    width: 180px;
-    min-width: calc(100% - 550px);
-  }
-
-  .pf-topology-side-bar.shown {
-    box-shadow: var(--pf-global--BoxShadow--md);
-    width: calc(100% - 180px);
-    max-width: 550px;
-  }
-}

package/src/css/components/Topology/topology-view.css

@@ -1,13 +0,0 @@
-.pf-topology-content {
-  background-color: var(--pf-global--Color--light-200);
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-}
-
-.pf-topology-container {
-  flex: 1;
-}