engie-fluid-material-theme 3.2.3 → 3.4.0

package/CHANGELOG.md

@@ -5,6 +5,23 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 📦3.4.0 - 2025-11-06
+
+### 🐛 Fixed
+
+- Formfield - Define a background color for input
+
+## 📦3.3.0 - 2025-09-19
+
+### 🚀 Added
+
+- Button - Add outlined variant for error and secondary buttons
+
+### 🛠️ Maintained
+
+- Updated dependencies
+    - @angular/material@20.2.4
+
 ## 📦3.2.3 - 2025-09-01
 
 ### 🐛 Fixed

package/dist/index.css

@@ -1 +1 @@
-body{--mat-button-outlined-container-shape: var(--nj-semantic-size-border-radius-none);--mat-button-filled-container-shape: var(--nj-semantic-size-border-radius-none);--mat-button-text-container-shape: var(--nj-semantic-size-border-radius-none);--mat-button-outlined-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-button-filled-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-button-text-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-button-filled-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mat-button-outlined-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mat-button-text-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mat-button-text-label-text-color: var(--nj-semantic-color-border-brand-strong-default);--mat-button-filled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-button-outlined-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-icon-button-icon-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-button-outlined-hover-state-layer-opacity: 0.08;--mat-button-outlined-pressed-state-layer-opacity: 1;--mat-button-filled-hover-state-layer-opacity: 0.25;--mat-button-filled-pressed-state-layer-opacity: 0.4;--mat-button-text-hover-state-layer-opacity: 1;--mat-button-text-pressed-state-layer-opacity: 1}body .mat-mdc-button-base>.mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem}body .mat-mdc-button-base.loading{--mat-button-filled-hover-state-layer-opacity: 0;--mat-button-filled-pressed-state-layer-opacity: 0;cursor:default}body .mat-mdc-button-base.loading .mat-mdc-progress-spinner{--mat-progress-spinner-active-indicator-color: var(--mat-button-filled-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]{--mat-button-filled-disabled-container-color: var(--mat-button-filled-container-color);--mat-button-outlined-disabled-container-color: var(--mat-button-outlined-container-color);--mat-button-text-disabled-container-color: var(--mat-button-text-container-color);--mat-fab-disabled-state-container-color: var(--mat-button-filled-container-color);--mat-button-outlined-disabled-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mat-button-filled-disabled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-button-text-disabled-label-text-color: var(--nj-semantic-color-border-brand-strong-default);--mat-button-outlined-disabled-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-button-outlined-hover-state-layer-opacity: 0;--mat-button-filled-hover-state-layer-opacity: 0;--mat-button-text-hover-state-layer-opacity: 0;--mat-button-outlined-pressed-state-layer-opacity: 0;--mat-button-filled-pressed-state-layer-opacity: 0;--mat-button-text-pressed-state-layer-opacity: 0;cursor:not-allowed;pointer-events:auto;opacity:var(--nj-semantic-opacity-disabled)}body .mat-mdc-button-disabled.secondary-button,body .mat-mdc-button[disabled].secondary-button,body .mat-mdc-unelevated-button[disabled].secondary-button,body .mat-mdc-outlined-button[disabled].secondary-button,body .mat-mdc-fab[disabled].secondary-button{--mat-button-filled-disabled-label-text-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-button:hover{--mat-button-text-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);--mat-button-text-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-button:active{--mat-button-text-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mat-button-text-label-text-color: var(--nj-semantic-color-text-brand-primary-pressed)}body .mat-mdc-outlined-button:hover{--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-outlined-button:active{--mat-button-outlined-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mat-button-outlined-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(--mat-button-outlined-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{--mat-button-text-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-filled-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-outlined-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-outlined-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-button-filled-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-button-text-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-button-filled-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mat-button-outlined-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mat-button-text-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem)}body[data-theme=dark]{--mat-button-outlined-outline-color: var(--nj-core-color-blue-600)}body{--mat-expansion-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mat-checkbox-unselected-hover-state-layer-color: transparent;--mat-checkbox-unselected-focus-state-layer-color: transparent;--mat-checkbox-selected-hover-state-layer-color: transparent;--mat-checkbox-selected-focus-state-layer-color: transparent;--mat-checkbox-unselected-pressed-state-layer-color: transparent;--mat-checkbox-selected-pressed-state-layer-color: transparent;--mat-checkbox-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-checkbox-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-checkbox-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-checkbox-selected-hover-icon-color: var(--nj-semantic-color-border-brand-strong-hovered);--mat-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{--mat-checkbox-selected-focus-icon-color: var(--nj-semantic-color-border-brand-strong-pressed)}body .mat-mdc-checkbox:not(:hover):not(:active){--mat-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{--mat-chip-container-shape-radius: 0;--mat-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mat-chip-outline-width));--mat-chip-label-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-chip-hover-state-layer-opacity: 0;--mat-chip-disabled-container-opacity: var(--nj-semantic-opacity-disabled)}body .mat-mdc-chip{--mat-chip-elevated-container-color: var(--nj-tag-background-color);--mat-chip-outline-color: var(--nj-tag-border-color);--mat-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);--mat-chip-label-text-size: 1rem;--mat-chip-disabled-label-text-color: var(--mat-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);--mat-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{--mat-chip-container-height: calc(var(--nj-semantic-font-size-text-xs-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mat-chip-outline-width));--mat-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{--mat-chip-container-height: calc(var(--nj-semantic-font-size-text-md-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mat-chip-outline-width));--mat-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{--mat-chip-label-text-size: var(--nj-semantic-font-size-text-md-desktop);--mat-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-8) + 2 * var(--mat-chip-outline-width))}body .mat-mdc-chip.badge{--mat-chip-container-shape-radius: 1rem;--mat-chip-container-height: 26px;--nj-tag-background-color: transparent;--mat-chip-label-text-size: 0.75rem;--mat-chip-label-text-weight: 600;--mat-chip-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-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{--mat-chip-label-text-color: var(--nj-semantic-color-text-status-information-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-mdc-chip.badge.discovery{--mat-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{--mat-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{--mat-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{--mat-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{--mat-chip-outline-width: 0;--mat-chip-label-text-color: var(--nj-semantic-color-text-neutral-secondary-default);--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);--mat-chip-label-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-mdc-chip.badge.subtle.discovery{--mat-chip-label-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--nj-tag-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.success{--mat-chip-label-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--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]{--mat-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-datepicker-toggle{--mat-icon-button-icon-color: var(--nj-semantic-color-icon-accent-grey-primary-default)}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{--mat-dialog-container-color: var(--nj-semantic-color-background-neutral-primary-default)}body{--mat-fab-small-container-shape: 50%;--mat-fab-container-shape: 50%;--mat-fab-container-elevation-shadow: none;--mat-fab-hover-container-elevation-shadow: none;--mat-fab-pressed-container-elevation-shadow: none;--mat-fab-focus-container-elevation-shadow: none;--mat-fab-small-container-elevation-shadow: none;--mat-fab-small-hover-container-elevation-shadow: none;--mat-fab-small-pressed-container-elevation-shadow: none;--mat-fab-small-focus-container-elevation-shadow: none;--mat-fab-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-fab-small-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-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 .mat-mdc-fab:hover{--mat-fab-container-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-fab:active{--mat-fab-container-color: var(--nj-semantic-color-icon-neutral-primary-pressed)}body[data-theme=dark]{--mat-fab-container-color: var(--nj-core-color-reference-brand-600);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default)}body{--mat-form-field-outlined-container-shape: var(--nj-semantic-size-border-radius-none);--mat-form-field-outlined-hover-outline-color: var(--nj-semantic-color-border-accent-grey-subtle-hovered);--mat-form-field-outlined-label-text-color: var(--nj-semantic-color-text-accent-grey-primary-default);--mat-form-field-outlined-label-text-populated-size: 1rem;--mat-icon-button-state-layer-size: 36px;--mat-form-field-outlined-hover-label-text-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-form-field{padding-top:11px;--mat-chip-container-height: 24px;--mat-chip-outline-width: 0;--mat-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 .mat-mdc-chip{--mat-chip-label-text-size: var(--nj-semantic-font-size-text-sm-desktop);margin:2px 0 0 8px}body .mat-mdc-form-field .mat-mdc-chip-action.mdc-evolution-chip__action{padding:4px}body .mat-mdc-form-field.small{--mat-form-field-container-vertical-padding: 5px;--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: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]{--mat-form-field-outlined-input-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-form-field-outlined-hover-label-text-color: var(--nj-fc-label-color);--mat-form-field-outlined-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-form-field-outlined-disabled-outline-color: var(--nj-core-color-reference-neutral-200)}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(--mat-form-field-outlined-focus-outline-width) rgba(0,0,0,0)}body .mat-mdc-menu-panel .mat-mdc-menu-item:hover{border-left:solid var(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-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{--mat-radio-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-hovered);--mat-radio-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-focused)}body[data-theme=dark]{--mat-radio-label-text-color: var(--nj-core-color-grey-1000);--mat-radio-unselected-icon-color: var(--nj-semantic-color-border-neutral-strong-default)}body{--mat-select-container-elevation-shadow: none;--mat-option-selected-state-label-text-color: var(--mat-option-label-text-color)}body .mdc-list-item{border:0;border-left:solid var(--mat-form-field-outlined-focus-outline-width) rgba(0,0,0,0)}body .mdc-list-item--selected{border-left:solid var(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-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(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-focus-outline-color)}body .mdc-list-item.mat-mdc-option-active{border-left:solid var(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-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{--mat-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-label-text-size: var(--nj-semantic-font-size-text-md-desktop)}body .mdc-tab--active{--mat-tab-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-active-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-inactive-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-active-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-inactive-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-active-focus-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-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-button-toggle-height: 34px}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard{--mat-button-toggle-label-text-weight: 700;--mat-standard-button-toggle-shape: var(--nj-semantic-size-border-radius-xl);gap:1rem;border-width:0}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle{border-radius:var(--mat-standard-button-toggle-shape);border:solid 1px}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked{border:0}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.information{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.discovery{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.success{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-success-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.warning{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-warning-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.danger{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-danger-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).information{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-information-primary-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).discovery{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--mat-pseudo-checkbox-minimal-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).success{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-success-primary-default);--mat-pseudo-checkbox-minimal-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).warning{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--mat-pseudo-checkbox-minimal-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).danger{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-pseudo-checkbox-minimal-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{border-width:1}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard){--mat-button-toggle-legacy-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-toggle-legacy-selected-state-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-button-toggle-legacy-height: 1.5rem;box-shadow:none;padding:var(--nj-semantic-size-spacing-4);background-color:var(--nj-semantic-color-background-neutral-tertiary-translucent-default)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle .mat-button-toggle-label-content{padding:0 var(--nj-semantic-size-spacing-12)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle.mat-button-toggle-checked{--mat-button-toggle-legacy-label-text-weight: var(--nj-semantic-font-weight-bold)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button{cursor:default}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle:active{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-pressed)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle:not(.mat-button-toggle-checked):hover{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-hovered)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle:not(.mat-button-toggle-checked):active{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-pressed)}body{--mat-slide-toggle-track-width: 32px;--mat-slide-toggle-track-height: 16px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 18px;--mat-slide-toggle-unselected-handle-horizontal-margin: 0 2px;--mat-slide-toggle-state-layer-size: 12px;--mat-slide-toggle-unselected-handle-size: 12px;--mat-slide-toggle-selected-handle-size: 12px;--mat-slide-toggle-pressed-handle-size: 12px;--mat-slide-toggle-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-pressed-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-unselected-track-color: var(--nj-core-color-grey-600);--mat-slide-toggle-unselected-focus-track-color: var(--nj-core-color-grey-600);--mat-slide-toggle-unselected-pressed-track-color: var(--nj-core-color-grey-800);--mat-slide-toggle-unselected-hover-track-color: var(--nj-core-color-grey-700);--mat-slide-toggle-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-track-outline-width: 0}body[data-theme=dark]{--mat-slide-toggle-label-text-color: var(--nj-core-color-grey-1000);--mat-slide-toggle-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered)}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{--mat-tooltip-container-shape: var(--nj-semantic-size-border-radius-none);--mat-tooltip-container-color: var(--nj-semantic-color-background-neutral-spotlight-default);--mat-tooltip-supporting-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-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:6px 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{--mat-button-outlined-container-shape: var(--nj-semantic-size-border-radius-none);--mat-button-filled-container-shape: var(--nj-semantic-size-border-radius-none);--mat-button-text-container-shape: var(--nj-semantic-size-border-radius-none);--mat-button-outlined-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-button-filled-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-button-text-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-button-filled-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mat-button-outlined-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mat-button-text-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mat-button-text-label-text-color: var(--nj-semantic-color-border-brand-strong-default);--mat-button-filled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-button-outlined-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-icon-button-icon-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-button-outlined-hover-state-layer-opacity: 0.08;--mat-button-outlined-pressed-state-layer-opacity: 1;--mat-button-filled-hover-state-layer-opacity: 0.25;--mat-button-filled-pressed-state-layer-opacity: 0.4;--mat-button-text-hover-state-layer-opacity: 1;--mat-button-text-pressed-state-layer-opacity: 1}body .mat-mdc-button-base>.mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem}body .mat-mdc-button-base.loading{--mat-button-filled-hover-state-layer-opacity: 0;--mat-button-filled-pressed-state-layer-opacity: 0;cursor:default}body .mat-mdc-button-base.loading .mat-mdc-progress-spinner{--mat-progress-spinner-active-indicator-color: var(--mat-button-filled-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]{--mat-button-filled-disabled-container-color: var(--mat-button-filled-container-color);--mat-button-outlined-disabled-container-color: var(--mat-button-outlined-container-color);--mat-button-text-disabled-container-color: var(--mat-button-text-container-color);--mat-fab-disabled-state-container-color: var(--mat-button-filled-container-color);--mat-button-outlined-disabled-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mat-button-filled-disabled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-button-text-disabled-label-text-color: var(--nj-semantic-color-border-brand-strong-default);--mat-button-outlined-disabled-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-button-outlined-hover-state-layer-opacity: 0;--mat-button-filled-hover-state-layer-opacity: 0;--mat-button-text-hover-state-layer-opacity: 0;--mat-button-outlined-pressed-state-layer-opacity: 0;--mat-button-filled-pressed-state-layer-opacity: 0;--mat-button-text-pressed-state-layer-opacity: 0;cursor:not-allowed;pointer-events:auto;opacity:var(--nj-semantic-opacity-disabled)}body .mat-mdc-button-disabled.secondary-button,body .mat-mdc-button[disabled].secondary-button,body .mat-mdc-unelevated-button[disabled].secondary-button,body .mat-mdc-outlined-button[disabled].secondary-button,body .mat-mdc-fab[disabled].secondary-button{--mat-button-filled-disabled-label-text-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-button:hover{--mat-button-text-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-hovered);--mat-button-text-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-button:active{--mat-button-text-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mat-button-text-label-text-color: var(--nj-semantic-color-text-brand-primary-pressed)}body .mat-mdc-outlined-button:hover{--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-outlined-button:active{--mat-button-outlined-state-layer-color: var(--nj-semantic-color-background-brand-primary-translucent-pressed);--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-brand-primary-pressed)}body .mat-mdc-outlined-button.secondary-button{--mat-button-outlined-outline-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-button-outlined-disabled-outline-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-button-outlined-disabled-label-text-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-outlined-button.secondary-button:hover{--mat-button-outlined-outline-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-button-outlined-state-layer-color: var(--nj-semantic-color-background-neutral-primary-translucent-hovered);--mat-button-outlined-hover-state-layer-opacity: 1;--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-outlined-button.secondary-button:hover.mat-mdc-button-disabled,body .mat-mdc-outlined-button.secondary-button:hover.mat-mdc-button[disabled]{--mat-button-outlined-hover-state-layer-opacity: 0}body .mat-mdc-outlined-button.secondary-button:active{--mat-button-outlined-outline-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-button-outlined-state-layer-color: var(--nj-semantic-color-background-neutral-primary-translucent-pressed);--mat-button-outlined-pressed-state-layer-opacity: 1;--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-outlined-button.secondary-button:active.mat-mdc-button-disabled,body .mat-mdc-outlined-button.secondary-button:active.mat-mdc-button[disabled]{--mat-button-outlined-pressed-state-layer-opacity: 0}body .mat-mdc-outlined-button.error-button{--mat-button-outlined-outline-color: undefined;--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-button-outlined-disabled-outline-color: undefined;--mat-button-outlined-disabled-label-text-color: var(--nj-semantic-color-text-status-danger-primary-default)}body .mat-mdc-outlined-button.error-button:hover{--mat-button-outlined-outline-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-button-outlined-state-layer-color: var(--nj-semantic-color-background-status-danger-primary-translucent-hovered);--mat-button-outlined-hover-state-layer-opacity: 1;--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-status-danger-primary-hovered)}body .mat-mdc-outlined-button.error-button:hover.mat-mdc-button-disabled,body .mat-mdc-outlined-button.error-button:hover.mat-mdc-button[disabled]{--mat-button-outlined-hover-state-layer-opacity: 0}body .mat-mdc-outlined-button.error-button:active{--mat-button-outlined-outline-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-button-outlined-state-layer-color: var(--nj-semantic-color-background-status-danger-primary-translucent-pressed);--mat-button-outlined-pressed-state-layer-opacity: 1;--mat-button-outlined-label-text-color: var(--nj-semantic-color-text-status-danger-primary-pressed)}body .mat-mdc-outlined-button.error-button:active.mat-mdc-button-disabled,body .mat-mdc-outlined-button.error-button:active.mat-mdc-button[disabled]{--mat-button-outlined-pressed-state-layer-opacity: 0}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(--mat-button-outlined-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{--mat-button-text-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-filled-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-outlined-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-outlined-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-button-filled-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-button-text-horizontal-padding: var(--nj-semantic-size-spacing-24);--mat-button-filled-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mat-button-outlined-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem);--mat-button-text-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 0.75rem)}body[data-theme=dark]{--mat-button-outlined-outline-color: var(--nj-core-color-blue-600)}body{--mat-expansion-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mat-checkbox-unselected-hover-state-layer-color: transparent;--mat-checkbox-unselected-focus-state-layer-color: transparent;--mat-checkbox-selected-hover-state-layer-color: transparent;--mat-checkbox-selected-focus-state-layer-color: transparent;--mat-checkbox-unselected-pressed-state-layer-color: transparent;--mat-checkbox-selected-pressed-state-layer-color: transparent;--mat-checkbox-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-checkbox-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-checkbox-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mat-checkbox-selected-hover-icon-color: var(--nj-semantic-color-border-brand-strong-hovered);--mat-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{--mat-checkbox-selected-focus-icon-color: var(--nj-semantic-color-border-brand-strong-pressed)}body .mat-mdc-checkbox:not(:hover):not(:active){--mat-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{--mat-chip-container-shape-radius: 0;--mat-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mat-chip-outline-width));--mat-chip-label-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-chip-hover-state-layer-opacity: 0;--mat-chip-disabled-container-opacity: var(--nj-semantic-opacity-disabled)}body .mat-mdc-chip{--mat-chip-elevated-container-color: var(--nj-tag-background-color);--mat-chip-outline-color: var(--nj-tag-border-color);--mat-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);--mat-chip-label-text-size: 1rem;--mat-chip-disabled-label-text-color: var(--mat-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);--mat-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{--mat-chip-container-height: calc(var(--nj-semantic-font-size-text-xs-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mat-chip-outline-width));--mat-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{--mat-chip-container-height: calc(var(--nj-semantic-font-size-text-md-desktop) + 2 * var(--nj-semantic-size-spacing-4) + 2 * var(--mat-chip-outline-width));--mat-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{--mat-chip-label-text-size: var(--nj-semantic-font-size-text-md-desktop);--mat-chip-container-height: calc(var(--nj-semantic-font-size-heading-sm-desktop) + 2 * var(--nj-semantic-size-spacing-8) + 2 * var(--mat-chip-outline-width))}body .mat-mdc-chip.badge{--mat-chip-container-shape-radius: 1rem;--mat-chip-container-height: 26px;--nj-tag-background-color: transparent;--mat-chip-label-text-size: 0.75rem;--mat-chip-label-text-weight: 600;--mat-chip-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-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{--mat-chip-label-text-color: var(--nj-semantic-color-text-status-information-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-mdc-chip.badge.discovery{--mat-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{--mat-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{--mat-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{--mat-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{--mat-chip-outline-width: 0;--mat-chip-label-text-color: var(--nj-semantic-color-text-neutral-secondary-default);--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);--mat-chip-label-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-mdc-chip.badge.subtle.discovery{--mat-chip-label-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--nj-tag-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default)}body .mat-mdc-chip.badge.subtle.success{--mat-chip-label-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--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]{--mat-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-datepicker-toggle{--mat-icon-button-icon-color: var(--nj-semantic-color-icon-accent-grey-primary-default)}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{--mat-dialog-container-color: var(--nj-semantic-color-background-neutral-primary-default)}body{--mat-fab-small-container-shape: 50%;--mat-fab-container-shape: 50%;--mat-fab-container-elevation-shadow: none;--mat-fab-hover-container-elevation-shadow: none;--mat-fab-pressed-container-elevation-shadow: none;--mat-fab-focus-container-elevation-shadow: none;--mat-fab-small-container-elevation-shadow: none;--mat-fab-small-hover-container-elevation-shadow: none;--mat-fab-small-pressed-container-elevation-shadow: none;--mat-fab-small-focus-container-elevation-shadow: none;--mat-fab-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-fab-small-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-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 .mat-mdc-fab:hover{--mat-fab-container-color: var(--nj-semantic-color-text-brand-primary-hovered)}body .mat-mdc-fab:active{--mat-fab-container-color: var(--nj-semantic-color-icon-neutral-primary-pressed)}body[data-theme=dark]{--mat-fab-container-color: var(--nj-core-color-reference-brand-600);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default)}body{--mat-form-field-outlined-container-shape: var(--nj-semantic-size-border-radius-none);--mat-form-field-outlined-hover-outline-color: var(--nj-semantic-color-border-accent-grey-subtle-hovered);--mat-form-field-outlined-label-text-color: var(--nj-semantic-color-text-accent-grey-primary-default);--mat-form-field-outlined-label-text-populated-size: 1rem;--mat-icon-button-state-layer-size: 36px;--mat-form-field-outlined-hover-label-text-color: var(--nj-semantic-color-text-neutral-primary-default)}body .mat-mdc-form-field{padding-top:11px;--mat-chip-container-height: 24px;--mat-chip-outline-width: 0;--mat-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 .mat-mdc-chip{--mat-chip-label-text-size: var(--nj-semantic-font-size-text-sm-desktop);margin:2px 0 0 8px}body .mat-mdc-form-field .mat-mdc-chip-action.mdc-evolution-chip__action{padding:4px}body .mat-mdc-form-field.small{--mat-form-field-container-vertical-padding: 5px;--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]{--mat-form-field-outlined-input-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-form-field-outlined-hover-label-text-color: var(--nj-fc-label-color);--mat-form-field-outlined-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--mat-form-field-outlined-disabled-outline-color: var(--nj-core-color-reference-neutral-200)}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(--mat-form-field-outlined-focus-outline-width) rgba(0,0,0,0)}body .mat-mdc-menu-panel .mat-mdc-menu-item:hover{border-left:solid var(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-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{--mat-radio-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-hovered);--mat-radio-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-focused)}body[data-theme=dark]{--mat-radio-label-text-color: var(--nj-core-color-grey-1000);--mat-radio-unselected-icon-color: var(--nj-semantic-color-border-neutral-strong-default)}body{--mat-select-container-elevation-shadow: none;--mat-option-selected-state-label-text-color: var(--mat-option-label-text-color)}body .mdc-list-item{border:0;border-left:solid var(--mat-form-field-outlined-focus-outline-width) rgba(0,0,0,0)}body .mdc-list-item--selected{border-left:solid var(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-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(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-focus-outline-color)}body .mdc-list-item.mat-mdc-option-active{border-left:solid var(--mat-form-field-outlined-focus-outline-width) var(--mat-form-field-outlined-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{--mat-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-label-text-size: var(--nj-semantic-font-size-text-md-desktop)}body .mdc-tab--active{--mat-tab-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-active-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-inactive-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-active-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-inactive-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-active-focus-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-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-button-toggle-height: 34px}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard{--mat-button-toggle-label-text-weight: 700;--mat-standard-button-toggle-shape: var(--nj-semantic-size-border-radius-xl);gap:1rem;border-width:0}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle{border-radius:var(--mat-standard-button-toggle-shape);border:solid 1px}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked{border:0}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.information{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.discovery{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.success{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-success-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.warning{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-warning-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked.danger{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-danger-contrast-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).information{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-information-primary-default);--mat-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).discovery{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--mat-pseudo-checkbox-minimal-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).success{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-success-primary-default);--mat-pseudo-checkbox-minimal-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).warning{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--mat-pseudo-checkbox-minimal-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-group-appearance-standard .mat-button-toggle:not(.mat-button-toggle-checked).danger{--mat-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-pseudo-checkbox-minimal-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{border-width:1}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard){--mat-button-toggle-legacy-label-text-size: var(--nj-semantic-font-size-text-xs-desktop);--mat-button-toggle-legacy-selected-state-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-button-toggle-legacy-height: 1.5rem;box-shadow:none;padding:var(--nj-semantic-size-spacing-4);background-color:var(--nj-semantic-color-background-neutral-tertiary-translucent-default)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle .mat-button-toggle-label-content{padding:0 var(--nj-semantic-size-spacing-12)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle.mat-button-toggle-checked{--mat-button-toggle-legacy-label-text-weight: var(--nj-semantic-font-weight-bold)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button{cursor:default}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle:active{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-pressed)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle:not(.mat-button-toggle-checked):hover{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-hovered)}body .mat-button-toggle-group:not(.mat-button-toggle-group-appearance-standard) .mat-button-toggle:not(.mat-button-toggle-checked):active{background-color:var(--nj-semantic-color-background-neutral-primary-translucent-pressed)}body{--mat-slide-toggle-track-width: 32px;--mat-slide-toggle-track-height: 16px;--mat-slide-toggle-selected-handle-horizontal-margin: 0 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 18px;--mat-slide-toggle-unselected-handle-horizontal-margin: 0 2px;--mat-slide-toggle-state-layer-size: 12px;--mat-slide-toggle-unselected-handle-size: 12px;--mat-slide-toggle-selected-handle-size: 12px;--mat-slide-toggle-pressed-handle-size: 12px;--mat-slide-toggle-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-pressed-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-unselected-track-color: var(--nj-core-color-grey-600);--mat-slide-toggle-unselected-focus-track-color: var(--nj-core-color-grey-600);--mat-slide-toggle-unselected-pressed-track-color: var(--nj-core-color-grey-800);--mat-slide-toggle-unselected-hover-track-color: var(--nj-core-color-grey-700);--mat-slide-toggle-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-track-outline-width: 0}body[data-theme=dark]{--mat-slide-toggle-label-text-color: var(--nj-core-color-grey-1000);--mat-slide-toggle-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-slide-toggle-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mat-slide-toggle-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered)}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{--mat-tooltip-container-shape: var(--nj-semantic-size-border-radius-none);--mat-tooltip-container-color: var(--nj-semantic-color-background-neutral-spotlight-default);--mat-tooltip-supporting-text-color: var(--nj-semantic-color-text-neutral-inverse-default);--mat-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:6px 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/dist/m3-theme.scss

@@ -1,151 +1,151 @@
-// This file was generated by running 'ng generate @angular/material:m3-theme'.
-// Proceed with caution if making changes to this file.
-
-@use 'sass:map';
-@use '@angular/material' as mat;
-
-// Note: Color palettes are generated from primary: #007acd, secondary: #334551, tertiary: #60798B, neutral: #60798B
-$_palettes: (
-  primary: (
-    0: #000000,
-    10: #001d36,
-    20: #003259,
-    25: var(--nj-core-color-blue-900),
-    30: var(--nj-core-color-blue-800),
-    35: var(--nj-core-color-blue-700),
-    40: var(--nj-core-color-blue-600),
-    50: var(--nj-core-color-blue-500),
-    60: var(--nj-core-color-blue-400),
-    70: var(--nj-core-color-blue-300),
-    80: var(--nj-core-color-blue-600),
-    90: var(--nj-core-color-blue-100),
-    95: var(--nj-core-color-blue-100),
-    98: var(--nj-core-color-blue-100),
-    99: var(--nj-core-color-blue-100),
-    100: var(--nj-core-color-grey-0),
-  ),
-  secondary: (
-    0: var(--nj-core-color-grey-1000),
-    10: var(--nj-core-color-grey-900),
-    20: var(--nj-core-color-grey-800),
-    25: var(--nj-core-color-grey-700),
-    30: var(--nj-core-color-grey-600),
-    35: var(--nj-core-color-grey-500),
-    40: var(--nj-core-color-grey-200),
-    50: var(--nj-core-color-grey-100),
-    60: var(--nj-core-color-grey-300),
-    70: var(--nj-core-color-grey-200),
-    80: var(--nj-core-color-grey-100),
-    90: var(--nj-core-color-grey-100),
-    95: var(--nj-core-color-grey-100),
-    98: var(--nj-core-color-grey-100),
-    99: var(--nj-core-color-grey-100),
-    100: var(--nj-core-color-grey-1000),
-  ),
-  tertiary: (
-    0: #000000,
-    10: #001e2e,
-    20: #00344c,
-    25: #00405c,
-    30: #004c6c,
-    35: #00587d,
-    40: #00658e,
-    50: #007fb1,
-    60: #2f9ad0,
-    70: #52b5ec,
-    80: #84cfff,
-    90: #c7e7ff,
-    95: #e4f3ff,
-    98: #f6faff,
-    99: #fbfcff,
-    100: var(--nj-core-color-grey-0),
-  ),
-  neutral: (
-    0: #000000,
-    10: #001e2e,
-    20: #00344c,
-    25: #00405c,
-    30: #004c6c,
-    35: #00587d,
-    40: #00658e,
-    50: #007fb1,
-    60: #2f9ad0,
-    70: #52b5ec,
-    80: #84cfff,
-    90: var(--nj-core-color-grey-400),
-    95: #e4f3ff,
-    98: #f6faff,
-    99: #fbfcff,
-    100: var(--nj-core-color-grey-0),
-  ),
-  neutral-variant: (
-    0: var(--nj-core-color-grey-900),
-    10: var(--nj-core-color-grey-800),
-    20: var(--nj-core-color-grey-700),
-    25: var(--nj-core-color-grey-600),
-    30: var(--nj-core-color-grey-600),
-    35: var(--nj-core-color-grey-500),
-    40: var(--nj-core-color-grey-500),
-    50: var(--nj-core-color-grey-400),
-    60: var(--nj-core-color-grey-300),
-    70: var(--nj-core-color-grey-200),
-    80: var(--nj-core-color-grey-600),
-    90: #dfe2eb,
-    95: #edf1fa,
-    98: #f8f9ff,
-    99: #fdfcff,
-    100: var(--nj-core-color-grey-0),
-  ),
-  error: (
-    0: var(--nj-core-color-red-1000),
-    10: var(--nj-core-color-red-900),
-    20: var(--nj-core-color-red-800),
-    25: var(--nj-core-color-red-800),
-    30: var(--nj-core-color-red-700),
-    35: var(--nj-core-color-red-700),
-    40: var(--nj-core-color-red-600),
-    50: var(--nj-core-color-red-500),
-    60: var(--nj-core-color-red-400),
-    70: var(--nj-core-color-red-300),
-    80: var(--nj-core-color-red-200),
-    90: var(--nj-core-color-red-100),
-    95: var(--nj-core-color-red-100),
-    98: var(--nj-core-color-red-100),
-    99: var(--nj-core-color-red-100),
-    100: var(--nj-core-color-grey-0),
-  ),
-);
-
-$_rest: (
-  secondary: map.get($_palettes, secondary),
-  neutral: map.get($_palettes, neutral),
-  neutral-variant: map.get($_palettes,  neutral-variant),
-  error: map.get($_palettes, error),
-);
-$_primary: map.merge(map.get($_palettes, primary), $_rest);
-$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
-$_error: map.merge(map.get($_palettes, error), $_rest);
-
-$light-theme: mat.define-theme((
-  color: (
-    theme-type: light,
-    primary: $_primary,
-    tertiary: $_tertiary,
-  ),
-  typography: (
-    plain-family: var(--nj-semantic-font-family-default),
-    brand-family: var(--nj-semantic-font-family-default),
-    regular-weight: var(--nj-semantic-font-weight-base),
-  ),
-  density: (
-    scale: -4,
-  )
-));
-
-$dark-theme: mat.define-theme((
-  color: (
-    theme-type: dark,
-    primary: $_primary,
-    tertiary: $_tertiary
-  )
+// This file was generated by running 'ng generate @angular/material:m3-theme'.
+// Proceed with caution if making changes to this file.
+
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+// Note: Color palettes are generated from primary: #007acd, secondary: #334551, tertiary: #60798B, neutral: #60798B
+$_palettes: (
+  primary: (
+    0: #000000,
+    10: #001d36,
+    20: #003259,
+    25: var(--nj-core-color-blue-900),
+    30: var(--nj-core-color-blue-800),
+    35: var(--nj-core-color-blue-700),
+    40: var(--nj-core-color-blue-600),
+    50: var(--nj-core-color-blue-500),
+    60: var(--nj-core-color-blue-400),
+    70: var(--nj-core-color-blue-300),
+    80: var(--nj-core-color-blue-600),
+    90: var(--nj-core-color-blue-100),
+    95: var(--nj-core-color-blue-100),
+    98: var(--nj-core-color-blue-100),
+    99: var(--nj-core-color-blue-100),
+    100: var(--nj-core-color-grey-0),
+  ),
+  secondary: (
+    0: var(--nj-core-color-grey-1000),
+    10: var(--nj-core-color-grey-900),
+    20: var(--nj-core-color-grey-800),
+    25: var(--nj-core-color-grey-700),
+    30: var(--nj-core-color-grey-600),
+    35: var(--nj-core-color-grey-500),
+    40: var(--nj-core-color-grey-200),
+    50: var(--nj-core-color-grey-100),
+    60: var(--nj-core-color-grey-300),
+    70: var(--nj-core-color-grey-200),
+    80: var(--nj-core-color-grey-100),
+    90: var(--nj-core-color-grey-100),
+    95: var(--nj-core-color-grey-100),
+    98: var(--nj-core-color-grey-100),
+    99: var(--nj-core-color-grey-100),
+    100: var(--nj-core-color-grey-1000),
+  ),
+  tertiary: (
+    0: #000000,
+    10: #001e2e,
+    20: #00344c,
+    25: #00405c,
+    30: #004c6c,
+    35: #00587d,
+    40: #00658e,
+    50: #007fb1,
+    60: #2f9ad0,
+    70: #52b5ec,
+    80: #84cfff,
+    90: #c7e7ff,
+    95: #e4f3ff,
+    98: #f6faff,
+    99: #fbfcff,
+    100: var(--nj-core-color-grey-0),
+  ),
+  neutral: (
+    0: #000000,
+    10: #001e2e,
+    20: #00344c,
+    25: #00405c,
+    30: #004c6c,
+    35: #00587d,
+    40: #00658e,
+    50: #007fb1,
+    60: #2f9ad0,
+    70: #52b5ec,
+    80: #84cfff,
+    90: var(--nj-core-color-grey-400),
+    95: #e4f3ff,
+    98: #f6faff,
+    99: #fbfcff,
+    100: var(--nj-core-color-grey-0),
+  ),
+  neutral-variant: (
+    0: var(--nj-core-color-grey-900),
+    10: var(--nj-core-color-grey-800),
+    20: var(--nj-core-color-grey-700),
+    25: var(--nj-core-color-grey-600),
+    30: var(--nj-core-color-grey-600),
+    35: var(--nj-core-color-grey-500),
+    40: var(--nj-core-color-grey-500),
+    50: var(--nj-core-color-grey-400),
+    60: var(--nj-core-color-grey-300),
+    70: var(--nj-core-color-grey-200),
+    80: var(--nj-core-color-grey-600),
+    90: #dfe2eb,
+    95: #edf1fa,
+    98: #f8f9ff,
+    99: #fdfcff,
+    100: var(--nj-core-color-grey-0),
+  ),
+  error: (
+    0: var(--nj-core-color-red-1000),
+    10: var(--nj-core-color-reference-status-danger-900),
+    20: var(--nj-core-color-reference-status-danger-800),
+    25: var(--nj-core-color-reference-status-danger-800),
+    30: var(--nj-core-color-reference-status-danger-700),
+    35: var(--nj-core-color-reference-status-danger-700),
+    40: var(--nj-core-color-reference-status-danger-600),
+    50: var(--nj-core-color-reference-status-danger-500),
+    60: var(--nj-core-color-reference-status-danger-400),
+    70: var(--nj-core-color-reference-status-danger-300),
+    80: var(--nj-core-color-reference-status-danger-200),
+    90: var(--nj-core-color-reference-status-danger-100),
+    95: var(--nj-core-color-reference-status-danger-100),
+    98: var(--nj-core-color-reference-status-danger-100),
+    99: var(--nj-core-color-reference-status-danger-100),
+    100: var(--nj-core-color-grey-0),
+  ),
+);
+
+$_rest: (
+  secondary: map.get($_palettes, secondary),
+  neutral: map.get($_palettes, neutral),
+  neutral-variant: map.get($_palettes,  neutral-variant),
+  error: map.get($_palettes, error),
+);
+$_primary: map.merge(map.get($_palettes, primary), $_rest);
+$_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
+$_error: map.merge(map.get($_palettes, error), $_rest);
+
+$light-theme: mat.define-theme((
+  color: (
+    theme-type: light,
+    primary: $_primary,
+    tertiary: $_tertiary,
+  ),
+  typography: (
+    plain-family: var(--nj-semantic-font-family-default),
+    brand-family: var(--nj-semantic-font-family-default),
+    regular-weight: var(--nj-semantic-font-weight-base),
+  ),
+  density: (
+    scale: -4,
+  )
+));
+
+$dark-theme: mat.define-theme((
+  color: (
+    theme-type: dark,
+    primary: $_primary,
+    tertiary: $_tertiary
+  )
 ));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "engie-fluid-material-theme",
-    "version": "3.2.3",
+    "version": "3.4.0",
     "description": "Angular Material theme for Fluid Design System",
     "main": "index.css",
     "repository": {
@@ -41,7 +41,7 @@
     },
     "homepage": "https://github.tools.digital.engie.com/GEMFranceGalileo/fluid-material-theme",
     "dependencies": {
-        "@angular/material": "^20.2.1",
+        "@angular/material": "^20.2.4",
         "@engie-group/fluid-design-system": "^5.18.1"
     },
     "devDependencies": {
@@ -51,9 +51,9 @@
         "stylelint-config-standard-scss": "^13.1.0"
     },
     "peerDependencies": {
-        "@angular/common": ">=20.2.0",
-        "@angular/core": ">=20.2.0",
-        "@angular/material": ">=20.2.0",
+        "@angular/common": ">=20.3.1",
+        "@angular/core": ">=20.3.1",
+        "@angular/material": ">=20.2.4",
         "@engie-group/fluid-design-system": ">=5.18.1"
     }
 }