@design-factory/design-factory 21.0.0-next.1 → 21.0.0

package/README.md

@@ -25,6 +25,15 @@ It will install Design Factory for the default application specified in your ang
 ng add @design-factory/design-factory --project myProject
 ```
 
+## Architecture
+
+The Design Factory is composed of multiple projects and you can install the package that fits your requirements.
+
+- `@design-factory/tokens` includes the Design Tokens that empower the Design System
+- `@design-factory/styles` includes the styles, composed of utilities and component styles
+- `@design-factory/design-factory` contains Angular components and utilities. They will be migrated to the following package
+- `@design-factory/angular` contains the new SideNav and will grow to include all Design Factory Angular components
+
 ### CSS namespace feature
 
 For some specific cases, you may have to use the CSS namespace feature which allows you to apply DF styles only under a selector defined by $df-css-namespace-selector variable (by default ==.design-factory-v2==).
@@ -58,6 +67,7 @@ The supported versions are:
 | 19.0.x         | 19.x.x  | 5.3.3         | 18.0.x       | 14.0.x         | 32.0.x  |            | 0.7.x          |
 | 19.1.x         | 19.x.x  | 5.3.3         | 18.0.x       | 14.1.x         | 32.0.x  |            | 0.8.x          |
 | 20.0.x         | 20.x    | 5.3.7         | 19.0.x       | 15.x \|\| 20.x | 32.x    |            | 0.9.x          |
+| 21.0.x         | 21.x    | 5.3.8         | 20.0.x       | 21.x           | 35.x    |            | 0.10.x         |
 
 ## How to work with the icons
 

package/package.json

@@ -2,13 +2,13 @@
   "name": "@design-factory/design-factory",
   "description": "Amadeus design system",
   "license": "BSD-3-Clause",
-  "version": "21.0.0-next.1",
+  "version": "21.0.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@agnos-ui/angular-bootstrap": "~0.10.0-next.4",
-    "@agnos-ui/angular-headless": "~0.10.0-next.4",
+    "@agnos-ui/angular-bootstrap": "~0.10.0",
+    "@agnos-ui/angular-headless": "~0.10.0",
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/localize": "^21.0.0",
@@ -18,7 +18,7 @@
     "@ng-select/ng-select": "^21.0.0",
     "ag-grid-angular": "^35.0.0",
     "ag-grid-community": "^35.0.0",
-    "@design-factory/styles": "21.0.0-next.1"
+    "@design-factory/styles": "21.0.0"
   },
   "peerDependenciesMeta": {
     "ag-grid-angular": {

package/schematics/migrations/21_0_0/deleted-sass-vars/files/removed-vars.json

@@ -7,7 +7,6 @@
   "$dangers-mapping",
   "$dark-green",
   "$dark-primaries-mapping",
-  "$dark-primary",
   "$darks-mapping",
   "$df-colors-transformed",
   "$df-lightMappedColors",
@@ -18,7 +17,6 @@
   "$df-stepper-steps-colors",
   "$df-switch-additional-color-list",
   "$df-link-external-icon",
-  "$gradients",
   "$grays-mapping",
   "$grays-names",
   "$greens-mapping",

package/schematics/migrations/21_0_0/deleted-sass-vars/files/vars-with-value.json

@@ -1201,7 +1201,7 @@
   },
   {
     "name": "$df-dropdown-toggle-font",
-    "value": "Font Awesome 6 Pro"
+    "value": "'Font Awesome 6 Pro'"
   },
   {
     "name": "$df-dropdown-toggle-font-weight",
@@ -2789,7 +2789,7 @@
   },
   {
     "name": "$df-select-icon-caret-down",
-    "value": "\f0d7"
+    "value": "'\f0d7'"
   },
   {
     "name": "$df-select-icon-color",
@@ -4270,5 +4270,13 @@
   {
     "name": "$df-degrees",
     "value": "(0: 0deg, 45: 45deg, 90: 90deg, 135: 135deg, 180: 180deg, 225: 225deg, 270: 270deg, 315: 315deg, 360: 360deg)"
+  },
+  {
+    "name": "$dark-primary",
+    "value": "#000835"
+  },
+  {
+    "name": "$gradients",
+    "value": "('gradient-blue': ('from': #0c66e1, 'to': #009dd1))"
   }
 ]

package/schematics/migrations/21_0_0/deleted-sass-vars/index.js

@@ -37,7 +37,8 @@ function deletedSassVars() {
                 let match;
                 while ((match = regexDefinition.exec(styleText)) !== null) {
                     const varName = match[1];
-                    const varValue = match[2];
+                    let varValue = match[2];
+                    varValue = varValue.replace(/\s*!default\s*$/, '');
                     if (varsMap.has(varName)) {
                         // we found a re-declaration, we update the value in the map
                         varsMap.set(varName, varValue);