@evercam/ui 1.0.0-preview-new-smart-search-73cd08914 → 1.0.0-preview-new-smart-search-0c80f3bd6

package/dist/attributes.json

@@ -645,6 +645,11 @@
     "description": "",
     "default": false
   },
+  "EToggleSwitch/dark": {
+    "type": "boolean",
+    "description": "",
+    "default": true
+  },
   "EExpandableMenu/padding": {
     "type": "number",
     "description": "",

package/dist/components/EToggleSwitch.vue.d.ts

@@ -7,12 +7,16 @@ type SizeClasses = {
 };
 declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
     getButtonClasses(item: ESelectionGroupOption): {
-        "e-toggle-switch e-border-none e-text-gray-100 e-rounded-md e-shadow e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
-        "e-bg-inherit": boolean;
+        "e-toggle-switch e-border-none e-rounded-md e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
+        "e-text-gray-200": boolean;
+        "e-bg-gray-900": boolean;
+        "e-bg-gray-200": boolean;
+        "e-text-gray-900": boolean;
         "e-bg-brand-600": boolean;
         "e-bg-gray-600": boolean;
         "e-bg-[#629efc] e-text-gray-900 e-font-normal": boolean;
         "e-opacity-50 e-cursor-not-allowed": boolean | undefined;
+        "e-shadow ": boolean;
     };
 }, {
     sizeClasses: SizeClasses;
@@ -22,6 +26,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
     color: string;
     size: Size;
     vertical: boolean;
+    dark: boolean;
 }, {}, import("vue/types/vue").ExtendedVue<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
     isSelected(value: any): boolean;
     onItemClick(value: any): void;

package/dist/index.d.ts

@@ -511,12 +511,16 @@ export declare const components: {
     }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin>;
     EToggleSwitch: import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
         getButtonClasses(item: import('./types').ESelectionGroupOption): {
-            "e-toggle-switch e-border-none e-text-gray-100 e-rounded-md e-shadow e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
-            "e-bg-inherit": boolean;
+            "e-toggle-switch e-border-none e-rounded-md e-transition e-duration-200 e-ease-in-out e-cursor-pointer": boolean;
+            "e-text-gray-200": boolean;
+            "e-bg-gray-900": boolean;
+            "e-bg-gray-200": boolean;
+            "e-text-gray-900": boolean;
             "e-bg-brand-600": boolean;
             "e-bg-gray-600": boolean;
             "e-bg-[#629efc] e-text-gray-900 e-font-normal": boolean;
             "e-opacity-50 e-cursor-not-allowed": boolean | undefined;
+            "e-shadow ": boolean;
         };
     }, {
         sizeClasses: {
@@ -530,6 +534,7 @@ export declare const components: {
         color: string;
         size: import('./types').Size;
         vertical: boolean;
+        dark: boolean;
     }, {}, import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, {
         isSelected(value: any): boolean;
         onItemClick(value: any): void;

package/dist/index.mjs

@@ -15785,6 +15785,10 @@ const tc = ec.exports, Jr = R.extend({
     vertical: {
       type: Boolean,
       default: !1
+    },
+    dark: {
+      type: Boolean,
+      default: !0
     }
   },
   computed: {
@@ -15811,7 +15815,9 @@ const tc = ec.exports, Jr = R.extend({
     wrapperClasses() {
       return {
         ...this.sizeClasses.container,
-        "e-flex e-items-center e-justify-center e-w-fit e-h-min e-bg-gray-900 e-rounded-md e-e-shadow-md e-transition-colors e-duration-200 e-ease-in-out": !0,
+        "e-flex e-items-center e-justify-center e-w-fit e-h-min e-rounded-md e-e-shadow-md e-transition-colors e-duration-200 e-ease-in-out": !0,
+        "e-bg-gray-900": this.dark,
+        "e-bg-gray-200": !this.dark,
         "e-flex-col": this.vertical,
         "e-opacity-50 e-cursor-not-allowed": this.disabled
       };
@@ -15826,12 +15832,16 @@ const tc = ec.exports, Jr = R.extend({
   methods: {
     getButtonClasses(t) {
       const e = {
-        "e-toggle-switch e-border-none e-text-gray-100 e-rounded-md e-shadow e-transition e-duration-200 e-ease-in-out e-cursor-pointer": !0,
-        "e-bg-inherit": !this.isSelected(t.value),
+        "e-toggle-switch e-border-none e-rounded-md e-transition e-duration-200 e-ease-in-out e-cursor-pointer": !0,
+        "e-text-gray-200": this.dark,
+        "e-bg-gray-900": this.dark && !this.isSelected(t.value),
+        "e-bg-gray-200": !this.dark && !this.isSelected(t.value),
+        "e-text-gray-900": !this.dark,
         "e-bg-brand-600": this.color === "brand" && this.isSelected(t.value),
         "e-bg-gray-600": !["primary", "brand"].includes(this.color) && this.isSelected(t.value),
         "e-bg-[#629efc] e-text-gray-900 e-font-normal": this.color === "primary" && this.isSelected(t.value),
-        "e-opacity-50 e-cursor-not-allowed": t.disabled
+        "e-opacity-50 e-cursor-not-allowed": t.disabled,
+        "e-shadow ": this.isSelected(t.value)
       };
       return {
         ...this.sizeClasses.button,