@aquera/nile-elements 0.0.42 → 0.0.44

package/src/nile-icon/icons/svg/index.ts

@@ -49,6 +49,7 @@ export { default as caution } from './caution';
 export { default as cellloader } from './cell-loader';
 export { default as certification } from './certification';
 export { default as checkdone01 } from './check-done-01';
+export { default as checkdone02 } from './check-done-02';
 export { default as chevrondown } from './chevron-down';
 export { default as chevronup } from './chevron-up';
 export { default as close } from './close';
@@ -410,6 +411,7 @@ export { default as userremove } from './userremove';
 export { default as userremovegroup } from './userremovegroup';
 export { default as users01 } from './users-01';
 export { default as users02 } from './users-02';
+export { default as usersplus } from './users-plus';
 export { default as users } from './users';
 export { default as userupdate } from './userupdate';
 export { default as validationexpression } from './validationexpression';

package/src/nile-icon/icons/svg/users-plus.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuODMzNyAxNy41VjEyLjVNMTMuMzMzNyAxNUgxOC4zMzM3TTEwLjAwMDMgMTIuNUg2LjY2Njk5QzUuMTEzODUgMTIuNSA0LjMzNzI4IDEyLjUgMy43MjQ3MSAxMi43NTM3QzIuOTA3OTUgMTMuMDkyIDIuMjU5MDQgMTMuNzQxIDEuOTIwNzMgMTQuNTU3N0MxLjY2Njk5IDE1LjE3MDMgMS42NjY5OSAxNS45NDY5IDEuNjY2OTkgMTcuNU0xMi45MTcgMi43NDIzQzE0LjEzODYgMy4yMzY3OSAxNS4wMDAzIDQuNDM0NDMgMTUuMDAwMyA1LjgzMzMzQzE1LjAwMDMgNy4yMzIyNCAxNC4xMzg2IDguNDI5ODggMTIuOTE3IDguOTI0MzdNMTEuMjUwMyA1LjgzMzMzQzExLjI1MDMgNy42NzQyOCA5Ljc1Nzk0IDkuMTY2NjcgNy45MTY5OSA5LjE2NjY3QzYuMDc2MDQgOS4xNjY2NyA0LjU4MzY2IDcuNjc0MjggNC41ODM2NiA1LjgzMzMzQzQuNTgzNjYgMy45OTIzOCA2LjA3NjA0IDIuNSA3LjkxNjk5IDIuNUM5Ljc1Nzk0IDIuNSAxMS4yNTAzIDMuOTkyMzggMTEuMjUwMyA1LjgzMzMzWiIgc3Ryb2tlPSIjMDA1MjkxIiBzdHJva2Utd2lkdGg9IjEuNjY2NjciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";

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

@@ -29,7 +29,7 @@ export const styles = css`
     color: inherit;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

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

@@ -31,7 +31,7 @@ export const styles = css`
   .link__label {
     color: #005ea6;
     text-align: center;
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

package/src/nile-menu/nile-menu.ts

@@ -41,6 +41,10 @@ export class NileMenu extends NileElement {
     const target = event.target as HTMLElement;
     const item = target.closest('nile-menu-item');
 
+    if (item?.hasSubMenu) {
+      return;
+    }
+
     // if (!item || item.disabled || item.inert) {
     if (!item || item.disabled) {
       return;
@@ -180,23 +184,30 @@ export class NileMenu extends NileElement {
   render() {
     return html`
       <div>
-          ${this.searchEnabled
-            ? html` <nile-input
-                size="medium"
-                clearable
-                style=${this.searchWidth
-                  ? `width: ${this.searchWidth}px;`
-                  : 'width: 100%;'}
-                .value=${this.searchValue}
-                placeholder="Search..."
-                @nile-input=${this.handleSearchChange}
-              >
-                <nile-icon name="search" slot="suffix"> </nile-icon>
-              </nile-input>`
-            : html``}
+        ${this.searchEnabled
+          ? html` <nile-input
+              size="medium"
+              clearable
+              style=${this.searchWidth
+                ? `width: ${this.searchWidth}px;`
+                : 'width: 100%;'}
+              .value=${this.searchValue}
+              placeholder="Search..."
+              @nile-input=${this.handleSearchChange}
+            >
+              <nile-icon name="search" slot="suffix"> </nile-icon>
+            </nile-input>`
+          : html``}
         ${this.showNoResults
           ? html` <nile-menu-item>${this.noResultsMessage}</nile-menu-item> `
           : ''}
+
+        <slot
+          name="menu__header"
+          @click=${(e: Event) => {
+            e.stopPropagation();
+          }}
+        ></slot>
         <slot
           @slotchange=${this.handleSlotChange}
           @click=${this.handleClick}

package/src/nile-menu-item/nile-menu-item.ts

@@ -5,9 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';
+import {
+  LitElement,
+  html,
+  property,
+  CSSResultArray,
+  TemplateResult,
+} from 'lit-element';
 import { customElement } from 'lit/decorators.js';
-import {styles} from './nile-menu-item.css';
+import { styles } from './nile-menu-item.css';
 import '../nile-icon';
 import { classMap } from 'lit/directives/class-map.js';
 import { query } from 'lit/decorators.js';
@@ -60,6 +66,9 @@ export class NileMenuItem extends NileElement {
   /** Draws the menu item in a disabled state, preventing selection. */
   @property({ type: Boolean, reflect: true }) disabled = false;
 
+  /** Draws the item in a checked state. */
+  @property({ type: Boolean, reflect: true }) hasSubMenu = false;
+
   connectedCallback() {
     super.connectedCallback();
     this.handleHostClick = this.handleHostClick.bind(this);
@@ -83,7 +92,11 @@ export class NileMenuItem extends NileElement {
     // When the label changes, emit a slotchange event so parent controls see it
     if (textLabel !== this.cachedTextLabel) {
       this.cachedTextLabel = textLabel;
-      this.emit('slotchange', { bubbles: true, composed: false, cancelable: false });
+      this.emit('slotchange', {
+        bubbles: true,
+        composed: false,
+        cancelable: false,
+      });
     }
   }
 
@@ -100,7 +113,10 @@ export class NileMenuItem extends NileElement {
     // For proper accessibility, users have to use type="checkbox" to use the checked attribute
     if (this.checked && this.type !== 'checkbox') {
       this.checked = false;
-      console.error('The checked attribute can only be used on menu items with type="checkbox"', this);
+      console.error(
+        'The checked attribute can only be used on menu items with type="checkbox"',
+        this
+      );
       return;
     }
 
@@ -141,21 +157,38 @@ export class NileMenuItem extends NileElement {
           'menu-item': true,
           'menu-item--checked': this.checked,
           'menu-item--disabled': this.disabled,
-          'menu-item--has-submenu': false // reserved for future use
+          'menu-item--has-submenu': this.hasSubMenu, // reserved for future use
         })}
       >
         <span part="checked-icon" class="menu-item__check">
-          <nile-icon name="tick" library="system" aria-hidden="true"></nile-icon>
+          <nile-icon
+            name="tick"
+            library="system"
+            aria-hidden="true"
+          ></nile-icon>
         </span>
 
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+        <slot
+          name="prefix"
+          part="prefix"
+          class="menu-item__prefix"
+       
+        ></slot>
 
-        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
+        <slot
+          part="label"
+          class="menu-item__label"
+          @slotchange=${this.handleDefaultSlotChange}
+        ></slot>
 
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span part="submenu-icon" class="menu-item__chevron">
-          <nile-icon name="arrowright" library="system" aria-hidden="true"></nile-icon>
+          <nile-icon
+            name="arrowright"
+            library="system"
+            aria-hidden="true"
+          ></nile-icon>
         </span>
       </div>
     `;

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

@@ -19,7 +19,7 @@ export const styles = css`
     display: block;
     color: var(--Dark-Normal, var(--Color-Text-Default, #000));
     font-feature-settings: 'clig' off, 'liga' off;
-    font-family: Colfax;
+    font-family: var(--nile-font-family-serif);
     font-size: var(--nile-type-scale-4);
     font-style: normal;
     font-weight: 500;

package/src/nile-radio-group/nile-radio-group.css.ts

@@ -21,7 +21,7 @@ export default css`
     padding: 0;
     font-size: 14px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

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

@@ -106,9 +106,7 @@ export const styles = css`
     position: relative;
     align-items: center;
     justify-content: start;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-      'Segoe UI Symbol';
+    font-family: var(--nile-font-family-sans-serif);
     font-weight: 400;
     letter-spacing: normal;
     vertical-align: middle;

package/src/nile-slide-toggle/nile-slide-toggle.css.ts

@@ -20,7 +20,7 @@ export default css`
     margin-right: 6px;
     font-size: 14px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

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

@@ -20,7 +20,7 @@ export const styles = css`
     cursor: pointer;
   }
   .pointer-cursor-not-allowed {
-    cursor: default;
+    pointer-events: none;
   }
 
   .switcher__label {
@@ -28,7 +28,7 @@ export const styles = css`
     align-items: center;
     color: inherit;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

package/src/nile-switcher/nile-switcher.ts

@@ -333,7 +333,7 @@ export class NileSwitcher extends NileElement {
     } = Input;
     return html`<nile-code-editor
       part="switcher-code-editor"
-      exportparts="switcher-code-editor-base"
+      exportparts="code-editor-base"
       class=${classMap({
         'code-editor': true,
       })}

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

@@ -34,7 +34,7 @@ export const styles = css`
     user-select: none;
     cursor: pointer;
     transition: 0.2s box-shadow, 0.2s color;
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;

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

@@ -24,7 +24,7 @@ export const styles = css`
     display: inline-block;
     margin-bottom: 12px;
     color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

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

@@ -101,7 +101,7 @@ export const styles = css`
     align-items: center;
     flex-direction: column;
     align-items: flex-start;
-    font-family: Colfax-regular;
+    font-family:var(--nile-font-family-serif);
     font-size: 14px;
     font-weight: 400;
     line-height: 14px;