vueless 0.0.478-beta.12 → 0.0.478-beta.13

package/composables/useAutoPosition.ts

@@ -14,6 +14,15 @@ export enum Direction {
 export type Align = `${Direction}`;
 export type Position = { x: Align; y: Align };
 
+// TODO: Remove it after ui.form-date-picker-range and ui.form-date-picker ts migration (use enum there instead).
+export const POSITION = {
+  left: "left",
+  right: "right",
+  top: "top",
+  bottom: "bottom",
+  auto: "auto",
+};
+
 export function useAutoPosition(
   anchorElement: MaybeRef<HTMLElement | null>,
   targetElement: MaybeRef<HTMLElement | null>,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.478-beta.12",
+  "version": "0.0.478-beta.13",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.dropdown-link/config.js

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: "relative inline-block",
+  wrapperActive: "group",
   dropdownLink: "{ULink}",
-  dropdownLinkActive: "group ring-dynamic ring-offset-4 ring-brand-700/15",
   dropdownIcon: "{UIcon} block transition duration-300 group-[]:rotate-180",
   dropdownList: {
     base: "{UDropdownList} w-fit",

package/ui.dropdown-link/useAttrs.js

@@ -9,14 +9,12 @@ export default function useAttrs(props, { isShownOptions }) {
     () => props.config,
   );
 
-  const extendingKeys = ["dropdownLinkActive"];
+  const extendingKeys = ["wrapperActive"];
   const extendingKeysClasses = getExtendingKeysClasses(extendingKeys);
 
   const keysAttrs = getKeysAttrs({}, extendingKeys, {
-    dropdownLink: {
-      extend: computed(() => [
-        isShownOptions.value && extendingKeysClasses.dropdownLinkActive.value,
-      ]),
+    wrapper: {
+      extend: computed(() => [isShownOptions.value && extendingKeysClasses.wrapperActive.value]),
     },
   });