@limetech/lime-elements 35.0.0-next.9 → 35.0.0

package/dist/collection/components/menu-surface/menu-surface.css

@@ -33,33 +33,39 @@
   /* @alternate */
   border-radius: var(--mdc-shape-medium, 4px);
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin-left: top left;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin-right: top right;
 }
 .mdc-menu-surface:focus {
   outline: none;
 }
-.mdc-menu-surface--open {
-  display: inline-block;
-  transform: scale(1);
-  opacity: 1;
-}
 .mdc-menu-surface--animating-open {
   display: inline-block;
   transform: scale(0.8);
   opacity: 0;
 }
+.mdc-menu-surface--open {
+  display: inline-block;
+  transform: scale(1);
+  opacity: 1;
+}
 .mdc-menu-surface--animating-closed {
   display: inline-block;
   opacity: 0;
   transition: opacity 0.075s linear;
 }
 [dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin-left: top right;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin-right: top left;
+  /*rtl:end:ignore*/
 }
 
 .mdc-menu-surface--anchor {
@@ -128,14 +134,19 @@
 }
 .mdc-menu .mdc-deprecated-list {
   color: rgba(0, 0, 0, 0.87);
+}
+.mdc-menu .mdc-deprecated-list,
+.mdc-menu .mdc-list {
   /* @alternate */
   position: relative;
 }
-.mdc-menu .mdc-deprecated-list .mdc-elevation-overlay {
+.mdc-menu .mdc-deprecated-list .mdc-elevation-overlay,
+.mdc-menu .mdc-list .mdc-elevation-overlay {
   width: 100%;
   height: 100%;
   top: 0;
   /* @noflip */
+  /*rtl:ignore*/
   left: 0;
 }
 .mdc-menu .mdc-deprecated-list-divider {
@@ -158,20 +169,29 @@
 }
 .mdc-menu__selection-group .mdc-deprecated-list-item {
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 56px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 16px;
 }
 [dir=rtl] .mdc-menu__selection-group .mdc-deprecated-list-item, .mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 56px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-menu__selection-group .mdc-menu__selection-group-icon {
   /* @noflip */
+  /*rtl:ignore*/
   left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   right: initial;
   display: none;
   position: absolute;
@@ -179,10 +199,14 @@
   transform: translateY(-50%);
 }
 [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   left: initial;
   /* @noflip */
+  /*rtl:ignore*/
   right: 16px;
+  /*rtl:end:ignore*/
 }
 
 .mdc-menu-item--selected .mdc-menu__selection-group-icon {
@@ -199,6 +223,6 @@
 }
 
 :host(limel-menu-surface.has-grid-layout) .mdc-menu-surface {
-  width: var(--menu-surface-width, min(calc(100vw - 2rem), 40rem));
+  width: var(--menu-surface-width, min(100vw - 2rem, 40rem));
   max-width: unset;
 }

package/dist/collection/components/picker/picker.js

@@ -6,12 +6,13 @@ import { createRandomString } from '../../util/random-string';
 const SEARCH_DEBOUNCE = 500;
 const CHIP_SET_TAG_NAME = 'limel-chip-set';
 /**
- * @exampleComponent limel-example-picker
+ * @exampleComponent limel-example-picker-single
  * @exampleComponent limel-example-picker-multiple
  * @exampleComponent limel-example-picker-icons
  * @exampleComponent limel-example-picker-empty-suggestions
  * @exampleComponent limel-example-picker-leading-icon
  * @exampleComponent limel-example-picker-static-actions
+ * @exampleComponent limel-example-picker-composite
  */
 export class Picker {
   constructor() {
@@ -186,10 +187,7 @@ export class Picker {
     if (this.isFull()) {
       return false;
     }
-    if (!this.chipSetEditMode) {
-      return false;
-    }
-    return true;
+    return !!this.chipSetEditMode;
   }
   getDropdownContent() {
     if (!this.shouldShowDropDownContent()) {
@@ -253,7 +251,7 @@ export class Picker {
     const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
     return (h("limel-portal", { visible: content.length > 0, containerId: this.portalId, inheritParentWidth: true, containerStyle: { 'z-index': dropdownZIndex } },
       h("limel-menu-surface", { open: content.length > 0, allowClicksElement: this.host, style: {
-          '--menu-surface-width': '100%',
+          '--mdc-menu-min-width': '100%',
           'max-height': 'inherit',
           display: 'flex',
         }, onDismiss: this.handleCloseMenu }, content)));

package/dist/collection/components/popover-surface/popover-surface.css

@@ -11,6 +11,7 @@
   width: var(--popover-surface-width, auto);
   max-height: calc(100vh - 2rem);
   max-width: calc(100vw - 2rem);
+  margin: 0 0.25rem;
   border-radius: var(--popover-border-radius, 0.75rem);
   box-shadow: var(--shadow-depth-16);
   backdrop-filter: blur(0.3125rem);