cloud-ide-layout 1.0.254 → 1.0.257

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/{src/lib/assets → assets}/css/cide-lyt-variable.scss +31 -46
  2. package/package.json +2 -2
  3. /package/{src/lib/assets → assets}/css/cide-lyt-style.scss +0 -0
package/{src/lib/assets → assets}/css/cide-lyt-variable.scss RENAMED
@@ -14,10 +14,10 @@
14
14
  // Header Ends Here
15
15
 
16
16
  --cide-lyt-request-wrapper-height: 20px;
17
- --cide-lyt-sidebar-wrapper-hieght: 50px;
18
- --cide-lyt-sidedrawer-wrapper-hieght: 50px;
19
- --cide-lyt-footer-wrapper-hieght: 50px;
20
- --cide-lyt-console-wrapper-hieght: 50px;
17
+ --cide-lyt-sidebar-wrapper-height: 50px;
18
+ --cide-lyt-sidedrawer-wrapper-height: 50px;
19
+ --cide-lyt-footer-wrapper-height: 50px;
20
+ --cide-lyt-console-wrapper-height: 50px;
21
21
 
22
22
  // Sidebar Stack Starts Here
23
23
  --cide-lyt-stack-wrapper-background-color: #f9f9f9;
@@ -109,9 +109,9 @@
109
109
  // Footer - scaled down
110
110
  --cide-lyt-footer-wrapper-height: calc(20px * var(--cide-lyt-responsive-scale));
111
111
  --cide-lyt-request-wrapper-height: calc(20px * var(--cide-lyt-responsive-scale));
112
- --cide-lyt-sidebar-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
113
- --cide-lyt-sidedrawer-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
114
- --cide-lyt-console-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
112
+ --cide-lyt-sidebar-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
113
+ --cide-lyt-sidedrawer-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
114
+ --cide-lyt-console-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
115
115
  }
116
116
  }
117
117
 
@@ -137,9 +137,9 @@
137
137
  // Footer - scaled down
138
138
  --cide-lyt-footer-wrapper-height: calc(20px * var(--cide-lyt-responsive-scale));
139
139
  --cide-lyt-request-wrapper-height: calc(20px * var(--cide-lyt-responsive-scale));
140
- --cide-lyt-sidebar-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
141
- --cide-lyt-sidedrawer-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
142
- --cide-lyt-console-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
140
+ --cide-lyt-sidebar-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
141
+ --cide-lyt-sidedrawer-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
142
+ --cide-lyt-console-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
143
143
  }
144
144
  }
145
145
 
@@ -165,9 +165,9 @@
165
165
  // Footer - slightly scaled down
166
166
  --cide-lyt-footer-wrapper-height: calc(20px * var(--cide-lyt-responsive-scale));
167
167
  --cide-lyt-request-wrapper-height: calc(20px * var(--cide-lyt-responsive-scale));
168
- --cide-lyt-sidebar-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
169
- --cide-lyt-sidedrawer-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
170
- --cide-lyt-console-wrapper-hieght: calc(50px * var(--cide-lyt-responsive-scale));
168
+ --cide-lyt-sidebar-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
169
+ --cide-lyt-sidedrawer-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
170
+ --cide-lyt-console-wrapper-height: calc(50px * var(--cide-lyt-responsive-scale));
171
171
  }
172
172
  }
173
173
 
@@ -177,17 +177,12 @@
177
177
  @media screen and (max-width: 479px) {
178
178
  :root {
179
179
  /* Media-specific base font sizes for small mobile (can be overridden by theme) */
180
- --cide-theme-font-size-xs-base-sm: var(--cide-theme-font-size-xs-base-sm, 0.63rem);
181
- /* 10.08px */
182
- --cide-theme-font-size-sm-base-sm: var(--cide-theme-font-size-sm-base-sm, 0.7rem);
183
- /* 11.2px */
184
- --cide-theme-font-size-lg-base-sm: var(--cide-theme-font-size-lg-base-sm, 1.1rem);
185
- /* 17.6px */
186
- --cide-theme-font-size-xl-base-sm: var(--cide-theme-font-size-xl-base-sm, 1.375rem);
187
- /* 22px */
188
- --cide-theme-font-size-xxl-base-sm: var(--cide-theme-font-size-xxl-base-sm, 1.71875rem);
189
- /* 27.5px */
190
- --cide-theme-font-size-xxxl-base-sm: var(--cide-theme-font-size-xxxl-base-sm, 2.1484375rem);
180
+ --cide-theme-font-size-xs-base-sm: 0.63rem;
181
+ --cide-theme-font-size-sm-base-sm: 0.70rem;
182
+ --cide-theme-font-size-lg-base-sm: 1.10rem;
183
+ --cide-theme-font-size-xl-base-sm: 1.375rem;
184
+ --cide-theme-font-size-xxl-base-sm: 1.71875rem;
185
+ --cide-theme-font-size-xxxl-base-sm: 2.1484375rem;
191
186
  /* 34.375px */
192
187
 
193
188
  /* Use theme scale (same across all media queries) - defaults to base scale if not set */
@@ -207,17 +202,12 @@
207
202
  @media screen and (min-width: 480px) and (max-width: 640px) {
208
203
  :root {
209
204
  /* Media-specific base font sizes for medium mobile (can be overridden by theme) */
210
- --cide-theme-font-size-xs-base-md: var(--cide-theme-font-size-xs-base-md, 0.65rem);
211
- /* 10.4px */
212
- --cide-theme-font-size-sm-base-md: var(--cide-theme-font-size-sm-base-md, 0.72rem);
213
- /* 11.52px */
214
- --cide-theme-font-size-lg-base-md: var(--cide-theme-font-size-lg-base-md, 1.125rem);
215
- /* 18px */
216
- --cide-theme-font-size-xl-base-md: var(--cide-theme-font-size-xl-base-md, 1.40625rem);
217
- /* 22.5px */
218
- --cide-theme-font-size-xxl-base-md: var(--cide-theme-font-size-xxl-base-md, 1.7578125rem);
219
- /* 28.125px */
220
- --cide-theme-font-size-xxxl-base-md: var(--cide-theme-font-size-xxxl-base-md, 2.197265625rem);
205
+ --cide-theme-font-size-xs-base-md: 0.65rem;
206
+ --cide-theme-font-size-sm-base-md: 0.72rem;
207
+ --cide-theme-font-size-lg-base-md: 1.125rem;
208
+ --cide-theme-font-size-xl-base-md: 1.40625rem;
209
+ --cide-theme-font-size-xxl-base-md: 1.7578125rem;
210
+ --cide-theme-font-size-xxxl-base-md: 2.197265625rem;
221
211
  /* 35.15625px */
222
212
 
223
213
  /* Use theme scale (same across all media queries) - defaults to base scale if not set */
@@ -237,17 +227,12 @@
237
227
  @media screen and (min-width: 641px) and (max-width: 1024px) {
238
228
  :root {
239
229
  /* Media-specific base font sizes for tablet (can be overridden by theme) */
240
- --cide-theme-font-size-xs-base-lg: var(--cide-theme-font-size-xs-base-lg, 0.68rem);
241
- /* 10.88px */
242
- --cide-theme-font-size-sm-base-lg: var(--cide-theme-font-size-sm-base-lg, 0.76rem);
243
- /* 12.16px */
244
- --cide-theme-font-size-lg-base-lg: var(--cide-theme-font-size-lg-base-lg, 1.1875rem);
245
- /* 19px */
246
- --cide-theme-font-size-xl-base-lg: var(--cide-theme-font-size-xl-base-lg, 1.484375rem);
247
- /* 23.75px */
248
- --cide-theme-font-size-xxl-base-lg: var(--cide-theme-font-size-xxl-base-lg, 1.85546875rem);
249
- /* 29.6875px */
250
- --cide-theme-font-size-xxxl-base-lg: var(--cide-theme-font-size-xxxl-base-lg, 2.3193359375rem);
230
+ --cide-theme-font-size-xs-base-lg: 0.68rem;
231
+ --cide-theme-font-size-sm-base-lg: 0.76rem;
232
+ --cide-theme-font-size-lg-base-lg: 1.1875rem;
233
+ --cide-theme-font-size-xl-base-lg: 1.484375rem;
234
+ --cide-theme-font-size-xxl-base-lg: 1.85546875rem;
235
+ --cide-theme-font-size-xxxl-base-lg: 2.3193359375rem;
251
236
  /* 37.109375px */
252
237
 
253
238
  /* Use theme scale (same across all media queries) - defaults to base scale if not set */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloud-ide-layout",
3
- "version": "1.0.254",
3
+ "version": "1.0.257",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.1.0",
6
6
  "@angular/core": "^20.1.0",
@@ -11,7 +11,7 @@
11
11
  },
12
12
  "sideEffects": false,
13
13
  "exports": {
14
- "./layout": "./src/lib/assets/css/cide-lyt-style.scss",
14
+ "./layout": "./assets/css/cide-lyt-style.scss",
15
15
  "./package.json": {
16
16
  "default": "./package.json"
17
17
  },