@vanduo-oss/framework 1.2.4 → 1.2.6
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/README.md +4 -4
- package/css/utilities/color-utilities.css +352 -0
- package/css/utilities/table.css +7 -2
- package/css/vanduo.css +3 -0
- package/dist/build-info.json +3 -3
- package/dist/vanduo.cjs.js +3 -26
- package/dist/vanduo.cjs.js.map +2 -2
- package/dist/vanduo.cjs.min.js +5 -10
- package/dist/vanduo.cjs.min.js.map +3 -3
- package/dist/vanduo.css +1042 -2
- package/dist/vanduo.css.map +1 -1
- package/dist/vanduo.esm.js +3 -26
- package/dist/vanduo.esm.js.map +2 -2
- package/dist/vanduo.esm.min.js +5 -10
- package/dist/vanduo.esm.min.js.map +3 -3
- package/dist/vanduo.js +3 -26
- package/dist/vanduo.js.map +2 -2
- package/dist/vanduo.min.css +2 -2
- package/dist/vanduo.min.css.map +1 -1
- package/dist/vanduo.min.js +5 -10
- package/dist/vanduo.min.js.map +3 -3
- package/js/components/theme-customizer.js +2 -30
- package/package.json +1 -1
|
@@ -447,14 +447,6 @@
|
|
|
447
447
|
});
|
|
448
448
|
}
|
|
449
449
|
|
|
450
|
-
// Mode buttons
|
|
451
|
-
this.elements.panel.querySelectorAll('[data-mode]').forEach(btn => {
|
|
452
|
-
this.addListener(btn, 'click', () => {
|
|
453
|
-
this.applyTheme(btn.dataset.mode);
|
|
454
|
-
this.updateUI();
|
|
455
|
-
});
|
|
456
|
-
});
|
|
457
|
-
|
|
458
450
|
// Reset button
|
|
459
451
|
const resetBtn = this.elements.panel.querySelector('.customizer-reset');
|
|
460
452
|
if (resetBtn) {
|
|
@@ -523,17 +515,6 @@
|
|
|
523
515
|
fontOptions += `<option value="${esc(key)}"${key === this.state.font ? ' selected' : ''}>${esc(value.name)}</option>`;
|
|
524
516
|
}
|
|
525
517
|
|
|
526
|
-
// Generate mode buttons
|
|
527
|
-
const modeIcons = {
|
|
528
|
-
'system': 'ph-desktop',
|
|
529
|
-
'dark': 'ph-moon',
|
|
530
|
-
'light': 'ph-sun'
|
|
531
|
-
};
|
|
532
|
-
let modeButtons = '';
|
|
533
|
-
this.THEME_MODES.forEach(mode => {
|
|
534
|
-
modeButtons += `<button class="tc-mode-btn${mode === this.state.theme ? ' is-active' : ''}" data-mode="${mode}"><i class="ph ${modeIcons[mode]}"></i><span>${mode.charAt(0).toUpperCase() + mode.slice(1)}</span></button>`;
|
|
535
|
-
});
|
|
536
|
-
|
|
537
518
|
return `
|
|
538
519
|
<div class="tc-header">
|
|
539
520
|
<h3 class="tc-title">Customize Theme</h3>
|
|
@@ -542,12 +523,7 @@
|
|
|
542
523
|
</button>
|
|
543
524
|
</div>
|
|
544
525
|
<div class="tc-body">
|
|
545
|
-
|
|
546
|
-
<label class="tc-label">Color Mode</label>
|
|
547
|
-
<div class="tc-mode-group">
|
|
548
|
-
${modeButtons}
|
|
549
|
-
</div>
|
|
550
|
-
</div>
|
|
526
|
+
|
|
551
527
|
<div class="tc-section">
|
|
552
528
|
<label class="tc-label">Primary Color</label>
|
|
553
529
|
<div class="tc-color-grid">
|
|
@@ -588,7 +564,7 @@
|
|
|
588
564
|
*/
|
|
589
565
|
isUsingDefaultPrimary: function () {
|
|
590
566
|
return this.state.primary === this.DEFAULTS.PRIMARY_LIGHT ||
|
|
591
|
-
|
|
567
|
+
this.state.primary === this.DEFAULTS.PRIMARY_DARK;
|
|
592
568
|
},
|
|
593
569
|
|
|
594
570
|
bindEvents: function () {
|
|
@@ -713,10 +689,6 @@
|
|
|
713
689
|
fontSelect.value = this.state.font;
|
|
714
690
|
}
|
|
715
691
|
|
|
716
|
-
// Update mode buttons
|
|
717
|
-
this.elements.panel.querySelectorAll('[data-mode]').forEach(btn => {
|
|
718
|
-
btn.classList.toggle('is-active', btn.dataset.mode === this.state.theme);
|
|
719
|
-
});
|
|
720
692
|
},
|
|
721
693
|
|
|
722
694
|
/**
|