@nexxtmove/ui 1.3.3 → 1.3.4
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.
- package/dist/components/Announcement/Announcement.vue.d.ts +13 -0
- package/dist/components/Chip/Chip.vue.d.ts +9 -4
- package/dist/components/FloatingPanel/FloatingPanel.vue.d.ts +12 -0
- package/dist/components/ModalFooter/ModalFooter.vue.d.ts +34 -0
- package/dist/components/Select/Select.vue.d.ts +7 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +776 -637
- package/dist/nuxt.js +1 -0
- package/package.json +1 -1
- package/src/components/Announcement/Announcement.vue +45 -4
- package/src/components/Chip/Chip.vue +28 -4
- package/src/components/ContactInfoCard/ContactInfoCard.vue +1 -1
- package/src/components/FloatingPanel/FloatingPanel.vue +30 -1
- package/src/components/ModalFooter/ModalFooter.vue +70 -0
- package/src/components/Select/Select.vue +102 -7
- package/src/components.json +1 -0
- package/src/index.ts +1 -0
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
import { default as NexxtIcon } from '../Icon/Icon.vue';
|
|
2
|
+
type AnnouncementVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
|
|
2
3
|
interface NexxtAnnouncementProps {
|
|
4
|
+
/**
|
|
5
|
+
* Raw CSS background colour, applied inline. Intended for colours supplied by
|
|
6
|
+
* the API; wins over `variant`. Defaults to `blue` when no `variant` is set.
|
|
7
|
+
*/
|
|
3
8
|
color?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Raw CSS text colour, applied inline. Snake_case mirrors the API field name.
|
|
11
|
+
* Wins over `variant`. Defaults to `white` when no `variant` is set.
|
|
12
|
+
*/
|
|
4
13
|
text_color?: string;
|
|
14
|
+
/** Icon shown at the start of the banner. */
|
|
5
15
|
icon?: InstanceType<typeof NexxtIcon>['name'];
|
|
16
|
+
/** Show the close button that emits `hide`. */
|
|
6
17
|
showHideButton?: boolean;
|
|
18
|
+
/** Semantic colour scheme for app-authored banners, applied as design tokens. */
|
|
19
|
+
variant?: AnnouncementVariant;
|
|
7
20
|
}
|
|
8
21
|
declare var __VLS_6: {};
|
|
9
22
|
type __VLS_Slots = {} & {
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
+
import { NexxtIconName } from '../Icon/Icon.vue';
|
|
1
2
|
interface NexxtChipProps {
|
|
2
|
-
|
|
3
|
+
/** Colour scheme of the chip. */
|
|
4
|
+
variant?: 'default' | 'warning' | 'success' | 'danger' | 'neutral' | 'accent' | 'yellow';
|
|
5
|
+
/** Render as a light, outlined chip instead of a solid one. */
|
|
3
6
|
ghost?: boolean;
|
|
7
|
+
/** Optional icon rendered before the default slot. */
|
|
8
|
+
icon?: NexxtIconName;
|
|
4
9
|
}
|
|
5
|
-
declare var
|
|
10
|
+
declare var __VLS_6: {}, __VLS_8: {};
|
|
6
11
|
type __VLS_Slots = {} & {
|
|
7
|
-
default?: (props: typeof
|
|
12
|
+
default?: (props: typeof __VLS_6) => any;
|
|
8
13
|
} & {
|
|
9
|
-
close?: (props: typeof
|
|
14
|
+
close?: (props: typeof __VLS_8) => any;
|
|
10
15
|
};
|
|
11
16
|
declare const __VLS_base: import('vue').DefineComponent<NexxtChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NexxtChipProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
17
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import { Placement } from '@floating-ui/vue';
|
|
2
2
|
export interface NexxtFloatingPanelProps {
|
|
3
|
+
/** Preferred side and alignment of the panel relative to the trigger. */
|
|
3
4
|
placement?: Placement;
|
|
5
|
+
/** Distance in pixels between the trigger and the panel. */
|
|
4
6
|
offsetDistance?: number;
|
|
7
|
+
/** Stretch the panel to at least the trigger's width. */
|
|
5
8
|
matchWidth?: boolean;
|
|
9
|
+
/** Wrap the content slot in the shared panel surface (rounded, bordered, white, shadowed). */
|
|
10
|
+
surface?: boolean;
|
|
6
11
|
}
|
|
7
12
|
declare var __VLS_1: {
|
|
8
13
|
isOpen: boolean;
|
|
@@ -13,11 +18,17 @@ declare var __VLS_1: {
|
|
|
13
18
|
isOpen: true;
|
|
14
19
|
close: () => void;
|
|
15
20
|
toggle: () => void | Promise<void>;
|
|
21
|
+
}, __VLS_13: {
|
|
22
|
+
isOpen: true;
|
|
23
|
+
close: () => void;
|
|
24
|
+
toggle: () => void | Promise<void>;
|
|
16
25
|
};
|
|
17
26
|
type __VLS_Slots = {} & {
|
|
18
27
|
trigger?: (props: typeof __VLS_1) => any;
|
|
19
28
|
} & {
|
|
20
29
|
content?: (props: typeof __VLS_11) => any;
|
|
30
|
+
} & {
|
|
31
|
+
content?: (props: typeof __VLS_13) => any;
|
|
21
32
|
};
|
|
22
33
|
declare const __VLS_base: import('vue').DefineComponent<NexxtFloatingPanelProps, {
|
|
23
34
|
isOpen: import('vue').Ref<boolean, boolean>;
|
|
@@ -36,6 +47,7 @@ declare const __VLS_base: import('vue').DefineComponent<NexxtFloatingPanelProps,
|
|
|
36
47
|
placement: Placement;
|
|
37
48
|
offsetDistance: number;
|
|
38
49
|
matchWidth: boolean;
|
|
50
|
+
surface: boolean;
|
|
39
51
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
40
52
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
41
53
|
declare const _default: typeof __VLS_export;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { default as NexxtButton } from '../Button/Button.vue';
|
|
2
|
+
type ButtonVariant = InstanceType<typeof NexxtButton>['$props']['variant'];
|
|
3
|
+
interface NexxtModalFooterProps {
|
|
4
|
+
/**
|
|
5
|
+
* Label of the cancel button. Required: this library has no i18n layer, so
|
|
6
|
+
* copy always arrives from the consumer rather than being defaulted here.
|
|
7
|
+
*/
|
|
8
|
+
cancelLabel: string;
|
|
9
|
+
/**
|
|
10
|
+
* Disable the cancel button. Use while a confirmed action is in flight, so a
|
|
11
|
+
* destructive operation cannot be dismissed halfway through.
|
|
12
|
+
*/
|
|
13
|
+
cancelDisabled?: boolean;
|
|
14
|
+
/** Label of the action button. */
|
|
15
|
+
confirmLabel: string;
|
|
16
|
+
/**
|
|
17
|
+
* Variant of the action button. Left undefined it falls through to
|
|
18
|
+
* NexxtButton's own default, so it renders like a plain `<NexxtButton>`.
|
|
19
|
+
*/
|
|
20
|
+
confirmVariant?: ButtonVariant | (string & {});
|
|
21
|
+
/** Put the action button in its loading state. */
|
|
22
|
+
confirmLoading?: boolean;
|
|
23
|
+
/** Disable the action button. */
|
|
24
|
+
confirmDisabled?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const __VLS_export: import('vue').DefineComponent<NexxtModalFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
27
|
+
cancel: () => any;
|
|
28
|
+
confirm: () => any;
|
|
29
|
+
}, string, import('vue').PublicProps, Readonly<NexxtModalFooterProps> & Readonly<{
|
|
30
|
+
onCancel?: (() => any) | undefined;
|
|
31
|
+
onConfirm?: (() => any) | undefined;
|
|
32
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
33
|
+
declare const _default: typeof __VLS_export;
|
|
34
|
+
export default _default;
|
|
@@ -4,12 +4,19 @@ export type SelectOption = {
|
|
|
4
4
|
value: string | number;
|
|
5
5
|
} | string;
|
|
6
6
|
interface NexxtSelectProps {
|
|
7
|
+
/** Options to choose from; plain strings or `{ label, value }` objects. */
|
|
7
8
|
options: SelectOption[];
|
|
9
|
+
/** Text shown when nothing is selected. */
|
|
8
10
|
placeholder?: string;
|
|
11
|
+
/** Label rendered above the field. */
|
|
9
12
|
label?: string;
|
|
13
|
+
/** Render the field in its error state. */
|
|
10
14
|
error?: boolean;
|
|
15
|
+
/** Message shown below the field while `error` is true. */
|
|
11
16
|
errorMessage?: string;
|
|
17
|
+
/** Icon rendered inside the field, before the value. */
|
|
12
18
|
leftIcon?: InstanceType<typeof Icon>['name'];
|
|
19
|
+
/** Mark the field as required (renders an asterisk next to the label). */
|
|
13
20
|
required?: boolean;
|
|
14
21
|
}
|
|
15
22
|
type __VLS_Props = NexxtSelectProps;
|
package/dist/index.d.ts
CHANGED
|
@@ -29,6 +29,7 @@ export { default as NexxtInfoBlock } from './components/InfoBlock/InfoBlock.vue'
|
|
|
29
29
|
export { default as NexxtInputField } from './components/InputField/InputField.vue';
|
|
30
30
|
export { default as NexxtInputSelect } from './components/InputSelect/InputSelect.vue';
|
|
31
31
|
export { default as NexxtModal } from './components/Modal/Modal.vue';
|
|
32
|
+
export { default as NexxtModalFooter } from './components/ModalFooter/ModalFooter.vue';
|
|
32
33
|
export { default as NexxtPagination } from './components/Pagination/Pagination.vue';
|
|
33
34
|
export { default as NexxtPresenceIndicator } from './components/PresenceIndicator/PresenceIndicator.vue';
|
|
34
35
|
export { default as NexxtProgressBar } from './components/ProgressBar/ProgressBar.vue';
|