@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.
Files changed (36) hide show
  1. package/dist/components/Banner.d.ts +53 -0
  2. package/dist/components/Banner.vue.d.ts +31 -0
  3. package/dist/components/Banner.vue.d.ts.map +1 -0
  4. package/dist/components/BlueprintCard.vue.d.ts +2 -2
  5. package/dist/components/Button.vue.d.ts +1 -1
  6. package/dist/components/Charts/BarChart.vue.d.ts +1 -1
  7. package/dist/components/Charts/GanttChart.vue.d.ts +1 -1
  8. package/dist/components/Charts/InterpolationChart.vue.d.ts +1 -1
  9. package/dist/components/Charts/LineChart.vue.d.ts +1 -1
  10. package/dist/components/Charts/PieChart.vue.d.ts +1 -1
  11. package/dist/components/Charts/Sparkline.vue.d.ts +1 -1
  12. package/dist/components/Charts/shared/ChartFrame.vue.d.ts +1 -1
  13. package/dist/components/Charts/shared/ChartFrame.vue.d.ts.map +1 -1
  14. package/dist/components/DatePicker.vue.d.ts +1 -1
  15. package/dist/components/Icon.vue.d.ts +1 -1
  16. package/dist/components/MenuItem.vue.d.ts +1 -1
  17. package/dist/components/NumberInput.vue.d.ts +1 -1
  18. package/dist/components/NumberInput.vue.d.ts.map +1 -1
  19. package/dist/components/ProgressBar.vue.d.ts +1 -1
  20. package/dist/components/Select.vue.d.ts +1 -1
  21. package/dist/components/SidebarBrand.vue.d.ts +1 -1
  22. package/dist/components/SidebarMenuItem.vue.d.ts +1 -1
  23. package/dist/components/TextInput.vue.d.ts +2 -2
  24. package/dist/components/TextInput.vue.d.ts.map +1 -1
  25. package/dist/components/TreeNode.vue.d.ts +1 -1
  26. package/dist/components/index.d.ts.map +1 -1
  27. package/dist/composables/useTheme.composable.d.ts +76 -0
  28. package/dist/composables/useTheme.composable.d.ts.map +1 -0
  29. package/dist/global.d.ts +2 -0
  30. package/dist/index.cjs +9 -9
  31. package/dist/index.mjs +11480 -11337
  32. package/dist/main.d.ts +5 -0
  33. package/dist/main.d.ts.map +1 -1
  34. package/dist/ui.css +1 -1
  35. package/package.json +1 -1
  36. 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;cACH,MAAM;YACR,MAAM,GAAG,MAAM;gBACX,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"}
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;;;;;;;;;;;;;;;SA1kBV,MAAM;SACN,MAAM;;;gBAFC,MAAM,GAAG,IAAI;;;UAGnB,MAAM;6EA6kBb,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
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;;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"}
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;;iBA4If,GAAG;;AADlB,wBAMC"}
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