cloud-ide-element 1.1.49 → 1.1.51

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 (5) hide show
  1. package/fesm2022/cloud-ide-element.mjs +8 -8
  2. package/fesm2022/cloud-ide-element.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/assets/css/cide-ele-color-variables.scss +4 -0
  5. package/src/lib/assets/css/cide-ele-variable.scss +16 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloud-ide-element",
3
- "version": "1.1.49",
3
+ "version": "1.1.51",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.1.0",
6
6
  "@angular/core": "^20.1.0"
package/src/lib/assets/css/cide-ele-color-variables.scss CHANGED
@@ -33,6 +33,8 @@
33
33
  --cide-ele-brand-primary-hover: #2563eb;
34
34
  --cide-ele-brand-primary-light: #dbeafe;
35
35
  --cide-ele-brand-primary-dark: #1e40af;
36
+ --cide-ele-brand-secondary: #4b5563;
37
+ --cide-ele-brand-secondary-hover: #374151;
36
38
 
37
39
  /* Status Colors */
38
40
  --cide-ele-success: #10b981;
@@ -115,6 +117,8 @@ body.dark-mode {
115
117
  --cide-ele-brand-primary-hover: #3b82f6;
116
118
  --cide-ele-brand-primary-light: #1e3a8a;
117
119
  --cide-ele-brand-primary-dark: #1e40af;
120
+ --cide-ele-brand-secondary: #4b5563;
121
+ --cide-ele-brand-secondary-hover: #6b7280;
118
122
 
119
123
  /* Status Colors */
120
124
  --cide-ele-success: #34d399;
package/src/lib/assets/css/cide-ele-variable.scss CHANGED
@@ -216,14 +216,28 @@ $sizes: xxs, xs, sm, md, lg, xl;
216
216
  .cide-textarea-label,
217
217
  .cide-select-label {
218
218
  position: absolute;
219
- z-index: 1;
219
+ z-index: 2;
220
220
  margin-left: 8px;
221
221
  margin-right: 8px;
222
- background-color: var(--cide-ele-bg-primary, var(--cide-theme-light-color, #ffffff));
222
+ // No background-color - legend style
223
223
  padding-left: 2px;
224
224
  padding-right: 2px;
225
225
  padding-top: 0px;
226
226
  padding-bottom: 0px;
227
+
228
+ // Create legend-style gap in border using pseudo-element
229
+ &::before {
230
+ content: '';
231
+ position: absolute;
232
+ top: 50%;
233
+ left: -2px;
234
+ right: -2px;
235
+ height: 2px; // Cover the border width
236
+ background-color: var(--cide-ele-bg-primary, #ffffff);
237
+ z-index: -1;
238
+ transform: translateY(-50%);
239
+ pointer-events: none;
240
+ }
227
241
  }
228
242
 
229
243
  .cide-element-input-label-start,