@telesign/boreal-vue 0.1.0-alpha.0 → 0.1.0-alpha.2
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 +5 -5
- package/dist/components.d.ts +8 -0
- package/dist/components.js +133 -4
- package/dist/components.js.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/plugin.d.ts +0 -2
- package/dist/plugin.js +0 -5
- package/dist/plugin.js.map +0 -1
package/README.md
CHANGED
|
@@ -30,7 +30,7 @@ Import the Boreal DS stylesheet in your application entry file:
|
|
|
30
30
|
|
|
31
31
|
```ts
|
|
32
32
|
// main.ts
|
|
33
|
-
import
|
|
33
|
+
import "@telesign/boreal-vue/css/boreal.css";
|
|
34
34
|
```
|
|
35
35
|
|
|
36
36
|
### Icon font
|
|
@@ -49,7 +49,7 @@ Add the Boreal DS icon font to the `<head>` of your `index.html`:
|
|
|
49
49
|
Set the `data-theme` attribute on the `<body>` element to activate a brand theme:
|
|
50
50
|
|
|
51
51
|
```html
|
|
52
|
-
<body data-theme="proximus">
|
|
52
|
+
<body data-theme="proximus"></body>
|
|
53
53
|
```
|
|
54
54
|
|
|
55
55
|
Available values: `connect` | `engage` | `protect` | `proximus`
|
|
@@ -58,15 +58,15 @@ Available values: `connect` | `engage` | `protect` | `proximus`
|
|
|
58
58
|
|
|
59
59
|
```vue
|
|
60
60
|
<script setup lang="ts">
|
|
61
|
-
import { BdsBanner } from
|
|
61
|
+
import { BdsBanner } from "@telesign/boreal-vue";
|
|
62
62
|
|
|
63
63
|
const handleClose = () => {
|
|
64
|
-
console.log(
|
|
64
|
+
console.log("Banner closed");
|
|
65
65
|
};
|
|
66
66
|
</script>
|
|
67
67
|
|
|
68
68
|
<template>
|
|
69
|
-
<BdsBanner variant="info"
|
|
69
|
+
<BdsBanner variant="info" closable @bds-close="handleClose">
|
|
70
70
|
Welcome to Boreal DS
|
|
71
71
|
</BdsBanner>
|
|
72
72
|
</template>
|
package/dist/components.d.ts
CHANGED
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import { type StencilVueComponent } from '@stencil/vue-output-target/runtime';
|
|
2
2
|
import type { JSX } from '@telesign/boreal-web-components';
|
|
3
3
|
export declare const BdsBanner: StencilVueComponent<JSX.BdsBanner>;
|
|
4
|
+
export declare const BdsButton: StencilVueComponent<JSX.BdsButton>;
|
|
5
|
+
export declare const BdsCheckbox: StencilVueComponent<JSX.BdsCheckbox>;
|
|
6
|
+
export declare const BdsDialog: StencilVueComponent<JSX.BdsDialog>;
|
|
7
|
+
export declare const BdsFlag: StencilVueComponent<JSX.BdsFlag>;
|
|
8
|
+
export declare const BdsPopover: StencilVueComponent<JSX.BdsPopover>;
|
|
9
|
+
export declare const BdsSpinner: StencilVueComponent<JSX.BdsSpinner>;
|
|
10
|
+
export declare const BdsTextField: StencilVueComponent<JSX.BdsTextField, JSX.BdsTextField["value"]>;
|
|
11
|
+
export declare const BdsTooltip: StencilVueComponent<JSX.BdsTooltip>;
|
|
4
12
|
export declare const BdsTypography: StencilVueComponent<JSX.BdsTypography>;
|
package/dist/components.js
CHANGED
|
@@ -1,13 +1,142 @@
|
|
|
1
1
|
import { defineContainer } from '@stencil/vue-output-target/runtime';
|
|
2
2
|
import { defineCustomElement as defineBdsBanner } from '@telesign/boreal-web-components/components/bds-banner.js';
|
|
3
|
+
import { defineCustomElement as defineBdsButton } from '@telesign/boreal-web-components/components/bds-button.js';
|
|
4
|
+
import { defineCustomElement as defineBdsCheckbox } from '@telesign/boreal-web-components/components/bds-checkbox.js';
|
|
5
|
+
import { defineCustomElement as defineBdsDialog } from '@telesign/boreal-web-components/components/bds-dialog.js';
|
|
6
|
+
import { defineCustomElement as defineBdsFlag } from '@telesign/boreal-web-components/components/bds-flag.js';
|
|
7
|
+
import { defineCustomElement as defineBdsPopover } from '@telesign/boreal-web-components/components/bds-popover.js';
|
|
8
|
+
import { defineCustomElement as defineBdsSpinner } from '@telesign/boreal-web-components/components/bds-spinner.js';
|
|
9
|
+
import { defineCustomElement as defineBdsTextField } from '@telesign/boreal-web-components/components/bds-text-field.js';
|
|
10
|
+
import { defineCustomElement as defineBdsTooltip } from '@telesign/boreal-web-components/components/bds-tooltip.js';
|
|
3
11
|
import { defineCustomElement as defineBdsTypography } from '@telesign/boreal-web-components/components/bds-typography.js';
|
|
4
12
|
export const BdsBanner = defineContainer('bds-banner', defineBdsBanner, [
|
|
5
|
-
'idComponent',
|
|
6
13
|
'variant',
|
|
7
|
-
'
|
|
8
|
-
'
|
|
14
|
+
'closable',
|
|
15
|
+
'closeButtonLabel',
|
|
16
|
+
'bdsClose'
|
|
9
17
|
], [
|
|
10
|
-
'
|
|
18
|
+
'bdsClose'
|
|
19
|
+
]);
|
|
20
|
+
export const BdsButton = defineContainer('bds-button', defineBdsButton, [
|
|
21
|
+
'label',
|
|
22
|
+
'disabled',
|
|
23
|
+
'name',
|
|
24
|
+
'type',
|
|
25
|
+
'color',
|
|
26
|
+
'variant',
|
|
27
|
+
'size',
|
|
28
|
+
'loading',
|
|
29
|
+
'disclosure',
|
|
30
|
+
'bdsClick'
|
|
31
|
+
], [
|
|
32
|
+
'bdsClick'
|
|
33
|
+
]);
|
|
34
|
+
export const BdsCheckbox = defineContainer('bds-checkbox', defineBdsCheckbox, [
|
|
35
|
+
'name',
|
|
36
|
+
'disabled',
|
|
37
|
+
'required',
|
|
38
|
+
'checked',
|
|
39
|
+
'indeterminate',
|
|
40
|
+
'error',
|
|
41
|
+
'value',
|
|
42
|
+
'label',
|
|
43
|
+
'valueChange',
|
|
44
|
+
'bdsChange'
|
|
45
|
+
], [
|
|
46
|
+
'valueChange',
|
|
47
|
+
'bdsChange'
|
|
48
|
+
]);
|
|
49
|
+
export const BdsDialog = defineContainer('bds-dialog', defineBdsDialog, [
|
|
50
|
+
'active',
|
|
51
|
+
'preventClose',
|
|
52
|
+
'height',
|
|
53
|
+
'width',
|
|
54
|
+
'layout',
|
|
55
|
+
'contentPadding',
|
|
56
|
+
'backdropClose',
|
|
57
|
+
'escapeClose',
|
|
58
|
+
'size',
|
|
59
|
+
'variant',
|
|
60
|
+
'titleDialog',
|
|
61
|
+
'maximizable',
|
|
62
|
+
'closable',
|
|
63
|
+
'bdsOpen',
|
|
64
|
+
'bdsClose',
|
|
65
|
+
'bdsMaximize'
|
|
66
|
+
], [
|
|
67
|
+
'bdsOpen',
|
|
68
|
+
'bdsClose',
|
|
69
|
+
'bdsMaximize'
|
|
70
|
+
]);
|
|
71
|
+
export const BdsFlag = defineContainer('bds-flag', defineBdsFlag, [
|
|
72
|
+
'alignFlag',
|
|
73
|
+
'callSign',
|
|
74
|
+
'country',
|
|
75
|
+
'customFlags',
|
|
76
|
+
'identifier',
|
|
77
|
+
'label',
|
|
78
|
+
'shape',
|
|
79
|
+
'shortName'
|
|
80
|
+
]);
|
|
81
|
+
export const BdsPopover = defineContainer('bds-popover', defineBdsPopover, [
|
|
82
|
+
'floatingOptions',
|
|
83
|
+
'disabled',
|
|
84
|
+
'width',
|
|
85
|
+
'header',
|
|
86
|
+
'footer',
|
|
87
|
+
'closable'
|
|
88
|
+
]);
|
|
89
|
+
export const BdsSpinner = defineContainer('bds-spinner', defineBdsSpinner, [
|
|
90
|
+
'size',
|
|
91
|
+
'label'
|
|
92
|
+
]);
|
|
93
|
+
export const BdsTextField = defineContainer('bds-text-field', defineBdsTextField, [
|
|
94
|
+
'name',
|
|
95
|
+
'disabled',
|
|
96
|
+
'required',
|
|
97
|
+
'value',
|
|
98
|
+
'error',
|
|
99
|
+
'errorMessage',
|
|
100
|
+
'customValidators',
|
|
101
|
+
'validationTiming',
|
|
102
|
+
'type',
|
|
103
|
+
'variant',
|
|
104
|
+
'placeholder',
|
|
105
|
+
'readOnly',
|
|
106
|
+
'autocomplete',
|
|
107
|
+
'pattern',
|
|
108
|
+
'minLength',
|
|
109
|
+
'maxLength',
|
|
110
|
+
'label',
|
|
111
|
+
'sublabel',
|
|
112
|
+
'icon',
|
|
113
|
+
'helperText',
|
|
114
|
+
'info',
|
|
115
|
+
'clearable',
|
|
116
|
+
'clearOnHover',
|
|
117
|
+
'charCount',
|
|
118
|
+
'counter',
|
|
119
|
+
'customWidth',
|
|
120
|
+
'valueChange',
|
|
121
|
+
'bdsInput',
|
|
122
|
+
'bdsChange',
|
|
123
|
+
'bdsFocus',
|
|
124
|
+
'bdsBlur',
|
|
125
|
+
'bdsClear',
|
|
126
|
+
'bdsValidationChange'
|
|
127
|
+
], [
|
|
128
|
+
'valueChange',
|
|
129
|
+
'bdsInput',
|
|
130
|
+
'bdsChange',
|
|
131
|
+
'bdsFocus',
|
|
132
|
+
'bdsBlur',
|
|
133
|
+
'bdsClear',
|
|
134
|
+
'bdsValidationChange'
|
|
135
|
+
], 'value', 'valueChange', undefined);
|
|
136
|
+
export const BdsTooltip = defineContainer('bds-tooltip', defineBdsTooltip, [
|
|
137
|
+
'multiline',
|
|
138
|
+
'disabled',
|
|
139
|
+
'floatingOptions'
|
|
11
140
|
]);
|
|
12
141
|
export const BdsTypography = defineContainer('bds-typography', defineBdsTypography, [
|
|
13
142
|
'variant',
|
package/dist/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAA4B,MAAM,oCAAoC,CAAC;AAI/F,OAAO,EAAE,mBAAmB,IAAI,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAClH,OAAO,EAAE,mBAAmB,IAAI,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AAG1H,MAAM,CAAC,MAAM,SAAS,GAAqD,eAAe,CAAgB,YAAY,EAAE,eAAe,EAAE;IACvI,aAAa;IACb,SAAS;IACT,aAAa;IACb,OAAO;CACR,EAAE;IACD,OAAO;
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../lib/components.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from './plugin';
|
|
1
|
+
export * from "./components";
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telesign/boreal-vue",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.2",
|
|
4
4
|
"description": "Wrapper for VueJS BorealDS",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Boreal",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@stencil/vue-output-target": "^0.13.1",
|
|
39
|
-
"@telesign/boreal-web-components": "0.1.0-alpha.
|
|
39
|
+
"@telesign/boreal-web-components": "0.1.0-alpha.3"
|
|
40
40
|
},
|
|
41
41
|
"publishConfig": {
|
|
42
42
|
"access": "public"
|
package/dist/plugin.d.ts
DELETED
package/dist/plugin.js
DELETED
package/dist/plugin.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../lib/plugin.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,KAAK,CAAC,OAAO;IAEb,CAAC;CACF,CAAC"}
|