@design-factory/design-factory 15.2.2 → 16.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 +17 -1
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-Bold.ttf +0 -0
- package/assets/fonts/amadeus-neue/bold/AmadeusNeue-Bold.woff +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.woff +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.woff +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.woff +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.woff +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.woff +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.woff +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.woff +0 -0
- package/assets/fonts/amadeus-neue/regular/AmadeusNeue-RegularItalic.woff2 +0 -0
- package/design-factory-initial-branding.css +1 -0
- package/design-factory-initial-branding.scss +1 -0
- package/design-factory.css +1 -3
- package/design-factory.scss +1 -0
- package/esm2022/lib/angular/accessibility/components/skip-links-container/skip-links-container.component.mjs +3 -3
- package/esm2022/lib/angular/df.module.mjs +102 -0
- package/esm2022/lib/angular/icon/amadeus-icon.mjs +2 -2
- package/esm2022/lib/angular/stepper/stepper.component.mjs +65 -0
- package/esm2022/lib/angular/stepper/stepper.directive.mjs +174 -0
- package/esm2022/lib/angular/stepper/stepper.module.mjs +17 -0
- package/esm2022/lib/angular/stepper/stepper.service.mjs +213 -0
- package/esm2022/lib/index.mjs +9 -94
- package/fesm2022/design-factory.mjs +1854 -1394
- package/fesm2022/design-factory.mjs.map +1 -1
- package/lib/angular/df.module.d.ts +26 -0
- package/lib/angular/stepper/stepper.component.d.ts +31 -0
- package/lib/angular/stepper/stepper.directive.d.ts +37 -0
- package/lib/angular/stepper/stepper.module.d.ts +8 -0
- package/lib/angular/stepper/stepper.service.d.ts +126 -0
- package/lib/index.d.ts +7 -22
- package/package.json +23 -4
- package/schematics/migrations/15_0_0/remove-ngx-slider/index.js +0 -1
- package/schematics/migrations/16_0_0/navbar-logo-dark/index.d.ts +9 -0
- package/schematics/migrations/16_0_0/navbar-logo-dark/index.js +43 -0
- package/schematics/migrations/16_0_0/revert-to-old-brand/index.d.ts +7 -0
- package/schematics/migrations/16_0_0/revert-to-old-brand/index.js +115 -0
- package/schematics/migrations/16_0_0/scss-var/files/removed.json +55 -0
- package/schematics/migrations/16_0_0/scss-var/files/renames.json +76 -0
- package/schematics/migrations/16_0_0/scss-var/index.d.ts +7 -0
- package/schematics/migrations/16_0_0/scss-var/index.js +57 -0
- package/schematics/migrations/16_0_0/stepper-classes/index.d.ts +13 -0
- package/schematics/migrations/16_0_0/stepper-classes/index.js +63 -0
- package/schematics/migrations/helpers.js +0 -1
- package/schematics/migrations/migration.json +23 -1
- package/schematics/migrations/utils/component-resource-collector.d.ts +44 -0
- package/schematics/migrations/utils/component-resource-collector.js +166 -0
- package/schematics/migrations/utils/project_tsconfig_paths.js +0 -1
- package/schematics/migrations/utils/style-updater.d.ts +9 -0
- package/schematics/migrations/utils/style-updater.js +38 -0
- package/schematics/migrations/utils/template-updater.d.ts +9 -0
- package/schematics/migrations/utils/template-updater.js +38 -0
- package/schematics/migrations/utils/typescript/compiler_host.js +0 -1
- package/schematics/migrations/utils/typescript/decorators.d.ts +22 -0
- package/schematics/migrations/utils/typescript/decorators.js +41 -0
- package/schematics/migrations/utils/typescript/functions.d.ts +14 -0
- package/schematics/migrations/utils/typescript/functions.js +20 -0
- package/schematics/migrations/utils/typescript/imports.d.ts +17 -0
- package/schematics/migrations/utils/typescript/imports.js +110 -0
- package/schematics/migrations/utils/typescript/line-mappings.d.ts +21 -0
- package/schematics/migrations/utils/typescript/line-mappings.js +75 -0
- package/schematics/migrations/utils/typescript/parse_tsconfig.js +0 -1
- package/schematics/migrations/utils/typescript/property-name.d.ts +18 -0
- package/schematics/migrations/utils/typescript/property-name.js +27 -0
- package/schematics/ng-add/index.js +0 -1
- package/schematics/ng-add/schema.js +0 -1
- package/styles/scss/_common.root.scss +37 -0
- package/styles/scss/_common.scss +3 -9
- package/styles/scss/_common.variables.scss +16 -6
- package/styles/scss/_variables.scss +0 -1
- package/styles/scss/bootstrap/_maps.scss +10 -9
- package/styles/scss/bootstrap/_mixins-override.scss +26 -0
- package/styles/scss/bootstrap/_variables.scss +927 -267
- package/styles/scss/components/accordion/_accordion.scss +31 -14
- package/styles/scss/components/accordion/_accordion.variables.scss +5 -5
- package/styles/scss/components/alert/_alert.scss +130 -228
- package/styles/scss/components/alert/_alert.variables.scss +22 -33
- package/styles/scss/components/badge/_badge.scss +130 -118
- package/styles/scss/components/badge/_badge.variables.scss +14 -8
- package/styles/scss/components/brand-color/_brand-color.mixins.scss +19 -4
- package/styles/scss/components/brand-color/_brand-color.scss +4 -6
- package/styles/scss/components/brand-color/_brand-color.variables.scss +1 -7
- package/styles/scss/components/brand-color/_brand-color_container.scss +28 -0
- package/styles/scss/components/breadcrumbs/_breadcrumbs.scss +77 -65
- package/styles/scss/components/breadcrumbs/_breadcrumbs.variables.scss +6 -4
- package/styles/scss/components/button/_button.scss +120 -55
- package/styles/scss/components/button/_button.variables.scss +18 -4
- package/styles/scss/components/button/_button_container.scss +9 -45
- package/styles/scss/components/card/_card.scss +90 -58
- package/styles/scss/components/card/_card.variables.scss +13 -13
- package/styles/scss/components/carousel/_carousel.scss +22 -23
- package/styles/scss/components/carousel/_carousel.variables.scss +2 -1
- package/styles/scss/components/checkbox/_checkbox.scss +14 -8
- package/styles/scss/components/checkbox/_checkbox.variables.scss +2 -2
- package/styles/scss/components/collapse/_collapse.scss +15 -7
- package/styles/scss/components/collapse/_collapse.variables.scss +3 -3
- package/styles/scss/components/datepicker/_datepicker.scss +178 -122
- package/styles/scss/components/datepicker/_datepicker.variables.scss +22 -15
- package/styles/scss/components/dropdown/_dropdown.mixins.scss +4 -4
- package/styles/scss/components/dropdown/_dropdown.scss +39 -19
- package/styles/scss/components/dropdown/_dropdown.variables.scss +4 -4
- package/styles/scss/components/fieldset/_fieldset.scss +4 -2
- package/styles/scss/components/fonts/_fonts-family.scss +112 -29
- package/styles/scss/components/fonts/_fonts.root.scss +27 -0
- package/styles/scss/components/fonts/_fonts.scss +25 -26
- package/styles/scss/components/fonts/_fonts.variables.scss +2 -2
- package/styles/scss/components/footer/_footer.scss +48 -18
- package/styles/scss/components/footer/_footer.variables.scss +4 -2
- package/styles/scss/components/form/_form.scss +69 -16
- package/styles/scss/components/form/_form.variables.scss +23 -3
- package/styles/scss/components/icon/_amadeus-icon.scss +2 -2
- package/styles/scss/components/icon/_amadeus-icon.variables.scss +1 -0
- package/styles/scss/components/inputs/_inputs.mixin.scss +8 -4
- package/styles/scss/components/inputs/_inputs.root.scss +8 -0
- package/styles/scss/components/inputs/_inputs.scss +159 -118
- package/styles/scss/components/inputs/_inputs.variables.scss +2 -1
- package/styles/scss/components/link/_link.mixins.scss +49 -49
- package/styles/scss/components/link/_link.scss +84 -22
- package/styles/scss/components/link/_link.variables.scss +6 -6
- package/styles/scss/components/list/_list.scss +10 -5
- package/styles/scss/components/list-group/_list-group.scss +54 -48
- package/styles/scss/components/list-group/_list-group.variables.scss +6 -14
- package/styles/scss/components/media/_media.scss +17 -9
- package/styles/scss/components/media/_media.variables.scss +2 -1
- package/styles/scss/components/modal/_modal.scss +88 -39
- package/styles/scss/components/modal/_modal.variables.scss +4 -5
- package/styles/scss/components/navbar/_navbar.scss +298 -115
- package/styles/scss/components/navbar/_navbar.variables.scss +29 -18
- package/styles/scss/components/pagination/_pagination.scss +68 -82
- package/styles/scss/components/pagination/_pagination.variables.scss +5 -8
- package/styles/scss/components/pagination/_pagination_container.scss +3 -0
- package/styles/scss/components/popover/_popover.mixin.scss +20 -33
- package/styles/scss/components/popover/_popover.scss +25 -7
- package/styles/scss/components/popover/_popover_container.scss +123 -74
- package/styles/scss/components/progressbar/_progressbar.scss +15 -7
- package/styles/scss/components/progressbar/_progressbar.variables.scss +3 -2
- package/styles/scss/components/radio/_radio.scss +19 -14
- package/styles/scss/components/rating/_rating.scss +41 -22
- package/styles/scss/components/rating/_rating.variables.scss +5 -5
- package/styles/scss/components/scrollspy/_scrollspy.scss +30 -13
- package/styles/scss/components/scrollspy/_scrollspy.variables.scss +2 -1
- package/styles/scss/components/select/_select.scss +232 -166
- package/styles/scss/components/select/_select.variables.scss +15 -15
- package/styles/scss/components/separator/_separator.scss +2 -1
- package/styles/scss/components/sidenav/_sidenav.scss +208 -135
- package/styles/scss/components/sidenav/_sidenav.variables.scss +19 -20
- package/styles/scss/components/skip-links/_skip-links.scss +31 -16
- package/styles/scss/components/skip-links/_skip-links.variables.scss +6 -6
- package/styles/scss/components/slider/_slider.scss +11 -10
- package/styles/scss/components/slider/_slider.variables.scss +8 -8
- package/styles/scss/components/speechbubble/_speechbubble.scss +50 -30
- package/styles/scss/components/speechbubble/_speechbubble.variables.scss +4 -2
- package/styles/scss/components/spinner/_spinner.scss +34 -29
- package/styles/scss/components/stepper/_stepper.mixins.scss +111 -151
- package/styles/scss/components/stepper/_stepper.scss +163 -69
- package/styles/scss/components/stepper/_stepper.variables.scss +23 -17
- package/styles/scss/components/table/_advancedtables.scss +50 -31
- package/styles/scss/components/table/_table.variables.scss +3 -2
- package/styles/scss/components/tabs/_tabs.scss +98 -49
- package/styles/scss/components/tabs/_tabs.variables.scss +11 -10
- package/styles/scss/components/toast/_toast.scss +136 -68
- package/styles/scss/components/toast/_toast.variables.scss +4 -4
- package/styles/scss/components/toggle/_toggle.scss +90 -44
- package/styles/scss/components/toggle/_toggle.variables.scss +7 -5
- package/styles/scss/components/typeahead/_typeahead.scss +18 -8
- package/styles/scss/components/typeahead/_typeahead.variables.scss +1 -1
- package/styles/scss/df-styles-namespace.scss +8 -11
- package/styles/scss/df-styles.scss +6 -3
- package/styles/scss/themes/brand2023/_variables.scss +585 -0
- package/styles/scss/utilities/_common.utilities.scss +112 -32
- package/assets/fonts/amadeus-light/amadeus-light.svg +0 -8658
- package/assets/fonts/amadeus-light/amadeus-light.ttf +0 -0
- package/assets/fonts/amadeus-light/amadeus-light.woff +0 -0
- package/assets/fonts/amadeus-light/amadeus-light.woff2 +0 -0
- package/assets/icon-amadeus.svg +0 -1
- package/schematics/migrations/15_0_0/remove-ngx-slider/index.js.map +0 -1
- package/schematics/migrations/helpers.js.map +0 -1
- package/schematics/migrations/utils/project_tsconfig_paths.js.map +0 -1
- package/schematics/migrations/utils/typescript/compiler_host.js.map +0 -1
- package/schematics/migrations/utils/typescript/parse_tsconfig.js.map +0 -1
- package/schematics/ng-add/index.js.map +0 -1
- package/schematics/ng-add/schema.js.map +0 -1
- package/styles/scss/components/tooltip/_tooltip.scss +0 -3
- package/styles/scss/components/tooltip/_tooltip.variables.scss +0 -5
package/README.md
CHANGED
|
@@ -23,6 +23,21 @@ It will install Design Factory for the default application specified in your ang
|
|
|
23
23
|
ng add @design-factory/design-factory --project myProject
|
|
24
24
|
```
|
|
25
25
|
|
|
26
|
+
### CSS namespace feature
|
|
27
|
+
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
|
+
In order to use this feature, just import the following:
|
|
29
|
+
```scss
|
|
30
|
+
@import '@design-factory/design-factory/styles/scss/themes/brand2023/variables';
|
|
31
|
+
@import '@design-factory/design-factory/styles/scss/df-styles-namespace';
|
|
32
|
+
```
|
|
33
|
+
in your styles.scss and add the defined selector in your HTML element where you want to apply DF style.
|
|
34
|
+
|
|
35
|
+
If you want to use this feature with the initial brand, just import:
|
|
36
|
+
```scss
|
|
37
|
+
@import '@design-factory/design-factory/styles/scss/df-styles-namespace';
|
|
38
|
+
```
|
|
39
|
+
in your styles.scss
|
|
40
|
+
|
|
26
41
|
## Dependencies
|
|
27
42
|
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/).
|
|
28
43
|
The supported versions are:
|
|
@@ -36,9 +51,10 @@ The supported versions are:
|
|
|
36
51
|
| 13.x.x | 14.1.0 | 5.2.0 | 13.1.0 | 9.0.2 | 27.3.0 | 2.0.4 |
|
|
37
52
|
| 14.x.x | 15.1.0 | 5.2.0 | 14.0.1 | 10.0.3 | 27.3.0 | 2.0.4 |
|
|
38
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 | |
|
|
39
55
|
|
|
40
56
|
## Design Factory Webportal
|
|
41
|
-
To view latest Design Factory components, please go to our [Web portal](
|
|
57
|
+
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.
|
|
42
58
|
|
|
43
59
|
## To use an existing component
|
|
44
60
|
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).
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|