@neobrut-vue/core 0.4.0 → 0.6.0
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/CHANGELOG.md +10 -0
- package/README.md +54 -6
- package/dist/components/NbCarousel/NbCarousel.vue.d.ts +26 -0
- package/dist/components/NbCarousel/NbCarouselSlide.vue.d.ts +20 -0
- package/dist/components/NbCarousel/index.d.ts +2 -0
- package/dist/components/NbCopyButton/NbCopyButton.vue.d.ts +20 -0
- package/dist/components/NbCopyButton/index.d.ts +1 -0
- package/dist/components/NbDrawer/NbDrawer.vue.d.ts +35 -0
- package/dist/components/NbDrawer/index.d.ts +2 -0
- package/dist/components/NbField/NbField.vue.d.ts +27 -0
- package/dist/components/NbField/index.d.ts +1 -0
- package/dist/components/NbLabel/NbLabel.vue.d.ts +17 -0
- package/dist/components/NbLabel/index.d.ts +1 -0
- package/dist/components/NbMenubar/NbMenubar.vue.d.ts +22 -0
- package/dist/components/NbMenubar/NbMenubarItem.vue.d.ts +28 -0
- package/dist/components/NbMenubar/NbMenubarMenu.vue.d.ts +20 -0
- package/dist/components/NbMenubar/NbMenubarSeparator.vue.d.ts +2 -0
- package/dist/components/NbMenubar/index.d.ts +4 -0
- package/dist/components/NbMeter/NbMeter.vue.d.ts +16 -0
- package/dist/components/NbMeter/index.d.ts +1 -0
- package/dist/components/NbNativeSelect/NbNativeSelect.vue.d.ts +35 -0
- package/dist/components/NbNativeSelect/index.d.ts +1 -0
- package/dist/components/NbStepper/NbStepper.vue.d.ts +33 -0
- package/dist/components/NbStepper/NbStepperItem.vue.d.ts +9 -0
- package/dist/components/NbStepper/index.d.ts +2 -0
- package/dist/components/NbTimeline/NbTimeline.vue.d.ts +20 -0
- package/dist/components/NbTimeline/NbTimelineItem.vue.d.ts +22 -0
- package/dist/components/NbTimeline/index.d.ts +2 -0
- package/dist/index.d.ts +12 -1
- package/dist/neobrut-vue.css +1 -1
- package/dist/neobrut-vue.js +1433 -870
- package/package.json +6 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.6.0
|
|
4
|
+
|
|
5
|
+
- Added `NbLabel`, `NbField`, `NbNativeSelect`, `NbDrawer`, `NbMenubar`, and `NbCarousel` (plus their companion components).
|
|
6
|
+
- Added interactive docs and playground examples for each new component.
|
|
7
|
+
|
|
8
|
+
## 0.5.0
|
|
9
|
+
|
|
10
|
+
- Added `NbStepper`, `NbMeter`, `NbTimeline`, and `NbCopyButton` with accessible examples.
|
|
11
|
+
- Added clipboard success and failure feedback, with coverage for text changes during copying.
|
|
12
|
+
|
|
3
13
|
## 0.4.0
|
|
4
14
|
|
|
5
15
|
- Added `NbTagsInput`, `NbPinInput`, `NbRating`, and `NbCollapsible`.
|
package/README.md
CHANGED
|
@@ -6,7 +6,18 @@
|
|
|
6
6
|
|
|
7
7
|
Colorful and accessible neo-brutalist components for Vue 3.
|
|
8
8
|
|
|
9
|
-
[npm](https://www.npmjs.com/package/@neobrut-vue/core) · [GitHub](https://github.com/avr6ude/neobrut-vue) · [Issues](https://github.com/avr6ude/neobrut-vue/issues)
|
|
9
|
+
[Landing](https://neobrut.avrdu.de/) · [Interactive docs](https://neobrut.avrdu.de/docs/) · [npm](https://www.npmjs.com/package/@neobrut-vue/core) · [GitHub](https://github.com/avr6ude/neobrut-vue) · [Issues](https://github.com/avr6ude/neobrut-vue/issues)
|
|
10
|
+
|
|
11
|
+
## Landing and docs
|
|
12
|
+
|
|
13
|
+
The static landing is built from the interactive Vue playground:
|
|
14
|
+
|
|
15
|
+
```sh
|
|
16
|
+
bun install --frozen-lockfile
|
|
17
|
+
bun run build:site
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Its output is `playground/dist`, including the static Astro documentation under `/docs`. Cloudflare Pages builds it from this repository with `BUN_VERSION=1.3.4` and serves both at [neobrut.avrdu.de](https://neobrut.avrdu.de/).
|
|
10
21
|
|
|
11
22
|
## Requirements
|
|
12
23
|
|
|
@@ -49,11 +60,11 @@ import { NbBadge, NbButton, NbCard } from '@neobrut-vue/core'
|
|
|
49
60
|
|
|
50
61
|
| Group | Components |
|
|
51
62
|
| --- | --- |
|
|
52
|
-
| Actions and surfaces | `NbButton`, `NbButtonGroup`, `NbToggle`, `NbCard`, `NbAlert`, `NbBadge` |
|
|
53
|
-
| Forms | `NbCheckbox`, `NbCombobox`, `NbFieldset`, `NbInput`, `NbInputGroup`, `NbNumberInput`, `NbPinInput`, `NbRadioGroup`, `NbRating`, `NbSelect`, `NbSelectItem`, `NbSlider`, `NbSwitch`, `NbTagsInput`, `NbTextarea`, `NbToggleGroup`, `NbToggleGroupItem` |
|
|
54
|
-
| Navigation | `NbBreadcrumbs`, `NbNavigationMenu`, `NbPagination`, `NbTabs`, `NbTabsList`, `NbTabsTrigger`, `NbTabsContent` |
|
|
55
|
-
| Overlays | `NbAlertDialog`, `NbCommand`, `NbContextMenu`, `NbDialog`, `NbDropdownMenu`, `NbHoverCard`, `NbPopover`, `NbSheet`, `NbToast`, `NbTooltip` |
|
|
56
|
-
| Data display | `NbAccordion`, `NbAccordionItem`, `NbAvatar`, `NbCollapsible`, `NbEmptyState`, `NbProgress`, `NbSkeleton`, `NbSpinner`, `NbTable` |
|
|
63
|
+
| Actions and surfaces | `NbButton`, `NbButtonGroup`, `NbCopyButton`, `NbToggle`, `NbCard`, `NbAlert`, `NbBadge` |
|
|
64
|
+
| Forms | `NbCheckbox`, `NbCombobox`, `NbField`, `NbFieldset`, `NbInput`, `NbInputGroup`, `NbLabel`, `NbNativeSelect`, `NbNumberInput`, `NbPinInput`, `NbRadioGroup`, `NbRating`, `NbSelect`, `NbSelectItem`, `NbSlider`, `NbSwitch`, `NbTagsInput`, `NbTextarea`, `NbToggleGroup`, `NbToggleGroupItem` |
|
|
65
|
+
| Navigation | `NbBreadcrumbs`, `NbMenubar`, `NbMenubarMenu`, `NbMenubarItem`, `NbMenubarSeparator`, `NbNavigationMenu`, `NbPagination`, `NbStepper`, `NbStepperItem`, `NbTabs`, `NbTabsList`, `NbTabsTrigger`, `NbTabsContent` |
|
|
66
|
+
| Overlays | `NbAlertDialog`, `NbCommand`, `NbContextMenu`, `NbDialog`, `NbDrawer`, `NbDropdownMenu`, `NbHoverCard`, `NbPopover`, `NbSheet`, `NbToast`, `NbTooltip` |
|
|
67
|
+
| Data display | `NbAccordion`, `NbAccordionItem`, `NbAvatar`, `NbCarousel`, `NbCarouselSlide`, `NbCollapsible`, `NbEmptyState`, `NbMeter`, `NbProgress`, `NbSkeleton`, `NbSpinner`, `NbTable`, `NbTimeline`, `NbTimelineItem` |
|
|
57
68
|
| Inline and layout | `NbLink`, `NbKbd`, `NbMarker`, `NbAspectRatio`, `NbScrollArea`, `NbSeparator` |
|
|
58
69
|
|
|
59
70
|
## Links and actions
|
|
@@ -84,6 +95,18 @@ const pinned = ref(false)
|
|
|
84
95
|
</template>
|
|
85
96
|
```
|
|
86
97
|
|
|
98
|
+
`NbCopyButton` copies its `text` with the browser Clipboard API. It announces short success or failure feedback and emits `copied` or `error`; clipboard access requires a secure context such as HTTPS or localhost.
|
|
99
|
+
|
|
100
|
+
```vue
|
|
101
|
+
<script setup lang="ts">
|
|
102
|
+
import { NbCopyButton } from '@neobrut-vue/core'
|
|
103
|
+
</script>
|
|
104
|
+
|
|
105
|
+
<template>
|
|
106
|
+
<NbCopyButton text="npm install @neobrut-vue/core" label="Copy install command" />
|
|
107
|
+
</template>
|
|
108
|
+
```
|
|
109
|
+
|
|
87
110
|
## Forms
|
|
88
111
|
|
|
89
112
|
Form components use `v-model`, forward native input attributes, and expose labels, hints, and errors through the relevant ARIA relationships.
|
|
@@ -356,6 +379,31 @@ const page = ref(1)
|
|
|
356
379
|
</template>
|
|
357
380
|
```
|
|
358
381
|
|
|
382
|
+
Use `NbProgress` for completion, and the native `NbMeter` for a bounded measurement. `NbStepper` handles keyboard navigation and controlled or uncontrolled steps; render the active panel in your app. `NbTimeline` keeps event history in a semantic ordered list.
|
|
383
|
+
|
|
384
|
+
```vue
|
|
385
|
+
<script setup lang="ts">
|
|
386
|
+
import { ref } from 'vue'
|
|
387
|
+
import { NbMeter, NbStepper, NbStepperItem, NbTimeline, NbTimelineItem } from '@neobrut-vue/core'
|
|
388
|
+
|
|
389
|
+
const step = ref(1)
|
|
390
|
+
</script>
|
|
391
|
+
|
|
392
|
+
<template>
|
|
393
|
+
<NbStepper v-model="step" label="Checkout">
|
|
394
|
+
<NbStepperItem :step="1" title="Cart" description="Review items" />
|
|
395
|
+
<NbStepperItem :step="2" title="Address" />
|
|
396
|
+
<NbStepperItem :step="3" title="Payment" />
|
|
397
|
+
</NbStepper>
|
|
398
|
+
<section v-if="step === 1">Review your cart here.</section>
|
|
399
|
+
|
|
400
|
+
<NbMeter label="Storage used" :value="72" show-value />
|
|
401
|
+
<NbTimeline label="Release history">
|
|
402
|
+
<NbTimelineItem title="Published" date="Oct 1" datetime="2026-10-01">Available on npm.</NbTimelineItem>
|
|
403
|
+
</NbTimeline>
|
|
404
|
+
</template>
|
|
405
|
+
```
|
|
406
|
+
|
|
359
407
|
## VeeValidate
|
|
360
408
|
|
|
361
409
|
VeeValidate is optional. Standard model and attribute bindings work without an adapter:
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label?: string;
|
|
3
|
+
};
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {
|
|
10
|
+
track: HTMLDivElement;
|
|
11
|
+
};
|
|
12
|
+
rootEl: HTMLElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
|
+
label: string;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
18
|
+
track: HTMLDivElement;
|
|
19
|
+
}, HTMLElement>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label: string;
|
|
3
|
+
};
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: HTMLDivElement;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
text: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
copiedLabel?: string;
|
|
5
|
+
errorLabel?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
9
|
+
copied: (text: string) => any;
|
|
10
|
+
error: (error: unknown) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
12
|
+
onCopied?: ((text: string) => any) | undefined;
|
|
13
|
+
onError?: ((error: unknown) => any) | undefined;
|
|
14
|
+
}>, {
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
label: string;
|
|
17
|
+
copiedLabel: string;
|
|
18
|
+
errorLabel: string;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NbCopyButton } from './NbCopyButton.vue';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export type NbDrawerSide = 'bottom' | 'top' | 'left' | 'right';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
defaultOpen?: boolean;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
side?: NbDrawerSide;
|
|
8
|
+
};
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
trigger?(_: {}): any;
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
footer?(_: {}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: any;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
"update:open": (value: boolean) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
open: boolean;
|
|
26
|
+
defaultOpen: boolean;
|
|
27
|
+
side: NbDrawerSide;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
id?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
hint?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
};
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {
|
|
11
|
+
inputId: string;
|
|
12
|
+
describedBy: string | undefined;
|
|
13
|
+
invalid: boolean;
|
|
14
|
+
}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: HTMLDivElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NbField } from './NbField.vue';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
refs: {};
|
|
7
|
+
rootEl: any;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NbLabel } from './NbLabel.vue';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label?: string;
|
|
3
|
+
};
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
14
|
+
label: string;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
disabled?: boolean;
|
|
3
|
+
destructive?: boolean;
|
|
4
|
+
};
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: any;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
select: (event: Event) => any;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
17
|
+
onSelect?: ((event: Event) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
destructive: boolean;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label: string;
|
|
3
|
+
};
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
value: number;
|
|
3
|
+
min?: number;
|
|
4
|
+
max?: number;
|
|
5
|
+
label: string;
|
|
6
|
+
showValue?: boolean;
|
|
7
|
+
low?: number;
|
|
8
|
+
high?: number;
|
|
9
|
+
optimum?: number;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
12
|
+
min: number;
|
|
13
|
+
max: number;
|
|
14
|
+
showValue: boolean;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NbMeter } from './NbMeter.vue';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
hint?: string;
|
|
5
|
+
error?: string;
|
|
6
|
+
id?: string;
|
|
7
|
+
name?: string;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
};
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
default?(_: {}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: any;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
"update:modelValue": (value: string) => any;
|
|
22
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
modelValue: string;
|
|
26
|
+
disabled: boolean;
|
|
27
|
+
required: boolean;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
30
|
+
export default _default;
|
|
31
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
32
|
+
new (): {
|
|
33
|
+
$slots: S;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as NbNativeSelect } from './NbNativeSelect.vue';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
modelValue?: number;
|
|
3
|
+
defaultValue?: number;
|
|
4
|
+
label?: string;
|
|
5
|
+
orientation?: 'horizontal' | 'vertical';
|
|
6
|
+
linear?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
"update:modelValue": (value: number) => any;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
20
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
21
|
+
}>, {
|
|
22
|
+
defaultValue: number;
|
|
23
|
+
orientation: "horizontal" | "vertical";
|
|
24
|
+
label: string;
|
|
25
|
+
linear: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
step: number;
|
|
3
|
+
title: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
completed?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
label?: string;
|
|
3
|
+
};
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: HTMLOListElement;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLOListElement>;
|
|
14
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
title: string;
|
|
3
|
+
date?: string;
|
|
4
|
+
datetime?: string;
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLLIElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -5,25 +5,33 @@ import { NbAvatar } from './components/NbAvatar';
|
|
|
5
5
|
import { NbBreadcrumbs } from './components/NbBreadcrumbs';
|
|
6
6
|
import { NbButton } from './components/NbButton';
|
|
7
7
|
import { NbButtonGroup } from './components/NbButtonGroup';
|
|
8
|
+
import { NbCarousel, NbCarouselSlide } from './components/NbCarousel';
|
|
8
9
|
import { NbCard } from './components/NbCard';
|
|
9
10
|
import { NbCheckbox } from './components/NbCheckbox';
|
|
10
11
|
import { NbCollapsible } from './components/NbCollapsible';
|
|
12
|
+
import { NbCopyButton } from './components/NbCopyButton';
|
|
11
13
|
import { NbCombobox } from './components/NbCombobox';
|
|
12
14
|
import { NbCommand } from './components/NbCommand';
|
|
13
15
|
import { NbContextMenu, NbContextMenuCheckboxItem, NbContextMenuItem, NbContextMenuLabel, NbContextMenuRadioGroup, NbContextMenuRadioItem, NbContextMenuSeparator, NbContextMenuShortcut, NbContextMenuSub } from './components/NbContextMenu';
|
|
14
16
|
import { NbAlert } from './components/NbAlert';
|
|
15
17
|
import { NbAlertDialog } from './components/NbAlertDialog';
|
|
16
18
|
import { NbDialog } from './components/NbDialog';
|
|
19
|
+
import { NbDrawer } from './components/NbDrawer';
|
|
17
20
|
import { NbDropdownMenu, NbDropdownMenuItem, NbDropdownMenuSeparator } from './components/NbDropdownMenu';
|
|
18
21
|
import { NbEmptyState } from './components/NbEmptyState';
|
|
19
22
|
import { NbFieldset } from './components/NbFieldset';
|
|
23
|
+
import { NbField } from './components/NbField';
|
|
20
24
|
import { NbInput } from './components/NbInput';
|
|
21
25
|
import { NbInputGroup } from './components/NbInputGroup';
|
|
26
|
+
import { NbLabel } from './components/NbLabel';
|
|
22
27
|
import { NbHoverCard } from './components/NbHoverCard';
|
|
23
28
|
import { NbKbd } from './components/NbKbd';
|
|
24
29
|
import { NbLink } from './components/NbLink';
|
|
25
30
|
import { NbMarker } from './components/NbMarker';
|
|
31
|
+
import { NbMeter } from './components/NbMeter';
|
|
32
|
+
import { NbMenubar, NbMenubarMenu, NbMenubarItem, NbMenubarSeparator } from './components/NbMenubar';
|
|
26
33
|
import { NbNavigationMenu } from './components/NbNavigationMenu';
|
|
34
|
+
import { NbNativeSelect } from './components/NbNativeSelect';
|
|
27
35
|
import { NbNumberInput } from './components/NbNumberInput';
|
|
28
36
|
import { NbPagination } from './components/NbPagination';
|
|
29
37
|
import { NbPinInput } from './components/NbPinInput';
|
|
@@ -38,16 +46,18 @@ import { NbSeparator } from './components/NbSeparator';
|
|
|
38
46
|
import { NbSlider } from './components/NbSlider';
|
|
39
47
|
import { NbSkeleton } from './components/NbSkeleton';
|
|
40
48
|
import { NbSpinner } from './components/NbSpinner';
|
|
49
|
+
import { NbStepper, NbStepperItem } from './components/NbStepper';
|
|
41
50
|
import { NbSwitch } from './components/NbSwitch';
|
|
42
51
|
import { NbTagsInput } from './components/NbTagsInput';
|
|
43
52
|
import { NbTabs, NbTabsContent, NbTabsList, NbTabsTrigger } from './components/NbTabs';
|
|
44
53
|
import { NbTextarea } from './components/NbTextarea';
|
|
45
54
|
import { NbTable } from './components/NbTable';
|
|
46
55
|
import { NbToast } from './components/NbToast';
|
|
56
|
+
import { NbTimeline, NbTimelineItem } from './components/NbTimeline';
|
|
47
57
|
import { NbToggle } from './components/NbToggle';
|
|
48
58
|
import { NbToggleGroup, NbToggleGroupItem } from './components/NbToggleGroup';
|
|
49
59
|
import { NbTooltip } from './components/NbTooltip';
|
|
50
|
-
export { NbAccordion, NbAccordionItem, NbAlert, NbAlertDialog, NbAspectRatio, NbAvatar, NbBadge, NbBreadcrumbs, NbButton, NbButtonGroup, NbCard, NbCheckbox, NbCollapsible, NbCombobox, NbCommand, NbContextMenu, NbContextMenuCheckboxItem, NbContextMenuItem, NbContextMenuLabel, NbContextMenuRadioGroup, NbContextMenuRadioItem, NbContextMenuSeparator, NbContextMenuShortcut, NbContextMenuSub, NbDialog, NbDropdownMenu, NbDropdownMenuItem, NbDropdownMenuSeparator, NbEmptyState, NbFieldset, NbHoverCard, NbInput, NbInputGroup, NbKbd, NbLink, NbMarker, NbNavigationMenu, NbNumberInput, NbPagination, NbPinInput, NbPopover, NbProgress, NbRadioGroup, NbRating, NbScrollArea, NbSelect, NbSelectItem, NbSeparator, NbSheet, NbSkeleton, NbSlider, NbSpinner, NbSwitch, NbTable, NbTabs, NbTabsContent, NbTabsList, NbTabsTrigger, NbTagsInput, NbTextarea, NbToast, NbToggle, NbToggleGroup, NbToggleGroupItem, NbTooltip };
|
|
60
|
+
export { NbAccordion, NbAccordionItem, NbAlert, NbAlertDialog, NbAspectRatio, NbAvatar, NbBadge, NbBreadcrumbs, NbButton, NbButtonGroup, NbCarousel, NbCarouselSlide, NbCard, NbCheckbox, NbCollapsible, NbCombobox, NbCommand, NbContextMenu, NbContextMenuCheckboxItem, NbContextMenuItem, NbContextMenuLabel, NbContextMenuRadioGroup, NbContextMenuRadioItem, NbContextMenuSeparator, NbContextMenuShortcut, NbContextMenuSub, NbCopyButton, NbDialog, NbDrawer, NbDropdownMenu, NbDropdownMenuItem, NbDropdownMenuSeparator, NbEmptyState, NbField, NbFieldset, NbHoverCard, NbInput, NbInputGroup, NbKbd, NbLabel, NbLink, NbMarker, NbMenubar, NbMenubarMenu, NbMenubarItem, NbMenubarSeparator, NbMeter, NbNativeSelect, NbNavigationMenu, NbNumberInput, NbPagination, NbPinInput, NbPopover, NbProgress, NbRadioGroup, NbRating, NbScrollArea, NbSelect, NbSelectItem, NbSeparator, NbSheet, NbSkeleton, NbSlider, NbSpinner, NbStepper, NbStepperItem, NbSwitch, NbTable, NbTabs, NbTabsContent, NbTabsList, NbTabsTrigger, NbTagsInput, NbTextarea, NbTimeline, NbTimelineItem, NbToast, NbToggle, NbToggleGroup, NbToggleGroupItem, NbTooltip };
|
|
51
61
|
export type { NbBreadcrumbItem } from './components/NbBreadcrumbs';
|
|
52
62
|
export type { NbComboboxOption } from './components/NbCombobox';
|
|
53
63
|
export type { NbCommandOption } from './components/NbCommand';
|
|
@@ -56,6 +66,7 @@ export type { NbMarkerTone } from './components/NbMarker';
|
|
|
56
66
|
export type { NbNavigationGroup, NbNavigationItem, NbNavigationLink } from './components/NbNavigationMenu';
|
|
57
67
|
export type { NbRadioOption } from './components/NbRadioGroup';
|
|
58
68
|
export type { NbSheetSide } from './components/NbSheet';
|
|
69
|
+
export type { NbDrawerSide } from './components/NbDrawer';
|
|
59
70
|
export type { NbTabsOrientation } from './components/NbTabs';
|
|
60
71
|
export type { NbToggleSize, NbToggleTone } from './components/NbToggle';
|
|
61
72
|
export type { NbToggleGroupOrientation, NbToggleGroupType } from './components/NbToggleGroup';
|