@melodicdev/components 1.5.1 → 1.5.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/assets/melodic-components.js +18 -8
- package/assets/melodic-components.js.map +1 -1
- package/assets/melodic-components.min.js +18 -8
- package/lib/components/navigation/sidebar/sidebar-group.styles.d.ts.map +1 -1
- package/lib/components/navigation/sidebar/sidebar-group.styles.js +18 -8
- package/package.json +1 -1
|
@@ -17956,30 +17956,40 @@ function sidebarGroupTemplate(c) {
|
|
|
17956
17956
|
}
|
|
17957
17957
|
const sidebarGroupStyles = () => css`
|
|
17958
17958
|
:host {
|
|
17959
|
+
--ml-sidebar-group-padding-y: var(--ml-space-1);
|
|
17960
|
+
--ml-sidebar-group-label-padding-y: var(--ml-space-2);
|
|
17961
|
+
--ml-sidebar-group-label-padding-x: var(--ml-space-4);
|
|
17962
|
+
--ml-sidebar-group-label-font-size: var(--ml-text-xs);
|
|
17963
|
+
--ml-sidebar-group-label-font-weight: var(--ml-font-semibold);
|
|
17964
|
+
--ml-sidebar-group-label-color: var(--ml-color-text-muted);
|
|
17965
|
+
--ml-sidebar-group-label-letter-spacing: 0.05em;
|
|
17966
|
+
--ml-sidebar-group-items-gap: var(--ml-space-0-5);
|
|
17967
|
+
--ml-sidebar-group-items-padding-x: var(--ml-space-2);
|
|
17968
|
+
|
|
17959
17969
|
display: block;
|
|
17960
17970
|
}
|
|
17961
17971
|
|
|
17962
17972
|
.ml-sidebar-group {
|
|
17963
|
-
padding: var(--ml-
|
|
17973
|
+
padding: var(--ml-sidebar-group-padding-y) 0;
|
|
17964
17974
|
}
|
|
17965
17975
|
|
|
17966
17976
|
.ml-sidebar-group__label {
|
|
17967
17977
|
display: block;
|
|
17968
|
-
padding: var(--ml-
|
|
17978
|
+
padding: var(--ml-sidebar-group-label-padding-y) var(--ml-sidebar-group-label-padding-x);
|
|
17969
17979
|
font-family: var(--ml-font-sans);
|
|
17970
|
-
font-size: var(--ml-
|
|
17971
|
-
font-weight: var(--ml-font-
|
|
17972
|
-
color: var(--ml-
|
|
17980
|
+
font-size: var(--ml-sidebar-group-label-font-size);
|
|
17981
|
+
font-weight: var(--ml-sidebar-group-label-font-weight);
|
|
17982
|
+
color: var(--ml-sidebar-group-label-color);
|
|
17973
17983
|
text-transform: uppercase;
|
|
17974
|
-
letter-spacing:
|
|
17984
|
+
letter-spacing: var(--ml-sidebar-group-label-letter-spacing);
|
|
17975
17985
|
line-height: var(--ml-leading-tight);
|
|
17976
17986
|
}
|
|
17977
17987
|
|
|
17978
17988
|
.ml-sidebar-group__items {
|
|
17979
17989
|
display: flex;
|
|
17980
17990
|
flex-direction: column;
|
|
17981
|
-
gap: var(--ml-
|
|
17982
|
-
padding: 0 var(--ml-
|
|
17991
|
+
gap: var(--ml-sidebar-group-items-gap);
|
|
17992
|
+
padding: 0 var(--ml-sidebar-group-items-padding-x);
|
|
17983
17993
|
}
|
|
17984
17994
|
`;
|
|
17985
17995
|
var SidebarGroupComponent = class SidebarGroupComponent$1 {
|