@winchsa/ui 0.1.41 → 0.1.43

package/dist/components/LoadingBar.vue

@@ -23,7 +23,6 @@ const isLoadingVisible = computed(() => props.isLoading);
 <style>
 .background-loading {
   background: rgb(var(--v-loading-background)) !important;
-  border: 1px solid rgb(var(--v-theme-gray-200)) !important;
 }
 .background-loading .v-overlay__scrim {
   background: none !important;

package/dist/components/cards/CheckboxesCard.vue

@@ -43,7 +43,7 @@ function getItemOnChange() {
 </script>
 
 <template>
-  <AppCard class="h-100">
+  <AppCard class="h-100" style="border:1px solid rgb(var(--v-theme-gray-200)) !important">
     <!-- title card -->
     <VCardItem
       class="text-center"

package/dist/components/forms/DatePicker.vue

@@ -222,7 +222,7 @@ onBeforeUnmount(() => {
           v-show="isFocus"
           :id="`vc-calendar-container-${elementId}`"
           class="position-absolute"
-          style="z-index: 1005;"
+          style="z-index: 2012;"
           dir="ltr"
           :style="{
   left: `${customPosition().left - 20}px`,
@@ -280,7 +280,6 @@ onBeforeUnmount(() => {
   --vc-accent-700: #fdc930;
   --vc-accent-800: #fdc930;
   --vc-accent-900: #fdc930;
-  color: #000 !important;
 }
 
 .vc-calender-custom {
@@ -288,7 +287,7 @@ onBeforeUnmount(() => {
 }
 
 :deep(.vc-nav-item.is-active) {
-  color: #000 !important;
+  color: rgb(var(--v-theme-on-surface)) !important;
 }
 
 :deep(.vc-monthly) .is-not-in-month * {
@@ -301,6 +300,31 @@ onBeforeUnmount(() => {
   --vc-focus-ring: none !important;
 }
 
+:deep(.vc-dark) {
+  --vc-bg: rgb(var(--v-theme-surface));
+  --vc-border: rgba(var(--v-theme-gray-300));
+  --vc-color: rgb(var(--v-theme-on-surface));
+  --vc-gray-100: rgb(var(--v-theme-gray-100));
+  --vc-gray-200: rgb(var(--v-theme-gray-200));
+  --vc-gray-300: rgb(var(--v-theme-gray-300));
+  --vc-gray-400: rgb(var(--v-theme-gray-400));
+  --vc-gray-500: rgb(var(--v-theme-gray-500));
+  --vc-gray-600: rgb(var(--v-theme-gray-600));
+  --vc-gray-700: rgb(var(--v-theme-gray-700));
+  --vc-gray-800: rgb(var(--v-theme-gray-700));
+  --vc-gray-900: rgb(var(--v-theme-gray-700));
+  --vc-header-title-color:rgb(var(--v-theme-dark-gray));
+  --vc-accent-100: rgba(var(--v-theme-primary), 0.1);
+  --vc-accent-200: rgba(var(--v-theme-primary), 0.2);
+  --vc-accent-300: rgba(var(--v-theme-primary), 0.3);
+  --vc-accent-400: rgba(var(--v-theme-primary), 0.4);
+  --vc-accent-500: rgb(var(--v-theme-primary));
+  --vc-accent-600: rgb(var(--v-theme-primary));
+  --vc-accent-700: rgb(var(--v-theme-primary));
+  --vc-accent-800: rgb(var(--v-theme-primary));
+  --vc-accent-900: rgb(var(--v-theme-primary));
+}
+
 :deep(.vc-title) span {
   font-weight: 500 !important;
   font-size: 16px !important;

package/dist/styles/core/template/_components.scss

@@ -885,7 +885,7 @@ $btn-hover-overlay-opacity: (
   .app-textarea,
   .app-picker-field {
     .v-text-field .v-input__details {
-      padding-inline-start: 0;
+      padding-inline-start: 0 !important;
     }
 
     .v-field--variant-outlined.v-field--focused .v-field__outline {

package/dist/styles/core/template/index.css

@@ -18616,7 +18616,7 @@ body {
 .v-application .app-combobox .v-text-field .v-input__details,
 .v-application .app-textarea .v-text-field .v-input__details,
 .v-application .app-picker-field .v-text-field .v-input__details {
-  padding-inline-start: 0;
+  padding-inline-start: 0 !important;
 }
 .v-application .app-text-field .v-field--variant-outlined.v-field--focused .v-field__outline,
 .v-application .app-select .v-field--variant-outlined.v-field--focused .v-field__outline,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@winchsa/ui",
-    "version": "0.1.41",
+    "version": "0.1.43",
     "type": "module",
     "private": false,
     "publishConfig": {