cloud-ide-layout 1.0.167 → 1.0.173

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 (20) hide show
  1. package/fesm2022/{cloud-ide-layout-cloud-ide-layout-CWu1ldko.mjs → cloud-ide-layout-cloud-ide-layout-xHO4_ZWL.mjs} +326 -19
  2. package/fesm2022/cloud-ide-layout-cloud-ide-layout-xHO4_ZWL.mjs.map +1 -0
  3. package/fesm2022/{cloud-ide-layout-dashboard-manager.component-D5xhRxvK.mjs → cloud-ide-layout-dashboard-manager.component-BQCW_9Ev.mjs} +2 -2
  4. package/fesm2022/{cloud-ide-layout-dashboard-manager.component-D5xhRxvK.mjs.map → cloud-ide-layout-dashboard-manager.component-BQCW_9Ev.mjs.map} +1 -1
  5. package/fesm2022/cloud-ide-layout-drawer-theme.component-Df-z-sDP.mjs +346 -0
  6. package/fesm2022/cloud-ide-layout-drawer-theme.component-Df-z-sDP.mjs.map +1 -0
  7. package/fesm2022/{cloud-ide-layout-home-wrapper.component-CLu7_1E7.mjs → cloud-ide-layout-home-wrapper.component--eH9Nakh.mjs} +5 -4
  8. package/fesm2022/cloud-ide-layout-home-wrapper.component--eH9Nakh.mjs.map +1 -0
  9. package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-uZ1Vel7T.mjs → cloud-ide-layout-sidedrawer-notes.component-DMfEJ1w0.mjs} +2 -2
  10. package/fesm2022/{cloud-ide-layout-sidedrawer-notes.component-uZ1Vel7T.mjs.map → cloud-ide-layout-sidedrawer-notes.component-DMfEJ1w0.mjs.map} +1 -1
  11. package/fesm2022/cloud-ide-layout.mjs +1 -1
  12. package/index.d.ts +68 -2
  13. package/package.json +1 -1
  14. package/src/lib/assets/css/cide-lyt-variable.scss +61 -37
  15. package/fesm2022/cloud-ide-layout-cloud-ide-layout-CWu1ldko.mjs.map +0 -1
  16. package/fesm2022/cloud-ide-layout-drawer-theme.component-BI_t7U7P.mjs +0 -328
  17. package/fesm2022/cloud-ide-layout-drawer-theme.component-BI_t7U7P.mjs.map +0 -1
  18. package/fesm2022/cloud-ide-layout-floating-entity-selection.component-DiNiFhKC.mjs +0 -232
  19. package/fesm2022/cloud-ide-layout-floating-entity-selection.component-DiNiFhKC.mjs.map +0 -1
  20. package/fesm2022/cloud-ide-layout-home-wrapper.component-CLu7_1E7.mjs.map +0 -1
package/src/lib/assets/css/cide-lyt-variable.scss CHANGED
@@ -142,10 +142,10 @@
142
142
 
143
143
  /* :root defines variables available globally */
144
144
  :root {
145
- /* Responsive font scale factor - base is 1.0 (desktop) */
146
- --cide-lyt-font-responsive-scale: 1.0;
145
+ /* Responsive font scale factor - base is 1.0 (desktop), can be overridden by theme */
146
+ --cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-base, 1.0);
147
147
 
148
- /* 1. TYPOGRAPHIC SCALE - Base values (can be overridden by theme) */
148
+ /* 1. TYPOGRAPHIC SCALE - Base values for desktop (can be overridden by theme) */
149
149
  --cide-theme-font-size-xs-base: 0.72rem; /* 11.52px */
150
150
  --cide-theme-font-size-sm-base: 0.8rem; /* 12.8px */
151
151
  --cide-theme-font-size-lg-base: 1.25rem; /* 20px */
@@ -153,13 +153,13 @@
153
153
  --cide-theme-font-size-xxl-base: 1.953rem; /* 31.25px */
154
154
  --cide-theme-font-size-xxxl-base: 2.441rem; /* 39.06px */
155
155
 
156
- /* 1. TYPOGRAPHIC SCALE - Actual values (use base values by default, can be overridden by theme) */
157
- --cide-theme-font-size-xs: var(--cide-theme-font-size-xs-base);
158
- --cide-theme-font-size-sm: var(--cide-theme-font-size-sm-base);
159
- --cide-theme-font-size-lg: var(--cide-theme-font-size-lg-base);
160
- --cide-theme-font-size-xl: var(--cide-theme-font-size-xl-base);
161
- --cide-theme-font-size-xxl: var(--cide-theme-font-size-xxl-base);
162
- --cide-theme-font-size-xxxl: var(--cide-theme-font-size-xxxl-base);
156
+ /* 1. TYPOGRAPHIC SCALE - Actual values for desktop (use base values, multiplied by scale) */
157
+ --cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base) * var(--cide-lyt-font-responsive-scale));
158
+ --cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base) * var(--cide-lyt-font-responsive-scale));
159
+ --cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base) * var(--cide-lyt-font-responsive-scale));
160
+ --cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base) * var(--cide-lyt-font-responsive-scale));
161
+ --cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base) * var(--cide-lyt-font-responsive-scale));
162
+ --cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base) * var(--cide-lyt-font-responsive-scale));
163
163
 
164
164
  /* 2. FONT WEIGHTS */
165
165
  --cide-theme-font-weight-regular: 400;
@@ -174,48 +174,72 @@
174
174
  /* Small Mobile Devices (< 480px) - Font scaling */
175
175
  @media screen and (max-width: 479px) {
176
176
  :root {
177
- // Use theme font scale if available, otherwise default to 0.875
178
- --cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-sm, 0.875);
177
+ /* Media-specific base font sizes for small mobile (can be overridden by theme) */
178
+ --cide-theme-font-size-xs-base-sm: var(--cide-theme-font-size-xs-base-sm, 0.63rem); /* 10.08px */
179
+ --cide-theme-font-size-sm-base-sm: var(--cide-theme-font-size-sm-base-sm, 0.7rem); /* 11.2px */
180
+ --cide-theme-font-size-lg-base-sm: var(--cide-theme-font-size-lg-base-sm, 1.1rem); /* 17.6px */
181
+ --cide-theme-font-size-xl-base-sm: var(--cide-theme-font-size-xl-base-sm, 1.375rem); /* 22px */
182
+ --cide-theme-font-size-xxl-base-sm: var(--cide-theme-font-size-xxl-base-sm, 1.71875rem); /* 27.5px */
183
+ --cide-theme-font-size-xxxl-base-sm: var(--cide-theme-font-size-xxxl-base-sm, 2.1484375rem); /* 34.375px */
179
184
 
180
- /* Typographic scale - scaled down using theme scale and base values */
181
- --cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base) * var(--cide-lyt-font-responsive-scale));
182
- --cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base) * var(--cide-lyt-font-responsive-scale));
183
- --cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base) * var(--cide-lyt-font-responsive-scale));
184
- --cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base) * var(--cide-lyt-font-responsive-scale));
185
- --cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base) * var(--cide-lyt-font-responsive-scale));
186
- --cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base) * var(--cide-lyt-font-responsive-scale));
185
+ /* Use theme scale (same across all media queries) - defaults to base scale if not set */
186
+ --cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-base, 1.0);
187
+
188
+ /* Typographic scale - media base font size multiplied by theme scale */
189
+ --cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base-sm) * var(--cide-lyt-font-responsive-scale));
190
+ --cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base-sm) * var(--cide-lyt-font-responsive-scale));
191
+ --cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base-sm) * var(--cide-lyt-font-responsive-scale));
192
+ --cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base-sm) * var(--cide-lyt-font-responsive-scale));
193
+ --cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base-sm) * var(--cide-lyt-font-responsive-scale));
194
+ --cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base-sm) * var(--cide-lyt-font-responsive-scale));
187
195
  }
188
196
  }
189
197
 
190
198
  /* Mobile Devices (480px - 640px) - Font scaling */
191
199
  @media screen and (min-width: 480px) and (max-width: 640px) {
192
200
  :root {
193
- // Use theme font scale if available, otherwise default to 0.9
194
- --cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-md, 0.9);
201
+ /* Media-specific base font sizes for medium mobile (can be overridden by theme) */
202
+ --cide-theme-font-size-xs-base-md: var(--cide-theme-font-size-xs-base-md, 0.65rem); /* 10.4px */
203
+ --cide-theme-font-size-sm-base-md: var(--cide-theme-font-size-sm-base-md, 0.72rem); /* 11.52px */
204
+ --cide-theme-font-size-lg-base-md: var(--cide-theme-font-size-lg-base-md, 1.125rem); /* 18px */
205
+ --cide-theme-font-size-xl-base-md: var(--cide-theme-font-size-xl-base-md, 1.40625rem); /* 22.5px */
206
+ --cide-theme-font-size-xxl-base-md: var(--cide-theme-font-size-xxl-base-md, 1.7578125rem); /* 28.125px */
207
+ --cide-theme-font-size-xxxl-base-md: var(--cide-theme-font-size-xxxl-base-md, 2.197265625rem); /* 35.15625px */
208
+
209
+ /* Use theme scale (same across all media queries) - defaults to base scale if not set */
210
+ --cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-base, 1.0);
195
211
 
196
- /* Typographic scale - scaled down using theme scale and base values */
197
- --cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base) * var(--cide-lyt-font-responsive-scale));
198
- --cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base) * var(--cide-lyt-font-responsive-scale));
199
- --cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base) * var(--cide-lyt-font-responsive-scale));
200
- --cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base) * var(--cide-lyt-font-responsive-scale));
201
- --cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base) * var(--cide-lyt-font-responsive-scale));
202
- --cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base) * var(--cide-lyt-font-responsive-scale));
212
+ /* Typographic scale - media base font size multiplied by theme scale */
213
+ --cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base-md) * var(--cide-lyt-font-responsive-scale));
214
+ --cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base-md) * var(--cide-lyt-font-responsive-scale));
215
+ --cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base-md) * var(--cide-lyt-font-responsive-scale));
216
+ --cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base-md) * var(--cide-lyt-font-responsive-scale));
217
+ --cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base-md) * var(--cide-lyt-font-responsive-scale));
218
+ --cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base-md) * var(--cide-lyt-font-responsive-scale));
203
219
  }
204
220
  }
205
221
 
206
222
  /* Tablet Devices (641px - 1024px) - Font scaling */
207
223
  @media screen and (min-width: 641px) and (max-width: 1024px) {
208
224
  :root {
209
- // Use theme font scale if available, otherwise default to 0.95
210
- --cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-lg, 0.95);
225
+ /* Media-specific base font sizes for tablet (can be overridden by theme) */
226
+ --cide-theme-font-size-xs-base-lg: var(--cide-theme-font-size-xs-base-lg, 0.68rem); /* 10.88px */
227
+ --cide-theme-font-size-sm-base-lg: var(--cide-theme-font-size-sm-base-lg, 0.76rem); /* 12.16px */
228
+ --cide-theme-font-size-lg-base-lg: var(--cide-theme-font-size-lg-base-lg, 1.1875rem); /* 19px */
229
+ --cide-theme-font-size-xl-base-lg: var(--cide-theme-font-size-xl-base-lg, 1.484375rem); /* 23.75px */
230
+ --cide-theme-font-size-xxl-base-lg: var(--cide-theme-font-size-xxl-base-lg, 1.85546875rem); /* 29.6875px */
231
+ --cide-theme-font-size-xxxl-base-lg: var(--cide-theme-font-size-xxxl-base-lg, 2.3193359375rem); /* 37.109375px */
232
+
233
+ /* Use theme scale (same across all media queries) - defaults to base scale if not set */
234
+ --cide-lyt-font-responsive-scale: var(--cide-lyt-font-responsive-scale-base, 1.0);
211
235
 
212
- /* Typographic scale - slightly scaled down using theme scale and base values */
213
- --cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base) * var(--cide-lyt-font-responsive-scale));
214
- --cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base) * var(--cide-lyt-font-responsive-scale));
215
- --cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base) * var(--cide-lyt-font-responsive-scale));
216
- --cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base) * var(--cide-lyt-font-responsive-scale));
217
- --cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base) * var(--cide-lyt-font-responsive-scale));
218
- --cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base) * var(--cide-lyt-font-responsive-scale));
236
+ /* Typographic scale - media base font size multiplied by theme scale */
237
+ --cide-theme-font-size-xs: calc(var(--cide-theme-font-size-xs-base-lg) * var(--cide-lyt-font-responsive-scale));
238
+ --cide-theme-font-size-sm: calc(var(--cide-theme-font-size-sm-base-lg) * var(--cide-lyt-font-responsive-scale));
239
+ --cide-theme-font-size-lg: calc(var(--cide-theme-font-size-lg-base-lg) * var(--cide-lyt-font-responsive-scale));
240
+ --cide-theme-font-size-xl: calc(var(--cide-theme-font-size-xl-base-lg) * var(--cide-lyt-font-responsive-scale));
241
+ --cide-theme-font-size-xxl: calc(var(--cide-theme-font-size-xxl-base-lg) * var(--cide-lyt-font-responsive-scale));
242
+ --cide-theme-font-size-xxxl: calc(var(--cide-theme-font-size-xxxl-base-lg) * var(--cide-lyt-font-responsive-scale));
219
243
  }
220
244
  }
221
245