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

package/dist/collection/components/input-field/input-field.js

@@ -104,7 +104,7 @@ export class InputField {
         'mdc-text-field--disabled': this.disabled || this.readonly,
         'lime-text-field--readonly': this.readonly,
         'mdc-text-field--required': this.required,
-        'mdc-text-field--with-trailing-icon': !!this.getTrailingIcon(),
+        'lime-text-field--empty': !this.value,
       };
       if (this.type === 'textarea') {
         classList['mdc-text-field--textarea'] = true;
@@ -113,6 +113,8 @@ export class InputField {
       }
       else {
         classList['mdc-text-field--with-leading-icon'] = !!this.leadingIcon;
+        classList['mdc-text-field--with-trailing-icon'] =
+          !!this.getTrailingIcon();
       }
       return classList;
     };
@@ -268,7 +270,7 @@ export class InputField {
       // `preventDefault()` on the event. For links, we don't want that,
       // so instead of `mdc-text-field__icon--trailing`, we use our own class
       // `lime-trailing-icon-for-link`, which uses all the same styling. /Ads
-      return (h("a", Object.assign({}, linkProps, { class: "material-icons mdc-text-field__icon lime-trailing-icon-for-link", tabindex: this.disabled ? '-1' : '0', role: "button" }),
+      return (h("a", Object.assign({}, linkProps, { class: "material-icons mdc-text-field__icon lime-trailing-icon-for-link", tabindex: this.disabled || !this.value ? '-1' : '0', role: "button" }),
         h("limel-icon", { name: icon })));
     };
     this.renderTrailingIcon = (icon) => {
@@ -371,7 +373,7 @@ export class InputField {
       const dropdownZIndex = getComputedStyle(this.limelInputField).getPropertyValue('--dropdown-z-index');
       return (h("limel-portal", { visible: this.showCompletions, containerId: this.portalId, inheritParentWidth: true, containerStyle: { 'z-index': dropdownZIndex } },
         h("limel-menu-surface", { open: this.showCompletions, allowClicksElement: this.limelInputField, style: {
-            '--menu-surface-width': '100%',
+            '--mdc-menu-min-width': '100%',
             'max-height': 'inherit',
             display: 'flex',
           }, onDismiss: this.handleCloseMenu }, content)));

package/dist/collection/components/linear-progress/linear-progress.css

@@ -237,7 +237,7 @@
   transform: scaleX(0);
 }
 .mdc-linear-progress__secondary-bar {
-  visibility: hidden;
+  display: none;
 }
 .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
   transition: none;
@@ -247,7 +247,7 @@
 }
 .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
   left: -54.888891%;
-  visibility: visible;
+  display: block;
 }
 .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
   animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
@@ -261,12 +261,19 @@
 .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
   animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
 }
+[dir=rtl] .mdc-linear-progress, .mdc-linear-progress[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /*rtl:end:ignore*/
+}
 [dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar {
   /* @noflip */
+  /*rtl:ignore*/
   right: 0;
   /* @noflip */
+  /*rtl:ignore*/
   -webkit-transform-origin: center right;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin: center right;
 }
 [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
@@ -281,16 +288,21 @@
 }
 [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
   /* @noflip */
+  /*rtl:ignore*/
   right: -145.166611%;
   /* @noflip */
+  /*rtl:ignore*/
   left: auto;
 }
 [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
   /* @noflip */
+  /*rtl:ignore*/
   right: -54.888891%;
   /* @noflip */
+  /*rtl:ignore*/
   left: auto;
 }
+
 .mdc-linear-progress--closed {
   opacity: 0;
 }

package/dist/collection/components/list/list-renderer.js

@@ -88,10 +88,7 @@ export class ListRenderer {
         h("div", { class: "mdc-deprecated-list-item__secondary-text" }, item.secondaryText)));
     };
     this.isSimpleItem = (item) => {
-      if ('secondaryText' in item) {
-        return false;
-      }
-      return true;
+      return !('secondaryText' in item);
     };
     /**
      * Render an icon for a list item