Merge branch 'master' into rkaraivanov/tooltip

Author: rkaraivanov

src/components/calendar/calendar-rendering.spec.ts

@@ -25,6 +25,16 @@ describe('Calendar Rendering', () => {
       await expect(calendar).shadowDom.to.be.accessible();
     });
 
+    it('passes the a11y audit when a week of hidden days is rendered - issue #1636', async () => {
+      const aprilFirst2025 = new CalendarDay({ year: 2025, month: 3, date: 1 });
+      calendar.activeDate = aprilFirst2025.native;
+      calendar.visibleMonths = 2;
+      await elementUpdated(calendar);
+
+      await expect(calendar).dom.to.be.accessible();
+      await expect(calendar).shadowDom.to.be.accessible();
+    });
+
     it('renders the calendar successfully', async () => {
       const today = CalendarDay.today.native;
       const day = new Intl.DateTimeFormat('en', { weekday: 'short' }).format(

src/components/calendar/days-view/days-view.ts

@@ -481,8 +481,12 @@ export default class IgcDaysViewComponent extends EventEmitterMixin<
     const last = weeks.length - 1;
 
     for (const [idx, week] of weeks.entries()) {
+      let hidden = false;
+      if (idx === 0 || idx === last) {
+        hidden = week.every((day) => this.getDayProperties(day, today).hidden);
+      }
       yield html`
-        <div role="row" part="days-row">
+        <div role="row" part="days-row" aria-hidden=${hidden}>
           ${this.showWeekNumbers
             ? this.renderWeekNumber(week[0], idx === last)
             : nothing}

src/components/date-picker/themes/shared/date-picker.fluent.scss

@@ -26,12 +26,6 @@ $theme: $fluent;
     min-height: #{sizable(rem(40px), rem(48px), rem(54px))};
 }
 
-:host(:focus-within) {
-    [part='label'] {
-        color: color(gray, 800);
-    }
-}
-
 :host([required]) {
     [part='label']::after {
         color: var-get($theme, 'error-secondary-color');

src/components/input/themes/shared/input.fluent.scss

@@ -83,10 +83,6 @@ $focused-height: calc(var-get($theme, 'size') - #{($focused-border-width * 2)});
 }
 
 :host(:focus-within) {
-    [part='label'] {
-        color: color(gray, 800);
-    }
-
     [part^='container'] {
         border-color: var-get($theme, 'focused-border-color');
         border-width: #{$focused-border-width};
@@ -110,10 +106,26 @@ $focused-height: calc(var-get($theme, 'size') - #{($focused-border-width * 2)});
     }
 }
 
+:host([type='search']) {
+    [part='prefix'] {
+        background: var(--ig-input-group-input-prefix-background, transparent);
+        color: var(--ig-input-group-input-prefix-color, var(--ig-primary-500));
+    }
+
+    [part='suffix'] {
+        background: var(--ig-input-group-input-suffix-background, transparent);
+        color: var(--ig-input-group-input-suffix-color, var(--ig-primary-500));
+    }
+}
+
 :host([type='search']:focus-within) {
     [part='prefix'] {
         display: none;
     }
+
+    [part='suffix'] {
+        color: var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900));
+    }
 }
 
 :host([required]) {

src/components/textarea/themes/shared/textarea.common.scss

@@ -19,7 +19,7 @@ $theme: $base;
 
 [part~='filled'] {
     [part~='input'] {
-        color: var-get($theme, 'input-prefix-color--filled');
+        color: var-get($theme, 'filled-text-color');
     }
 
     [part~='prefix'] {

src/components/textarea/themes/shared/textarea.fluent.scss

@@ -64,7 +64,7 @@ $theme: $fluent;
     transform-origin: top left;
     margin-top: 0;
     height: auto;
-    margin-block-end: rem(4px);
+    margin-block-end: rem(5px);
 }
 
 :host([invalid]) {