@limetech/lime-elements 36.4.0-next.6 → 36.4.0-next.7
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-icon.cjs.entry.js +1 -1
- package/dist/cjs/limel-list_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu_2.cjs.entry.js +1 -1
- package/dist/collection/components/list/list.css +2 -2
- package/dist/collection/components/menu-list/menu-list.css +2 -2
- package/dist/collection/global/icon-cache.js +1 -1
- package/dist/esm/limel-icon.entry.js +1 -1
- package/dist/esm/limel-list_2.entry.js +1 -1
- package/dist/esm/limel-menu_2.entry.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-a030e9ab.entry.js → p-a3acc38f.entry.js} +1 -1
- package/dist/lime-elements/{p-f1d963ec.entry.js → p-b0bfec52.entry.js} +1 -1
- package/dist/types/global/icon-cache.d.ts +1 -1
- package/package.json +5 -5
|
@@ -865,7 +865,7 @@ limel-helper-line {
|
|
|
865
865
|
* @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.
|
|
866
866
|
* @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`.
|
|
867
867
|
* @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`.
|
|
868
|
-
* @prop --list-margin: Space around the list.
|
|
868
|
+
* @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect;
|
|
869
869
|
*/
|
|
870
870
|
:host(limel-list) {
|
|
871
871
|
display: block;
|
|
@@ -4276,7 +4276,7 @@ a.mdc-list-item {
|
|
|
4276
4276
|
--icon-color,
|
|
4277
4277
|
rgb(var(--contrast-900))
|
|
4278
4278
|
);
|
|
4279
|
-
margin: --list-margin, 0.25rem;
|
|
4279
|
+
margin: var(--list-margin, 0.25rem);
|
|
4280
4280
|
padding: 0;
|
|
4281
4281
|
border-radius: 0.375rem;
|
|
4282
4282
|
}
|
|
@@ -937,7 +937,7 @@ limel-helper-line {
|
|
|
937
937
|
* @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.
|
|
938
938
|
* @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`.
|
|
939
939
|
* @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`.
|
|
940
|
-
* @prop --list-margin: Space around the list.
|
|
940
|
+
* @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect;
|
|
941
941
|
*/
|
|
942
942
|
:host(limel-list) {
|
|
943
943
|
display: block;
|
|
@@ -4348,7 +4348,7 @@ a.mdc-list-item {
|
|
|
4348
4348
|
--icon-color,
|
|
4349
4349
|
rgb(var(--contrast-900))
|
|
4350
4350
|
);
|
|
4351
|
-
margin: --list-margin, 0.25rem;
|
|
4351
|
+
margin: var(--list-margin, 0.25rem);
|
|
4352
4352
|
padding: 0;
|
|
4353
4353
|
border-radius: 0.375rem;
|
|
4354
4354
|
}
|
|
@@ -8,7 +8,7 @@ export class IconCache {
|
|
|
8
8
|
* Get icon data from the cache
|
|
9
9
|
* @param {string} name name of the icon
|
|
10
10
|
* @param {string} path path on the server where the assets are located
|
|
11
|
-
* @returns {string} svg markup
|
|
11
|
+
* @returns {Promise<string>} svg markup
|
|
12
12
|
*/
|
|
13
13
|
async get(name, path = '') {
|
|
14
14
|
const cache = await this.cache;
|
|
@@ -11,7 +11,7 @@ class IconCache {
|
|
|
11
11
|
* Get icon data from the cache
|
|
12
12
|
* @param {string} name name of the icon
|
|
13
13
|
* @param {string} path path on the server where the assets are located
|
|
14
|
-
* @returns {string} svg markup
|
|
14
|
+
* @returns {Promise<string>} svg markup
|
|
15
15
|
*/
|
|
16
16
|
async get(name, path = '') {
|
|
17
17
|
const cache = await this.cache;
|