@vanduo-oss/framework 1.4.0 → 1.4.2

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 (89) hide show
  1. package/README.md +11 -9
  2. package/css/components/affix.css +11 -11
  3. package/css/components/alerts.css +55 -55
  4. package/css/components/avatar.css +62 -62
  5. package/css/components/badges.css +25 -25
  6. package/css/components/breadcrumbs.css +31 -31
  7. package/css/components/bubble.css +40 -40
  8. package/css/components/button-group.css +2 -2
  9. package/css/components/buttons.css +33 -33
  10. package/css/components/cards.css +76 -76
  11. package/css/components/chips.css +27 -27
  12. package/css/components/code-snippet.css +132 -132
  13. package/css/components/collapsible.css +60 -60
  14. package/css/components/collections.css +58 -58
  15. package/css/components/datepicker.css +55 -53
  16. package/css/components/doc-search.css +63 -63
  17. package/css/components/doc-tabs.css +1 -1
  18. package/css/components/draggable.css +69 -69
  19. package/css/components/dropdown.css +48 -48
  20. package/css/components/fab.css +60 -60
  21. package/css/components/flow.css +55 -55
  22. package/css/components/footer.css +52 -52
  23. package/css/components/forms.css +373 -373
  24. package/css/components/image-box.css +39 -39
  25. package/css/components/modals.css +53 -49
  26. package/css/components/music-player.css +150 -150
  27. package/css/components/navbar.css +71 -71
  28. package/css/components/pagination.css +50 -50
  29. package/css/components/preloader.css +18 -18
  30. package/css/components/progress.css +16 -16
  31. package/css/components/rating.css +18 -18
  32. package/css/components/ripple.css +10 -10
  33. package/css/components/sidenav.css +67 -67
  34. package/css/components/skeleton.css +13 -13
  35. package/css/components/spinner.css +30 -30
  36. package/css/components/spotlight.css +27 -27
  37. package/css/components/stepper.css +36 -36
  38. package/css/components/suggest.css +35 -35
  39. package/css/components/tabs.css +46 -46
  40. package/css/components/theme-customizer.css +73 -73
  41. package/css/components/timeline.css +43 -43
  42. package/css/components/timepicker.css +32 -30
  43. package/css/components/toast.css +27 -27
  44. package/css/components/tooltips.css +77 -77
  45. package/css/components/transfer.css +35 -35
  46. package/css/components/tree.css +25 -25
  47. package/css/components/waypoint.css +12 -12
  48. package/css/core/colors.css +610 -610
  49. package/css/core/grid.css +127 -127
  50. package/css/core/helpers.css +338 -338
  51. package/css/core/tokens.css +69 -81
  52. package/css/core/typography.css +91 -91
  53. package/css/effects/morph.css +17 -17
  54. package/css/effects/parallax.css +6 -6
  55. package/css/utilities/color-utilities.css +273 -273
  56. package/css/utilities/media.css +2 -2
  57. package/css/utilities/shadow.css +75 -75
  58. package/css/utilities/table.css +40 -40
  59. package/css/utilities/transitions.css +38 -38
  60. package/css/vanduo.css +1 -2
  61. package/dist/build-info.json +3 -3
  62. package/dist/vanduo.cjs.js +104 -29
  63. package/dist/vanduo.cjs.js.map +2 -2
  64. package/dist/vanduo.cjs.min.js +5 -5
  65. package/dist/vanduo.cjs.min.js.map +3 -3
  66. package/dist/vanduo.css +4042 -4133
  67. package/dist/vanduo.css.map +1 -1
  68. package/dist/vanduo.esm.js +104 -29
  69. package/dist/vanduo.esm.js.map +2 -2
  70. package/dist/vanduo.esm.min.js +5 -5
  71. package/dist/vanduo.esm.min.js.map +3 -3
  72. package/dist/vanduo.js +104 -29
  73. package/dist/vanduo.js.map +2 -2
  74. package/dist/vanduo.min.css +2 -2
  75. package/dist/vanduo.min.css.map +1 -1
  76. package/dist/vanduo.min.js +5 -5
  77. package/dist/vanduo.min.js.map +3 -3
  78. package/js/components/affix.js +2 -2
  79. package/js/components/datepicker.js +51 -4
  80. package/js/components/image-box.js +2 -2
  81. package/js/components/morph.js +1 -1
  82. package/js/components/music-player.js +11 -11
  83. package/js/components/navbar.js +1 -1
  84. package/js/components/preloader.js +1 -1
  85. package/js/components/theme-customizer.js +4 -4
  86. package/js/components/timepicker.js +48 -6
  87. package/js/components/vd-hex.js +8 -10
  88. package/package.json +1 -1
  89. package/css/core/vd-aliases.css +0 -108
package/css/effects/morph.css CHANGED
@@ -12,10 +12,10 @@
12
12
  */
13
13
 
14
14
  :root {
15
- --morph-duration: 0.75s;
16
- --morph-easing: cubic-bezier(0.2, 0.8, 0.35, 1);
17
- --morph-blur-peak: 11px;
18
- --morph-wave-color: var(--vd-color-primary, #3b82f6);
15
+ --vd-morph-duration: 0.75s;
16
+ --vd-morph-easing: cubic-bezier(0.2, 0.8, 0.35, 1);
17
+ --vd-morph-blur-peak: 11px;
18
+ --vd-morph-wave-color: var(--vd-color-primary, #3b82f6);
19
19
  }
20
20
 
21
21
  /* ========== Base ========== */
@@ -42,10 +42,10 @@
42
42
  color-mix(in srgb, #fff 30%, transparent) 0%,
43
43
  transparent 30%),
44
44
  radial-gradient(circle at 50% 50%,
45
- color-mix(in srgb, var(--morph-wave-color) 96%, #a8d8ff) 0%,
46
- color-mix(in srgb, var(--morph-wave-color) 82%, #7ec8ff) 35%,
47
- color-mix(in srgb, var(--morph-wave-color) 70%, #5ba4f5) 65%,
48
- color-mix(in srgb, var(--morph-wave-color) 90%, #4478f0) 100%);
45
+ color-mix(in srgb, var(--vd-morph-wave-color) 96%, #a8d8ff) 0%,
46
+ color-mix(in srgb, var(--vd-morph-wave-color) 82%, #7ec8ff) 35%,
47
+ color-mix(in srgb, var(--vd-morph-wave-color) 70%, #5ba4f5) 65%,
48
+ color-mix(in srgb, var(--vd-morph-wave-color) 90%, #4478f0) 100%);
49
49
  pointer-events: none;
50
50
  opacity: 0;
51
51
  transform: translate(-50%, -50%);
@@ -53,7 +53,7 @@
53
53
  }
54
54
 
55
55
  .vd-morph.is-morphing .vd-morph-wave {
56
- animation: vd-morph-expand var(--morph-duration) var(--morph-easing) forwards;
56
+ animation: vd-morph-expand var(--vd-morph-duration) var(--vd-morph-easing) forwards;
57
57
  }
58
58
 
59
59
  .vd-morph.is-morphing .vd-morph-wave::after {
@@ -66,12 +66,12 @@
66
66
  border-radius: 50%;
67
67
  background:
68
68
  radial-gradient(circle at 50% 50%,
69
- color-mix(in srgb, var(--morph-wave-color) 70%, #b0e0ff) 0%,
70
- color-mix(in srgb, var(--morph-wave-color) 50%, #88c0ff) 45%,
69
+ color-mix(in srgb, var(--vd-morph-wave-color) 70%, #b0e0ff) 0%,
70
+ color-mix(in srgb, var(--vd-morph-wave-color) 50%, #88c0ff) 45%,
71
71
  transparent 80%);
72
72
  transform: translate(-50%, -50%);
73
73
  opacity: 0;
74
- animation: vd-morph-expand2 var(--morph-duration) var(--morph-easing) 0.08s forwards;
74
+ animation: vd-morph-expand2 var(--vd-morph-duration) var(--vd-morph-easing) 0.08s forwards;
75
75
  }
76
76
 
77
77
  @keyframes vd-morph-expand {
@@ -93,7 +93,7 @@
93
93
  width: 360%;
94
94
  height: 360%;
95
95
  opacity: 0.6;
96
- filter: blur(var(--morph-blur-peak)) saturate(1.3);
96
+ filter: blur(var(--vd-morph-blur-peak)) saturate(1.3);
97
97
  }
98
98
  100% {
99
99
  width: 360%;
@@ -225,13 +225,13 @@
225
225
  /* ========== Size Variants ========== */
226
226
 
227
227
  .vd-morph-sm {
228
- --morph-duration: 0.5s;
229
- --morph-blur-peak: 7px;
228
+ --vd-morph-duration: 0.5s;
229
+ --vd-morph-blur-peak: 7px;
230
230
  }
231
231
 
232
232
  .vd-morph-lg {
233
- --morph-duration: 1s;
234
- --morph-blur-peak: 16px;
233
+ --vd-morph-duration: 1s;
234
+ --vd-morph-blur-peak: 16px;
235
235
  }
236
236
 
237
237
  /* ========== Accessibility ========== */
package/css/effects/parallax.css CHANGED
@@ -5,9 +5,9 @@
5
5
 
6
6
  :root {
7
7
  /* Parallax Settings */
8
- --parallax-speed-slow: 0.5;
9
- --parallax-speed-medium: 1;
10
- --parallax-speed-fast: 1.5;
8
+ --vd-parallax-speed-slow: 0.5;
9
+ --vd-parallax-speed-medium: 1;
10
+ --vd-parallax-speed-fast: 1.5;
11
11
  }
12
12
 
13
13
  /* Base Parallax Container */
@@ -37,15 +37,15 @@
37
37
 
38
38
  /* Parallax Speed Variants */
39
39
  .vd-parallax-slow {
40
- --parallax-speed: var(--parallax-speed-slow);
40
+ --vd-parallax-speed: var(--vd-parallax-speed-slow);
41
41
  }
42
42
 
43
43
  .vd-parallax-medium {
44
- --parallax-speed: var(--parallax-speed-medium);
44
+ --vd-parallax-speed: var(--vd-parallax-speed-medium);
45
45
  }
46
46
 
47
47
  .vd-parallax-fast {
48
- --parallax-speed: var(--parallax-speed-fast);
48
+ --vd-parallax-speed: var(--vd-parallax-speed-fast);
49
49
  }
50
50
 
51
51
  /* Parallax Direction */