ywana-core8 0.2.94 → 0.2.96

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ywana-core8",
3
- "version": "0.2.94",
3
+ "version": "0.2.96",
4
4
  "description": "ywana-core8",
5
5
  "homepage": "https://ywana.github.io/workspace",
6
6
  "author": "Ernesto Roldan Garcia",
@@ -166,44 +166,6 @@
166
166
  min-height: 24px;
167
167
  }
168
168
 
169
- /* Dark theme support */
170
- @media (prefers-color-scheme: dark) {
171
- .window {
172
- background: #2d3748;
173
- border-color: #4a5568;
174
- color: #e2e8f0;
175
- }
176
-
177
- .window__header {
178
- background: linear-gradient(to bottom, #4a5568, #2d3748);
179
- border-bottom-color: #4a5568;
180
- }
181
-
182
- .window__title {
183
- color: #e2e8f0;
184
- }
185
-
186
- .window__control {
187
- color: #a0aec0;
188
- }
189
-
190
- .window__control:hover {
191
- background: rgba(255, 255, 255, 0.1);
192
- color: #e2e8f0;
193
- }
194
-
195
- .window__toolbar,
196
- .window__status-bar {
197
- background: #4a5568;
198
- border-color: #2d3748;
199
- color: #e2e8f0;
200
- }
201
-
202
- .window__content {
203
- background: #2d3748;
204
- }
205
- }
206
-
207
169
  /* Responsive design */
208
170
  @media (max-width: 768px) {
209
171
  .window__header {
@@ -324,78 +324,4 @@
324
324
  .example-subsection__title {
325
325
  font-size: 1.125rem;
326
326
  }
327
- }
328
-
329
- /* Dark theme support */
330
- @media (prefers-color-scheme: dark) {
331
- .example-sidebar {
332
- background: #2c1810;
333
- border-color: #5d4037;
334
- }
335
-
336
- .example-sidebar__header {
337
- background: #3e2723;
338
- border-color: #5d4037;
339
- }
340
-
341
- .example-sidebar__link {
342
- color: #f4e6d7;
343
- }
344
-
345
- .example-sidebar__link:hover {
346
- background: rgba(141, 110, 99, 0.2);
347
- color: #8d6e63;
348
- }
349
-
350
- .example-sidebar__link.active {
351
- background: #8d6e63;
352
- color: #f4e6d7;
353
- }
354
-
355
- .example-sidebar__sublink {
356
- color: #d7ccc8;
357
- }
358
-
359
- .example-sidebar__sublink:hover {
360
- background: rgba(141, 110, 99, 0.1);
361
- color: #8d6e63;
362
- }
363
-
364
- .example-sidebar__sublink.active {
365
- background: rgba(141, 110, 99, 0.2);
366
- color: #8d6e63;
367
- }
368
-
369
- .code-snippet {
370
- background: #3e2723;
371
- border-color: #5d4037;
372
- }
373
-
374
- .code-snippet__header {
375
- background: #4e342e;
376
- border-color: #5d4037;
377
- }
378
-
379
- .code-snippet__title {
380
- color: #f4e6d7;
381
- }
382
-
383
- .code-snippet__copy {
384
- border-color: #5d4037;
385
- color: #d7ccc8;
386
- }
387
-
388
- .code-snippet__copy:hover {
389
- background: rgba(141, 110, 99, 0.2);
390
- border-color: #8d6e63;
391
- color: #8d6e63;
392
- }
393
-
394
- .code-snippet__content {
395
- background: #2c1810;
396
- }
397
-
398
- .code-snippet__content code {
399
- color: #f4e6d7;
400
- }
401
- }
327
+ }
@@ -187,32 +187,6 @@
187
187
  }
188
188
  }
189
189
 
190
- /* Dark theme support */
191
- @media (prefers-color-scheme: dark) {
192
- .accordion-section {
193
- border-color: var(--divider-color-dark, #616161);
194
- }
195
-
196
- .accordion-section > header:hover,
197
- .accordion-section-header:hover {
198
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
199
- }
200
-
201
- .accordion-section > header:focus,
202
- .accordion-section-header:focus {
203
- background-color: var(--focus-color-dark, rgba(255, 255, 255, 0.12));
204
- }
205
-
206
- .accordion-section--title {
207
- color: var(--text-color-dark, #ffffff);
208
- }
209
-
210
- .accordion-section--subtitle,
211
- .accordion-section--info {
212
- color: var(--text-color-light-dark, #cccccc);
213
- }
214
- }
215
-
216
190
  /* Print styles */
217
191
  @media print {
218
192
  .accordion-section {
@@ -301,16 +275,3 @@
301
275
  0%, 100% { opacity: 1; }
302
276
  50% { opacity: 0.5; }
303
277
  }
304
-
305
- /* Dark theme support for skeleton/empty */
306
- @media (prefers-color-scheme: dark) {
307
- .accordion__empty-state {
308
- color: var(--text-color-light-dark, #cccccc);
309
- }
310
-
311
- .accordion__skeleton-icon,
312
- .accordion__skeleton-text {
313
- background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
314
- background-size: 200% 100%;
315
- }
316
- }
package/src/html/chip.css CHANGED
@@ -243,22 +243,6 @@
243
243
  }
244
244
  }
245
245
 
246
- /* Dark theme support */
247
- @media (prefers-color-scheme: dark) {
248
- .chip {
249
- background-color: var(--chip-background-dark, #404040);
250
- color: var(--text-color-dark, #ffffff);
251
- }
252
-
253
- .chip:hover:not(.disabled) {
254
- background-color: var(--chip-hover-background-dark, rgba(255,255,255,.1));
255
- }
256
-
257
- .chip-delete:hover:not(.disabled) {
258
- background-color: rgba(255, 255, 255, 0.1);
259
- }
260
- }
261
-
262
246
  /* Print styles */
263
247
  @media print {
264
248
  .chip {
@@ -361,54 +361,6 @@
361
361
  }
362
362
  }
363
363
 
364
- /* Dark Theme Support */
365
- @media (prefers-color-scheme: dark) {
366
- .color-field__label {
367
- color: var(--primary-color-dark, #64b5f6);
368
- }
369
-
370
- .color-field--outlined {
371
- border-color: var(--divider-color-dark, #616161);
372
- }
373
-
374
- .color-field--filled {
375
- background-color: var(--background-color-light-dark, #424242);
376
- border-bottom-color: var(--divider-color-dark, #616161);
377
- }
378
-
379
- .color-field__preset,
380
- .color-picker__trigger {
381
- border-color: var(--divider-color-dark, #616161);
382
- }
383
-
384
- .color-field__input {
385
- border-color: var(--divider-color-dark, #616161);
386
- background-color: var(--background-color-dark, #303030);
387
- color: var(--text-color-dark, #ffffff);
388
- }
389
-
390
- .color-field__input:focus {
391
- border-color: var(--primary-color-dark, #64b5f6);
392
- }
393
-
394
- .color-field__clear {
395
- color: var(--text-color-light-dark, #cccccc);
396
- }
397
-
398
- .color-field__clear:hover:not(:disabled) {
399
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
400
- }
401
-
402
- .color-picker__dropdown {
403
- background-color: var(--background-color-dark, #303030);
404
- border-color: var(--divider-color-dark, #616161);
405
- }
406
-
407
- .color-picker__option {
408
- border-color: var(--divider-color-dark, #616161);
409
- }
410
- }
411
-
412
364
  /* High Contrast Mode */
413
365
  @media (prefers-contrast: high) {
414
366
  .color-field--focused {
@@ -189,22 +189,6 @@
189
189
  }
190
190
  }
191
191
 
192
- /* Dark theme support */
193
- @media (prefers-color-scheme: dark) {
194
- .header2 {
195
- border-color: var(--divider-color-dark, #616161);
196
- }
197
-
198
- .header2.primary {
199
- background-color: var(--primary-color-dark, #1976d2);
200
- color: var(--primary-color-text, white);
201
- }
202
-
203
- .header2.secondary {
204
- background-color: var(--secondary-color-dark, #424242);
205
- color: var(--secondary-color-text, white);
206
- }
207
- }
208
192
 
209
193
  /* Print styles */
210
194
  @media print {
package/src/html/list.css CHANGED
@@ -391,39 +391,6 @@
391
391
  }
392
392
  }
393
393
 
394
- /* Dark Theme Support */
395
- @media (prefers-color-scheme: dark) {
396
- .list__search,
397
- .list__sort,
398
- .list__group-header {
399
- background-color: var(--background-color-light-dark, #424242);
400
- border-color: var(--divider-color-dark, #616161);
401
- }
402
-
403
- .list__item {
404
- border-color: var(--divider-color-dark, #616161);
405
- }
406
-
407
- .list__item:hover {
408
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
409
- }
410
-
411
- .list__item:focus {
412
- background-color: var(--focus-color-dark, rgba(255, 255, 255, 0.12));
413
- }
414
-
415
- .list__item-line1 {
416
- color: var(--text-color-dark, #ffffff);
417
- }
418
-
419
- .list__item-line2,
420
- .list__item-meta,
421
- .list__loading,
422
- .list__empty {
423
- color: var(--text-color-light-dark, #cccccc);
424
- }
425
- }
426
-
427
394
  /* High Contrast Mode */
428
395
  @media (prefers-contrast: high) {
429
396
  .list--outlined .list__item {
@@ -602,37 +602,6 @@
602
602
  }
603
603
  }
604
604
 
605
- /* Dark Theme Support */
606
- @media (prefers-color-scheme: dark) {
607
- .circular-progress__background,
608
- .linear-progress__track,
609
- .step-progress__connector {
610
- background-color: var(--divider-color-dark, #424242);
611
- stroke: var(--divider-color-dark, #424242);
612
- }
613
-
614
- .circular-progress__value,
615
- .linear-progress__label,
616
- .linear-progress__value,
617
- .step-progress__title,
618
- .radial-progress__value,
619
- .multi-progress__label,
620
- .multi-progress__value {
621
- color: var(--text-color-dark, #ffffff);
622
- }
623
-
624
- .linear-progress__time,
625
- .step-progress__description,
626
- .radial-progress__label {
627
- color: var(--text-color-light-dark, #cccccc);
628
- }
629
-
630
- .step-progress__circle {
631
- background-color: var(--divider-color-dark, #424242);
632
- color: var(--text-color-light-dark, #cccccc);
633
- }
634
- }
635
-
636
605
  /* High Contrast Mode */
637
606
  @media (prefers-contrast: high) {
638
607
  .circular-progress__progress,
@@ -300,69 +300,6 @@
300
300
  }
301
301
  }
302
302
 
303
- /* Dark Theme Support */
304
- @media (prefers-color-scheme: dark) {
305
- .property-name__text {
306
- color: var(--text-color-dark, #ffffff);
307
- }
308
-
309
- .property-value>input,
310
- .property-value__input,
311
- .property-value__textarea {
312
- background-color: rgba(255, 255, 255, 0.05);
313
- color: var(--text-color-dark, #ffffff);
314
- }
315
-
316
- .property-value__input:focus,
317
- .property-value__textarea:focus {
318
- background-color: rgba(100, 181, 246, 0.1);
319
- }
320
-
321
- .property--outlined {
322
- border-color: var(--divider-color-dark, #616161);
323
- background-color: var(--background-color-dark, #303030);
324
- }
325
-
326
- .property--filled {
327
- background-color: var(--background-color-light-dark, #424242);
328
- border-color: var(--divider-color-dark, #616161);
329
- }
330
-
331
- .property--disabled,
332
- .property--readonly {
333
- background-color: var(--background-color-light-dark, #424242);
334
- }
335
-
336
- .property--copyable:hover {
337
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
338
- }
339
-
340
- .property-value__display--copyable:hover {
341
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
342
- }
343
-
344
- .property-value__input::placeholder,
345
- .property-value__textarea::placeholder,
346
- .property-value__placeholder {
347
- color: var(--text-color-light-dark, #cccccc);
348
- }
349
-
350
- .property-value__clear,
351
- .property-value__copy {
352
- color: var(--text-color-light-dark, #cccccc);
353
- }
354
-
355
- .property-value__clear:hover,
356
- .property-value__copy:hover {
357
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.12));
358
- }
359
-
360
- .property--skeleton {
361
- background: linear-gradient(90deg, #424242 25%, #616161 50%, #424242 75%);
362
- background-size: 200% 100%;
363
- }
364
- }
365
-
366
303
  /* High Contrast Mode */
367
304
  @media (prefers-contrast: high) {
368
305
  .property--focused {
@@ -240,52 +240,6 @@ li.selected,
240
240
  }
241
241
  }
242
242
 
243
- /* Dark Theme Support */
244
- @media (prefers-color-scheme: dark) {
245
- .toggle-button {
246
- border-color: var(--primary-color-dark, #64b5f6);
247
- color: var(--primary-color-dark, #64b5f6);
248
- }
249
-
250
- .toggle-button.selected {
251
- background-color: var(--primary-color-dark, #64b5f6);
252
- color: var(--text-color-dark, #000);
253
- }
254
-
255
- .multiselector--filled .toggle-button {
256
- background-color: var(--background-color-light-dark, #424242);
257
- color: var(--text-color-dark, #ffffff);
258
- }
259
-
260
- .toggle-button:hover:not(.toggle-button--disabled) {
261
- background-color: var(--primary-color-dark-light, rgba(100, 181, 246, 0.1));
262
- }
263
-
264
- .multiselector__search-input {
265
- background-color: var(--background-color-dark, #303030);
266
- border-color: var(--divider-color-dark, #616161);
267
- color: var(--text-color-dark, #ffffff);
268
- }
269
-
270
- .multiselector__search-input:focus {
271
- border-color: var(--primary-color-dark, #64b5f6);
272
- }
273
-
274
- .multiselector__clear-button {
275
- border-color: var(--divider-color-dark, #616161);
276
- color: var(--text-color-light-dark, #cccccc);
277
- }
278
-
279
- .multiselector__summary {
280
- background-color: var(--background-color-light-dark, #424242);
281
- }
282
-
283
- .multiselector__loading,
284
- .multiselector__empty {
285
- color: var(--text-color-light-dark, #cccccc);
286
- }
287
- }
288
-
289
243
  /* High Contrast Mode */
290
244
  @media (prefers-contrast: high) {
291
245
  .toggle-button {
@@ -216,19 +216,3 @@
216
216
  transition: none;
217
217
  }
218
218
  }
219
-
220
- /* Dark theme support */
221
- @media (prefers-color-scheme: dark) {
222
- .switch__handle {
223
- background-color: #f8f9fa;
224
- border-color: rgba(255, 255, 255, 0.2);
225
- }
226
-
227
- .switch__track {
228
- border-color: rgba(255, 255, 255, 0.2);
229
- }
230
-
231
- .switch-label {
232
- color: var(--text-color-dark, #e2e8f0);
233
- }
234
- }
package/src/html/tab.css CHANGED
@@ -242,36 +242,6 @@
242
242
  }
243
243
  }
244
244
 
245
- /* Dark Theme Support */
246
- @media (prefers-color-scheme: dark) {
247
- .tabs--scrollable::-webkit-scrollbar-track {
248
- background: var(--background-color-light-dark, #424242);
249
- }
250
-
251
- .tabs--scrollable::-webkit-scrollbar-thumb {
252
- background: var(--divider-color-dark, #616161);
253
- }
254
-
255
- .tab {
256
- color: var(--text-color-dark, #ffffff);
257
- border-color: var(--divider-color-dark, #616161);
258
- }
259
-
260
- .tab:hover {
261
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
262
- }
263
-
264
- .tab.selected {
265
- background-color: var(--paper-color-dark, #424242);
266
- color: var(--text-color-dark, #ffffff);
267
- border-color: var(--divider-color-dark, #616161);
268
- }
269
-
270
- .tab__close:hover {
271
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.12));
272
- }
273
- }
274
-
275
245
  /* High Contrast Mode */
276
246
  @media (prefers-contrast: high) {
277
247
  .tab {
package/src/html/text.css CHANGED
@@ -241,43 +241,6 @@
241
241
  }
242
242
  }
243
243
 
244
- /* Dark Theme Support */
245
- @media (prefers-color-scheme: dark) {
246
- .text--primary {
247
- color: var(--primary-color-dark, #64b5f6);
248
- }
249
-
250
- .text--secondary {
251
- color: var(--secondary-color-dark, #bdbdbd);
252
- }
253
-
254
- .text--success {
255
- color: var(--success-color-dark, #81c784);
256
- }
257
-
258
- .text--warning {
259
- color: var(--warning-color-dark, #ffb74d);
260
- }
261
-
262
- .text--error {
263
- color: var(--error-color-dark, #e57373);
264
- }
265
-
266
- .text--muted {
267
- color: var(--text-color-light-dark, #cccccc);
268
- }
269
-
270
- .text--copyable:hover {
271
- background-color: var(--hover-color-dark, rgba(255, 255, 255, 0.08));
272
- }
273
-
274
- .text--skeleton,
275
- .text__skeleton {
276
- background: linear-gradient(90deg, #424242 25%, #616161 50%, #424242 75%);
277
- background-size: 200% 100%;
278
- }
279
- }
280
-
281
244
  /* High Contrast Mode */
282
245
  @media (prefers-contrast: high) {
283
246
  .text--copyable:focus {
@@ -428,25 +428,6 @@
428
428
  }
429
429
  }
430
430
 
431
- /* Dark theme support */
432
- @media (prefers-color-scheme: dark) {
433
- .textfield2 > input,
434
- .textfield2 > textarea {
435
- background-color: var(--paper-color-dark, #424242);
436
- color: var(--text-color-dark, #ffffff);
437
- border-color: var(--divider-color-dark, #616161);
438
- }
439
-
440
- .textfield2-outlined > input,
441
- .textfield2-outlined > textarea {
442
- border-color: var(--divider-color-dark, #616161);
443
- }
444
-
445
- .textfield2 > label {
446
- background-color: var(--paper-color-dark, #424242);
447
- }
448
- }
449
-
450
431
  /* Print styles */
451
432
  @media print {
452
433
  .textfield2 {
@@ -745,28 +726,6 @@
745
726
  }
746
727
  }
747
728
 
748
- /* Dark theme support */
749
- @media (prefers-color-scheme: dark) {
750
- .dropdown2-control {
751
- background-color: var(--paper-color-dark, #424242);
752
- border-color: var(--divider-color-dark, #616161);
753
- }
754
-
755
- .dropdown2-menu {
756
- background-color: var(--paper-color-dark, #424242);
757
- border-color: var(--divider-color-dark, #616161);
758
- }
759
-
760
- .dropdown2-label {
761
- background-color: var(--paper-color-dark, #424242);
762
- }
763
-
764
- .dropdown2-value,
765
- .dropdown2-search {
766
- color: var(--text-color-dark, #ffffff);
767
- }
768
- }
769
-
770
729
  /* Print styles for dropdown */
771
730
  @media print {
772
731
  .dropdown2-menu {
@@ -900,18 +859,6 @@
900
859
  }
901
860
  }
902
861
 
903
- /* Dark theme support */
904
- @media (prefers-color-scheme: dark) {
905
- .date-range2-label {
906
- color: var(--text-color-dark, #ffffff);
907
- }
908
-
909
- .date-range2.outlined .date-range2-fields {
910
- background-color: var(--paper-color-dark, #424242);
911
- border-color: var(--divider-color-dark, #616161);
912
- }
913
- }
914
-
915
862
  /* Print styles for date range */
916
863
  @media print {
917
864
  .date-range2-fields {
@@ -230,31 +230,6 @@
230
230
  }
231
231
  }
232
232
 
233
- /* Dark Theme Support */
234
- @media (prefers-color-scheme: dark) {
235
- .thumbnail--bordered {
236
- border-color: var(--divider-color-dark, #616161);
237
- }
238
-
239
- .thumbnail__placeholder,
240
- .thumbnail__fallback {
241
- background-color: var(--background-color-light-dark, #424242);
242
- color: var(--text-color-light-dark, #cccccc);
243
- }
244
-
245
- .thumbnail--loading {
246
- background-color: var(--background-color-light-dark, #424242);
247
- }
248
-
249
- .thumbnail--error {
250
- background-color: var(--error-color-dark, #d32f2f);
251
- }
252
-
253
- .thumbnail__loading {
254
- color: var(--text-color-light-dark, #cccccc);
255
- }
256
- }
257
-
258
233
  /* High Contrast Mode */
259
234
  @media (prefers-contrast: high) {
260
235
  .thumbnail--bordered {