engie-fluid-material-theme 0.2.1 → 0.3.0

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 (3) hide show
  1. package/README.md +21 -8
  2. package/dist/index.css +1 -18
  3. package/package.json +9 -5
package/README.md CHANGED
@@ -1,8 +1,8 @@
1
1
  # Installation guide
2
2
 
3
- This theme is an attempt to provide Fluid Desing System look and feel to Materials components.
3
+ This library provides a Material Theme giving to an application an appearance similar to ENGIE's Fluid Design System.
4
4
 
5
- > :warning: This theme is not perfectly similar to Fluid Design System
5
+ :warning: This theme is not perfectly similar to Fluid Design System
6
6
 
7
7
  ## Pre requisite
8
8
 
@@ -14,13 +14,28 @@ Assuming that you have installed following packages:
14
14
  ```
15
15
  ## Installation
16
16
 
17
- 1. Copy "theme" folder on your project
18
- 2. Reference all components theme files by importing index.scss file in your default styles.scss file and load the material theme
17
+ 1. Install this package:
18
+ ```cmd
19
+ npm install --save engie-fluid-material-theme
20
+ ```
21
+
22
+ 2. Reference theme file by adding it in styles array in angular.json.
23
+
24
+ With default style and fluid-design-system declaration, your file should seems to the following
25
+ ```json
26
+ "styles": [
27
+ "src/styles.scss",
28
+ "node_modules/@engie-group/fluid-design-tokens/lib/css/tokens.css",
29
+ "node_modules/@engie-group/fluid-design-system/lib/fluid-design-system.css",
30
+ **"node_modules/engie-fluid-material-theme/dist/index.css"**
31
+ ]
32
+ ```
33
+ 3. Load material theme in the main styles.scss file:
19
34
 
20
35
  ```scss
21
36
  @use 'sass:map';
37
+ @use 'engie-fluid-material-theme/src/m3-theme';
22
38
  @use '@angular/material' as mat;
23
- @use 'styles/theme/m3-theme';
24
39
 
25
40
  @include mat.core;
26
41
 
@@ -43,11 +58,9 @@ body {
43
58
  @include mat.all-component-colors(m3-theme.$dark-theme);
44
59
  }
45
60
  }
46
-
47
- @import './theme/index';
48
61
  ```
49
62
 
50
- 3. Configure default material components behavior by importing two providers on your app.config.
63
+ 4. Configure default material components behavior by importing two providers on your app.config.
51
64
  - Remove globaly the ripple effect
52
65
  - 'Outline' appearance for all formfields
53
66
 
package/dist/index.css CHANGED
@@ -1,18 +1 @@
1
- /* Error: Can't find stylesheet to import.
2
- * ,
3
- * 5 | @use '@angular/material' as mat;
4
- * | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
5
- * '
6
- * src\m3-theme.scss 5:1 @use
7
- * src\index.scss 1:1 root stylesheet */
8
-
9
- body::before {
10
- font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
11
- "Droid Sans Mono", monospace, monospace;
12
- white-space: pre;
13
- display: block;
14
- padding: 1em;
15
- margin-bottom: 1em;
16
- border-bottom: 2px solid black;
17
- content: "Error: Can't find stylesheet to import.\a \2577 \a 5 \2502 @use '@angular/material' as mat;\a \2502 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a \2575 \a src\\m3-theme.scss 5:1 @use\a src\\index.scss 1:1 root stylesheet";
18
- }
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)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "engie-fluid-material-theme",
3
- "version": "0.2.1",
3
+ "version": "0.3.0",
4
4
  "description": "Angular Material theme for Fluid Design System",
5
5
  "main": "index.css",
6
6
  "repository": {
@@ -15,7 +15,9 @@
15
15
  "theme"
16
16
  ],
17
17
  "scripts": {
18
- "build-css": "sass src/index.scss dist/index.css --style=compressed"
18
+ "build": "sass src/index.scss dist/index.css --style=compressed --no-source-map",
19
+ "qa:scss": "stylelint --color \"src/**/*.scss\"",
20
+ "publish": "npm publish"
19
21
  },
20
22
  "files": [
21
23
  "dist",
@@ -23,11 +25,11 @@
23
25
  ],
24
26
  "author": "ENGIE GEMS IS SHT-GAS",
25
27
  "contributors": [
26
- "Nicolas BUOT <KK1268@engie.com>"
28
+ "Nicolas BUOT <KK1268@engie.com>"
27
29
  ],
28
30
  "license": "EPL-2.0",
29
31
  "publishConfig": {
30
- "access": "public"
32
+ "access": "public"
31
33
  },
32
34
  "bugs": {
33
35
  "url": "https://github.tools.digital.engie.com/GEMFranceGalileo/fluid-material-theme/issues"
@@ -38,6 +40,8 @@
38
40
  "@engie-group/fluid-design-system": "^5.12.0"
39
41
  },
40
42
  "devDependencies": {
41
- "sass": "^1.77.6"
43
+ "sass": "^1.77.6",
44
+ "stylelint": "^16.6.1",
45
+ "stylelint-config-standard-scss": "^13.1.0"
42
46
  }
43
47
  }