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

package/dist/collection/components/select/select.template.js

@@ -73,7 +73,7 @@ const MenuDropdown = (props) => {
   const items = createMenuItems(props.options, props.value);
   return (h("limel-portal", { containerId: props.id, visible: props.isOpen, inheritParentWidth: true, containerStyle: { 'z-index': props.dropdownZIndex } },
     h("limel-menu-surface", { open: props.isOpen, onDismiss: props.close, style: {
-        '--menu-surface-width': '100%',
+        '--mdc-menu-min-width': '100%',
         'max-height': 'inherit',
         display: 'flex',
       } },

package/dist/collection/components/slider/slider.css

@@ -121,6 +121,7 @@
 .mdc-slider__thumb.mdc-ripple-upgraded::after {
   top: 0;
   /* @noflip */
+  /*rtl:ignore*/
   left: 0;
   transform: scale(0);
   transform-origin: center center;
@@ -128,6 +129,7 @@
 .mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after {
   top: var(--mdc-ripple-top, 0);
   /* @noflip */
+  /*rtl:ignore*/
   left: var(--mdc-ripple-left, 0);
 }
 .mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after {
@@ -140,6 +142,7 @@
 .mdc-slider__thumb::before, .mdc-slider__thumb::after {
   top: calc(50% - 50%);
   /* @noflip */
+  /*rtl:ignore*/
   left: calc(50% - 50%);
   width: 100%;
   height: 100%;
@@ -147,6 +150,7 @@
 .mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after {
   top: var(--mdc-ripple-top, calc(50% - 50%));
   /* @noflip */
+  /*rtl:ignore*/
   left: var(--mdc-ripple-left, calc(50% - 50%));
   width: var(--mdc-ripple-fg-size, 100%);
   height: var(--mdc-ripple-fg-size, 100%);
@@ -218,16 +222,23 @@
   width: 100%;
   position: relative;
   /* @noflip */
+  /*rtl:ignore*/
   -webkit-transform-origin: left;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin: left;
 }
 [dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   -webkit-transform-origin: right;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin: right;
+  /*rtl:end:ignore*/
 }
+
 .mdc-slider .mdc-slider__track--inactive {
   border-radius: 2px;
   height: 4px;
@@ -271,6 +282,7 @@
 .mdc-slider .mdc-slider__value-indicator-container {
   bottom: 44px;
   /* @noflip */
+  /*rtl:ignore*/
   left: 50%;
   pointer-events: none;
   position: absolute;
@@ -294,6 +306,7 @@
   content: "";
   height: 0;
   /* @noflip */
+  /*rtl:ignore*/
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
@@ -365,6 +378,7 @@
   display: flex;
   height: 48px;
   /* @noflip */
+  /*rtl:ignore*/
   left: -24px;
   outline: none;
   position: absolute;
@@ -375,9 +389,9 @@
   z-index: 1;
 }
 .mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
-  border: 1px solid;
+  border-style: solid;
+  border-width: 1px;
   box-sizing: content-box;
-  border-color: #fff;
 }
 .mdc-slider .mdc-slider__thumb-knob {
   /* @alternate */
@@ -387,6 +401,7 @@
   box-sizing: border-box;
   height: 20px;
   /* @noflip */
+  /*rtl:ignore*/
   left: 50%;
   position: absolute;
   top: 50%;
@@ -401,6 +416,9 @@
   /* @alternate */
   border-color: var(--mdc-theme-primary, #26a69a);
 }
+.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
+  border-color: #fff;
+}
 .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
   background-color: #000;
   /* @alternate */
@@ -409,6 +427,9 @@
   /* @alternate */
   border-color: var(--mdc-theme-on-surface, #000);
 }
+.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
+  border-color: #fff;
+}
 .mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after {
   background-color: #26a69a;
   /* @alternate */
@@ -530,10 +551,13 @@
   text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
   position: absolute;
   /* @noflip */
+  /*rtl:ignore*/
   left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   -webkit-transform-origin: left top;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin: left top;
   line-height: 1.15rem;
   text-align: left;
@@ -546,16 +570,23 @@
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   right: 0;
   /* @noflip */
+  /*rtl:ignore*/
   left: auto;
   /* @noflip */
+  /*rtl:ignore*/
   -webkit-transform-origin: right top;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin: right top;
   /* @noflip */
+  /*rtl:ignore*/
   text-align: right;
+  /*rtl:end:ignore*/
 }
 
 .mdc-floating-label--float-above {
@@ -564,15 +595,23 @@
 
 .mdc-floating-label--required::after {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 1px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0px;
   content: "*";
 }
+[dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /*rtl:end:ignore*/
+}
 [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 1px;
 }
 
@@ -586,17 +625,25 @@
 
 @keyframes mdc-floating-label-shake-float-above-standard {
   0% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
   }
   33% {
     animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
   }
   66% {
     animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
   }
   100% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
   }
 }