@telesign/boreal-react 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/scss/variables/_theme-telesign.scss

@@ -0,0 +1,207 @@
+$boreal-accent-dark: $boreal-color-telesign-cobalt-cobalt-700;
+$boreal-black: $boreal-color-telesign-onyx-onyx-900;
+$boreal-accent-light: $boreal-color-telesign-cobalt-cobalt-50;
+$boreal-white: $boreal-color-white;
+$boreal-accent-base: $boreal-color-telesign-cobalt-cobalt-400;
+$boreal-extended-teal-light: $boreal-color-masiv-teal-teal-20;
+$boreal-extended-teal-lighter: $boreal-color-masiv-teal-teal-5;
+$boreal-extended-teal-base: $boreal-color-masiv-teal-teal-40;
+$boreal-extended-teal-dark: $boreal-color-masiv-teal-teal-70;
+$boreal-extended-teal-darker: $boreal-color-masiv-teal-teal-90;
+$boreal-extended-purple-base: $boreal-color-masiv-purple-purple-50;
+$boreal-extended-purple-dark: $boreal-color-masiv-purple-purple-70;
+$boreal-extended-orange-base: $boreal-color-masiv-orange-orange-40;
+$boreal-extended-purple-light: $boreal-color-masiv-purple-purple-20;
+$boreal-extended-orange-darker: $boreal-color-masiv-orange-orange-90;
+$boreal-extended-orange-lighter: $boreal-color-masiv-orange-orange-5;
+$boreal-extended-orange-dark: $boreal-color-masiv-orange-orange-70;
+$boreal-extended-orange-light: $boreal-color-masiv-orange-orange-20;
+$boreal-extended-purple-lighter: $boreal-color-masiv-purple-purple-5;
+$boreal-extended-purple-darker: $boreal-color-masiv-purple-purple-90;
+$boreal-extended-cyan-lighter: $boreal-color-masiv-cyan-cyan-5;
+$boreal-extended-cyan-light: $boreal-color-masiv-cyan-cyan-20;
+$boreal-extended-cyan-base: $boreal-color-masiv-cyan-cyan-40;
+$boreal-extended-cyan-dark: $boreal-color-masiv-cyan-cyan-70;
+$boreal-extended-cyan-darker: $boreal-color-masiv-cyan-cyan-90;
+$boreal-extended-lime-dark: $boreal-color-masiv-lime-lime-70;
+$boreal-extended-lime-base: $boreal-color-masiv-lime-lime-40;
+$boreal-extended-lime-darker: $boreal-color-masiv-lime-lime-90;
+$boreal-extended-lime-light: $boreal-color-masiv-lime-lime-20;
+$boreal-extended-lime-lighter: $boreal-color-masiv-lime-lime-5;
+$boreal-extended-cobalt-lighter: $boreal-color-telesign-cobalt-cobalt-50;
+$boreal-extended-cobalt-light: $boreal-color-telesign-cobalt-cobalt-100;
+$boreal-extended-cobalt-base: $boreal-color-telesign-cobalt-cobalt-600;
+$boreal-extended-cobalt-dark: $boreal-color-telesign-cobalt-cobalt-800;
+$boreal-extended-cobalt-darker: $boreal-color-telesign-cobalt-cobalt-900;
+$boreal-extended-onyx-lighter: $boreal-color-telesign-onyx-onyx-100;
+$boreal-extended-onyx-light: $boreal-color-telesign-onyx-onyx-200;
+$boreal-extended-onyx-base: $boreal-color-telesign-onyx-onyx-500;
+$boreal-extended-onyx-dark: $boreal-color-telesign-onyx-onyx-600;
+$boreal-extended-onyx-darker: $boreal-color-telesign-onyx-onyx-900;
+$boreal-extended-rose-lighter: $boreal-color-masiv-rose-rose-5;
+$boreal-extended-rose-light: $boreal-color-masiv-rose-rose-20;
+$boreal-extended-rose-base: $boreal-color-masiv-rose-rose-50;
+$boreal-extended-rose-dark: $boreal-color-masiv-rose-rose-70;
+$boreal-extended-rose-darker: $boreal-color-masiv-rose-rose-90;
+$boreal-neutral-600: $boreal-color-telesign-onyx-onyx-600;
+$boreal-information-lighter: $boreal-color-telesign-cyan-cyan-50;
+$boreal-information-light: $boreal-color-telesign-cyan-cyan-200;
+$boreal-success-lighter: $boreal-color-telesign-lime-lime-50;
+$boreal-information-base: $boreal-color-telesign-cyan-cyan-700;
+$boreal-neutral-900: $boreal-color-telesign-onyx-onyx-900;
+$boreal-information-dark: $boreal-color-telesign-cyan-cyan-800;
+$boreal-neutral-400: $boreal-color-telesign-onyx-onyx-400;
+$boreal-warning-base: $boreal-color-telesign-sunrise-sunrise-500;
+$boreal-neutral-700: $boreal-color-telesign-onyx-onyx-700;
+$boreal-warning-dark: $boreal-color-telesign-sunrise-sunrise-800;
+$boreal-warning-darker: $boreal-color-telesign-sunrise-sunrise-900;
+$boreal-warning-light: $boreal-color-telesign-sunrise-sunrise-200;
+$boreal-focus: #1f5bff4d;
+$boreal-success-light: $boreal-color-telesign-lime-lime-200;
+$boreal-neutral-50: $boreal-color-telesign-onyx-onyx-50;
+$boreal-success-base: $boreal-color-telesign-lime-lime-600;
+$boreal-primary-dark: $boreal-color-telesign-indigo-indigo-700;
+$boreal-danger-darker: $boreal-color-telesign-cherry-cherry-900;
+$boreal-primary-darker: $boreal-color-telesign-indigo-indigo-900;
+$boreal-danger-dark: $boreal-color-telesign-cherry-cherry-800;
+$boreal-base-alt: $boreal-color-telesign-indigo-indigo-500;
+$boreal-neutral-300: $boreal-color-telesign-onyx-onyx-300;
+$boreal-danger-lighter: $boreal-color-telesign-cherry-cherry-50;
+$boreal-base-lighter: $boreal-color-telesign-indigo-indigo-25;
+$boreal-danger-light: $boreal-color-telesign-cherry-cherry-200;
+$boreal-accent-lighter: $boreal-color-telesign-cobalt-cobalt-25;
+$boreal-success-dark: $boreal-color-telesign-lime-lime-800;
+$boreal-neutral-25: $boreal-color-telesign-indigo-indigo-25;
+$boreal-accent-darker: $boreal-color-telesign-cobalt-cobalt-900;
+$boreal-neutral-200: $boreal-color-telesign-onyx-onyx-200;
+$boreal-warning-lighter: $boreal-color-telesign-sunrise-sunrise-50;
+$boreal-success-darker: $boreal-color-telesign-lime-lime-900;
+$boreal-primary-base: $boreal-color-telesign-indigo-indigo-500;
+$boreal-information-darker: $boreal-color-telesign-cyan-cyan-900;
+$boreal-neutral-500: $boreal-color-telesign-onyx-onyx-500;
+$boreal-neutral-100: $boreal-color-telesign-onyx-onyx-100;
+$boreal-danger-base: $boreal-color-telesign-cherry-cherry-700;
+$boreal-neutral-800: $boreal-color-telesign-onyx-onyx-800;
+$boreal-base-light: $boreal-color-telesign-indigo-indigo-50;
+$boreal-primary-light: $boreal-color-telesign-indigo-indigo-200;
+$boreal-primary-lighter: $boreal-color-telesign-indigo-indigo-25;
+$boreal-base-dark: $boreal-color-telesign-indigo-indigo-200;
+$boreal-base-darker: $boreal-color-telesign-indigo-indigo-300;
+$boreal-user-base: $boreal-color-telesign-indigo-indigo-400;
+$boreal-bg-overlay: $boreal-neutral-900;
+$boreal-bg-inverse: $boreal-white;
+$boreal-bg-primary-darker: $boreal-primary-darker;
+$boreal-bg-default: $boreal-neutral-25;
+$boreal-bg-primary: $boreal-primary-base;
+$boreal-bg-neutral: $boreal-neutral-700;
+$boreal-text-success: $boreal-success-base;
+$boreal-text-danger: $boreal-danger-base;
+$boreal-text-default-darker: $boreal-neutral-900;
+$boreal-text-information: $boreal-information-base;
+$boreal-text-accent: $boreal-accent-base;
+$boreal-text-default: $boreal-neutral-700;
+$boreal-text-default-light: $boreal-neutral-400;
+$boreal-text-inverse: $boreal-white;
+$boreal-text-warning: $boreal-warning-base;
+$boreal-text-disabled: $boreal-neutral-300;
+$boreal-text-primary: $boreal-primary-base;
+$boreal-text-danger-dark: $boreal-danger-dark;
+$boreal-text-success-dark: $boreal-success-dark;
+$boreal-text-information-dark: $boreal-information-darker;
+$boreal-text-warning-light: $boreal-warning-light;
+$boreal-text-danger-light: $boreal-danger-light;
+$boreal-text-success-light: $boreal-success-light;
+$boreal-text-information-light: $boreal-information-light;
+$boreal-text-warning-dark: $boreal-warning-darker;
+$boreal-text-base: $boreal-base-alt;
+$boreal-text-primary-light: $boreal-primary-light;
+$boreal-text-primary-dark: $boreal-primary-dark;
+$boreal-ui-default: $boreal-white;
+$boreal-ui-inverse: $boreal-white;
+$boreal-ui-accent: $boreal-accent-base;
+$boreal-ui-black-light: $boreal-neutral-500;
+$boreal-ui-base: $boreal-base-alt;
+$boreal-ui-base-light: $boreal-base-light;
+$boreal-ui-disabled: $boreal-neutral-50;
+$boreal-ui-info-light: $boreal-information-light;
+$boreal-ui-success-light: $boreal-success-light;
+$boreal-ui-success: $boreal-success-base;
+$boreal-ui-black: $boreal-neutral-900;
+$boreal-ui-danger-light: $boreal-danger-light;
+$boreal-ui-primary-lighter: $boreal-primary-lighter;
+$boreal-ui-danger: $boreal-danger-base;
+$boreal-ui-info: $boreal-information-base;
+$boreal-ui-primary: $boreal-primary-base;
+$boreal-ui-primary-light: $boreal-primary-light;
+$boreal-ui-primary-dark: $boreal-primary-dark;
+$boreal-ui-warning: $boreal-warning-base;
+$boreal-ui-success-lighter: $boreal-success-lighter;
+$boreal-ui-danger-lighter: $boreal-danger-lighter;
+$boreal-ui-info-lighter: $boreal-information-lighter;
+$boreal-ui-warning-light: $boreal-warning-light;
+$boreal-ui-warning-lighter: $boreal-warning-lighter;
+$boreal-ui-base-lighter: $boreal-base-lighter;
+$boreal-ui-default-dark: $boreal-base-dark;
+$boreal-ui-success-dark: $boreal-success-dark;
+$boreal-ui-danger-dark: $boreal-danger-dark;
+$boreal-ui-info-dark: $boreal-information-dark;
+$boreal-ui-warning-dark: $boreal-warning-dark;
+$boreal-ui-default-light: $boreal-base-light;
+$boreal-icon-info-dark: $boreal-information-darker;
+$boreal-icon-default-lighter: $boreal-neutral-200;
+$boreal-icon-default-light: $boreal-neutral-300;
+$boreal-icon-default: $boreal-neutral-700;
+$boreal-icon-success: $boreal-success-base;
+$boreal-icon-inverse: $boreal-white;
+$boreal-icon-warning: $boreal-warning-base;
+$boreal-icon-accent: $boreal-accent-base;
+$boreal-icon-danger: $boreal-danger-base;
+$boreal-icon-base: $boreal-base-alt;
+$boreal-icon-primary: $boreal-primary-base;
+$boreal-icon-success-dark: $boreal-success-dark;
+$boreal-icon-warning-dark: $boreal-warning-darker;
+$boreal-icon-danger-dark: $boreal-danger-dark;
+$boreal-icon-info: $boreal-information-base;
+$boreal-icon-info-light: $boreal-information-light;
+$boreal-icon-success-light: $boreal-success-light;
+$boreal-icon-warning-light: $boreal-warning-light;
+$boreal-icon-danger-light: $boreal-danger-light;
+$boreal-icon-disabled: $boreal-neutral-300;
+$boreal-icon-primary-light: $boreal-primary-light;
+$boreal-icon-primary-dark: $boreal-primary-dark;
+$boreal-icon-user: $boreal-user-base;
+$boreal-alpha-black-50: #272a2f80;
+$boreal-alpha-black-25: #272a2f40;
+$boreal-alpha-white-50: #ffffff80;
+$boreal-alpha-white-25: #ffffff40;
+$boreal-alpha-white-10: #ffffff1a;
+$boreal-alpha-white-75: #ffffffbf;
+$boreal-alpha-white-85: #ffffffd9;
+$boreal-alpha-white-90: #ffffffe6;
+$boreal-alpha-white-95: #ffffffe6;
+$boreal-alpha-white-80: #ffffffcc;
+$boreal-alpha-white-55: #ffffff8c;
+$boreal-alpha-black-5: #272a2f0d;
+$boreal-alpha-black-10: #272a2f1a;
+$boreal-extended-tael-darker: $boreal-extended-teal-darker;
+$boreal-stroke-warning: $boreal-warning-base;
+$boreal-stroke-inverse: $boreal-white;
+$boreal-stroke-info: $boreal-information-base;
+$boreal-stroke-success: $boreal-success-base;
+$boreal-stroke-default-dark: $boreal-base-dark;
+$boreal-stroke-default-light: $boreal-base-light;
+$boreal-stroke-default: $boreal-base-alt;
+$boreal-stroke-focus: $boreal-focus;
+$boreal-stroke-danger: $boreal-danger-base;
+$boreal-stroke-accent: $boreal-accent-base;
+$boreal-stroke-primary: $boreal-primary-base;
+$boreal-stroke-primary-light: $boreal-primary-light;
+$boreal-stroke-primary-dark: $boreal-primary-dark;
+$boreal-stroke-info-light: $boreal-information-light;
+$boreal-stroke-info-dark: $boreal-information-dark;
+$boreal-stroke-success-light: $boreal-success-light;
+$boreal-stroke-success-dark: $boreal-success-dark;
+$boreal-stroke-warning-light: $boreal-warning-light;
+$boreal-stroke-warning-dark: $boreal-warning-dark;
+$boreal-stroke-danger-light: $boreal-danger-light;
+$boreal-stroke-danger-dark: $boreal-danger-dark;

package/dist/types/components/components.d.ts

@@ -1,12 +1,17 @@
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type BdsBannerCustomEvent } from "@telesign/boreal-web-components";
+import { type BdsBannerCustomEvent, type BdsButtonCustomEvent } from "@telesign/boreal-web-components";
 import { BdsBanner as BdsBannerElement } from "@telesign/boreal-web-components/components/bds-banner.js";
+import { BdsButton as BdsButtonElement } from "@telesign/boreal-web-components/components/bds-button.js";
 import { BdsTypography as BdsTypographyElement } from "@telesign/boreal-web-components/components/bds-typography.js";
 import { MyComponent as MyComponentElement } from "@telesign/boreal-web-components/components/my-component.js";
 export type BdsBannerEvents = {
     onClose: EventName<BdsBannerCustomEvent<void>>;
 };
 export declare const BdsBanner: StencilReactComponent<BdsBannerElement, BdsBannerEvents>;
+export type BdsButtonEvents = {
+    onBdsClick: EventName<BdsButtonCustomEvent<UIEvent>>;
+};
+export declare const BdsButton: StencilReactComponent<BdsButtonElement, BdsButtonEvents>;
 export type BdsTypographyEvents = NonNullable<unknown>;
 export declare const BdsTypography: StencilReactComponent<BdsTypographyElement, BdsTypographyEvents>;
 export type MyComponentEvents = NonNullable<unknown>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telesign/boreal-react",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.4",
   "description": "Wrapper for React BorealDS",
   "keywords": [
     "Boreal",
@@ -19,18 +19,18 @@
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/index.d.ts"
     },
     "./css/*": "./dist/css/*",
     "./scss/*": "./dist/scss/*"
   },
+  "sideEffects": false,
   "files": [
-    "dist",
-    "./lib/*"
+    "dist"
   ],
   "devDependencies": {
     "@types/react": "^19.2.7",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@stencil/react-output-target": "^1.2.0",
-    "@telesign/boreal-web-components": "0.1.0-alpha.0"
+    "@telesign/boreal-web-components": "0.1.0-alpha.2"
   },
   "scripts": {
     "release": "release-it",

package/lib/components/components.ts

@@ -1,49 +0,0 @@
-'use client';
-
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-
-/* eslint-disable */
-
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { createComponent } from '@stencil/react-output-target/runtime';
-import { type BdsBannerCustomEvent } from "@telesign/boreal-web-components";
-import { BdsBanner as BdsBannerElement, defineCustomElement as defineBdsBanner } from "@telesign/boreal-web-components/components/bds-banner.js";
-import { BdsTypography as BdsTypographyElement, defineCustomElement as defineBdsTypography } from "@telesign/boreal-web-components/components/bds-typography.js";
-import { MyComponent as MyComponentElement, defineCustomElement as defineMyComponent } from "@telesign/boreal-web-components/components/my-component.js";
-import React from 'react';
-
-export type BdsBannerEvents = { onClose: EventName<BdsBannerCustomEvent<void>> };
-
-export const BdsBanner: StencilReactComponent<BdsBannerElement, BdsBannerEvents> = /*@__PURE__*/ createComponent<BdsBannerElement, BdsBannerEvents>({
-    tagName: 'bds-banner',
-    elementClass: BdsBannerElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: { onClose: 'close' } as BdsBannerEvents,
-    defineCustomElement: defineBdsBanner
-});
-
-export type BdsTypographyEvents = NonNullable<unknown>;
-
-export const BdsTypography: StencilReactComponent<BdsTypographyElement, BdsTypographyEvents> = /*@__PURE__*/ createComponent<BdsTypographyElement, BdsTypographyEvents>({
-    tagName: 'bds-typography',
-    elementClass: BdsTypographyElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as BdsTypographyEvents,
-    defineCustomElement: defineBdsTypography
-});
-
-export type MyComponentEvents = NonNullable<unknown>;
-
-export const MyComponent: StencilReactComponent<MyComponentElement, MyComponentEvents> = /*@__PURE__*/ createComponent<MyComponentElement, MyComponentEvents>({
-    tagName: 'my-component',
-    elementClass: MyComponentElement,
-    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-    react: React,
-    events: {} as MyComponentEvents,
-    defineCustomElement: defineMyComponent
-});

package/lib/index.ts

@@ -1,3 +0,0 @@
-export * from './components/components';
-
-export default {};