@telesign/boreal-react 0.1.0-alpha.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 +1 -0
- package/dist/components/components.js +28 -0
- package/dist/components/components.js.map +1 -0
- package/dist/css/boreal.css +1594 -0
- package/dist/css/global.css +682 -0
- package/dist/css/theme-connect.css +227 -0
- package/dist/css/theme-engage.css +227 -0
- package/dist/css/theme-protect.css +227 -0
- package/dist/css/theme-proximus.css +227 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/scss/global/_fonts.scss +1 -0
- package/dist/scss/global/_index.scss +3 -0
- package/dist/scss/global/_reset.scss +50 -0
- package/dist/scss/global/_typography.scss +156 -0
- package/dist/scss/maps/_primitives.scss +461 -0
- package/dist/scss/maps/_theme-connect.scss +227 -0
- package/dist/scss/maps/_theme-engage.scss +227 -0
- package/dist/scss/maps/_theme-protect.scss +227 -0
- package/dist/scss/maps/_theme-proximus.scss +227 -0
- package/dist/scss/variables/_primitives.scss +459 -0
- package/dist/scss/variables/_theme-connect.scss +225 -0
- package/dist/scss/variables/_theme-engage.scss +225 -0
- package/dist/scss/variables/_theme-protect.scss +225 -0
- package/dist/scss/variables/_theme-proximus.scss +225 -0
- package/dist/types/components/components.d.ts +13 -0
- package/dist/types/index.d.ts +3 -0
- package/lib/components/components.ts +49 -0
- package/lib/index.ts +3 -0
- package/package.json +54 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
2
|
+
import { type BdsBannerCustomEvent } from "@telesign/boreal-web-components";
|
|
3
|
+
import { BdsBanner as BdsBannerElement } from "@telesign/boreal-web-components/components/bds-banner.js";
|
|
4
|
+
import { BdsTypography as BdsTypographyElement } from "@telesign/boreal-web-components/components/bds-typography.js";
|
|
5
|
+
import { MyComponent as MyComponentElement } from "@telesign/boreal-web-components/components/my-component.js";
|
|
6
|
+
export type BdsBannerEvents = {
|
|
7
|
+
onClose: EventName<BdsBannerCustomEvent<void>>;
|
|
8
|
+
};
|
|
9
|
+
export declare const BdsBanner: StencilReactComponent<BdsBannerElement, BdsBannerEvents>;
|
|
10
|
+
export type BdsTypographyEvents = NonNullable<unknown>;
|
|
11
|
+
export declare const BdsTypography: StencilReactComponent<BdsTypographyElement, BdsTypographyEvents>;
|
|
12
|
+
export type MyComponentEvents = NonNullable<unknown>;
|
|
13
|
+
export declare const MyComponent: StencilReactComponent<MyComponentElement, MyComponentEvents>;
|
|
@@ -0,0 +1,49 @@
|
|
|
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 { MyComponent as MyComponentElement, defineCustomElement as defineMyComponent } from "@telesign/boreal-web-components/components/my-component.js";
|
|
16
|
+
import React from 'react';
|
|
17
|
+
|
|
18
|
+
export type BdsBannerEvents = { onClose: EventName<BdsBannerCustomEvent<void>> };
|
|
19
|
+
|
|
20
|
+
export const BdsBanner: StencilReactComponent<BdsBannerElement, BdsBannerEvents> = /*@__PURE__*/ createComponent<BdsBannerElement, BdsBannerEvents>({
|
|
21
|
+
tagName: 'bds-banner',
|
|
22
|
+
elementClass: BdsBannerElement,
|
|
23
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
24
|
+
react: React,
|
|
25
|
+
events: { onClose: 'close' } as BdsBannerEvents,
|
|
26
|
+
defineCustomElement: defineBdsBanner
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
export type BdsTypographyEvents = NonNullable<unknown>;
|
|
30
|
+
|
|
31
|
+
export const BdsTypography: StencilReactComponent<BdsTypographyElement, BdsTypographyEvents> = /*@__PURE__*/ createComponent<BdsTypographyElement, BdsTypographyEvents>({
|
|
32
|
+
tagName: 'bds-typography',
|
|
33
|
+
elementClass: BdsTypographyElement,
|
|
34
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
35
|
+
react: React,
|
|
36
|
+
events: {} as BdsTypographyEvents,
|
|
37
|
+
defineCustomElement: defineBdsTypography
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
export type MyComponentEvents = NonNullable<unknown>;
|
|
41
|
+
|
|
42
|
+
export const MyComponent: StencilReactComponent<MyComponentElement, MyComponentEvents> = /*@__PURE__*/ createComponent<MyComponentElement, MyComponentEvents>({
|
|
43
|
+
tagName: 'my-component',
|
|
44
|
+
elementClass: MyComponentElement,
|
|
45
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
46
|
+
react: React,
|
|
47
|
+
events: {} as MyComponentEvents,
|
|
48
|
+
defineCustomElement: defineMyComponent
|
|
49
|
+
});
|
package/lib/index.ts
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@telesign/boreal-react",
|
|
3
|
+
"version": "0.1.0-alpha.0",
|
|
4
|
+
"description": "Wrapper for React BorealDS",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"Boreal",
|
|
7
|
+
"BorealDS",
|
|
8
|
+
"Design",
|
|
9
|
+
"System",
|
|
10
|
+
"React",
|
|
11
|
+
"WebComponents"
|
|
12
|
+
],
|
|
13
|
+
"repository": {
|
|
14
|
+
"type": "git",
|
|
15
|
+
"url": "https://bitbucket.c11.telesign.com/projects/SAN/repos/boreal-ds/"
|
|
16
|
+
},
|
|
17
|
+
"license": "ISC",
|
|
18
|
+
"author": "",
|
|
19
|
+
"type": "module",
|
|
20
|
+
"main": "dist/index.js",
|
|
21
|
+
"module": "dist/index.js",
|
|
22
|
+
"types": "dist/types/index.d.ts",
|
|
23
|
+
"exports": {
|
|
24
|
+
".": {
|
|
25
|
+
"import": "./dist/index.js",
|
|
26
|
+
"types": "./dist/types/index.d.ts"
|
|
27
|
+
},
|
|
28
|
+
"./css/*": "./dist/css/*",
|
|
29
|
+
"./scss/*": "./dist/scss/*"
|
|
30
|
+
},
|
|
31
|
+
"scripts": {
|
|
32
|
+
"release": "release-it",
|
|
33
|
+
"test": "echo 'No tests configured'",
|
|
34
|
+
"build": "pnpm run tsc && boreal-copy-styles",
|
|
35
|
+
"tsc": "tsc -p . --outDir ./dist"
|
|
36
|
+
},
|
|
37
|
+
"files": [
|
|
38
|
+
"dist",
|
|
39
|
+
"./lib/*"
|
|
40
|
+
],
|
|
41
|
+
"devDependencies": {
|
|
42
|
+
"@types/react": "^19.2.7",
|
|
43
|
+
"react": "^19.2.1",
|
|
44
|
+
"react-dom": "^19.2.1",
|
|
45
|
+
"typescript": "^5.9.3"
|
|
46
|
+
},
|
|
47
|
+
"publishConfig": {
|
|
48
|
+
"access": "public"
|
|
49
|
+
},
|
|
50
|
+
"dependencies": {
|
|
51
|
+
"@telesign/boreal-web-components": "workspace:*",
|
|
52
|
+
"@stencil/react-output-target": "^1.2.0"
|
|
53
|
+
}
|
|
54
|
+
}
|