@moni-labs/moni-ui 0.4.1 → 0.4.3

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 (82) hide show
  1. package/README.md +28 -3
  2. package/custom-elements.json +14 -14
  3. package/dist/browser/moni-ui.iife.min.js +56 -0
  4. package/dist/browser/moni-ui.iife.min.js.br +0 -0
  5. package/dist/browser/moni-ui.iife.min.js.gz +0 -0
  6. package/dist/browser/moni-ui.iife.min.js.map +1 -1
  7. package/dist/browser/moni-ui.min.css +1 -1
  8. package/dist/browser/moni-ui.min.css.br +0 -0
  9. package/dist/browser/moni-ui.min.css.gz +0 -0
  10. package/dist/browser/moni-ui.min.css.map +1 -1
  11. package/dist/browser/moni-ui.min.js +56 -0
  12. package/dist/browser/moni-ui.min.js.br +0 -0
  13. package/dist/browser/moni-ui.min.js.gz +0 -0
  14. package/dist/browser/moni-ui.min.js.map +1 -1
  15. package/dist/cdn/chunks/base-BIpe3L86.js +1 -0
  16. package/dist/cdn/chunks/class-map-EVPcxmRq.js +1 -0
  17. package/dist/cdn/chunks/decorate-D4jKxi6H.js +794 -0
  18. package/dist/cdn/chunks/directive-BSZPiF1A.js +1 -0
  19. package/dist/cdn/chunks/event-emitter-CGhsijUg.js +1 -0
  20. package/dist/cdn/chunks/gsap-DWxn8li7.js +1 -0
  21. package/dist/cdn/chunks/if-defined-DlAUOFi9.js +1 -0
  22. package/dist/cdn/chunks/live-DdUrWiUp.js +1 -0
  23. package/dist/cdn/chunks/query-SWT-tzvq.js +1 -0
  24. package/dist/cdn/chunks/query-assigned-elements-BBHe1xEY.js +1 -0
  25. package/dist/cdn/components/moni-app-bar.js +118 -0
  26. package/dist/cdn/components/moni-badge.js +69 -0
  27. package/dist/cdn/components/moni-bottom-sheet.js +143 -0
  28. package/dist/cdn/components/moni-button-group.js +56 -0
  29. package/dist/cdn/components/moni-button-segment.js +272 -0
  30. package/dist/cdn/components/moni-button.js +602 -0
  31. package/dist/cdn/components/moni-card.js +143 -0
  32. package/dist/cdn/components/moni-carousel.js +311 -0
  33. package/dist/cdn/components/moni-checkbox.js +137 -0
  34. package/dist/cdn/components/moni-chip.js +218 -0
  35. package/dist/cdn/components/moni-color-field.js +54 -0
  36. package/dist/cdn/components/moni-context-menu.js +24 -0
  37. package/dist/cdn/components/moni-dialog.js +191 -0
  38. package/dist/cdn/components/moni-divider.js +32 -0
  39. package/dist/cdn/components/moni-expansion.js +50 -0
  40. package/dist/cdn/components/moni-fab-menu.js +57 -0
  41. package/dist/cdn/components/moni-fab.js +103 -0
  42. package/dist/cdn/components/moni-file-field.js +45 -0
  43. package/dist/cdn/components/moni-icon.js +55 -0
  44. package/dist/cdn/components/moni-list-item.js +144 -0
  45. package/dist/cdn/components/moni-list.js +16 -0
  46. package/dist/cdn/components/moni-loading-indicator.js +134 -0
  47. package/dist/cdn/components/moni-menu-item.js +45 -0
  48. package/dist/cdn/components/moni-menu.js +165 -0
  49. package/dist/cdn/components/moni-morph-modal.js +157 -0
  50. package/dist/cdn/components/moni-nav-item.js +153 -0
  51. package/dist/cdn/components/moni-nav.js +161 -0
  52. package/dist/cdn/components/moni-progress.js +420 -0
  53. package/dist/cdn/components/moni-radio.js +154 -0
  54. package/dist/cdn/components/moni-ripple.js +55 -0
  55. package/dist/cdn/components/moni-segmented-button.js +32 -0
  56. package/dist/cdn/components/moni-select-option.js +47 -0
  57. package/dist/cdn/components/moni-select.js +503 -0
  58. package/dist/cdn/components/moni-shape.js +99 -0
  59. package/dist/cdn/components/moni-side-sheet.js +234 -0
  60. package/dist/cdn/components/moni-slider.js +252 -0
  61. package/dist/cdn/components/moni-snackbar.js +91 -0
  62. package/dist/cdn/components/moni-split-button.js +110 -0
  63. package/dist/cdn/components/moni-step.js +111 -0
  64. package/dist/cdn/components/moni-stepper.js +25 -0
  65. package/dist/cdn/components/moni-switch.js +169 -0
  66. package/dist/cdn/components/moni-tab.js +93 -0
  67. package/dist/cdn/components/moni-tabs.js +38 -0
  68. package/dist/cdn/components/moni-text-field.js +83 -0
  69. package/dist/cdn/components/moni-textarea.js +46 -0
  70. package/dist/cdn/components/moni-time-picker.js +496 -0
  71. package/dist/cdn/components/moni-toolbar.js +71 -0
  72. package/dist/cdn/components/moni-tooltip.js +161 -0
  73. package/dist/cdn/components/moni-typography.js +117 -0
  74. package/dist/cdn/importmap.json +102 -0
  75. package/dist/cdn/moni-ui.min.css +1 -0
  76. package/dist/components/_base/shared-styles.d.ts.map +1 -1
  77. package/dist/components/_base/shared-styles.js +56 -0
  78. package/dist/styles/base.css +27 -7
  79. package/package.json +3 -1
  80. package/src/components/_base/shared-styles.test.ts +15 -0
  81. package/src/components/_base/shared-styles.ts +56 -0
  82. package/src/styles/base.css +27 -7
package/src/styles/base.css CHANGED
@@ -118,25 +118,45 @@ h6,
118
118
  background-size: 200px 200px;
119
119
  }
120
120
 
121
- /* Scrollbar discreto */
121
+ /* Material 3 scrollbar for document-level scroll containers. */
122
+ * {
123
+ scrollbar-width: thin;
124
+ scrollbar-color:
125
+ var(--moni-scrollbar-thumb, color-mix(in srgb, var(--moni-on-surface-variant, #49454f) 38%, transparent))
126
+ var(--moni-scrollbar-track, transparent);
127
+ }
128
+
122
129
  *::-webkit-scrollbar {
123
- width: 8px;
124
- height: 8px;
130
+ width: var(--moni-scrollbar-size, 0.625rem);
131
+ height: var(--moni-scrollbar-size, 0.625rem);
125
132
  }
126
133
 
127
134
  *::-webkit-scrollbar-track {
128
- background: transparent;
135
+ background: var(--moni-scrollbar-track, transparent);
136
+ border-radius: 999px;
129
137
  }
130
138
 
131
139
  *::-webkit-scrollbar-thumb {
132
- background: var(--color-outline-variant);
133
- border-radius: 4px;
140
+ min-height: 2.5rem;
141
+ background: var(--moni-scrollbar-thumb, color-mix(in srgb, var(--moni-on-surface-variant, #49454f) 38%, transparent));
142
+ background-clip: padding-box;
143
+ border: 0.1875rem solid transparent;
144
+ border-radius: 999px;
134
145
  }
135
146
 
136
147
  *::-webkit-scrollbar-thumb:hover {
137
- background: var(--color-outline);
148
+ background: var(--moni-scrollbar-thumb-hover, color-mix(in srgb, var(--moni-on-surface-variant, #49454f) 62%, transparent));
149
+ background-clip: padding-box;
150
+ border-width: 0.125rem;
138
151
  }
139
152
 
153
+ *::-webkit-scrollbar-thumb:active {
154
+ background: var(--moni-scrollbar-thumb-active, color-mix(in srgb, var(--moni-primary, #6750a4) 76%, transparent));
155
+ background-clip: padding-box;
156
+ }
157
+
158
+ *::-webkit-scrollbar-corner { background: transparent; }
159
+
140
160
  /* Focus visible */
141
161
  :focus-visible {
142
162
  outline: 2px solid var(--color-primary);