@festo-ui/angular 3.1.0 → 3.2.1-pre-20220624.2

package/lib/components/stepper/stepper.component.d.ts

@@ -1,30 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * Contains all properties of a wizard step.
- */
-export interface WizardStep {
-    /**
-     * The name of the step.
-     */
-    name: string;
-}
-/**
- * A component that shows steps of a process.
- * For example useful in wizard dialogs.
- */
-export declare class StepperComponent {
-    /**
-     * The steps.
-     */
-    steps: WizardStep[];
-    /**
-     * The current step index.
-     */
-    stepIndex: number;
-    /**
-     * When true the wizard will change to error mode.
-     */
-    error: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "fng-stepper", never, { "steps": "steps"; "stepIndex": "stepIndex"; "error": "error"; }, {}, never, never>;
-}

package/scss/base/components/stepper/stepper.component.scss

@@ -1,118 +0,0 @@
-.fng-stepper {
-  display: flex;
-  width: 80%;
-  margin: auto;
-  justify-content: center;
-
-  .fng-step-container {
-    display: flex;
-    flex-direction: row;
-    flex: 1;
-
-    .fng-step {
-      position: relative;
-      border-radius: 50%;
-      border: 1px solid #a3b2bc;
-      color: #a3b2bc;
-      width: 24px;
-      height: 24px;
-      font-size: 14px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-feature-settings: "tnum", "lnum";
-      font-variant-numeric: lining-nums tabular-nums diagonal-fractions ordinal;
-      transition: border-color .3s, background-color .3s, color .3s;
-
-      .fng-step-name {
-        position: absolute;
-        top: 30px;
-        left: 50%;
-        color: #a3b2bc;
-        transform: translateX(-50%);
-        white-space: pre;
-        transition: color .3s;
-      }
-    }
-
-    .fng-step-connector {
-      border-bottom: 1px solid #a3b2bc;
-      flex: 1;
-      height: 50%;
-      transition: border-color .3s;
-    }
-
-    &.fng-step-active, &.fng-step-done {
-      .fng-step {
-        background: #0091DC;
-        border-color: #0091DC;
-        color: #FFFFFF;
-
-        .fng-step-name {
-          color: #0091DC;
-        }
-      }
-
-      .fng-step-connector {
-        border-color: #0091DC;
-      }
-    }
-
-    &.fng-step-done {
-      .fng-step {
-        &::before {
-          content: '';
-          position: absolute;
-          border-left: 1px solid white;
-          border-bottom: 1px solid white;
-          top: 6px;
-          left: 4px;
-          width: 14px;
-          height: 7px;
-          transform: rotate(-45deg);
-        }
-      }
-    }
-
-    &.fng-step-first {
-      flex: 0;
-      flex-basis: 24px;
-    }
-  }
-
-  &.fng-stepper-error {
-    .fng-step-container {
-      &.fng-step-active {
-        .fng-step {
-          background: #D00019;
-          border-color: #D00019;
-          color: #FFFFFF;
-
-          .fng-step-name {
-            color: #D00019;
-          }
-        }
-
-        .fng-step-connector {
-          border-color: #a3b2bc;
-        }
-      }
-
-      &.fng-step-done {
-        .fng-step {
-          background: #a3b2bc;
-          border-color: #a3b2bc;
-          color: #FFFFFF;
-
-          .fng-step-name {
-            color: #a3b2bc;
-          }
-        }
-
-        .fng-step-connector {
-          border-color: #a3b2bc;
-        }
-      }
-    }
-  }
-}