@nubisco/ui 2.6.0 → 2.7.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/dist/components/Banner.d.ts +53 -0
- package/dist/components/Banner.vue.d.ts +31 -0
- package/dist/components/Banner.vue.d.ts.map +1 -0
- package/dist/components/BlueprintCard.vue.d.ts +2 -2
- package/dist/components/Button.vue.d.ts +1 -1
- package/dist/components/Charts/BarChart.vue.d.ts +1 -1
- package/dist/components/Charts/GanttChart.vue.d.ts +1 -1
- package/dist/components/Charts/InterpolationChart.vue.d.ts +1 -1
- package/dist/components/Charts/LineChart.vue.d.ts +1 -1
- package/dist/components/Charts/PieChart.vue.d.ts +1 -1
- package/dist/components/Charts/Sparkline.vue.d.ts +1 -1
- package/dist/components/Charts/shared/ChartFrame.vue.d.ts +1 -1
- package/dist/components/Charts/shared/ChartFrame.vue.d.ts.map +1 -1
- package/dist/components/DatePicker.vue.d.ts +1 -1
- package/dist/components/Icon.vue.d.ts +1 -1
- package/dist/components/MenuItem.vue.d.ts +1 -1
- package/dist/components/NumberInput.vue.d.ts +1 -1
- package/dist/components/NumberInput.vue.d.ts.map +1 -1
- package/dist/components/ProgressBar.vue.d.ts +1 -1
- package/dist/components/Select.vue.d.ts +1 -1
- package/dist/components/SidebarBrand.vue.d.ts +1 -1
- package/dist/components/SidebarMenuItem.vue.d.ts +1 -1
- package/dist/components/TextInput.vue.d.ts +2 -2
- package/dist/components/TextInput.vue.d.ts.map +1 -1
- package/dist/components/TreeNode.vue.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/composables/useTheme.composable.d.ts +76 -0
- package/dist/composables/useTheme.composable.d.ts.map +1 -0
- package/dist/global.d.ts +2 -0
- package/dist/index.cjs +9 -9
- package/dist/index.mjs +11480 -11337
- package/dist/main.d.ts +5 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +1 -1
- package/src/styles/_theme.scss +92 -0
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
enum EBannerStatus {
|
|
2
|
+
Info = 'info',
|
|
3
|
+
Success = 'success',
|
|
4
|
+
Warning = 'warning',
|
|
5
|
+
Error = 'error',
|
|
6
|
+
Neutral = 'neutral',
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
enum EBannerVariant {
|
|
10
|
+
/**
|
|
11
|
+
* Reports the outcome of something the user did. Sits at the top of the
|
|
12
|
+
* content it concerns, and can be dismissed once it has been read.
|
|
13
|
+
*/
|
|
14
|
+
Inline = 'inline',
|
|
15
|
+
/**
|
|
16
|
+
* Guidance that loads WITH the page and is true for as long as the page is:
|
|
17
|
+
* a trial expiring, a draft awaiting approval, an environment that is not
|
|
18
|
+
* production. It cannot be dismissed, because dismissing it would not make it
|
|
19
|
+
* untrue. Carbon's callout, and the reason `dismissible` is not simply on by
|
|
20
|
+
* default.
|
|
21
|
+
*/
|
|
22
|
+
Callout = 'callout',
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
interface IBannerProps {
|
|
26
|
+
/** The emotional tone, which picks the ground, the ink and the icon. */
|
|
27
|
+
status?: `${EBannerStatus}`
|
|
28
|
+
/** Whether this reports an outcome (inline) or states a standing fact (callout). */
|
|
29
|
+
variant?: `${EBannerVariant}`
|
|
30
|
+
/**
|
|
31
|
+
* Short and declarative, no full stop. The body says the rest.
|
|
32
|
+
* Rendered ahead of the default slot, in the same paragraph, so a banner
|
|
33
|
+
* reads as one sentence to a screen reader rather than two fragments.
|
|
34
|
+
*/
|
|
35
|
+
title?: string
|
|
36
|
+
/**
|
|
37
|
+
* Show a close button. Ignored for `callout`, which by definition states
|
|
38
|
+
* something that is still true after you stop looking at it.
|
|
39
|
+
*/
|
|
40
|
+
dismissible?: boolean
|
|
41
|
+
/** Icon name override. Defaults to the icon that matches `status`. */
|
|
42
|
+
icon?: string
|
|
43
|
+
/** Hide the icon entirely. The colour alone must then not be the only cue. */
|
|
44
|
+
hideIcon?: boolean
|
|
45
|
+
/**
|
|
46
|
+
* Full-bleed: drops the radius and the side borders, keeping only the bottom
|
|
47
|
+
* one. For a banner that spans a region edge to edge, such as NbShell's
|
|
48
|
+
* `#notification` slot.
|
|
49
|
+
*/
|
|
50
|
+
flush?: boolean
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export { EBannerStatus, EBannerVariant, IBannerProps }
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { EBannerStatus, EBannerVariant, IBannerProps } from './Banner.d';
|
|
2
|
+
type __VLS_Props = IBannerProps & {
|
|
3
|
+
closeLabel?: string;
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_6: {}, __VLS_8: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_6) => any;
|
|
8
|
+
} & {
|
|
9
|
+
action?: (props: typeof __VLS_8) => any;
|
|
10
|
+
};
|
|
11
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
12
|
+
dismiss: () => any;
|
|
13
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
14
|
+
onDismiss?: (() => any) | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
variant: `${EBannerVariant}`;
|
|
17
|
+
status: `${EBannerStatus}`;
|
|
18
|
+
dismissible: boolean;
|
|
19
|
+
hideIcon: boolean;
|
|
20
|
+
flush: boolean;
|
|
21
|
+
closeLabel: string;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
24
|
+
declare const _default: typeof __VLS_export;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=Banner.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.vue.d.ts","sourceRoot":"","sources":["../../src/components/Banner.vue"],"names":[],"mappings":"AA+PA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAExE,KAAK,WAAW,GAAG,YAAY,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAwK1D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU;;;;;;;;;;gBAhLiC,MAAM;6EAoLrD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -34,10 +34,11 @@ declare const __VLS_base: import("vue").DefineComponent<IBlueprintCardProps, {},
|
|
|
34
34
|
type: "input" | "output";
|
|
35
35
|
}) => any) | undefined;
|
|
36
36
|
}>, {
|
|
37
|
+
color: string;
|
|
38
|
+
status: import("./BlueprintCard.types").TBlueprintCardStatus;
|
|
37
39
|
x: number;
|
|
38
40
|
y: number;
|
|
39
41
|
category: string;
|
|
40
|
-
color: string;
|
|
41
42
|
enabled: boolean;
|
|
42
43
|
selected: boolean;
|
|
43
44
|
ports: IBlueprintPort[];
|
|
@@ -45,7 +46,6 @@ declare const __VLS_base: import("vue").DefineComponent<IBlueprintCardProps, {},
|
|
|
45
46
|
activePorts: string[];
|
|
46
47
|
removable: boolean;
|
|
47
48
|
collapsed: boolean;
|
|
48
|
-
status: import("./BlueprintCard.types").TBlueprintCardStatus;
|
|
49
49
|
preview: string;
|
|
50
50
|
parameters: import("./BlueprintCard.types").IBlueprintCardParameter[];
|
|
51
51
|
showPortLabels: import("./BlueprintCard.types").TBlueprintPortLabelMode;
|
|
@@ -11,8 +11,8 @@ declare const __VLS_base: import("vue").DefineComponent<IButtonProps, {}, {}, {}
|
|
|
11
11
|
variant: string;
|
|
12
12
|
size: import("./Button.d").TButtonSize;
|
|
13
13
|
type: `${EButtonType}`;
|
|
14
|
-
to: string | Record<string, unknown>;
|
|
15
14
|
icon: string;
|
|
15
|
+
to: string | Record<string, unknown>;
|
|
16
16
|
outlined: boolean;
|
|
17
17
|
disabled: boolean;
|
|
18
18
|
loading: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { IBarChartProps } from './BarChart.d';
|
|
2
2
|
declare const __VLS_export: import("vue").DefineComponent<IBarChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IBarChartProps> & Readonly<{}>, {
|
|
3
3
|
title: string;
|
|
4
|
-
subtitle: string;
|
|
5
4
|
height: number | string;
|
|
5
|
+
subtitle: string;
|
|
6
6
|
showLegend: boolean;
|
|
7
7
|
series: import("./shared/types").IChartSeries[];
|
|
8
8
|
orientation: import("./BarChart.d").TBarOrientation;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { IGanttChartProps, IGanttTask, TGanttTimeScale, TGanttTaskStatus } from './GanttChart.d';
|
|
2
2
|
declare const __VLS_export: import("vue").DefineComponent<IGanttChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IGanttChartProps> & Readonly<{}>, {
|
|
3
3
|
title: string;
|
|
4
|
-
subtitle: string;
|
|
5
4
|
height: number | string;
|
|
5
|
+
subtitle: string;
|
|
6
6
|
showLegend: boolean;
|
|
7
7
|
showTooltip: boolean;
|
|
8
8
|
showGrid: boolean;
|
|
@@ -5,8 +5,8 @@ declare const __VLS_export: import("vue").DefineComponent<IInterpolationChartPro
|
|
|
5
5
|
"onUpdate:modelValue"?: ((value: IInterpolationPoint[]) => any) | undefined;
|
|
6
6
|
}>, {
|
|
7
7
|
title: string;
|
|
8
|
-
subtitle: string;
|
|
9
8
|
height: number | string;
|
|
9
|
+
subtitle: string;
|
|
10
10
|
showLegend: boolean;
|
|
11
11
|
showTooltip: boolean;
|
|
12
12
|
showGrid: boolean;
|
|
@@ -2,8 +2,8 @@ import type { ILineChartProps } from './LineChart.d';
|
|
|
2
2
|
declare const __VLS_export: import("vue").DefineComponent<ILineChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ILineChartProps> & Readonly<{}>, {
|
|
3
3
|
area: boolean;
|
|
4
4
|
title: string;
|
|
5
|
-
subtitle: string;
|
|
6
5
|
height: number | string;
|
|
6
|
+
subtitle: string;
|
|
7
7
|
showLegend: boolean;
|
|
8
8
|
series: import("./shared/types.d").IChartSeries[];
|
|
9
9
|
showTooltip: boolean;
|
|
@@ -2,8 +2,8 @@ import type { IPieChartProps } from './PieChart.d';
|
|
|
2
2
|
declare const __VLS_export: import("vue").DefineComponent<IPieChartProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IPieChartProps> & Readonly<{}>, {
|
|
3
3
|
data: import("./shared/types").ICategoricalDatum[];
|
|
4
4
|
title: string;
|
|
5
|
-
subtitle: string;
|
|
6
5
|
height: number | string;
|
|
6
|
+
subtitle: string;
|
|
7
7
|
showLegend: boolean;
|
|
8
8
|
showTooltip: boolean;
|
|
9
9
|
colors: string[];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ISparklineProps } from './Sparkline.d';
|
|
2
2
|
declare const __VLS_export: import("vue").DefineComponent<ISparklineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ISparklineProps> & Readonly<{}>, {
|
|
3
3
|
fill: boolean;
|
|
4
|
+
color: string;
|
|
4
5
|
height: number | string;
|
|
5
6
|
width: number | string;
|
|
6
|
-
color: string;
|
|
7
7
|
smooth: boolean;
|
|
8
8
|
strokeWidth: number;
|
|
9
9
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
14
14
|
viewport: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
|
|
15
15
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
16
|
title: string;
|
|
17
|
-
subtitle: string;
|
|
18
17
|
height: number | string;
|
|
18
|
+
subtitle: string;
|
|
19
19
|
showLegend: boolean;
|
|
20
20
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
21
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/shared/ChartFrame.vue"],"names":[],"mappings":"AAwFA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAwFJ,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,QAAA,MAAM,UAAU;;;WAtGJ,MAAM;
|
|
1
|
+
{"version":3,"file":"ChartFrame.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/shared/ChartFrame.vue"],"names":[],"mappings":"AAwFA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;AAwFJ,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,QAAA,MAAM,UAAU;;;WAtGJ,MAAM;YAEL,MAAM,GAAG,MAAM;cADb,MAAM;gBAEJ,OAAO;6EAuGtB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -26,11 +26,11 @@ declare const __VLS_base: import("vue").DefineComponent<IDatePickerProps, {
|
|
|
26
26
|
type: "simple" | "single" | "range";
|
|
27
27
|
label: string;
|
|
28
28
|
name: string;
|
|
29
|
+
required: boolean;
|
|
29
30
|
warning: string;
|
|
30
31
|
error: string;
|
|
31
32
|
min: string;
|
|
32
33
|
max: string;
|
|
33
|
-
required: boolean;
|
|
34
34
|
disabled: boolean;
|
|
35
35
|
weekStart: 0 | 1;
|
|
36
36
|
locale: string;
|
|
@@ -8,8 +8,8 @@ declare const __VLS_export: import("vue").DefineComponent<IIconProps, {}, {}, {}
|
|
|
8
8
|
size: ESize | string | number;
|
|
9
9
|
title: string;
|
|
10
10
|
animation: `${import("./Icon.d").EAnimation}` | null;
|
|
11
|
-
color: string;
|
|
12
11
|
animationMode: `${EAnimationMode}`;
|
|
12
|
+
color: string;
|
|
13
13
|
weight: `${EWeight}`;
|
|
14
14
|
clickable: boolean;
|
|
15
15
|
hoverable: boolean;
|
|
@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<IMenuItemProps, {
|
|
|
12
12
|
onSelect?: (() => any) | undefined;
|
|
13
13
|
onHighlight?: (() => any) | undefined;
|
|
14
14
|
}>, {
|
|
15
|
-
selected: boolean;
|
|
16
15
|
icon: string;
|
|
16
|
+
selected: boolean;
|
|
17
17
|
disabled: boolean;
|
|
18
18
|
shortcut: string;
|
|
19
19
|
selectable: boolean;
|
|
@@ -18,11 +18,11 @@ declare const __VLS_export: import("vue").DefineComponent<INumberInputProps, {
|
|
|
18
18
|
size: "xs" | "sm" | "md" | "lg";
|
|
19
19
|
id: string;
|
|
20
20
|
label: string;
|
|
21
|
+
required: boolean;
|
|
21
22
|
warning: string;
|
|
22
23
|
error: string;
|
|
23
24
|
min: number;
|
|
24
25
|
max: number;
|
|
25
|
-
required: boolean;
|
|
26
26
|
disabled: boolean;
|
|
27
27
|
modelValue: number | null;
|
|
28
28
|
helper: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/NumberInput.vue"],"names":[],"mappings":"AA+hBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAukBD,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/NumberInput.vue"],"names":[],"mappings":"AA+hBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAukBD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;SA1kBV,MAAM;SACN,MAAM;;gBAFC,MAAM,GAAG,IAAI;;;UAGnB,MAAM;6EA6kBb,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -2,8 +2,8 @@ import { EProgressBarSize, EProgressBarStatus, IProgressBarProps } from './Progr
|
|
|
2
2
|
declare const __VLS_export: import("vue").DefineComponent<IProgressBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProgressBarProps> & Readonly<{}>, {
|
|
3
3
|
size: `${EProgressBarSize}`;
|
|
4
4
|
id: string;
|
|
5
|
-
max: number;
|
|
6
5
|
status: `${EProgressBarStatus}`;
|
|
6
|
+
max: number;
|
|
7
7
|
value: number;
|
|
8
8
|
helper: string;
|
|
9
9
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -24,9 +24,9 @@ declare const __VLS_base: import("vue").DefineComponent<ISelectProps, {
|
|
|
24
24
|
id: string;
|
|
25
25
|
label: string;
|
|
26
26
|
name: string;
|
|
27
|
+
required: boolean;
|
|
27
28
|
warning: string;
|
|
28
29
|
error: string;
|
|
29
|
-
required: boolean;
|
|
30
30
|
disabled: boolean;
|
|
31
31
|
modelValue: string | number | Array<string | number> | null;
|
|
32
32
|
helper: string;
|
|
@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
|
|
|
4
4
|
icon?: (props: typeof __VLS_1) => any;
|
|
5
5
|
};
|
|
6
6
|
declare const __VLS_base: import("vue").DefineComponent<ISidebarBrandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ISidebarBrandProps> & Readonly<{}>, {
|
|
7
|
-
subtitle: string;
|
|
8
7
|
icon: string;
|
|
8
|
+
subtitle: string;
|
|
9
9
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
10
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
11
|
declare const _default: typeof __VLS_export;
|
|
@@ -10,9 +10,9 @@ declare const __VLS_base: import("vue").DefineComponent<ISidebarMenuItemProps, {
|
|
|
10
10
|
}, string, import("vue").PublicProps, Readonly<ISidebarMenuItemProps> & Readonly<{
|
|
11
11
|
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
12
12
|
}>, {
|
|
13
|
+
icon: string;
|
|
13
14
|
to: string | Record<string, unknown>;
|
|
14
15
|
active: boolean;
|
|
15
|
-
icon: string;
|
|
16
16
|
disabled: boolean;
|
|
17
17
|
href: string;
|
|
18
18
|
defaultExpanded: boolean;
|
|
@@ -53,13 +53,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
53
53
|
id: string;
|
|
54
54
|
type: string;
|
|
55
55
|
label: string;
|
|
56
|
-
rows: number;
|
|
57
56
|
name: string;
|
|
57
|
+
required: boolean;
|
|
58
58
|
warning: string;
|
|
59
59
|
error: string;
|
|
60
|
+
rows: number;
|
|
60
61
|
min: string | number;
|
|
61
62
|
max: string | number;
|
|
62
|
-
required: boolean;
|
|
63
63
|
disabled: boolean;
|
|
64
64
|
helper: string;
|
|
65
65
|
placeholder: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.vue"],"names":[],"mappings":"AA8iBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAO9D,MAAM,WAAW,eAAgB,SAAQ,uBAAuB;IAC9D,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC;AAED,KAAK,WAAW,GAAG,eAAe,CAAC;AAyFnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA2BF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAkYxD,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACjI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ9C,QAAA,MAAM,UAAU;;;;;;;;;;;;UA3hBP,MAAM
|
|
1
|
+
{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.vue"],"names":[],"mappings":"AA8iBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAO9D,MAAM,WAAW,eAAgB,SAAQ,uBAAuB;IAC9D,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC;AAED,KAAK,WAAW,GAAG,eAAe,CAAC;AAyFnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA2BF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAkYxD,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACjI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ9C,QAAA,MAAM,UAAU;;;;;;;;;;;;UA3hBP,MAAM;;;;;;UAQN,MAAM;SAPP,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;;;;;UACd,MAAM,GAAG,MAAM;eAcV,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM;eAbxB,MAAM;eAEN,OAAO;6EA0hBnB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -18,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<ITreeNodeProps, {}, {},
|
|
|
18
18
|
onDblclick?: ((id: string) => any) | undefined;
|
|
19
19
|
onToggle?: ((id: string, expanded: boolean) => any) | undefined;
|
|
20
20
|
}>, {
|
|
21
|
-
depth: number | null;
|
|
22
21
|
icon: string;
|
|
22
|
+
depth: number | null;
|
|
23
23
|
disabled: boolean;
|
|
24
24
|
draggable: boolean | null;
|
|
25
25
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;;iBA8If,GAAG;;AADlB,wBAMC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { type ComputedRef, type Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* The three states a theme preference can be in.
|
|
4
|
+
*
|
|
5
|
+
* `system` is a preference in its own right, not the absence of one: it means
|
|
6
|
+
* "keep following the OS", and it stays selected while the resolved theme
|
|
7
|
+
* changes underneath it.
|
|
8
|
+
*/
|
|
9
|
+
export type TTheme = 'light' | 'dark' | 'system';
|
|
10
|
+
/** The two themes that can actually be painted. */
|
|
11
|
+
export type TResolvedTheme = 'light' | 'dark';
|
|
12
|
+
export interface IThemeOptions {
|
|
13
|
+
/**
|
|
14
|
+
* localStorage key the preference is persisted under. Namespace it per
|
|
15
|
+
* application (`'analytics.theme'`), so two Nubisco products served from the
|
|
16
|
+
* same origin do not fight over one value.
|
|
17
|
+
*/
|
|
18
|
+
storageKey?: string;
|
|
19
|
+
/** Preference to use when nothing is stored yet. */
|
|
20
|
+
defaultTheme?: TTheme;
|
|
21
|
+
/**
|
|
22
|
+
* Class placed on `<html>` for the dark theme. Matches the selector the
|
|
23
|
+
* library's own dark ramp is emitted under; override only if an application
|
|
24
|
+
* has its own dark stylesheet keyed on something else.
|
|
25
|
+
*/
|
|
26
|
+
darkClass?: string;
|
|
27
|
+
}
|
|
28
|
+
export interface IThemeController {
|
|
29
|
+
/** The stored preference, including `system`. */
|
|
30
|
+
theme: Readonly<Ref<TTheme>>;
|
|
31
|
+
/** The theme actually showing right now. Never `system`. */
|
|
32
|
+
resolved: Readonly<Ref<TResolvedTheme>>;
|
|
33
|
+
/** True while the preference is `system`, for a control that marks it. */
|
|
34
|
+
followsSystem: ComputedRef<boolean>;
|
|
35
|
+
/** Pin a preference, or hand control back to the OS with `'system'`. */
|
|
36
|
+
setTheme: (value: TTheme) => void;
|
|
37
|
+
/**
|
|
38
|
+
* Flip to the opposite of what is currently showing. Always lands on an
|
|
39
|
+
* explicit `light` or `dark`, which is what a single-button toggle in a
|
|
40
|
+
* topbar wants; a three-state control should call `setTheme` instead.
|
|
41
|
+
*/
|
|
42
|
+
toggle: () => void;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Names the storage key (and any other option) before the first `useTheme()`.
|
|
46
|
+
*
|
|
47
|
+
* Call it once, at application start, next to the other boot-time wiring:
|
|
48
|
+
*
|
|
49
|
+
* ```ts
|
|
50
|
+
* configureTheme({ storageKey: 'analytics.theme' })
|
|
51
|
+
* ```
|
|
52
|
+
*
|
|
53
|
+
* Calling it later re-reads storage and repaints, which is what an application
|
|
54
|
+
* that switches identity mid-session (or a test) wants, but it is not a
|
|
55
|
+
* per-component knob: the preference is one global piece of state, exactly like
|
|
56
|
+
* the document it paints.
|
|
57
|
+
*/
|
|
58
|
+
export declare function configureTheme(next?: IThemeOptions): void;
|
|
59
|
+
/**
|
|
60
|
+
* Light/dark theming, with `system` as a first-class third state.
|
|
61
|
+
*
|
|
62
|
+
* The library ships both ramps and switches between them on a single class, so
|
|
63
|
+
* all this owns is the decision about when that class is present, where the
|
|
64
|
+
* preference is stored, and what happens when the OS setting changes while the
|
|
65
|
+
* application is open.
|
|
66
|
+
*
|
|
67
|
+
* ```vue
|
|
68
|
+
* const { theme, resolved, setTheme, toggle } = useTheme()
|
|
69
|
+
* ```
|
|
70
|
+
*
|
|
71
|
+
* `theme` is what the person chose (`'system'` included) and is what a settings
|
|
72
|
+
* control should bind to. `resolved` is what is actually painted, and is what
|
|
73
|
+
* an icon should follow.
|
|
74
|
+
*/
|
|
75
|
+
export declare function useTheme(): IThemeController;
|
|
76
|
+
//# sourceMappingURL=useTheme.composable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.composable.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.composable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAEhF;;;;;;GAMG;AACH,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEhD,mDAAmD;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAA;AAE7C,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,iDAAiD;IACjD,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5B,4DAA4D;IAC5D,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAA;IACvC,0EAA0E;IAC1E,aAAa,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACnC,wEAAwE;IACxE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC;;;;OAIG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB;AA4GD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAE,aAAkB,GAAG,IAAI,CAG7D;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,QAAQ,IAAI,gBAAgB,CAc3C"}
|
package/dist/global.d.ts
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
// Re-run the build to update this file when components change
|
|
3
3
|
import AiLabel from './components/AiLabel.vue'
|
|
4
4
|
import Badge from './components/Badge.vue'
|
|
5
|
+
import Banner from './components/Banner.vue'
|
|
5
6
|
import BarChart from './components/Charts/BarChart.vue'
|
|
6
7
|
import Blueprint from './components/Blueprint.vue'
|
|
7
8
|
import BlueprintBackground from './components/BlueprintBackground.vue'
|
|
@@ -76,6 +77,7 @@ declare module 'vue' {
|
|
|
76
77
|
interface GlobalComponents {
|
|
77
78
|
NbAiLabel: typeof AiLabel
|
|
78
79
|
NbBadge: typeof Badge
|
|
80
|
+
NbBanner: typeof Banner
|
|
79
81
|
NbBarChart: typeof BarChart
|
|
80
82
|
NbBlueprint: typeof Blueprint
|
|
81
83
|
NbBlueprintBackground: typeof BlueprintBackground
|