ropav 0.0.5 → 0.0.7

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 (178) hide show
  1. package/README.md +20 -51
  2. package/dist/_plugin-vue_export-helper.js +1 -11
  3. package/dist/accordion.css +112 -0
  4. package/dist/accordion.js +360 -0
  5. package/dist/accordion.js.map +1 -0
  6. package/dist/badge.css +169 -0
  7. package/dist/badge.js +103 -0
  8. package/dist/badge.js.map +1 -0
  9. package/dist/base.css +21 -0
  10. package/dist/bem.js +11 -0
  11. package/dist/bem.js.map +1 -0
  12. package/dist/button-group.css +50 -0
  13. package/dist/button-group.js +50 -0
  14. package/dist/button-group.js.map +1 -0
  15. package/dist/button.css +72 -42
  16. package/dist/button.js +43 -32
  17. package/dist/button.js.map +1 -1
  18. package/dist/card.js +2 -1
  19. package/dist/card.js.map +1 -1
  20. package/dist/checkbox.css +105 -102
  21. package/dist/checkbox.js +20 -7
  22. package/dist/checkbox.js.map +1 -1
  23. package/dist/collapse.css +32 -0
  24. package/dist/collapse.js +68 -0
  25. package/dist/collapse.js.map +1 -0
  26. package/dist/componentColors.js +22 -0
  27. package/dist/componentColors.js.map +1 -0
  28. package/dist/components/accordion/accordion-item.d.ts +40 -0
  29. package/dist/components/accordion/accordion.d.ts +23 -0
  30. package/dist/components/accordion/index.d.ts +4 -0
  31. package/dist/components/accordion/index.js +2 -0
  32. package/dist/components/accordion/types.d.ts +100 -0
  33. package/dist/components/accordion/useAccordion.d.ts +3 -0
  34. package/dist/components/badge/badge.d.ts +25 -0
  35. package/dist/components/badge/index.d.ts +3 -0
  36. package/dist/components/badge/index.js +2 -0
  37. package/dist/components/badge/types.d.ts +16 -0
  38. package/dist/components/badge/useBadgeColor.d.ts +8 -0
  39. package/dist/components/button/button.d.ts +2 -0
  40. package/dist/components/button/types.d.ts +2 -1
  41. package/dist/components/button/useButtonColor.d.ts +13 -0
  42. package/dist/components/button-group/button-group.d.ts +21 -0
  43. package/dist/components/button-group/index.d.ts +2 -0
  44. package/dist/components/button-group/index.js +2 -0
  45. package/dist/components/button-group/types.d.ts +10 -0
  46. package/dist/components/checkbox/types.d.ts +2 -1
  47. package/dist/components/checkbox/useCheckbox.d.ts +4 -0
  48. package/dist/components/collapse/collapse.d.ts +36 -0
  49. package/dist/components/collapse/index.d.ts +3 -0
  50. package/dist/components/collapse/index.js +3 -0
  51. package/dist/components/collapse/types.d.ts +76 -0
  52. package/dist/components/collapse/useCollapse.d.ts +2 -0
  53. package/dist/components/dropdown-menu/dropdown-menu-items.d.ts +16 -0
  54. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +23 -0
  55. package/dist/components/dropdown-menu/dropdown-menu.d.ts +26 -0
  56. package/dist/components/dropdown-menu/index.d.ts +3 -0
  57. package/dist/components/dropdown-menu/index.js +2 -0
  58. package/dist/components/dropdown-menu/types.d.ts +104 -0
  59. package/dist/components/dropdown-menu/useDropdownMenu.d.ts +32 -0
  60. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +30 -0
  61. package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts +28 -0
  62. package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts +24 -0
  63. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +51 -0
  64. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +16 -0
  65. package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts +25 -0
  66. package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts +18 -0
  67. package/dist/components/field/field.d.ts +2 -2
  68. package/dist/components/field/useField.d.ts +16 -0
  69. package/dist/components/input/useInput.d.ts +8 -0
  70. package/dist/components/modal/index.d.ts +2 -0
  71. package/dist/components/modal/index.js +2 -0
  72. package/dist/components/modal/modal.d.ts +42 -0
  73. package/dist/components/modal/types.d.ts +32 -0
  74. package/dist/components/modal/useModal.d.ts +29 -0
  75. package/dist/components/overlay/index.d.ts +2 -0
  76. package/dist/components/overlay/index.js +2 -0
  77. package/dist/components/overlay/overlay.d.ts +19 -0
  78. package/dist/components/overlay/types.d.ts +12 -0
  79. package/dist/components/overlay/useOverlay.d.ts +7 -0
  80. package/dist/components/popover/index.d.ts +2 -0
  81. package/dist/components/popover/index.js +2 -0
  82. package/dist/components/popover/popover.d.ts +43 -0
  83. package/dist/components/popover/types.d.ts +40 -0
  84. package/dist/components/popover/usePopover.d.ts +20 -0
  85. package/dist/components/progress/index.d.ts +3 -0
  86. package/dist/components/progress/index.js +2 -0
  87. package/dist/components/progress/progress.d.ts +27 -0
  88. package/dist/components/progress/types.d.ts +24 -0
  89. package/dist/components/progress/useProgress.d.ts +28 -0
  90. package/dist/components/radio/types.d.ts +2 -1
  91. package/dist/components/radio/useRadio.d.ts +4 -0
  92. package/dist/components/slider/index.d.ts +3 -0
  93. package/dist/components/slider/index.js +2 -0
  94. package/dist/components/slider/slider.d.ts +35 -0
  95. package/dist/components/slider/types.d.ts +50 -0
  96. package/dist/components/slider/useSlider.d.ts +50 -0
  97. package/dist/components/switch/types.d.ts +2 -1
  98. package/dist/components/switch/useSwitch.d.ts +3 -0
  99. package/dist/components/tabs/index.d.ts +6 -0
  100. package/dist/components/tabs/index.js +2 -0
  101. package/dist/components/tabs/tabs-content.d.ts +24 -0
  102. package/dist/components/tabs/tabs-list.d.ts +26 -0
  103. package/dist/components/tabs/tabs-trigger.d.ts +29 -0
  104. package/dist/components/tabs/tabs.d.ts +31 -0
  105. package/dist/components/tabs/types.d.ts +160 -0
  106. package/dist/components/tabs/useTabs.d.ts +5 -0
  107. package/dist/components/textarea/index.d.ts +1 -1
  108. package/dist/components/textarea/types.d.ts +5 -0
  109. package/dist/components/textarea/useTextarea.d.ts +2 -0
  110. package/dist/components/tooltip/index.d.ts +2 -0
  111. package/dist/components/tooltip/index.js +2 -0
  112. package/dist/components/tooltip/tooltip.d.ts +27 -0
  113. package/dist/components/tooltip/types.d.ts +29 -0
  114. package/dist/components/tooltip/useTooltip.d.ts +17 -0
  115. package/dist/dropdown-menu.css +159 -0
  116. package/dist/dropdown-menu.js +903 -0
  117. package/dist/dropdown-menu.js.map +1 -0
  118. package/dist/field.css +8 -8
  119. package/dist/field.js +68 -50
  120. package/dist/field.js.map +1 -1
  121. package/dist/icon-button.css +82 -49
  122. package/dist/icon-button.js +15 -10
  123. package/dist/icon-button.js.map +1 -1
  124. package/dist/index.d.ts +12 -0
  125. package/dist/index.js +17 -1
  126. package/dist/input.css +25 -25
  127. package/dist/input.js +57 -38
  128. package/dist/input.js.map +1 -1
  129. package/dist/modal.css +134 -0
  130. package/dist/modal.js +433 -0
  131. package/dist/modal.js.map +1 -0
  132. package/dist/overlay.css +28 -0
  133. package/dist/overlay.js +84 -0
  134. package/dist/overlay.js.map +1 -0
  135. package/dist/popover.css +75 -0
  136. package/dist/popover.js +367 -0
  137. package/dist/popover.js.map +1 -0
  138. package/dist/progress.css +125 -0
  139. package/dist/progress.js +178 -0
  140. package/dist/progress.js.map +1 -0
  141. package/dist/radio.css +83 -83
  142. package/dist/radio.js +21 -14
  143. package/dist/radio.js.map +1 -1
  144. package/dist/select.css +3 -1
  145. package/dist/select.js +15 -37
  146. package/dist/select.js.map +1 -1
  147. package/dist/slider.css +438 -0
  148. package/dist/slider.js +413 -0
  149. package/dist/slider.js.map +1 -0
  150. package/dist/switch.css +77 -77
  151. package/dist/switch.js +17 -7
  152. package/dist/switch.js.map +1 -1
  153. package/dist/tabs.css +279 -0
  154. package/dist/tabs.js +515 -0
  155. package/dist/tabs.js.map +1 -0
  156. package/dist/textarea.css +33 -26
  157. package/dist/textarea.js +108 -16
  158. package/dist/textarea.js.map +1 -1
  159. package/dist/tooltip.css +136 -0
  160. package/dist/tooltip.js +385 -0
  161. package/dist/tooltip.js.map +1 -0
  162. package/dist/useButtonColor.js +33 -0
  163. package/dist/useButtonColor.js.map +1 -0
  164. package/dist/useClickOutside.js +26 -0
  165. package/dist/useClickOutside.js.map +1 -0
  166. package/dist/useCollapse.js +94 -0
  167. package/dist/useCollapse.js.map +1 -0
  168. package/dist/useRequiredInject.js +11 -0
  169. package/dist/useRequiredInject.js.map +1 -0
  170. package/dist/x.js +14 -0
  171. package/dist/x.js.map +1 -0
  172. package/package.json +52 -4
  173. package/src/styles/_mixins.scss +17 -0
  174. package/src/styles/_utilities.scss +13 -0
  175. package/src/styles/base.scss +1 -0
  176. package/dist/_plugin-vue_export-helper.js.map +0 -1
  177. package/dist/loader-circle.js +0 -14
  178. package/dist/loader-circle.js.map +0 -1
package/dist/dropdown-menu.css ADDED
@@ -0,0 +1,159 @@
1
+ .rp-dropdown-menu {
2
+ --_rp-dropdown-menu-radius: var(--rp-radius-sm);
3
+ --_rp-dropdown-menu-focused-bg: var(--rp-color-surface-hover);
4
+ position: relative;
5
+ display: inline-flex;
6
+ font-family: var(--rp-font-family);
7
+ vertical-align: middle;
8
+ }
9
+ html.dark .rp-dropdown-menu {
10
+ --_rp-dropdown-menu-focused-bg: var(--rp-color-button-default-bg-active);
11
+ }
12
+ .rp-dropdown-menu--disabled {
13
+ opacity: var(--rp-opacity-disabled);
14
+ cursor: not-allowed;
15
+ }
16
+ .rp-dropdown-menu__content {
17
+ z-index: 100;
18
+ background-color: var(--rp-color-surface-raised);
19
+ border: var(--rp-border-width-thin) solid var(--rp-color-border);
20
+ border-radius: var(--_rp-dropdown-menu-radius);
21
+ box-shadow: var(--rp-shadow-md);
22
+ padding: var(--rp-spacing-1) 0;
23
+ position: absolute;
24
+ min-width: 180px;
25
+ max-width: min(24rem, 100vw - var(--rp-spacing-6));
26
+ max-height: 240px;
27
+ overflow-y: auto;
28
+ padding: var(--rp-spacing-1);
29
+ color: var(--rp-color-text);
30
+ font-size: var(--rp-font-size-base);
31
+ line-height: var(--rp-line-height-normal);
32
+ outline: none;
33
+ }
34
+ .rp-dropdown-menu__content--has-submenu {
35
+ overflow: visible;
36
+ }
37
+ .rp-dropdown-menu--placement-bottom-start .rp-dropdown-menu__content {
38
+ top: calc(100% + var(--rp-spacing-2));
39
+ left: 0;
40
+ }
41
+ .rp-dropdown-menu--placement-bottom-end .rp-dropdown-menu__content {
42
+ top: calc(100% + var(--rp-spacing-2));
43
+ right: 0;
44
+ }
45
+ .rp-dropdown-menu--placement-top-start .rp-dropdown-menu__content {
46
+ bottom: calc(100% + var(--rp-spacing-2));
47
+ left: 0;
48
+ }
49
+ .rp-dropdown-menu--placement-top-end .rp-dropdown-menu__content {
50
+ right: 0;
51
+ bottom: calc(100% + var(--rp-spacing-2));
52
+ }
53
+ .rp-dropdown-menu__item-wrap {
54
+ position: relative;
55
+ }
56
+ .rp-dropdown-menu__item {
57
+ padding: 0;
58
+ font: inherit;
59
+ background: none;
60
+ border: none;
61
+ cursor: pointer;
62
+ display: flex;
63
+ align-items: center;
64
+ width: 100%;
65
+ min-height: var(--rp-size-control-sm);
66
+ padding: var(--rp-spacing-2) var(--rp-spacing-3);
67
+ gap: var(--rp-spacing-4);
68
+ color: var(--rp-color-text);
69
+ text-align: left;
70
+ border-radius: calc(var(--_rp-dropdown-menu-radius) - var(--rp-spacing-1));
71
+ transition: background-color var(--rp-transition-fast), color var(--rp-transition-fast);
72
+ user-select: none;
73
+ white-space: nowrap;
74
+ }
75
+ .rp-dropdown-menu__item:focus-visible, .rp-dropdown-menu__item--focused {
76
+ outline: none;
77
+ background-color: var(--_rp-dropdown-menu-focused-bg);
78
+ }
79
+ .rp-dropdown-menu__item--destructive {
80
+ color: var(--rp-color-danger-fg);
81
+ }
82
+ .rp-dropdown-menu__item--disabled {
83
+ color: var(--rp-color-text-disabled);
84
+ cursor: not-allowed;
85
+ }
86
+ .rp-dropdown-menu__item--submenu {
87
+ padding-right: var(--rp-spacing-2);
88
+ }
89
+ .rp-dropdown-menu__label {
90
+ flex: 1;
91
+ min-width: 0;
92
+ overflow: hidden;
93
+ text-overflow: ellipsis;
94
+ }
95
+ .rp-dropdown-menu__shortcut {
96
+ color: var(--rp-color-text-secondary);
97
+ font: inherit;
98
+ font-size: var(--rp-font-size-sm);
99
+ }
100
+ .rp-dropdown-menu__submenu-icon {
101
+ display: inline-flex;
102
+ align-items: center;
103
+ width: 1rem;
104
+ height: 1rem;
105
+ flex-shrink: 0;
106
+ }
107
+ .rp-dropdown-menu__submenu-icon svg {
108
+ width: 100%;
109
+ height: 100%;
110
+ }
111
+ .rp-dropdown-menu__submenu-icon {
112
+ margin-left: auto;
113
+ color: var(--rp-color-text-secondary);
114
+ }
115
+ .rp-dropdown-menu__submenu {
116
+ z-index: 100;
117
+ background-color: var(--rp-color-surface-raised);
118
+ border: var(--rp-border-width-thin) solid var(--rp-color-border);
119
+ border-radius: var(--_rp-dropdown-menu-radius);
120
+ box-shadow: var(--rp-shadow-md);
121
+ padding: var(--rp-spacing-1) 0;
122
+ position: absolute;
123
+ top: calc(-1 * var(--rp-spacing-1));
124
+ left: calc(100% + var(--rp-spacing-1));
125
+ min-width: 180px;
126
+ max-width: min(24rem, 100vw - var(--rp-spacing-6));
127
+ max-height: 240px;
128
+ overflow-y: auto;
129
+ padding: var(--rp-spacing-1);
130
+ color: var(--rp-color-text);
131
+ font-size: var(--rp-font-size-base);
132
+ line-height: var(--rp-line-height-normal);
133
+ outline: none;
134
+ }
135
+ .rp-dropdown-menu__submenu--has-submenu {
136
+ overflow: visible;
137
+ }
138
+ .rp-dropdown-menu--placement-bottom-end .rp-dropdown-menu__submenu, .rp-dropdown-menu--placement-top-end .rp-dropdown-menu__submenu {
139
+ right: calc(100% + var(--rp-spacing-1));
140
+ left: auto;
141
+ }
142
+ .rp-dropdown-menu__empty {
143
+ display: flex;
144
+ align-items: center;
145
+ justify-content: center;
146
+ min-height: var(--rp-size-control-sm);
147
+ padding: var(--rp-spacing-2) var(--rp-spacing-4);
148
+ color: var(--rp-color-text-secondary);
149
+ font-size: var(--rp-font-size-base);
150
+ }
151
+ .rp-dropdown-menu-content-enter-active,
152
+ .rp-dropdown-menu-content-leave-active {
153
+ transition: opacity var(--rp-transition-fast), transform var(--rp-transition-fast);
154
+ }
155
+ .rp-dropdown-menu-content-enter-from,
156
+ .rp-dropdown-menu-content-leave-to {
157
+ opacity: 0;
158
+ transform: translateY(calc(-1 * var(--rp-spacing-1)));
159
+ }