@limetech/lime-elements 36.3.0-next.1 → 36.3.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +11 -1
- package/dist/cjs/limel-list_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu-list.cjs.entry.js +1 -1
- package/dist/collection/components/list/list.css +9 -4
- package/dist/collection/components/menu-list/menu-list.css +9 -4
- package/dist/esm/limel-flatpickr-adapter.entry.js +11 -1
- package/dist/esm/limel-list_2.entry.js +1 -1
- package/dist/esm/limel-menu-list.entry.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-d2d6123c.entry.js → p-93ad8b90.entry.js} +1 -1
- package/dist/lime-elements/{p-31c9c5b9.entry.js → p-95fd48d0.entry.js} +1 -1
- package/dist/lime-elements/{p-be2b7486.entry.js → p-c4a89055.entry.js} +1 -1
- package/package.json +4 -4
|
@@ -962,6 +962,8 @@
|
|
|
962
962
|
* @prop --list-grid-item-max-width: Maximum width of items in a list that has `has-grid-layout` class. Defaults to `10rem`.
|
|
963
963
|
* @prop --list-grid-item-min-width: Minimum width of items in a list that has `has-grid-layout` class. Defaults to `7.5rem`.
|
|
964
964
|
* @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.
|
|
965
|
+
* @prop --list-background-color-of-odd-interactive-items: Background color of odd list items, when `has-striped-rows` class is applied to the component. Defaults to `--contrast-200`.
|
|
966
|
+
* @prop --list-background-color-of-even-interactive-items: Background color of even list items, when `has-striped-rows` class is applied to the component. Defaults to `transparent`.
|
|
965
967
|
*/
|
|
966
968
|
:host(limel-list) {
|
|
967
969
|
display: block;
|
|
@@ -6216,11 +6218,14 @@ a.mdc-list-item {
|
|
|
6216
6218
|
:host(.has-striped-rows) .mdc-deprecated-list {
|
|
6217
6219
|
border: 1px solid rgb(var(--contrast-400));
|
|
6218
6220
|
}
|
|
6219
|
-
|
|
6220
|
-
|
|
6221
|
+
|
|
6222
|
+
:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(even),
|
|
6223
|
+
:host(.has-striped-rows.has-interactive-items) .mdc-deprecated-list-item:nth-child(even) {
|
|
6224
|
+
background-color: var(--list-background-color-of-odd-interactive-items, rgb(var(--contrast-200)));
|
|
6221
6225
|
}
|
|
6222
|
-
:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(odd)
|
|
6223
|
-
|
|
6226
|
+
:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(odd),
|
|
6227
|
+
:host(.has-striped-rows.has-interactive-items) .mdc-deprecated-list-item:nth-child(odd) {
|
|
6228
|
+
background-color: var(--list-background-color-of-even-interactive-items, rgb(var(--contrast-100)));
|
|
6224
6229
|
}
|
|
6225
6230
|
|
|
6226
6231
|
:host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled) {
|
|
@@ -1036,6 +1036,8 @@
|
|
|
1036
1036
|
* @prop --list-grid-item-max-width: Maximum width of items in a list that has `has-grid-layout` class. Defaults to `10rem`.
|
|
1037
1037
|
* @prop --list-grid-item-min-width: Minimum width of items in a list that has `has-grid-layout` class. Defaults to `7.5rem`.
|
|
1038
1038
|
* @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.
|
|
1039
|
+
* @prop --list-background-color-of-odd-interactive-items: Background color of odd list items, when `has-striped-rows` class is applied to the component. Defaults to `--contrast-200`.
|
|
1040
|
+
* @prop --list-background-color-of-even-interactive-items: Background color of even list items, when `has-striped-rows` class is applied to the component. Defaults to `transparent`.
|
|
1039
1041
|
*/
|
|
1040
1042
|
:host(limel-list) {
|
|
1041
1043
|
display: block;
|
|
@@ -6290,11 +6292,14 @@ a.mdc-list-item {
|
|
|
6290
6292
|
:host(.has-striped-rows) .mdc-deprecated-list {
|
|
6291
6293
|
border: 1px solid rgb(var(--contrast-400));
|
|
6292
6294
|
}
|
|
6293
|
-
|
|
6294
|
-
|
|
6295
|
+
|
|
6296
|
+
:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(even),
|
|
6297
|
+
:host(.has-striped-rows.has-interactive-items) .mdc-deprecated-list-item:nth-child(even) {
|
|
6298
|
+
background-color: var(--list-background-color-of-odd-interactive-items, rgb(var(--contrast-200)));
|
|
6295
6299
|
}
|
|
6296
|
-
:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(odd)
|
|
6297
|
-
|
|
6300
|
+
:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(odd),
|
|
6301
|
+
:host(.has-striped-rows.has-interactive-items) .mdc-deprecated-list-item:nth-child(odd) {
|
|
6302
|
+
background-color: var(--list-background-color-of-even-interactive-items, rgb(var(--contrast-100)));
|
|
6298
6303
|
}
|
|
6299
6304
|
|
|
6300
6305
|
:host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled) {
|
|
@@ -6990,7 +6990,17 @@ function attribute(key, value, node) {
|
|
|
6990
6990
|
} else if (useCapture) {
|
|
6991
6991
|
node.addEventListener(attribute.substring(2, attribute.length - 7), value, true);
|
|
6992
6992
|
} else {
|
|
6993
|
-
|
|
6993
|
+
let eventName;
|
|
6994
|
+
|
|
6995
|
+
if (attribute in window) {
|
|
6996
|
+
let standardEventName = attribute.substring(2);
|
|
6997
|
+
eventName = standardEventName;
|
|
6998
|
+
} else {
|
|
6999
|
+
let cutomEventName = attribute[2] + key.slice(3);
|
|
7000
|
+
eventName = cutomEventName;
|
|
7001
|
+
}
|
|
7002
|
+
|
|
7003
|
+
node.addEventListener(eventName, value);
|
|
6994
7004
|
}
|
|
6995
7005
|
}
|
|
6996
7006
|
} else if (isObject(value)) {
|