@design-factory/design-factory 18.0.4 → 18.1.0

package/README.md

@@ -1,7 +1,4 @@
 <h1 align="center">Amadeus Design Factory</h1>
-<p align="center">
-  <img src="./assets/readme.png" alt="Design Factory banner"/>
-</p>
 
 ## Description
 
@@ -11,8 +8,7 @@ Design Factory is an InnerSource design system made of:
 - A set of design and coding best practices
 - A cross-functional community from all Amadeus business units
 
-If you want to get more information about Design Factory, please go to our confluence page:
-[Design Factory](https://amadeus.atlassian.net/wiki/spaces/UFSCD/overview?homepageId=1690992651).
+If you want to get more information about Design Factory, please contact [Design Factory team](mailto:DFQuestions@amadeusworkplace.onmicrosoft.com).
 
 ## Getting started
 
@@ -51,7 +47,9 @@ in your styles.scss
 
 ## Dependencies
 
-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/).
+## Dependencies
+
+The dependencies are [Angular](https://angular.io), [Bootstrap 5](https://getbootstrap.com), [Ng-bootstrap](https://ng-bootstrap.github.io), [AgnosUI](https://amadeusitgroup.github.io/AgnosUI/latest/), [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/).
 The supported versions are:
 
 | Design Factory | Angular | Bootstrap CSS | Ng-Bootstrap | Ng-select | Ag-grid | ngx-slider | AgnosUI        |
@@ -66,65 +64,10 @@ The supported versions are:
 | 16.x.x         | 16.x.x  | 5.2.0         | 15.1.0       | 11.2.0    | 30.2.x  |            |                |
 | 17.0.x         | 17.x.x  | 5.3.2         | 16.0.x       | 12.0.x    | 31.0.x  |            | 0.0.1-alpha.10 |
 | 17.1.x         | 17.x.x  | 5.3.3         | 16.0.x       | 12.0.x    | 31.1.x  |            | 0.2.0          |
-| 18.0.x         | 18.x.x  | 5.3.3         | 17.0.x       | 13.2.x    | 31.3.x  |            | 0.4.0          |
-
-## Design Factory Webportal
-
-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.
-
-## To use an existing component
-
-To use an existing component, please follow the following process and tutorials: [How to use an existing component](https://amadeus.atlassian.net/wiki/spaces/UFSCD/pages/1691021723/How+to+use).
-
-## To contribute to a component
-
-To contribute to an existing or new component, please follow the following guideline: [How to contribute to an existing or new component](https://amadeus.atlassian.net/wiki/spaces/UFSCD/pages/1690994038/How+to+contribute).
-
-## Release guide
-
-### Webportal version generation
-
-The Webportal versions are stored in [Artifactory generic storage](https://repository.rnd.amadeus.net/artifactory/DF-generic-validated-df-nce/).
-
-In order to publish a new version you need to follow these steps:
-
-1. Change the version in package.json to the version you want to publish (always follow the Major.minor~~.patch~~ convention, e.g. 18.1)
-2. Change the app.component.ts fetch versions path from '../assets/versions.json' to '../../../versions.json'
-3. Build the demo webportal: npm run build:demo
-4. Generate zip and deploy to artifactory: npm run generate-demo-zip <artifactory_user> <artifactory_password>
+| 18.0.x         | 18.x.x  | 5.3.3         | 17.0.x       | 13.2.x    | 31.3.x  |            | 0.4.x          |
 
 ## How to work with the icons
 
 [Icons](https://design-factory.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/icon/examples) are a mix of [Font Awesome](https://fontawesome.com/) (FW) and in-house produced pictograms.
 
 Since DF 18.0.0 release in-house icons and FW icons are split into different fonts.
-
-### How to update the FW icons
-
-1. Download the FW Pro version distribution zip. You need to have an account with Pro version - ask the DF core team.
-2. Select font styles that you need (currently only Solid, Light, Brands are used)
-3. Copy the woff2 font files into the assets folder (projects/design-factory/src/assets/fonts/font-awesome)
-4. [Only when adding a new font style] Copy custom FontAwesome @font-face into projects/design-factory/src/styles/scss/components/fonts/\_fonts-family.scss and modify the source to target the proper woff2 in assets folder
-5. Run the font-awesome-extract script with the all.css file located in the FW-distrubution.zip/css folder as an input.
-   This will generate the respective ts files with list of icons in src/app/components/handmade/icon/demos/font/ and respective css files with content in projects/design-factory/src/styles/scss/components/fonts.
-   [When adding a new font style] The script currently extracts only base and brand icons, for the new ones it needs to be modified with proper regex and logic.
-6. [Only when adding a new font style] Update the /src/app/components/handmade/icon/demos/font/icon-font.ts with the references to the list of icons to create a new tab in the portal.
-
-### How to update the in-house fonts
-
-1. Go to the [Icomoon](https://icomoon.io/app/#/)
-2. Select "New Empty Set"
-3. Click "Import Icons"
-4. Open the latest release zip file and select "selection.json"
-5. Select "Yes" for the font's metrics and metadata
-6. Click "Import to Set"
-7. Select the new icon SVG that you want to add.
-8. Make sure to prefix the new icon name with 'df-'
-9. Make sure that the order of the icons in light and solid sets is the same as Icomoon will assing the same glyph codes.
-10. Click "Select all"
-11. Click "Generate Font"
-12. In the Preferences change the Font Name to reflect the contents (df-light-300) and Class Prefix to 'icon-'
-13. Download the font zip (contains the woff file)
-14. Generate the woff2 with a converter of your choice
-15. Update the respective list of icons in src/app/components/handmade/icon/demos/font/icon-list.ts
-16. Update the respective font.scss file with content attribute in fonts folder (projects/design-factory/src/styles/scss/components/fonts/\_icon-font.scss)