unika-components 1.0.39 → 1.0.41

package/dist/src/components/UniCalendar/Calendar.vue.d.ts

@@ -19,27 +19,27 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    boxBackgroundColor: {
+    backgroundColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderColor: {
+    themeColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderRadius: {
+    borderRadius: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderStyle: {
+    borderStyle: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderWidth: {
+    borderWidth: {
         type: StringConstructor;
         default: string;
     };
-    frontColor: {
+    dateColor: {
         type: StringConstructor;
         default: string;
     };
@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    lannguage: {
+    language: {
         type: StringConstructor;
         default: string;
     };
@@ -110,27 +110,27 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    boxBackgroundColor: {
+    backgroundColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderColor: {
+    themeColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderRadius: {
+    borderRadius: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderStyle: {
+    borderStyle: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderWidth: {
+    borderWidth: {
         type: StringConstructor;
         default: string;
     };
-    frontColor: {
+    dateColor: {
         type: StringConstructor;
         default: string;
     };
@@ -142,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    lannguage: {
+    language: {
         type: StringConstructor;
         default: string;
     };
@@ -152,14 +152,14 @@ declare const _default: import("vue").DefineComponent<{
     monthTexts: unknown[];
     format: string;
     weddingDate: string;
-    boxBackgroundColor: string;
-    boxBorderColor: string;
-    boxBorderRadius: string;
-    boxBorderStyle: string;
-    boxBorderWidth: string;
-    frontColor: string;
+    backgroundColor: string;
+    themeColor: string;
+    borderRadius: string;
+    borderStyle: string;
+    borderWidth: string;
+    dateColor: string;
     heartColor: string;
     themeStyle: string;
-    lannguage: string;
+    language: string;
 }, {}>;
 export default _default;

package/dist/src/components/UniCalendar/UniCalendar.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    borderColor: {
+    themeColor: {
         type: StringConstructor;
         default: string;
     };
@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    lannguage: {
+    language: {
         type: StringConstructor;
         default: string;
     };
@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    borderColor: {
+    themeColor: {
         type: StringConstructor;
         default: string;
     };
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    lannguage: {
+    language: {
         type: StringConstructor;
         default: string;
     };
@@ -129,13 +129,13 @@ declare const _default: import("vue").DefineComponent<{
     opacity: number;
     date: string;
     backgroundColor: string;
-    borderColor: string;
+    themeColor: string;
     borderRadius: string;
     borderStyle: string;
     borderWidth: string;
     dateColor: string;
     heartColor: string;
     themeStyle: string;
-    lannguage: string;
+    language: string;
 }, {}>;
 export default _default;

package/dist/src/defaultProps.d.ts

@@ -241,14 +241,14 @@ export declare const calendarDefaultProps: {
     opacity: number;
     date: string;
     backgroundColor: string;
-    borderColor: string;
+    themeColor: string;
     borderRadius: string;
     borderStyle: string;
     borderWidth: string;
     dateColor: string;
     heartColor: string;
     themeStyle: string;
-    lannguage: string;
+    language: string;
 };
 export declare const countdownDefaultProps: {
     actionType: string;
@@ -559,14 +559,14 @@ export declare const componentsDefaultProps: {
             opacity: number;
             date: string;
             backgroundColor: string;
-            borderColor: string;
+            themeColor: string;
             borderRadius: string;
             borderStyle: string;
             borderWidth: string;
             dateColor: string;
             heartColor: string;
             themeStyle: string;
-            lannguage: string;
+            language: string;
         };
     };
     'uni-countdown': {

package/dist/unika-components.css

@@ -1,56 +1,4 @@
 
-.uni-image-component {
-  max-width: 100%;
-}
-
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
-
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
-  }
-  .watermark {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .watermark-div {
-    height: 100%;
-    width:100%;
-    position:absolute;
-    z-index:99999999;
-  }
-  body:before{
-  content: '';
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: -1;
-  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
-  background-position: center;  
-  opacity: 0.1;
-}
-
  .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -123,27 +71,58 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
+.uni-image-component {
+  max-width: 100%;
+}
 
-  .uni-video-component {
-    position: relative;
-    text-align: center;
+  .uni-background-component {
+    width: 100%;
   }
-  .play-pause-button {
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
     position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    font-size: 2rem;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 50%;
-    padding: 10px;
-    transition: background 0.3s;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
   }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
+  .watermark-div {
+    height: 100%;
+    width:100%;
+    position:absolute;
+    z-index:99999999;
   }
+  body:before{
+  content: '';
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
+  background-position: center;  
+  opacity: 0.1;
+}
 
 .slot-number {
   position: absolute;
@@ -270,19 +249,26 @@ body, html {
   }
 }
 
-.swiper-container {
-  width: 100%;
-  height: 300px;
-}
-
-.swiper-slide {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
+  .uni-video-component {
+    position: relative;
+    text-align: center;
+  }
+  .play-pause-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    font-size: 2rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    padding: 10px;
+    transition: background 0.3s;
+  }
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
 
 .like-button {
   display: flex;
@@ -326,6 +312,20 @@ body, html {
   .play-pause-button:hover {
     background: rgba(0, 0, 0, 0.8);
   }
+
+.swiper-container {
+  width: 100%;
+  height: 300px;
+}
+
+.swiper-slide {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -4177,14 +4177,14 @@ const calendarDefaultProps = {
     opacity: 1,
     date: '2024-05-21',
     backgroundColor: 'rgb(255, 255, 255)',
-    borderColor: 'rgb(237, 85, 102)',
+    themeColor: 'rgb(237, 85, 102)',
     borderRadius: '0px',
     borderStyle: 'solid',
     borderWidth: '2px',
     dateColor: '#000000',
     heartColor: 'rgb(237, 85, 102)',
     themeStyle: '3',
-    lannguage: 'en',
+    language: 'en',
 };
 const countdownDefaultProps = {
     ...commonDefaultProps
@@ -14587,27 +14587,27 @@ var script$a = defineComponent({
             type: String,
             default: formattedDate$2
         },
-        boxBackgroundColor: {
+        backgroundColor: {
             type: String,
             default: 'rgb(255, 255, 255)'
         },
-        boxBorderColor: {
+        themeColor: {
             type: String,
             default: 'rgb(237, 85, 102)'
         },
-        boxBorderRadius: {
+        borderRadius: {
             type: String,
             default: '0px'
         },
-        boxBorderStyle: {
+        borderStyle: {
             type: String,
             default: 'solid'
         },
-        boxBorderWidth: {
+        borderWidth: {
             type: String,
             default: '2px'
         },
-        frontColor: {
+        dateColor: {
             type: String,
             default: '#000000'
         },
@@ -14619,7 +14619,7 @@ var script$a = defineComponent({
             type: String,
             default: '3'
         },
-        lannguage: {
+        language: {
             type: String,
             default: 'en'
         },
@@ -14686,7 +14686,7 @@ var script$a = defineComponent({
             '--after-haert-color': props.heartColor
         };
         const dayTexts = computed(() => {
-            if (props.lannguage == 'en') {
+            if (props.language == 'en') {
                 return props.dayTextsEn;
             }
             else {
@@ -14728,8 +14728,8 @@ const _hoisted_5$2 = {
 function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(`${_ctx.cp}-box`),
-    style: normalizeStyle({'background-color': _ctx.boxBackgroundColor, 'border-color': _ctx.boxBorderColor,
-  'border-radius': _ctx.boxBorderRadius,'border-style': _ctx.boxBorderStyle,'border-width': _ctx.boxBorderWidth,
+    style: normalizeStyle({'background-color': _ctx.backgroundColor, 'border-color': _ctx.themeColor,
+  'border-radius': _ctx.borderRadius,'border-style': _ctx.borderStyle,'border-width': _ctx.borderWidth,
   'position': 'relative', 'width': '100%','height': 'auto!important','padding': '22px 0'})
   }, [
     (_ctx.themeStyle == '1')
@@ -14739,11 +14739,11 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           createElementVNode("div", {
             class: normalizeClass(`${_ctx.cp}-title`),
-            style: normalizeStyle({'color': _ctx.boxBorderColor})
+            style: normalizeStyle({'color': _ctx.themeColor})
           }, toDisplayString(_ctx.currentYear), 7 /* TEXT, CLASS, STYLE */),
           createElementVNode("div", {
             class: normalizeClass(`${_ctx.cp}-editor`),
-            style: normalizeStyle({'color': _ctx.boxBorderColor})
+            style: normalizeStyle({'color': _ctx.themeColor})
           }, [
             createElementVNode("span", null, toDisplayString(_ctx.currentMonth), 1 /* TEXT */)
           ], 6 /* CLASS, STYLE */)
@@ -14754,7 +14754,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
           (_ctx.themeStyle == '2' || _ctx.themeStyle == '3')
             ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                style: normalizeStyle({'color': _ctx.boxBorderColor})
+                style: normalizeStyle({'color': _ctx.themeColor})
               }, [
                 createTextVNode(toDisplayString(_ctx.currentMonth) + " ", 1 /* TEXT */),
                 _hoisted_2$2,
@@ -14765,7 +14765,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
             ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: "can-year",
-                style: normalizeStyle({'color': _ctx.boxBorderColor})
+                style: normalizeStyle({'color': _ctx.themeColor})
               }, "-" + toDisplayString(_ctx.currentYear) + "-", 5 /* TEXT, STYLE */))
             : createCommentVNode("v-if", true)
         ]))
@@ -14775,7 +14775,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(`${_ctx.cp}-th`),
-            style: normalizeStyle({'background-color': _ctx.boxBorderColor})
+            style: normalizeStyle({'background-color': _ctx.themeColor})
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dayTexts, (item, index) => {
               return (openBlock(), createElementBlock("div", { key: index }, toDisplayString(item), 1 /* TEXT */))
@@ -14787,7 +14787,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dayTexts, (item, index) => {
               return (openBlock(), createElementBlock("div", {
                 key: index,
-                style: normalizeStyle({'color': _ctx.boxBorderColor})
+                style: normalizeStyle({'color': _ctx.themeColor})
               }, toDisplayString(item), 5 /* TEXT, STYLE */))
             }), 128 /* KEYED_FRAGMENT */))
           ]))
@@ -14796,12 +14796,12 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: "can-week2",
-            style: normalizeStyle({'border-color': _ctx.boxBorderColor})
+            style: normalizeStyle({'border-color': _ctx.themeColor})
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dayTexts, (item, index) => {
               return (openBlock(), createElementBlock("div", {
                 key: index,
-                style: normalizeStyle({'color': _ctx.boxBorderColor})
+                style: normalizeStyle({'color': _ctx.themeColor})
               }, toDisplayString(item), 5 /* TEXT, STYLE */))
             }), 128 /* KEYED_FRAGMENT */))
           ], 4 /* STYLE */))
@@ -14810,13 +14810,13 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
             createElementVNode("div", {
               class: "can-year",
-              style: normalizeStyle({'color': _ctx.boxBorderColor})
+              style: normalizeStyle({'color': _ctx.themeColor})
             }, toDisplayString(_ctx.currentYear), 5 /* TEXT, STYLE */)
           ]))
         : createCommentVNode("v-if", true),
       createElementVNode("div", {
         class: normalizeClass(`${_ctx.cp}-body`),
-        style: normalizeStyle({color: _ctx.frontColor})
+        style: normalizeStyle({color: _ctx.dateColor})
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.itemDays.length / 7, (i) => {
           return (openBlock(), createElementBlock("div", {
@@ -14830,7 +14830,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 createElementVNode("span", {
                   class: normalizeClass(`${_ctx.cp}-day`),
-                  style: normalizeStyle({'z-index': _ctx.getHeart(_ctx.getDayItem(i, j))? 99: 1, 'color': _ctx.getHeart(_ctx.getDayItem(i, j)) && _ctx.themeStyle != '3'? '#ffffff': _ctx.frontColor})
+                  style: normalizeStyle({'z-index': _ctx.getHeart(_ctx.getDayItem(i, j))? 99: 1, 'color': _ctx.getHeart(_ctx.getDayItem(i, j)) && _ctx.themeStyle != '3'? '#ffffff': _ctx.dateColor})
                 }, toDisplayString((_ctx.getDayItem(i, j).currentMonth === 0) ? _ctx.getDayItem(i, j).days.toString().padStart(2, '0') : ''), 7 /* TEXT, CLASS, STYLE */),
                 renderSlot(_ctx.$slots, "default", {
                   item: _ctx.getDayItem(i, j)
@@ -14909,7 +14909,7 @@ var script$9 = defineComponent({
             type: String,
             default: 'rgb(255, 255, 255)'
         },
-        borderColor: {
+        themeColor: {
             type: String,
             default: 'rgb(237, 85, 102)'
         },
@@ -14937,7 +14937,7 @@ var script$9 = defineComponent({
             type: String,
             default: '3'
         },
-        lannguage: {
+        language: {
             type: String,
             default: 'en'
         },
@@ -14990,15 +14990,15 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_Calendar, {
       ref: "calendarRef",
       weddingDate: _ctx.date,
-      boxBackgroundColor: _ctx.backgroundColor,
-      boxBorderColor: _ctx.borderColor,
-      boxBorderRadius: _ctx.borderRadius,
-      boxBorderStyle: _ctx.borderStyle,
-      boxBorderWidth: _ctx.borderWidth,
-      frontColor: _ctx.dateColor,
+      backgroundColor: _ctx.backgroundColor,
+      themeColor: _ctx.themeColor,
+      borderRadius: _ctx.borderRadius,
+      borderStyle: _ctx.borderStyle,
+      borderWidth: _ctx.borderWidth,
+      dateColor: _ctx.dateColor,
       heartColor: _ctx.heartColor,
       themeStyle: _ctx.themeStyle,
-      lannguage: _ctx.lannguage
+      language: _ctx.language
     }, {
       default: withCtx((slotProps) => [
         (_ctx.checkItem(slotProps.item.date))
@@ -15006,7 +15006,7 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("v-if", true)
       ]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["weddingDate", "boxBackgroundColor", "boxBorderColor", "boxBorderRadius", "boxBorderStyle", "boxBorderWidth", "frontColor", "heartColor", "themeStyle", "lannguage"])
+    }, 8 /* PROPS */, ["weddingDate", "backgroundColor", "themeColor", "borderRadius", "borderStyle", "borderWidth", "dateColor", "heartColor", "themeStyle", "language"])
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -4184,14 +4184,14 @@
       opacity: 1,
       date: '2024-05-21',
       backgroundColor: 'rgb(255, 255, 255)',
-      borderColor: 'rgb(237, 85, 102)',
+      themeColor: 'rgb(237, 85, 102)',
       borderRadius: '0px',
       borderStyle: 'solid',
       borderWidth: '2px',
       dateColor: '#000000',
       heartColor: 'rgb(237, 85, 102)',
       themeStyle: '3',
-      lannguage: 'en',
+      language: 'en',
   };
   const countdownDefaultProps = {
       ...commonDefaultProps
@@ -14594,27 +14594,27 @@
               type: String,
               default: formattedDate$2
           },
-          boxBackgroundColor: {
+          backgroundColor: {
               type: String,
               default: 'rgb(255, 255, 255)'
           },
-          boxBorderColor: {
+          themeColor: {
               type: String,
               default: 'rgb(237, 85, 102)'
           },
-          boxBorderRadius: {
+          borderRadius: {
               type: String,
               default: '0px'
           },
-          boxBorderStyle: {
+          borderStyle: {
               type: String,
               default: 'solid'
           },
-          boxBorderWidth: {
+          borderWidth: {
               type: String,
               default: '2px'
           },
-          frontColor: {
+          dateColor: {
               type: String,
               default: '#000000'
           },
@@ -14626,7 +14626,7 @@
               type: String,
               default: '3'
           },
-          lannguage: {
+          language: {
               type: String,
               default: 'en'
           },
@@ -14693,7 +14693,7 @@
               '--after-haert-color': props.heartColor
           };
           const dayTexts = vue.computed(() => {
-              if (props.lannguage == 'en') {
+              if (props.language == 'en') {
                   return props.dayTextsEn;
               }
               else {
@@ -14735,8 +14735,8 @@
   function render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.cp}-box`),
-      style: vue.normalizeStyle({'background-color': _ctx.boxBackgroundColor, 'border-color': _ctx.boxBorderColor,
-    'border-radius': _ctx.boxBorderRadius,'border-style': _ctx.boxBorderStyle,'border-width': _ctx.boxBorderWidth,
+      style: vue.normalizeStyle({'background-color': _ctx.backgroundColor, 'border-color': _ctx.themeColor,
+    'border-radius': _ctx.borderRadius,'border-style': _ctx.borderStyle,'border-width': _ctx.borderWidth,
     'position': 'relative', 'width': '100%','height': 'auto!important','padding': '22px 0'})
     }, [
       (_ctx.themeStyle == '1')
@@ -14746,11 +14746,11 @@
           }, [
             vue.createElementVNode("div", {
               class: vue.normalizeClass(`${_ctx.cp}-title`),
-              style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+              style: vue.normalizeStyle({'color': _ctx.themeColor})
             }, vue.toDisplayString(_ctx.currentYear), 7 /* TEXT, CLASS, STYLE */),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(`${_ctx.cp}-editor`),
-              style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+              style: vue.normalizeStyle({'color': _ctx.themeColor})
             }, [
               vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentMonth), 1 /* TEXT */)
             ], 6 /* CLASS, STYLE */)
@@ -14761,7 +14761,7 @@
             (_ctx.themeStyle == '2' || _ctx.themeStyle == '3')
               ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
-                  style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+                  style: vue.normalizeStyle({'color': _ctx.themeColor})
                 }, [
                   vue.createTextVNode(vue.toDisplayString(_ctx.currentMonth) + " ", 1 /* TEXT */),
                   _hoisted_2$2,
@@ -14772,7 +14772,7 @@
               ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 1,
                   class: "can-year",
-                  style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+                  style: vue.normalizeStyle({'color': _ctx.themeColor})
                 }, "-" + vue.toDisplayString(_ctx.currentYear) + "-", 5 /* TEXT, STYLE */))
               : vue.createCommentVNode("v-if", true)
           ]))
@@ -14782,7 +14782,7 @@
           ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: vue.normalizeClass(`${_ctx.cp}-th`),
-              style: vue.normalizeStyle({'background-color': _ctx.boxBorderColor})
+              style: vue.normalizeStyle({'background-color': _ctx.themeColor})
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.dayTexts, (item, index) => {
                 return (vue.openBlock(), vue.createElementBlock("div", { key: index }, vue.toDisplayString(item), 1 /* TEXT */))
@@ -14794,7 +14794,7 @@
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.dayTexts, (item, index) => {
                 return (vue.openBlock(), vue.createElementBlock("div", {
                   key: index,
-                  style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+                  style: vue.normalizeStyle({'color': _ctx.themeColor})
                 }, vue.toDisplayString(item), 5 /* TEXT, STYLE */))
               }), 128 /* KEYED_FRAGMENT */))
             ]))
@@ -14803,12 +14803,12 @@
           ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 2,
               class: "can-week2",
-              style: vue.normalizeStyle({'border-color': _ctx.boxBorderColor})
+              style: vue.normalizeStyle({'border-color': _ctx.themeColor})
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.dayTexts, (item, index) => {
                 return (vue.openBlock(), vue.createElementBlock("div", {
                   key: index,
-                  style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+                  style: vue.normalizeStyle({'color': _ctx.themeColor})
                 }, vue.toDisplayString(item), 5 /* TEXT, STYLE */))
               }), 128 /* KEYED_FRAGMENT */))
             ], 4 /* STYLE */))
@@ -14817,13 +14817,13 @@
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
               vue.createElementVNode("div", {
                 class: "can-year",
-                style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+                style: vue.normalizeStyle({'color': _ctx.themeColor})
               }, vue.toDisplayString(_ctx.currentYear), 5 /* TEXT, STYLE */)
             ]))
           : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.cp}-body`),
-          style: vue.normalizeStyle({color: _ctx.frontColor})
+          style: vue.normalizeStyle({color: _ctx.dateColor})
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.itemDays.length / 7, (i) => {
             return (vue.openBlock(), vue.createElementBlock("div", {
@@ -14837,7 +14837,7 @@
                 }, [
                   vue.createElementVNode("span", {
                     class: vue.normalizeClass(`${_ctx.cp}-day`),
-                    style: vue.normalizeStyle({'z-index': _ctx.getHeart(_ctx.getDayItem(i, j))? 99: 1, 'color': _ctx.getHeart(_ctx.getDayItem(i, j)) && _ctx.themeStyle != '3'? '#ffffff': _ctx.frontColor})
+                    style: vue.normalizeStyle({'z-index': _ctx.getHeart(_ctx.getDayItem(i, j))? 99: 1, 'color': _ctx.getHeart(_ctx.getDayItem(i, j)) && _ctx.themeStyle != '3'? '#ffffff': _ctx.dateColor})
                   }, vue.toDisplayString((_ctx.getDayItem(i, j).currentMonth === 0) ? _ctx.getDayItem(i, j).days.toString().padStart(2, '0') : ''), 7 /* TEXT, CLASS, STYLE */),
                   vue.renderSlot(_ctx.$slots, "default", {
                     item: _ctx.getDayItem(i, j)
@@ -14916,7 +14916,7 @@
               type: String,
               default: 'rgb(255, 255, 255)'
           },
-          borderColor: {
+          themeColor: {
               type: String,
               default: 'rgb(237, 85, 102)'
           },
@@ -14944,7 +14944,7 @@
               type: String,
               default: '3'
           },
-          lannguage: {
+          language: {
               type: String,
               default: 'en'
           },
@@ -14997,15 +14997,15 @@
       vue.createVNode(_component_Calendar, {
         ref: "calendarRef",
         weddingDate: _ctx.date,
-        boxBackgroundColor: _ctx.backgroundColor,
-        boxBorderColor: _ctx.borderColor,
-        boxBorderRadius: _ctx.borderRadius,
-        boxBorderStyle: _ctx.borderStyle,
-        boxBorderWidth: _ctx.borderWidth,
-        frontColor: _ctx.dateColor,
+        backgroundColor: _ctx.backgroundColor,
+        themeColor: _ctx.themeColor,
+        borderRadius: _ctx.borderRadius,
+        borderStyle: _ctx.borderStyle,
+        borderWidth: _ctx.borderWidth,
+        dateColor: _ctx.dateColor,
         heartColor: _ctx.heartColor,
         themeStyle: _ctx.themeStyle,
-        lannguage: _ctx.lannguage
+        language: _ctx.language
       }, {
         default: vue.withCtx((slotProps) => [
           (_ctx.checkItem(slotProps.item.date))
@@ -15013,7 +15013,7 @@
             : vue.createCommentVNode("v-if", true)
         ]),
         _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["weddingDate", "boxBackgroundColor", "boxBorderColor", "boxBorderRadius", "boxBorderStyle", "boxBorderWidth", "frontColor", "heartColor", "themeStyle", "lannguage"])
+      }, 8 /* PROPS */, ["weddingDate", "backgroundColor", "themeColor", "borderRadius", "borderStyle", "borderWidth", "dateColor", "heartColor", "themeStyle", "language"])
     ], 4 /* STYLE */))
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.39",
+  "version": "1.0.41",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",