@telesign/boreal-web-components 0.1.0-alpha.5 → 0.1.0-alpha.6

package/dist/collection/components/forms/bds-checkbox/bds-checkbox.css

@@ -1,91 +0,0 @@
-@charset "UTF-8";
-/**
-* Common SCSS placeholder selectors shared across form and layout components.
-* This file is injected globally via `injectGlobalPaths` in `stencil.config.ts`,
-* so all component stylesheets can `@extend` these placeholders without an explicit import.
-*
-* NOTE: Placeholders must only use raw CSS values — `$boreal-*` token variables
-* are not available at this level util use style-guidelines.
-*/
-/**
- * TODO: Refactor to use styleguidelines this work as first draft
- **/
-/**
-* This file contains mixins and functions for common interactions styles such as focus rings and transitions.
-* These are used across multiple components to ensure consistency in interaction feedback.
-*/
-bds-checkbox {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  outline: none;
-}
-bds-checkbox .bds-checkbox__label {
-  font-family: var(--boreal-typography-font-family-primary);
-}
-bds-checkbox .bds-checkbox__box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--boreal-layout-m);
-  height: var(--boreal-layout-m);
-  border: var(--boreal-spacing-4xs) solid var(--boreal-stroke-default-light);
-  background: transparent;
-  transition: all 0.2s ease;
-  border-radius: 4px;
-}
-bds-checkbox:hover .bds-checkbox__box {
-  border-color: var(--boreal-stroke-default-light);
-}
-bds-checkbox:focus-visible .bds-checkbox__box {
-  border-color: var(--boreal-stroke-focus);
-  outline: 2px solid var(--boreal-stroke-focus);
-  outline-offset: 1px;
-}
-bds-checkbox:active .bds-checkbox__box {
-  border-color: var(--boreal-stroke-default-light);
-  background: var(--boreal-bg-neutral);
-  outline: 2px solid var(--boreal-stroke-primary-light);
-}
-bds-checkbox.bds-checkbox--checked .bds-checkbox__box {
-  border-color: var(--boreal-ui-primary-base);
-  background: var(--boreal-ui-primary-base);
-  color: var(--boreal-ui-inverse);
-}
-bds-checkbox.bds-checkbox--checked:hover .bds-checkbox__box {
-  border-color: var(--boreal-ui-primary-dark);
-  background: var(--boreal-ui-primary-dark);
-}
-bds-checkbox.bds-checkbox--checked:focus-visible .bds-checkbox__box {
-  border-color: var(--boreal-ui-primary-base);
-  background: var(--boreal-ui-primary-base);
-  outline: 2px solid var(--boreal-stroke-focus);
-}
-bds-checkbox.bds-checkbox--checked:active .bds-checkbox__box {
-  border-color: var(--boreal-ui-primary-dark);
-  background: var(--boreal-ui-primary-dark);
-}
-bds-checkbox.bds-checkbox--error .bds-checkbox__box {
-  border-color: var(--boreal-stroke-danger-base);
-}
-bds-checkbox.bds-checkbox--error.bds-checkbox--checked .bds-checkbox__box, bds-checkbox.bds-checkbox--error.bds-checkbox--indeterminate .bds-checkbox__box {
-  color: var(--boreal-ui-inverse);
-  border-color: var(--boreal-stroke-danger-base);
-  background: var(--boreal-stroke-danger-base);
-}
-bds-checkbox.bds-checkbox--disabled {
-  pointer-events: none;
-}
-bds-checkbox.bds-checkbox--disabled .bds-checkbox__box {
-  border-color: var(--boreal-stroke-default-light);
-  background: var(--boreal-bg-neutral);
-}
-bds-checkbox.bds-checkbox--disabled .bds-checkbox__label {
-  color: var(--boreal-text-disabled);
-}
-bds-checkbox.bds-checkbox--disabled.bds-checkbox--checked .bds-checkbox__box, bds-checkbox.bds-checkbox--disabled.bds-checkbox--indeterminate .bds-checkbox__box {
-  border-color: var(--boreal-ui-primary-light);
-  background: var(--boreal-ui-primary-light);
-  color: #fff;
-}

package/dist/esm/Keys-DlYG-OVB.js

@@ -1,16 +0,0 @@
-/**
- * Centralised keyboard key values used across components.
- * Use these constants instead of raw string literals to prevent typos and keep key references consistent.
- * Each value matches the `KeyboardEvent.key` string as defined by the W3C UI Events specification.
- */
-const KEYBOARD = {
-    Enter: 'Enter',
-    Escape: 'Escape',
-    Space: ' ',
-    ArrowUp: 'ArrowUp',
-    ArrowDown: 'ArrowDown',
-    ArrowLeft: 'ArrowLeft',
-    ArrowRight: 'ArrowRight',
-};
-
-export { KEYBOARD as K };

package/dist/esm/menu-dz9-Q2N8.js

@@ -1,6 +0,0 @@
-const MENU_ROLES = {
-    MENU: 'menu',
-    LISTBOX: 'listbox',
-};
-
-export { MENU_ROLES as M };

package/dist/esm-es5/Keys-DlYG-OVB.js

@@ -1 +0,0 @@
-var KEYBOARD={Enter:"Enter",Escape:"Escape",Space:" ",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight"};export{KEYBOARD as K};

package/dist/esm-es5/menu-dz9-Q2N8.js

@@ -1 +0,0 @@
-var MENU_ROLES={MENU:"menu",LISTBOX:"listbox"};export{MENU_ROLES as M};

package/dist/types/components/forms/bds-checkbox-card/types/ICheckboxCard.d.ts

@@ -1,8 +0,0 @@
-import { ComponentInterface } from '../../../../stencil-public-runtime';
-import { ICheckbox } from '../../bds-checkbox/types/ICheckbox';
-export interface ICheckboxCard extends ComponentInterface, ICheckbox {
-    name: string;
-    disabled: boolean;
-    required: boolean;
-}
-//# sourceMappingURL=ICheckboxCard.d.ts.map

package/dist/types/components/forms/bds-radio-group/types/IRadioGroup.d.ts

@@ -1,19 +0,0 @@
-import { Orientation } from "../../../../types/index";
-import { RadioGroupType } from './types';
-export interface RadioGroupChangeDetail {
-    value: string;
-}
-export interface IRadioGroup {
-    name: string;
-    value: string;
-    label: string;
-    helperText: string;
-    errorMessage: string;
-    info: string;
-    orientation: Orientation;
-    type: RadioGroupType;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-}
-//# sourceMappingURL=IRadioGroup.d.ts.map

package/dist/types/types/IFormProps.d.ts

@@ -1,25 +0,0 @@
-/**
- * Interface that define and centralize some props to the form components.
- * In this way we standardize the props and avoid repetition.
- * @public
- * @interface IFormProps
- * @augments {IFormProps}
- * @property {string} name - Name of the form control, submitted as a key in the form data.
- * @property {boolean} disabled - Disables the control. Defaults to `false`.
- * @property {boolean} required - Marks the control as required for form submission. Defaults to `false`.
- * @property {string} info - Tooltip content attached to the label. Rendered via `bds-typography` `tooltipText` prop.
- * @property {boolean} error - When `true`, applies the error visual state.
- * @property {string} errorMessage - Message shown below the input when `error` is `true`. Replaces `helperText`.
- * @property {string} label - Label displayed next to the input. Defaults to `""`.
- * @property {string} helperText - Help text displayed below the input. Defaults to `""`.
- * @example
- * export interface IToggle extends IFormProps {}
- */
-export interface IFormProps {
-    info?: string;
-    error?: boolean;
-    errorMessage?: string;
-    label?: string;
-    helperText?: string;
-}
-//# sourceMappingURL=IFormProps.d.ts.map