@bitrix24/b24ui-nuxt 0.2.2 → 0.2.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 (38) hide show
  1. package/.nuxt/b24ui/button.ts +9 -2
  2. package/.nuxt/b24ui/checkbox.ts +1 -1
  3. package/.nuxt/b24ui/index.ts +1 -0
  4. package/.nuxt/b24ui/input-menu.ts +1 -1
  5. package/.nuxt/b24ui/modal.ts +28 -0
  6. package/.nuxt/b24ui/radio-group.ts +1 -1
  7. package/.nuxt/b24ui/range.ts +1 -1
  8. package/.nuxt/b24ui/select-menu.ts +1 -1
  9. package/.nuxt/b24ui/select.ts +1 -1
  10. package/.nuxt/b24ui/switch.ts +1 -1
  11. package/.nuxt/b24ui/tabs.ts +2 -2
  12. package/.nuxt/b24ui/toaster.ts +4 -4
  13. package/dist/meta.cjs +1357 -13
  14. package/dist/meta.d.cts +1357 -13
  15. package/dist/meta.d.mts +1357 -13
  16. package/dist/meta.d.ts +1357 -13
  17. package/dist/meta.mjs +1357 -13
  18. package/dist/module.cjs +1 -1
  19. package/dist/module.json +1 -1
  20. package/dist/module.mjs +1 -1
  21. package/dist/runtime/components/App.vue +2 -2
  22. package/dist/runtime/components/Modal.vue +179 -0
  23. package/dist/runtime/components/ModalDialogClose.vue +17 -0
  24. package/dist/runtime/components/ModalProvider.vue +12 -0
  25. package/dist/runtime/composables/useComponentIcons.d.ts +2 -2
  26. package/dist/runtime/composables/useModal.d.ts +17 -0
  27. package/dist/runtime/composables/useModal.js +46 -0
  28. package/dist/runtime/plugins/modal.d.ts +2 -0
  29. package/dist/runtime/plugins/modal.js +10 -0
  30. package/dist/runtime/types/index.d.ts +2 -0
  31. package/dist/runtime/types/index.js +2 -0
  32. package/dist/shared/{b24ui-nuxt.DgnM0VWe.cjs → b24ui-nuxt.Ce3hzs_q.cjs} +79 -26
  33. package/dist/shared/{b24ui-nuxt.CYvh5VlN.mjs → b24ui-nuxt.DY8ePXC7.mjs} +79 -26
  34. package/dist/unplugin.cjs +1 -1
  35. package/dist/unplugin.mjs +1 -1
  36. package/dist/vite.cjs +1 -1
  37. package/dist/vite.mjs +1 -1
  38. package/package.json +6 -4
package/.nuxt/b24ui/button.ts CHANGED
@@ -32,7 +32,8 @@ export default {
32
32
  "slots": {
33
33
  "base": [
34
34
  "select-none cursor-pointer inline-flex items-center",
35
- "relative focus:outline-hidden",
35
+ "relative",
36
+ "outline-transparent focus:outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2",
36
37
  "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50",
37
38
  "transition duration-150 ease-linear"
38
39
  ],
@@ -136,7 +137,7 @@ export default {
136
137
  {
137
138
  "color": "default" as typeof color[number],
138
139
  "depth": "light" as typeof depth[number],
139
- "class": "text-base-800 dark:text-base-800 bg-base-200 border border-base-300 hover:bg-base-320 hover:border-base-320 hover:focus-visible:ring-0 active:bg-base-250 active:border-base-250 active:focus-visible:ring-0 disabled:bg-base-200 aria-disabled:bg-base-200 disabled:border-base-300 aria-disabled:border-base-300 focus-visible:outline-base-200"
140
+ "class": "text-base-800 dark:text-base-800 bg-base-200 border border-base-300 hover:bg-base-320 hover:border-base-320 hover:focus-visible:ring-0 active:bg-base-250 active:border-base-250 active:focus-visible:ring-0 disabled:bg-base-200 aria-disabled:bg-base-200 disabled:border-base-300 aria-disabled:border-base-300 focus-visible:outline-base-200 ring-base-320 focus-visible:ring-base-320"
140
141
  },
141
142
  {
142
143
  "color": "default" as typeof color[number],
@@ -224,6 +225,12 @@ export default {
224
225
  "useLabel": true,
225
226
  "class": "ps-1.5 pe-1.5"
226
227
  },
228
+ {
229
+ "color": "link" as typeof color[number],
230
+ "depth": "normal" as typeof depth[number],
231
+ "useLabel": true,
232
+ "class": "ps-0 pe-0"
233
+ },
227
234
  {
228
235
  "color": "link" as typeof color[number],
229
236
  "depth": "dark" as typeof depth[number],
package/.nuxt/b24ui/checkbox.ts CHANGED
@@ -19,7 +19,7 @@ const size = [
19
19
  export default {
20
20
  "slots": {
21
21
  "root": "relative flex items-start",
22
- "base": "cursor-pointer shrink-0 flex items-center justify-center rounded-2xs text-white dark:text-base-150 ring ring-inset ring-base-300 dark:ring-base-700 focus-visible:outline-2 focus-visible:outline-offset-2",
22
+ "base": "cursor-pointer shrink-0 flex items-center justify-center rounded-2xs text-white dark:text-base-150 ring ring-inset ring-base-300 dark:ring-base-700 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
23
23
  "container": "flex items-center",
24
24
  "wrapper": "font-b24-primary ms-2",
25
25
  "icon": "shrink-0 size-full",
package/.nuxt/b24ui/index.ts CHANGED
@@ -16,6 +16,7 @@ export { default as input } from './input'
16
16
  export { default as inputMenu } from './input-menu'
17
17
  export { default as kbd } from './kbd'
18
18
  export { default as link } from './link'
19
+ export { default as modal } from './modal'
19
20
  export { default as progress } from './progress'
20
21
  export { default as radioGroup } from './radio-group'
21
22
  export { default as range } from './range'
package/.nuxt/b24ui/input-menu.ts CHANGED
@@ -48,7 +48,7 @@ export default {
48
48
  "trailingIcon": "shrink-0 text-base-400",
49
49
  "tag": "pointer-events-none select-none absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center font-b24-primary font-bold text-6xs leading-none uppercase rounded-full",
50
50
  "arrow": "fill-base-master/10 dark:fill-base-100/20",
51
- "content": "w-[var(--reka-popper-anchor-width)] bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
51
+ "content": "w-(--reka-popper-anchor-width) bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
52
52
  "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
53
53
  "group": "p-1 isolate",
54
54
  "empty": "py-2 text-center text-sm text-base-500 dark:text-base-600",
package/.nuxt/b24ui/modal.ts ADDED
@@ -0,0 +1,28 @@
1
+ export default {
2
+ "slots": {
3
+ "overlay": "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
4
+ "content": "py-md2 px-5 fixed w-full h-dvh bg-white dark:bg-base-950 flex flex-col focus:outline-none",
5
+ "header": "pe-5 pt-0",
6
+ "body": "flex-1 overflow-y-auto my-2.5 text-md leading-normal",
7
+ "footer": "flex items-center justify-center gap-3 mt-2.5 pt-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20",
8
+ "title": "font-bold text-md leading-normal text-base-900 dark:text-base-150",
9
+ "description": "mt-0.5 mb-1 text-base-500 dark:text-base-400 text-sm",
10
+ "close": "absolute top-2 end-1.5 p-0.5"
11
+ },
12
+ "variants": {
13
+ "transition": {
14
+ "true": {
15
+ "overlay": "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
16
+ "content": "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
17
+ }
18
+ },
19
+ "fullscreen": {
20
+ "true": {
21
+ "content": "inset-0"
22
+ },
23
+ "false": {
24
+ "content": "top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] sm:min-w-[400px] sm:max-w-[420px] sm:h-auto sm:max-h-[calc(100vh-4rem)] sm:rounded-md sm:shadow-lg sm:ring ring-base-300 dark:ring-base-800"
25
+ }
26
+ }
27
+ }
28
+ }
package/.nuxt/b24ui/radio-group.ts CHANGED
@@ -27,7 +27,7 @@ export default {
27
27
  "fieldset": "flex",
28
28
  "legend": "mb-1.5 block font-medium text-base-master dark:text-base-400",
29
29
  "item": "flex items-start",
30
- "base": "cursor-pointer rounded-full ring ring-inset ring-base-300 dark:ring-base-700 focus-visible:outline-2 focus-visible:outline-offset-2",
30
+ "base": "cursor-pointer rounded-full ring ring-inset ring-base-300 dark:ring-base-700 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
31
31
  "indicator": " flex items-center justify-center size-full rounded-full after:bg-white dark:after:bg-base-dark after:rounded-full",
32
32
  "container": "flex items-center",
33
33
  "wrapper": "font-b24-primary font-regular ms-2",
package/.nuxt/b24ui/range.ts CHANGED
@@ -26,7 +26,7 @@ export default {
26
26
  "root": "relative flex items-center select-none touch-none",
27
27
  "track": "relative bg-base-200 dark:bg-base-800 overflow-hidden rounded-full grow",
28
28
  "range": "absolute rounded-full",
29
- "thumb": "rounded-full bg-white dark:bg-base-100 ring-2 focus-visible:outline-2 focus-visible:outline-offset-2"
29
+ "thumb": "rounded-full bg-white dark:bg-base-100 ring-2 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2"
30
30
  },
31
31
  "variants": {
32
32
  "color": {
package/.nuxt/b24ui/select-menu.ts CHANGED
@@ -50,7 +50,7 @@ export default {
50
50
  "value": "truncate pointer-events-none",
51
51
  "placeholder": "truncate text-base-400 dark:text-base-300",
52
52
  "arrow": "fill-base-master/10 dark:fill-base-100/20",
53
- "content": "w-[var(--reka-popper-anchor-width)] bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
53
+ "content": "w-(--reka-popper-anchor-width) bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
54
54
  "scrollUpDownButton": "flex items-center justify-center h-[25px] cursor-default backdrop-blur text-base-800 bg-white dark:text-base-100 dark:bg-base-dark",
55
55
  "scrollUpDownButtonIcon": "",
56
56
  "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
package/.nuxt/b24ui/select.ts CHANGED
@@ -50,7 +50,7 @@ export default {
50
50
  "value": "truncate pointer-events-none",
51
51
  "placeholder": "truncate text-base-400 dark:text-base-300",
52
52
  "arrow": "fill-base-master/10 dark:fill-base-100/20",
53
- "content": "w-[var(--reka-popper-anchor-width)] bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
53
+ "content": "w-(--reka-popper-anchor-width) bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
54
54
  "scrollUpDownButton": "flex items-center justify-center h-[25px] cursor-default backdrop-blur text-base-800 bg-white dark:text-base-100 dark:bg-base-dark",
55
55
  "scrollUpDownButtonIcon": "",
56
56
  "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
package/.nuxt/b24ui/switch.ts CHANGED
@@ -19,7 +19,7 @@ const size = [
19
19
  export default {
20
20
  "slots": {
21
21
  "root": "relative flex items-start",
22
- "base": "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800 transition-colors duration-200",
22
+ "base": "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800 outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2 transition-colors duration-200",
23
23
  "container": "flex items-center",
24
24
  "thumb": "group pointer-events-none rounded-full bg-white dark:bg-base-100 shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
25
25
  "icon": "absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10 transition-[color,opacity] duration-200",
package/.nuxt/b24ui/tabs.ts CHANGED
@@ -65,12 +65,12 @@ export default {
65
65
  "horizontal": {
66
66
  "root": "flex-col",
67
67
  "list": "w-full",
68
- "indicator": "left-0 w-[var(--reka-tabs-indicator-size)] translate-x-[var(--reka-tabs-indicator-position)]",
68
+ "indicator": "left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)",
69
69
  "trigger": "justify-center"
70
70
  },
71
71
  "vertical": {
72
72
  "list": "flex-col",
73
- "indicator": "top-0 h-[var(--reka-tabs-indicator-size)] translate-y-[var(--reka-tabs-indicator-position)]"
73
+ "indicator": "top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)"
74
74
  }
75
75
  },
76
76
  "size": {
package/.nuxt/b24ui/toaster.ts CHANGED
@@ -16,8 +16,8 @@ const swipeDirection = [
16
16
 
17
17
  export default {
18
18
  "slots": {
19
- "viewport": "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-[var(--height)] focus:outline-none",
20
- "base": "pointer-events-auto absolute inset-x-0 z-[var(--index)] transform-[var(--transform)] data-[expanded=false]:data-[front=false]:h-[var(--front-height)] data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
19
+ "viewport": "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none",
20
+ "base": "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
21
21
  },
22
22
  "variants": {
23
23
  "position": {
@@ -75,14 +75,14 @@ export default {
75
75
  "left" as typeof swipeDirection[number],
76
76
  "right" as typeof swipeDirection[number]
77
77
  ],
78
- "class": "data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)] data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)] data-[swipe=cancel]:translate-x-0"
78
+ "class": "data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=cancel]:translate-x-0"
79
79
  },
80
80
  {
81
81
  "swipeDirection": [
82
82
  "up" as typeof swipeDirection[number],
83
83
  "down" as typeof swipeDirection[number]
84
84
  ],
85
- "class": "data-[swipe=move]:translate-y-[var(--reka-toast-swipe-move-y)] data-[swipe=end]:translate-y-[var(--reka-toast-swipe-end-y)] data-[swipe=cancel]:translate-y-0"
85
+ "class": "data-[swipe=move]:translate-y-(--reka-toast-swipe-move-y) data-[swipe=end]:translate-y-(--reka-toast-swipe-end-y) data-[swipe=cancel]:translate-y-0"
86
86
  }
87
87
  ],
88
88
  "defaultVariants": {