@limetech/lime-elements 34.2.0-next.3 → 34.2.0-next.4
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-list_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu-list.cjs.entry.js +2 -2
- package/dist/collection/components/list/list.css +7 -7
- package/dist/collection/components/menu/menu.js +2 -1
- package/dist/collection/components/menu-list/menu-list-renderer.js +1 -1
- package/dist/collection/components/menu-list/menu-list.css +10 -7
- package/dist/esm/limel-list_3.entry.js +1 -1
- package/dist/esm/limel-menu-list.entry.js +2 -2
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-050e8972.entry.js +82 -0
- package/dist/lime-elements/{p-208f76f3.entry.js → p-1652d3ca.entry.js} +1 -1
- package/dist/types/components/menu/menu.d.ts +2 -1
- package/package.json +1 -1
- package/dist/lime-elements/p-dc0542ca.entry.js +0 -82
|
@@ -3102,23 +3102,23 @@ a.mdc-list-item {
|
|
|
3102
3102
|
bottom: 0;
|
|
3103
3103
|
}
|
|
3104
3104
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset {
|
|
3105
|
-
--icon-width: 2.
|
|
3106
|
-
--icon-right-padding:
|
|
3107
|
-
--list-right-padding:
|
|
3108
|
-
|
|
3105
|
+
--icon-width: 2.5rem;
|
|
3106
|
+
--icon-right-padding: 0.75rem;
|
|
3107
|
+
--list-right-padding: 0.75rem;
|
|
3108
|
+
right: 0;
|
|
3109
3109
|
width: calc( 100% - var(--icon-width) - var(--icon-right-padding) - var(--list-right-padding) );
|
|
3110
3110
|
}
|
|
3111
3111
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.x-small {
|
|
3112
|
-
--icon-width: 1.
|
|
3112
|
+
--icon-width: 1.5rem;
|
|
3113
3113
|
}
|
|
3114
3114
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.small {
|
|
3115
|
-
--icon-width:
|
|
3115
|
+
--icon-width: 2rem;
|
|
3116
3116
|
}
|
|
3117
3117
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.medium {
|
|
3118
3118
|
--icon-width: 2.5rem;
|
|
3119
3119
|
}
|
|
3120
3120
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.large {
|
|
3121
|
-
--icon-width:
|
|
3121
|
+
--icon-width: 3rem;
|
|
3122
3122
|
}
|
|
3123
3123
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item:last-child hr.mdc-deprecated-list-divider {
|
|
3124
3124
|
display: none;
|
|
@@ -9,8 +9,9 @@ import { zipObject } from 'lodash-es';
|
|
|
9
9
|
* @exampleComponent limel-example-menu-icons
|
|
10
10
|
* @exampleComponent limel-example-menu-badge-icons
|
|
11
11
|
* @exampleComponent limel-example-menu-grid
|
|
12
|
-
* @exampleComponent limel-example-menu-composite
|
|
13
12
|
* @exampleComponent limel-example-menu-hotkeys
|
|
13
|
+
* @exampleComponent limel-example-menu-secondary-text
|
|
14
|
+
* @exampleComponent limel-example-menu-composite
|
|
14
15
|
*/
|
|
15
16
|
export class Menu {
|
|
16
17
|
constructor() {
|
|
@@ -145,6 +145,6 @@ export class MenuListRenderer {
|
|
|
145
145
|
this.commandKey &&
|
|
146
146
|
['small', 'x-small'].includes(this.config.iconSize),
|
|
147
147
|
};
|
|
148
|
-
return (h("ul", { class: classNames, "aria-hidden": true, role: "menu", "aria-orientation": "vertical" }, items.map(this.renderMenuItem)));
|
|
148
|
+
return (h("ul", { class: classNames, "aria-hidden": true, role: "menu", "aria-orientation": "vertical", style: { '--maxLinesSecondaryText': '2' } }, items.map(this.renderMenuItem)));
|
|
149
149
|
}
|
|
150
150
|
}
|
|
@@ -3108,23 +3108,23 @@ a.mdc-list-item {
|
|
|
3108
3108
|
bottom: 0;
|
|
3109
3109
|
}
|
|
3110
3110
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset {
|
|
3111
|
-
--icon-width: 2.
|
|
3112
|
-
--icon-right-padding:
|
|
3113
|
-
--list-right-padding:
|
|
3114
|
-
|
|
3111
|
+
--icon-width: 2.5rem;
|
|
3112
|
+
--icon-right-padding: 0.75rem;
|
|
3113
|
+
--list-right-padding: 0.75rem;
|
|
3114
|
+
right: 0;
|
|
3115
3115
|
width: calc( 100% - var(--icon-width) - var(--icon-right-padding) - var(--list-right-padding) );
|
|
3116
3116
|
}
|
|
3117
3117
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.x-small {
|
|
3118
|
-
--icon-width: 1.
|
|
3118
|
+
--icon-width: 1.5rem;
|
|
3119
3119
|
}
|
|
3120
3120
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.small {
|
|
3121
|
-
--icon-width:
|
|
3121
|
+
--icon-width: 2rem;
|
|
3122
3122
|
}
|
|
3123
3123
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.medium {
|
|
3124
3124
|
--icon-width: 2.5rem;
|
|
3125
3125
|
}
|
|
3126
3126
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.large {
|
|
3127
|
-
--icon-width:
|
|
3127
|
+
--icon-width: 3rem;
|
|
3128
3128
|
}
|
|
3129
3129
|
.mdc-deprecated-list.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item:last-child hr.mdc-deprecated-list-divider {
|
|
3130
3130
|
display: none;
|
|
@@ -4701,4 +4701,7 @@ a.mdc-list-item {
|
|
|
4701
4701
|
}
|
|
4702
4702
|
.mdc-deprecated-list .mdc-deprecated-list-item[role=menuitem] .mdc-deprecated-list-item__graphic {
|
|
4703
4703
|
margin-right: 0.875rem;
|
|
4704
|
+
}
|
|
4705
|
+
.mdc-deprecated-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset {
|
|
4706
|
+
display: none;
|
|
4704
4707
|
}
|