@dataloop-ai/components 0.17.50 → 0.17.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.17.50",
+  "version": "0.17.52",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/basic/DlButton/DlButton.vue

@@ -312,9 +312,12 @@ export default defineComponent({
                         filled: this.filled,
                         color: this.color
                     }),
-                    '--dl-button-text-color-pressed':
-                        'var(--dl-button-text-color)',
-                    '--dl-button-bg-pressed': 'var(--dl-button-bg)',
+                    '--dl-button-text-color-pressed': this.shaded
+                        ? 'var(--dl-color-text-buttons)'
+                        : 'var(--dl-button-text-color)',
+                    '--dl-button-bg-pressed': this.shaded
+                        ? 'var(--dl-color-secondary)'
+                        : 'var(--dl-button-bg)',
                     '--dl-button-border-pressed': 'var(--dl-button-border)'
                 }
             }

package/src/components/compound/DlStepper/models/Step.ts

@@ -90,6 +90,18 @@ export class Step {
         set(this._state, 'sidebarNavigation', value)
     }
 
+    public clearError() {
+        set(this._state, 'error', '')
+    }
+
+    public clearWarning() {
+        set(this._state, 'warning', '')
+    }
+
+    public clearCompleted() {
+        set(this._state, 'completed', false)
+    }
+
     public reset() {
         for (const key of Object.keys(this._initialState)) {
             if (key !== 'active') {

package/src/components/compound/DlStepper/models/Stepper.ts

@@ -163,4 +163,38 @@ export class Stepper {
 
         stepToReset.reset()
     }
+
+    /**
+     *
+     * @param options { step?: number; error?: boolean, warning?: boolean, completed?: boolean }
+     * @param options.step The step to clear its state
+     * @returns
+     */
+    public clearStepState(
+        options: {
+            step?: Step
+            error?: boolean
+            warning?: boolean
+            completed?: boolean
+        } = {}
+    ) {
+        const { step, error, warning, completed } = options
+        const stepToClear = step ?? this.currentStep
+
+        if (!stepToClear) {
+            return
+        }
+
+        if (error) {
+            stepToClear.clearError()
+        }
+
+        if (warning) {
+            stepToClear.clearWarning()
+        }
+
+        if (completed) {
+            stepToClear.clearCompleted()
+        }
+    }
 }