fancy-ui-ts 1.3.1 → 1.3.3

package/dist/index.css

@@ -278,4 +278,7 @@
   --fc-select-placeholder: var(--fc-gray-500);
   --fc-select-placeholder-disabled: var(--fc-gray-700);
   --fc-select-focus-ring: var(--fc-focus-ring-sm) var(--fc-focus-ring-secondary);
+  --fc-select-bg-error: var(--fc-danger-900);
+  --fc-select-border-error: var(--fc-danger-700);
+  --fc-select-focus-ring-error: var(--fc-focus-ring-danger-secondary);
 }

package/dist/index.d.ts

@@ -219,7 +219,8 @@ declare class FcSelect extends HTMLElement {
     }[]);
     get required(): boolean;
     set required(val: boolean);
-    get readonly(): boolean;
+    get validator(): ((value: string) => string | null) | null;
+    set validator(func: ((value: string) => string | null) | null);
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string, newVal: string): void;
     disconnectedCallback(): void;

package/dist/index.js

@@ -1468,8 +1468,12 @@ var FcSelect = class extends HTMLElement {
         }
         this.removeAttribute("required");
     }
-    get readonly() {
-        return this.hasAttribute("readonly");
+    get validator() {
+        return this._validatorFunction;
+    }
+    set validator(func) {
+        this._validatorFunction = func;
+        this.syncValidity();
     }
     connectedCallback() {
         this.internals.setFormValue(this.value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fancy-ui-ts",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "type": "module",
   "description": "A library to easily create cool and customizable webcomponents.",
   "main": "dist/index.js",