novo-elements 13.2.0-next.10 → 13.2.0-next.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/elements/chips/Chip.scss +3 -1
- package/elements/layout/index.d.ts +20 -4
- package/fesm2022/novo-elements-elements-chips.mjs +2 -2
- package/fesm2022/novo-elements-elements-chips.mjs.map +1 -1
- package/fesm2022/novo-elements-elements-layout.mjs +49 -6
- package/fesm2022/novo-elements-elements-layout.mjs.map +1 -1
- package/package.json +1 -1
package/elements/chips/Chip.scss
CHANGED
|
@@ -46,7 +46,9 @@ $chip-spacing: (
|
|
|
46
46
|
@include novo-body-text();
|
|
47
47
|
background: var(--background-main);
|
|
48
48
|
border: 1px solid transparent;
|
|
49
|
-
transition:
|
|
49
|
+
transition-duration: 0.2s;
|
|
50
|
+
transition-timing-function: ease-in-out;
|
|
51
|
+
transition-property: color, opacity, border-color, border-width, background-color;
|
|
50
52
|
display: inline-flex;
|
|
51
53
|
align-items: center;
|
|
52
54
|
cursor: default;
|
|
@@ -9,6 +9,14 @@ import { FocusTrapFactory, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
|
|
|
9
9
|
import { Platform } from '@angular/cdk/platform';
|
|
10
10
|
import * as i6 from '@angular/common';
|
|
11
11
|
|
|
12
|
+
type NavTransitionState = 'collapsed' | 'expanding' | 'expanded' | 'collapsing';
|
|
13
|
+
declare class CollapsibleNavExpansionEvent extends Event {
|
|
14
|
+
srcEvent: Event;
|
|
15
|
+
private _expandPrevented;
|
|
16
|
+
get expandPrevented(): boolean;
|
|
17
|
+
constructor(srcEvent: Event);
|
|
18
|
+
preventExpand(): void;
|
|
19
|
+
}
|
|
12
20
|
/**
|
|
13
21
|
* A slide-out navigation panel that expands to a full-width panel or collapses to a narrow icon rail.
|
|
14
22
|
* Generic building block: consumers project their own header, body, and footer content.
|
|
@@ -21,16 +29,21 @@ declare class NovoCollapsibleNavComponent {
|
|
|
21
29
|
/** Width of the panel when collapsed to the icon rail. */
|
|
22
30
|
collapsedWidth: i0.InputSignal<string>;
|
|
23
31
|
/** Time in ms to delay between the user entering the nav region, and expanding it */
|
|
24
|
-
expandDelay: i0.
|
|
32
|
+
expandDelay: i0.ModelSignal<number>;
|
|
25
33
|
/** When true, hovering a collapsed panel temporarily expands it as an overlay without affecting layout. */
|
|
26
34
|
overlayOnHover: i0.InputSignal<boolean>;
|
|
27
35
|
hoveredChange: i0.OutputEmitterRef<boolean>;
|
|
36
|
+
transitionChange: i0.OutputEmitterRef<NavTransitionState>;
|
|
37
|
+
manualExpand: i0.OutputEmitterRef<CollapsibleNavExpansionEvent>;
|
|
28
38
|
readonly element: ElementRef<any>;
|
|
29
39
|
private readonly destroyRef;
|
|
30
40
|
private readonly isHovered;
|
|
31
41
|
private readonly isHoveredDebounced$;
|
|
32
42
|
private readonly isEffectiveHovered;
|
|
33
43
|
private readonly effectiveCollapsed;
|
|
44
|
+
private readonly clicked$;
|
|
45
|
+
private readonly activationKeyPressed$;
|
|
46
|
+
private readonly manualExpandUnprevented$;
|
|
34
47
|
constructor();
|
|
35
48
|
onMouseEnter(): void;
|
|
36
49
|
onMouseLeave(): void;
|
|
@@ -41,13 +54,16 @@ declare class NovoCollapsibleNavComponent {
|
|
|
41
54
|
collapsedWidth: string;
|
|
42
55
|
};
|
|
43
56
|
};
|
|
57
|
+
transitionStart(event: any): void;
|
|
58
|
+
transitionEnd(event: any): void;
|
|
44
59
|
private debounceHover;
|
|
60
|
+
private setupExpandFromActivation;
|
|
45
61
|
get isCollapsed(): boolean;
|
|
46
62
|
toggle(): void;
|
|
47
63
|
expand(): void;
|
|
48
64
|
collapse(): void;
|
|
49
65
|
static ɵfac: i0.ɵɵFactoryDeclaration<NovoCollapsibleNavComponent, never>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NovoCollapsibleNavComponent, "novo-collapsible-nav", ["novoCollapsibleNav"], { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "expandDelay": { "alias": "expandDelay"; "required": false; "isSignal": true; }; "overlayOnHover": { "alias": "overlayOnHover"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "hoveredChange": "hoveredChange"; }, never, ["[novo-collapsible-nav-header]", "[novo-collapsible-nav-body]", "[novo-collapsible-nav-footer]"], false, never>;
|
|
66
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NovoCollapsibleNavComponent, "novo-collapsible-nav", ["novoCollapsibleNav"], { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "expandedWidth": { "alias": "expandedWidth"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "expandDelay": { "alias": "expandDelay"; "required": false; "isSignal": true; }; "overlayOnHover": { "alias": "overlayOnHover"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "expandDelay": "expandDelayChange"; "hoveredChange": "hoveredChange"; "transitionChange": "transitionChange"; "manualExpand": "manualExpand"; }, never, ["[novo-collapsible-nav-header]", "[novo-collapsible-nav-body]", "[novo-collapsible-nav-footer]"], false, never>;
|
|
51
67
|
}
|
|
52
68
|
|
|
53
69
|
declare class NovoLayoutContent extends CdkScrollable implements AfterContentInit {
|
|
@@ -343,5 +359,5 @@ declare class NovoLayoutModule {
|
|
|
343
359
|
static ɵinj: i0.ɵɵInjectorDeclaration<NovoLayoutModule>;
|
|
344
360
|
}
|
|
345
361
|
|
|
346
|
-
export { NOVO_LAYOUT_CONTAINER, NOVO_LAYOUT_DEFAULT_AUTOSIZE, NOVO_LAYOUT_DEFAULT_AUTOSIZE_FACTORY, NovoCollapsibleNavComponent, NovoLayoutContainer, NovoLayoutContent, NovoLayoutModule, NovoRailComponent, NovoSidenavComponent, throwNovoDuplicatedSidenavError };
|
|
347
|
-
export type { NovoSidenavMode, NovoSidenavToggleResult };
|
|
362
|
+
export { CollapsibleNavExpansionEvent, NOVO_LAYOUT_CONTAINER, NOVO_LAYOUT_DEFAULT_AUTOSIZE, NOVO_LAYOUT_DEFAULT_AUTOSIZE_FACTORY, NovoCollapsibleNavComponent, NovoLayoutContainer, NovoLayoutContent, NovoLayoutModule, NovoRailComponent, NovoSidenavComponent, throwNovoDuplicatedSidenavError };
|
|
363
|
+
export type { NavTransitionState, NovoSidenavMode, NovoSidenavToggleResult };
|
|
@@ -313,7 +313,7 @@ class NovoChipElement extends NovoChipMixinBase {
|
|
|
313
313
|
});
|
|
314
314
|
}
|
|
315
315
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoChipElement, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.Platform }, { token: i0.ChangeDetectorRef, optional: true }, { token: DOCUMENT }, { token: ANIMATION_MODULE_TYPE, optional: true }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
316
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoChipElement, isStandalone: false, selector: "novo-chip, [novo-chip]", inputs: { color: "color", tabIndex: "tabIndex", size: "size", type: "type", selected: "selected", value: "value", selectable: "selectable", disabled: "disabled", removable: "removable" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { attributes: { "role": "option" }, listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)", "focus": "focus()", "blur": "_blur()" }, properties: { "class.novo-chip-selectable": "selectable", "class.novo-chip-selected": "selected", "class.novo-chip-with-avatar": "avatar", "class.novo-chip-with-trailing-icon": "removeIcon", "class.novo-chip-disabled": "disabled", "class._novo-animation-noopable": "_animationsDisabled", "attr.tabindex": "disabled ? null : tabIndex", "attr.disabled": "disabled || null", "attr.aria-disabled": "disabled.toString()", "attr.aria-selected": "ariaSelected" }, classAttribute: "novo-chip novo-focus-indicator" }, providers: [{ provide: REMOVABLE_REF, useExisting: NovoChipElement }], queries: [{ propertyName: "avatar", first: true, predicate: NovoChipAvatar, descendants: true }, { propertyName: "removeIcon", first: true, predicate: NovoChipRemove, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition:all .2s ease-in-out;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
316
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NovoChipElement, isStandalone: false, selector: "novo-chip, [novo-chip]", inputs: { color: "color", tabIndex: "tabIndex", size: "size", type: "type", selected: "selected", value: "value", selectable: "selectable", disabled: "disabled", removable: "removable" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { attributes: { "role": "option" }, listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)", "focus": "focus()", "blur": "_blur()" }, properties: { "class.novo-chip-selectable": "selectable", "class.novo-chip-selected": "selected", "class.novo-chip-with-avatar": "avatar", "class.novo-chip-with-trailing-icon": "removeIcon", "class.novo-chip-disabled": "disabled", "class._novo-animation-noopable": "_animationsDisabled", "attr.tabindex": "disabled ? null : tabIndex", "attr.disabled": "disabled || null", "attr.aria-disabled": "disabled.toString()", "attr.aria-selected": "ariaSelected" }, classAttribute: "novo-chip novo-focus-indicator" }, providers: [{ provide: REMOVABLE_REF, useExisting: NovoChipElement }], queries: [{ propertyName: "avatar", first: true, predicate: NovoChipAvatar, descendants: true }, { propertyName: "removeIcon", first: true, predicate: NovoChipRemove, descendants: true }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:color,opacity,border-color,border-width,background-color;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
317
317
|
}
|
|
318
318
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NovoChipElement, decorators: [{
|
|
319
319
|
type: Component,
|
|
@@ -336,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
|
|
|
336
336
|
'(keydown)': '_handleKeydown($event)',
|
|
337
337
|
'(focus)': 'focus()',
|
|
338
338
|
'(blur)': '_blur()',
|
|
339
|
-
}, standalone: false, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition:all .2s ease-in-out;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}\n"] }]
|
|
339
|
+
}, standalone: false, styles: [".novo-chip{position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;display:inline;font-weight:400;color:inherit;font-size:var(--font-size-text);transition:color .2s ease-out,opacity .2s ease-out;vertical-align:middle;background:var(--background-main);border:1px solid transparent;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:color,opacity,border-color,border-width,background-color;display:inline-flex;align-items:center;cursor:default;gap:var(--spacing-md);border-radius:var(--size-border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.4rem;height:1px;max-width:100%}.novo-chip.text-capitalize{text-transform:capitalize}.novo-chip.text-uppercase{text-transform:uppercase}.novo-chip.text-nowrap{white-space:nowrap}.novo-chip.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novo-chip.text-size-default{font-size:inherit}.novo-chip.text-size-body{font-size:var(--font-size-body)}.novo-chip.text-size-xs{font-size:var(--font-size-xs)}.novo-chip.text-size-sm{font-size:var(--font-size-sm)}.novo-chip.text-size-md{font-size:var(--font-size-md)}.novo-chip.text-size-lg{font-size:var(--font-size-lg)}.novo-chip.text-size-xl{font-size:var(--font-size-xl)}.novo-chip.text-size-2xl{font-size:var(--font-size-2xl)}.novo-chip.text-size-3xl{font-size:var(--font-size-3xl)}.novo-chip.text-size-smaller{font-size:.8em}.novo-chip.text-size-larger{font-size:1.2em}.novo-chip.text-color-black{color:var(--color-black)}.novo-chip.text-color-white{color:var(--color-white)}.novo-chip.text-color-gray{color:var(--color-gray)}.novo-chip.text-color-grey{color:var(--color-grey)}.novo-chip.text-color-offWhite{color:var(--color-off-white)}.novo-chip.text-color-bright{color:var(--color-bright)}.novo-chip.text-color-light{color:var(--color-light)}.novo-chip.text-color-neutral{color:var(--color-neutral)}.novo-chip.text-color-dark{color:var(--color-dark)}.novo-chip.text-color-orange{color:var(--color-orange)}.novo-chip.text-color-navigation{color:var(--color-navigation)}.novo-chip.text-color-skyBlue{color:var(--color-sky-blue)}.novo-chip.text-color-steel{color:var(--color-steel)}.novo-chip.text-color-metal{color:var(--color-metal)}.novo-chip.text-color-sand{color:var(--color-sand)}.novo-chip.text-color-silver{color:var(--color-silver)}.novo-chip.text-color-stone{color:var(--color-stone)}.novo-chip.text-color-ash{color:var(--color-ash)}.novo-chip.text-color-anonymous{color:var(--color-anonymous)}.novo-chip.text-color-slate{color:var(--color-slate)}.novo-chip.text-color-onyx{color:var(--color-onyx)}.novo-chip.text-color-charcoal{color:var(--color-charcoal)}.novo-chip.text-color-moonlight{color:var(--color-moonlight)}.novo-chip.text-color-midnight{color:var(--color-midnight)}.novo-chip.text-color-darkness{color:var(--color-darkness)}.novo-chip.text-color-navy{color:var(--color-navy)}.novo-chip.text-color-aqua{color:var(--color-aqua)}.novo-chip.text-color-ocean{color:var(--color-ocean)}.novo-chip.text-color-mint{color:var(--color-mint)}.novo-chip.text-color-grass{color:var(--color-grass)}.novo-chip.text-color-sunflower{color:var(--color-sunflower)}.novo-chip.text-color-bittersweet{color:var(--color-bittersweet)}.novo-chip.text-color-grapefruit{color:var(--color-grapefruit)}.novo-chip.text-color-carnation{color:var(--color-carnation)}.novo-chip.text-color-lavender{color:var(--color-lavender)}.novo-chip.text-color-mountain{color:var(--color-mountain)}.novo-chip.text-color-info{color:var(--color-info)}.novo-chip.text-color-positive{color:var(--color-positive)}.novo-chip.text-color-success{color:var(--color-success)}.novo-chip.text-color-negative{color:var(--color-negative)}.novo-chip.text-color-danger{color:var(--color-danger)}.novo-chip.text-color-error{color:var(--color-error)}.novo-chip.text-color-warning{color:var(--color-warning)}.novo-chip.text-color-empty{color:var(--color-empty)}.novo-chip.text-color-disabled{color:var(--color-disabled)}.novo-chip.text-color-background{color:var(--color-background)}.novo-chip.text-color-backgroundDark{color:var(--color-background-dark)}.novo-chip.text-color-border{color:var(--color-border)}.novo-chip.text-color-border2{color:var(--color-border2)}.novo-chip.text-color-text{color:var(--color-text)}.novo-chip.text-color-presentation{color:var(--color-presentation)}.novo-chip.text-color-bullhorn{color:var(--color-bullhorn)}.novo-chip.text-color-pulse{color:var(--color-pulse)}.novo-chip.text-color-fastFind{color:var(--color-fast-find)}.novo-chip.text-color-toast{color:var(--color-toast)}.novo-chip.text-color-company{color:var(--color-company)}.novo-chip.text-color-candidate{color:var(--color-candidate)}.novo-chip.text-color-lead{color:var(--color-lead)}.novo-chip.text-color-contact{color:var(--color-contact)}.novo-chip.text-color-clientcontact{color:var(--color-clientcontact)}.novo-chip.text-color-opportunity{color:var(--color-opportunity)}.novo-chip.text-color-job{color:var(--color-job)}.novo-chip.text-color-joborder{color:var(--color-joborder)}.novo-chip.text-color-submission{color:var(--color-submission)}.novo-chip.text-color-sendout{color:var(--color-sendout)}.novo-chip.text-color-placement{color:var(--color-placement)}.novo-chip.text-color-note{color:var(--color-note)}.novo-chip.text-color-contract{color:var(--color-contract)}.novo-chip.text-color-task{color:var(--color-task)}.novo-chip.text-color-jobCode{color:var(--color-job-code)}.novo-chip.text-color-earnCode{color:var(--color-earn-code)}.novo-chip.text-color-invoiceStatement{color:var(--color-invoice-statement)}.novo-chip.text-color-billableCharge{color:var(--color-billable-charge)}.novo-chip.text-color-payableCharge{color:var(--color-payable-charge)}.novo-chip.text-color-user{color:var(--color-user)}.novo-chip.text-color-corporateUser{color:var(--color-corporate-user)}.novo-chip.text-color-distributionList{color:var(--color-distribution-list)}.novo-chip.text-color-credential{color:var(--color-credential)}.novo-chip.text-color-person{color:var(--color-person)}.novo-chip.margin-before{margin-top:.4rem}.novo-chip.margin-after{margin-bottom:.8rem}.novo-chip.text-length-small{max-width:40ch}.novo-chip.text-length-medium{max-width:55ch}.novo-chip.text-length-large{max-width:70ch}.novo-chip.text-weight-hairline{font-weight:var(--font-weight-hairline)}.novo-chip.text-weight-thin{font-weight:var(--font-weight-thin)}.novo-chip.text-weight-light{font-weight:var(--font-weight-light)}.novo-chip.text-weight-normal{font-weight:var(--font-weight-normal)}.novo-chip.text-weight-medium{font-weight:var(--font-weight-medium)}.novo-chip.text-weight-semibold{font-weight:var(--font-weight-semibold)}.novo-chip.text-weight-bold{font-weight:var(--font-weight-bold)}.novo-chip.text-weight-extrabold{font-weight:var(--font-weight-extrabold)}.novo-chip.text-weight-heavy{font-weight:var(--font-weight-heavy)}.novo-chip.text-weight-lighter{font-weight:lighter}.novo-chip.text-weight-bolder{font-weight:bolder}.novo-chip.novo-chip-selectable{color:var(--selection)}.novo-chip.novo-chip-selectable:after{inset:0;position:absolute;border-radius:inherit;opacity:0;background-color:#000;content:\"\";pointer-events:none;transition:opacity .2s ease-in-out}.novo-chip.novo-chip-selectable:focus{outline:none;border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-selectable:focus:after{opacity:.16}.novo-chip.novo-chip-selectable:hover{border:var(--border-width-thin) solid var(--selection)}.novo-chip.novo-chip-disabled{color:var(--text-main);opacity:.7;pointer-events:none}.novo-chip.novo-chip-disabled:after{opacity:0}.novo-chip.novo-chip-disabled .novo-chip-remove,.novo-chip.novo-chip-disabled .novo-chip-trailing-icon{cursor:default}.novo-chip .novo-chip-avatar::not(novo-icon){width:24px;height:24px}.novo-chip .novo-chip-avatar{margin-right:0rem;margin-left:0rem}.novo-chip .novo-chip-avatar{border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;object-fit:cover;flex-shrink:0}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{width:18px;height:18px;cursor:pointer}.novo-chip .novo-chip-remove,.novo-chip .novo-chip-trailing-icon{margin-left:0rem;margin-right:0}.novo-chip .novo-chip-remove{color:var(--color-light)}.novo-chip:not(.novo-chip-disabled) .novo-chip-remove:hover{color:hsl(from var(--color-light) h s calc(l - 30))}.novo-chip.novo-size-xs{font-size:.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xs);min-height:1.6rem;gap:var(--spacing-xs)}.novo-chip.novo-size-xs.novo-chip-with-avatar{padding-left:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xs) / 2)}.novo-chip.novo-size-xs .novo-text{font-size:inherit}.novo-chip.novo-size-sm{font-size:1rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-sm);min-height:2rem;gap:var(--spacing-sm)}.novo-chip.novo-size-sm.novo-chip-with-avatar{padding-left:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-sm) / 2)}.novo-chip.novo-size-sm .novo-text{font-size:inherit}.novo-chip.novo-size-md{font-size:1.2rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-md);min-height:2.8rem;gap:var(--spacing-md)}.novo-chip.novo-size-md.novo-chip-with-avatar{padding-left:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-md) / 2)}.novo-chip.novo-size-md .novo-text{font-size:inherit}.novo-chip.novo-size-lg{font-size:1.4rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-lg);min-height:3.2rem;gap:var(--spacing-lg)}.novo-chip.novo-size-lg.novo-chip-with-avatar{padding-left:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-lg) / 2)}.novo-chip.novo-size-lg .novo-text{font-size:inherit}.novo-chip.novo-size-xl{font-size:1.8rem;border-radius:var(--border-radius-round);padding:var(--spacing-none) var(--spacing-xl);min-height:3.6rem;gap:var(--spacing-xl)}.novo-chip.novo-size-xl.novo-chip-with-avatar{padding-left:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl.novo-chip-with-trailing-icon{padding-right:calc(var(--spacing-xl) / 2)}.novo-chip.novo-size-xl .novo-text{font-size:inherit}.novo-chip.novo-color-border-default>*{color:inherit}.novo-chip.novo-accent-border-default{border:1px solid}.novo-chip.novo-color-black{color:var(--color-contrast-black);background:var(--color-black)}.novo-chip.novo-color-black>*{color:inherit}.novo-chip.novo-accent-black{border:1px solid var(--color-black);color:var(--color-black)}.novo-chip.novo-color-white{color:var(--color-contrast-white);background:var(--color-white)}.novo-chip.novo-color-white>*{color:inherit}.novo-chip.novo-accent-white{border:1px solid var(--color-white);color:var(--color-white)}.novo-chip.novo-color-gray{color:var(--color-contrast-gray);background:var(--color-gray)}.novo-chip.novo-color-gray>*{color:inherit}.novo-chip.novo-accent-gray{border:1px solid var(--color-gray);color:var(--color-gray)}.novo-chip.novo-color-grey{color:var(--color-contrast-grey);background:var(--color-grey)}.novo-chip.novo-color-grey>*{color:inherit}.novo-chip.novo-accent-grey{border:1px solid var(--color-grey);color:var(--color-grey)}.novo-chip.novo-color-offWhite{color:var(--color-contrast-off-white);background:var(--color-off-white)}.novo-chip.novo-color-offWhite>*{color:inherit}.novo-chip.novo-accent-offWhite{border:1px solid var(--color-off-white);color:var(--color-off-white)}.novo-chip.novo-color-bright{color:var(--color-contrast-bright);background:var(--color-bright)}.novo-chip.novo-color-bright>*{color:inherit}.novo-chip.novo-accent-bright{border:1px solid var(--color-bright);color:var(--color-bright)}.novo-chip.novo-color-light{color:var(--color-contrast-light);background:var(--color-light)}.novo-chip.novo-color-light>*{color:inherit}.novo-chip.novo-accent-light{border:1px solid var(--color-light);color:var(--color-light)}.novo-chip.novo-color-neutral{color:var(--color-contrast-neutral);background:var(--color-neutral)}.novo-chip.novo-color-neutral>*{color:inherit}.novo-chip.novo-accent-neutral{border:1px solid var(--color-neutral);color:var(--color-neutral)}.novo-chip.novo-color-dark{color:var(--color-contrast-dark);background:var(--color-dark)}.novo-chip.novo-color-dark>*{color:inherit}.novo-chip.novo-accent-dark{border:1px solid var(--color-dark);color:var(--color-dark)}.novo-chip.novo-color-orange{color:var(--color-contrast-orange);background:var(--color-orange)}.novo-chip.novo-color-orange>*{color:inherit}.novo-chip.novo-accent-orange{border:1px solid var(--color-orange);color:var(--color-orange)}.novo-chip.novo-color-navigation{color:var(--color-contrast-navigation);background:var(--color-navigation)}.novo-chip.novo-color-navigation>*{color:inherit}.novo-chip.novo-accent-navigation{border:1px solid var(--color-navigation);color:var(--color-navigation)}.novo-chip.novo-color-skyBlue{color:var(--color-contrast-sky-blue);background:var(--color-sky-blue)}.novo-chip.novo-color-skyBlue>*{color:inherit}.novo-chip.novo-accent-skyBlue{border:1px solid var(--color-sky-blue);color:var(--color-sky-blue)}.novo-chip.novo-color-steel{color:var(--color-contrast-steel);background:var(--color-steel)}.novo-chip.novo-color-steel>*{color:inherit}.novo-chip.novo-accent-steel{border:1px solid var(--color-steel);color:var(--color-steel)}.novo-chip.novo-color-metal{color:var(--color-contrast-metal);background:var(--color-metal)}.novo-chip.novo-color-metal>*{color:inherit}.novo-chip.novo-accent-metal{border:1px solid var(--color-metal);color:var(--color-metal)}.novo-chip.novo-color-sand{color:var(--color-contrast-sand);background:var(--color-sand)}.novo-chip.novo-color-sand>*{color:inherit}.novo-chip.novo-accent-sand{border:1px solid var(--color-sand);color:var(--color-sand)}.novo-chip.novo-color-silver{color:var(--color-contrast-silver);background:var(--color-silver)}.novo-chip.novo-color-silver>*{color:inherit}.novo-chip.novo-accent-silver{border:1px solid var(--color-silver);color:var(--color-silver)}.novo-chip.novo-color-stone{color:var(--color-contrast-stone);background:var(--color-stone)}.novo-chip.novo-color-stone>*{color:inherit}.novo-chip.novo-accent-stone{border:1px solid var(--color-stone);color:var(--color-stone)}.novo-chip.novo-color-ash{color:var(--color-contrast-ash);background:var(--color-ash)}.novo-chip.novo-color-ash>*{color:inherit}.novo-chip.novo-accent-ash{border:1px solid var(--color-ash);color:var(--color-ash)}.novo-chip.novo-color-anonymous{color:var(--color-contrast-anonymous);background:var(--color-anonymous)}.novo-chip.novo-color-anonymous>*{color:inherit}.novo-chip.novo-accent-anonymous{border:1px solid var(--color-anonymous);color:var(--color-anonymous)}.novo-chip.novo-color-slate{color:var(--color-contrast-slate);background:var(--color-slate)}.novo-chip.novo-color-slate>*{color:inherit}.novo-chip.novo-accent-slate{border:1px solid var(--color-slate);color:var(--color-slate)}.novo-chip.novo-color-onyx{color:var(--color-contrast-onyx);background:var(--color-onyx)}.novo-chip.novo-color-onyx>*{color:inherit}.novo-chip.novo-accent-onyx{border:1px solid var(--color-onyx);color:var(--color-onyx)}.novo-chip.novo-color-charcoal{color:var(--color-contrast-charcoal);background:var(--color-charcoal)}.novo-chip.novo-color-charcoal>*{color:inherit}.novo-chip.novo-accent-charcoal{border:1px solid var(--color-charcoal);color:var(--color-charcoal)}.novo-chip.novo-color-moonlight{color:var(--color-contrast-moonlight);background:var(--color-moonlight)}.novo-chip.novo-color-moonlight>*{color:inherit}.novo-chip.novo-accent-moonlight{border:1px solid var(--color-moonlight);color:var(--color-moonlight)}.novo-chip.novo-color-midnight{color:var(--color-contrast-midnight);background:var(--color-midnight)}.novo-chip.novo-color-midnight>*{color:inherit}.novo-chip.novo-accent-midnight{border:1px solid var(--color-midnight);color:var(--color-midnight)}.novo-chip.novo-color-darkness{color:var(--color-contrast-darkness);background:var(--color-darkness)}.novo-chip.novo-color-darkness>*{color:inherit}.novo-chip.novo-accent-darkness{border:1px solid var(--color-darkness);color:var(--color-darkness)}.novo-chip.novo-color-navy{color:var(--color-contrast-navy);background:var(--color-navy)}.novo-chip.novo-color-navy>*{color:inherit}.novo-chip.novo-accent-navy{border:1px solid var(--color-navy);color:var(--color-navy)}.novo-chip.novo-color-aqua{color:var(--color-contrast-aqua);background:var(--color-aqua)}.novo-chip.novo-color-aqua>*{color:inherit}.novo-chip.novo-accent-aqua{border:1px solid var(--color-aqua);color:var(--color-aqua)}.novo-chip.novo-color-ocean{color:var(--color-contrast-ocean);background:var(--color-ocean)}.novo-chip.novo-color-ocean>*{color:inherit}.novo-chip.novo-accent-ocean{border:1px solid var(--color-ocean);color:var(--color-ocean)}.novo-chip.novo-color-mint{color:var(--color-contrast-mint);background:var(--color-mint)}.novo-chip.novo-color-mint>*{color:inherit}.novo-chip.novo-accent-mint{border:1px solid var(--color-mint);color:var(--color-mint)}.novo-chip.novo-color-grass{color:var(--color-contrast-grass);background:var(--color-grass)}.novo-chip.novo-color-grass>*{color:inherit}.novo-chip.novo-accent-grass{border:1px solid var(--color-grass);color:var(--color-grass)}.novo-chip.novo-color-sunflower{color:var(--color-contrast-sunflower);background:var(--color-sunflower)}.novo-chip.novo-color-sunflower>*{color:inherit}.novo-chip.novo-accent-sunflower{border:1px solid var(--color-sunflower);color:var(--color-sunflower)}.novo-chip.novo-color-bittersweet{color:var(--color-contrast-bittersweet);background:var(--color-bittersweet)}.novo-chip.novo-color-bittersweet>*{color:inherit}.novo-chip.novo-accent-bittersweet{border:1px solid var(--color-bittersweet);color:var(--color-bittersweet)}.novo-chip.novo-color-grapefruit{color:var(--color-contrast-grapefruit);background:var(--color-grapefruit)}.novo-chip.novo-color-grapefruit>*{color:inherit}.novo-chip.novo-accent-grapefruit{border:1px solid var(--color-grapefruit);color:var(--color-grapefruit)}.novo-chip.novo-color-carnation{color:var(--color-contrast-carnation);background:var(--color-carnation)}.novo-chip.novo-color-carnation>*{color:inherit}.novo-chip.novo-accent-carnation{border:1px solid var(--color-carnation);color:var(--color-carnation)}.novo-chip.novo-color-lavender{color:var(--color-contrast-lavender);background:var(--color-lavender)}.novo-chip.novo-color-lavender>*{color:inherit}.novo-chip.novo-accent-lavender{border:1px solid var(--color-lavender);color:var(--color-lavender)}.novo-chip.novo-color-mountain{color:var(--color-contrast-mountain);background:var(--color-mountain)}.novo-chip.novo-color-mountain>*{color:inherit}.novo-chip.novo-accent-mountain{border:1px solid var(--color-mountain);color:var(--color-mountain)}.novo-chip.novo-color-info{color:var(--color-contrast-info);background:var(--color-info)}.novo-chip.novo-color-info>*{color:inherit}.novo-chip.novo-accent-info{border:1px solid var(--color-info);color:var(--color-info)}.novo-chip.novo-color-positive{color:var(--color-contrast-positive);background:var(--color-positive)}.novo-chip.novo-color-positive>*{color:inherit}.novo-chip.novo-accent-positive{border:1px solid var(--color-positive);color:var(--color-positive)}.novo-chip.novo-color-success{color:var(--color-contrast-success);background:var(--color-success)}.novo-chip.novo-color-success>*{color:inherit}.novo-chip.novo-accent-success{border:1px solid var(--color-success);color:var(--color-success)}.novo-chip.novo-color-negative{color:var(--color-contrast-negative);background:var(--color-negative)}.novo-chip.novo-color-negative>*{color:inherit}.novo-chip.novo-accent-negative{border:1px solid var(--color-negative);color:var(--color-negative)}.novo-chip.novo-color-danger{color:var(--color-contrast-danger);background:var(--color-danger)}.novo-chip.novo-color-danger>*{color:inherit}.novo-chip.novo-accent-danger{border:1px solid var(--color-danger);color:var(--color-danger)}.novo-chip.novo-color-error{color:var(--color-contrast-error);background:var(--color-error)}.novo-chip.novo-color-error>*{color:inherit}.novo-chip.novo-accent-error{border:1px solid var(--color-error);color:var(--color-error)}.novo-chip.novo-color-warning{color:var(--color-contrast-warning);background:var(--color-warning)}.novo-chip.novo-color-warning>*{color:inherit}.novo-chip.novo-accent-warning{border:1px solid var(--color-warning);color:var(--color-warning)}.novo-chip.novo-color-empty{color:var(--color-contrast-empty);background:var(--color-empty)}.novo-chip.novo-color-empty>*{color:inherit}.novo-chip.novo-accent-empty{border:1px solid var(--color-empty);color:var(--color-empty)}.novo-chip.novo-color-disabled{color:var(--color-contrast-disabled);background:var(--color-disabled)}.novo-chip.novo-color-disabled>*{color:inherit}.novo-chip.novo-accent-disabled{border:1px solid var(--color-disabled);color:var(--color-disabled)}.novo-chip.novo-color-background{color:var(--color-contrast-background);background:var(--color-background)}.novo-chip.novo-color-background>*{color:inherit}.novo-chip.novo-accent-background{border:1px solid var(--color-background);color:var(--color-background)}.novo-chip.novo-color-backgroundDark{color:var(--color-contrast-background-dark);background:var(--color-background-dark)}.novo-chip.novo-color-backgroundDark>*{color:inherit}.novo-chip.novo-accent-backgroundDark{border:1px solid var(--color-background-dark);color:var(--color-background-dark)}.novo-chip.novo-color-border{color:var(--color-contrast-border);background:var(--color-border)}.novo-chip.novo-color-border>*{color:inherit}.novo-chip.novo-accent-border{border:1px solid var(--color-border);color:var(--color-border)}.novo-chip.novo-color-border2{color:var(--color-contrast-border2);background:var(--color-border2)}.novo-chip.novo-color-border2>*{color:inherit}.novo-chip.novo-accent-border2{border:1px solid var(--color-border2);color:var(--color-border2)}.novo-chip.novo-color-text{color:var(--color-contrast-text);background:var(--color-text)}.novo-chip.novo-color-text>*{color:inherit}.novo-chip.novo-accent-text{border:1px solid var(--color-text);color:var(--color-text)}.novo-chip.novo-color-presentation{color:var(--color-contrast-presentation);background:var(--color-presentation)}.novo-chip.novo-color-presentation>*{color:inherit}.novo-chip.novo-accent-presentation{border:1px solid var(--color-presentation);color:var(--color-presentation)}.novo-chip.novo-color-bullhorn{color:var(--color-contrast-bullhorn);background:var(--color-bullhorn)}.novo-chip.novo-color-bullhorn>*{color:inherit}.novo-chip.novo-accent-bullhorn{border:1px solid var(--color-bullhorn);color:var(--color-bullhorn)}.novo-chip.novo-color-pulse{color:var(--color-contrast-pulse);background:var(--color-pulse)}.novo-chip.novo-color-pulse>*{color:inherit}.novo-chip.novo-accent-pulse{border:1px solid var(--color-pulse);color:var(--color-pulse)}.novo-chip.novo-color-fastFind{color:var(--color-contrast-fast-find);background:var(--color-fast-find)}.novo-chip.novo-color-fastFind>*{color:inherit}.novo-chip.novo-accent-fastFind{border:1px solid var(--color-fast-find);color:var(--color-fast-find)}.novo-chip.novo-color-toast{color:var(--color-contrast-toast);background:var(--color-toast)}.novo-chip.novo-color-toast>*{color:inherit}.novo-chip.novo-accent-toast{border:1px solid var(--color-toast);color:var(--color-toast)}.novo-chip.novo-color-company{color:var(--color-contrast-company);background:var(--color-company)}.novo-chip.novo-color-company>*{color:inherit}.novo-chip.novo-accent-company{border:1px solid var(--color-company);color:var(--color-company)}.novo-chip.novo-color-candidate{color:var(--color-contrast-candidate);background:var(--color-candidate)}.novo-chip.novo-color-candidate>*{color:inherit}.novo-chip.novo-accent-candidate{border:1px solid var(--color-candidate);color:var(--color-candidate)}.novo-chip.novo-color-lead{color:var(--color-contrast-lead);background:var(--color-lead)}.novo-chip.novo-color-lead>*{color:inherit}.novo-chip.novo-accent-lead{border:1px solid var(--color-lead);color:var(--color-lead)}.novo-chip.novo-color-contact{color:var(--color-contrast-contact);background:var(--color-contact)}.novo-chip.novo-color-contact>*{color:inherit}.novo-chip.novo-accent-contact{border:1px solid var(--color-contact);color:var(--color-contact)}.novo-chip.novo-color-clientcontact{color:var(--color-contrast-clientcontact);background:var(--color-clientcontact)}.novo-chip.novo-color-clientcontact>*{color:inherit}.novo-chip.novo-accent-clientcontact{border:1px solid var(--color-clientcontact);color:var(--color-clientcontact)}.novo-chip.novo-color-opportunity{color:var(--color-contrast-opportunity);background:var(--color-opportunity)}.novo-chip.novo-color-opportunity>*{color:inherit}.novo-chip.novo-accent-opportunity{border:1px solid var(--color-opportunity);color:var(--color-opportunity)}.novo-chip.novo-color-job{color:var(--color-contrast-job);background:var(--color-job)}.novo-chip.novo-color-job>*{color:inherit}.novo-chip.novo-accent-job{border:1px solid var(--color-job);color:var(--color-job)}.novo-chip.novo-color-joborder{color:var(--color-contrast-joborder);background:var(--color-joborder)}.novo-chip.novo-color-joborder>*{color:inherit}.novo-chip.novo-accent-joborder{border:1px solid var(--color-joborder);color:var(--color-joborder)}.novo-chip.novo-color-submission{color:var(--color-contrast-submission);background:var(--color-submission)}.novo-chip.novo-color-submission>*{color:inherit}.novo-chip.novo-accent-submission{border:1px solid var(--color-submission);color:var(--color-submission)}.novo-chip.novo-color-sendout{color:var(--color-contrast-sendout);background:var(--color-sendout)}.novo-chip.novo-color-sendout>*{color:inherit}.novo-chip.novo-accent-sendout{border:1px solid var(--color-sendout);color:var(--color-sendout)}.novo-chip.novo-color-placement{color:var(--color-contrast-placement);background:var(--color-placement)}.novo-chip.novo-color-placement>*{color:inherit}.novo-chip.novo-accent-placement{border:1px solid var(--color-placement);color:var(--color-placement)}.novo-chip.novo-color-note{color:var(--color-contrast-note);background:var(--color-note)}.novo-chip.novo-color-note>*{color:inherit}.novo-chip.novo-accent-note{border:1px solid var(--color-note);color:var(--color-note)}.novo-chip.novo-color-contract{color:var(--color-contrast-contract);background:var(--color-contract)}.novo-chip.novo-color-contract>*{color:inherit}.novo-chip.novo-accent-contract{border:1px solid var(--color-contract);color:var(--color-contract)}.novo-chip.novo-color-task{color:var(--color-contrast-task);background:var(--color-task)}.novo-chip.novo-color-task>*{color:inherit}.novo-chip.novo-accent-task{border:1px solid var(--color-task);color:var(--color-task)}.novo-chip.novo-color-jobCode{color:var(--color-contrast-job-code);background:var(--color-job-code)}.novo-chip.novo-color-jobCode>*{color:inherit}.novo-chip.novo-accent-jobCode{border:1px solid var(--color-job-code);color:var(--color-job-code)}.novo-chip.novo-color-earnCode{color:var(--color-contrast-earn-code);background:var(--color-earn-code)}.novo-chip.novo-color-earnCode>*{color:inherit}.novo-chip.novo-accent-earnCode{border:1px solid var(--color-earn-code);color:var(--color-earn-code)}.novo-chip.novo-color-invoiceStatement{color:var(--color-contrast-invoice-statement);background:var(--color-invoice-statement)}.novo-chip.novo-color-invoiceStatement>*{color:inherit}.novo-chip.novo-accent-invoiceStatement{border:1px solid var(--color-invoice-statement);color:var(--color-invoice-statement)}.novo-chip.novo-color-billableCharge{color:var(--color-contrast-billable-charge);background:var(--color-billable-charge)}.novo-chip.novo-color-billableCharge>*{color:inherit}.novo-chip.novo-accent-billableCharge{border:1px solid var(--color-billable-charge);color:var(--color-billable-charge)}.novo-chip.novo-color-payableCharge{color:var(--color-contrast-payable-charge);background:var(--color-payable-charge)}.novo-chip.novo-color-payableCharge>*{color:inherit}.novo-chip.novo-accent-payableCharge{border:1px solid var(--color-payable-charge);color:var(--color-payable-charge)}.novo-chip.novo-color-user{color:var(--color-contrast-user);background:var(--color-user)}.novo-chip.novo-color-user>*{color:inherit}.novo-chip.novo-accent-user{border:1px solid var(--color-user);color:var(--color-user)}.novo-chip.novo-color-corporateUser{color:var(--color-contrast-corporate-user);background:var(--color-corporate-user)}.novo-chip.novo-color-corporateUser>*{color:inherit}.novo-chip.novo-accent-corporateUser{border:1px solid var(--color-corporate-user);color:var(--color-corporate-user)}.novo-chip.novo-color-distributionList{color:var(--color-contrast-distribution-list);background:var(--color-distribution-list)}.novo-chip.novo-color-distributionList>*{color:inherit}.novo-chip.novo-accent-distributionList{border:1px solid var(--color-distribution-list);color:var(--color-distribution-list)}.novo-chip.novo-color-credential{color:var(--color-contrast-credential);background:var(--color-credential)}.novo-chip.novo-color-credential>*{color:inherit}.novo-chip.novo-accent-credential{border:1px solid var(--color-credential);color:var(--color-credential)}.novo-chip.novo-color-person{color:var(--color-contrast-person);background:var(--color-person)}.novo-chip.novo-color-person>*{color:inherit}.novo-chip.novo-accent-person{border:1px solid var(--color-person);color:var(--color-person)}\n"] }]
|
|
340
340
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.Platform }, { type: i0.ChangeDetectorRef, decorators: [{
|
|
341
341
|
type: Optional
|
|
342
342
|
}] }, { type: undefined, decorators: [{
|