@telesign/boreal-react 0.1.0-alpha.3 → 0.1.0-alpha.4
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/components.d.ts +15 -0
- package/dist/components/components.js +8 -0
- package/dist/components/components.js.map +1 -1
- package/dist/css/theme-bics.css +209 -0
- package/dist/css/theme-masiv.css +209 -0
- package/dist/css/theme-telesign.css +209 -0
- package/dist/index.d.ts +3 -0
- package/dist/scss/maps/_theme-bics.scss +209 -0
- package/dist/scss/maps/_theme-masiv.scss +209 -0
- package/dist/scss/maps/_theme-telesign.scss +209 -0
- package/dist/scss/variables/_theme-bics.scss +207 -0
- package/dist/scss/variables/_theme-masiv.scss +207 -0
- package/dist/scss/variables/_theme-telesign.scss +207 -0
- package/dist/types/components/components.d.ts +9 -1
- package/package.json +6 -6
- package/lib/components/components.ts +0 -37
- package/lib/index.ts +0 -3
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
$boreal-accent-dark: $boreal-color-telesign-cobalt-cobalt-700;
|
|
2
|
+
$boreal-black: $boreal-color-telesign-onyx-onyx-900;
|
|
3
|
+
$boreal-accent-light: $boreal-color-telesign-cobalt-cobalt-50;
|
|
4
|
+
$boreal-white: $boreal-color-white;
|
|
5
|
+
$boreal-accent-base: $boreal-color-telesign-cobalt-cobalt-400;
|
|
6
|
+
$boreal-extended-teal-light: $boreal-color-masiv-teal-teal-20;
|
|
7
|
+
$boreal-extended-teal-lighter: $boreal-color-masiv-teal-teal-5;
|
|
8
|
+
$boreal-extended-teal-base: $boreal-color-masiv-teal-teal-40;
|
|
9
|
+
$boreal-extended-teal-dark: $boreal-color-masiv-teal-teal-70;
|
|
10
|
+
$boreal-extended-teal-darker: $boreal-color-masiv-teal-teal-90;
|
|
11
|
+
$boreal-extended-purple-base: $boreal-color-masiv-purple-purple-50;
|
|
12
|
+
$boreal-extended-purple-dark: $boreal-color-masiv-purple-purple-70;
|
|
13
|
+
$boreal-extended-orange-base: $boreal-color-masiv-orange-orange-40;
|
|
14
|
+
$boreal-extended-purple-light: $boreal-color-masiv-purple-purple-20;
|
|
15
|
+
$boreal-extended-orange-darker: $boreal-color-masiv-orange-orange-90;
|
|
16
|
+
$boreal-extended-orange-lighter: $boreal-color-masiv-orange-orange-5;
|
|
17
|
+
$boreal-extended-orange-dark: $boreal-color-masiv-orange-orange-70;
|
|
18
|
+
$boreal-extended-orange-light: $boreal-color-masiv-orange-orange-20;
|
|
19
|
+
$boreal-extended-purple-lighter: $boreal-color-masiv-purple-purple-5;
|
|
20
|
+
$boreal-extended-purple-darker: $boreal-color-masiv-purple-purple-90;
|
|
21
|
+
$boreal-extended-cyan-lighter: $boreal-color-masiv-cyan-cyan-5;
|
|
22
|
+
$boreal-extended-cyan-light: $boreal-color-masiv-cyan-cyan-20;
|
|
23
|
+
$boreal-extended-cyan-base: $boreal-color-masiv-cyan-cyan-40;
|
|
24
|
+
$boreal-extended-cyan-dark: $boreal-color-masiv-cyan-cyan-70;
|
|
25
|
+
$boreal-extended-cyan-darker: $boreal-color-masiv-cyan-cyan-90;
|
|
26
|
+
$boreal-extended-lime-dark: $boreal-color-masiv-lime-lime-70;
|
|
27
|
+
$boreal-extended-lime-base: $boreal-color-masiv-lime-lime-40;
|
|
28
|
+
$boreal-extended-lime-darker: $boreal-color-masiv-lime-lime-90;
|
|
29
|
+
$boreal-extended-lime-light: $boreal-color-masiv-lime-lime-20;
|
|
30
|
+
$boreal-extended-lime-lighter: $boreal-color-masiv-lime-lime-5;
|
|
31
|
+
$boreal-extended-cobalt-lighter: $boreal-color-telesign-cobalt-cobalt-50;
|
|
32
|
+
$boreal-extended-cobalt-light: $boreal-color-telesign-cobalt-cobalt-100;
|
|
33
|
+
$boreal-extended-cobalt-base: $boreal-color-telesign-cobalt-cobalt-600;
|
|
34
|
+
$boreal-extended-cobalt-dark: $boreal-color-telesign-cobalt-cobalt-800;
|
|
35
|
+
$boreal-extended-cobalt-darker: $boreal-color-telesign-cobalt-cobalt-900;
|
|
36
|
+
$boreal-extended-onyx-lighter: $boreal-color-telesign-onyx-onyx-100;
|
|
37
|
+
$boreal-extended-onyx-light: $boreal-color-telesign-onyx-onyx-200;
|
|
38
|
+
$boreal-extended-onyx-base: $boreal-color-telesign-onyx-onyx-500;
|
|
39
|
+
$boreal-extended-onyx-dark: $boreal-color-telesign-onyx-onyx-600;
|
|
40
|
+
$boreal-extended-onyx-darker: $boreal-color-telesign-onyx-onyx-900;
|
|
41
|
+
$boreal-extended-rose-lighter: $boreal-color-masiv-rose-rose-5;
|
|
42
|
+
$boreal-extended-rose-light: $boreal-color-masiv-rose-rose-20;
|
|
43
|
+
$boreal-extended-rose-base: $boreal-color-masiv-rose-rose-50;
|
|
44
|
+
$boreal-extended-rose-dark: $boreal-color-masiv-rose-rose-70;
|
|
45
|
+
$boreal-extended-rose-darker: $boreal-color-masiv-rose-rose-90;
|
|
46
|
+
$boreal-neutral-600: $boreal-color-telesign-onyx-onyx-600;
|
|
47
|
+
$boreal-information-lighter: $boreal-color-telesign-cyan-cyan-50;
|
|
48
|
+
$boreal-information-light: $boreal-color-telesign-cyan-cyan-200;
|
|
49
|
+
$boreal-success-lighter: $boreal-color-telesign-lime-lime-50;
|
|
50
|
+
$boreal-information-base: $boreal-color-telesign-cyan-cyan-700;
|
|
51
|
+
$boreal-neutral-900: $boreal-color-telesign-onyx-onyx-900;
|
|
52
|
+
$boreal-information-dark: $boreal-color-telesign-cyan-cyan-800;
|
|
53
|
+
$boreal-neutral-400: $boreal-color-telesign-onyx-onyx-400;
|
|
54
|
+
$boreal-warning-base: $boreal-color-telesign-sunrise-sunrise-500;
|
|
55
|
+
$boreal-neutral-700: $boreal-color-telesign-onyx-onyx-700;
|
|
56
|
+
$boreal-warning-dark: $boreal-color-telesign-sunrise-sunrise-800;
|
|
57
|
+
$boreal-warning-darker: $boreal-color-telesign-sunrise-sunrise-900;
|
|
58
|
+
$boreal-warning-light: $boreal-color-telesign-sunrise-sunrise-200;
|
|
59
|
+
$boreal-focus: #1f5bff4d;
|
|
60
|
+
$boreal-success-light: $boreal-color-telesign-lime-lime-200;
|
|
61
|
+
$boreal-neutral-50: $boreal-color-telesign-onyx-onyx-50;
|
|
62
|
+
$boreal-success-base: $boreal-color-telesign-lime-lime-600;
|
|
63
|
+
$boreal-primary-dark: $boreal-color-telesign-indigo-indigo-700;
|
|
64
|
+
$boreal-danger-darker: $boreal-color-telesign-cherry-cherry-900;
|
|
65
|
+
$boreal-primary-darker: $boreal-color-telesign-indigo-indigo-900;
|
|
66
|
+
$boreal-danger-dark: $boreal-color-telesign-cherry-cherry-800;
|
|
67
|
+
$boreal-base-alt: $boreal-color-telesign-indigo-indigo-500;
|
|
68
|
+
$boreal-neutral-300: $boreal-color-telesign-onyx-onyx-300;
|
|
69
|
+
$boreal-danger-lighter: $boreal-color-telesign-cherry-cherry-50;
|
|
70
|
+
$boreal-base-lighter: $boreal-color-telesign-indigo-indigo-25;
|
|
71
|
+
$boreal-danger-light: $boreal-color-telesign-cherry-cherry-200;
|
|
72
|
+
$boreal-accent-lighter: $boreal-color-telesign-cobalt-cobalt-25;
|
|
73
|
+
$boreal-success-dark: $boreal-color-telesign-lime-lime-800;
|
|
74
|
+
$boreal-neutral-25: $boreal-color-telesign-indigo-indigo-25;
|
|
75
|
+
$boreal-accent-darker: $boreal-color-telesign-cobalt-cobalt-900;
|
|
76
|
+
$boreal-neutral-200: $boreal-color-telesign-onyx-onyx-200;
|
|
77
|
+
$boreal-warning-lighter: $boreal-color-telesign-sunrise-sunrise-50;
|
|
78
|
+
$boreal-success-darker: $boreal-color-telesign-lime-lime-900;
|
|
79
|
+
$boreal-primary-base: $boreal-color-telesign-indigo-indigo-500;
|
|
80
|
+
$boreal-information-darker: $boreal-color-telesign-cyan-cyan-900;
|
|
81
|
+
$boreal-neutral-500: $boreal-color-telesign-onyx-onyx-500;
|
|
82
|
+
$boreal-neutral-100: $boreal-color-telesign-onyx-onyx-100;
|
|
83
|
+
$boreal-danger-base: $boreal-color-telesign-cherry-cherry-700;
|
|
84
|
+
$boreal-neutral-800: $boreal-color-telesign-onyx-onyx-800;
|
|
85
|
+
$boreal-base-light: $boreal-color-telesign-indigo-indigo-50;
|
|
86
|
+
$boreal-primary-light: $boreal-color-telesign-indigo-indigo-200;
|
|
87
|
+
$boreal-primary-lighter: $boreal-color-telesign-indigo-indigo-25;
|
|
88
|
+
$boreal-base-dark: $boreal-color-telesign-indigo-indigo-200;
|
|
89
|
+
$boreal-base-darker: $boreal-color-telesign-indigo-indigo-300;
|
|
90
|
+
$boreal-user-base: $boreal-color-telesign-indigo-indigo-400;
|
|
91
|
+
$boreal-bg-overlay: $boreal-neutral-900;
|
|
92
|
+
$boreal-bg-inverse: $boreal-white;
|
|
93
|
+
$boreal-bg-primary-darker: $boreal-primary-darker;
|
|
94
|
+
$boreal-bg-default: $boreal-neutral-25;
|
|
95
|
+
$boreal-bg-primary: $boreal-primary-base;
|
|
96
|
+
$boreal-bg-neutral: $boreal-neutral-700;
|
|
97
|
+
$boreal-text-success: $boreal-success-base;
|
|
98
|
+
$boreal-text-danger: $boreal-danger-base;
|
|
99
|
+
$boreal-text-default-darker: $boreal-neutral-900;
|
|
100
|
+
$boreal-text-information: $boreal-information-base;
|
|
101
|
+
$boreal-text-accent: $boreal-accent-base;
|
|
102
|
+
$boreal-text-default: $boreal-neutral-700;
|
|
103
|
+
$boreal-text-default-light: $boreal-neutral-400;
|
|
104
|
+
$boreal-text-inverse: $boreal-white;
|
|
105
|
+
$boreal-text-warning: $boreal-warning-base;
|
|
106
|
+
$boreal-text-disabled: $boreal-neutral-300;
|
|
107
|
+
$boreal-text-primary: $boreal-primary-base;
|
|
108
|
+
$boreal-text-danger-dark: $boreal-danger-dark;
|
|
109
|
+
$boreal-text-success-dark: $boreal-success-dark;
|
|
110
|
+
$boreal-text-information-dark: $boreal-information-darker;
|
|
111
|
+
$boreal-text-warning-light: $boreal-warning-light;
|
|
112
|
+
$boreal-text-danger-light: $boreal-danger-light;
|
|
113
|
+
$boreal-text-success-light: $boreal-success-light;
|
|
114
|
+
$boreal-text-information-light: $boreal-information-light;
|
|
115
|
+
$boreal-text-warning-dark: $boreal-warning-darker;
|
|
116
|
+
$boreal-text-base: $boreal-base-alt;
|
|
117
|
+
$boreal-text-primary-light: $boreal-primary-light;
|
|
118
|
+
$boreal-text-primary-dark: $boreal-primary-dark;
|
|
119
|
+
$boreal-ui-default: $boreal-white;
|
|
120
|
+
$boreal-ui-inverse: $boreal-white;
|
|
121
|
+
$boreal-ui-accent: $boreal-accent-base;
|
|
122
|
+
$boreal-ui-black-light: $boreal-neutral-500;
|
|
123
|
+
$boreal-ui-base: $boreal-base-alt;
|
|
124
|
+
$boreal-ui-base-light: $boreal-base-light;
|
|
125
|
+
$boreal-ui-disabled: $boreal-neutral-50;
|
|
126
|
+
$boreal-ui-info-light: $boreal-information-light;
|
|
127
|
+
$boreal-ui-success-light: $boreal-success-light;
|
|
128
|
+
$boreal-ui-success: $boreal-success-base;
|
|
129
|
+
$boreal-ui-black: $boreal-neutral-900;
|
|
130
|
+
$boreal-ui-danger-light: $boreal-danger-light;
|
|
131
|
+
$boreal-ui-primary-lighter: $boreal-primary-lighter;
|
|
132
|
+
$boreal-ui-danger: $boreal-danger-base;
|
|
133
|
+
$boreal-ui-info: $boreal-information-base;
|
|
134
|
+
$boreal-ui-primary: $boreal-primary-base;
|
|
135
|
+
$boreal-ui-primary-light: $boreal-primary-light;
|
|
136
|
+
$boreal-ui-primary-dark: $boreal-primary-dark;
|
|
137
|
+
$boreal-ui-warning: $boreal-warning-base;
|
|
138
|
+
$boreal-ui-success-lighter: $boreal-success-lighter;
|
|
139
|
+
$boreal-ui-danger-lighter: $boreal-danger-lighter;
|
|
140
|
+
$boreal-ui-info-lighter: $boreal-information-lighter;
|
|
141
|
+
$boreal-ui-warning-light: $boreal-warning-light;
|
|
142
|
+
$boreal-ui-warning-lighter: $boreal-warning-lighter;
|
|
143
|
+
$boreal-ui-base-lighter: $boreal-base-lighter;
|
|
144
|
+
$boreal-ui-default-dark: $boreal-base-dark;
|
|
145
|
+
$boreal-ui-success-dark: $boreal-success-dark;
|
|
146
|
+
$boreal-ui-danger-dark: $boreal-danger-dark;
|
|
147
|
+
$boreal-ui-info-dark: $boreal-information-dark;
|
|
148
|
+
$boreal-ui-warning-dark: $boreal-warning-dark;
|
|
149
|
+
$boreal-ui-default-light: $boreal-base-light;
|
|
150
|
+
$boreal-icon-info-dark: $boreal-information-darker;
|
|
151
|
+
$boreal-icon-default-lighter: $boreal-neutral-200;
|
|
152
|
+
$boreal-icon-default-light: $boreal-neutral-300;
|
|
153
|
+
$boreal-icon-default: $boreal-neutral-700;
|
|
154
|
+
$boreal-icon-success: $boreal-success-base;
|
|
155
|
+
$boreal-icon-inverse: $boreal-white;
|
|
156
|
+
$boreal-icon-warning: $boreal-warning-base;
|
|
157
|
+
$boreal-icon-accent: $boreal-accent-base;
|
|
158
|
+
$boreal-icon-danger: $boreal-danger-base;
|
|
159
|
+
$boreal-icon-base: $boreal-base-alt;
|
|
160
|
+
$boreal-icon-primary: $boreal-primary-base;
|
|
161
|
+
$boreal-icon-success-dark: $boreal-success-dark;
|
|
162
|
+
$boreal-icon-warning-dark: $boreal-warning-darker;
|
|
163
|
+
$boreal-icon-danger-dark: $boreal-danger-dark;
|
|
164
|
+
$boreal-icon-info: $boreal-information-base;
|
|
165
|
+
$boreal-icon-info-light: $boreal-information-light;
|
|
166
|
+
$boreal-icon-success-light: $boreal-success-light;
|
|
167
|
+
$boreal-icon-warning-light: $boreal-warning-light;
|
|
168
|
+
$boreal-icon-danger-light: $boreal-danger-light;
|
|
169
|
+
$boreal-icon-disabled: $boreal-neutral-300;
|
|
170
|
+
$boreal-icon-primary-light: $boreal-primary-light;
|
|
171
|
+
$boreal-icon-primary-dark: $boreal-primary-dark;
|
|
172
|
+
$boreal-icon-user: $boreal-user-base;
|
|
173
|
+
$boreal-alpha-black-50: #272a2f80;
|
|
174
|
+
$boreal-alpha-black-25: #272a2f40;
|
|
175
|
+
$boreal-alpha-white-50: #ffffff80;
|
|
176
|
+
$boreal-alpha-white-25: #ffffff40;
|
|
177
|
+
$boreal-alpha-white-10: #ffffff1a;
|
|
178
|
+
$boreal-alpha-white-75: #ffffffbf;
|
|
179
|
+
$boreal-alpha-white-85: #ffffffd9;
|
|
180
|
+
$boreal-alpha-white-90: #ffffffe6;
|
|
181
|
+
$boreal-alpha-white-95: #ffffffe6;
|
|
182
|
+
$boreal-alpha-white-80: #ffffffcc;
|
|
183
|
+
$boreal-alpha-white-55: #ffffff8c;
|
|
184
|
+
$boreal-alpha-black-5: #272a2f0d;
|
|
185
|
+
$boreal-alpha-black-10: #272a2f1a;
|
|
186
|
+
$boreal-extended-tael-darker: $boreal-extended-teal-darker;
|
|
187
|
+
$boreal-stroke-warning: $boreal-warning-base;
|
|
188
|
+
$boreal-stroke-inverse: $boreal-white;
|
|
189
|
+
$boreal-stroke-info: $boreal-information-base;
|
|
190
|
+
$boreal-stroke-success: $boreal-success-base;
|
|
191
|
+
$boreal-stroke-default-dark: $boreal-base-dark;
|
|
192
|
+
$boreal-stroke-default-light: $boreal-base-light;
|
|
193
|
+
$boreal-stroke-default: $boreal-base-alt;
|
|
194
|
+
$boreal-stroke-focus: $boreal-focus;
|
|
195
|
+
$boreal-stroke-danger: $boreal-danger-base;
|
|
196
|
+
$boreal-stroke-accent: $boreal-accent-base;
|
|
197
|
+
$boreal-stroke-primary: $boreal-primary-base;
|
|
198
|
+
$boreal-stroke-primary-light: $boreal-primary-light;
|
|
199
|
+
$boreal-stroke-primary-dark: $boreal-primary-dark;
|
|
200
|
+
$boreal-stroke-info-light: $boreal-information-light;
|
|
201
|
+
$boreal-stroke-info-dark: $boreal-information-dark;
|
|
202
|
+
$boreal-stroke-success-light: $boreal-success-light;
|
|
203
|
+
$boreal-stroke-success-dark: $boreal-success-dark;
|
|
204
|
+
$boreal-stroke-warning-light: $boreal-warning-light;
|
|
205
|
+
$boreal-stroke-warning-dark: $boreal-warning-dark;
|
|
206
|
+
$boreal-stroke-danger-light: $boreal-danger-light;
|
|
207
|
+
$boreal-stroke-danger-dark: $boreal-danger-dark;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
2
|
-
import { type BdsBannerCustomEvent } from "@telesign/boreal-web-components";
|
|
2
|
+
import { type BdsBannerCustomEvent, type BdsButtonCustomEvent } from "@telesign/boreal-web-components";
|
|
3
3
|
import { BdsBanner as BdsBannerElement } from "@telesign/boreal-web-components/components/bds-banner.js";
|
|
4
|
+
import { BdsButton as BdsButtonElement } from "@telesign/boreal-web-components/components/bds-button.js";
|
|
4
5
|
import { BdsTypography as BdsTypographyElement } from "@telesign/boreal-web-components/components/bds-typography.js";
|
|
6
|
+
import { MyComponent as MyComponentElement } from "@telesign/boreal-web-components/components/my-component.js";
|
|
5
7
|
export type BdsBannerEvents = {
|
|
6
8
|
onClose: EventName<BdsBannerCustomEvent<void>>;
|
|
7
9
|
};
|
|
8
10
|
export declare const BdsBanner: StencilReactComponent<BdsBannerElement, BdsBannerEvents>;
|
|
11
|
+
export type BdsButtonEvents = {
|
|
12
|
+
onBdsClick: EventName<BdsButtonCustomEvent<UIEvent>>;
|
|
13
|
+
};
|
|
14
|
+
export declare const BdsButton: StencilReactComponent<BdsButtonElement, BdsButtonEvents>;
|
|
9
15
|
export type BdsTypographyEvents = NonNullable<unknown>;
|
|
10
16
|
export declare const BdsTypography: StencilReactComponent<BdsTypographyElement, BdsTypographyEvents>;
|
|
17
|
+
export type MyComponentEvents = NonNullable<unknown>;
|
|
18
|
+
export declare const MyComponent: StencilReactComponent<MyComponentElement, MyComponentEvents>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telesign/boreal-react",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.4",
|
|
4
4
|
"description": "Wrapper for React BorealDS",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Boreal",
|
|
@@ -19,18 +19,18 @@
|
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "dist/index.js",
|
|
21
21
|
"module": "dist/index.js",
|
|
22
|
-
"types": "dist/
|
|
22
|
+
"types": "dist/index.d.ts",
|
|
23
23
|
"exports": {
|
|
24
24
|
".": {
|
|
25
25
|
"import": "./dist/index.js",
|
|
26
|
-
"types": "./dist/
|
|
26
|
+
"types": "./dist/index.d.ts"
|
|
27
27
|
},
|
|
28
28
|
"./css/*": "./dist/css/*",
|
|
29
29
|
"./scss/*": "./dist/scss/*"
|
|
30
30
|
},
|
|
31
|
+
"sideEffects": false,
|
|
31
32
|
"files": [
|
|
32
|
-
"dist"
|
|
33
|
-
"./lib/*"
|
|
33
|
+
"dist"
|
|
34
34
|
],
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@types/react": "^19.2.7",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@stencil/react-output-target": "^1.2.0",
|
|
46
|
-
"@telesign/boreal-web-components": "0.1.0-alpha.
|
|
46
|
+
"@telesign/boreal-web-components": "0.1.0-alpha.2"
|
|
47
47
|
},
|
|
48
48
|
"scripts": {
|
|
49
49
|
"release": "release-it",
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* This file was automatically generated by the Stencil React Output Target.
|
|
5
|
-
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
/* eslint-disable */
|
|
9
|
-
|
|
10
|
-
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
11
|
-
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
12
|
-
import { type BdsBannerCustomEvent } from "@telesign/boreal-web-components";
|
|
13
|
-
import { BdsBanner as BdsBannerElement, defineCustomElement as defineBdsBanner } from "@telesign/boreal-web-components/components/bds-banner.js";
|
|
14
|
-
import { BdsTypography as BdsTypographyElement, defineCustomElement as defineBdsTypography } from "@telesign/boreal-web-components/components/bds-typography.js";
|
|
15
|
-
import React from 'react';
|
|
16
|
-
|
|
17
|
-
export type BdsBannerEvents = { onClose: EventName<BdsBannerCustomEvent<void>> };
|
|
18
|
-
|
|
19
|
-
export const BdsBanner: StencilReactComponent<BdsBannerElement, BdsBannerEvents> = /*@__PURE__*/ createComponent<BdsBannerElement, BdsBannerEvents>({
|
|
20
|
-
tagName: 'bds-banner',
|
|
21
|
-
elementClass: BdsBannerElement,
|
|
22
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
23
|
-
react: React,
|
|
24
|
-
events: { onClose: 'close' } as BdsBannerEvents,
|
|
25
|
-
defineCustomElement: defineBdsBanner
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
export type BdsTypographyEvents = NonNullable<unknown>;
|
|
29
|
-
|
|
30
|
-
export const BdsTypography: StencilReactComponent<BdsTypographyElement, BdsTypographyEvents> = /*@__PURE__*/ createComponent<BdsTypographyElement, BdsTypographyEvents>({
|
|
31
|
-
tagName: 'bds-typography',
|
|
32
|
-
elementClass: BdsTypographyElement,
|
|
33
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
34
|
-
react: React,
|
|
35
|
-
events: {} as BdsTypographyEvents,
|
|
36
|
-
defineCustomElement: defineBdsTypography
|
|
37
|
-
});
|
package/lib/index.ts
DELETED