@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 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 | 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 mark, inline SVG. Also shipped as a file at `@nubisco/ui/assets/nubisco-mark.svg` |
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?: `${ESizeShort}`
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: `${ESizeShort}`;
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":"AA2NA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAsM5C,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"}
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;;iBA0If,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;;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