novo-elements 6.0.0-next.7 → 6.0.0

package/novo-elements.scss

@@ -2,6 +2,7 @@
 // Global
 // --------------------------------------------------
 @import "~novo-design-tokens/scss";
+@import "novo-design-tokens/css/variables.min.css";
 
 @import "./styles/variables";
 @import "./styles/reset";
@@ -75,13 +76,25 @@
 @import "./elements/simple-table/table";
 @import "./elements/tabbed-group-picker/TabbedGroupPicker";
 
-.bgc-main {
+.bgc-main,
+.novo-background-main {
   background-color: var(--background-main, $color-bright);
 }
-.bgc-alt {
+.bgc-alt,
+.bgc-bright,
+.novo-background-bright {
   background-color: var(--background-bright, $color-white);
 }
-.bgc-body {
+.bgc-dark,
+.novo-background-dark {
+  background-color: var(--background-dark, $color-white);
+}
+.bgc-muted,
+.novo-background-muted {
+  background-color: var(--background-muted, $color-white);
+}
+.bgc-body,
+.novo-background-body {
   background-color: var(--background-body, $color-silver);
 }
 .txc-main {
@@ -95,26 +108,30 @@
 }
 
 @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
-  .novo-background-#{$name} {
-    background: $color;
-    color: $contrast;
-  }
-  .novo-text-#{$name} {
-    color: $color;
-  }
+  $excluded: (bright, muted);
 
-  .bgc-#{$name} {
-    background: $color;
-    color: $contrast;
-  }
+  @if index($excluded, $name) == null {
+    .novo-background-#{$name} {
+      background: $color;
+      color: $contrast;
+    }
+    .novo-text-#{$name} {
+      color: $color;
+    }
 
-  .bgc-#{$name}-striped {
-    & > *:nth-child(odd) {
+    .bgc-#{$name} {
       background: $color;
+      color: $contrast;
+    }
+
+    .bgc-#{$name}-striped {
+      & > *:nth-child(odd) {
+        background: $color;
+      }
+    }
+    .txc-#{$name} {
+      color: $color;
     }
-  }
-  .txc-#{$name} {
-    color: $color;
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "novo-elements",
-  "version": "6.0.0-next.7",
+  "version": "6.0.0",
   "sideEffects": true,
   "peerDependencies": {
     "@angular/animations": ">=10",
@@ -14,7 +14,7 @@
     "brace": "^0.11.0",
     "classlist.js": "^1.1.20150312",
     "date-fns": ">=1",
-    "novo-design-tokens": "^0.0.7",
+    "novo-design-tokens": "^0.0.8",
     "post-robot": "^8.0.0",
     "rxjs": ">=6",
     "text-mask-addons": "^3.7.0",

package/schematics/ng-add/fonts/novo-fonts.js

@@ -24,7 +24,6 @@ function addFontsToIndex(options) {
         }
         const preconnect = `<link rel="preconnect" href="https://fonts.gstatic.com">`;
         const fonts = [
-            // "https://cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css">
             'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900',
             'https://fonts.googleapis.com/css?family=Fira+Code:300,400,500,600,700',
             'https://cdn.jsdelivr.net/npm/@bullhorn/bullhorn-icons/fonts/Bullhorn-Glyphicons.css',

package/schematics/ng-add/fonts/novo-fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"novo-fonts.js","sourceRoot":"","sources":["../../../../../projects/schematics/ng-add/fonts/novo-fonts.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAA6E;AAC7E,wDAAiH;AACjH,+DAAkE;AAGlE,6DAA6D;AAC7D,SAAgB,eAAe,CAAC,OAAe;IAC7C,OAAO,CAAO,IAAU,EAAE,EAAE;QAC1B,MAAM,SAAS,GAAG,qBAAY,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,oCAAuB,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,iBAAiB,GAAG,iCAAoB,CAAC,OAAO,CAAC,CAAC;QAExD,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;YAC7B,MAAM,IAAI,gCAAmB,CAAC,4CAA4C,CAAC,CAAC;SAC7E;QAED,MAAM,UAAU,GAAG,0DAA0D,CAAC;QAC9E,MAAM,KAAK,GAAG;YACZ,yHAAyH;YACzH,wFAAwF;YACxF,uEAAuE;YACvE,qFAAqF;SACtF,CAAC;QAEF,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,EAAE;YAC1C,oCAAuB,CAAC,IAAI,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;YAEzD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,oCAAuB,CAAC,IAAI,EAAE,aAAa,EAAE,eAAe,IAAI,qBAAqB,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAA,CAAC;AACJ,CAAC;AA1BD,0CA0BC"}
+{"version":3,"file":"novo-fonts.js","sourceRoot":"","sources":["../../../../../projects/schematics/ng-add/fonts/novo-fonts.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAA6E;AAC7E,wDAAiH;AACjH,+DAAkE;AAGlE,6DAA6D;AAC7D,SAAgB,eAAe,CAAC,OAAe;IAC7C,OAAO,CAAO,IAAU,EAAE,EAAE;QAC1B,MAAM,SAAS,GAAG,qBAAY,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,oCAAuB,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,iBAAiB,GAAG,iCAAoB,CAAC,OAAO,CAAC,CAAC;QAExD,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE;YAC7B,MAAM,IAAI,gCAAmB,CAAC,4CAA4C,CAAC,CAAC;SAC7E;QAED,MAAM,UAAU,GAAG,0DAA0D,CAAC;QAC9E,MAAM,KAAK,GAAG;YACZ,wFAAwF;YACxF,uEAAuE;YACvE,qFAAqF;SACtF,CAAC;QAEF,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,EAAE;YAC1C,oCAAuB,CAAC,IAAI,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;YAEzD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,oCAAuB,CAAC,IAAI,EAAE,aAAa,EAAE,eAAe,IAAI,qBAAqB,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAA,CAAC;AACJ,CAAC;AAzBD,0CAyBC"}

package/schematics/ng-add/setup-project.js

@@ -59,7 +59,7 @@ function addAnimationsModule(options) {
     };
 }
 /**
- * Adds custom Novo styles to the project style file. The custom CSS sets up the Roboto font
+ * Adds custom Novo styles to the project style file. The custom CSS sets up the Montserrat font
  * and reset the default browser body margin.
  */
 function addNovoAppStyles(options) {
@@ -70,18 +70,18 @@ function addNovoAppStyles(options) {
         const logger = context.logger;
         if (!styleFilePath) {
             logger.error(`Could not find the default style file for this project.`);
-            logger.info(`Consider manually adding the Roboto font to your CSS.`);
-            logger.info(`More information at https://fonts.google.com/specimen/Roboto`);
+            logger.info(`Consider manually adding the Montserrat font to your CSS.`);
+            logger.info(`More information at https://fonts.google.com/specimen/Montserrat`);
             return;
         }
         const buffer = host.read(styleFilePath);
         if (!buffer) {
             logger.error(`Could not read the default style file within the project ` + `(${styleFilePath})`);
-            logger.info(`Please consider manually setting up the Roboto font.`);
+            logger.info(`Please consider manually setting up the Montserrat font.`);
             return;
         }
         const htmlContent = buffer.toString();
-        const insertion = '\n' + `html, body { height: 100%; }\n` + `body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }\n`;
+        const insertion = '\n' + `html, body { height: 100%; }\n` + `body { margin: 0; font-family: Montserrat, "Helvetica Neue", sans-serif; }\n`;
         if (htmlContent.includes(insertion)) {
             return;
         }

package/schematics/ng-add/setup-project.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-project.js","sourceRoot":"","sources":["../../../../projects/schematics/ng-add/setup-project.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"setup-project.js","sourceRoot":"","sources":["../../../../projects/schematics/ng-add/setup-project.ts"],"names":[],"mappings":"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"}

package/schematics/package.json

@@ -1,6 +1,6 @@
 {
   "name": "schematics",
-  "version": "6.0.0-next.7",
+  "version": "6.0.0",
   "description": "A novo-element schematics",
   "scripts": {
     "build": "tsc -p tsconfig.json",

package/src/elements/aside/aside.service.d.ts

@@ -4,7 +4,7 @@ export declare class NovoAsideService {
     private injector;
     private overlay;
     constructor(injector: Injector, overlay: Overlay);
-    open(component: any, params?: {}): OverlayRef;
+    open(component: any, params?: {}, config?: {}): OverlayRef;
     private createOverlay;
     private attachAsideContainer;
     private createInjector;

package/src/elements/button/Button.d.ts

@@ -11,7 +11,7 @@ export declare class NovoButtonElement {
      */
     side: string;
     /**
-     * 	Sets the size of the button. One of: small, medium, large
+     * 	Sets the size of the button. One of: sm, lg
      */
     size: string;
     /**

package/src/elements/calendar/calendar.component.d.ts

@@ -9,6 +9,8 @@ export declare class NovoCalendarElement implements OnInit {
     private _sanitizer;
     minYear: string | number;
     maxYear: string | number;
+    minDate: string | number;
+    maxDate: string | number;
     activeView: string;
     layout: string;
     _selected: Date[];
@@ -19,6 +21,7 @@ export declare class NovoCalendarElement implements OnInit {
     previewChange: EventEmitter<Date[]>;
     activeDateChange: EventEmitter<Date>;
     overlays: OverlayDate[];
+    disabledDateMessage: string;
     _activeDate: Date;
     _mode: DatePickerSelectModes;
     _numberOfMonths: number[];

package/src/elements/calendar/month-view/month-view.component.d.ts

@@ -13,6 +13,7 @@ export declare class NovoMonthViewElement implements OnInit {
     selected: DateLike[];
     preview: DateLike[];
     overlays: OverlayDate[];
+    disabledDateMessage: string;
     isRange: boolean;
     hideOverflowDays: boolean;
     _weekStartsOn: number;

package/src/elements/common/directives/bg.directive.d.ts

@@ -2,6 +2,7 @@ import { ElementRef } from '@angular/core';
 export declare class BackgroundColorDirective {
     private el;
     bg: string;
-    get hb_textColor(): string;
+    get hb_bgColor(): string;
+    get hb_bgStyle(): string;
     constructor(el: ElementRef);
 }

package/src/elements/common/directives/color.directive.d.ts

@@ -3,5 +3,6 @@ export declare class TextColorDirective {
     private el;
     txc: string;
     get hb_textColor(): string;
+    get hb_textStyle(): string;
     constructor(el: ElementRef);
 }

package/src/elements/data-table/cell-headers/data-table-checkbox-header-cell.component.d.ts

@@ -8,7 +8,6 @@ export declare class NovoDataTableCheckboxHeaderCell<T> extends CdkHeaderCell im
     private toaster;
     role: string;
     maxSelected: number;
-    canSelectAll: boolean;
     checked: boolean;
     private selectionSubscription;
     private paginationSubscription;

package/src/elements/data-table/data-table.component.d.ts

@@ -38,6 +38,7 @@ export declare class NovoDataTable<T> implements AfterContentInit, OnDestroy {
     paginatorDataFeatureId: string;
     maxSelected: number;
     canSelectAll: boolean;
+    allMatchingSelected: boolean;
     set dataTableService(service: IDataTableService<T>);
     set rows(rows: T[]);
     set outsideFilter(outsideFilter: EventEmitter<any>);
@@ -75,6 +76,7 @@ export declare class NovoDataTable<T> implements AfterContentInit, OnDestroy {
     private resetSubscription;
     private paginationSubscription;
     private sortFilterSubscription;
+    private allMatchingSelectedSubscription;
     private _columns;
     private scrollListenerHandler;
     private initialized;
@@ -96,7 +98,7 @@ export declare class NovoDataTable<T> implements AfterContentInit, OnDestroy {
     expandRows(expand: boolean): void;
     allCurrentRowsExpanded(): boolean;
     isSelected(row: T): boolean;
-    selectRow(row: T): void;
+    selectRow(row: T, origin?: string): void;
     selectRows(selected: boolean): void;
     allCurrentRowsSelected(): boolean;
     private configureLastDisplayedColumn;

package/src/elements/data-table/pagination/data-table-pagination.component.d.ts

@@ -17,6 +17,8 @@ export declare class NovoDataTablePagination<T> implements OnInit, OnDestroy {
     get pageSizeOptions(): any[];
     set pageSizeOptions(pageSizeOptions: any[]);
     private _pageSizeOptions;
+    canSelectAll: boolean;
+    allMatchingSelected: boolean;
     get length(): number;
     set length(length: number);
     _length: number;

package/src/elements/data-table/state/data-table-state.service.d.ts

@@ -7,6 +7,7 @@ export declare class DataTableState<T> {
     sortFilterSource: Subject<unknown>;
     resetSource: Subject<unknown>;
     expandSource: Subject<unknown>;
+    allMatchingSelectedSource: Subject<unknown>;
     dataLoaded: Subject<unknown>;
     sort: IDataTableSort;
     filter: IDataTableFilter | IDataTableFilter[];
@@ -32,5 +33,5 @@ export declare class DataTableState<T> {
     onPaginationChange(isPageSizeChange: boolean, pageSize: number): void;
     onSortFilterChange(): void;
     setInitialSortFilter(preferences: any): void;
-    checkRetainment(caller: string): void;
+    checkRetainment(caller: string, allMatchingSelected?: boolean): void;
 }

package/src/elements/date-picker/DatePickerInput.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { DateFormatService } from '../../services/date-format/DateFormat';
 import { NovoLabelService } from '../../services/novo-label-service';
 import { NovoOverlayTemplateComponent } from '../common/overlay/Overlay';
-export declare class NovoDatePickerInputElement implements OnInit, ControlValueAccessor {
+export declare class NovoDatePickerInputElement implements OnInit, OnChanges, ControlValueAccessor {
     element: ElementRef;
     labels: NovoLabelService;
     private _changeDetectorRef;
@@ -60,6 +60,8 @@ export declare class NovoDatePickerInputElement implements OnInit, ControlValueA
     overlay: NovoOverlayTemplateComponent;
     constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef, dateFormatService: DateFormatService);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    _initFormatOptions(): void;
     /** BEGIN: Convenient Panel Methods. */
     openPanel(): void;
     closePanel(): void;

package/src/elements/date-picker/DateRangeInput.d.ts

@@ -1,10 +1,10 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { DateFormatService } from '../../services/date-format/DateFormat';
 import { NovoLabelService } from '../../services/novo-label-service';
 import { NovoOverlayTemplateComponent } from '../common/overlay/Overlay';
 import { RangeModel } from './date-picker.types';
-export declare class NovoDateRangeInputElement implements OnInit, ControlValueAccessor {
+export declare class NovoDateRangeInputElement implements OnInit, OnChanges, ControlValueAccessor {
     element: ElementRef;
     labels: NovoLabelService;
     private cdr;
@@ -16,6 +16,7 @@ export declare class NovoDateRangeInputElement implements OnInit, ControlValueAc
     start: Date;
     end: Date;
     weekRangeSelect: boolean;
+    mode: string;
     placeholder: string;
     maskOptions: any;
     format: string;
@@ -37,6 +38,8 @@ export declare class NovoDateRangeInputElement implements OnInit, ControlValueAc
     set disabled(value: boolean);
     constructor(element: ElementRef, labels: NovoLabelService, cdr: ChangeDetectorRef, dateFormatService: DateFormatService);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    _initFormatOptions(): void;
     /** BEGIN: Convenient Panel Methods. */
     openPanel(): void;
     closePanel(): void;

package/src/elements/field/formats/time-format.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import { IMaskDirective, IMaskFactory } from 'angular-imask';
 import { NovoLabelService } from '../../../services/novo-label-service';
 import { NovoInputFormat } from './base-format';
@@ -12,7 +12,7 @@ export declare enum TIME_FORMATS {
     ISO8601 = "iso8601",
     STRING = "string"
 }
-export declare class NovoTimeFormatDirective extends IMaskDirective<any> implements NovoInputFormat, AfterViewInit {
+export declare class NovoTimeFormatDirective extends IMaskDirective<any> implements NovoInputFormat, AfterViewInit, OnChanges {
     private _element;
     private labels;
     private cdr;
@@ -20,6 +20,8 @@ export declare class NovoTimeFormatDirective extends IMaskDirective<any> impleme
     military: boolean;
     timeFormat: TIME_FORMATS;
     constructor(_element: ElementRef, _renderer: Renderer2, _factory: IMaskFactory, _compositionMode: boolean, labels: NovoLabelService, cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    initFormatOptions(): void;
     _checkInput(event: InputEvent): void;
     _handleBlur(event: FocusEvent): void;
     _handleKeydown(event: KeyboardEvent): void;
@@ -30,4 +32,5 @@ export declare class NovoTimeFormatDirective extends IMaskDirective<any> impleme
     convertTime24to12(time24h: string): string;
     writeValue(value: any): void;
     registerOnChange(fn: (date: any) => void): void;
+    hourOneFormatRequired(hourInput: string): boolean;
 }

package/src/elements/form/FormControls.d.ts

@@ -16,6 +16,7 @@ export { QuickNoteControl } from './controls/quick-note/QuickNoteControl';
 export { RadioControl } from './controls/radio/RadioControl';
 export { ReadOnlyControl } from './controls/read-only/ReadOnlyControl';
 export { SelectControl } from './controls/select/SelectControl';
+export { SwitchControl } from './controls/switch/SwitchControl';
 export { TextAreaControl } from './controls/text-area/TextAreaControl';
 export { TextBoxControl } from './controls/textbox/TextBoxControl';
 export { TilesControl } from './controls/tiles/TilesControl';

package/src/elements/form/controls/index.d.ts

@@ -1,5 +1,6 @@
 export * from './ace-editor';
 export * from './address';
+export * from './BaseControl';
 export * from './check-list';
 export * from './checkbox';
 export * from './custom';
@@ -14,6 +15,7 @@ export * from './quick-note';
 export * from './radio';
 export * from './read-only';
 export * from './select';
+export * from './switch';
 export * from './text-area';
 export * from './textbox';
 export * from './tiles';

package/src/elements/form/controls/switch/SwitchControl.d.ts

@@ -0,0 +1,5 @@
+import { BaseControl, NovoControlConfig } from '../BaseControl';
+export declare class SwitchControl extends BaseControl {
+    controlType: string;
+    constructor(config: NovoControlConfig);
+}

package/src/elements/form/controls/switch/index.d.ts

@@ -0,0 +1 @@
+export * from './SwitchControl';

package/src/elements/select/Select.d.ts

@@ -103,8 +103,9 @@ export declare class NovoSelectElement extends NovoSelectMixins implements OnIni
     get multiple(): boolean;
     set multiple(value: boolean);
     private _multiple;
-    /** Whether any radio buttons has focus. */
+    /** Whether the select is focused. */
     get focused(): boolean;
+    private _focused;
     /** Implemented as part of NovoFieldControl. */
     get empty(): boolean;
     /** The currently selected option. */

package/src/elements/switch/Switch.d.ts

@@ -6,7 +6,9 @@ export declare class NovoSwitchElement implements ControlValueAccessor {
     icons: [string, string];
     disabled: boolean;
     onChange: EventEmitter<any>;
-    model: boolean;
+    private _value;
+    get value(): boolean;
+    set value(value: boolean);
     onModelChange: Function;
     onModelTouched: Function;
     constructor(ref: ChangeDetectorRef);

package/src/elements/tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { Router, RouterLink } from '@angular/router';
-export declare class NovoNavElement {
+export declare class NovoNavElement implements AfterContentChecked {
     theme: string;
     direction: string;
     outlet: any;
@@ -9,10 +9,20 @@ export declare class NovoNavElement {
     items: Array<any>;
     /** The index of the active tab. */
     get selectedIndex(): number | null;
+    set selectedIndex(value: number | null);
     private _selectedIndex;
+    /** The tab index that should be selected after the content has been checked. */
+    private _indexToSelect;
+    /** Output to enable support for two-way binding on `[(selectedIndex)]` */
+    readonly selectedIndexChange: EventEmitter<number>;
+    ngAfterContentChecked(): void;
     select(item: any): void;
     add(item: any): void;
+    private _activateSelectedItem;
+    private _showActiveContent;
     private _deactivateAllItems;
+    /** Clamps the given index to the bounds of 0 and the tabs length. */
+    private _clampTabIndex;
 }
 export declare class NovoTabElement {
     private el;

package/src/elements/time-picker/TimePickerInput.d.ts

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { DateFormatService } from '../../services/date-format/DateFormat';
 import { NovoLabelService } from '../../services/novo-label-service';
 import { NovoOverlayTemplateComponent } from '../common/overlay/Overlay';
-export declare class NovoTimePickerInputElement implements OnInit, ControlValueAccessor {
+export declare class NovoTimePickerInputElement implements OnInit, OnChanges, ControlValueAccessor {
     element: ElementRef;
     labels: NovoLabelService;
     dateFormatService: DateFormatService;
@@ -18,12 +18,19 @@ export declare class NovoTimePickerInputElement implements OnInit, ControlValueA
     military: boolean;
     maskOptions: any;
     disabled: boolean;
+    /**
+     * @deprecated don't use
+     */
+    analog: boolean;
     blurEvent: EventEmitter<FocusEvent>;
     focusEvent: EventEmitter<FocusEvent>;
     /** Element for the panel containing the autocomplete options. */
     overlay: NovoOverlayTemplateComponent;
+    input: HTMLInputElement;
     constructor(element: ElementRef, labels: NovoLabelService, dateFormatService: DateFormatService, _changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
+    ngOnChanges(changes?: SimpleChanges): void;
+    initFormatOptions(): void;
     onComplete(dt: any): void;
     /** BEGIN: Convenient Panel Methods. */
     openPanel(): void;
@@ -49,4 +56,5 @@ export declare class NovoTimePickerInputElement implements OnInit, ControlValueA
     get hasValue(): boolean;
     scrollToIndex(index: number): void;
     convertTime12to24(time12h: string): string;
+    hourOneFormatRequired(hourInput: string): boolean;
 }

package/styles/cdk.scss

@@ -97,9 +97,8 @@ $backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;
     // that the element had before we made it `fixed`.
     width: 100%;
 
-    // Note: this will always add a scrollbar to whatever element it is on, which can
-    // potentially result in double scrollbars. It shouldn't be an issue, because we won't
-    // block scrolling on a page that doesn't have a scrollbar in the first place.
-    overflow-y: scroll;
+    // Note: initial set to scroll-y which adds double scrollbars when aside is present. Updated
+    // to hidden
+    overflow-y: hidden;
   }
 }

package/styles/content/code.scss

@@ -1,15 +1,21 @@
-@import "~novo-design-tokens/scss";
-
 code,
-samp,
-time {
+samp {
+  font-family: var(--font-family-mono);
   background: var(--background-main);
   color: var(--code);
   border: 1px solid var(--border);
-  padding: 2px 4px;
-  border-radius: 6px;
+  border-radius: 4px;
+  padding: 0 0.5ch;
+  margin: 0 0.5ch;
+  line-height: inherit;
+  font-size: inherit;
+  white-space: nowrap;
+}
+
+time {
   font-size: 1em;
-  font-family: $font-family-mono;
+  font-family: var(--font-family-mono);
+  color: var(--code);
 }
 
 pre > code {
@@ -21,11 +27,11 @@ pre > code {
 var {
   color: var(--variable);
   font-style: normal;
-  font-family: $font-family-mono;
+  font-family: var(--font-family-mono);
 }
 
 kbd {
-  font-family: $font-family-mono;
+  font-family: var(--font-family-mono);
   background: var(--background-main);
   border: 1px solid var(--border);
   border-radius: 2px;

package/styles/content/forms.scss

@@ -140,6 +140,9 @@ select:disabled,
 button:disabled,
 textarea:disabled {
   cursor: not-allowed;
+}
+
+button:disabled {
   opacity: 0.5;
 }
 

package/styles/content/root.scss

@@ -3,15 +3,14 @@
 html {
   scrollbar-color: var(--scrollbar-thumb) var(--background-body);
   scrollbar-width: none;
-  font-family: $font-family-base;
-  font-size: $font-size-base;
-  color: $font-color-base;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base, 10px);
+  color: var(--font-color-base, #333);
 }
 
 body {
-  font-family: $font-family-body;
-  // font-size: $font-size-body;
-  font-size: 1.2rem; // novo-design-tokens is 1.4rem
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-body, 1.2rem);
   line-height: 1.2;
   word-wrap: break-word;
   color: var(--text-main);

package/styles/reset.scss

@@ -62,7 +62,7 @@ hr {
  */
 
 pre {
-  font-family: monospace, monospace; /* 1 */
+  font-family: var(--font-family-mono, "monospace");
   font-size: 1em; /* 2 */
 }
 
@@ -105,7 +105,7 @@ strong {
 code,
 kbd,
 samp {
-  font-family: monospace, monospace; /* 1 */
+  font-family: var(--font-family-mono, "monospace");
   font-size: 1em; /* 2 */
 }
 

package/styles/themes/dark.scss

@@ -1,7 +1,8 @@
 @mixin dark-variables {
   --background-body: #{$color-midnight}; //#202b38;
   --background-main: #{$color-darkness}; //#161f27;
-  --background-bright: #{$color-moonlight};
+  --background-bright: #{$color-moonlight}; //#1a242f
+  --background-dark: #{$color-onyx}; //e2e2e2
   --background-muted: #{$color-neutral};
   --selection: #{$color-ocean}; // #1c76c5;
   --text-selection: #{$color-white};
@@ -13,6 +14,8 @@
   --border: #{$color-onyx};
   --code: #ffbe85;
   --animation-duration: 0.1s;
+  --button-background: #{$dark};
+  --button-text: #{$light};
   --button-hover: #324759;
   --scrollbar-thumb: var(--button-hover);
   --scrollbar-thumb-hover: var(--button-hover);
@@ -24,4 +27,8 @@
 
 .theme-dark {
   @include dark-variables();
+
+  ::-webkit-calendar-picker-indicator {
+    filter: invert(1);
+  }
 }