igniteui-angular 17.2.17 → 17.2.19

package/lib/core/styles/components/input/_input-group-theme.scss

@@ -910,10 +910,14 @@
         }
     }
 
-    %form-group-label--float {
-        --floating-label-position: -73%;
-        transform: translateY(var(--floating-label-position));
-        font-size: rem(12px);
+    @if $variant == 'material' {
+        %form-group-label--float {
+            --floating-label-position: -73%;
+
+            @include type-style('caption');
+
+            transform: translateY(var(--floating-label-position));
+        }
     }
 
     %form-group-label--focused-border,
@@ -972,8 +976,8 @@
 
     %form-group-label--float-border {
         --label-position: #{sizable(18px, 22px, 26px)};
+
         transform: translateY(calc(var(--label-position) * -1));
-        font-size: rem(12px);
         margin-top: 0;
         overflow: hidden;
         will-change: font-size, color, transform;
@@ -1718,8 +1722,6 @@
     // Label
     %fluent-label {
         display: block;
-        font-size: rem(14px);
-        font-weight: 600;
         position: static;
         transform: translateY(0);
         transform-origin: top left;
@@ -1939,13 +1941,11 @@
         display: block;
         color: var-get($theme, 'idle-secondary-color');
         padding: 0;
-        line-height: rem(24px);
         transform: translateY(0);
         transform-origin: top left;
         margin-block-start: 0 !important;
         margin-block-end: rem(4px);
         height: auto;
-        font-size: rem(16px);
 
         [dir='rtl'] & {
             transform-origin: top right;

package/lib/core/styles/components/label/_label-theme.scss

@@ -50,21 +50,33 @@
         color: var-get($theme, 'color');
         max-width: 100%;
         line-height: normal;
-        font-size: rem(16px);
 
         [dir='rtl'] & {
             transform-origin: top right;
         }
 
-        @if $variant == 'fluent' or $variant == 'indigo-design' {
-            font-size: rem(14px);
-            font-weight: 600;
+        @if $variant != 'material' {
             height: auto;
         }
+    }
+}
 
-        @if $variant == 'bootstrap' {
-            line-height: rem(24px);
-            height: auto;
+/// Adds typography styles for the igx-label component.
+/// Uses the 'caption'
+/// category from the typographic scale.
+/// @group typography
+/// @param {Map} $categories [(label: 'caption')] - The categories from the typographic scale used for type styles.
+@mixin label-typography(
+    $categories: (
+        label: 'subtitle-1',
+    )
+) {
+    $label: map.get($categories, 'label');
+
+    %label-base {
+        @include type-style($label) {
+            margin: 0;
         }
     }
 }
+

package/lib/core/styles/typography/_bootstrap.scss

@@ -30,6 +30,7 @@
 @use '../components/toast/toast-theme' as *;
 @use '../components/tooltip/tooltip-theme' as *;
 @use '../components/tree/tree-theme' as *;
+@use '../components/label/label-theme' as *;
 
 @mixin typography($type-scale) {
     @include badge-typography();
@@ -108,4 +109,7 @@
     @include toast-typography();
     @include tooltip-typography();
     @include tree-typography();
+    @include label-typography($categories: (
+        label: 'body-1'
+    ));
 }

package/lib/core/styles/typography/_fluent.scss

@@ -29,6 +29,7 @@
 @use '../components/toast/toast-theme' as *;
 @use '../components/tooltip/tooltip-theme' as *;
 @use '../components/tree/tree-theme' as *;
+@use '../components/label/label-theme' as *;
 
 @mixin typography() {
     @include badge-typography();
@@ -104,4 +105,7 @@
     ));
     @include tooltip-typography();
     @include tree-typography();
+    @include label-typography($categories: (
+        label: 'subtitle-2'
+    ));
 }

package/lib/core/styles/typography/_indigo.scss

@@ -29,6 +29,7 @@
 @use '../components/toast/toast-theme' as *;
 @use '../components/tooltip/tooltip-theme' as *;
 @use '../components/tree/tree-theme' as *;
+@use '../components/label/label-theme' as *;
 
 @mixin typography() {
     @include badge-typography($categories: (
@@ -109,4 +110,7 @@
     @include toast-typography();
     @include tooltip-typography();
     @include tree-typography();
+    @include label-typography($categories: (
+        label: 'caption'
+    ));
 }

package/lib/core/styles/typography/_material.scss

@@ -29,6 +29,7 @@
 @use '../components/toast/toast-theme' as *;
 @use '../components/tooltip/tooltip-theme' as *;
 @use '../components/tree/tree-theme' as *;
+@use '../components/label/label-theme' as *;
 
 @mixin typography() {
     @include badge-typography();
@@ -62,4 +63,5 @@
     @include toast-typography();
     @include tooltip-typography();
     @include tree-typography();
+    @include label-typography();
 }

package/lib/data-operations/filtering-condition.d.ts

@@ -60,6 +60,7 @@ declare class IgxBaseDateTimeFilteringOperand extends IgxFilteringOperand {
  */
 export declare class IgxDateFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();
+    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
 }
 export declare class IgxDateTimeFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();

package/lib/services/exporter-common/base-export-service.d.ts

@@ -150,6 +150,7 @@ export declare abstract class IgxBaseExporter {
     private pivotGridColumns;
     private pivotGridRowDimensionsMap;
     private pivotGridKeyValueMap;
+    private ownerGrid;
     /**
      * Method for exporting IgxGrid component's data.
      * ```typescript

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.2.17",
+  "version": "17.2.19",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",