engie-fluid-material-theme 1.0.16 → 2.0.0

package/README.md

@@ -6,7 +6,7 @@ This library provides a Material Theme giving to an application an appearance si
 
 ## Pre requisite
 
-Assuming that you have installed Material components (^18) and the Fluid Design System:
+Assuming that you have installed Material components (^19) and the Fluid Design System:
 
 ```cmd
 @engie-group/fluid-design-system

package/dist/index.css

@@ -1 +1 @@
-body{--mdc-outlined-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-filled-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-text-button-container-shape: var(--nj-semantic-size-border-radius-none);--mat-outlined-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-filled-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-text-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mdc-outlined-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-filled-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-text-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-outlined-button-outline-color: var(--nj-semantic-color-border-brand-strong-default);--mdc-outlined-button-label-text-color: var(--nj-semantic-color-border-brand-strong-default);--mdc-icon-button-icon-color: var(--nj-material-icon-color);--mat-outlined-button-hover-state-layer-opacity: 0.08;--mat-outlined-button-pressed-state-layer-opacity: 0.3;--mat-filled-button-hover-state-layer-opacity: 0.25;--mat-filled-button-pressed-state-layer-opacity: 0.4;--mat-text-button-hover-state-layer-opacity: 0.15;--mat-text-button-pressed-state-layer-opacity: 0.3}body .mat-mdc-button-base>.mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem}body .mat-mdc-button-base.loading{--mat-filled-button-hover-state-layer-opacity: 0;--mat-filled-button-pressed-state-layer-opacity: 0;cursor:default}body .mat-mdc-button-base.loading .mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--mdc-filled-button-label-text-color)}body .mat-mdc-button-base.loading .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container{opacity:.3}body .mat-mdc-button-disabled,body .mat-mdc-button[disabled],body .mat-mdc-unelevated-button[disabled],body .mat-mdc-outlined-button[disabled],body .mat-mdc-fab[disabled]{--mdc-text-button-disabled-label-text-color: var(--mdc-text-button-label-text-color);--mdc-filled-button-disabled-container-color: var(--mdc-filled-button-container-color);--mdc-outlined-button-disabled-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mdc-outlined-button-disabled-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-fab-disabled-state-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-outlined-button-hover-state-layer-opacity: 0;--mat-filled-button-hover-state-layer-opacity: 0;--mat-text-button-hover-state-layer-opacity: 0;cursor:not-allowed;pointer-events:auto;opacity:var(--nj-semantic-opacity-disabled)}body .mat-mdc-button-disabled:not(.seconday-button),body .mat-mdc-button[disabled]:not(.seconday-button),body .mat-mdc-unelevated-button[disabled]:not(.seconday-button),body .mat-mdc-outlined-button[disabled]:not(.seconday-button),body .mat-mdc-fab[disabled]:not(.seconday-button){--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default)}body .mat-mdc-button{--mat-text-button-hover-state-layer-opacity: 1;--mat-text-button-pressed-state-layer-opacity: 1}body .mat-mdc-button:hover{--mat-text-button-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);--mdc-text-button-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-button:active{--mat-text-button-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mdc-text-button-label-text-color: var(--nj-semantic-color-text-brand-primary-pressed)}body .mat-mdc-outlined-button{--mdc-outlined-button-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mat-outlined-button-pressed-state-layer-opacity: 1}body .mat-mdc-outlined-button:hover{--mdc-outlined-button-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-outlined-button:active{--mat-outlined-button-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mdc-outlined-button-label-text-color: var(--nj-semantic-color-text-brand-primary-pressed)}body .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{background-color:var(--nj-core-color-grey-1000)}body .mat-mdc-icon-button:not(.mat-calendar-previous-button):not(.mat-calendar-next-button):not([aria-label="Open calendar"]){width:calc(1.5rem + 2*var(--nj-semantic-size-spacing-4));height:var(--mdc-filled-button-container-height);padding:var(--nj-semantic-size-spacing-8) 0}body .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:var(--nj-semantic-size-border-radius-none)}body .mdc-button.small{--mdc-text-button-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mdc-filled-button-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mdc-outlined-button-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-outlined-button-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-filled-button-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-text-button-horizontal-padding: var(--nj-semantic-size-spacing-24);--mdc-outlined-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mdc-filled-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mdc-text-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem)}body[data-theme=dark]{--mdc-outlined-button-outline-color: var(--nj-core-color-blue-600);--mdc-icon-button-icon-color: var(--nj-core-color-grey-1000)}body{--mat-expansion-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-checkbox-unselected-hover-state-layer-color: transparent;--mdc-checkbox-unselected-focus-state-layer-color: transparent;--mdc-checkbox-selected-hover-state-layer-color: transparent;--mdc-checkbox-selected-focus-state-layer-color: transparent;--mdc-checkbox-unselected-pressed-state-layer-color: transparent;--mdc-checkbox-selected-pressed-state-layer-color: transparent;--mdc-checkbox-selected-hover-icon-color: var(--nj-semantic-color-border-brand-strong-hovered);--mdc-checkbox-selected-focus-icon-color: var(--nj-semantic-color-border-brand-strong-hovered);--mat-checkbox-label-text-size: var(--nj-semantic-font-size-text-md-desktop);--nj-checkbox-size: 1rem}body .mat-mdc-checkbox .mdc-checkbox{width:var(--nj-checkbox-size);height:var(--nj-checkbox-size)}body .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{width:var(--nj-checkbox-size);height:var(--nj-checkbox-size)}body .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:not(:checked):not(:indeterminate)~.mdc-checkbox__background{background-color:var(--nj-semantic-color-background-neutral-primary-hovered)}body .mat-mdc-checkbox:active .mdc-checkbox__background{--mdc-checkbox-selected-focus-icon-color: var(--nj-semantic-color-border-brand-strong-pressed)}body .mat-mdc-checkbox:not(:hover):not(:active){--mdc-checkbox-selected-focus-icon-color: var(--nj-core-color-blue-600)}body[data-theme=dark]{--mat-checkbox-label-text-color: var(--nj-core-color-grey-1000)}body{--mdc-chip-container-shape-radius: 0;--mdc-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mdc-chip-outline-width));--mdc-chip-label-text-color: var(--nj-tag-text-color);--mdc-chip-hover-state-layer-opacity: 0;--mat-chip-disabled-container-opacity: var(--nj-semantic-opacity-disabled)}body .mat-mdc-chip{--mdc-chip-elevated-container-color: var(--nj-tag-background-color);--mdc-chip-outline-color: var(--nj-tag-border-color);--mdc-chip-disabled-outline-color: var(--nj-tag-border-color);--nj-tag-border-color: var(--nj-semantic-color-border-neutral-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);--nj-tag-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);--mdc-chip-label-text-size: 1rem;--mdc-chip-disabled-label-text-color: var(--mdc-chip-label-text-color)}body .mat-mdc-chip .mat-mdc-chip-action{padding:var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8)}body .mat-mdc-chip .mat-mdc-chip-remove{--mat-icon-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-chip .mat-mdc-chip-remove .mat-icon{width:var(--nj-semantic-size-icon-sm);height:var(--nj-semantic-size-icon-sm);font-size:var(--nj-semantic-size-icon-sm)}body .mat-mdc-chip .mat-mdc-chip-remove::after{border-radius:0;top:unset;bottom:unset;height:40px;padding:12px 15px}body .mat-mdc-chip.teal{--nj-tag-background-color: var(--nj-semantic-color-background-accent-teal-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-teal-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-teal-primary-default)}body .mat-mdc-chip.orange{--nj-tag-background-color: var(--nj-semantic-color-background-accent-orange-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-orange-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-orange-primary-default)}body .mat-mdc-chip.blue{--nj-tag-background-color: var(--nj-semantic-color-background-accent-blue-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-blue-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-blue-primary-default)}body .mat-mdc-chip.lime{--nj-tag-background-color: var(--nj-semantic-color-background-accent-lime-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-lime-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-lime-primary-default)}body .mat-mdc-chip.yellow{--nj-tag-background-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);--mdc-chip-elevated-disabled-container-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-yellow-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-yellow-primary-default)}body .mat-mdc-chip.red{--nj-tag-background-color: var(--nj-semantic-color-background-accent-red-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-red-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-red-primary-default)}body .mat-mdc-chip.xs{--mdc-chip-container-height: calc(var(--nj-semantic-font-size-text-xs-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mdc-chip-outline-width));--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-xs-desktop)}body .mat-mdc-chip.xs .mat-icon{font-size:var(--nj-semantic-font-size-text-md-desktop);height:var(--nj-semantic-font-size-text-md-desktop);width:var(--nj-semantic-font-size-text-md-desktop);margin:-4px 2px -4px 0}body .mat-mdc-chip.xs .mat-mdc-chip-action{padding:var(--nj-semantic-size-spacing-2) var(--nj-core-size-6)}body .mat-mdc-chip.sm{--mdc-chip-container-height: calc(var(--nj-semantic-font-size-text-md-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mdc-chip-outline-width));--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-sm-desktop)}body .mat-mdc-chip.sm .mat-mdc-chip-action{padding-left:var(--nj-semantic-size-spacing-8)}body .mat-mdc-chip.sm .mat-mdc-chip-remove{padding-left:var(--nj-semantic-size-spacing-4);padding-right:var(--nj-semantic-size-spacing-4)}body .mat-mdc-chip.lg{--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-md-desktop);--mdc-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-8) + 2 * var(--mdc-chip-outline-width))}body .mat-mdc-chip.badge{--mdc-chip-container-shape-radius: 1rem;--mdc-chip-container-height: 26px;--nj-tag-background-color: transparent;--mdc-chip-label-text-size: 0.75rem;--mdc-chip-label-text-weight: 600;--mdc-chip-label-text-color: var(--nj-semantic-color-text-neutral-secondary-default);--nj-tag-border-color: var(--nj-semantic-color-border-neutral-subtle-default)}body .mat-mdc-chip.badge .mat-mdc-chip-action{padding:0 var(--nj-semantic-size-spacing-8)}body .mat-mdc-chip.badge.information{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-mdc-chip.badge.discovery{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-mdc-chip.badge.success{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-mdc-chip.badge.warning{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-mdc-chip.badge.danger{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-danger-subtle-default)}body .mat-mdc-chip.badge.subtle{--mdc-chip-outline-width: 0;--nj-tag-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.information{--nj-tag-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.discovery{--nj-tag-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.success{--nj-tag-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.warning{--nj-tag-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.danger{--nj-tag-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default)}body[data-theme=dark]{--mdc-chip-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-datepicker-calendar-container-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-datepicker-calendar-container-shape: var(--nj-semantic-size-border-radius-none);--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-text-size: 14px;--mat-datepicker-calendar-body-label-text-size: 14px;--mat-datepicker-calendar-header-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-datepicker-calendar-body-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-datepicker-calendar-header-divider-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-datepicker-calendar-date-today-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-datepicker-calendar-date-hover-state-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-datepicker-calendar-date-focus-state-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)}body .mat-calendar-body-cell:hover,body .mat-calendar-body-cell:focus{--mat-datepicker-calendar-date-outline-color: var(--nj-semantic-color-border-brand-strong-hovered);--mat-datepicker-calendar-date-text-color: var(--nj-semantic-color-text-neutral-primary-hovered);--mat-datepicker-calendar-date-hover-state-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)}body .mat-calendar-body-cell .mat-calendar-body-today{--mat-datepicker-calendar-date-text-color: var(--nj-semantic-color-text-neutral-primary-hovered);--mat-datepicker-calendar-date-today-outline-color: transparent}body .mat-form-field-disabled .mat-datepicker-toggle{color:var(--mat-form-field-disabled-trailing-icon-color)}body[data-theme=dark]{--mat-datepicker-calendar-date-today-outline-color: var(--nj-core-color-grey-800);--mat-datepicker-calendar-date-text-color: var(--nj-core-color-grey-1000)}body{--mdc-dialog-container-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-dialog-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-fab-small-container-shape: 50%;--mdc-fab-container-shape: 50%;--mdc-fab-container-elevation-shadow: none;--mdc-fab-hover-container-elevation-shadow: none;--mdc-fab-pressed-container-elevation-shadow: none;--mdc-fab-focus-container-elevation-shadow: none;--mdc-fab-small-container-elevation-shadow: none;--mdc-fab-small-hover-container-elevation-shadow: none;--mdc-fab-small-pressed-container-elevation-shadow: none;--mdc-fab-small-focus-container-elevation-shadow: none;--mat-fab-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-small-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-small-container-color: var(--nj-semantic-color-background-brand-solid-default)}body .mat-mdc-fab{width:var(--nj-component-fab-size-sm);height:var(--nj-component-fab-size-sm)}body[data-theme=dark]{--mdc-fab-container-color: var(--nj-core-color-reference-brand-600)}body{--mdc-outlined-text-field-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-outlined-text-field-hover-outline-color: var(--nj-semantic-color-border-accent-grey-subtle-hovered);--mdc-outlined-text-field-label-text-color: var(--nj-semantic-color-text-accent-grey-primary-default);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color);--mat-form-field-outlined-label-text-populated-size: 1rem;--mdc-icon-button-state-layer-size: 36px}body .mat-mdc-form-field{padding-top:11px;--mdc-chip-container-height: 24px;--mdc-chip-outline-width: 0;--mdc-chip-elevated-container-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);--mat-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default)}body .mat-mdc-form-field .mdc-evolution-chip{margin:2px 0 0 8px}body .mat-mdc-form-field.small{--mat-form-field-container-vertical-padding: 4px;--mat-form-field-container-height: 34px}body .mat-mdc-form-field.small .mat-mdc-text-field-wrapper{max-height:var(--mat-form-field-container-height)}body .mat-mdc-form-field.small .mat-mdc-text-field-wrapper .mdc-notched-outline{height:var(--mat-form-field-container-height)}body .mat-mdc-form-field.small .mat-mdc-text-field-wrapper .mdc-notched-outline .mat-mdc-floating-label{--mat-form-field-container-height: 28px}body .mdc-text-field--outlined{background-color:var(--nj-semantic-color-background-neutral-primary-default)}body .mdc-text-field--outlined:hover{background-color:var(--nj-semantic-color-background-accent-grey-secondary-hovered)}body .mat-mdc-form-field-icon-suffix{display:flex}body .mat-mdc-form-field-icon-suffix>.mat-icon{align-self:center}body[data-theme=dark]{--mdc-outlined-text-field-input-text-color: var(--nj-core-color-grey-1000);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color);--mdc-outlined-text-field-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default)}body{--mat-menu-item-leading-spacing: var(--nj-semantic-size-spacing-24);--mat-menu-item-trailing-spacing: var(--nj-semantic-size-spacing-24);--mat-menu-item-hover-state-layer-color: var(--nj-semantic-color-background-accent-grey-secondary-hovered);--mat-menu-container-shape: var(--nj-semantic-size-border-radius-none)}body .mat-mdc-menu-panel{--mat-app-elevation-shadow-level-2: none}body .mat-mdc-menu-panel .mat-mdc-menu-item{border:0;border-left:solid var(--mdc-outlined-text-field-focus-outline-width) rgba(0,0,0,0)}body .mat-mdc-menu-panel .mat-mdc-menu-item:hover{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body[data-theme=dark]{--mat-menu-item-label-text-color: var(--nj-core-color-grey-1000);--mat-menu-item-hover-state-layer-color: var(--nj-semantic-color-background-accent-grey-secondary-hovered)}body{--mat-option-hover-state-layer-color: var(--nj-semantic-color-background-accent-grey-secondary-hovered);--mat-option-selected-state-layer-color: var(--nj-semantic-color-background-neutral-primary-translucent-selected)}body[data-theme=dark]{--mat-option-hover-state-layer-color: var(--nj-core-color-grey-200);--mat-option-label-text-color: var(--nj-core-color-grey-1000)}body .cdk-overlay-dark-backdrop{background-color:var(--nj-component-backdrop-color-background)}body .cdk-overlay-pane:not(.mat-mdc-tooltip-panel){--mat-option-focus-state-layer-color: var(--nj-semantic-color-background-accent-blue-secondary-focused);--mat-select-panel-background-color: var(--nj-semantic-color-background-neutral-primary-default);border:solid 1px var(--nj-semantic-color-border-neutral-subtle-default);border-radius:var(--nj-semantic-size-border-radius-none);background-color:var(--nj-semantic-color-background-neutral-primary-default)}body{--mdc-checkbox-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-radio-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-hovered);--mdc-radio-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-focused);--mdc-radio-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-pressed)}body .mdc-checkbox__background{border-radius:var(--nj-semantic-size-border-radius-none);background-color:var(--nj-semantic-color-background-neutral-primary-default)}body[data-theme=dark]{--mat-radio-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-select-container-elevation-shadow: none}body .mdc-list-item{border:0;border-left:solid var(--mdc-outlined-text-field-focus-outline-width) rgba(0,0,0,0)}body .mdc-list-item--selected{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mdc-list-item--selected.mat-mdc-option.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color)}body .mdc-list-item.mat-mdc-option:hover{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mdc-list-item.mat-mdc-option-active{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mat-mdc-select-panel .mat-pseudo-checkbox-full:not(.mat-pseudo-checkbox-checked){background-color:var(--mat-select-panel-background-color)}body .mat-mdc-select .mat-mdc-chip-action{--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-sm-desktop);padding-left:6px;padding-right:6px}body .mat-mdc-select .mat-mdc-select-arrow-wrapper::before{font-family:"Material Icons";font-size:1.5rem;color:var(--mat-select-enabled-arrow-color);content:"keyboard_arrow_up";rotate:0deg;transition:rotate .1s ease}body .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{display:none}body .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow-wrapper::before{color:var(--mat-select-disabled-arrow-color)}body .mat-mdc-select[aria-expanded=false] .mat-mdc-select-arrow-wrapper::before{rotate:180deg}body .mat-mdc-select .mat-mdc-chip-remove{width:14px;height:14px}body .mat-mdc-select .mat-mdc-chip-remove .mat-icon{width:14px;height:14px;font-size:14px}body[data-theme=dark]{--mat-select-enabled-trigger-text-color: var(--nj-core-color-grey-1000);--mat-option-selected-state-label-text-color: var(--nj-core-color-grey-1000);--mat-option-selected-state-layer-color: var(--mat-option-hover-state-layer-color);--mat-select-enabled-arrow-color: var(--nj-semantic-color-text-neutral-tertiary-default)}body .mdc-tab{--mat-tab-header-label-text-size: var(--nj-semantic-font-size-text-md-desktop)}body .mdc-tab--active{--mat-tab-header-label-text-weight: var(--nj-semantic-font-weight-bold)}body .mat-mdc-tab:hover .mdc-tab__ripple::before{opacity:.08}body .mat-mdc-tab:active .mdc-tab__ripple::before{opacity:.2}body[data-theme=dark]{--mat-tab-header-active-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-focus-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-focus-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-table-row-item-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-table-header-headline-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-table-row-item-label-text-size: var(--nj-semantic-font-size-text-sm-desktop);--mat-table-header-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 18px);--mat-table-row-item-label-text-line-height: 16px;--mat-table-row-item-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 1rem);--mat-table-background-color: var(--nj-semantic-color-background-neutral-primary-default)}body .mat-mdc-header-cell{text-transform:uppercase}body[data-theme=dark]{--mat-table-row-item-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-table-header-headline-color: var(--nj-core-color-grey-1000);--mat-table-row-item-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-standard-button-toggle-height: 34px}body .mat-button-toggle-group{--mat-standard-button-toggle-label-text-weight: 700;gap:1rem;border-width:0}body .mat-button-toggle-group .mat-button-toggle{border-radius:var(--mat-standard-button-toggle-shape);border:solid 1px}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked{border:0}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.information{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.discovery{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.success{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-success-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.warning{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-warning-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.danger{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-danger-contrast-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).information{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-primary-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default);border-color:var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).discovery{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);border-color:var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).success{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);border-color:var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).warning{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);border-color:var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).danger{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);border-color:var(--nj-semantic-color-border-status-danger-subtle-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border-width:1}body{--mdc-switch-track-width: 32px;--mdc-switch-track-height: 16px;--mat-switch-selected-handle-horizontal-margin: 0 18px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 18px;--mat-switch-unselected-handle-horizontal-margin: 0 2px;--mdc-switch-state-layer-size: 12px;--mat-switch-unselected-handle-size: 12px;--mat-switch-selected-handle-size: 12px;--mat-switch-pressed-handle-size: 12px;--mdc-elevation-overlay-color: var(--nj-core-color-grey-0);--mdc-switch-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-pressed-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-unselected-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-focus-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-pressed-track-color: var(--nj-core-color-grey-800);--mdc-switch-unselected-hover-track-color: var(--nj-core-color-grey-700);--mdc-switch-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-switch-track-outline-width: 0}body[data-theme=dark]{--mat-switch-label-text-color: var(--nj-core-color-grey-1000);--mdc-switch-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default)}body .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container{opacity:1}body .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container .mdc-circular-progress__determinate-circle{stroke:var(--nj-core-color-grey-200)}body .cdk-overlay-pane.mat-mdc-tooltip-panel{--mdc-plain-tooltip-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-plain-tooltip-container-color: var(--nj-semantic-color-background-neutral-spotlight-default);--mdc-plain-tooltip-supporting-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-plain-tooltip-supporting-text-size: var(--nj-semantic-font-size-text-sm-desktop);white-space:pre-line}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{border-color:var(--nj-semantic-color-background-neutral-spotlight-default);border-left:solid .4rem var(--nj-core-color-grey-alpha-0);border-right:solid .4rem var(--nj-core-color-grey-alpha-0);border-top-style:solid;border-top-width:.4rem;box-sizing:border-box;content:"";top:unset;left:unset;bottom:-0.4rem;right:calc(50% - .4rem);position:absolute}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-above .mat-mdc-tooltip .mat-mdc-tooltip-surface{padding:var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-12)}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{border-color:var(--nj-semantic-color-background-neutral-spotlight-default);border-left:solid .4rem var(--nj-core-color-grey-alpha-0);border-right:solid .4rem var(--nj-core-color-grey-alpha-0);border-bottom-style:solid;border-bottom-width:.4rem;box-sizing:border-box;content:"";bottom:unset;left:unset;top:-0.4rem;right:calc(50% - .4rem);position:absolute}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-below .mat-mdc-tooltip .mat-mdc-tooltip-surface{padding:var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-12)}
+body{--mdc-outlined-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-filled-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-text-button-container-shape: var(--nj-semantic-size-border-radius-none);--mat-outlined-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-filled-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-text-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mdc-outlined-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-filled-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-text-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-outlined-button-outline-color: var(--nj-semantic-color-border-brand-strong-default);--mdc-outlined-button-label-text-color: var(--nj-semantic-color-border-brand-strong-default);--mdc-icon-button-icon-color: var(--nj-material-icon-color);--mat-outlined-button-hover-state-layer-opacity: 0.08;--mat-outlined-button-pressed-state-layer-opacity: 0.3;--mat-filled-button-hover-state-layer-opacity: 0.25;--mat-filled-button-pressed-state-layer-opacity: 0.4;--mat-text-button-hover-state-layer-opacity: 0.15;--mat-text-button-pressed-state-layer-opacity: 0.3}body .mat-mdc-button-base>.mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem}body .mat-mdc-button-base.loading{--mat-filled-button-hover-state-layer-opacity: 0;--mat-filled-button-pressed-state-layer-opacity: 0;cursor:default}body .mat-mdc-button-base.loading .mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--mdc-filled-button-label-text-color)}body .mat-mdc-button-base.loading .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container{opacity:.3}body .mat-mdc-button-disabled,body .mat-mdc-button[disabled],body .mat-mdc-unelevated-button[disabled],body .mat-mdc-outlined-button[disabled],body .mat-mdc-fab[disabled]{--mdc-text-button-disabled-label-text-color: var(--mdc-text-button-label-text-color);--mdc-filled-button-disabled-container-color: var(--mdc-filled-button-container-color);--mdc-outlined-button-disabled-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mdc-outlined-button-disabled-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-fab-disabled-state-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-outlined-button-hover-state-layer-opacity: 0;--mat-filled-button-hover-state-layer-opacity: 0;--mat-text-button-hover-state-layer-opacity: 0;cursor:not-allowed;pointer-events:auto;opacity:var(--nj-semantic-opacity-disabled)}body .mat-mdc-button-disabled:not(.seconday-button),body .mat-mdc-button[disabled]:not(.seconday-button),body .mat-mdc-unelevated-button[disabled]:not(.seconday-button),body .mat-mdc-outlined-button[disabled]:not(.seconday-button),body .mat-mdc-fab[disabled]:not(.seconday-button){--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default)}body .mat-mdc-button{--mat-text-button-hover-state-layer-opacity: 1;--mat-text-button-pressed-state-layer-opacity: 1}body .mat-mdc-button:hover{--mat-text-button-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);--mdc-text-button-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-button:active{--mat-text-button-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mdc-text-button-label-text-color: var(--nj-semantic-color-text-brand-primary-pressed)}body .mat-mdc-outlined-button{--mdc-outlined-button-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mat-outlined-button-pressed-state-layer-opacity: 1}body .mat-mdc-outlined-button:hover{--mdc-outlined-button-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-outlined-button:active{--mat-outlined-button-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mdc-outlined-button-label-text-color: var(--nj-semantic-color-text-brand-primary-pressed)}body .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{background-color:var(--nj-core-color-grey-1000)}body .mat-mdc-icon-button:not(.mat-calendar-previous-button):not(.mat-calendar-next-button):not([aria-label="Open calendar"]){width:calc(1.5rem + 2*var(--nj-semantic-size-spacing-4));height:var(--mdc-filled-button-container-height);padding:var(--nj-semantic-size-spacing-8) 0}body .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:var(--nj-semantic-size-border-radius-none)}body .mdc-button.small{--mdc-text-button-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mdc-filled-button-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mdc-outlined-button-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-outlined-button-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-filled-button-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-text-button-horizontal-padding: var(--nj-semantic-size-spacing-24);--mdc-outlined-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mdc-filled-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mdc-text-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem)}body[data-theme=dark]{--mdc-outlined-button-outline-color: var(--nj-core-color-blue-600);--mdc-icon-button-icon-color: var(--nj-core-color-grey-1000)}body{--mat-expansion-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-checkbox-unselected-hover-state-layer-color: transparent;--mdc-checkbox-unselected-focus-state-layer-color: transparent;--mdc-checkbox-selected-hover-state-layer-color: transparent;--mdc-checkbox-selected-focus-state-layer-color: transparent;--mdc-checkbox-unselected-pressed-state-layer-color: transparent;--mdc-checkbox-selected-pressed-state-layer-color: transparent;--mdc-checkbox-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-selected-hover-icon-color: var(--nj-semantic-color-border-brand-strong-hovered);--mdc-checkbox-selected-focus-icon-color: var(--nj-semantic-color-border-brand-strong-hovered);--mat-checkbox-label-text-size: var(--nj-semantic-font-size-text-md-desktop);--nj-checkbox-size: 1rem}body .mat-mdc-checkbox .mdc-checkbox{width:var(--nj-checkbox-size);height:var(--nj-checkbox-size)}body .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{width:var(--nj-checkbox-size);height:var(--nj-checkbox-size);border-radius:var(--nj-semantic-size-border-radius-none);border-color:var(--nj-semantic-color-border-neutral-strong-default)}body .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:not(:checked):not(:indeterminate)~.mdc-checkbox__background{background-color:var(--nj-semantic-color-background-neutral-primary-hovered)}body .mat-mdc-checkbox:active .mdc-checkbox__background{--mdc-checkbox-selected-focus-icon-color: var(--nj-semantic-color-border-brand-strong-pressed)}body .mat-mdc-checkbox:not(:hover):not(:active){--mdc-checkbox-selected-focus-icon-color: var(--nj-core-color-blue-600)}body[data-theme=dark]{--mat-checkbox-label-text-color: var(--nj-core-color-grey-1000)}body{--mdc-chip-container-shape-radius: 0;--mdc-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mdc-chip-outline-width));--mdc-chip-label-text-color: var(--nj-tag-text-color);--mdc-chip-hover-state-layer-opacity: 0;--mat-chip-disabled-container-opacity: var(--nj-semantic-opacity-disabled)}body .mat-mdc-chip{--mdc-chip-elevated-container-color: var(--nj-tag-background-color);--mdc-chip-outline-color: var(--nj-tag-border-color);--mdc-chip-disabled-outline-color: var(--nj-tag-border-color);--nj-tag-border-color: var(--nj-semantic-color-border-neutral-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-neutral-primary-default);--nj-tag-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);--mdc-chip-label-text-size: 1rem;--mdc-chip-disabled-label-text-color: var(--mdc-chip-label-text-color)}body .mat-mdc-chip .mat-mdc-chip-action{padding:var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8)}body .mat-mdc-chip .mat-mdc-chip-remove{--mat-icon-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-chip .mat-mdc-chip-remove .mat-icon{width:var(--nj-semantic-size-icon-sm);height:var(--nj-semantic-size-icon-sm);font-size:var(--nj-semantic-size-icon-sm)}body .mat-mdc-chip .mat-mdc-chip-remove::after{border-radius:0;top:unset;bottom:unset;height:40px;padding:12px 15px}body .mat-mdc-chip.teal{--nj-tag-background-color: var(--nj-semantic-color-background-accent-teal-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-teal-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-teal-primary-default)}body .mat-mdc-chip.orange{--nj-tag-background-color: var(--nj-semantic-color-background-accent-orange-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-orange-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-orange-primary-default)}body .mat-mdc-chip.blue{--nj-tag-background-color: var(--nj-semantic-color-background-accent-blue-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-blue-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-blue-primary-default)}body .mat-mdc-chip.lime{--nj-tag-background-color: var(--nj-semantic-color-background-accent-lime-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-lime-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-lime-primary-default)}body .mat-mdc-chip.yellow{--nj-tag-background-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);--mdc-chip-elevated-disabled-container-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-yellow-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-yellow-primary-default)}body .mat-mdc-chip.red{--nj-tag-background-color: var(--nj-semantic-color-background-accent-red-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-red-moderate-default);--mat-icon-color: var(--nj-semantic-color-icon-accent-red-primary-default)}body .mat-mdc-chip.xs{--mdc-chip-container-height: calc(var(--nj-semantic-font-size-text-xs-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mdc-chip-outline-width));--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-xs-desktop)}body .mat-mdc-chip.xs .mat-icon{font-size:var(--nj-semantic-font-size-text-md-desktop);height:var(--nj-semantic-font-size-text-md-desktop);width:var(--nj-semantic-font-size-text-md-desktop);margin:-4px 2px -4px 0}body .mat-mdc-chip.xs .mat-mdc-chip-action{padding:var(--nj-semantic-size-spacing-2) var(--nj-core-size-6)}body .mat-mdc-chip.sm{--mdc-chip-container-height: calc(var(--nj-semantic-font-size-text-md-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mdc-chip-outline-width));--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-sm-desktop)}body .mat-mdc-chip.sm .mat-mdc-chip-action{padding-left:var(--nj-semantic-size-spacing-8)}body .mat-mdc-chip.sm .mat-mdc-chip-remove{padding-left:var(--nj-semantic-size-spacing-4);padding-right:var(--nj-semantic-size-spacing-4)}body .mat-mdc-chip.lg{--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-md-desktop);--mdc-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-8) + 2 * var(--mdc-chip-outline-width))}body .mat-mdc-chip.badge{--mdc-chip-container-shape-radius: 1rem;--mdc-chip-container-height: 26px;--nj-tag-background-color: transparent;--mdc-chip-label-text-size: 0.75rem;--mdc-chip-label-text-weight: 600;--mdc-chip-label-text-color: var(--nj-semantic-color-text-neutral-secondary-default);--nj-tag-border-color: var(--nj-semantic-color-border-neutral-subtle-default)}body .mat-mdc-chip.badge .mat-mdc-chip-action{padding:0 var(--nj-semantic-size-spacing-8)}body .mat-mdc-chip.badge.information{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-mdc-chip.badge.discovery{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-mdc-chip.badge.success{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-mdc-chip.badge.warning{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-mdc-chip.badge.danger{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-danger-subtle-default)}body .mat-mdc-chip.badge.subtle{--mdc-chip-outline-width: 0;--nj-tag-background-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.information{--nj-tag-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.discovery{--nj-tag-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.success{--nj-tag-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.warning{--nj-tag-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.danger{--nj-tag-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default)}body[data-theme=dark]{--mdc-chip-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-datepicker-calendar-container-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-datepicker-calendar-container-shape: var(--nj-semantic-size-border-radius-none);--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-text-size: 14px;--mat-datepicker-calendar-body-label-text-size: 14px;--mat-datepicker-calendar-header-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-datepicker-calendar-body-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-datepicker-calendar-header-divider-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-datepicker-calendar-date-today-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-datepicker-calendar-date-hover-state-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-datepicker-calendar-date-focus-state-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)}body .mat-calendar-body-cell:hover,body .mat-calendar-body-cell:focus{--mat-datepicker-calendar-date-outline-color: var(--nj-semantic-color-border-brand-strong-hovered);--mat-datepicker-calendar-date-text-color: var(--nj-semantic-color-text-neutral-primary-hovered);--mat-datepicker-calendar-date-hover-state-background-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered)}body .mat-calendar-body-cell .mat-calendar-body-today{--mat-datepicker-calendar-date-text-color: var(--nj-semantic-color-text-neutral-primary-hovered);--mat-datepicker-calendar-date-today-outline-color: transparent}body .mat-form-field-disabled .mat-datepicker-toggle{color:var(--mat-form-field-disabled-trailing-icon-color)}body[data-theme=dark]{--mat-datepicker-calendar-date-today-outline-color: var(--nj-core-color-grey-800);--mat-datepicker-calendar-date-text-color: var(--nj-core-color-grey-1000)}body{--mdc-dialog-container-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-dialog-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-fab-small-container-shape: 50%;--mdc-fab-container-shape: 50%;--mdc-fab-container-elevation-shadow: none;--mdc-fab-hover-container-elevation-shadow: none;--mdc-fab-pressed-container-elevation-shadow: none;--mdc-fab-focus-container-elevation-shadow: none;--mdc-fab-small-container-elevation-shadow: none;--mdc-fab-small-hover-container-elevation-shadow: none;--mdc-fab-small-pressed-container-elevation-shadow: none;--mdc-fab-small-focus-container-elevation-shadow: none;--mat-fab-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-small-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-small-container-color: var(--nj-semantic-color-background-brand-solid-default)}body .mat-mdc-fab{width:var(--nj-component-fab-size-sm);height:var(--nj-component-fab-size-sm)}body[data-theme=dark]{--mdc-fab-container-color: var(--nj-core-color-reference-brand-600)}body{--mdc-outlined-text-field-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-outlined-text-field-hover-outline-color: var(--nj-semantic-color-border-accent-grey-subtle-hovered);--mdc-outlined-text-field-label-text-color: var(--nj-semantic-color-text-accent-grey-primary-default);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color);--mat-form-field-outlined-label-text-populated-size: 1rem;--mdc-icon-button-state-layer-size: 36px}body .mat-mdc-form-field{padding-top:11px;--mdc-chip-container-height: 24px;--mdc-chip-outline-width: 0;--mdc-chip-elevated-container-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);--mat-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default)}body .mat-mdc-form-field .mdc-evolution-chip{margin:2px 0 0 8px}body .mat-mdc-form-field.small{--mat-form-field-container-vertical-padding: 4px;--mat-form-field-container-height: 34px}body .mat-mdc-form-field.small .mat-mdc-text-field-wrapper{max-height:var(--mat-form-field-container-height)}body .mat-mdc-form-field.small .mat-mdc-text-field-wrapper .mdc-notched-outline{height:var(--mat-form-field-container-height)}body .mat-mdc-form-field.small .mat-mdc-text-field-wrapper .mdc-notched-outline .mat-mdc-floating-label{--mat-form-field-container-height: 28px}body .mdc-text-field--outlined{background-color:var(--nj-semantic-color-background-neutral-primary-default)}body .mdc-text-field--outlined:hover{background-color:var(--nj-semantic-color-background-accent-grey-secondary-hovered)}body .mat-mdc-form-field-icon-suffix{display:flex}body .mat-mdc-form-field-icon-suffix>.mat-icon{align-self:center}body[data-theme=dark]{--mdc-outlined-text-field-input-text-color: var(--nj-core-color-grey-1000);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color);--mdc-outlined-text-field-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default)}body{--mat-menu-item-leading-spacing: var(--nj-semantic-size-spacing-24);--mat-menu-item-trailing-spacing: var(--nj-semantic-size-spacing-24);--mat-menu-item-hover-state-layer-color: var(--nj-semantic-color-background-accent-grey-secondary-hovered);--mat-menu-container-shape: var(--nj-semantic-size-border-radius-none)}body .mat-mdc-menu-panel{--mat-app-elevation-shadow-level-2: none}body .mat-mdc-menu-panel .mat-mdc-menu-item{border:0;border-left:solid var(--mdc-outlined-text-field-focus-outline-width) rgba(0,0,0,0)}body .mat-mdc-menu-panel .mat-mdc-menu-item:hover{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body[data-theme=dark]{--mat-menu-item-label-text-color: var(--nj-core-color-grey-1000);--mat-menu-item-hover-state-layer-color: var(--nj-semantic-color-background-accent-grey-secondary-hovered)}body{--mat-option-hover-state-layer-color: var(--nj-semantic-color-background-accent-grey-secondary-hovered);--mat-option-selected-state-layer-color: var(--nj-semantic-color-background-neutral-primary-translucent-selected)}body[data-theme=dark]{--mat-option-hover-state-layer-color: var(--nj-core-color-grey-200);--mat-option-label-text-color: var(--nj-core-color-grey-1000)}body .cdk-overlay-dark-backdrop{background-color:var(--nj-component-backdrop-color-background)}body .cdk-overlay-pane:not(.mat-mdc-tooltip-panel){--mat-option-focus-state-layer-color: var(--nj-semantic-color-background-accent-blue-secondary-focused);--mat-select-panel-background-color: var(--nj-semantic-color-background-neutral-primary-default);border:solid 1px var(--nj-semantic-color-border-neutral-subtle-default);border-radius:var(--nj-semantic-size-border-radius-none);background-color:var(--nj-semantic-color-background-neutral-primary-default)}body{--mdc-radio-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-hovered);--mdc-radio-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-focused);--mdc-radio-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-pressed)}body[data-theme=dark]{--mat-radio-label-text-color: var(--nj-core-color-grey-1000);--mdc-radio-unselected-icon-color: var(--nj-semantic-color-border-neutral-strong-default)}body{--mat-select-container-elevation-shadow: none}body .mdc-list-item{border:0;border-left:solid var(--mdc-outlined-text-field-focus-outline-width) rgba(0,0,0,0)}body .mdc-list-item--selected{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mdc-list-item--selected.mat-mdc-option.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color)}body .mdc-list-item.mat-mdc-option:hover{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mdc-list-item.mat-mdc-option-active{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mat-mdc-select-panel .mat-pseudo-checkbox-full:not(.mat-pseudo-checkbox-checked){background-color:var(--mat-select-panel-background-color)}body .mat-mdc-select .mat-mdc-chip-action{--mdc-chip-label-text-size: var(--nj-semantic-font-size-text-sm-desktop);padding-left:6px;padding-right:6px}body .mat-mdc-select .mat-mdc-select-arrow-wrapper::before{font-family:"Material Icons";font-size:1.5rem;color:var(--mat-select-enabled-arrow-color);content:"keyboard_arrow_up";rotate:0deg;transition:rotate .1s ease}body .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{display:none}body .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow-wrapper::before{color:var(--mat-select-disabled-arrow-color)}body .mat-mdc-select[aria-expanded=false] .mat-mdc-select-arrow-wrapper::before{rotate:180deg}body .mat-mdc-select .mat-mdc-chip-remove{width:14px;height:14px}body .mat-mdc-select .mat-mdc-chip-remove .mat-icon{width:14px;height:14px;font-size:14px}body[data-theme=dark]{--mat-select-enabled-trigger-text-color: var(--nj-core-color-grey-1000);--mat-option-selected-state-label-text-color: var(--nj-core-color-grey-1000);--mat-option-selected-state-layer-color: var(--mat-option-hover-state-layer-color);--mat-select-enabled-arrow-color: var(--nj-semantic-color-text-neutral-tertiary-default)}body .mdc-tab{--mat-tab-header-label-text-size: var(--nj-semantic-font-size-text-md-desktop)}body .mdc-tab--active{--mat-tab-header-label-text-weight: var(--nj-semantic-font-weight-bold)}body .mat-mdc-tab:hover .mdc-tab__ripple::before{opacity:.08}body .mat-mdc-tab:active .mdc-tab__ripple::before{opacity:.2}body[data-theme=dark]{--mat-tab-header-active-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-focus-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-focus-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-table-row-item-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-table-header-headline-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-table-row-item-label-text-size: var(--nj-semantic-font-size-text-sm-desktop);--mat-table-header-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 19px);--mat-table-row-item-label-text-line-height: 16px;--mat-table-row-item-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 22px);--mat-table-background-color: var(--nj-semantic-color-background-neutral-primary-default)}body .mat-mdc-header-cell{text-transform:uppercase}body[data-theme=dark]{--mat-table-row-item-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-table-header-headline-color: var(--nj-core-color-grey-1000);--mat-table-row-item-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-standard-button-toggle-height: 34px}body .mat-button-toggle-group{--mat-standard-button-toggle-label-text-weight: 700;gap:1rem;border-width:0}body .mat-button-toggle-group .mat-button-toggle{border-radius:var(--mat-standard-button-toggle-shape);border:solid 1px}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked{border:0}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.information{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.discovery{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.success{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-success-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.warning{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-warning-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.danger{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-danger-contrast-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).information{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-primary-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default);border-color:var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).discovery{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);border-color:var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).success{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);border-color:var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).warning{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);border-color:var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).danger{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);border-color:var(--nj-semantic-color-border-status-danger-subtle-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border-width:1}body{--mdc-switch-track-width: 32px;--mdc-switch-track-height: 16px;--mat-switch-selected-handle-horizontal-margin: 0 18px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 18px;--mat-switch-unselected-handle-horizontal-margin: 0 2px;--mdc-switch-state-layer-size: 12px;--mat-switch-unselected-handle-size: 12px;--mat-switch-selected-handle-size: 12px;--mat-switch-pressed-handle-size: 12px;--mdc-elevation-overlay-color: var(--nj-core-color-grey-0);--mdc-switch-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-pressed-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-unselected-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-focus-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-pressed-track-color: var(--nj-core-color-grey-800);--mdc-switch-unselected-hover-track-color: var(--nj-core-color-grey-700);--mdc-switch-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-switch-track-outline-width: 0}body[data-theme=dark]{--mat-switch-label-text-color: var(--nj-core-color-grey-1000);--mdc-switch-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default)}body .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container{opacity:1}body .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container .mdc-circular-progress__determinate-circle{stroke:var(--nj-core-color-grey-200)}body .cdk-overlay-pane.mat-mdc-tooltip-panel{--mdc-plain-tooltip-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-plain-tooltip-container-color: var(--nj-semantic-color-background-neutral-spotlight-default);--mdc-plain-tooltip-supporting-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-plain-tooltip-supporting-text-size: var(--nj-semantic-font-size-text-sm-desktop);white-space:pre-line}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before{border-color:var(--nj-semantic-color-background-neutral-spotlight-default);border-left:solid .4rem var(--nj-core-color-grey-alpha-0);border-right:solid .4rem var(--nj-core-color-grey-alpha-0);border-top-style:solid;border-top-width:.4rem;box-sizing:border-box;content:"";top:unset;left:unset;bottom:-0.4rem;right:calc(50% - .4rem);position:absolute}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-above .mat-mdc-tooltip .mat-mdc-tooltip-surface{padding:var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-12)}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before{border-color:var(--nj-semantic-color-background-neutral-spotlight-default);border-left:solid .4rem var(--nj-core-color-grey-alpha-0);border-right:solid .4rem var(--nj-core-color-grey-alpha-0);border-bottom-style:solid;border-bottom-width:.4rem;box-sizing:border-box;content:"";bottom:unset;left:unset;top:-0.4rem;right:calc(50% - .4rem);position:absolute}body .cdk-overlay-pane.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-below .mat-mdc-tooltip .mat-mdc-tooltip-surface{padding:var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-12)}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "engie-fluid-material-theme",
-    "version": "1.0.16",
+    "version": "2.0.0",
     "description": "Angular Material theme for Fluid Design System",
     "main": "index.css",
     "repository": {
@@ -40,13 +40,20 @@
     },
     "homepage": "https://github.tools.digital.engie.com/GEMFranceGalileo/fluid-material-theme",
     "dependencies": {
-        "@angular/material": "^18.2.10",
-        "@engie-group/fluid-design-system": "^5.16.2"
+        "@angular/material": "^19.2.15",
+        "@engie-group/fluid-design-system": "^5.17.2"
     },
     "devDependencies": {
         "copyfiles": "^2.4.1",
         "sass": "^1.77.6",
         "stylelint": "^16.6.1",
         "stylelint-config-standard-scss": "^13.1.0"
+    },
+    "peerDependencies": {
+        "@angular/cdk": ">=19.2.0",
+        "@angular/common": ">=19.2.0",
+        "@angular/core": ">=19.2.0",
+        "@angular/material": ">=19.2.0",
+        "@engie-group/fluid-design-system": ">=5.17.2"
     }
 }