@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.
Files changed (6) hide show
  1. package/assets/melodic-components.js +18 -8
  2. package/assets/melodic-components.js.map +1 -1
  3. package/assets/melodic-components.min.js +18 -8
  4. package/lib/components/navigation/sidebar/sidebar-group.styles.d.ts.map +1 -1
  5. package/lib/components/navigation/sidebar/sidebar-group.styles.js +18 -8
  6. package/package.json +1 -1
package/assets/melodic-components.min.js CHANGED
@@ -16210,30 +16210,40 @@ function ki(e) {
16210
16210
  }
16211
16211
  const $i = () => w`
16212
16212
  :host {
16213
+ --ml-sidebar-group-padding-y: var(--ml-space-1);
16214
+ --ml-sidebar-group-label-padding-y: var(--ml-space-2);
16215
+ --ml-sidebar-group-label-padding-x: var(--ml-space-4);
16216
+ --ml-sidebar-group-label-font-size: var(--ml-text-xs);
16217
+ --ml-sidebar-group-label-font-weight: var(--ml-font-semibold);
16218
+ --ml-sidebar-group-label-color: var(--ml-color-text-muted);
16219
+ --ml-sidebar-group-label-letter-spacing: 0.05em;
16220
+ --ml-sidebar-group-items-gap: var(--ml-space-0-5);
16221
+ --ml-sidebar-group-items-padding-x: var(--ml-space-2);
16222
+
16213
16223
  display: block;
16214
16224
  }
16215
16225
 
16216
16226
  .ml-sidebar-group {
16217
- padding: var(--ml-space-1) 0;
16227
+ padding: var(--ml-sidebar-group-padding-y) 0;
16218
16228
  }
16219
16229
 
16220
16230
  .ml-sidebar-group__label {
16221
16231
  display: block;
16222
- padding: var(--ml-space-2) var(--ml-space-4);
16232
+ padding: var(--ml-sidebar-group-label-padding-y) var(--ml-sidebar-group-label-padding-x);
16223
16233
  font-family: var(--ml-font-sans);
16224
- font-size: var(--ml-text-xs);
16225
- font-weight: var(--ml-font-semibold);
16226
- color: var(--ml-color-text-muted);
16234
+ font-size: var(--ml-sidebar-group-label-font-size);
16235
+ font-weight: var(--ml-sidebar-group-label-font-weight);
16236
+ color: var(--ml-sidebar-group-label-color);
16227
16237
  text-transform: uppercase;
16228
- letter-spacing: 0.05em;
16238
+ letter-spacing: var(--ml-sidebar-group-label-letter-spacing);
16229
16239
  line-height: var(--ml-leading-tight);
16230
16240
  }
16231
16241
 
16232
16242
  .ml-sidebar-group__items {
16233
16243
  display: flex;
16234
16244
  flex-direction: column;
16235
- gap: var(--ml-space-0-5);
16236
- padding: 0 var(--ml-space-2);
16245
+ gap: var(--ml-sidebar-group-items-gap);
16246
+ padding: 0 var(--ml-sidebar-group-items-padding-x);
16237
16247
  }
16238
16248
  `;
16239
16249
  var rr = class {
package/lib/components/navigation/sidebar/sidebar-group.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,iDA2B9B,CAAC"}
1
+ {"version":3,"file":"sidebar-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/sidebar/sidebar-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,iDAqC9B,CAAC"}
package/lib/components/navigation/sidebar/sidebar-group.styles.js CHANGED
@@ -1,29 +1,39 @@
1
1
  import { css } from '@melodicdev/core';
2
2
  export const sidebarGroupStyles = () => css `
3
3
  :host {
4
+ --ml-sidebar-group-padding-y: var(--ml-space-1);
5
+ --ml-sidebar-group-label-padding-y: var(--ml-space-2);
6
+ --ml-sidebar-group-label-padding-x: var(--ml-space-4);
7
+ --ml-sidebar-group-label-font-size: var(--ml-text-xs);
8
+ --ml-sidebar-group-label-font-weight: var(--ml-font-semibold);
9
+ --ml-sidebar-group-label-color: var(--ml-color-text-muted);
10
+ --ml-sidebar-group-label-letter-spacing: 0.05em;
11
+ --ml-sidebar-group-items-gap: var(--ml-space-0-5);
12
+ --ml-sidebar-group-items-padding-x: var(--ml-space-2);
13
+
4
14
  display: block;
5
15
  }
6
16
 
7
17
  .ml-sidebar-group {
8
- padding: var(--ml-space-1) 0;
18
+ padding: var(--ml-sidebar-group-padding-y) 0;
9
19
  }
10
20
 
11
21
  .ml-sidebar-group__label {
12
22
  display: block;
13
- padding: var(--ml-space-2) var(--ml-space-4);
23
+ padding: var(--ml-sidebar-group-label-padding-y) var(--ml-sidebar-group-label-padding-x);
14
24
  font-family: var(--ml-font-sans);
15
- font-size: var(--ml-text-xs);
16
- font-weight: var(--ml-font-semibold);
17
- color: var(--ml-color-text-muted);
25
+ font-size: var(--ml-sidebar-group-label-font-size);
26
+ font-weight: var(--ml-sidebar-group-label-font-weight);
27
+ color: var(--ml-sidebar-group-label-color);
18
28
  text-transform: uppercase;
19
- letter-spacing: 0.05em;
29
+ letter-spacing: var(--ml-sidebar-group-label-letter-spacing);
20
30
  line-height: var(--ml-leading-tight);
21
31
  }
22
32
 
23
33
  .ml-sidebar-group__items {
24
34
  display: flex;
25
35
  flex-direction: column;
26
- gap: var(--ml-space-0-5);
27
- padding: 0 var(--ml-space-2);
36
+ gap: var(--ml-sidebar-group-items-gap);
37
+ padding: 0 var(--ml-sidebar-group-items-padding-x);
28
38
  }
29
39
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@melodicdev/components",
3
- "version": "1.5.1",
3
+ "version": "1.5.2",
4
4
  "description": "Themeable UI component library built on the Melodic Framework",
5
5
  "license": "MIT",
6
6
  "author": "Melodic Development",