@aquera/nile-elements 0.1.57-beta-1.7 → 0.1.57-beta-1.9

package/package.json

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

package/rollup.config.js

@@ -18,14 +18,9 @@ export default [
   {
     input: Object.fromEntries(
       glob.sync('src/**/*.ts').map(file => [
-        // This removes `src/` as well as the file extension from each file, so e.g.
-        // src/nested/foo.js becomes nested/foo
-        path.relative(
-          'src',
-          file.slice(0, file.length - path.extname(file).length)
-        ),
-        // This expands the relative paths to absolute paths, so e.g.
-        // src/nested/foo becomes /project/src/nested/foo.js
+        path
+          .relative('src', file)
+          .slice(0, -path.extname(file).length),
         fileURLToPath(new URL(file, import.meta.url)),
       ])
     ),
@@ -61,6 +56,7 @@ export default [
         ],
       },
     ],
+    preserveEntrySignatures: false,
     onwarn(warning) {
       if (warning.code !== 'THIS_IS_UNDEFINED') {
         console.error(`(!) ${warning.message}`);
@@ -74,6 +70,7 @@ export default [
         'process.env.LIT_DEV_MODE': JSON.stringify('false'),
       }),
       resolve(),
+      commonjs(),
       terser({
         ecma: 2017,
         module: true,
@@ -87,35 +84,26 @@ export default [
       styles(),
       summary(),
     ],
-    preserveEntrySignatures: false,
   },
-  // {
-  //   input: 'src/index.ts',
-  //   output: {
-  //     file: 'dist/index.iife.js',
-  //     format: 'iife',
-  //     name: 'NileElement'
-  //   },
-  //   plugins: [
-  //     typescript(),
-  //     replace({
-  //       'Reflect.decorate': 'undefined',
-  //       'process.env.NODE_ENV': JSON.stringify('production'),
-  //     }),
-  //     resolve(),
-  //     terser({
-  //       ecma: 2017,
-  //       module: true,
-  //       warnings: true,
-  //       mangle: {
-  //         properties: {
-  //           regex: /^__/,
-  //         },
-  //       },
-  //     }),
-  //     styles(),
-  //     summary(),
-  //     commonjs()
-  //   ],
-  // },
-];
+  {
+    input: 'src/index.ts',
+   output: {
+    file: 'dist/index.js',      
+    format: 'es',
+    sourcemap: false,
+    inlineDynamicImports: true,
+  },
+
+    external: [], 
+    plugins: [
+      resolve(),
+      commonjs(),
+      typescript({
+        tsconfig: './tsconfig.json',
+        declaration: true,
+        declarationDir: 'dist/types',
+      }),
+      terser(),
+    ],
+  },
+];

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

@@ -17,7 +17,7 @@ export const styles = css`
   .base {
     background-color: white;
     border-radius: 8px;
-  width: 288px;
+    width: 300px;
     box-shadow: 0px 8px 8px -4px var(--nile-colors-neutral-400);
     box-shadow: 0px 20px 24px -4px var(--nile-colors-dark-100);
   }
@@ -66,7 +66,7 @@ export const styles = css`
   .day_date ,.day_name{
 		font-family: var( --nile-font-family-serif);
 		font-style: normal;
-		font-size: 12px;
+		font-size: 14px;
 		line-height: 20px;
 		text-align: center;
 
@@ -79,7 +79,6 @@ export const styles = css`
 
   .day_name{
     font-weight:500;
-    font-family: var(--nile-font-family-serif-colfax-medium);
   }
 
   .day_date{
@@ -88,7 +87,7 @@ export const styles = css`
   }
 
 	.current__date__dot{
-		background-color:var(--nile-colors-primary-600);
+		background-color:white;
 		position:absolute;
 		border-radius:50%;
 		height:5px;
@@ -114,7 +113,7 @@ export const styles = css`
   .selected-date {
     color: white;
     border-radius: 4px;
-    background: var(--nile-colors-blue-400);
+    background: var(--nile-colors-primary-600);
   }
 
   .selected-date:hover {
@@ -125,33 +124,27 @@ export const styles = css`
   .range-start,
   .range-end {
     border-radius: 4px;
-    background: var(--nile-colors-blue-400);
-    color: var(--nile-colors-dark-900);
-    font-family: var(--nile-font-family-serif-colfax-medium);
+    background: var(--nile-colors-primary-600);
+    color: white;
   }
 
   .selected-date:hover,
   .range-start:hover,
   .range-end:hover,
   .day_date.in-range:hover {
-    background: var(--nile-colors-blue-500);
+    background: var(--nile-colors-primary-700);
   }
 
   .range-start.in-range {
-    background: var(--nile-colors-blue-400);
+    background: var(--nile-colors-primary-600);
     border-radius: 4px 0 0 4px;
-    color: var(--nile-colors-dark-900);
-    font-family: var(--nile-font-family-serif-colfax-medium);
+    color: white;
   }
 
   .range-end {
-    background: var(--nile-colors-blue-400);
+    background: var(--nile-colors-primary-600);
     border-radius: 0 4px 4px 0;
-    color: var(--nile-colors-dark-900);
-    font-size: 12px;
-    font-weight: 500;
-    letter-spacing: 0.2px;
-    font-family: var(--nile-font-family-serif-colfax-medium);
+    color: white;
   }
 
   .range-middle {
@@ -167,13 +160,13 @@ export const styles = css`
   }
 
   .day_date.in-range:not(.range-start,.range-end, .selected-date) {
-    background: var(--nile-colors-neutral-100);
+    background: var(--nile-colors-neutral-400);
   }
 
   .selected-date {
+    color: white;
     border-radius: 4px;
-    background: var(--nile-colors-blue-400);
-    color: var(--nile-colors-dark-900);
+    background: var(--nile-colors-primary-600);
   }
 
   .not-allowed{
@@ -226,32 +219,24 @@ export const styles = css`
 
   .calendar-switcher {
     width: 100%;
-    margin-top: 12px;
+    margin: 0 12px;
+    margin-top: 16px;
   }
 
-  nile-tab::part(base){
-
-padding-bottom: 12px;
-justify-content: center;
-}
-
   .units-wrapper{
     width:min-content;
     margin:auto;
   }
 
   .unit-container{
- display: flex;
-  flex-direction: column;
-  gap: 24px;
+    display:grid;
+    grid-template-columns: auto auto;
+    row-gap:var(--nile-spacing-spacing-2xl);
+    column-gap: var(--nile-spacing-spacing-sm);
+    padding: 16px;
+    padding-bottom: 0;
   }
- 
- 
-
-
-
-
-
+  
   .duration-name{
     display:flex;
     align-items:center;
@@ -269,7 +254,6 @@ justify-content: center;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
-    gap: 6px;
   }
 
   .duration__value{
@@ -279,25 +263,19 @@ justify-content: center;
     height: 34px;
     cursor: pointer;
     border-radius: 4px;
-    border: 1px solid var(--nile-colors-neutral-500);
   }
 
   .duration__value:hover{
-    background: var(--nile-colors-neutral-400);
+    background: var(--nile-colors-neutral-100);
   }
 
   .duration__value--selected{
-    background-color:var(--nile-colors-blue-400);
-    color: black;
-    font-weight: 500;
-    border: 1px solid transparent;
-    font-family: var(--nile-font-family-serif-colfax-medium);
+    background-color:var(--nile-colors-primary-600);
+    color: white;
   }
 
   .duration__value--selected:hover{
-    background:var(--nile-colors-blue-500);
-    font-weight: 500;
-    font-family: var(--nile-font-family-serif-colfax-medium);
+    background:var(--nile-colors-primary-700);
   }
 
   nile-input::part(input)::-webkit-inner-spin-button,
@@ -320,123 +298,6 @@ justify-content: center;
   .duration-input,.time-input,.manual-input {
     width: 125px;
   }
-
-
-nile-dropdown[open] > span[slot="trigger"] .calendar-header__caret {
-  transform: rotate(180deg);
-}
-
-
-.calendar-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 14px;
-  letter-spacing: 0.2px;
-  font-feature-settings: 'liga' off, 'clig' off;
-}
-
-.calendar-header__center {
-  display: flex;
-  align-items: center;
-  gap: 6px; 
-}
-
-.calendar-header__trigger {
-  display: inline-flex;
-  align-items: center;
-  gap: 2px;
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1;
-  background: transparent;
-  color: var(--nile-colors-dark-900);
-}
-
-.calendar-header__caret {
-  width: 1em;
-  height: 1em;
-  transition: transform 0.2s ease;
-  transform-origin: center;
-}
-
- .calendar-menu {
-  max-height: 194px;
-  overflow-y: auto;
-  width: 66px;
-  background: red;
- }
-
- 
-
- .month-scroll-wrapper {
-    max-height: 196px;
-    overflow-y: auto;
-    width: 62px;
-    overflow-x: hidden;
-  }
-
-  .month-dropdown nile-menu {
-    overflow-y: auto;
-    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
-    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
-  }
-
-
-  .year-scroll-wrapper {
-    max-height: 196px;
-    overflow-y: auto;
-    width: 65px;
-    overflow-x: hidden;
-  }
-
-  .year-dropdown nile-menu {
-    overflow-y: auto;
-    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);
-    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
-  }
-
-  .month-dropdown nile-menu-item::part(base) {
-    padding: 0px 12px;
-   }
-   .year-dropdown nile-menu-item::part(base) {
-    padding: 0px 12px;
-   }
-nile-menu-item[selected]{
-  background: var(--nile-colors-primary-100);
-}
-
-nile-menu-item[selected]::part(base):hover {
-  background: var(--nile-colors-primary-100);
-  border-radius: 0px;
-}
-
-
-nile-icon[disabled] {
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-.units-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
-  padding: 16px;
-  width: auto;
-}
-
- 
-  
-.duration-name {
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 8px;
-}
- 
-
-   
 `;
 
 export default [styles];