@teammodlr/ui-kit 2.1.8 → 2.1.9

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 (153) hide show
  1. package/lib/components/avatargroup/symbol.d.ts +2 -2
  2. package/lib/components/breadcrumb/style/index.d.ts +1 -1
  3. package/lib/components/breadcrumb/symbol.d.ts +1 -1
  4. package/lib/components/buttongroup/symbol.d.ts +2 -2
  5. package/lib/components/colorpicker/ColorPicker.vue.d.ts +1 -1
  6. package/lib/components/dropdown/Dropdown.vue.d.ts +1 -1
  7. package/lib/components/dropdown/symbol.d.ts +1 -1
  8. package/lib/components/form/symbol.d.ts +1 -1
  9. package/lib/components/messageprovider/style/index.d.ts +1 -1
  10. package/lib/components/radiobuttongroup/symbol.d.ts +2 -2
  11. package/lib/components/tooltip/Tooltip.vue.d.ts +1 -1
  12. package/lib/components/tree/props.d.ts +4 -4
  13. package/lib/components/tree/types.d.ts +10 -10
  14. package/lib/composables/element.d.ts +1 -1
  15. package/lib/composables/useInteractive.d.ts +1 -1
  16. package/lib/composables/useMount.d.ts +1 -1
  17. package/lib/composables/usePopper.d.ts +2 -2
  18. package/lib/composables/useZIndex.d.ts +1 -1
  19. package/lib/index.cjs.js +9 -9
  20. package/lib/index.es.js +2297 -2276
  21. package/lib/install.d.ts +1 -1
  22. package/lib/nuxt.js +17 -15
  23. package/lib/nuxt.plugin.js +6 -6
  24. package/package.json +89 -79
  25. package/src/__storybook__/argTypes.ts +5 -13
  26. package/src/__storybook__/createStory.ts +10 -10
  27. package/src/call.ts +14 -14
  28. package/src/components/avatar/Avatar.vue +1 -1
  29. package/src/components/avatar/examples/index.stories.ts +4 -7
  30. package/src/components/avatar/style/Avatar.css.ts +17 -17
  31. package/src/components/avatargroup/examples/index.stories.ts +5 -10
  32. package/src/components/avatargroup/style/AvatarGroup.css.ts +9 -4
  33. package/src/components/avatargroup/symbol.ts +5 -5
  34. package/src/components/badge/examples/index.stories.ts +4 -6
  35. package/src/components/badge/style/Badge.css.ts +36 -36
  36. package/src/components/breadcrumb/examples/index.stories.ts +6 -10
  37. package/src/components/breadcrumb/style/Breadcrumb.css.ts +17 -17
  38. package/src/components/breadcrumb/style/index.ts +1 -1
  39. package/src/components/breadcrumb/symbol.ts +4 -3
  40. package/src/components/button/examples/index.stories.ts +4 -4
  41. package/src/components/button/style/Button.css.ts +143 -133
  42. package/src/components/buttongroup/examples/index.stories.ts +6 -12
  43. package/src/components/buttongroup/style/ButtonGroup.css.ts +13 -11
  44. package/src/components/buttongroup/symbol.ts +5 -4
  45. package/src/components/checkbox/Checkbox.vue +8 -8
  46. package/src/components/checkbox/examples/index.stories.ts +4 -9
  47. package/src/components/checkbox/examples/index.ts +0 -1
  48. package/src/components/checkbox/style/Checkbox.css.ts +31 -27
  49. package/src/components/checkbox/style/index.ts +1 -1
  50. package/src/components/colorpicker/examples/index.stories.ts +5 -10
  51. package/src/components/colorpicker/examples/index.ts +1 -1
  52. package/src/components/colorpicker/style/ColorPicker.css.ts +22 -14
  53. package/src/components/colorpicker/utils.ts +46 -28
  54. package/src/components/confirm/examples/index.stories.ts +5 -8
  55. package/src/components/confirm/props.ts +2 -2
  56. package/src/components/confirm/providerProps.ts +1 -2
  57. package/src/components/confirm/types.ts +15 -16
  58. package/src/components/confirm/useConfirm.ts +3 -1
  59. package/src/components/dialog/examples/index.stories.ts +5 -9
  60. package/src/components/dialog/style/Dialog.css.ts +38 -37
  61. package/src/components/dropdown/examples/index.stories.ts +3 -7
  62. package/src/components/dropdown/hooks.ts +20 -20
  63. package/src/components/dropdown/style/Dropdown.css.ts +24 -24
  64. package/src/components/dropdown/symbol.ts +3 -2
  65. package/src/components/form/Form.vue +1 -1
  66. package/src/components/form/examples/index.stories.ts +2 -4
  67. package/src/components/form/style/Form.css.ts +13 -8
  68. package/src/components/form/style/index.ts +2 -2
  69. package/src/components/form/symbol.ts +10 -5
  70. package/src/components/image/examples/index.stories.ts +5 -7
  71. package/src/components/input/Input.vue +8 -9
  72. package/src/components/input/examples/index.stories.ts +5 -7
  73. package/src/components/input/style/Input.css.ts +40 -43
  74. package/src/components/link/examples/index.stories.ts +4 -9
  75. package/src/components/messageprovider/examples/index.stories.ts +5 -8
  76. package/src/components/messageprovider/style/Message.css.ts +31 -31
  77. package/src/components/messageprovider/style/index.ts +1 -1
  78. package/src/components/messageprovider/types.ts +31 -22
  79. package/src/components/messageprovider/useMessage.ts +6 -4
  80. package/src/components/modal/examples/index.stories.ts +5 -10
  81. package/src/components/modal/style/Modal.css.ts +76 -73
  82. package/src/components/pagination/examples/index.stories.ts +5 -9
  83. package/src/components/pagination/examples/index.ts +1 -1
  84. package/src/components/pagination/style/Pagination.css.ts +41 -37
  85. package/src/components/radio/Radio.vue +7 -7
  86. package/src/components/radio/examples/index.stories.ts +4 -9
  87. package/src/components/radio/examples/index.ts +0 -1
  88. package/src/components/radio/style/Checkbox.css.ts +30 -31
  89. package/src/components/radio/style/index.ts +1 -1
  90. package/src/components/radiobutton/RadioButton.vue +3 -3
  91. package/src/components/radiobutton/style/RadioButton.css.ts +41 -36
  92. package/src/components/radiobuttongroup/examples/index.stories.ts +6 -10
  93. package/src/components/radiobuttongroup/examples/index.ts +0 -1
  94. package/src/components/radiobuttongroup/style/RadioButtonGroup.css.ts +14 -14
  95. package/src/components/radiobuttongroup/style/index.ts +1 -1
  96. package/src/components/radiobuttongroup/symbol.ts +8 -7
  97. package/src/components/renderer/examlpes/index.stories.ts +4 -8
  98. package/src/components/renderer/props.ts +2 -3
  99. package/src/components/renderer/renderer.ts +3 -3
  100. package/src/components/select/Select.vue +3 -4
  101. package/src/components/select/examples/index.stories.ts +4 -10
  102. package/src/components/select/style/Select.css.ts +62 -61
  103. package/src/components/skeleton/examples/index.stories.ts +5 -9
  104. package/src/components/skeleton/style/Skeleton.css.ts +16 -16
  105. package/src/components/skeleton/style/index.ts +2 -2
  106. package/src/components/slider/style/Slider.css.ts +12 -5
  107. package/src/components/switch/Switch.vue +4 -4
  108. package/src/components/switch/examples/index.stories.ts +4 -9
  109. package/src/components/switch/examples/index.ts +0 -1
  110. package/src/components/switch/style/Switch.css.ts +56 -57
  111. package/src/components/switch/style/index.ts +1 -1
  112. package/src/components/tab/examples/index.stories.ts +5 -11
  113. package/src/components/table/examples/index.stories.ts +6 -12
  114. package/src/components/table/style/Table.css.ts +22 -17
  115. package/src/components/table/style/index.ts +1 -1
  116. package/src/components/table/types/index.ts +1 -1
  117. package/src/components/tag/examples/index.stories.ts +4 -10
  118. package/src/components/tag/style/Tag.css.ts +14 -9
  119. package/src/components/textarea/Textarea.vue +7 -8
  120. package/src/components/textarea/examples/index.stories.ts +4 -8
  121. package/src/components/textarea/style/Textarea.css.ts +33 -33
  122. package/src/components/tooltip/examples/index.stories.ts +5 -10
  123. package/src/components/tooltip/examples/index.ts +2 -2
  124. package/src/components/tooltip/style/Tooltip.css.ts +24 -25
  125. package/src/components/transfer/examples/index.stories.ts +5 -9
  126. package/src/components/transfer/style/Transfer.css.ts +41 -40
  127. package/src/components/tree/examples/index.stories.ts +6 -10
  128. package/src/components/tree/props.ts +20 -18
  129. package/src/components/tree/style/Tree.css.ts +36 -31
  130. package/src/components/tree/types.ts +60 -62
  131. package/src/components/virtualscroll/examples/index.stories.ts +4 -8
  132. package/src/components/virtualscroll/style/VirtualScroll.css.ts +1 -2
  133. package/src/composables/element.ts +4 -4
  134. package/src/composables/useCachedUid.ts +7 -6
  135. package/src/composables/useEventListener.ts +11 -6
  136. package/src/composables/useInput.ts +63 -41
  137. package/src/composables/useInteractive.ts +10 -11
  138. package/src/composables/useMergedState.ts +7 -7
  139. package/src/composables/useMount.ts +11 -11
  140. package/src/composables/usePopper.ts +57 -36
  141. package/src/composables/useZIndex.ts +5 -5
  142. package/src/create.ts +10 -6
  143. package/src/examples/cards/cards.stories.ts +3 -3
  144. package/src/examples/modal/modal.stories.ts +3 -3
  145. package/src/exports/nuxt.js +17 -15
  146. package/src/exports/nuxt.plugin.js +6 -6
  147. package/src/index.ts +0 -2
  148. package/src/install.ts +5 -5
  149. package/src/shims-vue.d.ts +3 -3
  150. package/src/styles/theme.css.ts +51 -43
  151. package/src/styles/transitions.css.ts +26 -28
  152. package/src/types/props.ts +16 -2
  153. package/src/utils/injection.ts +3 -3
@@ -1,5 +1,5 @@
1
- import type { InjectionKey } from "vue";
2
- import type { Size } from "../../types/props";
1
+ import type { InjectionKey } from 'vue';
2
+ import type { Size } from '../../types/props';
3
3
  export type Options = {
4
4
  src: string;
5
5
  srcSet: string;
@@ -1 +1 @@
1
- export * from "./Breadcrumb.css";
1
+ export * from './Breadcrumb.css';
@@ -1,4 +1,4 @@
1
- import type { InjectionKey } from "vue";
1
+ import type { InjectionKey } from 'vue';
2
2
  export interface BreadcrumbOptions {
3
3
  label: string;
4
4
  name?: string | (() => string);
@@ -1,5 +1,5 @@
1
- import type { InjectionKey } from "vue";
2
- import type { Size } from "../../types/props";
1
+ import type { InjectionKey } from 'vue';
2
+ import type { Size } from '../../types/props';
3
3
  export interface ButtonGroupState {
4
4
  size: Size;
5
5
  }
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
20
20
  }, {
21
21
  isOpen: import("vue").Ref<boolean>;
22
22
  popper: import("vue").Ref<HTMLElement | null | undefined>;
23
- transferTo: import("vue").Ref<String>;
23
+ transferTo: import("vue").Ref<string>;
24
24
  wrapper: import("vue").Ref<HTMLElement | undefined>;
25
25
  referenceRef: import("vue").Ref<HTMLElement | undefined>;
26
26
  updateFromRGB: () => void;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
48
48
  wrapper: import("vue").Ref<null>;
49
49
  referenceRef: import("vue").Ref<null>;
50
50
  popper: import("vue").Ref<HTMLElement | null | undefined>;
51
- transferTo: import("vue").Ref<String>;
51
+ transferTo: import("vue").Ref<string>;
52
52
  isOpen: import("vue").Ref<boolean>;
53
53
  isNested: boolean;
54
54
  placement: import("vue").Ref<Placement>;
@@ -1,4 +1,4 @@
1
- import type { InjectionKey } from "vue";
1
+ import type { InjectionKey } from 'vue';
2
2
  export interface DropdownState {
3
3
  handleSelect: (labels: string[]) => void;
4
4
  isOpen: boolean;
@@ -1,4 +1,4 @@
1
- import type { InjectionKey } from "vue";
1
+ import type { InjectionKey } from 'vue';
2
2
  export interface FormState {
3
3
  add: (name: string, focus: () => void, validate: () => boolean, setError: (error: string) => void) => void;
4
4
  remove: (name: string) => void;
@@ -1 +1 @@
1
- export * from "./Message.css";
1
+ export * from './Message.css';
@@ -1,5 +1,5 @@
1
- import type { InjectionKey } from "vue";
2
- import type { Size } from "../../types/props";
1
+ import type { InjectionKey } from 'vue';
2
+ import type { Size } from '../../types/props';
3
3
  export interface RadioButtonGroupState {
4
4
  size: Size;
5
5
  name: string;
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
33
33
  }, {
34
34
  reference: import("vue").Ref<HTMLElement | null>;
35
35
  popper: import("vue").Ref<HTMLElement | null | undefined>;
36
- transferTo: import("vue").Ref<String>;
36
+ transferTo: import("vue").Ref<string>;
37
37
  isOpen: import("vue").Ref<boolean>;
38
38
  show: () => void;
39
39
  hide: () => void;
@@ -1,7 +1,7 @@
1
- import type { ExtractPublicPropTypes, PropType } from "vue";
2
- import type { TreeOptions, Key, TreeNodeProps, OnUpdateIndeterminateKeys, onUpdateExpandedKeys, TreeNodeDoubleClick } from "./types";
3
- import type { TreeMateOptions } from "treemate";
4
- import type { MaybeArray } from "../../call";
1
+ import type { ExtractPublicPropTypes, PropType } from 'vue';
2
+ import type { TreeOptions, Key, TreeNodeProps, OnUpdateIndeterminateKeys, onUpdateExpandedKeys, TreeNodeDoubleClick } from './types';
3
+ import type { TreeMateOptions } from 'treemate';
4
+ import type { MaybeArray } from '../../call';
5
5
  export declare const treeSharedProps: {
6
6
  readonly expandedKeys: PropType<Key[]>;
7
7
  readonly defaultExpandAll: BooleanConstructor;
@@ -1,5 +1,5 @@
1
- import type { HTMLAttributes, Ref, InjectionKey } from "vue";
2
- import type { TreeNode } from "treemate";
1
+ import type { HTMLAttributes, Ref, InjectionKey } from 'vue';
2
+ import type { TreeNode } from 'treemate';
3
3
  export type Key = string | number;
4
4
  export interface TreeOptionBase {
5
5
  key?: Key;
@@ -25,32 +25,32 @@ export interface TreeInjection {
25
25
  }
26
26
  export declare const treeInjectionKey: InjectionKey<TreeInjection>;
27
27
  export type TmNode = TreeNode<TreeOption>;
28
- export type OnUpdateCheckedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: {
28
+ export type OnUpdateCheckedKeys = (value: (string & number)[], option: (TreeOption | null)[], meta: {
29
29
  node: TreeOption | null;
30
30
  action: 'check' | 'uncheck';
31
31
  }) => void;
32
- export type OnUpdateCheckedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: {
32
+ export type OnUpdateCheckedKeysImpl = (value: Key[], option: (TreeOption | null)[], meta: {
33
33
  node: TreeOption | null;
34
34
  action: 'check' | 'uncheck';
35
35
  }) => void;
36
- export type OnUpdateIndeterminateKeys = (value: Array<string & number>, option: Array<TreeOption | null>) => void;
37
- export type OnUpdateIndeterminateKeysImpl = (value: Key[], option: Array<TreeOption | null>) => void;
38
- export type OnUpdateSelectedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: {
36
+ export type OnUpdateIndeterminateKeys = (value: (string & number)[], option: (TreeOption | null)[]) => void;
37
+ export type OnUpdateIndeterminateKeysImpl = (value: Key[], option: (TreeOption | null)[]) => void;
38
+ export type OnUpdateSelectedKeys = (value: (string & number)[], option: (TreeOption | null)[], meta: {
39
39
  node: TreeOption | null;
40
40
  action: 'select' | 'unselect';
41
41
  }) => void;
42
- export type OnUpdateSelectedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: {
42
+ export type OnUpdateSelectedKeysImpl = (value: Key[], option: (TreeOption | null)[], meta: {
43
43
  node: TreeOption | null;
44
44
  action: 'select' | 'unselect';
45
45
  }) => void;
46
- export type onUpdateExpandedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: {
46
+ export type onUpdateExpandedKeys = (value: (string & number)[], option: (TreeOption | null)[], meta: {
47
47
  node: TreeOption;
48
48
  action: 'expand' | 'collapse';
49
49
  } | {
50
50
  node: null;
51
51
  action: 'filter';
52
52
  }) => void;
53
- export type OnUpdateExpandedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: {
53
+ export type OnUpdateExpandedKeysImpl = (value: Key[], option: (TreeOption | null)[], meta: {
54
54
  node: TreeOption;
55
55
  action: 'expand' | 'collapse';
56
56
  } | {
@@ -1,2 +1,2 @@
1
- import type { Ref } from "vue";
1
+ import type { Ref } from 'vue';
2
2
  export declare function getElement(ref: Ref): any;
@@ -1,4 +1,4 @@
1
- import type { Ref } from "vue";
1
+ import type { Ref } from 'vue';
2
2
  export interface InteractiveProps {
3
3
  disabled?: boolean;
4
4
  loading?: boolean;
@@ -1,4 +1,4 @@
1
- import type { App, Component } from "vue";
1
+ import type { App, Component } from 'vue';
2
2
  export declare function mount(component: Component, { props, children, element, app }?: {
3
3
  props?: Record<string, unknown>;
4
4
  children?: unknown;
@@ -1,4 +1,4 @@
1
- import type { Ref } from "vue";
1
+ import type { Ref } from 'vue';
2
2
  import type { Placement, Rect, VirtualElement } from '@popperjs/core';
3
3
  type OffsetsFunction = (options: {
4
4
  popper: Rect;
@@ -23,7 +23,7 @@ export interface TransferNode extends Node {
23
23
  export declare function usePopper(initialOptions: UsePopperOptions): {
24
24
  reference: Ref<HTMLElement | null | undefined>;
25
25
  popper: Ref<HTMLElement | null | undefined>;
26
- transferTo: Ref<String>;
26
+ transferTo: Ref<string>;
27
27
  updatePopper: () => void;
28
28
  createPopper: () => void;
29
29
  destroyPopper: () => void;
@@ -1,4 +1,4 @@
1
- import type { InjectionKey, Ref } from "vue";
1
+ import type { InjectionKey, Ref } from 'vue';
2
2
  export declare const initialZIndex = 1000;
3
3
  export declare const ZINDEX: InjectionKey<Ref<number | undefined>>;
4
4
  export declare const useZIndex: (override?: Ref<number>) => {