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

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

@@ -111,8 +111,8 @@
 .lime-circular-progress:before {
   content: "";
   position: absolute;
-  width: calc( var(--size) * 0.75 + 0.25rem );
-  height: calc( var(--size) * 0.75 + 0.25rem );
+  width: calc(var(--size) * 0.75 + 0.25rem);
+  height: calc(var(--size) * 0.75 + 0.25rem);
   border-radius: 50%;
   background-color: rgb(var(--contrast-100));
   box-shadow: var(--button-shadow-pressed);

package/dist/collection/components/code-editor/code-editor.css

@@ -60,19 +60,13 @@
 .cm-fat-cursor div.CodeMirror-cursors {
   z-index: 1;
 }
-.cm-fat-cursor-mark {
-  background-color: rgba(20, 255, 20, 0.5);
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-}
-.cm-animate-fat-cursor {
-  width: auto;
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-  background-color: #7e7;
-}
+.cm-fat-cursor .CodeMirror-line::selection,
+.cm-fat-cursor .CodeMirror-line > span::selection, 
+.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
+.cm-fat-cursor .CodeMirror-line::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
+.cm-fat-cursor { caret-color: transparent; }
 @-moz-keyframes blink {
   0% {}
   50% { background-color: transparent; }
@@ -170,6 +164,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
+  z-index: 0;
 }
 .CodeMirror-sizer {
   position: relative;

package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.css

@@ -1,4 +1,4 @@
-.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
+.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
       /*rtl:begin:ignore*/left:0/*
       /*rtl:end:ignore*/}/*
       /*rtl:begin:ignore*/

package/dist/collection/components/dialog/dialog.css

@@ -79,37 +79,6 @@
   --header-icon-background-color: var(--dialog-heading-icon-background-color);
 }
 
-.mdc-elevation-overlay {
-  position: absolute;
-  border-radius: inherit;
-  pointer-events: none;
-  opacity: 0;
-  /* @alternate */
-  opacity: var(--mdc-elevation-overlay-opacity, 0);
-  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
-  background-color: #fff;
-  /* @alternate */
-  background-color: var(--mdc-elevation-overlay-color, #fff);
-}
-
-.mdc-dialog,
-.mdc-dialog__scrim {
-  position: fixed;
-  top: 0;
-  left: 0;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-}
-
-.mdc-dialog {
-  display: none;
-  z-index: 7;
-  /* @alternate */
-  z-index: var(--mdc-dialog-z-index, 7);
-}
 .mdc-dialog .mdc-dialog__surface {
   background-color: #fff;
   /* @alternate */
@@ -132,26 +101,26 @@
   /* @alternate */
   color: var(--mdc-theme-on-surface, #000);
 }
-.mdc-dialog .mdc-dialog__close::before, .mdc-dialog .mdc-dialog__close::after {
+.mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close .mdc-icon-button__ripple::after {
   background-color: #000;
   /* @alternate */
   background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
 }
-.mdc-dialog .mdc-dialog__close:hover::before, .mdc-dialog .mdc-dialog__close.mdc-ripple-surface--hover::before {
+.mdc-dialog .mdc-dialog__close:hover .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close.mdc-ripple-surface--hover .mdc-icon-button__ripple::before {
   opacity: 0.04;
   /* @alternate */
   opacity: var(--mdc-ripple-hover-opacity, 0.04);
 }
-.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused::before, .mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus::before {
+.mdc-dialog .mdc-dialog__close.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before, .mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before {
   transition-duration: 75ms;
   opacity: 0.12;
   /* @alternate */
   opacity: var(--mdc-ripple-focus-opacity, 0.12);
 }
-.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded)::after {
+.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after {
   transition: opacity 150ms linear;
 }
-.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active::after {
+.mdc-dialog .mdc-dialog__close:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after {
   transition-duration: 75ms;
   opacity: 0.12;
   /* @alternate */
@@ -171,6 +140,104 @@
   /* @alternate */
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
+.mdc-dialog .mdc-dialog__surface {
+  border-radius: 4px;
+  /* @alternate */
+  border-radius: var(--mdc-shape-medium, 4px);
+}
+
+.mdc-dialog__surface {
+  /* @alternate */
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+}
+
+.mdc-dialog__title {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: Roboto, sans-serif;
+  /* @alternate */
+  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
+  font-size: 0.875rem;
+  /* @alternate */
+  font-size: var(--mdc-typography-headline6-font-size, 0.875rem);
+  line-height: 0.875rem;
+  /* @alternate */
+  line-height: var(--mdc-typography-headline6-line-height, 0.875rem);
+  font-weight: 500;
+  /* @alternate */
+  font-weight: var(--mdc-typography-headline6-font-weight, 500);
+  letter-spacing: 0.0125em;
+  /* @alternate */
+  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
+  text-decoration: inherit;
+  /* @alternate */
+  text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
+  text-transform: inherit;
+  /* @alternate */
+  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
+}
+
+.mdc-dialog__content {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: Roboto, sans-serif;
+  /* @alternate */
+  font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
+  font-size: 0.8125rem;
+  /* @alternate */
+  font-size: var(--mdc-typography-body1-font-size, 0.8125rem);
+  line-height: 1.5rem;
+  /* @alternate */
+  line-height: var(--mdc-typography-body1-line-height, 1.5rem);
+  font-weight: 400;
+  /* @alternate */
+  font-weight: var(--mdc-typography-body1-font-weight, 400);
+  letter-spacing: 0.03125em;
+  /* @alternate */
+  letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
+  text-decoration: inherit;
+  /* @alternate */
+  text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
+  text-transform: inherit;
+  /* @alternate */
+  text-transform: var(--mdc-typography-body1-text-transform, inherit);
+}
+
+.mdc-dialog__title-icon {
+  /** Hook for theming API. */
+}
+
+.mdc-elevation-overlay {
+  position: absolute;
+  border-radius: inherit;
+  pointer-events: none;
+  opacity: 0;
+  /* @alternate */
+  opacity: var(--mdc-elevation-overlay-opacity, 0);
+  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
+  background-color: #fff;
+  /* @alternate */
+  background-color: var(--mdc-elevation-overlay-color, #fff);
+}
+
+.mdc-dialog,
+.mdc-dialog__scrim {
+  position: fixed;
+  top: 0;
+  left: 0;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+}
+
+.mdc-dialog {
+  display: none;
+  z-index: 7;
+  /* @alternate */
+  z-index: var(--mdc-dialog-z-index, 7);
+}
 .mdc-dialog .mdc-dialog__content {
   padding: 20px 24px 20px 24px;
 }
@@ -196,51 +263,49 @@
     /* stylelint-enable*/
   }
 }
-.mdc-dialog .mdc-dialog__surface {
-  border-radius: 4px;
-  /* @alternate */
-  border-radius: var(--mdc-shape-medium, 4px);
+.mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
+  max-width: none;
 }
-@media (max-width: 960px) and (max-height: 1440px) {
+@media (max-width: 960px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
     max-height: 560px;
-    max-width: 560px;
+    width: 560px;
   }
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
     right: -12px;
   }
 }
-@media (max-width: 720px) and (max-height: 1023px) and (max-width: 672px) {
+@media (max-width: 720px) and (max-width: 672px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
-    max-width: calc(100vw - 112px);
+    width: calc(100vw - 112px);
   }
 }
-@media (max-width: 720px) and (max-height: 1023px) and (min-width: 672px) {
+@media (max-width: 720px) and (min-width: 672px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
-    max-width: 560px;
+    width: 560px;
   }
 }
-@media (max-width: 720px) and (max-height: 1023px) and (max-height: 720px) {
+@media (max-width: 720px) and (max-height: 720px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
     max-height: calc(100vh - 160px);
   }
 }
-@media (max-width: 720px) and (max-height: 1023px) and (min-height: 720px) {
+@media (max-width: 720px) and (min-height: 720px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
     max-height: 560px;
   }
 }
-@media (max-width: 720px) and (max-height: 1023px) {
+@media (max-width: 720px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
     right: -12px;
   }
 }
 @media (max-width: 720px) and (max-height: 400px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
+    height: 100%;
+    max-height: 100vh;
     max-width: 100vw;
     width: 100vw;
-    max-height: 100vh;
-    height: 100vh;
     border-radius: 0;
   }
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
@@ -255,12 +320,12 @@
     margin-left: calc(16px - 2 * 12px);
   }
 }
-@media (max-width: 600px) and (max-height: 960px) {
+@media (max-width: 600px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
+    height: 100%;
+    max-height: 100vh;
     max-width: 100vw;
     width: 100vw;
-    max-height: 100vh;
-    height: 100vh;
     border-radius: 0;
   }
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
@@ -275,9 +340,9 @@
     margin-left: calc(16px - 2 * 12px);
   }
 }
-@media (min-width: 960px) and (min-height: 1440px) {
+@media (min-width: 960px) {
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
-    max-width: calc(100vw - 400px);
+    width: calc(100vw - 400px);
   }
   .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface .mdc-dialog__close {
     right: -12px;
@@ -307,8 +372,6 @@
 .mdc-dialog__surface {
   /* @alternate */
   position: relative;
-  /* @alternate */
-  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
   display: flex;
   flex-direction: column;
   flex-grow: 0;
@@ -324,13 +387,18 @@
   height: 100%;
   top: 0;
   /* @noflip */
+  /*rtl:ignore*/
   left: 0;
 }
 [dir=rtl] .mdc-dialog__surface, .mdc-dialog__surface[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   text-align: right;
+  /*rtl:end:ignore*/
 }
-@media screen and (-ms-high-contrast: active) {
+
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
   .mdc-dialog__surface {
     outline: 2px solid windowText;
   }
@@ -357,30 +425,6 @@
   display: block;
   margin-top: 0;
   /* @alternate */
-  line-height: normal;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-family: Roboto, sans-serif;
-  /* @alternate */
-  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
-  font-size: 0.875rem;
-  /* @alternate */
-  font-size: var(--mdc-typography-headline6-font-size, 0.875rem);
-  line-height: 0.875rem;
-  /* @alternate */
-  line-height: var(--mdc-typography-headline6-line-height, 0.875rem);
-  font-weight: 500;
-  /* @alternate */
-  font-weight: var(--mdc-typography-headline6-font-weight, 500);
-  letter-spacing: 0.0125em;
-  /* @alternate */
-  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
-  text-decoration: inherit;
-  /* @alternate */
-  text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
-  text-transform: inherit;
-  /* @alternate */
-  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
   position: relative;
   flex-shrink: 0;
   box-sizing: border-box;
@@ -395,8 +439,11 @@
   vertical-align: 0;
 }
 [dir=rtl] .mdc-dialog__title, .mdc-dialog__title[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   text-align: right;
+  /*rtl:end:ignore*/
 }
 
 .mdc-dialog--scrollable .mdc-dialog__title {
@@ -405,11 +452,12 @@
 }
 
 .mdc-dialog--fullscreen .mdc-dialog__header {
-  display: inline-flex;
-  padding: 0 24px 9px;
+  align-items: baseline;
   border-bottom: 1px solid transparent;
+  display: inline-flex;
   justify-content: space-between;
-  align-items: baseline;
+  padding: 0 24px 9px;
+  z-index: 1;
 }
 .mdc-dialog--fullscreen .mdc-dialog__header .mdc-dialog__close {
   right: -12px;
@@ -431,29 +479,6 @@
 }
 
 .mdc-dialog__content {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  font-family: Roboto, sans-serif;
-  /* @alternate */
-  font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
-  font-size: 0.8125rem;
-  /* @alternate */
-  font-size: var(--mdc-typography-body1-font-size, 0.8125rem);
-  line-height: 1.5rem;
-  /* @alternate */
-  line-height: var(--mdc-typography-body1-line-height, 1.5rem);
-  font-weight: 400;
-  /* @alternate */
-  font-weight: var(--mdc-typography-body1-font-weight, 400);
-  letter-spacing: 0.03125em;
-  /* @alternate */
-  letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
-  text-decoration: inherit;
-  /* @alternate */
-  text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
-  text-transform: inherit;
-  /* @alternate */
-  text-transform: var(--mdc-typography-body1-text-transform, inherit);
   flex-grow: 1;
   box-sizing: border-box;
   margin: 0;
@@ -505,35 +530,54 @@
 
 .mdc-dialog__button {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 8px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0;
   max-width: 100%;
   /* @noflip */
+  /*rtl:ignore*/
   text-align: right;
 }
 [dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 8px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-dialog__button:first-child {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0;
 }
 [dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0;
+  /*rtl:end:ignore*/
 }
+
 [dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   text-align: left;
+  /*rtl:end:ignore*/
 }
+
 .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
   margin-top: 12px;
 }

package/dist/collection/components/dialog/dialog.js

@@ -12,6 +12,13 @@ import { createRandomString } from '../../util/random-string';
  * See the example _Nested `close` events_.
  * :::
  *
+ * :::important
+ * Are you developing for
+ * [Lime CRM](https://www.lime-technologies.com/en/lime-crm/)? Please note that
+ * you should use the [DialogService](https://lundalogik.github.io/lime-web-components/versions/latest/#/api/dialog-service)
+ * from Lime Web Components to open dialogs in Lime CRM.
+ * :::
+ *
  * @exampleComponent limel-example-dialog
  * @exampleComponent limel-example-dialog-nested-close-events
  * @exampleComponent limel-example-dialog-heading

package/dist/collection/components/file/icon-background-colors.js

@@ -107,5 +107,6 @@ const filetypeBackgroundColorTable = {
   dbf: DATA_ICON_BACKGROUND_COLOR,
 };
 export function getIconBackgroundColorForFile(extension) {
-  return (filetypeBackgroundColorTable[extension] || DEFAULT_ICON_BACKGROUND_COLOR);
+  return (filetypeBackgroundColorTable[extension.toLowerCase()] ||
+    DEFAULT_ICON_BACKGROUND_COLOR);
 }

package/dist/collection/components/file/icon-fill-colors.js

@@ -107,5 +107,6 @@ const filetypeFillColorTable = {
   dbf: DATA_ICON_FILL_COLOR,
 };
 export function getIconFillColorForFile(extension) {
-  return filetypeFillColorTable[extension] || DEFAULT_ICON_FILL_COLOR;
+  return (filetypeFillColorTable[extension.toLowerCase()] ||
+    DEFAULT_ICON_FILL_COLOR);
 }

package/dist/collection/components/file/icons.js

@@ -108,5 +108,5 @@ const filetypeIconTable = {
   dbf: DATA_ICON,
 };
 export function getIconForFile(extension) {
-  return filetypeIconTable[extension] || DEFAULT_ICON;
+  return filetypeIconTable[extension.toLowerCase()] || DEFAULT_ICON;
 }

package/dist/collection/components/flex-container/flex-container.js

@@ -1,5 +1,11 @@
 import { Component, h, Prop } from '@stencil/core';
 /**
+ * This component is deprecated and will be removed in a future version of
+ * Lime Elements. Please use CSS for your flexible container needs 🙂
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
+ *
+ * @deprecated
+ * @private
  * @exampleComponent limel-example-flex-container
  * @slot - Container content
  */
@@ -22,6 +28,10 @@ export class FlexContainer {
      */
     this.reverse = false;
   }
+  componentWillLoad() {
+    /* eslint-disable-next-line no-console */
+    console.warn('limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox');
+  }
   render() {
     return h("slot", null);
   }

package/dist/collection/components/form/fields/schema-field.js

@@ -58,7 +58,6 @@ const getCustomComponent = (schema) => {
  * @returns {object} the properties created by the factory
  */
 export function getFactoryProps(formContext, schema) {
-  // eslint-disable-next-line no-shadow
   const factory = formContext.propsFactory;
   if (typeof factory !== 'function') {
     return {};

package/dist/collection/components/form/form.css

@@ -501,9 +501,13 @@
 
 .limel-form-layout--grid limel-checkbox,
 .limel-form-layout--grid limel-switch {
+  min-height: calc(
+            var(--min-height-of-one-row) - 0.9375rem
+        );
+}
+.limel-form-layout--grid limel-checkbox {
   margin-top: 0.5rem;
   display: block;
-  min-height: calc( var(--min-height-of-one-row) - 0.9375rem );
 }
 .limel-form-layout--grid limel-switch {
   margin-left: 0.5rem;

package/dist/collection/components/form/form.js

@@ -11,6 +11,7 @@ import { widgets } from './widgets';
 import { createRandomString } from '../../util/random-string';
 import Ajv from 'ajv';
 import { isInteger } from './validators';
+import { mapValues } from 'lodash-es';
 /**
  * @exampleComponent limel-example-form
  * @exampleComponent limel-example-nested-form
@@ -21,6 +22,7 @@ import { isInteger } from './validators';
  * @exampleComponent limel-example-form-layout
  * @exampleComponent limel-example-form-span-fields
  * @exampleComponent limel-example-custom-error-message
+ * @exampleComponent limel-example-server-errors
  */
 export class Form {
   constructor() {
@@ -76,6 +78,7 @@ export class Form {
       widgets: widgets,
       liveValidate: true,
       showErrorList: false,
+      extraErrors: this.getExtraErrors(this.errors),
       FieldTemplate: FieldTemplate,
       ArrayFieldTemplate: ArrayFieldTemplate,
       ObjectFieldTemplate: ObjectFieldTemplate,
@@ -142,6 +145,17 @@ export class Form {
       };
     });
   }
+  getExtraErrors(errors) {
+    if (!errors) {
+      return;
+    }
+    return mapValues(errors, (error) => {
+      if (Array.isArray(error)) {
+        return { __errors: error };
+      }
+      return this.getExtraErrors(error);
+    });
+  }
   getCustomErrorMessages(originalErrors) {
     if (!this.transformErrors) {
       return originalErrors;
@@ -265,6 +279,26 @@ export class Form {
         "tags": [],
         "text": "Custom function to customize the default error messages"
       }
+    },
+    "errors": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ValidationError",
+        "resolved": "{ [key: string]: ValidationError | string[]; }",
+        "references": {
+          "ValidationError": {
+            "location": "import",
+            "path": "./form.types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Extra errors to display in the form. Typical use case is asynchronous\nerrors generated server side."
+      }
     }
   }; }
   static get events() { return [{

package/dist/collection/components/form/form.types.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-shadow
 export var FormLayoutType;
 (function (FormLayoutType) {
   /**

package/dist/collection/components/form/templates/common.js

@@ -59,7 +59,10 @@ function findFirstEntry(data, subSchema) {
     getRequiredEntry(data, subSchema),
     ...Object.entries(data),
   ];
-  return entries.filter(([_, value]) => !!value && typeof value !== 'boolean')[0];
+  return entries.filter((entry) => {
+    const value = entry[1];
+    return !!value && typeof value !== 'boolean';
+  })[0];
 }
 function getRequiredEntry(data, subSchema) {
   if (!('required' in subSchema)) {