igniteui-angular 18.2.0-beta.1 → 18.2.0-beta.2

package/lib/core/styles/components/query-builder/_query-builder-theme.scss

@@ -323,16 +323,9 @@
             display: inline-flex;
         }
 
-        igx-icon {
-            cursor: pointer;
-            color: color(null, 'gray', 500);
-            outline-style: none;
-
-            &:hover,
-            &:focus {
-                color: color(null, 'gray', 800);
-            }
-        }
+        %igx-icon-button-display {
+            --size: #{sizable(rem(20px), rem(24px), if($variant != 'indigo', rem(32px), rem(28px)))}
+        };
     }
 
     %filter-tree__expression-condition {
@@ -468,8 +461,9 @@
 
     %filter-con-menu__close-btn {
         position: absolute;
-        top: rem(-18px);
-        inset-inline-end: rem(-18px);
+        top: 0;
+        inset-inline-start: 100%;
+        transform: translate(-50%, -50%);
         background-color: var-get($theme, 'background');
         border: rem(1px) solid color(null, 'gray', 200);
 

package/lib/data-operations/filtering-expressions-tree.d.ts

@@ -54,7 +54,7 @@ export declare class FilteringExpressionsTree implements IFilteringExpressionsTr
     /**
      * Sets/gets the field name of the column where the filtering expression is placed.
      * ```typescript
-     *  gridExpressionTree.fieldName = 'Column Field';
+     * gridExpressionTree.fieldName = 'Column Field';
      * ```
      * ```typescript
      * let columnField = expressionTree.fieldName;
@@ -66,7 +66,7 @@ export declare class FilteringExpressionsTree implements IFilteringExpressionsTr
     /**
      * Sets/gets the type of the filtering expressions tree.
      * ```typescript
-     *  gridExpressionTree.type = FilteringExpressionsTree.Advanced;
+     * gridExpressionTree.type = FilteringExpressionsTree.Advanced;
      * ```
      * ```typescript
      * let type = expressionTree.type;
@@ -75,7 +75,29 @@ export declare class FilteringExpressionsTree implements IFilteringExpressionsTr
      * @memberof FilteringExpressionsTree
      */
     type?: FilteringExpressionsTreeType;
+    /**
+     * Sets/gets the entity.
+     * ```typescript
+     * gridExpressionsTree.entity = 'Entity A';
+     * ```
+     * ```typescript
+     * let entity = gridExpressionsTree.entity;
+     * ```
+     *
+     * @memberof FilteringExpressionsTree
+     */
     entity?: string;
+    /**
+     * Sets/gets the return fields.
+     * ```typescript
+     * gridExpressionsTree.returnFields = ['Column Field 1', 'Column Field 2'];
+     * ```
+     * ```typescript
+     * let returnFields = gridExpressionsTree.returnFields;
+     * ```
+     *
+     * @memberof FilteringExpressionsTree
+     */
     returnFields?: string[];
     constructor(operator: FilteringLogic, fieldName?: string, entity?: string, returnFields?: string[]);
     /**

package/migrations/update-18_2_0/index.js

@@ -18,5 +18,37 @@ exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, fun
         args.bindingType = UpdateChanges_1.InputPropertyType.EVAL;
         args.value = `[{ name: '', fields: ${args.value}}]`;
     });
+    const IG_COLORS = [
+        'primary-',
+        'primary-A',
+        'secondary-',
+        'secondary-A',
+        'gray-',
+        'surface-',
+        'surface-A',
+        'info-',
+        'info-A',
+        'success-',
+        'success-A',
+        'warn-',
+        'warn-A',
+        'error-',
+        'error-A'
+    ];
+    const hslaColor = 'hsla?\\(var\\(--ig-attr(\\d)00\\)\\)';
+    for (const entryPath of update.sassFiles) {
+        let content = host.read(entryPath).toString();
+        IG_COLORS.forEach(color => {
+            let prop = hslaColor.replace('attr', color);
+            const regex = new RegExp(prop, 'g');
+            if (regex.test(content)) {
+                let newColor = prop.replace(/hsla\?\\\(var\\\(--ig-/g, 'var\(--ig-');
+                newColor = newColor.replace('(\\d)', '$1');
+                newColor = newColor.replace('\\)\\)', ')');
+                content = content.replace(regex, newColor);
+                host.overwrite(entryPath, content);
+            }
+        });
+    }
     update.applyChanges();
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "18.2.0-beta.1",
+  "version": "18.2.0-beta.2",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -74,7 +74,7 @@
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "uuid": "^9.0.0",
-    "igniteui-theming": "^14.2.0-beta.2",
+    "igniteui-theming": "^14.2.0-beta.3",
     "@igniteui/material-icons-extended": "^3.0.0"
   },
   "peerDependencies": {