igniteui-angular 17.2.4 → 17.2.5

package/lib/card/card.component.d.ts

@@ -138,7 +138,6 @@ export declare class IgxCardFooterDirective {
  * ```
  */
 export declare class IgxCardComponent {
-    private static ngAcceptInputType_elevated;
     /**
      * Sets/gets the `id` of the card.
      * If not set, `id` will have value `"igx-card-0"`;
@@ -181,8 +180,7 @@ export declare class IgxCardComponent {
      * let cardElevation = this.card.elevated;
      * ```
      */
-    get elevated(): boolean;
-    set elevated(value: boolean);
+    elevated: boolean;
     /**
      * Sets the value of the `horizontal` attribute of the card.
      * Setting this to `true` will make the different card sections align horizontally,
@@ -194,13 +192,9 @@ export declare class IgxCardComponent {
      * ```
      */
     horizontal: boolean;
-    /**
-     * @hidden
-     * @internal
-     */
-    private _elevated;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxCardComponent, "igx-card", never, { "id": { "alias": "id"; "required": false; }; "role": { "alias": "role"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_elevated: unknown;
     static ngAcceptInputType_horizontal: unknown;
 }
 export declare const IgxCardActionsLayout: {

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

@@ -137,6 +137,10 @@
             @extend %textarea-group--outlined !optional;
         }
 
+        @include mx(textarea-group, box) {
+            @extend %textarea-group--box !optional;
+        }
+
         @include mx(textarea-group, focused) {
             @include e(label) {
                 @extend %textarea-group-label--focused !optional;

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

@@ -1014,11 +1014,24 @@
         }
     }
 
-    %form-group-textarea-label {
-        transition-duration: 0ms;
-    }
-
     @if $material-theme {
+        %form-group-textarea-label {
+            top: calc($input-top-padding - #{rem(1px)});
+            margin-block-end: auto;
+        }
+
+        %textarea-group--outlined {
+            %form-group-textarea-label {
+                top: calc($input-top-padding - #{rem(3px)});
+            }
+        }
+
+        %textarea-group--box {
+            %form-group-textarea-label {
+                top: calc($input-top-padding - #{rem(2px)});
+            }
+        }
+
         %textarea-group-label--focused {
             transform: translateY(0);
             top: calc(#{$input-top-padding} / 4);

package/lib/core/styles/components/slider/_slider-theme.scss

@@ -237,7 +237,7 @@
         border-radius: border-radius(rem(32px));
 
         @if $variant == 'indigo-design' {
-            border-radius: initial;
+            border-radius: border-radius(rem(4px));
         }
     }
 
@@ -290,6 +290,14 @@
             top: 0;
             align-items: flex-end;
         }
+
+        @if $variant == 'indigo-design' {
+            bottom: rem(3px);
+
+            &%igx-slider__ticks--top {
+                top: rem(3px);
+            }
+        }
     }
 
     %igx-slider__ticks-group {
@@ -303,7 +311,7 @@
         }
 
         &:last-of-type {
-            margin-inline-start: rem(-1px);
+            margin-inline-end: rem(-1px);
         }
     }
 
@@ -330,6 +338,10 @@
     %igx-slider__ticks--tall {
         %igx-slider__ticks-label {
             top: calc(#{$tick-height--tall} + #{$tick-height});
+
+            @if $variant == 'indigo-design' {
+                top: calc(#{$tick-height--tall} + (#{$tick-height} / 2));
+            }
         }
     }
 
@@ -348,6 +360,10 @@
 
         %igx-slider__ticks-label {
             top: calc(#{$tick-height--tall} + #{$tick-height});
+
+            @if $variant == 'indigo-design' {
+                top: calc(#{$tick-height--tall} + (#{$tick-height} / 2));
+            }
         }
     }
 
@@ -535,6 +551,10 @@
         display: flex;
         top: calc(((#{$thumb-label-height}) + rem(20px)) * -1);
         height: $thumb-label-height;
+
+        @if $variant == 'indigo-design' {
+            top: calc(((#{$thumb-label-height}) + rem(18px)) * -1);
+        }
     }
 
     %igx-slider-thumb-label__container {
@@ -561,6 +581,11 @@
             border-inline-start: rem(10px) solid transparent;
             border-inline-end: rem(10px) solid transparent;
             border-top: rem(10px) solid var-get($theme, 'label-background-color');
+
+            @if $variant == 'indigo-design' {
+                top: rem(16px);
+                border-top: rem(12px) solid var-get($theme, 'label-background-color');
+            }
         }
     }
 

package/lib/core/styles/components/tree/_tree-theme.scss

@@ -363,6 +363,10 @@
     %node-spacer {
         --component-size: var(--tree-size);
         --spacer: #{sizable(#{map.get($node-indent, 'compact')}, #{map.get($node-indent, 'cosy')}, #{map.get($node-indent, 'comfortable')})};
+
+        @if $variant == 'indigo-design' {
+            --spacer: #{sizable(24px)};
+        }
         width: var(--spacer);
         display: inline-block;
     }

package/package.json

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