@supersoniks/concorde 3.1.55 → 3.1.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.1.55",
+  "version": "3.1.57",
   "license": "MIT",
   "type": "module",
   "main": "",

package/src/core/components/ui/form/css/form-control.ts

@@ -287,6 +287,14 @@ export const formControl = css`
   :host([touched][required]) :not(:focus):valid + .select-chevron {
     --sc-input-c: var(--sc-success, var(--sc-base-content, #000));
   }
+  /*active*/
+  :host([active]) {
+    --sc-input-b-color: var(--sc-primary, var(--sc-base-content, #000));
+    --sc-input-c: var(--sc-primary, var(--sc-base-content, #000));
+  }
+  :host([active]) .select-chevron {
+    --sc-input-c: var(--sc-primary, var(--sc-base-content, #000));
+  }
 
   /*Input COLOR*/
   :host([type="color"]) .form-element {

package/src/core/components/ui/form/input/input.ts

@@ -78,6 +78,9 @@ export class Input extends FormInput(FormElement(Subscriber(LitElement))) {
   @property({ type: Boolean }) disableInlineContentFocus = false;
   @property({ type: Boolean }) showPasswordToggle = false;
 
+  @property({ type: Boolean }) autoActive = false;
+  @property({ type: Boolean, reflect: true }) active = false;
+
   @queryAssignedNodes({ slot: "label", flatten: true })
   slotLabelNodes!: Array<Node>;
 
@@ -133,6 +136,10 @@ export class Input extends FormInput(FormElement(Subscriber(LitElement))) {
 
   willUpdate(changedProperties: PropertyValues) {
     this.hasSlotOrProps();
+    if (this.autoActive && changedProperties.has("value")) {
+      this.active = !!this.value;
+    }
+
     super.willUpdate(changedProperties);
   }
 

package/src/core/components/ui/form/switch/switch.ts

@@ -74,4 +74,9 @@ export class Switch extends Checkbox {
       }
     `,
   ];
+
+  constructor() {
+    super();
+    this.unique = true;
+  }
 }