@nmorph/nmorph-ui-kit 0.2.28 → 0.2.32

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 (29) hide show
  1. package/dist/index.es.js +3278 -3230
  2. package/dist/index.umd.js +3 -3
  3. package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts +1 -1
  4. package/dist/src/components/basic/nmorph-scroll/NmorphScroll.vue.d.ts +22 -5
  5. package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts +1 -1
  6. package/dist/src/components/data/nmorph-image/NmorphImage.vue.d.ts +1 -1
  7. package/dist/src/components/feedback/nmorph-alert/NmorphAlert.vue.d.ts +1 -1
  8. package/dist/src/components/feedback/nmorph-dialog/NmorphDialog.vue.d.ts +1 -1
  9. package/dist/src/components/form/checkbox/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +1 -1
  10. package/dist/src/components/form/checkbox/types.d.ts +1 -1
  11. package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts +1 -1
  12. package/dist/src/components/form/radio/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +1 -1
  13. package/dist/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.d.ts +1 -1
  14. package/dist/src/hooks/index.d.ts +8 -7
  15. package/dist/src/hooks/use-a11y-props.d.ts +3 -0
  16. package/dist/src/main.d.ts +1 -0
  17. package/dist/src/providers/index.d.ts +3 -0
  18. package/dist/src/providers/use-nmorph-resize-observer.d.ts +7 -0
  19. package/dist/src/providers/useNmorph.d.ts +5 -0
  20. package/dist/src/types/index.d.ts +9 -0
  21. package/dist/style.css +1 -1
  22. package/package.json +1 -1
  23. /package/dist/src/hooks/{useEventManager.d.ts → use-event-manager.d.ts} +0 -0
  24. /package/dist/src/hooks/{useFieldValidation.d.ts → use-field-validation.d.ts} +0 -0
  25. /package/dist/src/hooks/{useFormValidation.d.ts → use-form-validation.d.ts} +0 -0
  26. /package/dist/src/hooks/{useNmorphNotification.d.ts → use-nmorph-notification.d.ts} +0 -0
  27. /package/dist/src/hooks/{useNmorphTranslation.d.ts → use-nmorph-translation.d.ts} +0 -0
  28. /package/dist/src/hooks/{usePlacement.d.ts → use-placement.d.ts} +0 -0
  29. /package/dist/src/{hooks/useNmorphTheme.d.ts → providers/use-nmorph-theme.d.ts} +0 -0
@@ -53,10 +53,10 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
53
53
  type: keyof typeof NmorphButtonType;
54
54
  text: string | number;
55
55
  disabled: boolean;
56
- shape: keyof typeof NmorphButtonShape;
57
56
  styleType: keyof typeof NmorphButtonStyle;
58
57
  accentBgOnHover: boolean;
59
58
  ripple: boolean;
59
+ shape: keyof typeof NmorphButtonShape;
60
60
  icon: keyof typeof NmorphIconList;
61
61
  }, {}>;
62
62
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
@@ -1,7 +1,8 @@
1
+ import { INmorphA11yProps } from '../../../types';
1
2
  import { NmorphCoordsType, NmorphOverflowProp, NmorphScrollBehavior } from '../..';
2
3
  import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
3
4
 
4
- interface INmorphProps {
5
+ interface INmorphProps extends INmorphA11yProps {
5
6
  height?: string;
6
7
  maxHeight?: string;
7
8
  modelValue?: NmorphCoordsType;
@@ -9,7 +10,11 @@ interface INmorphProps {
9
10
  scrollXProp?: keyof typeof NmorphOverflowProp;
10
11
  cssScrollBehavior?: keyof typeof NmorphScrollBehavior;
11
12
  scrollEndDelay?: number;
12
- updateOnlyOnEnd?: boolean;
13
+ updateOnlyOnScrollEnd?: boolean;
14
+ barWidthInPx?: number;
15
+ barHeightInPx?: number;
16
+ xGapInPx?: number;
17
+ yGapInPx?: number;
13
18
  }
14
19
  declare function __VLS_template(): {
15
20
  default?(_: {}): any;
@@ -25,7 +30,11 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
25
30
  scrollXProp: string;
26
31
  cssScrollBehavior: string;
27
32
  scrollEndDelay: number;
28
- updateOnlyOnEnd: boolean;
33
+ updateOnlyOnScrollEnd: boolean;
34
+ barWidthInPx: number;
35
+ barHeightInPx: number;
36
+ yGapInPx: number;
37
+ xGapInPx: number;
29
38
  }>, {
30
39
  scrollDOMContainer: Ref<HTMLElement>;
31
40
  moveTo: (coords: NmorphCoordsType) => void;
@@ -44,7 +53,11 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
44
53
  scrollXProp: string;
45
54
  cssScrollBehavior: string;
46
55
  scrollEndDelay: number;
47
- updateOnlyOnEnd: boolean;
56
+ updateOnlyOnScrollEnd: boolean;
57
+ barWidthInPx: number;
58
+ barHeightInPx: number;
59
+ yGapInPx: number;
60
+ xGapInPx: number;
48
61
  }>>> & {
49
62
  "onOn-scroll"?: (event: Event) => any;
50
63
  "onUpdate:modelValue"?: (coords: NmorphCoordsType) => any;
@@ -57,7 +70,11 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
57
70
  scrollXProp: keyof typeof NmorphOverflowProp;
58
71
  cssScrollBehavior: keyof typeof NmorphScrollBehavior;
59
72
  scrollEndDelay: number;
60
- updateOnlyOnEnd: boolean;
73
+ updateOnlyOnScrollEnd: boolean;
74
+ barWidthInPx: number;
75
+ barHeightInPx: number;
76
+ yGapInPx: number;
77
+ xGapInPx: number;
61
78
  }, {}>;
62
79
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
63
80
  export default _default;
@@ -33,8 +33,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
33
33
  hidden: boolean;
34
34
  max: number;
35
35
  isDot: boolean;
36
- offsetY: number;
37
36
  offsetX: number;
37
+ offsetY: number;
38
38
  }, {}>;
39
39
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
40
40
  export default _default;
@@ -30,9 +30,9 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
30
30
  }>>>, {
31
31
  alt: string;
32
32
  fit: keyof typeof NmorphImageFit;
33
- srcset: string;
34
33
  loadingText: string;
35
34
  loadFailedText: string;
35
+ srcset: string;
36
36
  }, {}>;
37
37
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
38
38
  export default _default;
@@ -33,10 +33,10 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
33
33
  type: keyof typeof NmorphAlertType;
34
34
  html: string;
35
35
  title: string;
36
- bordered: boolean;
37
36
  closable: boolean;
38
37
  content: string;
39
38
  showIcon: boolean;
39
+ bordered: boolean;
40
40
  }, {}>;
41
41
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
42
42
  export default _default;
@@ -40,12 +40,12 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
40
40
  }, {
41
41
  width: string;
42
42
  title: string;
43
+ zIndex: number;
43
44
  modelValue: boolean;
44
45
  openDelay: number;
45
46
  closeDelay: number;
46
47
  closeOnClickModal: boolean;
47
48
  showClose: boolean;
48
- zIndex: number;
49
49
  }, {}>;
50
50
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
51
51
  export default _default;
@@ -26,8 +26,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
26
26
  }>>> & {
27
27
  "onUpdate:modelValue"?: (val: string[]) => any;
28
28
  }, {
29
- modelValue: string[];
30
29
  styleType: keyof typeof NmorphCheckboxStyleType;
30
+ modelValue: string[];
31
31
  options: INmorphCheckboxOption[];
32
32
  direction: keyof typeof NmorphComponentDirection;
33
33
  }, {}>;
@@ -1,7 +1,7 @@
1
1
  import { Ref } from 'vue';
2
2
 
3
3
  export interface INmorphCheckboxOption {
4
- id: string;
4
+ id?: string;
5
5
  disabled?: boolean;
6
6
  modelValue?: boolean;
7
7
  label?: string;
@@ -46,11 +46,11 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
46
46
  height: keyof typeof NmorphComponentHeight;
47
47
  disabled: boolean;
48
48
  modelValue: NmorphSelectModelValueType;
49
- open: boolean;
50
49
  options: INmorphSelectOption[];
51
50
  noElementPlaceholder: string;
52
51
  valueRequired: boolean;
53
52
  optionsMap: INmorphSelectOption[];
53
+ open: boolean;
54
54
  }, {}>;
55
55
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
56
56
  export default _default;
@@ -31,8 +31,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
31
31
  "onUpdate:modelValue"?: (val: string) => any;
32
32
  }, {
33
33
  disabled: boolean;
34
- modelValue: string;
35
34
  styleType: keyof typeof NmorphRadioStyleType;
35
+ modelValue: string;
36
36
  options: INmorphRadioOption[];
37
37
  direction: keyof typeof NmorphComponentDirection;
38
38
  }, {}>;
@@ -16,8 +16,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
16
16
  zIndex: number;
17
17
  quantity: number;
18
18
  }>>>, {
19
- zIndex: number;
20
19
  placement: keyof typeof NmorphNotificationPlacement;
20
+ zIndex: number;
21
21
  quantity: number;
22
22
  }, {}>;
23
23
  export default _default;
@@ -1,7 +1,8 @@
1
- export * from './useFieldValidation';
2
- export * from './useFormValidation';
3
- export * from './usePlacement';
4
- export * from './useEventManager';
5
- export * from './useNmorphTheme';
6
- export * from './useNmorphTranslation';
7
- export * from './useNmorphNotification';
1
+ export * from './use-field-validation';
2
+ export * from './use-form-validation';
3
+ export * from './use-placement';
4
+ export * from './use-event-manager';
5
+ export * from '../providers/use-nmorph-theme';
6
+ export * from './use-nmorph-translation';
7
+ export * from './use-nmorph-notification';
8
+ export * from './use-a11y-props';
@@ -0,0 +1,3 @@
1
+ import { INmorphA11yProps } from '../types';
2
+
3
+ export declare const useA11yProps: (props: INmorphA11yProps) => INmorphA11yProps;
@@ -6,4 +6,5 @@ export * from './components';
6
6
  export * from './utils';
7
7
  export * from './hooks';
8
8
  export * from './locales';
9
+ export * from './providers';
9
10
  export default library;
@@ -0,0 +1,3 @@
1
+ export * from './use-nmorph-theme';
2
+ export * from './use-nmorph-resize-observer';
3
+ export * from './useNmorph';
@@ -0,0 +1,7 @@
1
+ import { Ref } from 'vue';
2
+ export declare const useNmorphResizeObserver: () => {
3
+ dimensions: Ref<{
4
+ x: number;
5
+ y: number;
6
+ }>;
7
+ };
@@ -0,0 +1,5 @@
1
+ import { INmorphInstance } from '../types';
2
+
3
+ export declare const useNmorph: () => {
4
+ theme: INmorphInstance;
5
+ };
@@ -325,9 +325,13 @@ export interface INmorphThemeOptions {
325
325
  lightShadeGeneratorCoefficient?: number;
326
326
  other?: INmorphOtherThemeOptions;
327
327
  }
328
+ export interface INmorphWindowOptions {
329
+ }
328
330
  export interface INmorphOptions {
329
331
  theme?: INmorphThemeOptions;
330
332
  i18n?: INmorphApplyTranslation;
333
+ window?: INmorphWindowOptions;
334
+ components?: string[];
331
335
  }
332
336
  export type NmorphThemeOptionsType = Record<string, INmorphThemeOptions>;
333
337
  export interface INmorphStaticColors {
@@ -374,3 +378,8 @@ export interface INmorphInstance {
374
378
  setTheme: (theme: string) => void;
375
379
  currentTheme: Readonly<Ref<string>>;
376
380
  }
381
+ export interface INmorphA11yProps {
382
+ role?: string;
383
+ ariaLabel?: string;
384
+ ariaOrientation?: string;
385
+ }