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

package/dist/collection/components/switch/switch.css

@@ -106,8 +106,7 @@
   box-sizing: border-box;
   content: "";
   height: 100%;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
   position: absolute;
   width: 100%;
@@ -147,21 +146,17 @@
   position: absolute;
   top: 0;
   transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   right: auto;
   transform: translateX(0);
 }
 [dir=rtl] .mdc-switch__handle-track, .mdc-switch__handle-track[dir=rtl] {
   /*rtl:begin:ignore*/
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: auto;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   right: 0;
   /*rtl:end:ignore*/
 }
@@ -181,20 +176,16 @@
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   right: auto;
 }
 [dir=rtl] .mdc-switch__handle, .mdc-switch__handle[dir=rtl] {
   /*rtl:begin:ignore*/
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: auto;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   right: 0;
   /*rtl:end:ignore*/
 }
@@ -206,8 +197,7 @@
   content: "";
   width: 100%;
   height: 100%;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
   position: absolute;
   top: 0;
@@ -218,30 +208,25 @@
 .mdc-switch__shadow {
   border-radius: inherit;
   bottom: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
   position: absolute;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   right: 0;
   top: 0;
 }
 
 .mdc-elevation-overlay {
   bottom: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   right: 0;
   top: 0;
 }
 
 .mdc-switch__ripple {
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 50%;
   position: absolute;
   top: 50%;
@@ -261,13 +246,11 @@
 
 .mdc-switch__icon {
   bottom: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
   margin: auto;
   position: absolute;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   right: 0;
   top: 0;
   opacity: 0;
@@ -341,16 +324,14 @@
 }
 .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after {
   top: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
   transform: scale(0);
   transform-origin: center center;
 }
 .mdc-switch.mdc-ripple-upgraded--unbounded .mdc-switch__ripple::after {
   top: var(--mdc-ripple-top, 0);
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: var(--mdc-ripple-left, 0);
 }
 .mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple::after {
@@ -363,8 +344,7 @@
 .mdc-switch .mdc-switch__ripple::before,
 .mdc-switch .mdc-switch__ripple::after {
   top: calc(50% - 50%);
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: calc(50% - 50%);
   width: 100%;
   height: 100%;
@@ -372,8 +352,7 @@
 .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::before,
 .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple::after {
   top: var(--mdc-ripple-top, calc(50% - 50%));
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @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%);
@@ -736,43 +715,36 @@
     /* @alternate */
     opacity: var(--mdc-switch-disabled-handle-opacity, 1);
   }
-
   .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
     fill: ButtonText;
     /* @alternate */
     fill: var(--mdc-switch-selected-icon-color, ButtonText);
   }
-
   .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
     fill: GrayText;
     /* @alternate */
     fill: var(--mdc-switch-disabled-selected-icon-color, GrayText);
   }
-
   .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
     fill: ButtonText;
     /* @alternate */
     fill: var(--mdc-switch-unselected-icon-color, ButtonText);
   }
-
   .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
     fill: GrayText;
     /* @alternate */
     fill: var(--mdc-switch-disabled-unselected-icon-color, GrayText);
   }
-
   .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
     opacity: 1;
     /* @alternate */
     opacity: var(--mdc-switch-disabled-selected-icon-opacity, 1);
   }
-
   .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
     opacity: 1;
     /* @alternate */
     opacity: var(--mdc-switch-disabled-unselected-icon-opacity, 1);
   }
-
   .mdc-switch:disabled .mdc-switch__track {
     opacity: 1;
     /* @alternate */

package/dist/collection/components/tab-bar/tab-bar.css

@@ -387,20 +387,16 @@
 }
 
 .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   padding-left: 8px;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   padding-right: 0;
 }
 [dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] {
   /*rtl:begin:ignore*/
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   padding-left: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   padding-right: 8px;
   /*rtl:end:ignore*/
 }
@@ -465,16 +461,14 @@
 }
 .mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after {
   top: 0;
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: 0;
   transform: scale(0);
   transform-origin: center center;
 }
 .mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after {
   top: var(--mdc-ripple-top, 0);
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: var(--mdc-ripple-left, 0);
 }
 .mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after {
@@ -487,8 +481,7 @@
 .mdc-tab .mdc-tab__ripple::before,
 .mdc-tab .mdc-tab__ripple::after {
   top: calc(50% - 100%);
-  /* @noflip */
-  /*rtl:ignore*/
+  /* @noflip */ /*rtl:ignore*/
   left: calc(50% - 100%);
   width: 200%;
   height: 200%;
@@ -569,7 +562,10 @@
 
 .scroll-button {
   --icon-background-color: rgb(var(--contrast-100));
-  top: 0.25rem;
+  display: flex;
+  align-items: center;
+  top: 0;
+  bottom: 0;
 }
 .scroll-button.left {
   transform: translate3d(-4.0625rem, 0, 0);
@@ -601,11 +597,16 @@
 }
 
 .mdc-tab-scroller__scroll-content {
-  padding: 0.5rem 0.75rem 0 0.75rem;
+  padding: 0.25rem 0.75rem 0 0.75rem;
   background-color: rgb(var(--contrast-300));
 }
 
-:host {
+:host(limel-tab-bar) {
+  --limel-active-tab-background-color: var(
+      --tab-panel-background-color,
+      rgb(var(--contrast-100))
+  );
+  isolation: isolate;
   display: block;
   position: relative;
 }
@@ -661,7 +662,7 @@
 
 .mdc-tab--active {
   border-radius: 0.625rem 0.625rem 0 0;
-  background-color: rgb(var(--contrast-100));
+  background-color: var(--limel-active-tab-background-color);
   z-index: 2;
 }
 .mdc-tab--active:before, .mdc-tab--active:after {
@@ -671,7 +672,7 @@
   height: 0.75rem;
   position: absolute;
   bottom: 0;
-  background-color: rgb(var(--contrast-100));
+  background-color: var(--limel-active-tab-background-color);
   -webkit-mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>");
   mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>");
 }

package/dist/collection/components/tab-panel/tab-panel.css

@@ -1,4 +1,8 @@
+/**
+* @prop --tab-panel-background-color: Background color of the contents of the tab and the active tab of the tab bar. Defaults to `--contrast-100`.
+*/
 :host(limel-tab-panel) {
+  --tab-panel-background-color: rgb(var(--contrast-100));
   display: block;
   height: 100%;
 }
@@ -16,4 +20,5 @@
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   box-sizing: border-box;
+  background-color: var(--tab-panel-background-color);
 }

package/dist/collection/components/table/table.css

@@ -1,4 +1,12 @@
 @charset "UTF-8";
+/**
+ * Note! This file is exported to `dist/scss/` in the published
+ * node module, for consumer projects to import.
+ * That means this file cannot import from any file that isn't
+ * also exported, keeping the same relative path.
+ *
+ * Or, just don't import anything, that works too.
+ */
 /*
  * This file is imported into every component!
  *
@@ -1213,6 +1221,14 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
     border-bottom-color: rgb(var(--table-arrow-color));
   }
 }
+/**
+ * Note! This file is exported to `dist/scss/` in the published
+ * node module, for consumer projects to import.
+ * That means this file cannot import from any file that isn't
+ * also exported, keeping the same relative path.
+ *
+ * Or, just don't import anything, that works too.
+ */
 /*
  * This file is imported into every component!
  *
@@ -1245,6 +1261,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not([disabled]) {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: rgb(var(--contrast-1200)) !important;
   background-color: transparent;
 }
@@ -1348,6 +1365,14 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
   padding: 0;
 }
 
+/**
+ * Note! This file is exported to `dist/scss/` in the published
+ * node module, for consumer projects to import.
+ * That means this file cannot import from any file that isn't
+ * also exported, keeping the same relative path.
+ *
+ * Or, just don't import anything, that works too.
+ */
 /*
  * This file is imported into every component!
  *
@@ -1430,6 +1455,14 @@ button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabul
   opacity: 0;
 }
 
+/**
+ * Note! This file is exported to `dist/scss/` in the published
+ * node module, for consumer projects to import.
+ * That means this file cannot import from any file that isn't
+ * also exported, keeping the same relative path.
+ *
+ * Or, just don't import anything, that works too.
+ */
 /*
  * This file is imported into every component!
  *