@aquera/nile-elements 0.1.35-beta-1.7 → 0.1.35-beta-1.8

package/dist/nile-calendar/nile-calendar.css.esm.js

@@ -1,10 +1,10 @@
-import{css as e}from"lit";const a=e`
+import{css as e}from"lit";const r=e`
   :host {
   }
 
   .base {
-    background-color: var(--nile-colors-white-base);
-    border-radius: var(--nile-radius-radius-xl);
+    background-color: white;
+    border-radius: 8px;
     width: 300px;
     box-shadow: 0px 8px 8px -4px var(--nile-colors-neutral-400);
     box-shadow: 0px 20px 24px -4px var(--nile-colors-dark-100);
@@ -16,24 +16,25 @@ import{css as e}from"lit";const a=e`
     height: auto;
     text-align: center;
     background: white;
-    border-radius: var(--nile-radius-radius-xl);
+    border-radius: 8px;
   }
 
   .calendar-wrapper {
-    background: var(--nile-colors-white-base);
+    background: white;
     display: flex;
     justify-content: space-between;
     width: 100%;
-    border-radius: var(--nile-radius-radius-xl);
+    border-radius: 8px;
   }
 
   .calendar-header {
     display: flex;
     justify-content: space-between;
-    padding: var(--nile-spacing-2xl);
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-semi-bold);
-    line-height: var(--nile-line-height-xsmall);
+    padding: 10px;
+    padding: 22px 20px;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 14px;
     letter-spacing: 0.2px;
   }
 
@@ -45,16 +46,16 @@ import{css as e}from"lit";const a=e`
 
   .days_container {
 		display: grid;
-    padding: var(--nile-spacing-none) var(--nile-spacing-lg) var(--nile-spacing-lg) var(--nile-spacing-lg);
+    padding: 0 12px 12px 12px;
 		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-		grid-row-gap: var(--nile-spacing-xs);
+		grid-row-gap: var(--nile-spacing-spacing-xs, 3px);
   }
 
   .day_date ,.day_name{
 		font-family: var( --nile-font-family-serif);
 		font-style: normal;
-		font-size: var(--nile-type-scale-3);
-		line-height: var(--nile-line-height-small);
+		font-size: 14px;
+		line-height: 20px;
 		text-align: center;
 
 		/* width: 40px;
@@ -65,11 +66,11 @@ import{css as e}from"lit";const a=e`
   }
 
   .day_name{
-    font-weight: var(--nile-font-weight-medium);
+    font-weight:500;
   }
 
   .day_date{
-    font-weight: var(--nile-font-weight-regular);
+    font-weight:400;
     user-select:none;
   }
 
@@ -99,7 +100,7 @@ import{css as e}from"lit";const a=e`
 
   .selected-date {
     color: white;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: 4px;
     background: var(--nile-colors-primary-600);
   }
 
@@ -110,7 +111,7 @@ import{css as e}from"lit";const a=e`
   .selected-date,
   .range-start,
   .range-end {
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: 4px;
     background: var(--nile-colors-primary-600);
     color: white;
   }
@@ -124,26 +125,26 @@ import{css as e}from"lit";const a=e`
 
   .range-start.in-range {
     background: var(--nile-colors-primary-600);
-    border-radius: var(--nile-radius-radius-xs) var(--nile-radius-radius-none) var(--nile-radius-radius-none) var(--nile-radius-radius-xs);
-    color: var(--nile-colors-white-base);
+    border-radius: 4px 0 0 4px;
+    color: white;
   }
 
   .range-end {
     background: var(--nile-colors-primary-600);
-    border-radius: var(--nile-radius-radius-none) var(--nile-radius-radius-xs) var(--nile-radius-radius-xs) var(--nile-radius-radius-none);
-    color: var(--nile-colors-white-base);
+    border-radius: 0 4px 4px 0;
+    color: white;
   }
 
   .range-middle {
     background: var(--nile-colors-primary-600);
-    color: var(--nile-colors-white-base);
-    border-radius: var(--nile-radius-radius-none)
+    color: white;
+    border-radius: 0;
   }
 
   .day_date.selected {
     background: var(--nile-colors-primary-600);
-    color: var(--nile-colors-white-base);
-    border-radius: var(--nile-radius-radius-xs);
+    color: white;
+    border-radius: 4px;
   }
 
   .day_date.in-range:not(.range-start,.range-end, .selected-date) {
@@ -151,8 +152,8 @@ import{css as e}from"lit";const a=e`
   }
 
   .selected-date {
-    color: var(--nile-colors-white-base);
-    border-radius: var(--nile-radius-radius-xs);
+    color: white;
+    border-radius: 4px;
     background: var(--nile-colors-primary-600);
   }
 
@@ -165,36 +166,36 @@ import{css as e}from"lit";const a=e`
 
   .calender-input {
     box-sizing:border-box;
-    padding: var(--nile-spacing-none) var(--nile-spacing-xl);
+    padding: 0 16px;
     width:100%;
     justify-content: space-between;
     display: flex;
-    gap: var(--nile-spacing-md);
+    gap:8px;
     flex-wrap: wrap;
   }
 
   .from {
     display: flex;
     justify-content: space-between;
-    gap: var(----nile-spacing-md);
+    gap: 8px;
     width: auto;
   }
 
   .manual-input-label {
     color: var(--nile-colors-dark-500);
     font-family: Colfax-regular;
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-medium);
+    font-size: 12px;
+    font-weight: 500;
     line-height: 12px;
     letter-spacing: 0.2px;
-  } // Not used anywhere
+  }
 
   .button-container {
     width: 100%;
     display:flex;
     justify-content: end;
-    gap: var(--nile-spacing-lg);
-    padding: var(--nile-spacing-lg) var(--nile-spacing-lg) var(--nile-spacing-lg) var(--nile-spacing-lg);
+    gap:10px;
+    padding: 12px 16px 16px 16px;
     box-sizing: border-box;
   }
 
@@ -206,8 +207,8 @@ import{css as e}from"lit";const a=e`
 
   .calendar-switcher {
     width: 100%;
-    margin: var(--nile-spacing-none) var(--nile-spacing-lg);
-    margin-top: var(--nile-spacing-xl);
+    margin: 0 12px;
+    margin-top: 16px;
   }
 
   .units-wrapper{
@@ -220,27 +221,27 @@ import{css as e}from"lit";const a=e`
     grid-template-columns: auto auto;
     row-gap:var(--nile-spacing-spacing-2xl);
     column-gap: var(--nile-spacing-spacing-sm);
-    padding: var(--nile-spacing-xl);
-    padding-bottom: var(--nile-spacing-none);
+    padding: 16px;
+    padding-bottom: 0;
   }
   
   .duration-name{
     display:flex;
     align-items:center;
     font-family:  var( --nile-font-family-serif);
-    font-size: var(--nile-type-scale-3);
+    font-size: 14px;
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium);
-    line-height: var(--nile-line-height-small); 
+    font-weight: 500;
+    line-height: 20px; 
   }
   
   .duration-units{
     display:flex;
-    font-family: var( --nile-font-family-serif);
-    font-size: var(--nile-type-scale-3);
+    font-family:  var( --nile-font-family-serif);
+    font-size: 14px;
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular);
-    line-height: var(--nile-line-height-small);
+    font-weight: 400;
+    line-height: 20px;
   }
 
   .duration__value{
@@ -249,7 +250,7 @@ import{css as e}from"lit";const a=e`
     width: 34px;
     height: 34px;
     cursor: pointer;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: 4px;
   }
 
   .duration__value:hover{
@@ -258,7 +259,7 @@ import{css as e}from"lit";const a=e`
 
   .duration__value--selected{
     background-color:var(--nile-colors-primary-600);
-    color: var(--nile-colors-white-base);
+    color: white;
   }
 
   .duration__value--selected:hover{
@@ -277,12 +278,12 @@ import{css as e}from"lit";const a=e`
   .unit-input-container {
     display: flex;
     justify-content: space-between;
-    gap: var(--nile-spacing-md);
-    padding: var(--nile-spacing-none) var(--nile-spacing-xl);
-    padding-top: var(--nile-spacing-xl);
+    gap: 8px;
+    padding: 0 16px;
+    padding-top: 16px;
   }
 
   .duration-input,.time-input,.manual-input {
     width: 125px;
   }
-`;export{a as s};
+`;export{r as s};