npm - @skbkontur/react-ui - Versions diffs - 2.17.3 → 2.17.6 - Mend

@skbkontur/react-ui 2.17.3 → 2.17.6

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 (50) hide show

package/internal/Calendar/Calendar/Calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Calendar.tsx"],"names":["React","normalizeWheel","MAX_DATE","MAX_MONTH","MAX_YEAR","MIN_DATE","MIN_MONTH","MIN_YEAR","ThemeContext","Animation","themeConfig","CalendarUtils","MonthViewModel","CalendarScrollEvents","Month","jsStyles","create","isGreater","isLess","getTodayDate","date","Date","getDate","month","getMonth","year","getFullYear","Calendar","props","theme","wheelEndTimeout","root","animation","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","addEventListener","handleWheel","passive","removeEventListener","handleMonthYearChange","event","WheelEvent","preventDefault","pixelY","scrollTarget","calculateScrollPosition","handleWheelEnd","animate","deltaY","applyDelta","emit","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_SIZE","amount","pos","scrollAmmount","scrollAmount","today","initialMonth","initialYear","componentWillUnmount","cancel","render","value","onSelect","isHoliday","position","push","Component","__KONTUR_REACT_UI__","defaultProps","holidays"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport normalizeWheel from 'normalize-wheel';\r\n\r\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Animation } from '../../lib/animation';\r\n\r\nimport { themeConfig } from './config';\r\nimport * as CalendarUtils from './CalendarUtils';\r\nimport { MonthViewModel } from './MonthViewModel';\r\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\r\nimport { Month } from './Month';\r\nimport { jsStyles } from './Calendar.styles';\r\nimport { CalendarDateShape, create, isGreater, isLess } from './CalendarDateShape';\r\n\r\nexport interface CalendarProps {\r\n initialMonth?: number;\r\n initialYear?: number;\r\n onSelect?: (date: CalendarDateShape) => void;\r\n value?: Nullable<CalendarDateShape>;\r\n maxDate?: CalendarDateShape;\r\n minDate?: CalendarDateShape;\r\n isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\r\n}\r\n\r\nexport interface CalendarState {\r\n scrollPosition: number;\r\n months: MonthViewModel[];\r\n today: CalendarDateShape;\r\n scrollDirection: number;\r\n scrollTarget: number;\r\n}\r\n\r\nconst getTodayDate = () => {\r\n const date = new Date();\r\n return {\r\n date: date.getDate(),\r\n month: date.getMonth(),\r\n year: date.getFullYear(),\r\n };\r\n};\r\n\r\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\r\n public static __KONTUR_REACT_UI__ = 'Calendar';\r\n\r\n public static defaultProps = {\r\n holidays: [],\r\n minDate: {\r\n year: MIN_YEAR,\r\n month: MIN_MONTH,\r\n date: MIN_DATE,\r\n },\r\n maxDate: {\r\n year: MAX_YEAR,\r\n month: MAX_MONTH,\r\n date: MAX_DATE,\r\n },\r\n };\r\n\r\n private theme!: Theme;\r\n private wheelEndTimeout: Nullable<number>;\r\n private root: Nullable<HTMLElement>;\r\n private animation = Animation();\r\n\r\n constructor(props: CalendarProps) {\r\n super(props);\r\n\r\n const today = getTodayDate();\r\n\r\n const initialMonth = props.initialMonth == null ? today.month : props.initialMonth;\r\n const initialYear = props.initialYear == null ? today.year : props.initialYear;\r\n\r\n this.state = {\r\n scrollPosition: 0,\r\n months: CalendarUtils.getMonths(initialMonth, initialYear),\r\n today,\r\n scrollDirection: 1,\r\n scrollTarget: 0,\r\n };\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.animation.inProgress()) {\r\n this.animation.cancel();\r\n }\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n /*\r\n Scrolls calendar to given date\r\n * @public\r\n /\r\n public scrollToMonth = async (month: number, year: number) => {\r\n if (this.animation.inProgress()) {\r\n this.animation.finish();\r\n // FIXME: Dirty hack to await batched updates\r\n await new Promise(r => setTimeout(r));\r\n }\r\n\r\n const { minDate, maxDate } = this.props;\r\n\r\n if (minDate && isGreater(minDate, create(32, month, year))) {\r\n this.scrollToMonth(minDate.month, minDate.year);\r\n return;\r\n }\r\n\r\n if (maxDate && isLess(maxDate, create(0, month, year))) {\r\n this.scrollToMonth(maxDate.month, maxDate.year);\r\n return;\r\n }\r\n\r\n const currentMonth = this.state.months[1];\r\n const diffInMonths = currentMonth.month + currentMonth.year 12 - month - year * 12;\r\n\r\n if (diffInMonths === 0) {\r\n this.scrollTo(0);\r\n return;\r\n }\r\n\r\n const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\r\n\r\n const onEnd = () =>\r\n this.setState({\r\n months: CalendarUtils.getMonths(month, year),\r\n scrollPosition: 0,\r\n });\r\n\r\n const isYearChanges = (state: CalendarState) =>\r\n state.months[1].year !== year &&\r\n // if diff in months is 2 or less,\r\n // either year is not changing either months already\r\n // have right isFirstInYear/isLastInYear flags\r\n Math.abs(diffInMonths) > 2;\r\n\r\n // If scrolling upwards, prepend maximum maxMonthsToAdd months\r\n // and scroll to the first month\r\n if (diffInMonths > 0) {\r\n const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\r\n const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) =>\r\n MonthViewModel.create(month + index, year),\r\n );\r\n this.setState(\r\n state => {\r\n const yearChanges = isYearChanges(state);\r\n if (yearChanges) {\r\n // Mutating here can lead to some unexpected bugs\r\n // but we couldn't find any yet\r\n state.months[0].isFirstInYear = true;\r\n if (monthsToPrepend.length) {\r\n // Mutating item here is safe as it was just created\r\n monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;\r\n }\r\n }\r\n return {\r\n months: monthsToPrepend.concat(state.months),\r\n scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\r\n };\r\n },\r\n () => {\r\n const targetPosition = this.state.months[0].getHeight(this.theme);\r\n this.scrollTo(targetPosition, onEnd);\r\n },\r\n );\r\n }\r\n\r\n // If scrolling downwards, append maximum maxMonthsToAdd months\r\n // and scroll to the last but one month\r\n if (diffInMonths < 0) {\r\n const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\r\n const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) =>\r\n MonthViewModel.create(month + index - monthsToAppendCount + 2, year),\r\n );\r\n this.setState(\r\n state => {\r\n if (isYearChanges(state)) {\r\n // Mutating here can lead to some unexpected bugs\r\n // but we couldn't find any yet\r\n state.months[state.months.length - 1].isLastInYear = true;\r\n // Mutating item here is safe as it was just created\r\n if (monthsToAppend[0]) {\r\n monthsToAppend[0].isFirstInYear = true;\r\n }\r\n }\r\n return { months: state.months.concat(monthsToAppend) };\r\n },\r\n () => {\r\n const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\r\n this.scrollTo(targetPosition, onEnd);\r\n },\r\n );\r\n }\r\n };\r\n\r\n private renderMain = () => {\r\n const positions = this.getMonthPositions();\r\n const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\r\n return (\r\n <div ref={this.refRoot} className={jsStyles.root(this.theme)}>\r\n <div style={wrapperStyle} className={jsStyles.wrapper()}>\r\n {this.state.months\r\n .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\r\n .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme))\r\n .map(this.renderMonth, this)}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n private refRoot = (element: HTMLElement \| null) => {\r\n if (!this.root && element) {\r\n element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n }\r\n if (this.root && !element) {\r\n this.root.removeEventListener('wheel', this.handleWheel);\r\n }\r\n this.root = element;\r\n };\r\n\r\n private renderMonth([top, month]: [number, MonthViewModel]) {\r\n return (\r\n <Month\r\n key={month.month + '-' + month.year}\r\n top={top}\r\n month={month}\r\n maxDate={this.props.maxDate}\r\n minDate={this.props.minDate}\r\n today={this.state.today}\r\n value={this.props.value}\r\n onDateClick={this.props.onSelect}\r\n onMonthYearChange={this.handleMonthYearChange}\r\n isHoliday={this.props.isHoliday}\r\n />\r\n );\r\n }\r\n\r\n private getMonthPositions() {\r\n const { scrollPosition, months } = this.state;\r\n\r\n const positions = [scrollPosition - months[0].getHeight(this.theme)];\r\n for (let i = 1; i < months.length; i++) {\r\n const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\r\n positions.push(position);\r\n }\r\n return positions;\r\n }\r\n\r\n private handleMonthYearChange = (month: number, year: number) => {\r\n this.scrollToMonth(month, year);\r\n };\r\n\r\n private handleWheel = (event: Event) => {\r\n if (!(event instanceof WheelEvent)) {\r\n return;\r\n }\r\n event.preventDefault();\r\n const { pixelY } = normalizeWheel(event);\r\n\r\n this.setState(({ months, scrollPosition, scrollTarget }) => {\r\n const targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY, this.theme)\r\n .scrollPosition;\r\n return { scrollTarget: targetPosition };\r\n }, this.handleWheelEnd);\r\n\r\n this.animation.animate(pixelY, deltaY =>\r\n // FIXME: Typescript not resolving setState cb type\r\n this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\r\n );\r\n\r\n CalendarScrollEvents.emit();\r\n };\r\n\r\n private handleWheelEnd = () => {\r\n if (this.wheelEndTimeout) {\r\n clearTimeout(this.wheelEndTimeout);\r\n }\r\n this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\r\n };\r\n\r\n private scrollToNearestWeek = () => {\r\n const { scrollTarget, scrollDirection } = this.state;\r\n\r\n const trasholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_SIZE;\r\n\r\n if (scrollTarget < trasholdHeight) {\r\n let targetPosition = 0;\r\n if (scrollDirection < 0) {\r\n targetPosition = trasholdHeight;\r\n }\r\n\r\n this.setState({ scrollTarget: targetPosition }, () => {\r\n const amount = scrollTarget - targetPosition;\r\n this.animation.animate(amount, deltaY =>\r\n // FIXME: Typescript not resolving setState cb type\r\n this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\r\n );\r\n });\r\n }\r\n };\r\n\r\n private scrollTo = (pos: number, onEnd?: () => void) => {\r\n const scrollAmmount = pos - this.state.scrollPosition;\r\n return this.scrollAmount(scrollAmmount, onEnd);\r\n };\r\n\r\n private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\r\n return this.animation.animate(\r\n scrollAmmount,\r\n deltaY =>\r\n this.setState(({ scrollPosition }) => ({\r\n scrollPosition: scrollPosition + deltaY,\r\n })),\r\n onEnd,\r\n );\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["Calendar.tsx"],"names":["React","normalizeWheel","MAX_DATE","MAX_MONTH","MAX_YEAR","MIN_DATE","MIN_MONTH","MIN_YEAR","ThemeContext","Animation","themeConfig","CalendarUtils","MonthViewModel","CalendarScrollEvents","Month","jsStyles","create","isGreater","isLess","getTodayDate","date","Date","getDate","month","getMonth","year","getFullYear","Calendar","props","theme","wheelEndTimeout","root","animation","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","addEventListener","handleWheel","passive","removeEventListener","handleMonthYearChange","event","WheelEvent","preventDefault","pixelY","scrollTarget","calculateScrollPosition","handleWheelEnd","animate","deltaY","applyDelta","emit","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_SIZE","amount","pos","scrollAmmount","scrollAmount","today","initialMonth","initialYear","componentWillUnmount","cancel","render","value","onSelect","isHoliday","position","push","Component","__KONTUR_REACT_UI__","defaultProps","holidays"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport normalizeWheel from 'normalize-wheel';\r\n\r\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Animation } from '../../lib/animation';\r\n\r\nimport { themeConfig } from './config';\r\nimport * as CalendarUtils from './CalendarUtils';\r\nimport { MonthViewModel } from './MonthViewModel';\r\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\r\nimport { Month } from './Month';\r\nimport { jsStyles } from './Calendar.styles';\r\nimport { CalendarDateShape, create, isGreater, isLess } from './CalendarDateShape';\r\n\r\nexport interface CalendarProps {\r\n initialMonth?: number;\r\n initialYear?: number;\r\n onSelect?: (date: CalendarDateShape) => void;\r\n value?: Nullable<CalendarDateShape>;\r\n maxDate?: CalendarDateShape;\r\n minDate?: CalendarDateShape;\r\n isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\r\n}\r\n\r\nexport interface CalendarState {\r\n scrollPosition: number;\r\n months: MonthViewModel[];\r\n today: CalendarDateShape;\r\n scrollDirection: number;\r\n scrollTarget: number;\r\n}\r\n\r\nconst getTodayDate = () => {\r\n const date = new Date();\r\n return {\r\n date: date.getDate(),\r\n month: date.getMonth(),\r\n year: date.getFullYear(),\r\n };\r\n};\r\n\r\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\r\n public static __KONTUR_REACT_UI__ = 'Calendar';\r\n\r\n public static defaultProps = {\r\n holidays: [],\r\n minDate: {\r\n year: MIN_YEAR,\r\n month: MIN_MONTH,\r\n date: MIN_DATE,\r\n },\r\n maxDate: {\r\n year: MAX_YEAR,\r\n month: MAX_MONTH,\r\n date: MAX_DATE,\r\n },\r\n };\r\n\r\n private theme!: Theme;\r\n private wheelEndTimeout: Nullable<number>;\r\n private root: Nullable<HTMLElement>;\r\n private animation = Animation();\r\n\r\n constructor(props: CalendarProps) {\r\n super(props);\r\n\r\n const today = getTodayDate();\r\n\r\n const initialMonth = props.initialMonth == null ? today.month : props.initialMonth;\r\n const initialYear = props.initialYear == null ? today.year : props.initialYear;\r\n\r\n this.state = {\r\n scrollPosition: 0,\r\n months: CalendarUtils.getMonths(initialMonth, initialYear),\r\n today,\r\n scrollDirection: 1,\r\n scrollTarget: 0,\r\n };\r\n }\r\n\r\n public componentWillUnmount() {\r\n if (this.animation.inProgress()) {\r\n this.animation.cancel();\r\n }\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n /*\r\n Scrolls calendar to given date\r\n * @public\r\n /\r\n public scrollToMonth = async (month: number, year: number) => {\r\n if (this.animation.inProgress()) {\r\n this.animation.finish();\r\n // FIXME: Dirty hack to await batched updates\r\n await new Promise(r => setTimeout(r));\r\n }\r\n\r\n const { minDate, maxDate } = this.props;\r\n\r\n if (minDate && isGreater(minDate, create(32, month, year))) {\r\n this.scrollToMonth(minDate.month, minDate.year);\r\n return;\r\n }\r\n\r\n if (maxDate && isLess(maxDate, create(0, month, year))) {\r\n this.scrollToMonth(maxDate.month, maxDate.year);\r\n return;\r\n }\r\n\r\n const currentMonth = this.state.months[1];\r\n const diffInMonths = currentMonth.month + currentMonth.year 12 - month - year * 12;\r\n\r\n if (diffInMonths === 0) {\r\n this.scrollTo(0);\r\n return;\r\n }\r\n\r\n const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\r\n\r\n const onEnd = () =>\r\n this.setState({\r\n months: CalendarUtils.getMonths(month, year),\r\n scrollPosition: 0,\r\n });\r\n\r\n const isYearChanges = (state: CalendarState) =>\r\n state.months[1].year !== year &&\r\n // if diff in months is 2 or less,\r\n // either year is not changing either months already\r\n // have right isFirstInYear/isLastInYear flags\r\n Math.abs(diffInMonths) > 2;\r\n\r\n // If scrolling upwards, prepend maximum maxMonthsToAdd months\r\n // and scroll to the first month\r\n if (diffInMonths > 0) {\r\n const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\r\n const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) =>\r\n MonthViewModel.create(month + index, year),\r\n );\r\n this.setState(\r\n state => {\r\n const yearChanges = isYearChanges(state);\r\n if (yearChanges) {\r\n // Mutating here can lead to some unexpected bugs\r\n // but we couldn't find any yet\r\n state.months[0].isFirstInYear = true;\r\n if (monthsToPrepend.length) {\r\n // Mutating item here is safe as it was just created\r\n monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;\r\n }\r\n }\r\n return {\r\n months: monthsToPrepend.concat(state.months),\r\n scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\r\n };\r\n },\r\n () => {\r\n const targetPosition = this.state.months[0].getHeight(this.theme);\r\n this.scrollTo(targetPosition, onEnd);\r\n },\r\n );\r\n }\r\n\r\n // If scrolling downwards, append maximum maxMonthsToAdd months\r\n // and scroll to the last but one month\r\n if (diffInMonths < 0) {\r\n const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\r\n const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) =>\r\n MonthViewModel.create(month + index - monthsToAppendCount + 2, year),\r\n );\r\n this.setState(\r\n state => {\r\n if (isYearChanges(state)) {\r\n // Mutating here can lead to some unexpected bugs\r\n // but we couldn't find any yet\r\n state.months[state.months.length - 1].isLastInYear = true;\r\n // Mutating item here is safe as it was just created\r\n if (monthsToAppend[0]) {\r\n monthsToAppend[0].isFirstInYear = true;\r\n }\r\n }\r\n return { months: state.months.concat(monthsToAppend) };\r\n },\r\n () => {\r\n const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\r\n this.scrollTo(targetPosition, onEnd);\r\n },\r\n );\r\n }\r\n };\r\n\r\n private renderMain = () => {\r\n const positions = this.getMonthPositions();\r\n const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\r\n return (\r\n <div ref={this.refRoot} className={jsStyles.root(this.theme)} data-tid=\"Calendar\">\r\n <div style={wrapperStyle} className={jsStyles.wrapper()}>\r\n {this.state.months\r\n .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\r\n .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme))\r\n .map(this.renderMonth, this)}\r\n </div>\r\n </div>\r\n );\r\n };\r\n\r\n private refRoot = (element: HTMLElement \| null) => {\r\n if (!this.root && element) {\r\n element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n }\r\n if (this.root && !element) {\r\n this.root.removeEventListener('wheel', this.handleWheel);\r\n }\r\n this.root = element;\r\n };\r\n\r\n private renderMonth([top, month]: [number, MonthViewModel]) {\r\n return (\r\n <Month\r\n key={month.month + '-' + month.year}\r\n top={top}\r\n month={month}\r\n maxDate={this.props.maxDate}\r\n minDate={this.props.minDate}\r\n today={this.state.today}\r\n value={this.props.value}\r\n onDateClick={this.props.onSelect}\r\n onMonthYearChange={this.handleMonthYearChange}\r\n isHoliday={this.props.isHoliday}\r\n />\r\n );\r\n }\r\n\r\n private getMonthPositions() {\r\n const { scrollPosition, months } = this.state;\r\n\r\n const positions = [scrollPosition - months[0].getHeight(this.theme)];\r\n for (let i = 1; i < months.length; i++) {\r\n const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\r\n positions.push(position);\r\n }\r\n return positions;\r\n }\r\n\r\n private handleMonthYearChange = (month: number, year: number) => {\r\n this.scrollToMonth(month, year);\r\n };\r\n\r\n private handleWheel = (event: Event) => {\r\n if (!(event instanceof WheelEvent)) {\r\n return;\r\n }\r\n event.preventDefault();\r\n const { pixelY } = normalizeWheel(event);\r\n\r\n this.setState(({ months, scrollPosition, scrollTarget }) => {\r\n const targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY, this.theme)\r\n .scrollPosition;\r\n return { scrollTarget: targetPosition };\r\n }, this.handleWheelEnd);\r\n\r\n this.animation.animate(pixelY, deltaY =>\r\n // FIXME: Typescript not resolving setState cb type\r\n this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\r\n );\r\n\r\n CalendarScrollEvents.emit();\r\n };\r\n\r\n private handleWheelEnd = () => {\r\n if (this.wheelEndTimeout) {\r\n clearTimeout(this.wheelEndTimeout);\r\n }\r\n this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\r\n };\r\n\r\n private scrollToNearestWeek = () => {\r\n const { scrollTarget, scrollDirection } = this.state;\r\n\r\n const trasholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_SIZE;\r\n\r\n if (scrollTarget < trasholdHeight) {\r\n let targetPosition = 0;\r\n if (scrollDirection < 0) {\r\n targetPosition = trasholdHeight;\r\n }\r\n\r\n this.setState({ scrollTarget: targetPosition }, () => {\r\n const amount = scrollTarget - targetPosition;\r\n this.animation.animate(amount, deltaY =>\r\n // FIXME: Typescript not resolving setState cb type\r\n this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\r\n );\r\n });\r\n }\r\n };\r\n\r\n private scrollTo = (pos: number, onEnd?: () => void) => {\r\n const scrollAmmount = pos - this.state.scrollPosition;\r\n return this.scrollAmount(scrollAmmount, onEnd);\r\n };\r\n\r\n private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\r\n return this.animation.animate(\r\n scrollAmmount,\r\n deltaY =>\r\n this.setState(({ scrollPosition }) => ({\r\n scrollPosition: scrollPosition + deltaY,\r\n })),\r\n onEnd,\r\n );\r\n };\r\n}\r\n"]}

package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js CHANGED Viewed

@@ -89,7 +89,8 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
     if (loading && (!items || !items.length)) {
       return /*#__PURE__*/React.createElement(Menu, {
-        ref: refMenu
+        ref: refMenu,
+        "data-tid": "ComboBoxMenu__loading"
       }, /*#__PURE__*/React.createElement(MenuItem, {
         disabled: true
       }, /*#__PURE__*/React.createElement(Spinner, {
@@ -101,7 +102,8 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
     if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {
       return /*#__PURE__*/React.createElement(Menu, {
         ref: refMenu,
-        maxHeight: maxMenuHeight
+        maxHeight: maxMenuHeight,
+        "data-tid": "ComboBoxMenu__failed"
       }, /*#__PURE__*/React.createElement(MenuItem, {
         disabled: true,
         key: "message"

package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ComboBoxMenu.tsx"],"names":["React","Component","locale","Menu","MenuItem","Spinner","MenuSeparator","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenu","renderItem","item","index","props","onValueChange","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","fontSize","map","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItem, MenuItemState } from '../../components/MenuItem';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { MenuSeparator } from '../../components/MenuSeparator';\r\n\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\r\n\r\nexport interface ComboBoxMenuProps<T> {\r\n opened?: boolean;\r\n items?: Nullable<T[]>;\r\n totalCount?: number;\r\n loading?: boolean;\r\n maxMenuHeight?: number \| string;\r\n refMenu?: (menu: Nullable<Menu>) => void;\r\n renderNotFound?: () => React.ReactNode;\r\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n renderItem: (item: T, state: MenuItemState) => React.ReactNode;\r\n onValueChange: (value: T) => any;\r\n renderAddButton?: () => React.ReactNode;\r\n caption?: React.ReactNode;\r\n repeatRequest?: () => void;\r\n requestStatus?: ComboBoxRequestStatus;\r\n}\r\n\r\n@locale('ComboBox', CustomComboBoxLocaleHelper)\r\nexport class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {\r\n public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\r\n\r\n public static defaultProps = {\r\n repeatRequest: () => undefined,\r\n requestStatus: ComboBoxRequestStatus.Unknown,\r\n };\r\n\r\n private readonly locale!: ComboBoxLocale;\r\n\r\n public render() {\r\n const {\r\n opened,\r\n items,\r\n totalCount,\r\n loading,\r\n refMenu,\r\n renderNotFound = () => notFound,\r\n renderTotalCount,\r\n maxMenuHeight,\r\n requestStatus,\r\n } = this.props;\r\n\r\n const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\r\n\r\n if (!opened) {\r\n return null;\r\n }\r\n\r\n let renderAddButton = null;\r\n if (this.props.renderAddButton) {\r\n renderAddButton = this.props.renderAddButton();\r\n }\r\n\r\n if (loading && (!items \|\| !items.length)) {\r\n return (\r\n <Menu ref={refMenu}>\r\n <MenuItem disabled>\r\n <Spinner type=\"mini\" dimmed />\r\n </MenuItem>\r\n </Menu>\r\n );\r\n }\r\n\r\n if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\r\n return (\r\n <Menu ref={refMenu} maxHeight={maxMenuHeight}>\r\n <MenuItem disabled key=\"message\">\r\n <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\r\n </MenuItem>\r\n <MenuItem link onClick={this.props.repeatRequest} key=\"retry\">\r\n {errorNetworkButton}\r\n </MenuItem>\r\n </Menu>\r\n );\r\n }\r\n\r\n if ((items == null \|\| items.length === 0) && renderNotFound) {\r\n const notFoundValue = renderNotFound();\r\n if (renderAddButton) return <Menu ref={refMenu}>{renderAddButton}</Menu>;\r\n if (notFoundValue)\r\n return (\r\n <Menu ref={refMenu}>\r\n <MenuItem data-tid=\"ComboBoxMenu__notFound\" disabled>\r\n {notFoundValue}\r\n </MenuItem>\r\n </Menu>\r\n );\r\n return null;\r\n }\r\n\r\n let total = null;\r\n if (items && renderTotalCount && totalCount && items.length < totalCount) {\r\n total = (\r\n <MenuItem disabled key=\"total\">\r\n <div style={{ fontSize: 12 }}>{renderTotalCount(items.length, totalCount)}</div>\r\n </MenuItem>\r\n );\r\n }\r\n\r\n return (\r\n <Menu data-tid=\"ComboBoxMenu__items\" ref={refMenu} maxHeight={maxMenuHeight}>\r\n {items && items.map(this.renderItem)}\r\n {total}\r\n {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\r\n </Menu>\r\n );\r\n }\r\n\r\n private renderItem = (item: T, index: number): React.ReactNode => {\r\n // NOTE this is undesireable feature, better\r\n // to remove it from further versions\r\n const { renderItem, onValueChange } = this.props;\r\n if (typeof item === 'function' \|\| React.isValidElement(item)) {\r\n // @ts-ignore\r\n const element = typeof item === 'function' ? item() : item;\r\n const props = Object.assign(\r\n {\r\n key: index,\r\n onClick: () => onValueChange(element.props),\r\n },\r\n element.props,\r\n );\r\n return React.cloneElement(element, props);\r\n }\r\n\r\n return (\r\n <MenuItem data-tid=\"ComboBoxMenu__item\" onClick={() => onValueChange(item)} key={index}>\r\n {state => renderItem(item, state)}\r\n </MenuItem>\r\n );\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["ComboBoxMenu.tsx"],"names":["React","Component","locale","Menu","MenuItem","Spinner","MenuSeparator","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenu","renderItem","item","index","props","onValueChange","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","fontSize","map","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItem, MenuItemState } from '../../components/MenuItem';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { MenuSeparator } from '../../components/MenuSeparator';\r\n\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\r\n\r\nexport interface ComboBoxMenuProps<T> {\r\n opened?: boolean;\r\n items?: Nullable<T[]>;\r\n totalCount?: number;\r\n loading?: boolean;\r\n maxMenuHeight?: number \| string;\r\n refMenu?: (menu: Nullable<Menu>) => void;\r\n renderNotFound?: () => React.ReactNode;\r\n renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n renderItem: (item: T, state: MenuItemState) => React.ReactNode;\r\n onValueChange: (value: T) => any;\r\n renderAddButton?: () => React.ReactNode;\r\n caption?: React.ReactNode;\r\n repeatRequest?: () => void;\r\n requestStatus?: ComboBoxRequestStatus;\r\n}\r\n\r\n@locale('ComboBox', CustomComboBoxLocaleHelper)\r\nexport class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {\r\n public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\r\n\r\n public static defaultProps = {\r\n repeatRequest: () => undefined,\r\n requestStatus: ComboBoxRequestStatus.Unknown,\r\n };\r\n\r\n private readonly locale!: ComboBoxLocale;\r\n\r\n public render() {\r\n const {\r\n opened,\r\n items,\r\n totalCount,\r\n loading,\r\n refMenu,\r\n renderNotFound = () => notFound,\r\n renderTotalCount,\r\n maxMenuHeight,\r\n requestStatus,\r\n } = this.props;\r\n\r\n const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\r\n\r\n if (!opened) {\r\n return null;\r\n }\r\n\r\n let renderAddButton = null;\r\n if (this.props.renderAddButton) {\r\n renderAddButton = this.props.renderAddButton();\r\n }\r\n\r\n if (loading && (!items \|\| !items.length)) {\r\n return (\r\n <Menu ref={refMenu} data-tid=\"ComboBoxMenu__loading\">\r\n <MenuItem disabled>\r\n <Spinner type=\"mini\" dimmed />\r\n </MenuItem>\r\n </Menu>\r\n );\r\n }\r\n\r\n if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\r\n return (\r\n <Menu ref={refMenu} maxHeight={maxMenuHeight} data-tid=\"ComboBoxMenu__failed\">\r\n <MenuItem disabled key=\"message\">\r\n <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\r\n </MenuItem>\r\n <MenuItem link onClick={this.props.repeatRequest} key=\"retry\">\r\n {errorNetworkButton}\r\n </MenuItem>\r\n </Menu>\r\n );\r\n }\r\n\r\n if ((items == null \|\| items.length === 0) && renderNotFound) {\r\n const notFoundValue = renderNotFound();\r\n if (renderAddButton) return <Menu ref={refMenu}>{renderAddButton}</Menu>;\r\n if (notFoundValue)\r\n return (\r\n <Menu ref={refMenu}>\r\n <MenuItem data-tid=\"ComboBoxMenu__notFound\" disabled>\r\n {notFoundValue}\r\n </MenuItem>\r\n </Menu>\r\n );\r\n return null;\r\n }\r\n\r\n let total = null;\r\n if (items && renderTotalCount && totalCount && items.length < totalCount) {\r\n total = (\r\n <MenuItem disabled key=\"total\">\r\n <div style={{ fontSize: 12 }}>{renderTotalCount(items.length, totalCount)}</div>\r\n </MenuItem>\r\n );\r\n }\r\n\r\n return (\r\n <Menu data-tid=\"ComboBoxMenu__items\" ref={refMenu} maxHeight={maxMenuHeight}>\r\n {items && items.map(this.renderItem)}\r\n {total}\r\n {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\r\n </Menu>\r\n );\r\n }\r\n\r\n private renderItem = (item: T, index: number): React.ReactNode => {\r\n // NOTE this is undesireable feature, better\r\n // to remove it from further versions\r\n const { renderItem, onValueChange } = this.props;\r\n if (typeof item === 'function' \|\| React.isValidElement(item)) {\r\n // @ts-ignore\r\n const element = typeof item === 'function' ? item() : item;\r\n const props = Object.assign(\r\n {\r\n key: index,\r\n onClick: () => onValueChange(element.props),\r\n },\r\n element.props,\r\n );\r\n return React.cloneElement(element, props);\r\n }\r\n\r\n return (\r\n <MenuItem data-tid=\"ComboBoxMenu__item\" onClick={() => onValueChange(item)} key={index}>\r\n {state => renderItem(item, state)}\r\n </MenuItem>\r\n );\r\n };\r\n}\r\n"]}

package/internal/RenderContainer/RenderContainer/RenderContainer.js CHANGED Viewed

@@ -3,6 +3,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { canUseDOM, isBrowser } from "../../../lib/client";
 import { getRandomID } from "../../../lib/utils";
+import { Upgrade } from "../../../lib/Upgrades";
 import { RenderInnerContainer } from "../RenderInnerContainer";
 export var RenderContainer = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(RenderContainer, _React$Component);
@@ -47,7 +48,7 @@ export var RenderContainer = /*#__PURE__*/function (_React$Component) {
   _proto.createContainer = function createContainer() {
     if (canUseDOM) {
       var domContainer = document.createElement('div');
-      domContainer.setAttribute('class', 'react-ui');
+      domContainer.setAttribute('class', Upgrade.getSpecificityClassName());
       domContainer.setAttribute('data-rendered-container-id', "" + this.rootId);
       this.domContainer = domContainer;
     }

package/internal/RenderContainer/RenderContainer/RenderContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["RenderContainer.tsx"],"names":["React","canUseDOM","isBrowser","getRandomID","RenderInnerContainer","RenderContainer","props","domContainer","rootId","getRootId","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","document","createElement","setAttribute","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,EAAoBC,SAApB,QAAqC,kBAArC;;AAEA,SAASC,WAAT,QAA4B,iBAA5B;;AAEA,SAASC,oBAAT,QAAqC,wBAArC;;;AAGA,WAAaC,eAAb;;;;;;;;AAQE,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,~~QAAIP~~,SAAS,~~IAAII~~,KAAK,CAACI,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,GAdH;;AAgBSC,EAAAA,gCAhBT,GAgBE,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKP,KAAL,CAAWI,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKL,KAAL,CAAWI,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,GAvBH;;AAyBSC,EAAAA,oBAzBT,GAyBE,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,GA3BH;;AA6BSC,EAAAA,MA7BT,GA6BE,kBAAgB;AACd,wBAAO,oBAAC,oBAAD,eAA0B,KAAKX,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,GA/BH;;AAiCUU,EAAAA,eAjCV,GAiCE,2BAA0B;AACxB,~~QAAIjB~~,SAAJ,EAAe;AACb,~~UAAMM~~,YAAY,GAAGY,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAb,MAAAA,YAAY,CAACc,YAAb,CAA0B,OAA1B,~~EAAmC~~,~~UAAnC~~;~~AACAd~~,MAAAA,YAAY,CAACc,YAAb,CAA0B,4BAA1B,OAA2D,KAAKb,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,GAxCH;;AA0CUI,EAAAA,cA1CV,GA0CE,0BAAyB;AACvB,QAAI,CAAC,KAAKJ,YAAV,EAAwB;AACtB,WAAKW,eAAL;AACD;AACD,QAAI,KAAKX,YAAL,IAAqB,KAAKA,YAAL,~~CAAkBe~~,UAAlB,~~KAAiCH~~,QAAQ,~~CAACI~~,IAAnE,EAAyE;~~AACvEJ~~,MAAAA,QAAQ,~~CAACI~~,IAAT,CAAcC,WAAd,CAA0B,~~KAAKjB~~,YAA/B;AACA,~~UAAIkB~~,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,~~KAAKnB~~,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,GApDH;;AAsDUQ,EAAAA,gBAtDV,GAsDE,4BAA2B;AACzB,QAAI,KAAKT,YAAT,EAAuB;AACrB,WAAKO,gBAAL;AACA,WAAKP,YAAL,GAAoB,IAApB;AACD;AACF,GA3DH;;AA6DUO,EAAAA,gBA7DV,GA6DE,4BAA2B;AACzB,QAAI,KAAKP,YAAL,IAAqB,KAAKA,YAAL,~~CAAkBe~~,UAA3C,EAAuD;AACrD,~~WAAKf~~,YAAL,~~CAAkBe~~,UAAlB,CAA6BM,WAA7B,CAAyC,~~KAAKrB~~,YAA9C;;AAEA,~~UAAIkB~~,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,~~KAAKrB~~,MAA/C;AACD;AACF;AACF,GArEH,~~0BAAqCR~~,KAAK,~~CAAC8B~~,SAA3C,~~EAAazB~~,e,~~CACG0B~~,mB,GAAsB,iB,~~CADzB1B~~,e,CAGII,S,GAAY,~~oBAAMN~~,WAAW,EAAjB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { canUseDOM, isBrowser } from '../../lib/client';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { getRandomID } from '../../lib/utils';\r\n\r\nimport { RenderInnerContainer } from './RenderInnerContainer';\r\nimport { RenderContainerProps } from './RenderContainerTypes';\r\n\r\nexport class RenderContainer extends React.Component<RenderContainerProps> {\r\n public static __KONTUR_REACT_UI__ = 'RenderContainer';\r\n\r\n private static getRootId = () => getRandomID();\r\n private domContainer: Nullable<HTMLElement> = null;\r\n\r\n private readonly rootId: string = RenderContainer.getRootId();\r\n\r\n constructor(props: RenderContainerProps) {\r\n super(props);\r\n\r\n if (isBrowser && props.children) {\r\n this.mountContainer();\r\n }\r\n }\r\n\r\n public UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void {\r\n if (!this.props.children && nextProps.children) {\r\n this.mountContainer();\r\n }\r\n if (this.props.children && !nextProps.children) {\r\n this.unmountContainer();\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n this.destroyContainer();\r\n }\r\n\r\n public render() {\r\n return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\r\n }\r\n\r\n private createContainer() {\r\n if (canUseDOM) {\r\n const domContainer = document.createElement('div');\r\n domContainer.setAttribute('class', ~~'react-ui'~~);\r\n domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\r\n this.domContainer = domContainer;\r\n }\r\n }\r\n\r\n private mountContainer() {\r\n if (!this.domContainer) {\r\n this.createContainer();\r\n }\r\n if (this.domContainer && this.domContainer.parentNode !== document.body) {\r\n document.body.appendChild(this.domContainer);\r\n if (window.ReactTesting) {\r\n window.ReactTesting.addRenderContainer(this.rootId, this);\r\n }\r\n }\r\n }\r\n\r\n private destroyContainer() {\r\n if (this.domContainer) {\r\n this.unmountContainer();\r\n this.domContainer = null;\r\n }\r\n }\r\n\r\n private unmountContainer() {\r\n if (this.domContainer && this.domContainer.parentNode) {\r\n this.domContainer.parentNode.removeChild(this.domContainer);\r\n\r\n if (window.ReactTesting) {\r\n window.ReactTesting.removeRenderContainer(this.rootId);\r\n }\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["RenderContainer.tsx"],"names":["React","canUseDOM","isBrowser","getRandomID","Upgrade","RenderInnerContainer","RenderContainer","props","domContainer","rootId","getRootId","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","document","createElement","setAttribute","getSpecificityClassName","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","Component","__KONTUR_REACT_UI__"],"mappings":"gIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,EAAoBC,SAApB,QAAqC,kBAArC;;AAEA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,OAAT,QAAwB,oBAAxB;;AAEA,SAASC,oBAAT,QAAqC,wBAArC;;;AAGA,WAAaC,eAAb;;;;;;;;AAQE,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIR,SAAS,IAAIK,KAAK,CAACI,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,GAdH;;AAgBSC,EAAAA,gCAhBT,GAgBE,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKP,KAAL,CAAWI,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKL,KAAL,CAAWI,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,GAvBH;;AAyBSC,EAAAA,oBAzBT,GAyBE,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,GA3BH;;AA6BSC,EAAAA,MA7BT,GA6BE,kBAAgB;AACd,wBAAO,oBAAC,oBAAD,eAA0B,KAAKX,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,GA/BH;;AAiCUU,EAAAA,eAjCV,GAiCE,2BAA0B;AACxB,QAAIlB,SAAJ,EAAe;AACb,UAAMO,YAAY,GAAGY,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAb,MAAAA,YAAY,CAACc,YAAb,CAA0B,OAA1B,EAAmClB,OAAO,CAACmB,uBAAR,EAAnC;AACAf,MAAAA,YAAY,CAACc,YAAb,CAA0B,4BAA1B,OAA2D,KAAKb,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,GAxCH;;AA0CUI,EAAAA,cA1CV,GA0CE,0BAAyB;AACvB,QAAI,CAAC,KAAKJ,YAAV,EAAwB;AACtB,WAAKW,eAAL;AACD;AACD,QAAI,KAAKX,YAAL,IAAqB,KAAKA,YAAL,CAAkBgB,UAAlB,KAAiCJ,QAAQ,CAACK,IAAnE,EAAyE;AACvEL,MAAAA,QAAQ,CAACK,IAAT,CAAcC,WAAd,CAA0B,KAAKlB,YAA/B;AACA,UAAImB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKpB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,GApDH;;AAsDUQ,EAAAA,gBAtDV,GAsDE,4BAA2B;AACzB,QAAI,KAAKT,YAAT,EAAuB;AACrB,WAAKO,gBAAL;AACA,WAAKP,YAAL,GAAoB,IAApB;AACD;AACF,GA3DH;;AA6DUO,EAAAA,gBA7DV,GA6DE,4BAA2B;AACzB,QAAI,KAAKP,YAAL,IAAqB,KAAKA,YAAL,CAAkBgB,UAA3C,EAAuD;AACrD,WAAKhB,YAAL,CAAkBgB,UAAlB,CAA6BM,WAA7B,CAAyC,KAAKtB,YAA9C;;AAEA,UAAImB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKtB,MAA/C;AACD;AACF;AACF,GArEH,0BAAqCT,KAAK,CAACgC,SAA3C,EAAa1B,e,CACG2B,mB,GAAsB,iB,CADzB3B,e,CAGII,S,GAAY,oBAAMP,WAAW,EAAjB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { canUseDOM, isBrowser } from '../../lib/client';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { getRandomID } from '../../lib/utils';\r\nimport { Upgrade } from '../../lib/Upgrades';\r\n\r\nimport { RenderInnerContainer } from './RenderInnerContainer';\r\nimport { RenderContainerProps } from './RenderContainerTypes';\r\n\r\nexport class RenderContainer extends React.Component<RenderContainerProps> {\r\n public static __KONTUR_REACT_UI__ = 'RenderContainer';\r\n\r\n private static getRootId = () => getRandomID();\r\n private domContainer: Nullable<HTMLElement> = null;\r\n\r\n private readonly rootId: string = RenderContainer.getRootId();\r\n\r\n constructor(props: RenderContainerProps) {\r\n super(props);\r\n\r\n if (isBrowser && props.children) {\r\n this.mountContainer();\r\n }\r\n }\r\n\r\n public UNSAFE_componentWillReceiveProps(nextProps: Readonly<RenderContainerProps>): void {\r\n if (!this.props.children && nextProps.children) {\r\n this.mountContainer();\r\n }\r\n if (this.props.children && !nextProps.children) {\r\n this.unmountContainer();\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n this.destroyContainer();\r\n }\r\n\r\n public render() {\r\n return <RenderInnerContainer {...this.props} domContainer={this.domContainer} rootId={this.rootId} />;\r\n }\r\n\r\n private createContainer() {\r\n if (canUseDOM) {\r\n const domContainer = document.createElement('div');\r\n domContainer.setAttribute('class', Upgrade.getSpecificityClassName());\r\n domContainer.setAttribute('data-rendered-container-id', `${this.rootId}`);\r\n this.domContainer = domContainer;\r\n }\r\n }\r\n\r\n private mountContainer() {\r\n if (!this.domContainer) {\r\n this.createContainer();\r\n }\r\n if (this.domContainer && this.domContainer.parentNode !== document.body) {\r\n document.body.appendChild(this.domContainer);\r\n if (window.ReactTesting) {\r\n window.ReactTesting.addRenderContainer(this.rootId, this);\r\n }\r\n }\r\n }\r\n\r\n private destroyContainer() {\r\n if (this.domContainer) {\r\n this.unmountContainer();\r\n this.domContainer = null;\r\n }\r\n }\r\n\r\n private unmountContainer() {\r\n if (this.domContainer && this.domContainer.parentNode) {\r\n this.domContainer.parentNode.removeChild(this.domContainer);\r\n\r\n if (window.ReactTesting) {\r\n window.ReactTesting.removeRenderContainer(this.rootId);\r\n }\r\n }\r\n }\r\n}\r\n"]}

package/internal/ThemeShowcase/VariablesCollector.d.ts CHANGED Viewed

@@ -17,6 +17,6 @@ export interface VariableDependencies {
 }
 export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
 export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
-export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "specificityLevel" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenInputBorderColor" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "btnWrapPadding" | "btnHeightShift" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnFocusBorder" | "btnDisabledTextColor" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedHoverBorderColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedShadowColorArrow" | "btnCheckedShadowArrow" | "btnCheckedShadowArrowLeft" | "btnCheckedDisabledShadow" | "btnCheckedDisabledShadowArrow" | "btnArrowBorderRadius" | "btnSmallBorderRadius" | "btnBorderRadius" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnSmallArrowLength" | "btnSmallArrowRight" | "btnSmallArrowLeft" | "btnSmallArrowBorderRadius" | "btnMediumArrowTop" | "btnMediumArrowLength" | "btnMediumArrowLeft" | "btnMediumArrowLeftLoadingLeft" | "btnMediumArrowTransform" | "btnDeprecatedSizeMediumFontSize" | "btnDeprecatedSizeMediumPaddingShift" | "btnLargeArrowTop" | "btnLargeArrowLength" | "btnLargeArrowLeft" | "btnLargeArrowRight" | "btnLargeArrowTransform" | "btnLargeArrowBg" | "btnDefaultBgArrowStart" | "btnDefaultBgArrowEnd" | "btnDefaultCheckedShadowArrow" | "btnDefaultCheckedBorder" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBorderColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorder" | "btnDefaultShadow" | "btnDefaultShadowArrow" | "btnDefaultShadowArrowLeft" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultHoverShadow" | "btnDefaultHoverShadowArrow" | "btnDefaultHoverShadowArrowLeft" | "btnDefaultActiveBg" | "btnDefaultActiveShadow" | "btnDefaultActiveShadowArrow" | "btnDefaultActiveShadowArrowLeft" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessDisabledBg" | "btnSuccessBorder" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessBgArrowStart" | "btnSuccessBgArrowEnd" | "btnSuccessTextColor" | "btnSuccessShadow" | "btnSuccessShadowArrow" | "btnSuccessShadowArrowLeft" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessHoverShadow" | "btnSuccessHoverShadowArrow" | "btnSuccessHoverShadowArrowLeft" | "btnSuccessActiveBg" | "btnSuccessActiveShadow" | "btnSuccessActiveShadowArrow" | "btnSuccessActiveShadowArrowLeft" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryDisabledBg" | "btnPrimaryBorder" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryBgArrowStart" | "btnPrimaryBgArrowEnd" | "btnPrimaryTextColor" | "btnPrimaryShadow" | "btnPrimaryShadowArrow" | "btnPrimaryShadowArrowLeft" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryHoverShadow" | "btnPrimaryHoverShadowArrow" | "btnPrimaryHoverShadowArrowLeft" | "btnPrimaryActiveBg" | "btnPrimaryActiveShadow" | "btnPrimaryActiveShadowArrow" | "btnPrimaryActiveShadowArrowLeft" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerDisabledBg" | "btnDangerBorder" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerBgArrowStart" | "btnDangerBgArrowEnd" | "btnDangerTextColor" | "btnDangerShadow" | "btnDangerShadowArrow" | "btnDangerShadowArrowLeft" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerHoverShadow" | "btnDangerHoverShadowArrow" | "btnDangerHoverShadowArrowLeft" | "btnDangerActiveBg" | "btnDangerActiveShadow" | "btnDangerActiveShadowArrow" | "btnDangerActiveShadowArrowLeft" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayDisabledBg" | "btnPayBorder" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayBgArrowStart" | "btnPayBgArrowEnd" | "btnPayShadow" | "btnPayTextColor" | "btnPayShadowArrow" | "btnPayShadowArrowLeft" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayHoverShadow" | "btnPayHoverShadowArrow" | "btnPayHoverShadowArrowLeft" | "btnPayActiveBg" | "btnPayActiveShadow" | "btnPayActiveShadowArrow" | "btnPayActiveShadowArrowLeft" | "btnDeprecatedSizeMediumPaddingShiftIe" | "btnSmallArrowTop" | "btnSmallArrowLeftLoadingDelay" | "btnSmallArrowBg" | "btnMediumArrowRight" | "btnMediumArrowBg" | "btnMediumArrowLeftLoadingDelay" | "btnLargeArrowLeftLoadingDelay" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnDisabledShadowColor" | "btnDisabledShadow" | "btnDisabledShadowArrow" | "btnTextColorDefault" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkHoverTextDecoration" | "btnLinkActiveColor" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnOutlineColorFocus" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "sltPlaceholderColor" | "selectPlaceholderColor" | "selectBorderWidth" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectPaddingArrowSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectPaddingArrowMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectPaddingArrowLarge" | "selectMenuArrowColor" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBorderRadius" | "kebabBorder" | "modalBackBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedFooterShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalFixedHeaderPaddingBottom" | "modalBodyPaddingBottom" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageBorderColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickAreaX" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkBorderRadius" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "hintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "tbBg" | "tbShadow" | "tdDividerBg" | "logoColor" | "logoHoverColor" | "dropdownMenuSelectedBg" | "dropdownMenuHoverBg" | "menuBgDefault" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemLineHeight" | "menuItemFontSize" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemDisabledColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentColorHover" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderFontSize" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorBorderWidth" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHeight" | "toggleWidth" | "toggleBorderRadius" | "toggleBg" | "toggleBgDisabled" | "toggleBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBgFocus" | "toggleBgActive" | "toggleBgError" | "toggleBgWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "inputTextColor" | "inputTextColorDisabled" | "inputShadow" | "inputBg" | "inputIconColor" | "inputColor" | "inputWidth" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputBorderColor" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorLight" | "inputBlinkColor" | "chbFontSize" | "chbLineHeight" | "chbBoxSize" | "chbPaddingX" | "chbPaddingY" | "chbBgStart" | "chbBgEnd" | "chbTextColorDefault" | "chbTextColorDisabled" | "chbIndeterminateBg" | "chbShadow" | "chbShadowDisabled" | "chbBorder" | "chbShadowHover" | "chbCheckedColor" | "chbOutlineColorFocus" | "chbBorderColorWarning" | "chbBorderColorError" | "chbCheckedHoverShadow" | "chbBorderRadius" | "chbShadowWidth" | "chbCheckedShadow" | "chbBorderColorFocus" | "chbBg" | "chbHoverBg" | "chbActiveBg" | "chbCheckedBg" | "chbBgDisabled" | "chbBoxIndeterminateBg" | "chbCheckedHoverBg" | "chbCheckedActiveBg" | "chbCheckedActiveShadow" | "chbShadowActive" | "checkboxBorderWidthCompensation" | "checkboxFontSize" | "checkboxLineHeight" | "checkboxBoxSize" | "checkboxLabelGap" | "checkboxPaddingY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxIndeterminateBg" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxBoxIndeterminateBg" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaShadow" | "textareaFontSize" | "textareaLineHeight" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaHeight" | "textareaMinHeight" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingY" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioOutlineWidth" | "radioSize" | "radioSizeAfter" | "radioFontSize" | "radioLineHeight" | "radioLabelGap" | "radioPaddingY" | "radioVerticalAlign" | "radioBgImage" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledShadow" | "radioLabelDisplay" | "radioBorderWidthCompensation" | "radioMarginY" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabPaddingX" | "tabsMarginX" | "tabPaddingY" | "tabLineHeight" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerOldBgColor" | "spinnerOldColor" | "spinnerOldDimmedColor" | "spinnerOldCaptionColor" | "spinnerOldFontSizeSmall" | "spinnerOldFontSizeMedium" | "spinnerOldFontSizeLarge" | "spinnerOldLineHeightSmall" | "spinnerOldLineHeightMedium" | "spinnerOldLineHeightLarge" | "spinnerOldCaptionGapSmall" | "spinnerOldCaptionGapMedium" | "spinnerOldCaptionGapLarge" | "switcherOutlineWidth" | "switcherLabelFontSizeSmall" | "switcherLabelFontSizeMedium" | "switcherLabelFontSizeLarge" | "switcherLabelLineHeightSmall" | "switcherLabelLineHeightMedium" | "switcherLabelLineHeightLarge" | "switcherLabelGapSmall" | "switcherLabelGapMedium" | "switcherLabelGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow")[];
+export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "specificityLevel" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenInputBorderColor" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "btnWrapPadding" | "btnHeightShift" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnFocusBorder" | "btnDisabledTextColor" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedHoverBorderColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedShadowColorArrow" | "btnCheckedShadowArrow" | "btnCheckedShadowArrowLeft" | "btnCheckedDisabledShadow" | "btnCheckedDisabledShadowArrow" | "btnArrowBorderRadius" | "btnSmallBorderRadius" | "btnBorderRadius" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnSmallArrowLength" | "btnSmallArrowRight" | "btnSmallArrowLeft" | "btnSmallArrowBorderRadius" | "btnMediumArrowTop" | "btnMediumArrowLength" | "btnMediumArrowLeft" | "btnMediumArrowLeftLoadingLeft" | "btnMediumArrowTransform" | "btnDeprecatedSizeMediumFontSize" | "btnDeprecatedSizeMediumPaddingShift" | "btnLargeArrowTop" | "btnLargeArrowLength" | "btnLargeArrowLeft" | "btnLargeArrowRight" | "btnLargeArrowTransform" | "btnLargeArrowBg" | "btnDefaultBgArrowStart" | "btnDefaultBgArrowEnd" | "btnDefaultCheckedShadowArrow" | "btnDefaultCheckedBorder" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBorderColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorder" | "btnDefaultShadow" | "btnDefaultShadowArrow" | "btnDefaultShadowArrowLeft" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultHoverShadow" | "btnDefaultHoverShadowArrow" | "btnDefaultHoverShadowArrowLeft" | "btnDefaultActiveBg" | "btnDefaultActiveShadow" | "btnDefaultActiveShadowArrow" | "btnDefaultActiveShadowArrowLeft" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessDisabledBg" | "btnSuccessBorder" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessBgArrowStart" | "btnSuccessBgArrowEnd" | "btnSuccessTextColor" | "btnSuccessShadow" | "btnSuccessShadowArrow" | "btnSuccessShadowArrowLeft" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessHoverShadow" | "btnSuccessHoverShadowArrow" | "btnSuccessHoverShadowArrowLeft" | "btnSuccessActiveBg" | "btnSuccessActiveShadow" | "btnSuccessActiveShadowArrow" | "btnSuccessActiveShadowArrowLeft" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryDisabledBg" | "btnPrimaryBorder" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryBgArrowStart" | "btnPrimaryBgArrowEnd" | "btnPrimaryTextColor" | "btnPrimaryShadow" | "btnPrimaryShadowArrow" | "btnPrimaryShadowArrowLeft" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryHoverShadow" | "btnPrimaryHoverShadowArrow" | "btnPrimaryHoverShadowArrowLeft" | "btnPrimaryActiveBg" | "btnPrimaryActiveShadow" | "btnPrimaryActiveShadowArrow" | "btnPrimaryActiveShadowArrowLeft" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerDisabledBg" | "btnDangerBorder" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerBgArrowStart" | "btnDangerBgArrowEnd" | "btnDangerTextColor" | "btnDangerShadow" | "btnDangerShadowArrow" | "btnDangerShadowArrowLeft" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerHoverShadow" | "btnDangerHoverShadowArrow" | "btnDangerHoverShadowArrowLeft" | "btnDangerActiveBg" | "btnDangerActiveShadow" | "btnDangerActiveShadowArrow" | "btnDangerActiveShadowArrowLeft" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayDisabledBg" | "btnPayBorder" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayBgArrowStart" | "btnPayBgArrowEnd" | "btnPayShadow" | "btnPayTextColor" | "btnPayShadowArrow" | "btnPayShadowArrowLeft" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayHoverShadow" | "btnPayHoverShadowArrow" | "btnPayHoverShadowArrowLeft" | "btnPayActiveBg" | "btnPayActiveShadow" | "btnPayActiveShadowArrow" | "btnPayActiveShadowArrowLeft" | "btnDeprecatedSizeMediumPaddingShiftIe" | "btnSmallArrowTop" | "btnSmallArrowLeftLoadingDelay" | "btnSmallArrowBg" | "btnMediumArrowRight" | "btnMediumArrowBg" | "btnMediumArrowLeftLoadingDelay" | "btnLargeArrowLeftLoadingDelay" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnDisabledShadowColor" | "btnDisabledShadow" | "btnDisabledShadowArrow" | "btnTextColorDefault" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkHoverTextDecoration" | "btnLinkActiveColor" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnOutlineColorFocus" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "sltPlaceholderColor" | "selectPlaceholderColor" | "selectBorderWidth" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectPaddingArrowSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectPaddingArrowMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectPaddingArrowLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectShadowColorDisabled" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBorderRadius" | "kebabBorder" | "modalBackBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedFooterShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalFixedHeaderPaddingBottom" | "modalBodyPaddingBottom" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageBorderColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickAreaX" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkBorderRadius" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "hintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "tbBg" | "tbShadow" | "tdDividerBg" | "logoColor" | "logoHoverColor" | "dropdownMenuSelectedBg" | "dropdownMenuHoverBg" | "menuBgDefault" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemLineHeight" | "menuItemFontSize" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemDisabledColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentColorHover" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderFontSize" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorBorderWidth" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHeight" | "toggleWidth" | "toggleBorderRadius" | "toggleBg" | "toggleBgDisabled" | "toggleBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBgFocus" | "toggleBgActive" | "toggleBgError" | "toggleBgWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "inputTextColor" | "inputTextColorDisabled" | "inputShadow" | "inputBg" | "inputIconColor" | "inputColor" | "inputWidth" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputBorderColor" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorLight" | "inputBlinkColor" | "chbFontSize" | "chbLineHeight" | "chbBoxSize" | "chbPaddingX" | "chbPaddingY" | "chbBgStart" | "chbBgEnd" | "chbTextColorDefault" | "chbTextColorDisabled" | "chbIndeterminateBg" | "chbShadow" | "chbShadowDisabled" | "chbBorder" | "chbShadowHover" | "chbCheckedColor" | "chbOutlineColorFocus" | "chbBorderColorWarning" | "chbBorderColorError" | "chbCheckedHoverShadow" | "chbBorderRadius" | "chbShadowWidth" | "chbCheckedShadow" | "chbBorderColorFocus" | "chbBg" | "chbHoverBg" | "chbActiveBg" | "chbCheckedBg" | "chbBgDisabled" | "chbBoxIndeterminateBg" | "chbCheckedHoverBg" | "chbCheckedActiveBg" | "chbCheckedActiveShadow" | "chbShadowActive" | "checkboxBorderWidthCompensation" | "checkboxFontSize" | "checkboxLineHeight" | "checkboxBoxSize" | "checkboxLabelGap" | "checkboxPaddingY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxIndeterminateBg" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxBoxIndeterminateBg" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaShadow" | "textareaFontSize" | "textareaLineHeight" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaHeight" | "textareaMinHeight" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingY" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioOutlineWidth" | "radioSize" | "radioSizeAfter" | "radioFontSize" | "radioLineHeight" | "radioLabelGap" | "radioPaddingY" | "radioVerticalAlign" | "radioBgImage" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledShadow" | "radioLabelDisplay" | "radioBorderWidthCompensation" | "radioMarginY" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabPaddingX" | "tabsMarginX" | "tabPaddingY" | "tabLineHeight" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerOldBgColor" | "spinnerOldColor" | "spinnerOldDimmedColor" | "spinnerOldCaptionColor" | "spinnerOldFontSizeSmall" | "spinnerOldFontSizeMedium" | "spinnerOldFontSizeLarge" | "spinnerOldLineHeightSmall" | "spinnerOldLineHeightMedium" | "spinnerOldLineHeightLarge" | "spinnerOldCaptionGapSmall" | "spinnerOldCaptionGapMedium" | "spinnerOldCaptionGapLarge" | "switcherOutlineWidth" | "switcherLabelFontSizeSmall" | "switcherLabelFontSizeMedium" | "switcherLabelFontSizeLarge" | "switcherLabelLineHeightSmall" | "switcherLabelLineHeightMedium" | "switcherLabelLineHeightLarge" | "switcherLabelGapSmall" | "switcherLabelGapMedium" | "switcherLabelGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow")[];
 export declare const CALLS_COUNT: number;
 export declare const EXECUTION_TIME: number;

package/internal/themes/DefaultTheme/DefaultTheme.js CHANGED Viewed

@@ -614,6 +614,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.btnMenuArrowColor;
     }
+  }, {
+    key: "selectMenuArrowColorDisabled",
+    get: function get() {
+      return this.selectMenuArrowColor;
+    }
   }, {
     key: "selectIconSizeSmall",
     get: function get() {
@@ -628,6 +633,26 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "selectIconSizeLarge",
     get: function get() {
       return this.btnIconSizeLarge;
+    }
+  }, {
+    key: "selectTextColorDisabled",
+    get: function get() {
+      return this.btnDisabledTextColor;
+    }
+  }, {
+    key: "selectBgDisabled",
+    get: function get() {
+      return this.btnDisabledBg;
+    }
+  }, {
+    key: "selectBorderColorDisabled",
+    get: function get() {
+      return this.btnDisabledBorderColor;
+    }
+  }, {
+    key: "selectShadowColorDisabled",
+    get: function get() {
+      return this.btnDisabledShadowColor;
     } //#endregion
     //#region Tooltip
@@ -2259,4 +2284,4 @@ DefaultTheme.switcherLabelLineHeightLarge = 'inherit';
 DefaultTheme.switcherLabelGapSmall = '15px';
 DefaultTheme.switcherLabelGapMedium = '15px';
 DefaultTheme.switcherLabelGapLarge = '15px';
-export var DefaultThemeInternal = exposeGetters(markAsFullTheme(DefaultTheme));
+export var DefaultThemeInternal = markAsFullTheme(exposeGetters(DefaultTheme));