@morscherlab/mld-sdk 0.6.3 → 0.6.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.
Files changed (3) hide show
  1. package/dist/styles.css +12 -16
  2. package/package.json +1 -1
  3. package/src/styles/components/app-sidebar.css +6 -9
package/dist/styles.css CHANGED
@@ -1138,16 +1138,17 @@ html.dark .focus\:ring-offset-2:focus {
1138
1138
  .mld-sidebar__footer {
1139
1139
  padding: 0.75rem;
1140
1140
  flex-shrink: 0;
1141
+ border-top: 1px solid var(--border-color, #e5e7eb);
1141
1142
  }
1142
1143
  /* Scrollable sections area */
1143
1144
  .mld-sidebar__sections {
1144
1145
  flex: 1 1 0;
1145
1146
  min-height: 0;
1146
1147
  overflow-y: auto;
1147
- padding: 0.5rem;
1148
+ padding: 0.75rem;
1148
1149
  display: flex;
1149
1150
  flex-direction: column;
1150
- gap: 0.375rem;
1151
+ gap: 0.5rem;
1151
1152
  }
1152
1153
  /* CollapsibleCard appearance inside sidebar */
1153
1154
  .mld-sidebar__sections > .mld-collapsible-card {
@@ -1174,12 +1175,12 @@ html.dark .focus\:ring-offset-2:focus {
1174
1175
  font-size: 1.125rem;
1175
1176
  }
1176
1177
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__title {
1177
- font-size: 0.8125rem;
1178
+ font-size: 0.875rem;
1178
1179
  font-weight: 600;
1179
1180
  color: var(--text-primary);
1180
1181
  }
1181
1182
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__subtitle {
1182
- font-size: 0.6875rem;
1183
+ font-size: 0.75rem;
1183
1184
  color: var(--text-muted);
1184
1185
  }
1185
1186
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__chevron {
@@ -1197,14 +1198,11 @@ html.dark .focus\:ring-offset-2:focus {
1197
1198
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__toggle-knob--on {
1198
1199
  transform: translateX(0.75rem);
1199
1200
  }
1200
- .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__body {
1201
- border-top: none;
1202
- }
1203
1201
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__content {
1204
1202
  padding: 0 0.75rem 0.75rem;
1205
1203
  display: flex;
1206
1204
  flex-direction: column;
1207
- gap: 0.5rem;
1205
+ gap: 0.75rem;
1208
1206
  }
1209
1207
  /* AppTopBar - BEM-style naming for external package compatibility */
1210
1208
  /* Base topbar styles */
@@ -16138,6 +16136,7 @@ html.dark .mld-settings-modal__option-btn--active {
16138
16136
  .mld-sidebar__footer {
16139
16137
  padding: 0.75rem;
16140
16138
  flex-shrink: 0;
16139
+ border-top: 1px solid var(--border-color, #e5e7eb);
16141
16140
  }
16142
16141
 
16143
16142
  /* Scrollable sections area */
@@ -16145,10 +16144,10 @@ html.dark .mld-settings-modal__option-btn--active {
16145
16144
  flex: 1 1 0;
16146
16145
  min-height: 0;
16147
16146
  overflow-y: auto;
16148
- padding: 0.5rem;
16147
+ padding: 0.75rem;
16149
16148
  display: flex;
16150
16149
  flex-direction: column;
16151
- gap: 0.375rem;
16150
+ gap: 0.5rem;
16152
16151
  }
16153
16152
 
16154
16153
  /* CollapsibleCard appearance inside sidebar */
@@ -16176,12 +16175,12 @@ html.dark .mld-settings-modal__option-btn--active {
16176
16175
  font-size: 1.125rem;
16177
16176
  }
16178
16177
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__title {
16179
- font-size: 0.8125rem;
16178
+ font-size: 0.875rem;
16180
16179
  font-weight: 600;
16181
16180
  color: var(--text-primary);
16182
16181
  }
16183
16182
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__subtitle {
16184
- font-size: 0.6875rem;
16183
+ font-size: 0.75rem;
16185
16184
  color: var(--text-muted);
16186
16185
  }
16187
16186
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__chevron {
@@ -16199,14 +16198,11 @@ html.dark .mld-settings-modal__option-btn--active {
16199
16198
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__toggle-knob--on {
16200
16199
  transform: translateX(0.75rem);
16201
16200
  }
16202
- .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__body {
16203
- border-top: none;
16204
- }
16205
16201
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__content {
16206
16202
  padding: 0 0.75rem 0.75rem;
16207
16203
  display: flex;
16208
16204
  flex-direction: column;
16209
- gap: 0.5rem;
16205
+ gap: 0.75rem;
16210
16206
  }
16211
16207
  /* AppLayout Component Styles */
16212
16208
  .mld-layout {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@morscherlab/mld-sdk",
3
- "version": "0.6.3",
3
+ "version": "0.6.4",
4
4
  "description": "MLD Platform SDK - Vue 3 components, composables, and types for plugin development",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/styles/components/app-sidebar.css CHANGED
@@ -49,6 +49,7 @@
49
49
  .mld-sidebar__footer {
50
50
  padding: 0.75rem;
51
51
  flex-shrink: 0;
52
+ border-top: 1px solid var(--border-color, #e5e7eb);
52
53
  }
53
54
 
54
55
  /* Scrollable sections area */
@@ -56,10 +57,10 @@
56
57
  flex: 1 1 0;
57
58
  min-height: 0;
58
59
  overflow-y: auto;
59
- padding: 0.5rem;
60
+ padding: 0.75rem;
60
61
  display: flex;
61
62
  flex-direction: column;
62
- gap: 0.375rem;
63
+ gap: 0.5rem;
63
64
  }
64
65
 
65
66
  /* CollapsibleCard appearance inside sidebar */
@@ -92,13 +93,13 @@
92
93
  }
93
94
 
94
95
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__title {
95
- font-size: 0.8125rem;
96
+ font-size: 0.875rem;
96
97
  font-weight: 600;
97
98
  color: var(--text-primary);
98
99
  }
99
100
 
100
101
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__subtitle {
101
- font-size: 0.6875rem;
102
+ font-size: 0.75rem;
102
103
  color: var(--text-muted);
103
104
  }
104
105
 
@@ -121,13 +122,9 @@
121
122
  transform: translateX(0.75rem);
122
123
  }
123
124
 
124
- .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__body {
125
- border-top: none;
126
- }
127
-
128
125
  .mld-sidebar__sections > .mld-collapsible-card .mld-collapsible-card__content {
129
126
  padding: 0 0.75rem 0.75rem;
130
127
  display: flex;
131
128
  flex-direction: column;
132
- gap: 0.5rem;
129
+ gap: 0.75rem;
133
130
  }