@design-factory/design-factory 16.0.1 → 17.0.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.
- package/README.md +30 -14
- package/assets/fonts/amadeus-neue/bold/{AmadeusNeue-Bold.woff → AmadeusNeueWeb-Bold.woff} +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeueWeb-Bold.woff2 +0 -0
- package/assets/fonts/amadeus-neue/bold/{AmadeusNeue-BoldItalic.woff → AmadeusNeueWeb-BoldItalic.woff} +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeueWeb-BoldItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/light/{AmadeusNeue-Light.woff → AmadeusNeueWeb-Light.woff} +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeueWeb-Light.woff2 +0 -0
- package/assets/fonts/amadeus-neue/light/{AmadeusNeue-LightItalic.woff → AmadeusNeueWeb-LightItalic.woff} +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeueWeb-LightItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/medium/{AmadeusNeue-Medium.woff → AmadeusNeueWeb-Medium.woff} +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeueWeb-Medium.woff2 +0 -0
- package/assets/fonts/amadeus-neue/medium/{AmadeusNeue-MediumItalic.woff → AmadeusNeueWeb-MediumItalic.woff} +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeueWeb-MediumItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/regular/{AmadeusNeue-Regular.woff → AmadeusNeueWeb-Regular.woff} +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeueWeb-Regular.woff2 +0 -0
- package/assets/fonts/amadeus-neue/regular/{AmadeusNeue-RegularItalic.woff → AmadeusNeueWeb-RegularItalic.woff} +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeueWeb-RegularItalic.woff2 +0 -0
- package/design-factory-initial-branding.css +1 -1
- package/design-factory.css +1 -1
- package/esm2022/lib/angular/accessibility/accessibility.module.mjs +4 -4
- package/esm2022/lib/angular/accessibility/components/skip-links-container/skip-links-container.component.mjs +5 -5
- package/esm2022/lib/angular/accessibility/directives/skip-link.directive.mjs +6 -6
- package/esm2022/lib/angular/alert/alert.module.mjs +4 -4
- package/esm2022/lib/angular/card/card-advanced.module.mjs +4 -4
- package/esm2022/lib/angular/card/manage-card-selection.directive.mjs +5 -5
- package/esm2022/lib/angular/datepicker/closedatepicker.directive.mjs +5 -5
- package/esm2022/lib/angular/datepicker/datepicker-keyboard-nav.service.mjs +3 -3
- package/esm2022/lib/angular/datepicker/datepicker-range.directive.mjs +4 -4
- package/esm2022/lib/angular/datepicker/datepicker-range.service.mjs +4 -4
- package/esm2022/lib/angular/datepicker/datepicker.module.mjs +4 -4
- package/esm2022/lib/angular/df.module.mjs +4 -4
- package/esm2022/lib/angular/footer/footer.module.mjs +4 -4
- package/esm2022/lib/angular/icon/amadeus-icon.mjs +3 -3
- package/esm2022/lib/angular/icon/icon.module.mjs +4 -4
- package/esm2022/lib/angular/icon/insert/insert-icon.directive.mjs +4 -4
- package/esm2022/lib/angular/icon/insert/insert-icon.module.mjs +4 -4
- package/esm2022/lib/angular/inputs/click/trigger-click.directive.mjs +5 -5
- package/esm2022/lib/angular/inputs/icon/inputicon.directive.mjs +5 -5
- package/esm2022/lib/angular/inputs/input-advanced.module.mjs +4 -4
- package/esm2022/lib/angular/mediaqueries/ifMedia.directive.mjs +5 -5
- package/esm2022/lib/angular/mediaqueries/media.module.mjs +4 -4
- package/esm2022/lib/angular/mediaqueries/media.service.mjs +4 -4
- package/esm2022/lib/angular/mediaqueries/mediaUtils.service.mjs +14 -14
- package/esm2022/lib/angular/modal/modal.service.mjs +4 -4
- package/esm2022/lib/angular/popover/config/popover.config.mjs +7 -8
- package/esm2022/lib/angular/popover/popover.module.mjs +4 -4
- package/esm2022/lib/angular/progressbar/progressbar.component.mjs +5 -7
- package/esm2022/lib/angular/progressbar/progressbar.module.mjs +5 -5
- package/esm2022/lib/angular/progressindicator/default/default-spinner.component.mjs +5 -5
- package/esm2022/lib/angular/progressindicator/progressindicator-backdrop.component.mjs +3 -3
- package/esm2022/lib/angular/progressindicator/progressindicator-container.component.mjs +3 -3
- package/esm2022/lib/angular/progressindicator/progressindicator.directive.mjs +5 -5
- package/esm2022/lib/angular/progressindicator/progressindicator.module.mjs +4 -4
- package/esm2022/lib/angular/progressindicator/progressindicator.service.mjs +5 -5
- package/esm2022/lib/angular/right-to-left/directionDetection.service.mjs +3 -3
- package/esm2022/lib/angular/selects/events/manage-badge-events.directive.mjs +5 -5
- package/esm2022/lib/angular/selects/nav/manage-nav-select.directive.mjs +6 -6
- package/esm2022/lib/angular/selects/option-highlight.directive.mjs +5 -5
- package/esm2022/lib/angular/selects/select.module.mjs +4 -4
- package/esm2022/lib/angular/sidenav/dfSideNavCollapse.mjs +5 -5
- package/esm2022/lib/angular/sidenav/dfSideNavCollapse.module.mjs +4 -4
- package/esm2022/lib/angular/sidenav/dfSideNavCollapse.service.mjs +4 -4
- package/esm2022/lib/angular/sidenav/dfSideNavCollapseConfig.mjs +4 -4
- package/esm2022/lib/angular/sidenav/excludeTrap.directive.mjs +5 -5
- package/esm2022/lib/angular/sidenav/manage-sidenav.directive.mjs +4 -4
- package/esm2022/lib/angular/sidenav/sidenav-config.mjs +3 -3
- package/esm2022/lib/angular/sidenav/sidenav.component.mjs +18 -18
- package/esm2022/lib/angular/sidenav/sidenav.module.mjs +4 -4
- package/esm2022/lib/angular/sidenav/sidenav.service.mjs +4 -4
- package/esm2022/lib/angular/sidenav/sidenavlist.component.mjs +5 -5
- package/esm2022/lib/angular/slider/direction/sliderdirection.directive.mjs +6 -6
- package/esm2022/lib/angular/slider/lib/slider-element.directive.mjs +5 -5
- package/esm2022/lib/angular/slider/lib/slider-handle.directive.mjs +5 -5
- package/esm2022/lib/angular/slider/lib/slider-label.directive.mjs +4 -4
- package/esm2022/lib/angular/slider/lib/slider.component.mjs +6 -6
- package/esm2022/lib/angular/slider/lib/tooltip-wrapper.component.mjs +6 -6
- package/esm2022/lib/angular/slider/slider.module.mjs +4 -4
- package/esm2022/lib/angular/stepper/stepper.component.mjs +9 -9
- package/esm2022/lib/angular/stepper/stepper.directive.mjs +6 -6
- package/esm2022/lib/angular/stepper/stepper.module.mjs +4 -4
- package/esm2022/lib/angular/stepper/stepper.service.mjs +3 -3
- package/esm2022/lib/angular/toast/toast.module.mjs +4 -4
- package/esm2022/lib/angular/tooltip/tooltip.module.mjs +4 -4
- package/esm2022/lib/angular/tooltip/truncate/tooltipTruncate.directive.mjs +4 -4
- package/esm2022/lib/angular/utils/scrollbar.service.mjs +5 -5
- package/fesm2022/design-factory.mjs +295 -295
- package/fesm2022/design-factory.mjs.map +1 -1
- package/lib/angular/popover/config/popover.config.d.ts +1 -2
- package/package.json +14 -10
- package/styles/scss/_common.root.scss +9 -3
- package/styles/scss/_variables.scss +3 -0
- package/styles/scss/agnosui/_variables.scss +59 -0
- package/styles/scss/bootstrap/_variables.scss +834 -683
- package/styles/scss/components/button/_button.scss +38 -31
- package/styles/scss/components/button/_button.utils.scss +1 -1
- package/styles/scss/components/button/_button.variables.scss +7 -4
- package/styles/scss/components/fonts/_fonts-family.scss +16 -24
- package/styles/scss/components/select/_select.variables.scss +2 -2
- package/styles/scss/components/table/_advancedtables.scss +17 -11
- package/styles/scss/components/table/_table.variables.scss +2 -2
- package/styles/scss/df-styles-namespace.scss +3 -1
- package/styles/scss/df-styles.scss +1 -0
- package/styles/scss/themes/brand2023/_variables.scss +304 -286
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-Bold.ttf +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-Bold.woff2 +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-BoldItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-BoldItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-Light.ttf +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-Light.woff2 +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-LightItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/light/AmadeusNeue-LightItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-Medium.ttf +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-Medium.woff2 +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-MediumItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/medium/AmadeusNeue-MediumItalic.woff2 +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-Regular.ttf +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-Regular.woff2 +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-RegularItalic.ttf +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-RegularItalic.woff2 +0 -0
package/README.md
CHANGED
|
@@ -4,60 +4,76 @@
|
|
|
4
4
|
</p>
|
|
5
5
|
|
|
6
6
|
## Description
|
|
7
|
+
|
|
7
8
|
Design Factory is an InnerSource design system made of:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
|
|
10
|
+
- A UI library for Amadeus external and internal interfaces and applications, based on our four pillars
|
|
11
|
+
- A set of design and coding best practices
|
|
12
|
+
- A cross-functional community from all Amadeus business units
|
|
11
13
|
|
|
12
14
|
If you want to get more information about Design Factory, please go to our confluence page:
|
|
13
15
|
[Design Factory](https://rndwww.nce.amadeus.net/confluence/x/XjMwBw).
|
|
14
16
|
|
|
15
17
|
## Getting started
|
|
18
|
+
|
|
16
19
|
You can easily add Design Factory library in your project thanks our schematics.
|
|
17
20
|
Just run the following:
|
|
21
|
+
|
|
18
22
|
```bash
|
|
19
23
|
ng add @design-factory/design-factory
|
|
20
24
|
```
|
|
25
|
+
|
|
21
26
|
It will install Design Factory for the default application specified in your angular.json. If you have multiple projects and you want to target a specific application, you could specify the --project option
|
|
27
|
+
|
|
22
28
|
```bash
|
|
23
29
|
ng add @design-factory/design-factory --project myProject
|
|
24
30
|
```
|
|
25
31
|
|
|
26
32
|
### CSS namespace feature
|
|
33
|
+
|
|
27
34
|
For some specific cases, you may have to use the CSS namespace feature which allow you to apply DF styles only under a selector defined by $df-css-namespace-selector variable (by default ==.design-factory-v2==).
|
|
28
35
|
In order to use this feature, just import the following:
|
|
36
|
+
|
|
29
37
|
```scss
|
|
30
38
|
@import '@design-factory/design-factory/styles/scss/themes/brand2023/variables';
|
|
31
39
|
@import '@design-factory/design-factory/styles/scss/df-styles-namespace';
|
|
32
40
|
```
|
|
41
|
+
|
|
33
42
|
in your styles.scss and add the defined selector in your HTML element where you want to apply DF style.
|
|
34
43
|
|
|
35
44
|
If you want to use this feature with the initial brand, just import:
|
|
45
|
+
|
|
36
46
|
```scss
|
|
37
47
|
@import '@design-factory/design-factory/styles/scss/df-styles-namespace';
|
|
38
48
|
```
|
|
49
|
+
|
|
39
50
|
in your styles.scss
|
|
40
51
|
|
|
41
52
|
## Dependencies
|
|
53
|
+
|
|
42
54
|
The dependencies are [Angular](https://angular.io), [Bootstrap 5](https://getbootstrap.com) CSS, [Ng-bootstrap](https://ng-bootstrap.github.io), [Ng-select](https://ng-select.github.io/ng-select#/data-sources), [Ag-grid](https://www.ag-grid.com/) and [ngx-slider](https://angular-slider.github.io/ngx-slider/).
|
|
43
55
|
The supported versions are:
|
|
44
56
|
|
|
45
|
-
| Design Factory | Angular | Bootstrap CSS | Ng-Bootstrap | Ng-select | Ag-grid | ngx-slider |
|
|
46
|
-
| -------------- | ------- | ------------- | ------------ | --------- | ------- | ---------- |
|
|
47
|
-
| 9.x.x | 11.0.0 | 4.5.0 | 9.1.0 | 5.0.14 | | 2.0.3 |
|
|
48
|
-
| 10.x.x | 12.0.0 | 4.5.3 | 10.0.0 | 7.2.0 | | 2.0.3 |
|
|
49
|
-
| 11.x.x | 13.2.0 | 4.5.3 | 11.0.0 | 8.1.1 | | 2.0.3 |
|
|
50
|
-
| 12.x.x | 13.2.0 | 5.1.3 | 12.1.2 | 8.1.1 | 27.3.0 | 2.0.3 |
|
|
51
|
-
| 13.x.x | 14.1.0 | 5.2.0 | 13.1.0 | 9.0.2 | 27.3.0 | 2.0.4 |
|
|
52
|
-
| 14.x.x | 15.1.0 | 5.2.0 | 14.0.1 | 10.0.3 | 27.3.0 | 2.0.4 |
|
|
53
|
-
| 15.x.x | 16.0.0 | 5.2.0 | 15.0.0 | 11.0.0 | 29.3.5 | |
|
|
54
|
-
| 16.x.x | 16.x.x | 5.2.0 | 15.1.0 | 11.2.0 | 30.2.x | |
|
|
57
|
+
| Design Factory | Angular | Bootstrap CSS | Ng-Bootstrap | Ng-select | Ag-grid | ngx-slider | AgnosUI |
|
|
58
|
+
| -------------- | ------- | ------------- | ------------ | --------- | ------- | ---------- | -------------- |
|
|
59
|
+
| 9.x.x | 11.0.0 | 4.5.0 | 9.1.0 | 5.0.14 | | 2.0.3 | |
|
|
60
|
+
| 10.x.x | 12.0.0 | 4.5.3 | 10.0.0 | 7.2.0 | | 2.0.3 | |
|
|
61
|
+
| 11.x.x | 13.2.0 | 4.5.3 | 11.0.0 | 8.1.1 | | 2.0.3 | |
|
|
62
|
+
| 12.x.x | 13.2.0 | 5.1.3 | 12.1.2 | 8.1.1 | 27.3.0 | 2.0.3 | |
|
|
63
|
+
| 13.x.x | 14.1.0 | 5.2.0 | 13.1.0 | 9.0.2 | 27.3.0 | 2.0.4 | |
|
|
64
|
+
| 14.x.x | 15.1.0 | 5.2.0 | 14.0.1 | 10.0.3 | 27.3.0 | 2.0.4 | |
|
|
65
|
+
| 15.x.x | 16.0.0 | 5.2.0 | 15.0.0 | 11.0.0 | 29.3.5 | | |
|
|
66
|
+
| 16.x.x | 16.x.x | 5.2.0 | 15.1.0 | 11.2.0 | 30.2.x | | |
|
|
67
|
+
| 17.x.x | 17.x.x | 5.3.2 | 16.0.x | 12.0.x | 31.0.x | | 0.0.1-alpha.10 |
|
|
55
68
|
|
|
56
69
|
## Design Factory Webportal
|
|
57
|
-
|
|
70
|
+
|
|
71
|
+
To view latest Design Factory components, please go to our [Web portal](https://design-factory.app.net6.paas.westeurope.rnd.az.amadeus.net). You need Amadeus intranet access to access this webportal.
|
|
58
72
|
|
|
59
73
|
## To use an existing component
|
|
74
|
+
|
|
60
75
|
To use an existing component, please follow the following process and tutorials: [How to use an existing component](https://rndwww.nce.amadeus.net/confluence/x/GiSLDQ).
|
|
61
76
|
|
|
62
77
|
## To contribute to a component
|
|
78
|
+
|
|
63
79
|
To contribute to an existing or new component, please follow the following guideline: [How to contribute to an existing or new component](https://rndwww.nce.amadeus.net/confluence/x/bC-iOg).
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/assets/fonts/amadeus-neue/light/{AmadeusNeue-Light.woff → AmadeusNeueWeb-Light.woff}
RENAMED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/assets/fonts/amadeus-neue/medium/{AmadeusNeue-Medium.woff → AmadeusNeueWeb-Medium.woff}
RENAMED
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/assets/fonts/amadeus-neue/regular/{AmadeusNeue-Regular.woff → AmadeusNeueWeb-Regular.woff}
RENAMED
|
Binary file
|
|
Binary file
|
|
Binary file
|