arvue-ui 0.3.3 → 0.5.0

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 (93) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/autocomplete/autocompleteInput.js +3 -3
  3. package/dist/autocomplete/autocompleteInput.js.map +1 -1
  4. package/dist/combobox/combobox.js +56 -0
  5. package/dist/combobox/combobox.js.map +1 -0
  6. package/dist/combobox/comboboxAnchor.js +24 -0
  7. package/dist/combobox/comboboxAnchor.js.map +1 -0
  8. package/dist/combobox/comboboxCancel.js +23 -0
  9. package/dist/combobox/comboboxCancel.js.map +1 -0
  10. package/dist/combobox/comboboxContent.js +73 -0
  11. package/dist/combobox/comboboxContent.js.map +1 -0
  12. package/dist/combobox/comboboxEmpty.js +33 -0
  13. package/dist/combobox/comboboxEmpty.js.map +1 -0
  14. package/dist/combobox/comboboxGroup.js +23 -0
  15. package/dist/combobox/comboboxGroup.js.map +1 -0
  16. package/dist/combobox/comboboxInput.js +67 -0
  17. package/dist/combobox/comboboxInput.js.map +1 -0
  18. package/dist/combobox/comboboxItem.js +36 -0
  19. package/dist/combobox/comboboxItem.js.map +1 -0
  20. package/dist/combobox/comboboxLabel.js +34 -0
  21. package/dist/combobox/comboboxLabel.js.map +1 -0
  22. package/dist/combobox/comboboxPortal.js +25 -0
  23. package/dist/combobox/comboboxPortal.js.map +1 -0
  24. package/dist/combobox/comboboxSeparator.js +33 -0
  25. package/dist/combobox/comboboxSeparator.js.map +1 -0
  26. package/dist/combobox/comboboxTrigger.js +24 -0
  27. package/dist/combobox/comboboxTrigger.js.map +1 -0
  28. package/dist/combobox/comboboxViewport.js +24 -0
  29. package/dist/combobox/comboboxViewport.js.map +1 -0
  30. package/dist/dialog/dialogDescription.js.map +1 -1
  31. package/dist/dialog/dialogFooter.js.map +1 -1
  32. package/dist/dialog/dialogHeader.js.map +1 -1
  33. package/dist/dialog/dialogTitle.js.map +1 -1
  34. package/dist/drawer/drawerDescription.js.map +1 -1
  35. package/dist/drawer/drawerFooter.js.map +1 -1
  36. package/dist/drawer/drawerHeader.js.map +1 -1
  37. package/dist/drawer/drawerTitle.js.map +1 -1
  38. package/dist/index.d.ts +331 -113
  39. package/dist/index.d.ts.map +1 -1
  40. package/dist/index.js +57 -1277
  41. package/dist/index.js.map +1 -1
  42. package/dist/sheet/sheetContent.js.map +1 -1
  43. package/dist/sheet/sheetDescription.js.map +1 -1
  44. package/dist/sheet/sheetFooter.js.map +1 -1
  45. package/dist/sheet/sheetHeader.js.map +1 -1
  46. package/dist/sheet/sheetOverlay.js.map +1 -1
  47. package/dist/sheet/sheetTitle.js.map +1 -1
  48. package/dist/sonner/sonner.js +51 -0
  49. package/dist/sonner/sonner.js.map +1 -0
  50. package/dist/style.css +30 -14
  51. package/package.json +3 -2
  52. package/src/autocomplete/AutocompleteInput.vue +1 -1
  53. package/src/autocomplete/autocomplete-input.css +5 -0
  54. package/src/autocomplete/autocomplete.css +1 -0
  55. package/src/combobox/Combobox.vue +36 -0
  56. package/src/combobox/ComboboxAnchor.vue +17 -0
  57. package/src/combobox/ComboboxCancel.vue +17 -0
  58. package/src/combobox/ComboboxContent.vue +46 -0
  59. package/src/combobox/ComboboxEmpty.vue +31 -0
  60. package/src/combobox/ComboboxGroup.vue +17 -0
  61. package/src/combobox/ComboboxInput.vue +69 -0
  62. package/src/combobox/ComboboxItem.vue +35 -0
  63. package/src/combobox/ComboboxLabel.vue +31 -0
  64. package/src/combobox/ComboboxPortal.vue +17 -0
  65. package/src/combobox/ComboboxSeparator.vue +31 -0
  66. package/src/combobox/ComboboxTrigger.vue +17 -0
  67. package/src/combobox/ComboboxViewport.vue +17 -0
  68. package/src/combobox/combobox-content.css +11 -0
  69. package/src/combobox/combobox-empty.css +7 -0
  70. package/src/combobox/combobox-input.css +10 -0
  71. package/src/combobox/combobox-item.css +14 -0
  72. package/src/combobox/combobox-label.css +6 -0
  73. package/src/combobox/combobox-separator.css +5 -0
  74. package/src/combobox/combobox.css +5 -0
  75. package/src/combobox/index.ts +56 -0
  76. package/src/dialog/DialogDescription.vue +1 -1
  77. package/src/dialog/DialogFooter.vue +1 -1
  78. package/src/dialog/DialogHeader.vue +1 -1
  79. package/src/dialog/DialogTitle.vue +1 -1
  80. package/src/drawer/DrawerDescription.vue +1 -1
  81. package/src/drawer/DrawerFooter.vue +1 -1
  82. package/src/drawer/DrawerHeader.vue +1 -1
  83. package/src/drawer/DrawerTitle.vue +1 -1
  84. package/src/index.ts +2 -0
  85. package/src/sheet/SheetContent.vue +1 -1
  86. package/src/sheet/SheetDescription.vue +1 -1
  87. package/src/sheet/SheetFooter.vue +1 -1
  88. package/src/sheet/SheetHeader.vue +1 -1
  89. package/src/sheet/SheetOverlay.vue +1 -1
  90. package/src/sheet/SheetTitle.vue +1 -1
  91. package/src/sonner/Sonner.vue +47 -0
  92. package/src/sonner/index.ts +5 -0
  93. package/src/sonner/sonner.css +91 -0
package/src/sonner/sonner.css ADDED
@@ -0,0 +1,91 @@
1
+ /* tsdown/css (postcss-import) не резолвит пути из package.json у пакета, поэтому путь до стилей прямой */
2
+ @import 'vue-sonner/lib/index.css';
3
+
4
+ .arvue-sonner[data-sonner-toaster] {
5
+ --offset-top: 5.5rem !important;
6
+ --offset-right: 1.5rem !important;
7
+ --offset-left: 1.5rem !important;
8
+ z-index: 1060;
9
+ }
10
+
11
+ .arvue-sonner[data-sonner-toaster][data-sonner-theme='light'],
12
+ .arvue-sonner[data-sonner-toaster][data-sonner-theme='dark'] {
13
+ --normal-bg: var(--alert-background-color);
14
+ --normal-border: var(--alert-border-color);
15
+ --normal-text: var(--alert-text-color);
16
+
17
+ --success-bg: var(--alert-success-background-color);
18
+ --success-border: var(--alert-success-border-color);
19
+ --success-text: var(--alert-success-text-color);
20
+
21
+ --info-bg: var(--alert-info-background-color);
22
+ --info-border: var(--alert-info-border-color);
23
+ --info-text: var(--alert-info-text-color);
24
+
25
+ --warning-bg: var(--alert-warning-background-color);
26
+ --warning-border: var(--alert-warning-border-color);
27
+ --warning-text: var(--alert-warning-text-color);
28
+
29
+ --error-bg: var(--alert-danger-background-color);
30
+ --error-border: var(--alert-danger-border-color);
31
+ --error-text: var(--alert-danger-text-color);
32
+
33
+ --border-radius: 0.75em;
34
+ }
35
+
36
+ .arvue-sonner li[data-sonner-toast][data-styled="true"] {
37
+ padding: 0.75em 1em;
38
+ font-weight: normal;
39
+ font-style: normal;
40
+ font-size: initial;
41
+ border-width: 0.125rem;
42
+ transition: background-color var(--timing-default),
43
+ opacity var(--timing-default),
44
+ transform var(--timing-default),
45
+ height var(--timing-default),
46
+ box-shadow var(--timing-fast);
47
+ }
48
+
49
+ .arvue-sonner li[data-sonner-toast][data-styled='true'] [data-description] {
50
+ color: var(--text-color-hint);
51
+ font-size: 81.25%;
52
+ }
53
+
54
+ .arvue-sonner li[data-sonner-toast][data-styled='true'] [data-button] {
55
+ border-radius: .5em;
56
+ background: var(--accent-color);
57
+ margin-left: var(--toast-button-margin-start);
58
+ outline: 0 none;
59
+ box-shadow: 0 0.25em 0.75em -0.25em rgba(0, 0, 0, 0.2);
60
+ cursor: pointer;
61
+ color: var(--white);
62
+ transition: color 0.1s ease-in-out,
63
+ background-color 0.1s ease-in-out,
64
+ border-color 0.1s ease-in-out,
65
+ box-shadow 0.1s ease-in-out,
66
+ opacity 0.1s ease-in-out;
67
+ }
68
+
69
+ .arvue-sonner li[data-sonner-toast][data-styled='true'] [data-button]:hover {
70
+ box-shadow: none;
71
+ background: var(--accent-color);
72
+ }
73
+
74
+ .arvue-sonner li[data-sonner-toast][data-styled='true'] [data-close-button] {
75
+ border-width: 0.125rem;
76
+ border-color: inherit;
77
+ margin: 0;
78
+ }
79
+
80
+ .arvue-sonner li[data-sonner-toast][data-styled='true'] [data-close-button] [data-icon] {
81
+ display: inline-block;
82
+ margin: 0;
83
+ color: var(--dark-gray);
84
+ height: 12px;
85
+ width: 12px;
86
+ }
87
+
88
+ html[data-theme="dark"] .arvue-sonner li[data-sonner-toast][data-styled='true'] [data-close-button] [data-icon],
89
+ .arvue-sonner li[data-sonner-toast][data-type='error'][data-styled='true'] [data-close-button] [data-icon]{
90
+ color: var(--white);
91
+ }