@aquera/nile-elements 0.0.14 → 0.0.15

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-calendar/nile-calendar.css.ts

@@ -53,7 +53,6 @@ export const styles = css`
     line-height: 14px;
     letter-spacing: 0.2px;
     height: 50px;
-    margin-top: 10px;
   }
 
   .day-names,
@@ -98,7 +97,8 @@ export const styles = css`
     background: white;
     display: flex;
     justify-content: space-between;
-    width: auto;
+    width: 365px;
+    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
   }
 
   .selected-date,
@@ -147,24 +147,24 @@ export const styles = css`
   .base {
     background-color: white;
     border-radius: 4px;
-    padding-bottom: 20px;
     width: 365px;
   }
 
   .base__range {
-    width: 730px;
+    padding: 24px;
   }
 
   .calender-input {
-    padding: 20px;
+    margin-top: 6px;
     padding-bottom: 0px;
-    background: white;
+    width: 365px;
   }
 
   .from {
     display: flex;
     justify-content: space-between;
-    gap: 20px;
+    gap: 8px;
+    margin-top: 12px;
   }
 
   .manual-input {
@@ -172,16 +172,18 @@ export const styles = css`
   }
 
   .manual-input-label {
+    color: #7f7f7f;
+    font-family: Colfax-regular;
     font-size: 12px;
-    font-style: normal;
     font-weight: 500;
-    margin-bottom: 10px;
+    line-height: 12px;
+    letter-spacing: 0.2px;
   }
 
   .button-contaner {
     width: 100%;
     text-align: right;
-    padding: 10px 0;
+    padding: 12px 0 0 0;
   }
 `;
 

package/src/nile-calendar/nile-calendar.ts

@@ -512,7 +512,7 @@ private handleEndTimeInput(event: CustomEvent): void {
 
     return html`
 
-        <div class="base${this.range ? '__range' : ''}">
+        <div class="base ${this.range ? 'base__range' : ''}">
           <div class="calendar-wrapper" >
             <div class="calendar-container ${this.range ? 'with-margin' : ''}">
               ${this.renderMonth(
@@ -521,7 +521,7 @@ private handleEndTimeInput(event: CustomEvent): void {
                 this.getDaysArray(this.currentYear, this.currentMonth)
               )}
             </div>
-            ${this.range
+            <!-- ${this.range
               ? html`
                   <div class="calendar-container">
                     ${this.renderMonth(
@@ -534,7 +534,7 @@ private handleEndTimeInput(event: CustomEvent): void {
                     )}
                   </div>
                 `
-              : ''}
+              : ''} -->
 
           </div>
           ${this.range