novo-elements 13.1.0 → 13.2.0-next.2

package/elements/picker/extras/picker-results/PickerResults.scss

@@ -8,8 +8,11 @@ entity-picker-results {
   max-width: 100%;
   z-index: 10;
   top: 100%;
+  border-radius: var(--border-radius-sm);
+  overflow: hidden;
   .novo-list {
-    border: 1px solid #4a89dc;
+    border: 1px solid var(--color-border-default, #4a89dc);
+    border-radius: var(--border-radius-sm);
     .novo-list-item {
       cursor: pointer;
       flex: 0 0;
@@ -18,10 +21,10 @@ entity-picker-results {
         width: 100%;
       }
       &.active {
-        background-color: lighten($positive, 35%);
+        background-color: brightenLive('--color-positive', 35);
       }
       &:hover {
-        background-color: lighten($positive, 39%);
+        background-color: brightenLive('--color-positive', 39);
       }
       .novo-item-content {
         flex-flow: row wrap;
@@ -49,14 +52,14 @@ entity-picker-results {
   .picker-loader,
   .picker-null-recent-results,
   .picker-null-results {
-    background-color: $white;
+    background-color: var(--background-body);
     text-align: center;
-    color: darken($light, 15%);
+    color: darkenLive('--color-light', 15);
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-    border: 1px solid $positive;
+    border: 1px solid var(--color-positive);
     transform: translateY(0%);
     transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
-    padding: $spacing-sm;
+    padding: var(--spacing-sm);
   }
 
   p.picker-error,
@@ -69,12 +72,12 @@ entity-picker-results {
 
   picker-loader,
   .picker-loader {
-    background-color: $white;
+    background-color: var(--background-body);
     display: flex;
     align-items: center;
     flex-direction: column;
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-    border: 1px solid $positive;
+    border: 1px solid var(--color-positive);
     transform: translateY(0%);
     transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
   }
@@ -92,21 +95,21 @@ picker-results,
 .picker-results,
 quick-note-results,
 .quick-note-results {
-  background-color: $white;
+  background-color: var(--background-body);
   cursor: default;
   line-height: 26px;
   width: 100%;
   display: block;
   novo-list,
   ul {
-    background-color: $white;
+    background-color: var(--background-body);
     max-height: 200px;
     overflow: auto;
     list-style: none;
     padding: 0;
     margin: 0;
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-    border: 1px solid $positive;
+    border: 1px solid var(--color-positive);
     transform: translateY(0%);
     transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
     display: block;
@@ -122,16 +125,16 @@ quick-note-results,
       h6 {
         padding-top: 0;
         font-weight: 400;
-        color: lighten($dark, 35%);
+        color: brightenLive('--color-dark', 35);
         strong {
           font-weight: 400;
-          color: $dark;
+          color: var(--font-color-base);
         }
       }
       &.active,
       &:focus,
       &:hover {
-        background-color: lighten($positive, 35%);
+        background-color: brightenLive('--color-positive', 35);
       }
       &.disabled {
         opacity: 0.5;
@@ -170,7 +173,7 @@ entity-picker-results {
     max-height: 49vh;
     overflow: auto;
     .novo-item-content {
-      margin-top: $spacing-sm;
+      margin-top: var(--spacing-sm);
       margin-left: 1.8rem;
       row-gap: 1rem;
       .novo-text {
@@ -197,7 +200,7 @@ distribution-list-picker-results {
   background: $white;
   padding: 1px;
   &.active {
-    border: 1px solid $positive;
+    border: 1px solid var(--color-positive);
   }
   .novo-list {
     min-height: 100%;
@@ -208,7 +211,7 @@ distribution-list-picker-results {
     .novo-list-item {
       display: block;
       transition: background-color 250ms;
-      border-bottom: 1px solid $background-dark;
+      border-bottom: 1px solid var(--background-dark);
       cursor: pointer;
       &.disabled {
         opacity: 0.5;
@@ -231,10 +234,10 @@ distribution-list-picker-results {
         margin-left: 15px;
       }
       &.active {
-        background-color: lighten($positive, 35%);
+        background-color: brightenLive('--color-positive', 35);
       }
       &:hover {
-        background-color: lighten($positive, 35%);
+        background-color: brightenLive('--color-positive', 35);
       }
       item-content {
         flex-flow: row nowrap;
@@ -292,7 +295,36 @@ distribution-list-picker-results {
     z-index: 9;
     position: absolute;
     width: 100%;
-    background-color: white;
+    background-color: var(--background-bright);
     color: black;
   }
 }
+
+// bh2026: border belongs on the host (border is not clipped by overflow:hidden),
+// not on children (where overflow:hidden + border-radius clips the corners)
+:root[data-theme='bh2026'] {
+  picker-results,
+  entity-picker-results {
+    border: 1px solid var(--color-border-default);
+
+    .novo-list,
+    novo-list,
+    ul {
+      border: none;
+      box-shadow: none;
+    }
+
+    picker-error,
+    picker-loader,
+    picker-null-recent-results,
+    picker-null-results,
+    .picker-error,
+    .picker-loader,
+    .picker-null-recent-results,
+    .picker-null-results {
+      border: none;
+      box-shadow: none;
+    }
+  }
+}
+

package/elements/picker/extras/skills-picker-results/SkillsSpecialtyPickerResults.scss

@@ -8,7 +8,7 @@
   z-index: 99;
   background: $white;
   &.active {
-    border: 1px solid $positive;
+    border: 1px solid var(--color-positive);
   }
   novo-list {
     list-style: none;
@@ -39,7 +39,7 @@
       &.active,
       &:focus,
       &:hover {
-        background-color: lighten($positive, 35%);
+        background-color: brightenLive('--color-positive', 35);
       }
       &.disabled {
         opacity: 0.5;
@@ -62,6 +62,6 @@
   .picker-loading,
   .picker-null {
     text-align: center;
-    color: darken($light, 15%);
+    color: darkenLive('--color-light', 15);
   }
 }

package/elements/places/index.d.ts

@@ -14,12 +14,13 @@ declare class GooglePlacesService {
     private platformId;
     private _global;
     private _localStorageService;
+    private mapsLoad?;
+    private mapsLoadKey?;
     constructor(_http: HttpClient, platformId: Object, _global: GlobalRef, _localStorageService: LocalStorageService);
-    getPredictions(url: string, query: string): Promise<any>;
-    getLatLngDetail(url: string, lat: number, lng: number): Promise<any>;
-    getPlaceDetails(url: string, placeId: string): Promise<any>;
-    getGeoCurrentLocation(): Promise<any>;
-    getGeoLatLngDetail(latlng: any): Promise<any>;
+    loadGoogleMaps(settings: PlacesSettings): Promise<void>;
+    private injectGoogleMapsScript;
+    getPredictions(url: string, query: string, sessionToken?: string): Promise<any>;
+    getPlaceDetails(url: string, placeId: string, sessionToken?: string): Promise<any>;
     getGeoPrediction(params: any): Promise<any>;
     getGeoPlaceDetail(placeId: string): Promise<any>;
     getGeoPaceDetailByReferance(referance: string): Promise<any>;
@@ -55,6 +56,12 @@ interface PlacesSettings {
     currentLocIconUrl?: string;
     searchIconUrl?: string;
     locationIconUrl?: string;
+    /** Bullhorn-managed key; when set, the library lazy-loads the Maps JS SDK with it instead of relying on a host script tag. */
+    googleApiKey?: string;
+    /** Extra Maps JS loader query params, merged over the defaults (libraries=places, loading=async). */
+    googleMapsLoaderParams?: Record<string, string>;
+    /** When false/undefined, the address-block inline autocomplete overlay is suppressed even when this config is present. */
+    addressBlockEnabled?: boolean;
 }
 /** Normalized address prediction; raw provider records are mapped into this via normalizePrediction. */
 interface AddressLookupPrediction {
@@ -67,17 +74,17 @@ interface AddressLookupPrediction {
     raw?: any;
 }
 declare class PlacesListComponent extends BasePickerResults implements OnInit, OnChanges, ControlValueAccessor {
-    private platformId;
     private _elmRef;
     private _global;
     private _googlePlacesService;
     private cdr;
+    private addressConfig;
+    private static readonly SESSION_TOKEN_TIMEOUT_MS;
     userSettings: PlacesSettings;
     termChange: EventEmitter<any>;
     select: EventEmitter<any>;
     matchesUpdated: EventEmitter<AddressLookupPrediction[]>;
     locationInput: string;
-    gettingCurrentLocationFlag: boolean;
     dropdownOpen: boolean;
     recentDropdownOpen: boolean;
     isSettingsError: boolean;
@@ -87,11 +94,13 @@ declare class PlacesListComponent extends BasePickerResults implements OnInit, O
     private selectedDataIndex;
     private recentSearchData;
     private userSelectedOption;
+    private sessionToken;
+    private sessionTokenStartedAt;
     private defaultSettings;
     model: any;
     onModelChange: Function;
     onModelTouched: Function;
-    constructor(platformId: Object, _elmRef: ElementRef, _global: GlobalRef, _googlePlacesService: GooglePlacesService, cdr: ChangeDetectorRef);
+    constructor(_elmRef: ElementRef, _global: GlobalRef, _googlePlacesService: GooglePlacesService, cdr: ChangeDetectorRef, addressConfig?: PlacesSettings);
     ngOnInit(): any;
     ngOnChanges(): any;
     writeValue(model: any): void;
@@ -104,22 +113,23 @@ declare class PlacesListComponent extends BasePickerResults implements OnInit, O
     selectMatch(match: AddressLookupPrediction): any;
     closeAutocomplete(event: any): any;
     userQuerySubmit(selectedOption?: any): any;
-    currentLocationSelected(): any;
+    normalizePrediction(raw: any): AddressLookupPrediction;
+    onKeyDown(event: KeyboardEvent): void;
+    search(term: any, mode?: any): Observable<any>;
     private moduleInit;
     private processSearchQuery;
     private setUserSettings;
     private getListQuery;
+    private ensureSessionToken;
+    private generateSessionToken;
+    private clearSessionToken;
     private extractServerList;
     private updateListItem;
     private showRecentSearch;
-    private getCurrentLocationInfo;
     private getPlaceLocationInfo;
     private setRecentLocation;
     private getRecentLocations;
-    normalizePrediction(raw: any): AddressLookupPrediction;
-    onKeyDown(event: KeyboardEvent): void;
-    search(term: any, mode?: any): Observable<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlacesListComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlacesListComponent, [null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlacesListComponent, "google-places-list", never, { "userSettings": { "alias": "userSettings"; "required": false; }; }, { "termChange": "termChange"; "select": "select"; "matchesUpdated": "matchesUpdated"; }, never, never, false, never>;
 }
 

package/elements/places/places.component.scss

@@ -4,7 +4,7 @@
   display: grid;
   novo-list {
     border: 1px solid #4a89dc;
-    background-color: $white;
+    background-color: var(--background-body);
     novo-list-item {
       cursor: pointer;
       flex: 0 0;
@@ -13,10 +13,10 @@
         width: 100%;
       }
       &.active {
-        background-color: lighten($positive, 35%);
+        background-color: brightenLive('--color-positive', 35);
       }
       &:hover {
-        background-color: lighten($positive, 39%);
+        background-color: brightenLive('--color-positive', 39);
       }
       item-content {
         flex-flow: row wrap;

package/elements/popover/PopOver.scss

@@ -13,6 +13,7 @@
     color: var(--text-main, $dark);
     background-clip: padding-box;
     box-shadow: $shadow-popover;
+    border-radius: var(--border-radius-sm);
 
     &.top {
       margin-top: -1rem;
@@ -21,7 +22,7 @@
       }
     }
     &.right {
-      margin-left: 1rem;
+      margin-left: var(--spacing-md);
       &.virtual-area {
         left: -1.1rem;
       }

package/elements/progress/Progress.scss

@@ -22,8 +22,8 @@
   &.linear {
     width: 200px;
     height: 1.2em;
-    background-color: $background;
-    border: 1px solid $empty;
+    background-color: var(--background-main);
+    border: 1px solid var(--color-empty);
     overflow: hidden;
   }
 
@@ -36,3 +36,11 @@
     width: 100%;
   }
 }
+
+:host-context([data-theme='bh2026']) {
+  &.linear {
+    border-radius: var(--border-radius-pill);
+    background-color: var(--color-background-subtle-hover);
+    border-color: var(--color-border-default);
+  }
+}

package/elements/progress/ProgressBar.scss

@@ -7,7 +7,7 @@
 
   &.linear {
     @include theme-backgrounds("color");
-    background-color: $positive;
+    background-color: var(--color-positive);
 
     &:first-child {
       border-radius: 0.2em 0 0 0.2em;
@@ -51,7 +51,7 @@
     @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
       &[color="#{$name}"] {
         svg circle {
-          stroke: $color;
+          stroke: getCssVarname($name);
         }
       }
     }
@@ -59,7 +59,7 @@
 
     svg {
       circle {
-        stroke: $positive;
+        stroke: var(--color-positive);
         transform-origin: 50% 50%;
         transform: rotate(-90deg);
         transition: 0.35s stroke-dashoffset;
@@ -105,3 +105,16 @@
   60% { transform: translateX(0%) }
   100% { transform: translateX(0%) }
 }
+
+// bh2026: pill ends; default fill uses primary blue only when no explicit color is set
+:host-context([data-theme='bh2026']) {
+  &.linear:not([color]) {
+    background-color: var(--button-primary-background);
+  }
+  &.linear:first-child {
+    border-radius: 999px 0 0 999px;
+  }
+  &.linear:last-child {
+    border-radius: 0 999px 999px 0;
+  }
+}

package/elements/query-builder/condition-builder/condition-builder.component.scss

@@ -39,7 +39,7 @@
           width: 100px;
           min-width: 100px;
           max-width: 100px;
-          margin-right: 1rem;
+          margin-right: var(--spacing-md);
           novo-select {
             min-width: 70px;
           }
@@ -71,23 +71,4 @@
       }
     }
   }
-
-  .and-or-filter-button {
-    box-sizing: border-box;
-    background: #fff;
-    border: 1px solid #ddd;
-    color: #5691f5;
-    display: inline-block;
-    position: relative;
-    cursor: pointer;
-    margin: 0.4rem auto;
-    align-items: center;
-    text-align: center;
-    user-select: none;
-    outline: none;
-    white-space: nowrap;
-    text-transform: uppercase;
-    overflow: hidden;
-    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  }
 }

package/elements/query-builder/index.d.ts

@@ -1,40 +1,40 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewContainerRef, OnInit, OnChanges, AfterContentInit, AfterViewInit, OnDestroy, ElementRef, ChangeDetectorRef, SimpleChanges, QueryList, InputSignal, Signal, AfterContentChecked, InjectionToken } from '@angular/core';
-import * as i15 from '@angular/forms';
+import { TemplateRef, ViewContainerRef, OnInit, OnChanges, AfterContentInit, AfterViewInit, OnDestroy, ElementRef, ChangeDetectorRef, SimpleChanges, QueryList, InputSignal, Signal, AfterContentChecked, PipeTransform, InjectionToken } from '@angular/core';
+import * as i16 from '@angular/forms';
 import { FormGroup, FormControl, ControlContainer, FormControlName, UntypedFormGroup, AbstractControl, FormBuilder, FormArray } from '@angular/forms';
 import { NovoLabelService } from 'novo-elements/services';
 import { Subject, Subscription } from 'rxjs';
 import { Day } from 'date-fns';
-import * as i25 from 'novo-elements/elements/field';
+import * as i26 from 'novo-elements/elements/field';
 import { NovoPickerToggleElement } from 'novo-elements/elements/field';
-import * as i18 from 'novo-elements/elements/places';
-import { PlacesListComponent } from 'novo-elements/elements/places';
-import * as i23 from 'novo-elements/elements/select';
+import * as i19 from 'novo-elements/elements/places';
+import { PlacesListComponent, PlacesSettings } from 'novo-elements/elements/places';
+import * as i24 from 'novo-elements/elements/select';
 import { NovoSelectElement } from 'novo-elements/elements/select';
-import * as i28 from 'novo-elements/elements/tabbed-group-picker';
+import * as i29 from 'novo-elements/elements/tabbed-group-picker';
 import { NovoTabbedGroupPickerElement, TabbedGroupPickerTab, TabbedGroupPickerButtonConfig } from 'novo-elements/elements/tabbed-group-picker';
-import * as i14 from '@angular/common';
-import * as i16 from '@angular/cdk/drag-drop';
-import * as i17 from '@angular/cdk/table';
-import * as i19 from 'novo-elements/elements/autocomplete';
-import * as i20 from 'novo-elements/elements/button';
-import * as i21 from 'novo-elements/elements/common';
-import * as i22 from 'novo-elements/elements/form';
-import * as i24 from 'novo-elements/elements/non-ideal-state';
-import * as i26 from 'novo-elements/elements/flex';
-import * as i27 from 'novo-elements/elements/tabs';
-import * as i29 from 'novo-elements/elements/loading';
-import * as i30 from 'novo-elements/elements/card';
-import * as i31 from 'novo-elements/elements/date-picker';
-import * as i32 from 'novo-elements/elements/date-time-picker';
-import * as i33 from 'novo-elements/elements/icon';
-import * as i34 from 'novo-elements/elements/radio';
-import * as i35 from 'novo-elements/elements/search';
-import * as i36 from 'novo-elements/elements/switch';
-import * as i37 from 'novo-elements/elements/chips';
-import * as i38 from 'novo-elements/elements/select-search';
-import * as i39 from 'novo-elements/elements/dropdown';
-import * as i40 from 'novo-elements/elements/tooltip';
+import * as i15 from '@angular/common';
+import * as i17 from '@angular/cdk/drag-drop';
+import * as i18 from '@angular/cdk/table';
+import * as i20 from 'novo-elements/elements/autocomplete';
+import * as i21 from 'novo-elements/elements/button';
+import * as i22 from 'novo-elements/elements/common';
+import * as i23 from 'novo-elements/elements/form';
+import * as i25 from 'novo-elements/elements/non-ideal-state';
+import * as i27 from 'novo-elements/elements/flex';
+import * as i28 from 'novo-elements/elements/tabs';
+import * as i30 from 'novo-elements/elements/loading';
+import * as i31 from 'novo-elements/elements/card';
+import * as i32 from 'novo-elements/elements/date-picker';
+import * as i33 from 'novo-elements/elements/date-time-picker';
+import * as i34 from 'novo-elements/elements/icon';
+import * as i35 from 'novo-elements/elements/radio';
+import * as i36 from 'novo-elements/elements/search';
+import * as i37 from 'novo-elements/elements/switch';
+import * as i38 from 'novo-elements/elements/chips';
+import * as i39 from 'novo-elements/elements/select-search';
+import * as i40 from 'novo-elements/elements/dropdown';
+import * as i41 from 'novo-elements/elements/tooltip';
 
 /** Base interface for a condidation template directives. */
 interface ConditionDef {
@@ -129,6 +129,7 @@ declare enum Operator {
     isEmpty = "isEmpty",
     isNull = "isNull",
     lessThan = "lessThan",
+    like = "like",
     outsideRadius = "outsideRadius",
     radius = "radius",
     within = "within"
@@ -176,15 +177,35 @@ interface FieldConfig<T extends BaseFieldDef> {
     find: (name: string) => T;
 }
 interface AddressData {
-    address_components: AddressComponent[];
-    formatted_address: string;
-    geometry: AddressGeometry;
+    address_components?: AddressComponent[];
+    formatted_address?: string;
+    geometry?: AddressGeometry;
     name?: string;
-    place_id: string;
+    place_id?: string;
+    address1?: string;
+    address2?: string;
+    city?: string;
+    state?: string;
+    zip?: string;
+    countryName?: string;
+    countryCode?: string;
+    formattedAddress?: string;
+    location?: AddressGeoPoint;
+    viewport?: AddressDetailViewport;
+    placeId?: string;
+    postalCodes?: string[];
     radius?: AddressRadius;
     postal_codes?: string[];
     types?: string[];
 }
+interface AddressGeoPoint {
+    latitude: number;
+    longitude: number;
+}
+interface AddressDetailViewport {
+    northeast: AddressGeoPoint;
+    southwest: AddressGeoPoint;
+}
 interface AddressRadius {
     value: number;
     units: AddressRadiusUnitsName;
@@ -431,6 +452,7 @@ declare class NovoDefaultAddressConditionDef extends AbstractConditionFieldDef i
     term: string;
     private _addressChangesSubscription;
     element: ElementRef<any>;
+    protected readonly addressConfig: PlacesSettings;
     constructor(labelService: NovoLabelService);
     ngOnDestroy(): void;
     onKeyup(event: any, viewIndex: any): void;
@@ -629,9 +651,19 @@ declare class CriteriaBuilderComponent implements OnInit, OnDestroy, AfterConten
     static ɵcmp: i0.ɵɵComponentDeclaration<CriteriaBuilderComponent, "novo-criteria-builder", never, { "config": { "alias": "config"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "allowedGroupings": { "alias": "allowedGroupings"; "required": false; }; "editTypeFn": { "alias": "editTypeFn"; "required": false; }; "addressConfig": { "alias": "addressConfig"; "required": false; }; "dateConfig": { "alias": "dateConfig"; "required": false; }; "canBeEmpty": { "alias": "canBeEmpty"; "required": false; }; "HideFirstOperator": { "alias": "hideFirstOperator"; "required": false; }; }, {}, ["_contentFieldDefs"], never, false, never>;
 }
 
+/**
+ * Resolves a display label from an address value. Google client-SDK results use formatted_address;
+ * address-search-service results use formattedAddress.
+ */
+declare class AddressLabelPipe implements PipeTransform {
+    transform(item: AddressData): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddressLabelPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AddressLabelPipe, "addressLabel", false>;
+}
+
 declare class NovoQueryBuilderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoQueryBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoQueryBuilderModule, [typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof ConditionInputOutlet, typeof ConditionOperatorOutlet, typeof ConditionGroupComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent], [typeof i14.CommonModule, typeof i15.FormsModule, typeof i15.ReactiveFormsModule, typeof i16.DragDropModule, typeof i17.CdkTableModule, typeof i18.GooglePlacesModule, typeof i19.NovoAutoCompleteModule, typeof i20.NovoButtonModule, typeof i21.NovoCommonModule, typeof i22.NovoFormModule, typeof i23.NovoSelectModule, typeof i24.NovoNonIdealStateModule, typeof i25.NovoFieldModule, typeof i21.NovoOptionModule, typeof i26.NovoFlexModule, typeof i27.NovoTabModule, typeof i28.NovoTabbedGroupPickerModule, typeof i29.NovoLoadingModule, typeof i30.NovoCardModule, typeof i31.NovoDatePickerModule, typeof i32.NovoDateTimePickerModule, typeof i33.NovoIconModule, typeof i21.NovoOverlayModule, typeof i34.NovoRadioModule, typeof i35.NovoSearchBoxModule, typeof i36.NovoSwitchModule, typeof i37.NovoChipsModule, typeof i38.NovoSelectSearchModule, typeof i39.NovoDropdownModule, typeof i22.NovoFormExtrasModule, typeof i40.NovoTooltipModule], [typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoQueryBuilderModule, [typeof AddressLabelPipe, typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof ConditionInputOutlet, typeof ConditionOperatorOutlet, typeof ConditionGroupComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent], [typeof i15.CommonModule, typeof i16.FormsModule, typeof i16.ReactiveFormsModule, typeof i17.DragDropModule, typeof i18.CdkTableModule, typeof i19.GooglePlacesModule, typeof i20.NovoAutoCompleteModule, typeof i21.NovoButtonModule, typeof i22.NovoCommonModule, typeof i23.NovoFormModule, typeof i24.NovoSelectModule, typeof i25.NovoNonIdealStateModule, typeof i26.NovoFieldModule, typeof i22.NovoOptionModule, typeof i27.NovoFlexModule, typeof i28.NovoTabModule, typeof i29.NovoTabbedGroupPickerModule, typeof i30.NovoLoadingModule, typeof i31.NovoCardModule, typeof i32.NovoDatePickerModule, typeof i33.NovoDateTimePickerModule, typeof i34.NovoIconModule, typeof i22.NovoOverlayModule, typeof i35.NovoRadioModule, typeof i36.NovoSearchBoxModule, typeof i37.NovoSwitchModule, typeof i38.NovoChipsModule, typeof i39.NovoSelectSearchModule, typeof i40.NovoDropdownModule, typeof i23.NovoFormExtrasModule, typeof i41.NovoTooltipModule], [typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoQueryBuilderModule>;
 }
 
@@ -640,4 +672,4 @@ declare const NOVO_CRITERIA_BUILDER: InjectionToken<any>;
 declare const NOVO_CONDITION_BUILDER: InjectionToken<any>;
 
 export { AbstractConditionFieldDef, BaseConditionFieldDef, ConditionBuilderComponent, ConditionInputOutlet, ConditionOperatorOutlet, Conjunction, CriteriaBuilderComponent, NOVO_CONDITION_BUILDER, NOVO_CRITERIA_BUILDER, NOVO_QUERY_BUILDER, NovoConditionFieldDef, NovoConditionInputDef, NovoConditionOperatorsDef, NovoConditionTemplatesComponent, NovoDefaultAddressConditionDef, NovoDefaultBooleanConditionDef, NovoDefaultDateConditionDef, NovoDefaultDateTimeConditionDef, NovoDefaultIdConditionDef, NovoDefaultNumberConditionDef, NovoDefaultPickerConditionDef, NovoDefaultStringConditionDef, NovoQueryBuilderModule, Operator, RadiusUnits };
-export type { AddressComponent, AddressCriteriaConfig, AddressData, AddressGeometry, AddressGeometryLocation, AddressGeometryViewport, AddressRadius, AddressRadiusUnitsName, BaseFieldDef, Condition, ConditionDef, ConditionGroup, ConditionOrConditionGroup, ConditionType, Criteria, DateCriteriaConfig, FieldConfig, NestedConditionGroup, NestedCriteria, OperatorName, QueryBuilderConfig, QueryFilterOutlet };
+export type { AddressComponent, AddressCriteriaConfig, AddressData, AddressDetailViewport, AddressGeoPoint, AddressGeometry, AddressGeometryLocation, AddressGeometryViewport, AddressRadius, AddressRadiusUnitsName, BaseFieldDef, Condition, ConditionDef, ConditionGroup, ConditionOrConditionGroup, ConditionType, Criteria, DateCriteriaConfig, FieldConfig, NestedConditionGroup, NestedCriteria, OperatorName, QueryBuilderConfig, QueryFilterOutlet };

package/elements/radio/Radio.scss

@@ -10,7 +10,7 @@
     }
     &[theme="icon"] {
       margin-right: 0;
-      border: 1px solid $positive;
+      border: 1px solid var(--color-positive);
     }
   }
   &:first-child {
@@ -38,7 +38,7 @@
 :host-context(novo-radio-group.novo-radio-group-appearance-horizontal) {
   :host:not(:last-child) {
     .novo-radio-button-label {
-      margin-right: 1rem;
+      margin-right: var(--spacing-md);
     }
   }
 }
@@ -57,7 +57,7 @@
       i {
         &.bhi-radio-empty,
         &.bhi-radio-filled {
-          color: $positive;
+          color: var(--color-positive);
         }
       }
     }
@@ -77,7 +77,7 @@
       }
       &.bhi-checkbox-filled,
       &.bhi-radio-filled {
-        color: $positive;
+        color: var(--color-positive);
       }
     }
     &.disabled {
@@ -91,19 +91,19 @@
   }
   novo-button[theme].has-icon {
     transition: all 100ms ease-in-out;
-    color: $positive;
+    color: var(--color-positive);
     background: $white;
     opacity: 1;
     &.checked {
       color: $white;
-      background: $positive;
+      background: var(--color-positive);
     }
 
     @include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
       &.checked[color="#{$name}"] {
         color: $white;
-        background: $color;
+        background: getCssVarname($name);
       }
     }
   }
-}
+}