engie-fluid-material-theme 0.3.2 → 1.0.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +43 -7
  2. package/dist/index.css +1 -1
  3. package/package.json +11 -6
  4. /package/{src → dist}/m3-theme.scss +0 -0
package/README.md CHANGED
@@ -34,7 +34,7 @@ With default style and fluid-design-system declaration, your file should seems t
34
34
 
35
35
  ```scss
36
36
  @use 'sass:map';
37
- @use 'engie-fluid-material-theme/src/m3-theme';
37
+ @use 'engie-fluid-material-theme/dist/m3-theme';
38
38
  @use '@angular/material' as mat;
39
39
 
40
40
  @include mat.core;
@@ -68,28 +68,64 @@ body {
68
68
  { provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: {disabled: true} },
69
69
  { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: {appearance: 'outline', subscriptSizing: 'dynamic'}}
70
70
  ```
71
+ ## Usage
71
72
 
72
- # Usage Guide
73
+ This library is designed so that the default Material components have an appearance similar to Fluid components.
74
+
75
+ Here few samples:
76
+
77
+ Form field:
78
+ ```html
79
+ <mat-form-field>
80
+ <mat-label>label</mat-label>
81
+ <input matInput/>
82
+ </mat-form-field>
83
+ ```
84
+ Radio
85
+ ```html
86
+ <mat-radio-button (change)="valueChange()" [checked]="true">Label</mat-radio-button>
87
+ ```
88
+
89
+ Button
90
+ ```html
91
+ <button mat-flat-button (click)="buttonClick()">Button</button>
92
+ <button mat-stroked-button (click)="buttonClick()">Button</button>
93
+ <button mat-button (click)="buttonClick()">Button</button>
94
+ ```
95
+
96
+ In cases where color variations are needed, it is necessary to add a CSS class.
97
+
98
+ Button
99
+ .seconday-button, .error-button
100
+
101
+ Chip
102
+ .teal, .orange, .blue, .lime, .yellow
103
+
104
+
105
+ Badge
106
+ .badge, .badge.information, .badge.discovery, .badge.success, .badge.warning, .badge.danger
107
+
108
+ # Library developper Guide
73
109
 
74
110
  Theme's code source is located in src folder.
75
111
 
76
112
  1. Generate a dist folder with packaged css file.
77
113
  ```cmd
78
- npm run build
114
+ C:\Users\GAIA\source\repos\fluid-material-theme>npm run build
79
115
  ```
80
116
 
81
117
  2. Publish package on public NPM, don't forget to increment version in package.json:
82
118
  ```cmd
83
- npm run publish
119
+ C:\Users\GAIA\source\repos\fluid-material-theme>npm run publish
84
120
  ```
85
121
 
86
122
  3. Run linter
87
123
  ```cmd
88
- npm run qa:scss
124
+ C:\Users\GAIA\source\repos\fluid-material-theme>npm run qa:scss
89
125
  ```
90
126
 
91
- On Test folder, you can find an Angular web app which allow to test the package.
92
- You can edit the theme, regenerate the build and test it directly on the web app.
127
+ On /test folder, you can find an Angular web app which allow to visualize effects of the theme.
128
+ In developement phase, you can edit the theme, regenerate the build and test it directly on the web app.
93
129
 
94
130
  ```cmd
95
131
  C:\Users\GAIA\source\repos\fluid-material-theme>npm run build
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- body{--mdc-outlined-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-filled-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-text-button-container-shape: var(--nj-semantic-size-border-radius-none);--mat-outlined-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-filled-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-text-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mdc-outlined-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-filled-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-text-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-outlined-button-outline-color: var(--nj-semantic-color-border-brand-strong-default);--mat-outlined-button-hover-state-layer-opacity: 0.08;--mat-outlined-button-pressed-state-layer-opacity: 0.3;--mat-filled-button-hover-state-layer-opacity: 0.25;--mat-filled-button-pressed-state-layer-opacity: 0.4;--mat-text-button-hover-state-layer-opacity: 0.15;--mat-text-button-pressed-state-layer-opacity: 0.3}body .mat-mdc-button-disabled,body .mat-mdc-button[disabled],body .mat-mdc-unelevated-button[disabled],body .mat-mdc-outlined-button[disabled],body .mat-mdc-fab[disabled]{--mdc-text-button-disabled-label-text-color: var(--mdc-text-button-label-text-color);--mdc-filled-button-disabled-container-color: var(--mdc-filled-button-container-color);--mdc-outlined-button-disabled-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mdc-outlined-button-disabled-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-fab-disabled-state-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-outlined-button-hover-state-layer-opacity: 0;--mat-filled-button-hover-state-layer-opacity: 0;--mat-text-button-hover-state-layer-opacity: 0;cursor:not-allowed;pointer-events:auto;opacity:var(--nj-semantic-opacity-disabled)}body .mat-mdc-button-disabled:not(.seconday-button),body .mat-mdc-button[disabled]:not(.seconday-button),body .mat-mdc-unelevated-button[disabled]:not(.seconday-button),body .mat-mdc-outlined-button[disabled]:not(.seconday-button),body .mat-mdc-fab[disabled]:not(.seconday-button){--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default)}body .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{background-color:var(--nj-core-color-grey-1000)}body[data-theme=dark]{--mdc-outlined-button-outline-color: var(--nj-core-color-blue-600)}body{--mat-expansion-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-checkbox-unselected-hover-state-layer-color: transparent;--mdc-checkbox-unselected-focus-state-layer-color: transparent;--mdc-checkbox-selected-hover-state-layer-color: transparent;--mdc-checkbox-selected-focus-state-layer-color: transparent;--mdc-checkbox-unselected-pressed-state-layer-color: transparent;--mdc-checkbox-selected-pressed-state-layer-color: transparent}body[data-theme=dark]{--mat-checkbox-label-text-color: var(--nj-core-color-grey-1000)}body{--mdc-chip-container-shape-radius: 0;--mdc-chip-container-height: 34px;--mdc-chip-label-text-color: var(--nj-tag-text-color)}body .mat-mdc-chip{--mdc-chip-elevated-container-color: var(--nj-tag-background-color);--mdc-chip-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)}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)}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)}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)}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)}body .mat-mdc-chip.yellow{--nj-tag-background-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-yellow-moderate-default)}body .mat-mdc-chip.badge{--mdc-chip-container-shape-radius: 1rem;--mdc-chip-container-height: 25px;--nj-tag-background-color: transparent;--mdc-chip-label-text-size: 0.75rem;--mdc-chip-label-text-weight: 600;--mdc-chip-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--nj-tag-border-color: var(--nj-semantic-color-border-neutral-subtle-default)}body .mat-mdc-chip.badge.information{--mdc-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{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-mdc-chip.badge.success{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-success-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-mdc-chip.badge.warning{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-mdc-chip.badge.danger{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-danger-subtle-default)}body[data-theme=dark]{--mdc-chip-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-datepicker-calendar-container-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-datepicker-calendar-container-shape: var(--nj-semantic-size-border-radius-none);--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 13px;--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)}body[data-theme=dark]{--mat-datepicker-calendar-date-today-outline-color: var(--nj-core-color-grey-800);--mat-datepicker-calendar-date-text-color: var(--nj-core-color-grey-1000)}body{--mdc-dialog-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-fab-small-container-shape: 50%;--mdc-fab-container-shape: 50%;--mdc-fab-container-elevation-shadow: none;--mdc-fab-hover-container-elevation-shadow: none;--mdc-fab-pressed-container-elevation-shadow: none;--mdc-fab-focus-container-elevation-shadow: none;--mdc-fab-small-container-elevation-shadow: none;--mdc-fab-small-hover-container-elevation-shadow: none;--mdc-fab-small-pressed-container-elevation-shadow: none;--mdc-fab-small-focus-container-elevation-shadow: none;--mat-fab-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-small-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-small-container-color: var(--nj-semantic-color-background-brand-solid-default)}body .mat-mdc-fab{width:var(--nj-component-fab-size-sm);height:var(--nj-component-fab-size-sm)}body[data-theme=dark]{--mdc-fab-container-color: var(--nj-core-color-reference-brand-600)}body{--mdc-outlined-text-field-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-outlined-text-field-hover-outline-color: var(--nj-semantic-color-border-accent-grey-subtle-hovered);--mdc-outlined-text-field-label-text-color: var(--nj-semantic-color-text-accent-grey-primary-default);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color);--mat-form-field-outlined-label-text-populated-size: 1rem;--mdc-icon-button-state-layer-size: 36px}body .mat-mdc-form-field{padding-top:10px;--mdc-chip-container-height: 24px;--mdc-chip-outline-width: 0;--mdc-chip-elevated-container-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);--mat-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default)}body .mdc-text-field--outlined{background-color:var(--nj-semantic-color-background-neutral-primary-default)}body .mdc-text-field--outlined:hover{background-color:var(--nj-semantic-color-background-accent-grey-secondary-hovered)}body .mat-mdc-form-field-icon-suffix{display:flex}body .mat-mdc-form-field-icon-suffix>.mat-icon{align-self:center}body[data-theme=dark]{--mdc-outlined-text-field-input-text-color: var(--nj-core-color-grey-1000);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color)}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-pane{--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)}body{--mdc-checkbox-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-radio-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-hovered);--mdc-radio-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-focused);--mdc-radio-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-pressed)}body .mdc-checkbox__background{border-radius:var(--nj-semantic-size-border-radius-none);background-color:var(--nj-semantic-color-background-neutral-primary-default)}body[data-theme=dark]{--mat-radio-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-select-container-elevation-shadow: none}body .mdc-list-item--selected{border:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mat-mdc-select .mat-mdc-chip-action{padding-left:6px;padding-right:6px}body[data-theme=dark]{--mat-select-enabled-trigger-text-color: var(--nj-core-color-grey-1000)}body .mdc-tab{--mat-tab-header-label-text-size: var(--nj-semantic-size-font-content-1)}body .mdc-tab--active{--mat-tab-header-label-text-weight: var(--nj-semantic-font-weight-bold)}body .mat-mdc-tab:hover .mdc-tab__ripple::before{opacity:.08}body .mat-mdc-tab:active .mdc-tab__ripple::before{opacity:.2}body[data-theme=dark]{--mat-tab-header-active-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-focus-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-focus-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-table-row-item-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-table-header-headline-size: var(--nj-semantic-size-font-content-3);--mat-table-row-item-label-text-size: var(--nj-semantic-size-font-content-2);--mat-table-header-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 18px);--mat-table-row-item-label-text-line-height: 16px;--mat-table-row-item-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 1rem);--mat-table-background-color: transparent}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-background-color: transparent;--mat-table-header-headline-color: var(--nj-core-color-grey-1000);--mat-table-row-item-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-standard-button-toggle-height: 34px}body .mat-button-toggle-group{--mat-standard-button-toggle-label-text-weight: 700;gap:1rem;border-width:0}body .mat-button-toggle-group .mat-button-toggle{border-radius:var(--mat-standard-button-toggle-shape);border:solid 1px}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked{border:0}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.information{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.discovery{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.success{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-success-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.warning{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-warning-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.danger{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-danger-contrast-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).information{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-primary-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default);border-color:var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).discovery{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);border-color:var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).success{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);border-color:var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).warning{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);border-color:var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).danger{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);border-color:var(--nj-semantic-color-border-status-danger-subtle-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border-width:1}body{--mdc-switch-track-width: 32px;--mdc-switch-track-height: 16px;--mat-switch-selected-handle-horizontal-margin: 0 18px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 18px;--mat-switch-unselected-handle-horizontal-margin: 0 2px;--mdc-switch-state-layer-size: 12px;--mat-switch-unselected-handle-size: 12px;--mat-switch-selected-handle-size: 12px;--mat-switch-pressed-handle-size: 12px;--mdc-elevation-overlay-color: var(--nj-core-color-grey-0);--mdc-switch-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-pressed-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-unselected-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-focus-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-pressed-track-color: var(--nj-core-color-grey-800);--mdc-switch-unselected-hover-track-color: var(--nj-core-color-grey-700);--mat-switch-track-outline-width: 0}body[data-theme=dark]{--mat-switch-label-text-color: var(--nj-core-color-grey-1000)}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)}
1
+ body{--mdc-outlined-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-filled-button-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-text-button-container-shape: var(--nj-semantic-size-border-radius-none);--mat-outlined-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-filled-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mat-text-button-horizontal-padding: var(--nj-semantic-size-spacing-32);--mdc-outlined-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-filled-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-text-button-container-height: calc(2 * var(--nj-semantic-size-spacing-8) + var(--nj-semantic-font-line-height-default) * 1rem + 2px);--mdc-outlined-button-outline-color: var(--nj-semantic-color-border-brand-strong-default);--mdc-icon-button-icon-color: var(--nj-material-icon-color);--mat-outlined-button-hover-state-layer-opacity: 0.08;--mat-outlined-button-pressed-state-layer-opacity: 0.3;--mat-filled-button-hover-state-layer-opacity: 0.25;--mat-filled-button-pressed-state-layer-opacity: 0.4;--mat-text-button-hover-state-layer-opacity: 0.15;--mat-text-button-pressed-state-layer-opacity: 0.3}body .mat-mdc-button-base>.mat-icon{font-size:1.5rem;height:1.5rem;width:1.5rem}body .mat-mdc-button-disabled,body .mat-mdc-button[disabled],body .mat-mdc-unelevated-button[disabled],body .mat-mdc-outlined-button[disabled],body .mat-mdc-fab[disabled]{--mdc-text-button-disabled-label-text-color: var(--mdc-text-button-label-text-color);--mdc-filled-button-disabled-container-color: var(--mdc-filled-button-container-color);--mdc-outlined-button-disabled-label-text-color: var(--nj-semantic-color-text-brand-primary-default);--mdc-outlined-button-disabled-outline-color: var(--nj-semantic-color-text-brand-primary-default);--mat-fab-disabled-state-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-disabled-state-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-primary-default);--mat-outlined-button-hover-state-layer-opacity: 0;--mat-filled-button-hover-state-layer-opacity: 0;--mat-text-button-hover-state-layer-opacity: 0;cursor:not-allowed;pointer-events:auto;opacity:var(--nj-semantic-opacity-disabled)}body .mat-mdc-button-disabled:not(.seconday-button),body .mat-mdc-button[disabled]:not(.seconday-button),body .mat-mdc-unelevated-button[disabled]:not(.seconday-button),body .mat-mdc-outlined-button[disabled]:not(.seconday-button),body .mat-mdc-fab[disabled]:not(.seconday-button){--mdc-filled-button-disabled-label-text-color: var(--nj-semantic-color-text-neutral-inverse-default)}body .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{background-color:var(--nj-core-color-grey-1000)}body .mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:var(--nj-semantic-size-border-radius-none)}body[data-theme=dark]{--mdc-outlined-button-outline-color: var(--nj-core-color-blue-600);--mdc-icon-button-icon-color: var(--nj-core-color-grey-1000)}body{--mat-expansion-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-checkbox-unselected-hover-state-layer-color: transparent;--mdc-checkbox-unselected-focus-state-layer-color: transparent;--mdc-checkbox-selected-hover-state-layer-color: transparent;--mdc-checkbox-selected-focus-state-layer-color: transparent;--mdc-checkbox-unselected-pressed-state-layer-color: transparent;--mdc-checkbox-selected-pressed-state-layer-color: transparent}body[data-theme=dark]{--mat-checkbox-label-text-color: var(--nj-core-color-grey-1000)}body{--mdc-chip-container-shape-radius: 0;--mdc-chip-container-height: 34px;--mdc-chip-label-text-color: var(--nj-tag-text-color)}body .mat-mdc-chip{--mdc-chip-elevated-container-color: var(--nj-tag-background-color);--mdc-chip-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)}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)}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)}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)}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)}body .mat-mdc-chip.yellow{--nj-tag-background-color: var(--nj-semantic-color-background-accent-yellow-tertiary-default);--nj-tag-border-color:var(--nj-semantic-color-border-accent-yellow-moderate-default)}body .mat-mdc-chip.badge{--mdc-chip-container-shape-radius: 1rem;--mdc-chip-container-height: 25px;--nj-tag-background-color: transparent;--mdc-chip-label-text-size: 0.75rem;--mdc-chip-label-text-weight: 600;--mdc-chip-label-text-color: var(--nj-semantic-color-text-neutral-tertiary-default);--nj-tag-border-color: var(--nj-semantic-color-border-neutral-subtle-default)}body .mat-mdc-chip.badge.information{--mdc-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{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-mdc-chip.badge.success{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-success-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-mdc-chip.badge.warning{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-mdc-chip.badge.danger{--mdc-chip-label-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--nj-tag-border-color: var(--nj-semantic-color-border-status-danger-subtle-default)}body[data-theme=dark]{--mdc-chip-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-datepicker-calendar-container-background-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-datepicker-calendar-container-shape: var(--nj-semantic-size-border-radius-none);--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 13px;--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)}body[data-theme=dark]{--mat-datepicker-calendar-date-today-outline-color: var(--nj-core-color-grey-800);--mat-datepicker-calendar-date-text-color: var(--nj-core-color-grey-1000)}body{--mdc-dialog-container-shape: var(--nj-semantic-size-border-radius-none)}body{--mdc-fab-small-container-shape: 50%;--mdc-fab-container-shape: 50%;--mdc-fab-container-elevation-shadow: none;--mdc-fab-hover-container-elevation-shadow: none;--mdc-fab-pressed-container-elevation-shadow: none;--mdc-fab-focus-container-elevation-shadow: none;--mdc-fab-small-container-elevation-shadow: none;--mdc-fab-small-hover-container-elevation-shadow: none;--mdc-fab-small-pressed-container-elevation-shadow: none;--mdc-fab-small-focus-container-elevation-shadow: none;--mat-fab-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-container-color: var(--nj-semantic-color-background-brand-solid-default);--mat-fab-small-foreground-color: var(--nj-semantic-color-text-neutral-inverse-default);--mdc-fab-small-container-color: var(--nj-semantic-color-background-brand-solid-default)}body .mat-mdc-fab{width:var(--nj-component-fab-size-sm);height:var(--nj-component-fab-size-sm)}body[data-theme=dark]{--mdc-fab-container-color: var(--nj-core-color-reference-brand-600)}body{--mdc-outlined-text-field-container-shape: var(--nj-semantic-size-border-radius-none);--mdc-outlined-text-field-hover-outline-color: var(--nj-semantic-color-border-accent-grey-subtle-hovered);--mdc-outlined-text-field-label-text-color: var(--nj-semantic-color-text-accent-grey-primary-default);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color);--mat-form-field-outlined-label-text-populated-size: 1rem;--mdc-icon-button-state-layer-size: 36px}body .mat-mdc-form-field{padding-top:10px;--mdc-chip-container-height: 24px;--mdc-chip-outline-width: 0;--mdc-chip-elevated-container-color: var(--nj-semantic-color-background-neutral-tertiary-translucent-default);--mat-icon-color: var(--nj-semantic-color-icon-neutral-tertiary-default)}body .mdc-text-field--outlined{background-color:var(--nj-semantic-color-background-neutral-primary-default)}body .mdc-text-field--outlined:hover{background-color:var(--nj-semantic-color-background-accent-grey-secondary-hovered)}body .mat-mdc-form-field-icon-suffix{display:flex}body .mat-mdc-form-field-icon-suffix>.mat-icon{align-self:center}body[data-theme=dark]{--mdc-outlined-text-field-input-text-color: var(--nj-core-color-grey-1000);--mdc-outlined-text-field-hover-label-text-color: var(--nj-fc-label-color)}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-pane{--mat-option-focus-state-layer-color: var(--nj-semantic-color-background-accent-blue-secondary-focused);--mat-select-panel-background-color: var(--nj-semantic-color-background-neutral-primary-default);border:solid 1px var(--nj-semantic-color-border-neutral-subtle-default);border-radius:var(--nj-semantic-size-border-radius-none);background-color:var(--nj-semantic-color-background-neutral-primary-default)}body{--mdc-checkbox-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-checkbox-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-default);--mdc-radio-unselected-hover-icon-color: var(--nj-semantic-color-border-neutral-strong-hovered);--mdc-radio-unselected-focus-icon-color: var(--nj-semantic-color-border-neutral-strong-focused);--mdc-radio-unselected-pressed-icon-color: var(--nj-semantic-color-border-neutral-strong-pressed)}body .mdc-checkbox__background{border-radius:var(--nj-semantic-size-border-radius-none);background-color:var(--nj-semantic-color-background-neutral-primary-default)}body[data-theme=dark]{--mat-radio-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-select-container-elevation-shadow: none}body .mdc-list-item{border:0;border-left:solid var(--mdc-outlined-text-field-focus-outline-width) rgba(0,0,0,0)}body .mdc-list-item--selected{border-left:solid var(--mdc-outlined-text-field-focus-outline-width) var(--mdc-outlined-text-field-focus-outline-color)}body .mdc-list-item--selected.mat-mdc-option.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color)}body .mdc-list-item.mat-mdc-option-active{--mat-option-focus-state-layer-color: var(--mat-option-hover-state-layer-color)}body .mat-mdc-select .mat-mdc-chip-action{padding-left:6px;padding-right:6px}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)}body .mdc-tab{--mat-tab-header-label-text-size: var(--nj-semantic-size-font-content-1)}body .mdc-tab--active{--mat-tab-header-label-text-weight: var(--nj-semantic-font-weight-bold)}body .mat-mdc-tab:hover .mdc-tab__ripple::before{opacity:.08}body .mat-mdc-tab:active .mdc-tab__ripple::before{opacity:.2}body[data-theme=dark]{--mat-tab-header-active-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-hover-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-active-focus-label-text-color: var(--nj-core-color-grey-1000);--mat-tab-header-inactive-focus-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-table-row-item-outline-color: var(--nj-semantic-color-border-neutral-subtle-default);--mat-table-header-headline-size: var(--nj-semantic-size-font-content-3);--mat-table-row-item-label-text-size: var(--nj-semantic-size-font-content-2);--mat-table-header-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 18px);--mat-table-row-item-label-text-line-height: 16px;--mat-table-row-item-container-height: calc(2 * var(--nj-semantic-size-spacing-12) + 1rem);--mat-table-background-color: transparent}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-background-color: transparent;--mat-table-header-headline-color: var(--nj-core-color-grey-1000);--mat-table-row-item-label-text-color: var(--nj-core-color-grey-1000)}body{--mat-standard-button-toggle-height: 34px}body .mat-button-toggle-group{--mat-standard-button-toggle-label-text-weight: 700;gap:1rem;border-width:0}body .mat-button-toggle-group .mat-button-toggle{border-radius:var(--mat-standard-button-toggle-shape);border:solid 1px}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked{border:0}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.information{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-information-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.discovery{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-discovery-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-discovery-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.success{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-success-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-success-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.warning{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-warning-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-warning-contrast-default)}body .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked.danger{--mat-standard-button-toggle-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-danger-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-danger-contrast-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).information{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-information-primary-default);--mat-standard-button-toggle-selected-state-background-color: var(--nj-semantic-color-background-status-information-tertiary-translucent-default);--mat-standard-button-toggle-selected-state-text-color: var(--nj-semantic-color-text-status-information-contrast-default);border-color:var(--nj-semantic-color-border-status-information-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).discovery{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-discovery-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-discovery-contrast-default);border-color:var(--nj-semantic-color-border-status-discovery-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).success{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-success-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-success-contrast-default);border-color:var(--nj-semantic-color-border-status-success-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).warning{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-warning-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-warning-contrast-default);border-color:var(--nj-semantic-color-border-status-warning-subtle-default)}body .mat-button-toggle-group .mat-button-toggle:not(.mat-button-toggle-checked).danger{--mat-standard-button-toggle-text-color: var(--nj-semantic-color-text-status-danger-primary-default);--mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--nj-semantic-color-text-status-danger-contrast-default);border-color:var(--nj-semantic-color-border-status-danger-subtle-default)}body .mat-button-toggle-group.mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard+.mat-button-toggle-appearance-standard{border-width:1}body{--mdc-switch-track-width: 32px;--mdc-switch-track-height: 16px;--mat-switch-selected-handle-horizontal-margin: 0 18px;--mat-switch-selected-pressed-handle-horizontal-margin: 0 18px;--mat-switch-unselected-handle-horizontal-margin: 0 2px;--mdc-switch-state-layer-size: 12px;--mat-switch-unselected-handle-size: 12px;--mat-switch-selected-handle-size: 12px;--mat-switch-pressed-handle-size: 12px;--mdc-elevation-overlay-color: var(--nj-core-color-grey-0);--mdc-switch-selected-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-focus-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-hover-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-selected-pressed-track-color: var(--nj-semantic-color-background-brand-solid-hovered);--mdc-switch-unselected-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-focus-track-color: var(--nj-core-color-grey-600);--mdc-switch-unselected-pressed-track-color: var(--nj-core-color-grey-800);--mdc-switch-unselected-hover-track-color: var(--nj-core-color-grey-700);--mdc-switch-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mat-switch-track-outline-width: 0}body[data-theme=dark]{--mat-switch-label-text-color: var(--nj-core-color-grey-1000);--mdc-switch-unselected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-unselected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-focus-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-pressed-handle-color: var(--nj-semantic-color-background-neutral-primary-default);--mdc-switch-selected-hover-handle-color: var(--nj-semantic-color-background-neutral-primary-default)}body .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container{opacity:1}body .mat-mdc-progress-spinner .mdc-circular-progress__determinate-container .mdc-circular-progress__determinate-circle{stroke:var(--nj-core-color-grey-200)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "engie-fluid-material-theme",
3
- "version": "0.3.2",
3
+ "version": "1.0.0-rc.10",
4
4
  "description": "Angular Material theme for Fluid Design System",
5
5
  "main": "index.css",
6
6
  "repository": {
@@ -15,18 +15,22 @@
15
15
  "theme"
16
16
  ],
17
17
  "scripts": {
18
- "build": "sass src/index.scss dist/index.css --style=compressed --no-source-map",
18
+ "build": "sass src/index.scss dist/index.css --style=compressed --no-source-map && copyfiles -u 1 src/m3-theme.scss dist/",
19
19
  "qa:scss": "stylelint --color \"src/**/*.scss\"",
20
20
  "publish": "npm publish"
21
21
  },
22
22
  "files": [
23
- "dist",
24
- "src/m3-theme.scss"
23
+ "dist"
25
24
  ],
26
25
  "author": "ENGIE GEMS IS SHT-GAS",
27
26
  "contributors": [
28
27
  "Nicolas BUOT <KK1268@engie.com>"
29
28
  ],
29
+ "ng-update": {
30
+ "packageGroup": [
31
+ "engie-fluid-material-theme"
32
+ ]
33
+ },
30
34
  "license": "EPL-2.0",
31
35
  "publishConfig": {
32
36
  "access": "public"
@@ -36,10 +40,11 @@
36
40
  },
37
41
  "homepage": "https://github.tools.digital.engie.com/GEMFranceGalileo/fluid-material-theme",
38
42
  "dependencies": {
39
- "@angular/material": "^18.0.0",
40
- "@engie-group/fluid-design-system": "^5.12.0"
43
+ "@angular/material": "^18.1.1",
44
+ "@engie-group/fluid-design-system": "^5.13.0"
41
45
  },
42
46
  "devDependencies": {
47
+ "copyfiles": "^2.4.1",
43
48
  "sass": "^1.77.6",
44
49
  "stylelint": "^16.6.1",
45
50
  "stylelint-config-standard-scss": "^13.1.0"
/package/{src → dist}/m3-theme.scss RENAMED
File without changes