@bravobit/bb-foundation 0.50.7 → 0.50.9

package/select/lib/select-multi-label.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbSelectMultiLabel {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSelectMultiLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbSelectMultiLabel, "ng-template[bbSelectMultiLabel]", never, {}, {}, never, never, true, never>;
 }

package/select/lib/select-option-group.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbSelectOptionGroup {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSelectOptionGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbSelectOptionGroup, "ng-template[bbSelectOptionGroup]", never, {}, {}, never, never, true, never>;
 }

package/select/lib/select-option.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbSelectOption {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSelectOption, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbSelectOption, "ng-template[bbSelectOption]", never, {}, {}, never, never, true, never>;
 }

package/storage/lib/storage.service.d.ts

@@ -1,13 +1,12 @@
 import { StorageOption, StorageStrategy } from './interfaces/strategy.interface';
 import { StorageAttributes } from './interfaces/attributes.interface';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class Storage implements StorageStrategy {
-    private _platform;
-    private _cookieString?;
+    private readonly _platform;
+    private readonly _cookieString?;
     private readonly _strategies;
     private readonly _current;
-    constructor(_platform: Platform, _cookieString?: string);
+    constructor();
     select(option: StorageOption | StorageOption[]): StorageStrategy;
     get local(): StorageStrategy;
     get cookie(): StorageStrategy;
@@ -21,6 +20,6 @@ export declare class Storage implements StorageStrategy {
     private findBestStorageStrategy;
     private getLocalStorage;
     private getSessionStorage;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Storage, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Storage, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Storage>;
 }

package/styles/theme.scss

@@ -51,53 +51,68 @@
         --bb-form-label-font-size: 0.875rem;
         --bb-form-label-required-color: hsla(2, 58%, 48%, 1);
 
+        // Controls.
+        --bb-control-border-color: hsla(213, 8%, 74%, 1);
+        --bb-control-focus-border-color: hsla(213, 8%, 50%, 1);
+        --bb-control-error-color: hsl(0, 80%, 25%);
+        --bb-control-error-placeholder-color: hsl(0, 80%, 70%);
+        --bb-control-error-border-color: hsl(0, 80%, 30%);
+        --bb-control-error-background-color: hsl(0, 80%, 90%);
+        --bb-control-error-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1), 0 0 0 0.1875rem hsl(0, 80%, 90%);
+
         // Checkbox.
-        --bb-checkbox-border-color: var(--bb-primary-color-550);
+        --bb-checkbox-border-radius: 0.25rem;
+        --bb-checkbox-border-color: var(--bb-control-border-color);
+        --bb-checkbox-active-border-color: var(--bb-primary-color-550);
         --bb-checkbox-background-color: var(--bb-primary-color-550);
         --bb-checkbox-outline-color: var(--bb-primary-color-100);
 
         // Radio button.
-        --bb-radio-border-color: var(--bb-primary-color-550);
+        --bb-radio-border-color: var(--bb-control-border-color);
+        --bb-radio-active-border-color: var(--bb-primary-color-550);
         --bb-radio-indicator-color: var(--bb-primary-color-550);
         --bb-radio-outline-color: var(--bb-primary-color-100);
 
         // Form control
-        --bb-form-control-border-color: hsla(213, 8%, 74%, 1);
-        --bb-form-control-focus-border-color: hsla(213, 8%, 50%, 1);
         --bb-form-control-border-radius: 0.5rem;
         --bb-form-control-background-color: white;
+        --bb-form-control-border-color: var(--bb-control-border-color);
+        --bb-form-control-focus-border-color: var(--bb-control-focus-border-color);
         --bb-form-control-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1);
         --bb-form-control-focus-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1), 0 0 0 0.1875rem var(--bb-primary-color-100);
 
         // Select
-        --bb-select-border-radius: 0.5rem;
-        --bb-select-background-color: white;
-        --bb-select-border-color: hsla(213, 8%, 74%, 1);
-        --bb-select-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1);
-        --bb-select-focus-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1), 0 0 0 0.1875rem var(--bb-primary-color-100);
+        --bb-select-border-radius: var(--bb-form-control-border-radius);
+        --bb-select-background-color: var(--bb-form-control-background-color);
+        --bb-select-border-color: var(--bb-control-border-color);
+        --bb-select-focus-border-color: var(--bb-control-focus-border-color);
+        --bb-select-box-shadow: var(--bb-form-control-box-shadow);
+        --bb-select-focus-box-shadow: var(--bb-form-control-focus-box-shadow);
 
         // File picker.
         --bb-file-picker-color: var(--bb-primary-color-550);
-        --bb-file-picker-border-radius: 0.5rem;
+        --bb-file-picker-border-radius: var(--bb-form-control-border-radius);
         --bb-file-picker-box-shadow: 0 0 0 0.1875rem var(--bb-primary-color-100);
-        --bb-file-picker-border-color: hsla(213, 8%, 74%, 1);
-        --bb-file-picker-background-color: white;
+        --bb-file-picker-border-color: var(--bb-control-border-color);
+        --bb-file-picker-background-color: var(--bb-form-control-background-color);
 
         // Multi file control.
         --bb-multi-file-control-color: var(--bb-primary-color-550);
         --bb-multi-file-control-box-shadow: 0 0 0 0.1875rem var(--bb-primary-color-100);
+        --bb-multi-file-control-border-color: var(--bb-control-border-color);
+        --bb-multi-file-control-focus-border-color: var(--bb-control-focus-border-color);
 
         // Collections pager.
         --bb-collections-pager-color: var(--bb-primary-color-550);
-        --bb-collections-pager-border-color: var(--bb-primary-color-700);
         --bb-collections-pager-outline-color: var(--bb-primary-color-550);
+        --bb-collections-pager-border-color: var(--bb-control-border-color);
         --bb-collections-pager-hover-background-color: var(--bb-primary-color-50);
         --bb-collections-pager-focus-box-shadow: 0 0 0 0.1875rem var(--bb-primary-color-100);
         --bb-collections-pager-active-background-color: var(--bb-primary-color-100);
 
         // Collections table label.
         --bb-collections-table-label-color: var(--bb-primary-color-550);
-        --bb-collections-table-loader-color: var(--bb-primary-color-500);
+        --bb-collections-table-loader-color: red; //var(--bb-primary-color-500);
 
         // Spinner.
         --bb-spinner-color: var(--bb-primary-color-500);

package/utils/lib/directives/autosize.directive.d.ts

@@ -1,12 +1,11 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbAutosize implements AfterViewInit {
-    private _renderer;
-    private _elementRef;
+    private readonly _renderer;
+    private readonly _elementRef;
     minHeight: string | null;
     maxHeight: string | null;
     rows: number;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
     get element(): HTMLTextAreaElement;
     ngAfterViewInit(): void;
     onWindowResize(): void;

package/utils/lib/directives/focus-trap.directive.d.ts

@@ -1,11 +1,8 @@
-import { ElementRef } from '@angular/core';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class BbFocusTrap {
-    private _platform;
-    private _elementRef;
+    private readonly _platform;
+    private readonly _elementRef;
     private readonly _focusableElements;
-    constructor(_platform: Platform, _elementRef: ElementRef);
     onKeydown(event: KeyboardEvent): void;
     trapFocus(event: KeyboardEvent): void;
     private get element();

package/utils/lib/directives/focus.directive.d.ts

@@ -1,14 +1,12 @@
-import { AfterViewInit, ElementRef, NgZone } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import { FocusMode } from '@bravobit/bb-foundation';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class BbFocus implements AfterViewInit {
-    private _zone;
-    private _platform;
-    private _elementRef;
+    private readonly _zone;
+    private readonly _platform;
+    private readonly _elementRef;
     private readonly _globalFocusMode;
     bbFocusMode: FocusMode | null;
-    constructor(_zone: NgZone, _platform: Platform, _elementRef: ElementRef);
     private get nativeElement();
     ngAfterViewInit(): void;
     private isMobile;

package/utils/lib/directives/template.directive.d.ts

@@ -1,10 +1,9 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbTemplate {
-    private _templateRef;
-    private _viewContainerRef;
+    private readonly _templateRef;
+    private readonly _viewContainerRef;
     set bbTemplate(content: string | TemplateRef<any>);
-    constructor(_templateRef: TemplateRef<any>, _viewContainerRef: ViewContainerRef);
     static ngAcceptInputType_bbTemplate: string | TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbTemplate, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbTemplate, "[bbTemplate]", never, { "bbTemplate": { "alias": "bbTemplate"; "required": false; }; }, {}, never, never, true, never>;