@bagelink/vue 1.15.82 → 1.15.86

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 (49) hide show
  1. package/dist/components/Alert.vue.d.ts +6 -1
  2. package/dist/components/Alert.vue.d.ts.map +1 -1
  3. package/dist/components/Avatar.vue.d.ts +3 -1
  4. package/dist/components/Avatar.vue.d.ts.map +1 -1
  5. package/dist/components/Badge.vue.d.ts +4 -0
  6. package/dist/components/Badge.vue.d.ts.map +1 -1
  7. package/dist/components/EmptyState.vue.d.ts.map +1 -1
  8. package/dist/components/Image.vue.d.ts.map +1 -1
  9. package/dist/components/form/inputs/ArrayInput.vue.d.ts.map +1 -1
  10. package/dist/components/form/inputs/RangeInput.vue.d.ts.map +1 -1
  11. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  12. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  13. package/dist/components/index.d.ts +2 -0
  14. package/dist/components/index.d.ts.map +1 -1
  15. package/dist/components/kanban/KanbanBoard.vue.d.ts +42 -0
  16. package/dist/components/kanban/KanbanBoard.vue.d.ts.map +1 -0
  17. package/dist/components/kanban/kanbanTypes.d.ts +64 -0
  18. package/dist/components/kanban/kanbanTypes.d.ts.map +1 -0
  19. package/dist/composables/useGradientVariant.d.ts.map +1 -1
  20. package/dist/index.cjs +165 -138
  21. package/dist/index.mjs +35488 -41334
  22. package/dist/style.css +1 -2
  23. package/package.json +1 -1
  24. package/src/components/Alert.vue +40 -9
  25. package/src/components/Avatar.vue +8 -5
  26. package/src/components/Badge.vue +30 -0
  27. package/src/components/Dropdown.vue +1 -1
  28. package/src/components/EmptyState.vue +5 -1
  29. package/src/components/Image.vue +18 -4
  30. package/src/components/form/inputs/ArrayInput.vue +2 -2
  31. package/src/components/form/inputs/RangeInput.vue +0 -2
  32. package/src/components/form/inputs/RichText/components/TableGridSelector.vue +1 -1
  33. package/src/components/form/inputs/RichText/editor.css +14 -8
  34. package/src/components/form/inputs/RichText/index.vue +1 -1
  35. package/src/components/form/inputs/TextInput.vue +6 -2
  36. package/src/components/form/inputs/Upload/upload.css +7 -1
  37. package/src/components/index.ts +2 -0
  38. package/src/components/kanban/KanbanBoard.vue +231 -0
  39. package/src/components/kanban/kanbanTypes.ts +72 -0
  40. package/src/composables/useGradientVariant.ts +20 -3
  41. package/src/styles/appearance.css +108 -0
  42. package/src/styles/base-colors.css +830 -1
  43. package/src/styles/buttons.css +44 -2
  44. package/src/styles/color-variants.css +13 -0
  45. package/src/styles/colors.css +1115 -1
  46. package/src/styles/mobileColors.css +1156 -0
  47. package/src/styles/motion.css +107 -19
  48. package/src/styles/theme.css +84 -1
  49. package/vite.config.ts +2 -2
package/src/styles/buttons.css CHANGED
@@ -52,10 +52,12 @@
52
52
  .btn-close:hover {
53
53
  background: var(--bgl-gray-light);
54
54
  opacity: 1;
55
+ filter: var(--bgl-hover-filter);
55
56
  }
56
57
 
57
58
  .btn-close:active {
58
59
  background: var(--bgl-gray);
60
+ filter: var(--bgl-active-filter);
59
61
  }
60
62
 
61
63
  .btn-close::before {
@@ -70,12 +72,12 @@
70
72
  }
71
73
 
72
74
  .hover:hover {
73
- filter: brightness(90%);
75
+ filter: var(--bgl-hover-filter);
74
76
  }
75
77
 
76
78
 
77
79
  .hover:active {
78
- filter: brightness(80%);
80
+ filter: var(--bgl-active-filter);
79
81
  }
80
82
 
81
83
  .hover-transparent:hover,
@@ -179,6 +181,26 @@
179
181
  border: 1px solid var(--bgl-border-color);
180
182
  }
181
183
 
184
+ .border-1 {
185
+ border-width: 1px !important;
186
+ border-style: solid !important;
187
+ }
188
+
189
+ .border-2 {
190
+ border-width: 2px !important;
191
+ border-style: solid !important;
192
+ }
193
+
194
+ .border-3 {
195
+ border-width: 3px !important;
196
+ border-style: solid !important;
197
+ }
198
+
199
+ .border-4 {
200
+ border-width: 4px !important;
201
+ border-style: solid !important;
202
+ }
203
+
182
204
  .outline {
183
205
  outline: 1px solid var(--bgl-border-color);
184
206
  }
@@ -248,6 +270,26 @@
248
270
  .m_rotate-0 {
249
271
  transform: rotate(0deg) !important;
250
272
  }
273
+
274
+ .m_border-1 {
275
+ border-width: 1px !important;
276
+ border-style: solid !important;
277
+ }
278
+
279
+ .m_border-2 {
280
+ border-width: 2px !important;
281
+ border-style: solid !important;
282
+ }
283
+
284
+ .m_border-3 {
285
+ border-width: 3px !important;
286
+ border-style: solid !important;
287
+ }
288
+
289
+ .m_border-4 {
290
+ border-width: 4px !important;
291
+ border-style: solid !important;
292
+ }
251
293
  }
252
294
 
253
295
  .ripple {
package/src/styles/color-variants.css CHANGED
@@ -156,3 +156,16 @@
156
156
  color: var(--bgl-white) !important;
157
157
  border: none !important;
158
158
  }
159
+
160
+ /* New role colors — tone map */
161
+ .pair-secondary,
162
+ .pair-secondary-light, .pair-secondary-tint,
163
+ .pair-secondary-10, .pair-secondary-20, .pair-secondary-30, .pair-secondary-40, .pair-secondary-50, .pair-secondary-60, .pair-secondary-70, .pair-secondary-80, .pair-secondary-90, .pair-secondary-100, .pair-secondary-110, .pair-secondary-120, .pair-secondary-130 { --bgl-pair-tone: var(--bgl-secondary); }
164
+
165
+ .pair-tertiary,
166
+ .pair-tertiary-light, .pair-tertiary-tint,
167
+ .pair-tertiary-10, .pair-tertiary-20, .pair-tertiary-30, .pair-tertiary-40, .pair-tertiary-50, .pair-tertiary-60, .pair-tertiary-70, .pair-tertiary-80, .pair-tertiary-90, .pair-tertiary-100, .pair-tertiary-110, .pair-tertiary-120, .pair-tertiary-130 { --bgl-pair-tone: var(--bgl-tertiary); }
168
+
169
+ .pair-quaternary,
170
+ .pair-quaternary-light, .pair-quaternary-tint,
171
+ .pair-quaternary-10, .pair-quaternary-20, .pair-quaternary-30, .pair-quaternary-40, .pair-quaternary-50, .pair-quaternary-60, .pair-quaternary-70, .pair-quaternary-80, .pair-quaternary-90, .pair-quaternary-100, .pair-quaternary-110, .pair-quaternary-120, .pair-quaternary-130 { --bgl-pair-tone: var(--bgl-quaternary); }