@nubisco/ui 2.3.0 → 2.5.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/README.md +7 -6
- package/dist/components/Modal.d.ts +17 -2
- package/dist/components/Modal.vue.d.ts +1 -2
- package/dist/components/Modal.vue.d.ts.map +1 -1
- package/dist/components/NubiscoPlatformMark.vue.d.ts +8 -0
- package/dist/components/NubiscoPlatformMark.vue.d.ts.map +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/global.d.ts +2 -0
- package/dist/index.cjs +8 -8
- package/dist/index.mjs +10432 -10109
- package/dist/main.d.ts +2 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +6 -3
- package/src/assets/nubisco-platform-mark.svg +1 -0
package/README.md
CHANGED
|
@@ -198,12 +198,13 @@ Most component libraries impose styling opinions that are hard to override. Nubi
|
|
|
198
198
|
|
|
199
199
|
### Data Display
|
|
200
200
|
|
|
201
|
-
| Component
|
|
202
|
-
|
|
|
203
|
-
| `NbBadge`
|
|
204
|
-
| `NbIcon`
|
|
205
|
-
| `NbJsonTree`
|
|
206
|
-
| `NbNubiscoMark`
|
|
201
|
+
| Component | Description |
|
|
202
|
+
| :---------------------- | :------------------------------------------------------------------------------------------------------ |
|
|
203
|
+
| `NbBadge` | Status badge/pill with 7 colour variants |
|
|
204
|
+
| `NbIcon` | SVG icon component with virtual module loader |
|
|
205
|
+
| `NbJsonTree` | Collapsible JSON tree viewer |
|
|
206
|
+
| `NbNubiscoMark` | The Nubisco corporate mark, inline SVG. Also shipped as a file at `@nubisco/ui/assets/nubisco-mark.svg` |
|
|
207
|
+
| `NbNubiscoPlatformMark` | The Nubisco Platform product mark, inline SVG. Also at `@nubisco/ui/assets/nubisco-platform-mark.svg` |
|
|
207
208
|
|
|
208
209
|
### Navigation
|
|
209
210
|
|
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
import { ESizeShort } from '../types/Size.d'
|
|
2
2
|
|
|
3
|
+
/**
|
|
4
|
+
* Dialog size.
|
|
5
|
+
*
|
|
6
|
+
* `sm` | `md` | `lg` are the shared short scale. The two larger steps are
|
|
7
|
+
* modal-only, so they are declared here rather than widened into `ESizeShort`,
|
|
8
|
+
* which NbButton, NbDataTable, NbPagination and NbSlider also read.
|
|
9
|
+
*
|
|
10
|
+
* `xl` is a bigger fixed box: content-heavy dialogs that are still dialogs.
|
|
11
|
+
* `immersive` approaches the viewport, for side-by-side comparison content
|
|
12
|
+
* that a fixed width forces into cramped wrapping. It is not full-screen: it
|
|
13
|
+
* keeps a margin all round, so the page behind stays visible and the dialog
|
|
14
|
+
* still reads as something you are inside of, not somewhere you navigated to.
|
|
15
|
+
*/
|
|
16
|
+
type TModalSize = `${ESizeShort}` | 'xl' | 'immersive'
|
|
17
|
+
|
|
3
18
|
interface IModalProps {
|
|
4
19
|
open?: boolean
|
|
5
20
|
title?: string
|
|
6
|
-
size?:
|
|
21
|
+
size?: TModalSize
|
|
7
22
|
closeOnOverlay?: boolean
|
|
8
23
|
}
|
|
9
24
|
|
|
10
|
-
export { IModalProps }
|
|
25
|
+
export { IModalProps, TModalSize }
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ESizeShort } from '../types/Size.d';
|
|
2
1
|
import type { IModalProps } from './Modal.d';
|
|
3
2
|
declare var __VLS_13: {}, __VLS_20: {}, __VLS_28: {};
|
|
4
3
|
type __VLS_Slots = {} & {
|
|
@@ -13,7 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<IModalProps, {}, {}, {},
|
|
|
13
12
|
}, string, import("vue").PublicProps, Readonly<IModalProps> & Readonly<{
|
|
14
13
|
onClose?: (() => any) | undefined;
|
|
15
14
|
}>, {
|
|
16
|
-
size:
|
|
15
|
+
size: import("./Modal.d").TModalSize;
|
|
17
16
|
title: string;
|
|
18
17
|
open: boolean;
|
|
19
18
|
closeOnOverlay: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../src/components/Modal.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAuM5C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;6EAId,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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { INubiscoMarkProps } from './NubiscoMark.d';
|
|
2
|
+
declare const __VLS_export: import("vue").DefineComponent<INubiscoMarkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<INubiscoMarkProps> & Readonly<{}>, {
|
|
3
|
+
size: number | string;
|
|
4
|
+
title: string;
|
|
5
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
declare const _default: typeof __VLS_export;
|
|
7
|
+
export default _default;
|
|
8
|
+
//# sourceMappingURL=NubiscoPlatformMark.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NubiscoPlatformMark.vue.d.ts","sourceRoot":"","sources":["../../src/components/NubiscoPlatformMark.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AA4WxD,QAAA,MAAM,YAAY;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -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;;iBA4If,GAAG;;AADlB,wBAMC"}
|
package/dist/global.d.ts
CHANGED
|
@@ -43,6 +43,7 @@ import MenuItem from './components/MenuItem.vue'
|
|
|
43
43
|
import Message from './components/Message.vue'
|
|
44
44
|
import Modal from './components/Modal.vue'
|
|
45
45
|
import NubiscoMark from './components/NubiscoMark.vue'
|
|
46
|
+
import NubiscoPlatformMark from './components/NubiscoPlatformMark.vue'
|
|
46
47
|
import NumberInput from './components/NumberInput.vue'
|
|
47
48
|
import Pagination from './components/Pagination.vue'
|
|
48
49
|
import Panel from './components/Panel.vue'
|
|
@@ -115,6 +116,7 @@ declare module 'vue' {
|
|
|
115
116
|
NbMessage: typeof Message
|
|
116
117
|
NbModal: typeof Modal
|
|
117
118
|
NbNubiscoMark: typeof NubiscoMark
|
|
119
|
+
NbNubiscoPlatformMark: typeof NubiscoPlatformMark
|
|
118
120
|
NbNumberInput: typeof NumberInput
|
|
119
121
|
NbPagination: typeof Pagination
|
|
120
122
|
NbPanel: typeof Panel
|