@limetech/lime-elements 36.3.0-next.32 → 36.3.0-next.34

package/dist/collection/components/collapsible-section/collapsible-section.css

@@ -64,6 +64,14 @@
   );
 }
 
+/**
+ * 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.
+ */
 /**
  * @prop --closed-header-background-color: background color for header when closed
  * @prop --open-header-background-color: background color for header when open

package/dist/collection/components/color-picker/color-picker-palette.css

@@ -582,11 +582,13 @@
   grid-template-columns: repeat(20, 1fr) auto;
 }
 
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 .picker-trigger[style="--background:lime-magenta;"]:after,
 .chosen-color-preview[style="--background:lime-magenta;"]:after {
@@ -666,8 +668,8 @@
 
 .picker-trigger {
   border-radius: 0.5rem;
-  cursor: pointer;
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);

package/dist/collection/components/color-picker/color-picker.css

@@ -1,8 +1,10 @@
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 .picker-trigger[style="--background:lime-magenta;"]:after,
 .chosen-color-preview[style="--background:lime-magenta;"]:after {
@@ -82,8 +84,8 @@
 
 .picker-trigger {
   border-radius: 0.5rem;
-  cursor: pointer;
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);

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

@@ -64,6 +64,14 @@
   );
 }
 
+/**
+ * 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.
+ */
 :root {
   --mdc-theme-primary: #26a69a;
   --mdc-theme-secondary: #575756;
@@ -634,6 +642,7 @@ svg {
 }
 .dayContainer .flatpickr-day {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: transparent;
 }
@@ -759,6 +768,7 @@ svg {
 .arrowUp,
 .arrowDown {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: transparent;
   border-radius: 0.25rem;
@@ -829,9 +839,9 @@ svg {
 .datepicker-quarter,
 .datepicker-year {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: transparent;
-  cursor: pointer;
   min-width: 0;
   text-align: center;
 }

package/dist/collection/components/dock/dock-button/dock-button.css

@@ -1,3 +1,11 @@
+/**
+ * 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!
  *
@@ -14,8 +22,8 @@
   all: unset;
   isolation: isolate;
   position: relative;
-  cursor: pointer;
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--limel-dock-item-text-color);
   background-color: var(--dock-background-color);
   box-sizing: border-box;

package/dist/collection/components/dock/dock.css

@@ -1,3 +1,11 @@
+/**
+ * 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!
  *
@@ -86,9 +94,9 @@ nav::-webkit-scrollbar {
   all: unset;
   box-sizing: border-box;
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: transparent;
-  cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;

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

@@ -604,11 +604,13 @@
   display: none;
 }
 
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 .limel-form-row--layout {
   --limel-form-row-border-radius: 0.375rem;

package/dist/collection/components/header/header.css

@@ -1,3 +1,11 @@
+/**
+ * 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!
  *

package/dist/collection/components/icon-button/icon-button.css

@@ -1,3 +1,11 @@
+/**
+ * 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!
  *
@@ -238,6 +246,7 @@
 
 .mdc-icon-button {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: var(--icon-background-color, transparent);
   display: inline-flex;

package/dist/collection/components/info-tile/info-tile.css

@@ -1,8 +1,10 @@
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 /**
 * @prop --info-tile-border-radius: defines the radius of corners of the info-tile. Defaults to `1rem`
@@ -82,10 +84,10 @@ a {
 }
 a.is-clickable {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: var(--info-tile-background-color, var(--lime-elevated-surface-background-color));
   box-shadow: var(--button-shadow-normal);
-  cursor: pointer;
 }
 a.is-clickable:hover {
   color: var(--mdc-theme-on-surface);

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

@@ -64,6 +64,14 @@
   );
 }
 
+/**
+ * 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.
+ */
 .mdc-notched-outline {
   display: flex;
   position: absolute;
@@ -2039,6 +2047,7 @@ input.mdc-text-field__input::placeholder {
 }
 input.mdc-text-field__input::-webkit-search-cancel-button {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: rgb(var(--contrast-900));
   cursor: pointer;

package/dist/collection/components/list/list.css

@@ -5,6 +5,14 @@
  * Nothing in this file may output any CSS
  * without being explicitly called by outside code.
  */
+/**
+ * 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 that uses MDC!
  *
@@ -5835,11 +5843,13 @@ a.mdc-list-item {
   border-color: var(--mdc-checkbox-unchecked-color);
 }
 
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 :host(.has-striped-rows) .mdc-deprecated-list {
   border: 1px solid rgb(var(--contrast-400));
@@ -5856,6 +5866,7 @@ a.mdc-list-item {
 
 :host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled) {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: transparent;
 }

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

@@ -11,6 +11,14 @@
  * Nothing in this file may output any CSS
  * without being explicitly called by outside code.
  */
+/**
+ * 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 that uses MDC!
  *
@@ -5908,11 +5916,13 @@ a.mdc-list-item {
   border-color: var(--mdc-checkbox-unchecked-color);
 }
 
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 :host(.has-striped-rows) .mdc-deprecated-list {
   border: 1px solid rgb(var(--contrast-400));
@@ -5929,6 +5939,7 @@ a.mdc-list-item {
 
 :host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled) {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: transparent;
 }

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

@@ -4,6 +4,14 @@
  * Nothing in this file may output any CSS
  * without being explicitly called by outside code.
  */
+/**
+ * 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.
+ */
 :host(limel-popover-surface) {
   isolation: isolate;
 }

package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css

@@ -1,3 +1,11 @@
+/**
+ * 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!
  *

package/dist/collection/components/select/select.css

@@ -65,6 +65,14 @@
   );
 }
 
+/**
+ * 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.
+ */
 .mdc-floating-label {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -1619,7 +1627,6 @@
   height: 3.5rem;
   display: inline-flex;
   align-items: center;
-  cursor: pointer;
   border-radius: 0.3125rem;
 }
 .limel-select .limel-select-trigger .mdc-floating-label {
@@ -1652,6 +1659,7 @@
 }
 .limel-select:not(.mdc-select--disabled) .limel-select-trigger {
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);

package/dist/collection/components/shortcut/shortcut.css

@@ -1,8 +1,10 @@
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 /**
 * @prop --shortcut-border-radius: defines the radius of corners of the shortcut. Defaults to `1rem`
@@ -41,10 +43,10 @@
 a {
   all: unset;
   transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  cursor: pointer;
   color: var(--mdc-theme-on-surface);
   background-color: var(--shortcut-background-color, var(--lime-elevated-surface-background-color));
   box-shadow: var(--button-shadow-normal);
-  cursor: pointer;
   text-align: center;
   height: calc(100% - 1rem);
   width: calc(100% - 1rem);

package/dist/collection/components/split-button/split-button.css

@@ -1,8 +1,10 @@
-/*
- * This file is imported into every component!
+/**
+ * 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.
  *
- * Nothing in this file may output any CSS
- * without being explicitly called by outside code.
+ * Or, just don't import anything, that works too.
  */
 :host(limel-split-button.has-menu) {
   --button-padding-right: 2rem;
@@ -65,6 +67,7 @@ limel-menu:hover:before, limel-menu:focus-within:before {
 }
 .menu-trigger: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: var(--mdc-theme-on-surface);
   background-color: transparent;
   cursor: pointer;

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!
  *

package/dist/collection/style/mixins.scss

@@ -1,4 +1,11 @@
-@use './functions';
+/**
+ * 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.
+ */
 
 @mixin visualize-keyboard-focus {
     &:focus {
@@ -52,6 +59,7 @@
     transition: color 0.2s ease, background-color 0.2s ease,
         box-shadow 0.2s ease, transform 0.1s ease-out;
 
+    cursor: pointer;
     color: $color;
     background-color: $background-color;
     box-shadow: var(--button-shadow-normal);
@@ -79,6 +87,7 @@
     transition: color 0.2s ease, background-color 0.2s ease,
         box-shadow 0.2s ease, transform 0.1s ease-out;
 
+    cursor: pointer;
     color: $color;
     background-color: $background-color;
     box-shadow: var(--button-shadow-normal);
@@ -105,6 +114,7 @@
     transition: color 0.2s ease, background-color 0.2s ease,
         box-shadow 0.2s ease, transform 0.1s ease-out;
 
+    cursor: pointer;
     color: $color;
     background-color: $background-color;
 
@@ -131,6 +141,7 @@
     transition: color 0.2s ease, background-color 0.2s ease,
         box-shadow 0.2s ease, transform 0.1s ease-out;
 
+    cursor: pointer;
     color: $color;
     background-color: $background-color;
 
@@ -156,14 +167,14 @@
 
     cursor: pointer;
 
-    height: functions.pxToRem(20);
-    width: functions.pxToRem(20);
+    height: 1.25rem;
+    width: 1.25rem;
     border-radius: 50%;
 
     background: {
         repeat: no-repeat;
         position: center;
-        size: functions.pxToRem(12);
+        size: 0.75rem;
         image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs/><path fill='rgb(255,255,255)' d='M7.219 5.781L5.78 7.22 14.563 16 5.78 24.781 7.22 26.22 16 17.437l8.781 8.782 1.438-1.438L17.437 16l8.782-8.781L24.78 5.78 16 14.563z'/></svg>");
     }
 }

package/dist/collection/translations/nl.js

@@ -2,7 +2,7 @@ export default {
   'callout.note': 'Opmerking',
   'callout.important': 'Belangrijk',
   'callout.tip': 'Tip',
-  'callout.example': 'Waarschuwing',
+  'callout.caution': 'Waarschuwing',
   'callout.warning': 'Waarschuwing',
   'date-picker.today': 'Vandaag',
   'date-picker.month.heading': 'Maand',