npm - igniteui-webcomponents - Versions diffs - 4.2.1 → 4.2.3 - Mend

igniteui-webcomponents 4.2.1 → 4.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (241) hide show

package/components/calendar/common/calendar-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAuB,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAQxB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;~~QACK~~,kBAAa,GAAG,IAAI,QAAQ,EAAE,CAAC;QAuClC,cAAS,GAAoC,QAAQ,CAAC;QAItD,oBAAe,GAAG,KAAK,CAAC;QAIxB,cAAS,GAOC,QAAQ,CAAC;~~QAWnB~~,~~eAAU~~,GAAG,IAAI,IAAI,~~EAAE~~,CAAC;~~QAIxB~~,~~WAAM~~,GAAG,IAAI,CAAC;~~IAmBvB~~,CAAC;~~IARW~~,eAAe;QACvB,IAAI,CAAC,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrE,CAAC;IAGS,eAAe;QACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACzB,CAAC;CACF,CAAA;~~AA3EC~~;IAPC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACvE,WAAW,EAAE,CAAC,KAAW,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE;SAClD;KACF,CAAC;uDACkB;AAsBpB;IAfC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,KAAa,EAAE,EAAE,CAC/B,CAAC,KAAK;gBACJ,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,KAAK;qBACF,KAAK,CAAC,GAAG,CAAC;qBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;qBACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;qBAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC;YAChC,WAAW,EAAE,CAAC,KAAa,EAAE,EAAE,CAC7B,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SAC9C;KACF,CAAC;wDACqB;AAIvB;IADC,QAAQ,EAAE;2DACkD;AAI7D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iEAC5C;AAI/B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2DAQZ;~~AAW1B~~;IARC,cAAc,EAAE;IAChB,QAAQ,CAAC;QACR,SAAS,EAAE,aAAa;QACxB,SAAS,EAAE;YACT,aAAa,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;YACxE,WAAW,EAAE,CAAC,KAAW,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE;SAClD;KACF,CAAC;~~4DAC6B~~;~~AAI/B~~;IADC,QAAQ,EAAE;wDACU;AAIrB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+DACc;AAI7C;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8DACa;AAG5C;IADC,KAAK,CAAC,WAAW,CAAC;+DAGlB;AAGD;IADC,KAAK,CAAC,WAAW,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;+DAGlD;~~AAxFU~~,wBAAwB;IAFpC,oBAAoB;IACpB,gBAAgB;GACJ,wBAAwB,~~CAyFpC~~;~~SAzFY~~,wBAAwB","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../../common/decorators/blazorDeepImport.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppress } from '../../common/decorators/blazorSuppress.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { Calendar, DateRangeDescriptor } from './calendar.model.js';\nimport { getWeekDayNumber } from './utils.js';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n igcChange: CustomEvent<Date \| Date[]>;\n}\n\n@blazorIndirectRender\n@blazorDeepImport\nexport class IgcCalendarBaseComponent extends LitElement {\n protected calendarModel = new Calendar();\n\n /*\n Тhe current value of the calendar.\n * Used when selection is set to single.\n /\n @blazorSuppress()\n @property({\n converter: {\n fromAttribute: (value: string) => (value ? new Date(value) : undefined),\n toAttribute: (value: Date) => value.toISOString(),\n },\n })\n public value?: Date;\n //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n /\n Тhe current values of the calendar.\n * Used when selection is set to multiple or range.\n /\n @blazorSuppress()\n @property({\n converter: {\n fromAttribute: (value: string) =>\n !value\n ? undefined\n : value\n .split(',')\n .map((v) => v.trim())\n .filter((v) => v)\n .map((v) => new Date(v)),\n toAttribute: (value: Date[]) =>\n value.map((v) => v.toISOString()).join(','),\n },\n })\n public values?: Date[];\n\n /* Sets the type of date selection. /\n @property()\n public selection: 'single' \| 'multiple' \| 'range' = 'single';\n\n /* Show/hide the week numbers. /\n @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n public showWeekNumbers = false;\n\n /* Sets the start day of the week. /\n @property({ attribute: 'week-start' })\n public weekStart:\n \| 'sunday'\n \| 'monday'\n \| 'tuesday'\n \| 'wednesday'\n \| 'thursday'\n \| 'friday'\n \| 'saturday' = 'sunday';\n\n /* Sets the date which is shown in view and is highlighted. By default it is the current date. /\n @blazorSuppress()\n @property({\n attribute: 'active-date',\n converter: {\n fromAttribute: (value: string) => (value ? new Date(value) : new Date()),\n toAttribute: (value: Date) => value.toISOString(),\n },\n })\n public activeDate = ~~new Date()~~;\n\n /* Sets the locale used for formatting and displaying the dates in the calendar. /\n @property()\n public locale = 'en';\n\n /* Gets/sets disabled dates. /\n @property({ attribute: false })\n public disabledDates!: DateRangeDescriptor[];\n\n /* Gets/sets special dates. */\n @property({ attribute: false })\n public specialDates!: DateRangeDescriptor[];\n\n @watch('weekStart')\n protected weekStartChange() {\n this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected selectionChange() {\n this.value = undefined;\n }\n}\n"]}
1	+ {"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../../common/decorators/blazorDeepImport.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppress } from '../../common/decorators/blazorSuppress.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { Calendar, DateRangeDescriptor } from './calendar.model.js';\nimport { getWeekDayNumber } from './utils.js';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n igcChange: CustomEvent<Date \| Date[]>;\n}\n\n@blazorIndirectRender\n@blazorDeepImport\nexport class IgcCalendarBaseComponent extends LitElement {\n private _activeDate = new Date();\n private _activeDateSetFlag = false;\n protected calendarModel = new Calendar();\n\n /*\n Тhe current value of the calendar.\n * Used when selection is set to single.\n /\n @blazorSuppress()\n @property({\n converter: {\n fromAttribute: (value: string) => (value ? new Date(value) : undefined),\n toAttribute: (value: Date) => value.toISOString(),\n },\n })\n public value?: Date;\n //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n /\n Тhe current values of the calendar.\n * Used when selection is set to multiple or range.\n /\n @blazorSuppress()\n @property({\n converter: {\n fromAttribute: (value: string) =>\n !value\n ? undefined\n : value\n .split(',')\n .map((v) => v.trim())\n .filter((v) => v)\n .map((v) => new Date(v)),\n toAttribute: (value: Date[]) =>\n value.map((v) => v.toISOString()).join(','),\n },\n })\n public values?: Date[];\n\n /* Sets the type of date selection. /\n @property()\n public selection: 'single' \| 'multiple' \| 'range' = 'single';\n\n /* Show/hide the week numbers. /\n @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n public showWeekNumbers = false;\n\n /* Sets the start day of the week. /\n @property({ attribute: 'week-start' })\n public weekStart:\n \| 'sunday'\n \| 'monday'\n \| 'tuesday'\n \| 'wednesday'\n \| 'thursday'\n \| 'friday'\n \| 'saturday' = 'sunday';\n\n /* Sets the date which is shown in view and is highlighted. By default it is the current date. /\n public set activeDate(val: Date) {\n const oldVal = this._activeDate;\n this._activeDate = val;\n this._activeDateSetFlag = true;\n this.requestUpdate('activeDate', oldVal);\n }\n\n @blazorSuppress()\n @property({\n attribute: 'active-date',\n converter: {\n fromAttribute: (value: string) => (value ? new Date(value) : new Date()),\n toAttribute: (value: Date) => value.toISOString(),\n },\n })\n public get activeDate() {\n return this._activeDate;\n }\n\n /* Sets the locale used for formatting and displaying the dates in the calendar. /\n @property()\n public locale = 'en';\n\n /* Gets/sets disabled dates. /\n @property({ attribute: false })\n public disabledDates!: DateRangeDescriptor[];\n\n /* Gets/sets special dates. */\n @property({ attribute: false })\n public specialDates!: DateRangeDescriptor[];\n\n @watch('weekStart')\n protected weekStartChange() {\n this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n }\n\n @watch('selection', { waitUntilFirstUpdate: true })\n protected selectionChange() {\n this.value = undefined;\n }\n\n protected override async firstUpdated() {\n if (this._activeDateSetFlag) {\n return;\n }\n if (this.selection === 'single') {\n this.activeDate = this.value ?? this.activeDate;\n } else {\n this.activeDate = this.values ? this.values[0] : this.activeDate;\n }\n }\n}\n"]}

package/components/calendar/common/calendar.model.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.model.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar.model.ts"],"names":[],"mappings":"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","sourcesContent":["export interface DateRangeDescriptor {\n type: DateRangeType;\n dateRange?: Date[];\n}\n\nexport enum DateRangeType {\n After,\n Before,\n Between,\n Specific,\n Weekdays,\n Weekends,\n}\n\n/*\n @hidden\n /\nexport enum TimeDeltaInterval {\n Second,\n Minute,\n Hour,\n Day,\n Week,\n Month,\n Quarter,\n Year,\n}\n\nconst MDAYS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\nconst FEBRUARY = 1;\n\nexport const range = (start = 0, stop: number, step = 1) => {\n const res = [];\n const cur = stop === undefined ? 0 : start;\n const max = stop === undefined ? start : stop;\n for (let i = cur; step < 0 ? i > max : i < max; i += step) {\n res.push(i);\n }\n return res;\n};\n\n/\n Returns true for leap years, false for non-leap years.\n \n @export\n * @param year\n * @returns\n /\nexport const isLeap = (year: number): boolean =>\n year % 4 === 0 && (year % 100 !== 0 \|\| year % 400 === 0);\n\nexport const weekDay = (year: number, month: number, day: number): number =>\n new Date(year, month, day).getDay();\n\n/\n Return weekday and number of days for year, month.\n \n @export\n * @param year\n * @param month\n * @returns\n /\nexport const monthRange = (year: number, month: number): number[] => {\n if (month < 0 \|\| month > 11) {\n throw new Error('Invalid month specified');\n }\n const day = weekDay(year, month, 1);\n let nDays = MDAYS[month];\n if (month === FEBRUARY && isLeap(year)) {\n nDays++;\n }\n return [day, nDays];\n};\n\nexport const isDateInRanges = (\n date: Date,\n ranges: DateRangeDescriptor[]\n): boolean => {\n date = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n const dateInMs = date.getTime();\n\n if (!ranges) {\n return false;\n }\n\n for (const descriptor of ranges) {\n const dRanges: Date[] = descriptor.dateRange\n ? descriptor.dateRange.map(\n (r) => new Date(r.getFullYear(), r.getMonth(), r.getDate())\n )\n : [];\n switch (descriptor.type) {\n case DateRangeType.After:\n if (dateInMs > dRanges[0].getTime()) {\n return true;\n }\n\n break;\n case DateRangeType.Before:\n if (dateInMs < dRanges[0].getTime()) {\n return true;\n }\n\n break;\n case DateRangeType.Between: {\n const dRange = dRanges.map((d) => d.getTime());\n const min = Math.min(dRange[0], dRange[1]);\n const max = Math.max(dRange[0], dRange[1]);\n if (dateInMs >= min && dateInMs <= max) {\n return true;\n }\n\n break;\n }\n case DateRangeType.Specific: {\n const datesInMs = dRanges.map((d) => d.getTime());\n for (const specificDateInMs of datesInMs) {\n if (dateInMs === specificDateInMs) {\n return true;\n }\n }\n\n break;\n }\n case DateRangeType.Weekdays: {\n const day = date.getDay();\n if (day % 6 !== 0) {\n return true;\n }\n\n break;\n }\n case DateRangeType.Weekends: {\n const weekday = date.getDay();\n if (weekday % 6 === 0) {\n return true;\n }\n\n break;\n }\n default:\n return false;\n }\n }\n\n return false;\n};\n\n/ blazorSuppress /\nexport interface ICalendarDate {\n date: Date;\n isCurrentMonth: boolean;\n isPrevMonth: boolean;\n isNextMonth: boolean;\n}\n\nexport interface IFormattedParts {\n value: string;\n literal?: string;\n combined: string;\n}\n\nexport interface IFormattingViews {\n day?: boolean;\n month?: boolean;\n year?: boolean;\n}\n\nexport type WeekDays =\n \| 'sunday'\n \| 'monday'\n \| 'tuesday'\n \| 'wednesday'\n \| 'thursday'\n \| 'friday'\n \| 'saturday';\n\nexport enum WEEKDAYS {\n SUNDAY = 0,\n MONDAY = 1,\n TUESDAY = 2,\n WEDNESDAY = 3,\n THURSDAY = 4,\n FRIDAY = 5,\n SATURDAY = 6,\n}\n\nexport class Calendar {\n private _firstWeekDay: number \| WEEKDAYS;\n\n constructor(firstWeekDay: number \| WEEKDAYS = WEEKDAYS.SUNDAY) {\n this._firstWeekDay = firstWeekDay;\n }\n\n /* Gets the starting day of the week. /\n public get firstWeekDay(): number {\n return this._firstWeekDay % 7;\n }\n\n /* Sets the starting day of the week. /\n public set firstWeekDay(value: number) {\n this._firstWeekDay = value;\n }\n\n /\n Returns an array of weekdays for one week starting\n * with the currently set `firstWeekDay`\n \n this.firstWeekDay = 0 (Sunday) --> [0, 1, 2, 3, 4, 5, 6]\n * this.firstWeekDay = 1 (Monday) --> [1, 2, 3, 4, 5, 6, 0]\n \n @returns\n \n @memberof Calendar\n /\n public weekdays(): number[] {\n const res = [];\n for (const i of range(this.firstWeekDay, this.firstWeekDay + 7)) {\n res.push(i % 7);\n }\n return res;\n }\n\n /\n Returns the date values for one month. It will always iterate throught\n * complete weeks, so it will contain dates outside the specified month.\n \n @param year\n * @param month\n * @param boolean\n * @returns\n \n @memberof Calendar\n /\n public monthdates(\n year: number,\n month: number,\n extraWeek = false\n ): ICalendarDate[] {\n let date = new Date(year, month, 1);\n let days = (date.getDay() - this.firstWeekDay) % 7;\n if (days < 0) {\n days = 7 - Math.abs(days);\n }\n date = this.timedelta(date, TimeDeltaInterval.Day, -days);\n const res = [];\n let value: ICalendarDate;\n\n // eslint-disable-next-line no-constant-condition\n while (true) {\n value = this.generateICalendarDate(date, year, month);\n res.push(value);\n\n date = this.timedelta(date, TimeDeltaInterval.Day, 1);\n\n if (date.getMonth() !== month && date.getDay() === this.firstWeekDay) {\n if (extraWeek && res.length <= 35) {\n for (const _ of range(0, 7)) {\n value = this.generateICalendarDate(date, year, month);\n res.push(value);\n date = this.timedelta(date, TimeDeltaInterval.Day, 1);\n }\n }\n break;\n }\n }\n return res;\n }\n\n /\n Returns a matrix (array of arrays) representing a month's calendar.\n * Each row represents a full week; week entries are ICalendarDate objects.\n \n @param year\n * @param month\n * @returns\n \n @memberof Calendar\n /\n public monthdatescalendar(\n year: number,\n month: number,\n extraWeek = false\n ): ICalendarDate[][] {\n const dates = this.monthdates(year, month, extraWeek);\n const res = [];\n for (const i of range(0, dates.length, 7)) {\n res.push(dates.slice(i, i + 7));\n }\n return res;\n }\n\n public timedelta(\n date: Date,\n interval: TimeDeltaInterval,\n units: number\n ): Date {\n const ret = new Date(date);\n\n const checkRollover = () => {\n if (ret.getDate() !== date.getDate()) {\n ret.setDate(0);\n }\n };\n\n switch (interval) {\n case TimeDeltaInterval.Year:\n ret.setFullYear(ret.getFullYear() + units);\n checkRollover();\n break;\n case TimeDeltaInterval.Quarter:\n ret.setMonth(ret.getMonth() + 3 units);\n checkRollover();\n break;\n case TimeDeltaInterval.Month:\n ret.setMonth(ret.getMonth() + units);\n checkRollover();\n break;\n case TimeDeltaInterval.Week:\n ret.setDate(ret.getDate() + 7 * units);\n break;\n case TimeDeltaInterval.Day:\n ret.setDate(ret.getDate() + units);\n break;\n case TimeDeltaInterval.Hour:\n ret.setTime(ret.getTime() + units * 3600000);\n break;\n case TimeDeltaInterval.Minute:\n ret.setTime(ret.getTime() + units * 60000);\n break;\n case TimeDeltaInterval.Second:\n ret.setTime(ret.getTime() + units * 1000);\n break;\n default:\n throw new Error('Invalid interval specifier');\n }\n return ret;\n }\n\n /** Gets the same date the month after. /\n public getNextMonth(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Month, 1);\n }\n\n /* Gets the same date the month prior. /\n public getPrevMonth(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Month, -1);\n }\n\n /* Gets the same date the year after. /\n public getNextYear(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Year, 1);\n }\n\n /* Gets the same date the year prior. /\n public getPrevYear(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Year, -1);\n }\n\n /* Gets the week number of a given date. */\n public getWeekNumber(date: Date) {\n const firstJan = new Date(date.getFullYear(), 0, 1).getTime();\n const today = new Date(\n date.getFullYear(),\n date.getMonth(),\n date.getDate()\n ).getTime();\n const dayInMilSeconds = 86400000;\n const dayOfYear = (today - firstJan + 1) / dayInMilSeconds;\n return Math.ceil(dayOfYear / 7);\n }\n\n private generateICalendarDate(\n date: Date,\n year: number,\n month: number\n ): ICalendarDate {\n return {\n date,\n isCurrentMonth: date.getFullYear() === year && date.getMonth() === month,\n isNextMonth: this.isNextMonth(date, year, month),\n isPrevMonth: this.isPreviousMonth(date, year, month),\n };\n }\n\n private isPreviousMonth(date: Date, year: number, month: number): boolean {\n if (date.getFullYear() === year) {\n return date.getMonth() < month;\n }\n return date.getFullYear() < year;\n }\n\n private isNextMonth(date: Date, year: number, month: number): boolean {\n if (date.getFullYear() === year) {\n return date.getMonth() > month;\n }\n\n return date.getFullYear() > year;\n }\n}\n"]}
1	+ {"version":3,"file":"calendar.model.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar.model.ts"],"names":[],"mappings":"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","sourcesContent":["/* creationType: DateRangeDescriptor /\nexport interface DateRangeDescriptor {\n type: DateRangeType;\n dateRange?: Date[];\n}\n\nexport enum DateRangeType {\n After,\n Before,\n Between,\n Specific,\n Weekdays,\n Weekends,\n}\n\n/\n @hidden\n /\nexport enum TimeDeltaInterval {\n Second,\n Minute,\n Hour,\n Day,\n Week,\n Month,\n Quarter,\n Year,\n}\n\nconst MDAYS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];\nconst FEBRUARY = 1;\n\nexport const range = (start = 0, stop: number, step = 1) => {\n const res = [];\n const cur = stop === undefined ? 0 : start;\n const max = stop === undefined ? start : stop;\n for (let i = cur; step < 0 ? i > max : i < max; i += step) {\n res.push(i);\n }\n return res;\n};\n\n/\n Returns true for leap years, false for non-leap years.\n \n @export\n * @param year\n * @returns\n /\nexport const isLeap = (year: number): boolean =>\n year % 4 === 0 && (year % 100 !== 0 \|\| year % 400 === 0);\n\nexport const weekDay = (year: number, month: number, day: number): number =>\n new Date(year, month, day).getDay();\n\n/\n Return weekday and number of days for year, month.\n \n @export\n * @param year\n * @param month\n * @returns\n /\nexport const monthRange = (year: number, month: number): number[] => {\n if (month < 0 \|\| month > 11) {\n throw new Error('Invalid month specified');\n }\n const day = weekDay(year, month, 1);\n let nDays = MDAYS[month];\n if (month === FEBRUARY && isLeap(year)) {\n nDays++;\n }\n return [day, nDays];\n};\n\nexport const isDateInRanges = (\n date: Date,\n ranges: DateRangeDescriptor[]\n): boolean => {\n date = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n const dateInMs = date.getTime();\n\n if (!ranges) {\n return false;\n }\n\n for (const descriptor of ranges) {\n const dRanges: Date[] = descriptor.dateRange\n ? descriptor.dateRange.map(\n (r) => new Date(r.getFullYear(), r.getMonth(), r.getDate())\n )\n : [];\n switch (descriptor.type) {\n case DateRangeType.After:\n if (dateInMs > dRanges[0].getTime()) {\n return true;\n }\n\n break;\n case DateRangeType.Before:\n if (dateInMs < dRanges[0].getTime()) {\n return true;\n }\n\n break;\n case DateRangeType.Between: {\n const dRange = dRanges.map((d) => d.getTime());\n const min = Math.min(dRange[0], dRange[1]);\n const max = Math.max(dRange[0], dRange[1]);\n if (dateInMs >= min && dateInMs <= max) {\n return true;\n }\n\n break;\n }\n case DateRangeType.Specific: {\n const datesInMs = dRanges.map((d) => d.getTime());\n for (const specificDateInMs of datesInMs) {\n if (dateInMs === specificDateInMs) {\n return true;\n }\n }\n\n break;\n }\n case DateRangeType.Weekdays: {\n const day = date.getDay();\n if (day % 6 !== 0) {\n return true;\n }\n\n break;\n }\n case DateRangeType.Weekends: {\n const weekday = date.getDay();\n if (weekday % 6 === 0) {\n return true;\n }\n\n break;\n }\n default:\n return false;\n }\n }\n\n return false;\n};\n\n/ blazorSuppress /\nexport interface ICalendarDate {\n date: Date;\n isCurrentMonth: boolean;\n isPrevMonth: boolean;\n isNextMonth: boolean;\n}\n\nexport interface IFormattedParts {\n value: string;\n literal?: string;\n combined: string;\n}\n\nexport interface IFormattingViews {\n day?: boolean;\n month?: boolean;\n year?: boolean;\n}\n\nexport type WeekDays =\n \| 'sunday'\n \| 'monday'\n \| 'tuesday'\n \| 'wednesday'\n \| 'thursday'\n \| 'friday'\n \| 'saturday';\n\nexport enum WEEKDAYS {\n SUNDAY = 0,\n MONDAY = 1,\n TUESDAY = 2,\n WEDNESDAY = 3,\n THURSDAY = 4,\n FRIDAY = 5,\n SATURDAY = 6,\n}\n\nexport class Calendar {\n private _firstWeekDay: number \| WEEKDAYS;\n\n constructor(firstWeekDay: number \| WEEKDAYS = WEEKDAYS.SUNDAY) {\n this._firstWeekDay = firstWeekDay;\n }\n\n /* Gets the starting day of the week. /\n public get firstWeekDay(): number {\n return this._firstWeekDay % 7;\n }\n\n /* Sets the starting day of the week. /\n public set firstWeekDay(value: number) {\n this._firstWeekDay = value;\n }\n\n /\n Returns an array of weekdays for one week starting\n * with the currently set `firstWeekDay`\n \n this.firstWeekDay = 0 (Sunday) --> [0, 1, 2, 3, 4, 5, 6]\n * this.firstWeekDay = 1 (Monday) --> [1, 2, 3, 4, 5, 6, 0]\n \n @returns\n \n @memberof Calendar\n /\n public weekdays(): number[] {\n const res = [];\n for (const i of range(this.firstWeekDay, this.firstWeekDay + 7)) {\n res.push(i % 7);\n }\n return res;\n }\n\n /\n Returns the date values for one month. It will always iterate throught\n * complete weeks, so it will contain dates outside the specified month.\n \n @param year\n * @param month\n * @param boolean\n * @returns\n \n @memberof Calendar\n /\n public monthdates(\n year: number,\n month: number,\n extraWeek = false\n ): ICalendarDate[] {\n let date = new Date(year, month, 1);\n let days = (date.getDay() - this.firstWeekDay) % 7;\n if (days < 0) {\n days = 7 - Math.abs(days);\n }\n date = this.timedelta(date, TimeDeltaInterval.Day, -days);\n const res = [];\n let value: ICalendarDate;\n\n // eslint-disable-next-line no-constant-condition\n while (true) {\n value = this.generateICalendarDate(date, year, month);\n res.push(value);\n\n date = this.timedelta(date, TimeDeltaInterval.Day, 1);\n\n if (date.getMonth() !== month && date.getDay() === this.firstWeekDay) {\n if (extraWeek && res.length <= 35) {\n for (const _ of range(0, 7)) {\n value = this.generateICalendarDate(date, year, month);\n res.push(value);\n date = this.timedelta(date, TimeDeltaInterval.Day, 1);\n }\n }\n break;\n }\n }\n return res;\n }\n\n /\n Returns a matrix (array of arrays) representing a month's calendar.\n * Each row represents a full week; week entries are ICalendarDate objects.\n \n @param year\n * @param month\n * @returns\n \n @memberof Calendar\n /\n public monthdatescalendar(\n year: number,\n month: number,\n extraWeek = false\n ): ICalendarDate[][] {\n const dates = this.monthdates(year, month, extraWeek);\n const res = [];\n for (const i of range(0, dates.length, 7)) {\n res.push(dates.slice(i, i + 7));\n }\n return res;\n }\n\n public timedelta(\n date: Date,\n interval: TimeDeltaInterval,\n units: number\n ): Date {\n const ret = new Date(date);\n\n const checkRollover = () => {\n if (ret.getDate() !== date.getDate()) {\n ret.setDate(0);\n }\n };\n\n switch (interval) {\n case TimeDeltaInterval.Year:\n ret.setFullYear(ret.getFullYear() + units);\n checkRollover();\n break;\n case TimeDeltaInterval.Quarter:\n ret.setMonth(ret.getMonth() + 3 units);\n checkRollover();\n break;\n case TimeDeltaInterval.Month:\n ret.setMonth(ret.getMonth() + units);\n checkRollover();\n break;\n case TimeDeltaInterval.Week:\n ret.setDate(ret.getDate() + 7 * units);\n break;\n case TimeDeltaInterval.Day:\n ret.setDate(ret.getDate() + units);\n break;\n case TimeDeltaInterval.Hour:\n ret.setTime(ret.getTime() + units * 3600000);\n break;\n case TimeDeltaInterval.Minute:\n ret.setTime(ret.getTime() + units * 60000);\n break;\n case TimeDeltaInterval.Second:\n ret.setTime(ret.getTime() + units * 1000);\n break;\n default:\n throw new Error('Invalid interval specifier');\n }\n return ret;\n }\n\n /** Gets the same date the month after. /\n public getNextMonth(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Month, 1);\n }\n\n /* Gets the same date the month prior. /\n public getPrevMonth(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Month, -1);\n }\n\n /* Gets the same date the year after. /\n public getNextYear(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Year, 1);\n }\n\n /* Gets the same date the year prior. /\n public getPrevYear(date: Date) {\n return this.timedelta(date, TimeDeltaInterval.Year, -1);\n }\n\n /* Gets the week number of a given date. */\n public getWeekNumber(date: Date) {\n const firstJan = new Date(date.getFullYear(), 0, 1).getTime();\n const today = new Date(\n date.getFullYear(),\n date.getMonth(),\n date.getDate()\n ).getTime();\n const dayInMilSeconds = 86400000;\n const dayOfYear = (today - firstJan + 1) / dayInMilSeconds;\n return Math.ceil(dayOfYear / 7);\n }\n\n private generateICalendarDate(\n date: Date,\n year: number,\n month: number\n ): ICalendarDate {\n return {\n date,\n isCurrentMonth: date.getFullYear() === year && date.getMonth() === month,\n isNextMonth: this.isNextMonth(date, year, month),\n isPrevMonth: this.isPreviousMonth(date, year, month),\n };\n }\n\n private isPreviousMonth(date: Date, year: number, month: number): boolean {\n if (date.getFullYear() === year) {\n return date.getMonth() < month;\n }\n return date.getFullYear() < year;\n }\n\n private isNextMonth(date: Date, year: number, month: number): boolean {\n if (date.getFullYear() === year) {\n return date.getMonth() > month;\n }\n\n return date.getFullYear() > year;\n }\n}\n"]}

package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js CHANGED Viewed

@@ -31,7 +31,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part=header-title] {
-  font-family: var(--ig-subtitle-1-font-family);
+  font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));
   font-size: var(--ig-subtitle-1-font-size);
   font-weight: var(--ig-subtitle-1-font-weight);
   font-style: var(--ig-subtitle-1-font-style);

package/components/calendar/themes/bootstrap/calendar.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host(igc-calendar) {\n border: 0.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.25rem), 0.25rem);\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=large]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=large]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=small]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=navigation-button] {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=navigation-button]:hover, [part~=navigation-button]:focus {\n color: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n\n[part~=navigation],\n[part~=header] {\n background: hsla(var(--ig-secondary-50), 0.2);\n color: var(--ig-gray-50-contrast);\n}\n\n[part=header-title] {\n font-family: var(--ig-subtitle-1-font-family);\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}`;\n"]}
1	+ {"version":3,"file":"calendar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/bootstrap/calendar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host(igc-calendar) {\n border: 0.0625rem solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.25rem), 0.25rem);\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=large]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=large]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=small]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=navigation-button] {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part~=navigation-button]:hover, [part~=navigation-button]:focus {\n color: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n\n[part~=navigation],\n[part~=header] {\n background: hsla(var(--ig-secondary-50), 0.2);\n color: var(--ig-gray-50-contrast);\n}\n\n[part=header-title] {\n font-family: var(--ig-subtitle-1-font-family, var(--ig-font-family));\n font-size: var(--ig-subtitle-1-font-size);\n font-weight: var(--ig-subtitle-1-font-weight);\n font-style: var(--ig-subtitle-1-font-style);\n line-height: var(--ig-subtitle-1-line-height);\n letter-spacing: var(--ig-subtitle-1-letter-spacing);\n text-transform: var(--ig-subtitle-1-text-transform);\n margin-top: var(--ig-subtitle-1-margin-top);\n margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}`;\n"]}

package/components/calendar/themes/calendar.base.css.js CHANGED Viewed

@@ -34,7 +34,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 :host(igc-calendar) {
-  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);
+  --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -147,10 +147,6 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   outline: none;
 }
-[part~=navigation-button] {
-  -webkit-margin-start: 1.5rem;
-          margin-inline-start: 1.5rem;
-}
 [part~=navigation-button][part~=vertical] {
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
@@ -164,6 +160,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  gap: 1.5rem;
 }
 :host(igc-calendar[header-orientation=vertical]) {
@@ -213,7 +210,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part=header-date] {
-  font-family: var(--ig-h4-font-family);
+  font-family: var(--ig-h4-font-family, var(--ig-font-family));
   font-size: var(--ig-h4-font-size);
   font-weight: var(--ig-h4-font-weight);
   font-style: var(--ig-h4-font-style);
@@ -229,7 +226,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part=header-title] {
-  font-family: var(--ig-overline-font-family);
+  font-family: var(--ig-overline-font-family, var(--ig-font-family));
   font-size: var(--ig-overline-font-size);
   font-weight: var(--ig-overline-font-weight);
   font-style: var(--ig-overline-font-style);

package/components/calendar/themes/calendar.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8PvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host(igc-calendar) {\n --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n font-family: var(--ig-font-family);\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n font-family: var(--ig-font-family);\n}\n:host(igc-calendar) igc-days-view::part(date),\n:host(igc-calendar) igc-days-view::part(week-number),\n:host(igc-calendar) igc-days-view::part(label),\n:host(igc-calendar) igc-days-view::part(days-row) {\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(week-number-inner),\n:host(igc-calendar) igc-days-view::part(date-inner) {\n width: calc(var(--size) - 0.125rem);\n min-width: calc(var(--size) - 0.125rem);\n height: 100%;\n}\n:host(igc-calendar) igc-days-view::part(label) {\n min-width: var(--size);\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-months-view {\n grid-template-rows: repeat(4, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-months-view::part(month-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-years-view {\n grid-template-rows: repeat(5, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-years-view::part(year-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n\n:host(igc-calendar[size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host(igc-calendar[size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host(igc-calendar[size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n[part=navigation] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.25rem;\n padding: 1.5625rem 1.125rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: transparent;\n border: none;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-size: 1rem;\n padding: 0;\n -webkit-transition: color 150ms ease-in-out;\n -o-transition: color 150ms ease-in-out;\n transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n outline: none;\n}\n\n[part~=navigation-button] ~~{\n -webkit-margin-start: 1.5rem;\n margin-inline-start: 1.5rem;\n}\n~~[part~=~~navigation-button][part~=~~vertical] {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n:host(igc-calendar[header-orientation=vertical]) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[part=days-view-container] {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n[part=header] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 1rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n margin: 0;\n}\n\n[part=header-date] {\n font-family: var(--ig-h4-font-family);\n font-size: var(--ig-h4-font-size);\n font-weight: var(--ig-h4-font-weight);\n font-style: var(--ig-h4-font-style);\n line-height: var(--ig-h4-line-height);\n letter-spacing: var(--ig-h4-letter-spacing);\n text-transform: var(--ig-h4-text-transform);\n margin-top: var(--ig-h4-margin-top);\n margin-bottom: var(--ig-h4-margin-bottom);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n white-space: pre-wrap;\n}\n\n[part=header-title] {\n font-family: var(--ig-overline-font-family);\n font-size: var(--ig-overline-font-size);\n font-weight: var(--ig-overline-font-weight);\n font-style: var(--ig-overline-font-style);\n line-height: var(--ig-overline-line-height);\n letter-spacing: var(--ig-overline-letter-spacing);\n text-transform: var(--ig-overline-text-transform);\n margin-top: var(--ig-overline-margin-top);\n margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}`;\n"]}
1	+ {"version":3,"file":"calendar.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/calendar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2PvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host(igc-calendar) {\n --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n font-family: var(--ig-font-family);\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n font-family: var(--ig-font-family);\n}\n:host(igc-calendar) igc-days-view::part(date),\n:host(igc-calendar) igc-days-view::part(week-number),\n:host(igc-calendar) igc-days-view::part(label),\n:host(igc-calendar) igc-days-view::part(days-row) {\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(week-number-inner),\n:host(igc-calendar) igc-days-view::part(date-inner) {\n width: calc(var(--size) - 0.125rem);\n min-width: calc(var(--size) - 0.125rem);\n height: 100%;\n}\n:host(igc-calendar) igc-days-view::part(label) {\n min-width: var(--size);\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-months-view {\n grid-template-rows: repeat(4, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-months-view::part(month-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-years-view {\n grid-template-rows: repeat(5, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-years-view::part(year-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n\n:host(igc-calendar[size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host(igc-calendar[size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host(igc-calendar[size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n[part=navigation] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.25rem;\n padding: 1.5625rem 1.125rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: transparent;\n border: none;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-size: 1rem;\n padding: 0;\n -webkit-transition: color 150ms ease-in-out;\n -o-transition: color 150ms ease-in-out;\n transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n outline: none;\n}\n\n[part~=navigation-button][part~=vertical] {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n gap: 1.5rem;\n}\n\n:host(igc-calendar[header-orientation=vertical]) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[part=days-view-container] {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n[part=header] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 1rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n margin: 0;\n}\n\n[part=header-date] {\n font-family: var(--ig-h4-font-family, var(--ig-font-family));\n font-size: var(--ig-h4-font-size);\n font-weight: var(--ig-h4-font-weight);\n font-style: var(--ig-h4-font-style);\n line-height: var(--ig-h4-line-height);\n letter-spacing: var(--ig-h4-letter-spacing);\n text-transform: var(--ig-h4-text-transform);\n margin-top: var(--ig-h4-margin-top);\n margin-bottom: var(--ig-h4-margin-bottom);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n white-space: pre-wrap;\n}\n\n[part=header-title] {\n font-family: var(--ig-overline-font-family, var(--ig-font-family));\n font-size: var(--ig-overline-font-size);\n font-weight: var(--ig-overline-font-weight);\n font-style: var(--ig-overline-font-style);\n line-height: var(--ig-overline-line-height);\n letter-spacing: var(--ig-overline-letter-spacing);\n text-transform: var(--ig-overline-text-transform);\n margin-top: var(--ig-overline-margin-top);\n margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}`;\n"]}

package/components/calendar/themes/fluent/calendar.fluent.css.js CHANGED Viewed

@@ -34,7 +34,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 :host(igc-calendar) {
-  --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);
+  --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -147,10 +147,6 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   outline: none;
 }
-[part~=navigation-button] {
-  -webkit-margin-start: 1.5rem;
-          margin-inline-start: 1.5rem;
-}
 [part~=navigation-button][part~=vertical] {
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
@@ -164,6 +160,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  gap: 1.5rem;
 }
 :host(igc-calendar[header-orientation=vertical]) {
@@ -213,7 +210,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part=header-date] {
-  font-family: var(--ig-h4-font-family);
+  font-family: var(--ig-h4-font-family, var(--ig-font-family));
   font-size: var(--ig-h4-font-size);
   font-weight: var(--ig-h4-font-weight);
   font-style: var(--ig-h4-font-style);
@@ -229,7 +226,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part=header-title] {
-  font-family: var(--ig-overline-font-family);
+  font-family: var(--ig-overline-font-family, var(--ig-font-family));
   font-size: var(--ig-overline-font-size);
   font-weight: var(--ig-overline-font-weight);
   font-style: var(--ig-overline-font-style);
@@ -255,15 +252,45 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
           appearance: none;
 }
-:host(igc-calendar[size=large]) igc-days-view::part(date-inner),
-:host(igc-calendar[size=large]) igc-months-view::part(month-inner),
-:host(igc-calendar[size=large]) igc-years-view::part(year-inner),
-:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),
-:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),
-:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),
-:host(igc-calendar[size=small]) igc-days-view::part(date-inner),
-:host(igc-calendar[size=small]) igc-months-view::part(month-inner),
-:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {
+:host([size=large]) igc-days-view::part(date-inner),
+:host([size=large]) igc-months-view::part(month-inner),
+:host([size=large]) igc-years-view::part(year-inner),
+:host([size=medium]) igc-days-view::part(date-inner),
+:host([size=medium]) igc-months-view::part(month-inner),
+:host([size=medium]) igc-years-view::part(year-inner),
+:host([size=small]) igc-days-view::part(date-inner),
+:host([size=small]) igc-months-view::part(month-inner),
+:host([size=small]) igc-years-view::part(year-inner) {
   border-radius: 0;
+}
+[part=header] {
+  background: var(--header-bg, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+  color: var(--header-color, var(--ig-primary-600-contrast));
+}
+[part~=navigation-buttons] {
+  gap: 0.5rem;
+}
+[part~=navigation-button][part~=vertical] {
+  -webkit-transform: none;
+      -ms-transform: none;
+          transform: none;
+}
+[part=months-navigation],
+[part=years-navigation],
+[part=years-range] {
+  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));
+  font-size: var(--ig-subtitle-2-font-size);
+  font-weight: var(--ig-subtitle-2-font-weight);
+  font-style: var(--ig-subtitle-2-font-style);
+  line-height: var(--ig-subtitle-2-line-height);
+  letter-spacing: var(--ig-subtitle-2-letter-spacing);
+  text-transform: var(--ig-subtitle-2-text-transform);
+  margin-top: var(--ig-subtitle-2-margin-top);
+  margin-bottom: var(--ig-subtitle-2-margin-bottom);
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
 }`;
 //# sourceMappingURL=calendar.fluent.css.js.map

package/components/calendar/themes/fluent/calendar.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0QvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host(igc-calendar) {\n --size: max(var(--is-large, 1) * 2rem, var(--is-medium, 1) * 1.75rem, var(--is-small, 1) * 1.5rem);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n font-family: var(--ig-font-family);\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n font-family: var(--ig-font-family);\n}\n:host(igc-calendar) igc-days-view::part(date),\n:host(igc-calendar) igc-days-view::part(week-number),\n:host(igc-calendar) igc-days-view::part(label),\n:host(igc-calendar) igc-days-view::part(days-row) {\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(week-number-inner),\n:host(igc-calendar) igc-days-view::part(date-inner) {\n width: calc(var(--size) - 0.125rem);\n min-width: calc(var(--size) - 0.125rem);\n height: 100%;\n}\n:host(igc-calendar) igc-days-view::part(label) {\n min-width: var(--size);\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-months-view {\n grid-template-rows: repeat(4, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-months-view::part(month-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-years-view {\n grid-template-rows: repeat(5, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-years-view::part(year-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n\n:host(igc-calendar[size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host(igc-calendar[size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host(igc-calendar[size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n[part=navigation] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.25rem;\n padding: 1.5625rem 1.125rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: transparent;\n border: none;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-size: 1rem;\n padding: 0;\n -webkit-transition: color 150ms ease-in-out;\n -o-transition: color 150ms ease-in-out;\n transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n outline: none;\n}\n\n[part~=navigation-button] {\n -webkit-margin-start: 1.5rem;\n margin-inline-start: 1.5rem;\n}\n[part~=navigation-button][part~=vertical] {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n:host(igc-calendar[header-orientation=vertical]) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[part=days-view-container] {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n[part=header] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 1rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n margin: 0;\n}\n\n[part=header-date] {\n font-family: var(--ig-h4-font-family);\n font-size: var(--ig-h4-font-size);\n font-weight: var(--ig-h4-font-weight);\n font-style: var(--ig-h4-font-style);\n line-height: var(--ig-h4-line-height);\n letter-spacing: var(--ig-h4-letter-spacing);\n text-transform: var(--ig-h4-text-transform);\n margin-top: var(--ig-h4-margin-top);\n margin-bottom: var(--ig-h4-margin-bottom);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n white-space: pre-wrap;\n}\n\n[part=header-title] {\n font-family: var(--ig-overline-font-family);\n font-size: var(--ig-overline-font-size);\n font-weight: var(--ig-overline-font-weight);\n font-style: var(--ig-overline-font-style);\n line-height: var(--ig-overline-line-height);\n letter-spacing: var(--ig-overline-letter-spacing);\n text-transform: var(--ig-overline-text-transform);\n margin-top: var(--ig-overline-margin-top);\n margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n:host(igc-calendar[size=large]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=large]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=large]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=medium]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=medium]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=medium]) igc-years-view::part(year-inner),\n:host(igc-calendar[size=small]) igc-days-view::part(date-inner),\n:host(igc-calendar[size=small]) igc-months-view::part(month-inner),\n:host(igc-calendar[size=small]) igc-years-view::part(year-inner) {\n border-radius: 0;\n}`;\n"]}
1	+ {"version":3,"file":"calendar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/fluent/calendar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqSvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n:host(igc-calendar) {\n --size: max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem));\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n font-family: var(--ig-font-family);\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n color: var(--ig-surface-500-contrast);\n}\n:host(igc-calendar) > * {\n font-family: var(--ig-font-family);\n}\n:host(igc-calendar) igc-days-view::part(date),\n:host(igc-calendar) igc-days-view::part(week-number),\n:host(igc-calendar) igc-days-view::part(label),\n:host(igc-calendar) igc-days-view::part(days-row) {\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(week-number-inner),\n:host(igc-calendar) igc-days-view::part(date-inner) {\n width: calc(var(--size) - 0.125rem);\n min-width: calc(var(--size) - 0.125rem);\n height: 100%;\n}\n:host(igc-calendar) igc-days-view::part(label) {\n min-width: var(--size);\n height: var(--size);\n}\n:host(igc-calendar) igc-days-view::part(date-inner) {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-months-view {\n grid-template-rows: repeat(4, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-months-view::part(month-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n:host(igc-calendar) igc-years-view {\n grid-template-rows: repeat(5, minmax(var(--size), 1fr));\n}\n:host(igc-calendar) igc-years-view::part(year-inner) {\n height: var(--size);\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * calc(calc(var(--size) / 2) + 0.125rem)), calc(calc(var(--size) / 2) + 0.125rem));\n}\n\n:host(igc-calendar[size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host(igc-calendar[size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host(igc-calendar[size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n[part=navigation] {\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 1.25rem;\n padding: 1.5625rem 1.125rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part~=navigation-button] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background: transparent;\n border: none;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n font-size: 1rem;\n padding: 0;\n -webkit-transition: color 150ms ease-in-out;\n -o-transition: color 150ms ease-in-out;\n transition: color 150ms ease-in-out;\n}\n[part=months-navigation]:hover, [part=months-navigation]:focus,\n[part=years-navigation]:hover,\n[part=years-navigation]:focus,\n[part~=navigation-button]:hover,\n[part~=navigation-button]:focus {\n color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n cursor: pointer;\n}\n[part=months-navigation]:focus,\n[part=years-navigation]:focus,\n[part~=navigation-button]:focus {\n outline: none;\n}\n\n[part~=navigation-button][part~=vertical] {\n -webkit-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n[part=navigation-buttons] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n gap: 1.5rem;\n}\n\n:host(igc-calendar[header-orientation=vertical]) {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header] {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n width: 8.75rem;\n}\n:host(igc-calendar[header-orientation=vertical]) [part=header-date] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n[part=days-view-container] {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n}\n\n[part=header] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n padding: 1rem;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n color: var(--ig-secondary-600-contrast);\n}\n\n[part=header-date],\n[part=header-title] {\n margin: 0;\n}\n\n[part=header-date] {\n font-family: var(--ig-h4-font-family, var(--ig-font-family));\n font-size: var(--ig-h4-font-size);\n font-weight: var(--ig-h4-font-weight);\n font-style: var(--ig-h4-font-style);\n line-height: var(--ig-h4-line-height);\n letter-spacing: var(--ig-h4-letter-spacing);\n text-transform: var(--ig-h4-text-transform);\n margin-top: var(--ig-h4-margin-top);\n margin-bottom: var(--ig-h4-margin-bottom);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n white-space: pre-wrap;\n}\n\n[part=header-title] {\n font-family: var(--ig-overline-font-family, var(--ig-font-family));\n font-size: var(--ig-overline-font-size);\n font-weight: var(--ig-overline-font-weight);\n font-style: var(--ig-overline-font-style);\n line-height: var(--ig-overline-line-height);\n letter-spacing: var(--ig-overline-letter-spacing);\n text-transform: var(--ig-overline-text-transform);\n margin-top: var(--ig-overline-margin-top);\n margin-bottom: var(--ig-overline-margin-bottom);\n}\n\n.aria-off-screen {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n border: none;\n clip: rect(0, 0, 0, 0);\n outline: 0;\n pointer-events: none;\n overflow: hidden;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n:host([size=large]) igc-days-view::part(date-inner),\n:host([size=large]) igc-months-view::part(month-inner),\n:host([size=large]) igc-years-view::part(year-inner),\n:host([size=medium]) igc-days-view::part(date-inner),\n:host([size=medium]) igc-months-view::part(month-inner),\n:host([size=medium]) igc-years-view::part(year-inner),\n:host([size=small]) igc-days-view::part(date-inner),\n:host([size=small]) igc-months-view::part(month-inner),\n:host([size=small]) igc-years-view::part(year-inner) {\n border-radius: 0;\n}\n\n[part=header] {\n background: var(--header-bg, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n color: var(--header-color, var(--ig-primary-600-contrast));\n}\n\n[part~=navigation-buttons] {\n gap: 0.5rem;\n}\n\n[part~=navigation-button][part~=vertical] {\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n}\n\n[part=months-navigation],\n[part=years-navigation],\n[part=years-range] {\n font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));\n font-size: var(--ig-subtitle-2-font-size);\n font-weight: var(--ig-subtitle-2-font-weight);\n font-style: var(--ig-subtitle-2-font-style);\n line-height: var(--ig-subtitle-2-line-height);\n letter-spacing: var(--ig-subtitle-2-letter-spacing);\n text-transform: var(--ig-subtitle-2-text-transform);\n margin-top: var(--ig-subtitle-2-margin-top);\n margin-bottom: var(--ig-subtitle-2-margin-bottom);\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}`;\n"]}

package/components/calendar/themes/fluent/days-view.fluent.css.js CHANGED Viewed

@@ -3,12 +3,17 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=date-inner]:focus, [part~=date-inner]:hover {
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
   border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  color: var(--date-color-hover, var(--ig-gray-300-contrast));
 }
-[part~=date-inner][part~=selected][part~=single]:focus, [part~=date-inner][part~=selected][part~=single]:hover {
+[part~=date-inner][part~=weekend]:focus, [part~=date-inner][part~=weekend]:hover,
+[part~=date-inner][part~=inactive]:focus,
+[part~=date-inner][part~=inactive]:hover,
+[part~=date-inner][part~=selected][part~=single]:focus,
+[part~=date-inner][part~=selected][part~=single]:hover {
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
-  color: var(--ig-gray-300-contrast);
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  color: var(--date-color-hover, var(--ig-gray-300-contrast));
 }
 [part~=current][part~=date-inner][part~=current],
@@ -18,7 +23,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
           box-shadow: none;
   position: relative;
   overflow: hidden;
-  color: var(--ig-secondary-600-contrast);
+  color: var(--date-current-color, var(--ig-secondary-700-contrast));
 }
 [part~=current][part~=date-inner][part~=current]::after,
 [part~=current][part~=date-inner]::after,
@@ -38,7 +43,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=current][part~=date-inner]:hover,
 [part~=current][part~=single][part~=date-inner]:focus,
 [part~=current][part~=single][part~=date-inner]:hover {
-  color: var(--ig-secondary-600-contrast);
+  color: var(--date-current-color, var(--ig-secondary-700-contrast));
 }
 [part~=current][part~=date-inner][part~=current]:focus::after, [part~=current][part~=date-inner][part~=current]:hover::after,
 [part~=current][part~=date-inner]:focus::after,
@@ -48,22 +53,23 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
 }
-[part~=selected][part~=date-inner][part~=single] {
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+[part~=selected][part~=date-inner][part~=single],
+[part~=selected][part~=date-inner][part~=single][part~=weekend] {
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
   background: hsla(var(--ig-gray-200), var(--ig-gray-a));
   color: var(--ig-gray-200-contrast);
   border-radius: 0;
 }
 [part~=date-inner][part~=selected][part~=current][part~=single] {
-  color: var(--ig-secondary-600-contrast);
+  color: var(--date-current-color, var(--ig-secondary-700-contrast));
 }
 [part~=week-number-inner] {
-  border-inline-end-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-inline-end-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=week-number-inner]::after {
-  border-inline-end-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-inline-end-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part="week-number-inner last"],
@@ -74,16 +80,16 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=date-inner][part~=selected][part~=range][part~=first],
 [part~=date-inner][part~=selected][part~=range][part~=last],
 [part~=date-inner][part~=selected]:not([part~=range]) {
-  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
-  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
-  border-inline-start-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  border-inline-start-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date-inner][part~=selected][part~=range][part~=first]:hover, [part~=date-inner][part~=selected][part~=range][part~=first]:focus,
 [part~=date-inner][part~=selected][part~=range][part~=last]:hover,
 [part~=date-inner][part~=selected][part~=range][part~=last]:focus,
 [part~=date-inner][part~=selected]:not([part~=range]):hover,
 [part~=date-inner][part~=selected]:not([part~=range]):focus {
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date-inner][part~=selected][part~=range][part~=first]:hover,
 [part~=date-inner][part~=selected][part~=range][part~=last]:hover,
@@ -108,12 +114,16 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
           border-inline-start: 0;
 }
+[part~=date-inner][part~=selected][part~=range][part~=weekend],
+[part~=date-inner][part~=selected][part~=range][part~=inactive] {
+  color: var(--ig-gray-200-contrast);
+}
 [part~=date-inner][part~=selected][part~=range][part~=weekend]:hover, [part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,
 [part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,
 [part~=date-inner][part~=selected][part~=range][part~=inactive]:focus {
   color: var(--ig-gray-300-contrast);
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date-inner][part~=last][part~=range] {
@@ -126,12 +136,14 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   color: var(--ig-gray-200-contrast);
 }
 [part~=date-inner][part~=selected][part~=range]:hover {
+  color: var(--date-color-hover, var(--ig-gray-300-contrast));
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date-inner][part~=selected][part~=range]:focus {
+  color: var(--date-color-hover, var(--ig-gray-300-contrast));
   background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date-inner][part~=selected][part~=range][part~=preview]:focus {
@@ -141,8 +153,8 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=date][part~=selected][part~=range] {
   background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
-  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date][part~=first][part~=selected][part~=range],
@@ -153,17 +165,17 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=date][part~=first][part~=selected][part~=range]::after,
 [part~=date][part~=last][part~=selected][part~=range]::after {
   background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-  border-top-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
-  border-bottom-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-top-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  border-bottom-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date][part~=first][part~=selected][part~=range]::before,
 [part~=date][part~=last][part~=selected][part~=range]::before {
   content: "";
   position: absolute;
   top: -0.0625rem;
-  width: 50%;
+  width: var(--size);
   height: 100%;
-  border: 0.0625rem solid hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border: 0.0625rem solid hsla(var(--ig-gray-700), var(--ig-gray-a));
   z-index: 3;
   pointer-events: none;
 }
@@ -208,7 +220,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=date-inner][part~=first][part~=last][part~=selected][part~=current],
 [part~=date-inner][part~=first][part~=selected][part~=current][part~=range],
 [part~=date-inner][part~=last][part~=selected][part~=current][part~=range] {
-  color: var(--ig-secondary-600-contrast) !important;
+  color: var(--date-current-color, var(--ig-secondary-700-contrast)) !important;
 }
 [part~=date-inner][part~=selected][part~=current][part~=range]:focus, [part~=date-inner][part~=selected][part~=current][part~=range]:hover,
 [part~=date-inner][part~=first][part~=last][part~=selected][part~=current][part~=range]:focus,
@@ -219,7 +231,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 [part~=date-inner][part~=first][part~=selected][part~=current][part~=range]:hover,
 [part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:focus,
 [part~=date-inner][part~=last][part~=selected][part~=current][part~=range]:hover {
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date-inner][part~=first][part~=range][part~=preview],
@@ -303,7 +315,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part~=date-inner][part~=first][part~=last][part~=selected] {
-  border-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
 }
 [part~=date-inner][part~=first][part~=last][part~=selected],
@@ -320,7 +332,7 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 [part~=date-inner][part~=first][part~=last][part~=selected][part~=current] {
-  color: var(--ig-secondary-600-contrast) !important;
+  color: var(--date-current-color, var(--ig-secondary-700-contrast)) !important;
 }
 [part~=date-inner][part~=first][part~=selected][part~=current][part~=range][part~=preview]:focus,