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/cjs/internal/Calendar/Calendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Calendar.tsx"],"names":["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","CalendarUtils","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","MonthViewModel","create","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","jsStyles","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","addEventListener","handleWheel","passive","removeEventListener","handleMonthYearChange","event","WheelEvent","preventDefault","pixelY","scrollTarget","calculateScrollPosition","handleWheelEnd","animate","deltaY","applyDelta","CalendarScrollEvents","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","React","Component","__KONTUR_REACT_UI__","defaultProps","holidays","MIN_YEAR","MIN_MONTH","MIN_DATE","MAX_YEAR","MAX_MONTH","MAX_DATE"],"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":["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","CalendarUtils","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","MonthViewModel","create","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","jsStyles","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","addEventListener","handleWheel","passive","removeEventListener","handleMonthYearChange","event","WheelEvent","preventDefault","pixelY","scrollTarget","calculateScrollPosition","handleWheelEnd","animate","deltaY","applyDelta","CalendarScrollEvents","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","React","Component","__KONTUR_REACT_UI__","defaultProps","holidays","MIN_YEAR","MIN_MONTH","MIN_DATE","MAX_YEAR","MAX_MONTH","MAX_DATE"],"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/cjs/internal/CustomComboBox/ComboBoxMenu.js CHANGED Viewed

@@ -139,4 +139,4 @@ ComboBoxMenu = (_dec = (0, _decorators.locale)('ComboBox', _locale.CustomComboBo
         function (state) {return renderItem(item, state);}));
-    };return _this;}var _proto = ComboBoxMenu.prototype;_proto.render = function render() {var _this$props2 = this.props,opened = _this$props2.opened,items = _this$props2.items,totalCount = _this$props2.totalCount,loading = _this$props2.loading,refMenu = _this$props2.refMenu,_this$props2$renderNo = _this$props2.renderNotFound,renderNotFound = _this$props2$renderNo === void 0 ? function () {return notFound;} : _this$props2$renderNo,renderTotalCount = _this$props2.renderTotalCount,maxMenuHeight = _this$props2.maxMenuHeight,requestStatus = _this$props2.requestStatus;var _this$locale = this.locale,notFound = _this$locale.notFound,errorNetworkButton = _this$locale.errorNetworkButton,errorNetworkMessage = _this$locale.errorNetworkMessage;if (!opened) {return null;}var renderAddButton = null;if (this.props.renderAddButton) {renderAddButton = this.props.renderAddButton();}if (loading && (!items || !items.length)) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu }, /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { disabled: true }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: "mini", dimmed: true })));}if (items === null && requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, maxHeight: maxMenuHeight }, /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { disabled: true, key: "message" }, /*#__PURE__*/_react.default.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)), /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { link: true, onClick: this.props.repeatRequest, key: "retry" }, errorNetworkButton));}if ((items == null || items.length === 0) && renderNotFound) {var notFoundValue = renderNotFound();if (renderAddButton) return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu }, renderAddButton);if (notFoundValue) return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu }, /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { "data-tid": "ComboBoxMenu__notFound", disabled: true }, notFoundValue));return null;}var total = null;if (items && renderTotalCount && totalCount && items.length < totalCount) {total = /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { disabled: true, key: "total" }, /*#__PURE__*/_react.default.createElement("div", { style: { fontSize: 12 } }, renderTotalCount(items.length, totalCount)));}return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { "data-tid": "ComboBoxMenu__items", ref: refMenu, maxHeight: maxMenuHeight }, items && items.map(this.renderItem), total, renderAddButton && [/*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, { key: "separator" }), renderAddButton]);};return ComboBoxMenu;}(_react.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _class2.defaultProps = { repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown }, _temp)) || _class);exports.ComboBoxMenu = ComboBoxMenu;
+    };return _this;}var _proto = ComboBoxMenu.prototype;_proto.render = function render() {var _this$props2 = this.props,opened = _this$props2.opened,items = _this$props2.items,totalCount = _this$props2.totalCount,loading = _this$props2.loading,refMenu = _this$props2.refMenu,_this$props2$renderNo = _this$props2.renderNotFound,renderNotFound = _this$props2$renderNo === void 0 ? function () {return notFound;} : _this$props2$renderNo,renderTotalCount = _this$props2.renderTotalCount,maxMenuHeight = _this$props2.maxMenuHeight,requestStatus = _this$props2.requestStatus;var _this$locale = this.locale,notFound = _this$locale.notFound,errorNetworkButton = _this$locale.errorNetworkButton,errorNetworkMessage = _this$locale.errorNetworkMessage;if (!opened) {return null;}var renderAddButton = null;if (this.props.renderAddButton) {renderAddButton = this.props.renderAddButton();}if (loading && (!items || !items.length)) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, "data-tid": "ComboBoxMenu__loading" }, /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { disabled: true }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: "mini", dimmed: true })));}if (items === null && requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, maxHeight: maxMenuHeight, "data-tid": "ComboBoxMenu__failed" }, /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { disabled: true, key: "message" }, /*#__PURE__*/_react.default.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)), /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { link: true, onClick: this.props.repeatRequest, key: "retry" }, errorNetworkButton));}if ((items == null || items.length === 0) && renderNotFound) {var notFoundValue = renderNotFound();if (renderAddButton) return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu }, renderAddButton);if (notFoundValue) return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu }, /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { "data-tid": "ComboBoxMenu__notFound", disabled: true }, notFoundValue));return null;}var total = null;if (items && renderTotalCount && totalCount && items.length < totalCount) {total = /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { disabled: true, key: "total" }, /*#__PURE__*/_react.default.createElement("div", { style: { fontSize: 12 } }, renderTotalCount(items.length, totalCount)));}return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { "data-tid": "ComboBoxMenu__items", ref: refMenu, maxHeight: maxMenuHeight }, items && items.map(this.renderItem), total, renderAddButton && [/*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, { key: "separator" }), renderAddButton]);};return ComboBoxMenu;}(_react.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _class2.defaultProps = { repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown }, _temp)) || _class);exports.ComboBoxMenu = ComboBoxMenu;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ComboBoxMenu.tsx"],"names":["ComboBoxMenu","CustomComboBoxLocaleHelper","locale","renderItem","item","index","props","onValueChange","React","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","ComboBoxRequestStatus","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","fontSize","map","Component","__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":["ComboBoxMenu","CustomComboBoxLocaleHelper","locale","renderItem","item","index","props","onValueChange","React","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","ComboBoxRequestStatus","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","fontSize","map","Component","__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/cjs/internal/RenderContainer/RenderContainer.js CHANGED Viewed

@@ -3,6 +3,7 @@
 var _client = require("../../lib/client");
 var _utils = require("../../lib/utils");
+var _Upgrades = require("../../lib/Upgrades");
 var _RenderInnerContainer = require("./RenderInnerContainer");var
@@ -43,7 +44,7 @@ RenderContainer = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.
   createContainer = function createContainer() {
     if (_client.canUseDOM) {
       var domContainer = document.createElement('div');
-      domContainer.setAttribute('class', 'react-ui');
+      domContainer.setAttribute('class', _Upgrades.Upgrade.getSpecificityClassName());
       domContainer.setAttribute('data-rendered-container-id', "" + this.rootId);
       this.domContainer = domContainer;
     }

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["RenderContainer.tsx"],"names":["RenderContainer","props","domContainer","rootId","getRootId","isBrowser","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","canUseDOM","document","createElement","setAttribute","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"6UAAA;;AAEA;;AAEA;;AAEA,8D;;;AAGaA,e;;;;;;;;AAQX,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIC,qBAAaJ,KAAK,CAACK,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKR,KAAL,CAAWK,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKN,KAAL,CAAWK,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,G;;AAEMC,EAAAA,oB,GAAP,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0CAAD,6BAA0B,KAAKZ,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,G;;AAEOW,EAAAA,e,GAAR,2BAA0B;AACxB,QAAIC,iBAAJ,EAAe;AACb,UAAMb,YAAY,GAAGc,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAf,MAAAA,YAAY,CAACgB,YAAb,CAA0B,OAA1B,~~EAAmC~~,~~UAAnC~~;~~AACAhB~~,MAAAA,YAAY,CAACgB,YAAb,CAA0B,4BAA1B,OAA2D,KAAKf,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,G;;AAEOK,EAAAA,c,GAAR,0BAAyB;AACvB,QAAI,CAAC,KAAKL,YAAV,EAAwB;AACtB,WAAKY,eAAL;AACD;AACD,QAAI,KAAKZ,YAAL,IAAqB,KAAKA,YAAL,~~CAAkBiB~~,UAAlB,~~KAAiCH~~,QAAQ,~~CAACI~~,IAAnE,EAAyE;~~AACvEJ~~,MAAAA,QAAQ,~~CAACI~~,IAAT,CAAcC,WAAd,CAA0B,~~KAAKnB~~,YAA/B;AACA,~~UAAIoB~~,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,~~KAAKrB~~,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,G;;AAEOS,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKV,YAAT,EAAuB;AACrB,WAAKQ,gBAAL;AACA,WAAKR,YAAL,GAAoB,IAApB;AACD;AACF,G;;AAEOQ,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKR,YAAL,IAAqB,KAAKA,YAAL,~~CAAkBiB~~,UAA3C,EAAuD;AACrD,~~WAAKjB~~,YAAL,~~CAAkBiB~~,UAAlB,CAA6BM,WAA7B,CAAyC,~~KAAKvB~~,YAA9C;;AAEA,~~UAAIoB~~,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,~~KAAKvB~~,MAA/C;AACD;AACF;AACF,G,~~0BArEkCwB~~,eAAMC,S,~~4CAA9B5B~~,e,~~CACG6B~~,mB,GAAsB,iB,~~CADzB7B~~,e,CAGII,S,GAAY,oBAAM,yBAAN,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":["RenderContainer","props","domContainer","rootId","getRootId","isBrowser","children","mountContainer","UNSAFE_componentWillReceiveProps","nextProps","unmountContainer","componentWillUnmount","destroyContainer","render","createContainer","canUseDOM","document","createElement","setAttribute","Upgrade","getSpecificityClassName","parentNode","body","appendChild","window","ReactTesting","addRenderContainer","removeChild","removeRenderContainer","React","Component","__KONTUR_REACT_UI__"],"mappings":"6UAAA;;AAEA;;AAEA;AACA;;AAEA,8D;;;AAGaA,e;;;;;;;;AAQX,2BAAYC,KAAZ,EAAyC;AACvC,wCAAMA,KAAN,UADuC,MAJjCC,YAIiC,GAJK,IAIL,OAFxBC,MAEwB,GAFPH,eAAe,CAACI,SAAhB,EAEO;;AAGvC,QAAIC,qBAAaJ,KAAK,CAACK,QAAvB,EAAiC;AAC/B,YAAKC,cAAL;AACD,KALsC;AAMxC,G;;AAEMC,EAAAA,gC,GAAP,0CAAwCC,SAAxC,EAAyF;AACvF,QAAI,CAAC,KAAKR,KAAL,CAAWK,QAAZ,IAAwBG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKC,cAAL;AACD;AACD,QAAI,KAAKN,KAAL,CAAWK,QAAX,IAAuB,CAACG,SAAS,CAACH,QAAtC,EAAgD;AAC9C,WAAKI,gBAAL;AACD;AACF,G;;AAEMC,EAAAA,oB,GAAP,gCAA8B;AAC5B,SAAKC,gBAAL;AACD,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,0CAAD,6BAA0B,KAAKZ,KAA/B,IAAsC,YAAY,EAAE,KAAKC,YAAzD,EAAuE,MAAM,EAAE,KAAKC,MAApF,IAAP;AACD,G;;AAEOW,EAAAA,e,GAAR,2BAA0B;AACxB,QAAIC,iBAAJ,EAAe;AACb,UAAMb,YAAY,GAAGc,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAArB;AACAf,MAAAA,YAAY,CAACgB,YAAb,CAA0B,OAA1B,EAAmCC,kBAAQC,uBAAR,EAAnC;AACAlB,MAAAA,YAAY,CAACgB,YAAb,CAA0B,4BAA1B,OAA2D,KAAKf,MAAhE;AACA,WAAKD,YAAL,GAAoBA,YAApB;AACD;AACF,G;;AAEOK,EAAAA,c,GAAR,0BAAyB;AACvB,QAAI,CAAC,KAAKL,YAAV,EAAwB;AACtB,WAAKY,eAAL;AACD;AACD,QAAI,KAAKZ,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAAlB,KAAiCL,QAAQ,CAACM,IAAnE,EAAyE;AACvEN,MAAAA,QAAQ,CAACM,IAAT,CAAcC,WAAd,CAA0B,KAAKrB,YAA/B;AACA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBC,kBAApB,CAAuC,KAAKvB,MAA5C,EAAoD,IAApD;AACD;AACF;AACF,G;;AAEOS,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKV,YAAT,EAAuB;AACrB,WAAKQ,gBAAL;AACA,WAAKR,YAAL,GAAoB,IAApB;AACD;AACF,G;;AAEOQ,EAAAA,gB,GAAR,4BAA2B;AACzB,QAAI,KAAKR,YAAL,IAAqB,KAAKA,YAAL,CAAkBmB,UAA3C,EAAuD;AACrD,WAAKnB,YAAL,CAAkBmB,UAAlB,CAA6BM,WAA7B,CAAyC,KAAKzB,YAA9C;;AAEA,UAAIsB,MAAM,CAACC,YAAX,EAAyB;AACvBD,QAAAA,MAAM,CAACC,YAAP,CAAoBG,qBAApB,CAA0C,KAAKzB,MAA/C;AACD;AACF;AACF,G,0BArEkC0B,eAAMC,S,4CAA9B9B,e,CACG+B,mB,GAAsB,iB,CADzB/B,e,CAGII,S,GAAY,oBAAM,yBAAN,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/cjs/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/cjs/internal/themes/DefaultTheme.d.ts CHANGED Viewed

@@ -368,9 +368,14 @@ export declare class DefaultTheme {
     static get selectIconGapLarge(): string;
     static selectPaddingArrowLarge: string;
     static get selectMenuArrowColor(): string;
+    static get selectMenuArrowColorDisabled(): string;
     static get selectIconSizeSmall(): string;
     static get selectIconSizeMedium(): string;
     static get selectIconSizeLarge(): string;
+    static get selectTextColorDisabled(): string;
+    static get selectBgDisabled(): string;
+    static get selectBorderColorDisabled(): string;
+    static get selectShadowColorDisabled(): string;
     static tooltipPaddingY: string;
     static tooltipPaddingX: string;
     static tooltipCloseBtnPadding: string;

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

@@ -646,6 +646,9 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     {
       return this.btnMenuArrowColor;
+    } }, { key: "selectMenuArrowColorDisabled", get: function get()
+    {
+      return this.selectMenuArrowColor;
     } }, { key: "selectIconSizeSmall", get: function get()
     {
       return this.btnIconSizeSmall;
@@ -655,6 +658,18 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     } }, { 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
@@ -1645,4 +1660,4 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     //#endregion
   }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.fontFamilyCompensationBaseline = '1';DefaultTheme.brandXLight = '#cae5f5';DefaultTheme.brandLight = '#3094d0';DefaultTheme.brand = '#1e79be';DefaultTheme.brandDark = '#1363a0';DefaultTheme.brandXDark = '#084f85';DefaultTheme.white = '#fff';DefaultTheme.grayXxLight = '#f2f2f2';DefaultTheme.grayXLight = '#e5e5e5';DefaultTheme.grayLight = '#a0a0a0';DefaultTheme.gray = '#808080';DefaultTheme.grayDark = '#333';DefaultTheme.black = '#000';DefaultTheme.blueXxLight = '#e4f3ff';DefaultTheme.blueLight = '#5199db';DefaultTheme.blue = '#3072c4';DefaultTheme.blueDark = '#1e5aa4';DefaultTheme.blueXDark = '#044785';DefaultTheme.greenXxLight = '#e2f7dc';DefaultTheme.green = '#3f9726';DefaultTheme.greenDark = '#228007';DefaultTheme.redXxLight = '#ffd6d6';DefaultTheme.red = '#d70c17';DefaultTheme.redDark = '#ce0014';DefaultTheme.yellowXxLight = '#fff0bc';DefaultTheme.yellow = '#f69c00';DefaultTheme.yellowDark = '#d97e00';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f2f2f2';DefaultTheme.errorMain = '#d70c17';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#ce0014';DefaultTheme.warningMain = '#f69c00';DefaultTheme.warningSecondary = '#fff0bc';DefaultTheme.warningText = '#d97e00';DefaultTheme.borderColorFocusLight = '#bad7f1';DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.15)';DefaultTheme.placeholderColor = '#a0a0a0';DefaultTheme.outlineColorFocus = '#fff';DefaultTheme.placeholderColorLight = '#cdcdcd';DefaultTheme.blinkColor = 'rgba(0, 136, 255, 0.2)';DefaultTheme.controlBorderWidth = '1px';DefaultTheme.controlOutlineWidth = '2px';DefaultTheme.controlLineHeightSmall = '20px';DefaultTheme.controlLineHeightMedium = '20px';DefaultTheme.controlLineHeightLarge = '22px';DefaultTheme.controlPaddingYSmall = '6px';DefaultTheme.controlPaddingYMedium = '9px';DefaultTheme.controlPaddingYLarge = '10px';DefaultTheme.textColorDefault = '#404040';DefaultTheme.textColorInvert = '#fff';DefaultTheme.textColorDisabled = '#a0a0a0';DefaultTheme.fontSizeSmall = '14px';DefaultTheme.fontSizeMedium = '14px';DefaultTheme.fontSizeLarge = '16px';DefaultTheme.specificityLevel = '0';DefaultTheme.linkColor = '#3072c4';DefaultTheme.linkActiveColor = '#044785';DefaultTheme.linkHoverTextDecoration = 'underline';DefaultTheme.linkSuccessColor = '#3f9726';DefaultTheme.linkSuccessHoverColor = '#3f9726';DefaultTheme.linkSuccessActiveColor = '#3f9726';DefaultTheme.linkDangerColor = '#e3071c';DefaultTheme.linkDangerHoverColor = '#e3071c';DefaultTheme.linkDangerActiveColor = '#b00616';DefaultTheme.linkIconMarginRight = '3px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.15)';DefaultTheme.tokenMarginY = '3px';DefaultTheme.tokenMarginX = '3px';DefaultTheme.tokenLineHeight = '1.5';DefaultTheme.tokenPaddingY = '0px';DefaultTheme.tokenPaddingX = '4px';DefaultTheme.tokenMarginBeforeIcon = '4px';DefaultTheme.tokenRemoveIconSize = '1em';DefaultTheme.tokenRemoveIconPaddingY = '2px';DefaultTheme.tokenRemoveIconPaddingX = '2px';DefaultTheme.tokenRemoveIconGap = '4px';DefaultTheme.tokenRemoveIconBoxSizing = 'border-box';DefaultTheme.tokenBorderRadius = '1px';DefaultTheme.tokenBorderWidth = '1px';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '1px';DefaultTheme.tokenPaddingYDisabled = '1px';DefaultTheme.tokenMarginYDisabled = '2px';DefaultTheme.tokenMarginXDisabled = '2px';DefaultTheme.tokenShadowDisabled = 'none';DefaultTheme.tokenInputPaddingY = '2px';DefaultTheme.tokenInputPaddingX = '4px';DefaultTheme.tokenInputLineHeight = '22px';DefaultTheme.tokenInputInputPaddingLeft = '5px';DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';DefaultTheme.loaderOpacity = '0.8';DefaultTheme.btnLinkBorderRadius = '1px';DefaultTheme.btnFocusBorder = 'none';DefaultTheme.btnDisabledTextColor = '#a0a0a0';DefaultTheme.btnDisabledBorderColor = 'transparent';DefaultTheme.btnCheckedBg = '#737373';DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';DefaultTheme.btnCheckedHoverBorderColor = 'transparent';DefaultTheme.btnCheckedTextColor = '#fff';DefaultTheme.btnCheckedDisabledBorderColor = 'transparent';DefaultTheme.btnCheckedShadowColorArrow = 'rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedShadowArrow = '1px -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 4px 2px -3px rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.6), inset -4px 0 2px -3px rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedDisabledShadow = '0 0 0 1px rgba(0, 0, 0, 0.37)';DefaultTheme.btnCheckedDisabledShadowArrow = '1px -1px 0 0 #a0a0a0, inset 0 4px 2px -3px #a0a0a0';DefaultTheme.btnArrowBorderRadius = '2px 2px 2px 16px';DefaultTheme.btnSmallBorderRadius = '1px';DefaultTheme.btnBorderRadius = '2px';DefaultTheme.btnBorderWidth = '1px';DefaultTheme.btnPaddingXSmall = '15px';DefaultTheme.btnPaddingXMedium = '15px';DefaultTheme.btnPaddingXLarge = '20px';DefaultTheme.btnIconGapSmall = '7px';DefaultTheme.btnIconGapMedium = '7px';DefaultTheme.btnIconGapLarge = '7px';DefaultTheme.btnIconSizeSmall = 'auto';DefaultTheme.btnIconSizeMedium = 'auto';DefaultTheme.btnIconSizeLarge = 'auto';DefaultTheme.btnDefaultBg = 'none';DefaultTheme.btnDefaultBgStart = '#fff';DefaultTheme.btnDefaultBgEnd = '#ebebeb';DefaultTheme.btnSmallArrowLength = '18px';DefaultTheme.btnSmallArrowRight = '-8.8px';DefaultTheme.btnSmallArrowLeft = '-8px';DefaultTheme.btnSmallArrowBorderRadius = '2px 2px 2px 16px';DefaultTheme.btnMediumArrowTop = '9px';DefaultTheme.btnMediumArrowLength = '20.2px';DefaultTheme.btnMediumArrowLeft = '-9.8px';DefaultTheme.btnMediumArrowLeftLoadingLeft = '-208px';DefaultTheme.btnMediumArrowTransform = 'rotate(53deg) skewX(24deg) skewY(8deg)';DefaultTheme.btnDeprecatedSizeMediumFontSize = '16px';DefaultTheme.btnDeprecatedSizeMediumPaddingShift = '1';DefaultTheme.btnLargeArrowTop = '10.2px';DefaultTheme.btnLargeArrowLength = '22.2px';DefaultTheme.btnLargeArrowLeft = '-10px';DefaultTheme.btnLargeArrowRight = '-10.8px';DefaultTheme.btnLargeArrowTransform = 'rotate(53deg) skewX(25deg) skewY(10deg)';DefaultTheme.btnLargeArrowBg = 'linear-gradient(-56deg, transparent 48.2%, #ccc 0, #ccc 63.4%, transparent 0)';DefaultTheme.btnDefaultBgArrowStart = '#fff';DefaultTheme.btnDefaultBgArrowEnd = '#ebebeb';DefaultTheme.btnDefaultCheckedShadowArrow = 'none';DefaultTheme.btnDefaultCheckedBorder = 'none';DefaultTheme.btnDefaultHoverBg = 'none';DefaultTheme.btnDefaultHoverBorderColor = 'transparent';DefaultTheme.btnDefaultActiveBorderColor = 'none';DefaultTheme.btnDefaultBorder = 'none';DefaultTheme.btnDefaultShadowArrow = '1.2px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultHoverBgStart = '#f2f2f2';DefaultTheme.btnDefaultHoverBgEnd = '#dfdfdf';DefaultTheme.btnDefaultHoverShadowArrow = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultHoverShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultActiveBg = '#e1e1e1';DefaultTheme.btnDefaultActiveShadowArrow = '0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnDefaultActiveShadowArrowLeft = '0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)';DefaultTheme.btnSuccessBg = '#419d14';DefaultTheme.btnSuccessHoverBg = 'none';DefaultTheme.btnSuccessHoverBorderColor = 'transparent';DefaultTheme.btnSuccessDisabledBg = 'none';DefaultTheme.btnSuccessBorder = 'none';DefaultTheme.btnSuccessBgStart = '#4ba91d';DefaultTheme.btnSuccessBgEnd = '#37910b';DefaultTheme.btnSuccessBgArrowStart = '#4ba91d';DefaultTheme.btnSuccessBgArrowEnd = '#37910b';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessShadowArrow = '1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5)';DefaultTheme.btnSuccessShadowArrowLeft = '1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5)';DefaultTheme.btnSuccessHoverBgStart = '#3b8d13';DefaultTheme.btnSuccessHoverBgEnd = '#317e0b';DefaultTheme.btnSuccessHoverShadowArrow = '1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3)';DefaultTheme.btnSuccessHoverShadowArrowLeft = '1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3)';DefaultTheme.btnSuccessActiveBg = '#35840e';DefaultTheme.btnSuccessActiveShadowArrow = '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnSuccessActiveShadowArrowLeft = '1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)';DefaultTheme.btnPrimaryBg = '#1e8dd4';DefaultTheme.btnPrimaryHoverBg = 'none';DefaultTheme.btnPrimaryHoverBorderColor = 'transparent';DefaultTheme.btnPrimaryDisabledBg = 'none';DefaultTheme.btnPrimaryBorder = 'none';DefaultTheme.btnPrimaryBgStart = '#2899ea';DefaultTheme.btnPrimaryBgEnd = '#167ac1';DefaultTheme.btnPrimaryBgArrowStart = '#2899ea';DefaultTheme.btnPrimaryBgArrowEnd = '#167ac1';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryShadowArrow = '1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5)';DefaultTheme.btnPrimaryShadowArrowLeft = '1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5)';DefaultTheme.btnPrimaryHoverBgStart = '#0087d5';DefaultTheme.btnPrimaryHoverBgEnd = '#167ac1';DefaultTheme.btnPrimaryHoverShadowArrow = '1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3)';DefaultTheme.btnPrimaryHoverShadowArrowLeft = '1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3)';DefaultTheme.btnPrimaryActiveBg = '#0079c3';DefaultTheme.btnPrimaryActiveShadowArrow = '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2)';DefaultTheme.btnPrimaryActiveShadowArrowLeft = '1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)';DefaultTheme.btnDangerBg = '#e14c30';DefaultTheme.btnDangerHoverBg = 'none';DefaultTheme.btnDangerHoverBorderColor = 'transparent';DefaultTheme.btnDangerDisabledBg = 'none';DefaultTheme.btnDangerBorder = 'none';DefaultTheme.btnDangerBgStart = '#ec5438';DefaultTheme.btnDangerBgEnd = '#d44327';DefaultTheme.btnDangerBgArrowStart = '#ec5438';DefaultTheme.btnDangerBgArrowEnd = '#d44327';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerShadowArrow = '1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4)';DefaultTheme.btnDangerShadowArrowLeft = '1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4)';DefaultTheme.btnDangerHoverBgStart = '#d44227';DefaultTheme.btnDangerHoverBgEnd = '#c73013';DefaultTheme.btnDangerHoverShadowArrow = '1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4)';DefaultTheme.btnDangerHoverShadowArrowLeft = '1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4)';DefaultTheme.btnDangerActiveBg = '#cd381b';DefaultTheme.btnDangerActiveShadowArrow = '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnDangerActiveShadowArrowLeft = '1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1)';DefaultTheme.btnPayBg = '#ffc943';DefaultTheme.btnPayHoverBg = 'none';DefaultTheme.btnPayHoverBorderColor = 'transparent';DefaultTheme.btnPayDisabledBg = 'none';DefaultTheme.btnPayBorder = 'none';DefaultTheme.btnPayBgStart = '#ffd54b';DefaultTheme.btnPayBgEnd = '#ffbb39';DefaultTheme.btnPayBgArrowStart = '#ffd54b';DefaultTheme.btnPayBgArrowEnd = '#ffbb39';DefaultTheme.btnPayShadowArrow = '1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56)';DefaultTheme.btnPayShadowArrowLeft = '1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56)';DefaultTheme.btnPayHoverBgStart = '#ffbd3a';DefaultTheme.btnPayHoverBgEnd = '#f8a91d';DefaultTheme.btnPayHoverShadowArrow = '1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4)';DefaultTheme.btnPayHoverShadowArrowLeft = '1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4)';DefaultTheme.btnPayActiveBg = '#fbb028';DefaultTheme.btnPayActiveShadowArrow = '1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05)';DefaultTheme.btnPayActiveShadowArrowLeft = '1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05)';DefaultTheme.btnDeprecatedSizeMediumPaddingShiftIe = '1';DefaultTheme.btnSmallArrowTop = '7px';DefaultTheme.btnSmallArrowLeftLoadingDelay = '0.23s';DefaultTheme.btnSmallArrowBg = 'linear-gradient(-54deg, transparent 48%, #ccc 0, #ccc 72%, transparent 0)';DefaultTheme.btnMediumArrowRight = '-10px';DefaultTheme.btnMediumArrowBg = 'linear-gradient(-58deg, transparent 47.5%, #ccc 0, #ccc 70.5%, transparent 0)';DefaultTheme.btnMediumArrowLeftLoadingDelay = '0.2s';DefaultTheme.btnLargeArrowLeftLoadingDelay = '0s';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.sltPlaceholderColor = '#a0a0a0';DefaultTheme.selectBorderWidth = '1px';DefaultTheme.selectPaddingXSmall = '9px';DefaultTheme.selectPaddingArrowSmall = '10px';DefaultTheme.selectPaddingXMedium = '9px';DefaultTheme.selectPaddingArrowMedium = '10px';DefaultTheme.selectPaddingXLarge = '9px';DefaultTheme.selectPaddingArrowLarge = '13px';DefaultTheme.tooltipPaddingY = '15px';DefaultTheme.tooltipPaddingX = '20px';DefaultTheme.tooltipCloseBtnPadding = '8px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.tooltipPinOffset = '0px';DefaultTheme.tooltipPinOffsetX = '17px';DefaultTheme.tooltipPinOffsetY = '17px';DefaultTheme.tooltipMargin = '15px';DefaultTheme.tooltipMenuPinOffset = '15px';DefaultTheme.kebabPinOffset = '15px';DefaultTheme.kebabMargin = '5px';DefaultTheme.kebabBackground = 'transparent';DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';DefaultTheme.kebabBorderRadius = '50%';DefaultTheme.kebabBorder = '2px solid transparent';DefaultTheme.modalBackBg = '#333';DefaultTheme.modalBackOpacity = '0.6';DefaultTheme.modalCloseButtonColor = '#808080';DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';DefaultTheme.modalCloseButtonHoverColor = '#333';DefaultTheme.modalCloseButtonPadding = '35px';DefaultTheme.modalCloseButtonLegacyShift = '15px';DefaultTheme.modalCloseButtonBottomPadding = '20px';DefaultTheme.modalCloseButtonClickArea = '10px';DefaultTheme.modalCloseIconSize = '14px';DefaultTheme.modalCloseLegacyGap = '26px';DefaultTheme.modalCloseWrapperLegacyGap = '7px';DefaultTheme.modalFixedHeaderBg = '#fff';DefaultTheme.modalFixedHeaderShadow = '0 1px 10px #000000';DefaultTheme.modalFixedFooterShadow = '0 -1px 10px #000000';DefaultTheme.modalFooterBg = '#e9e9e9';DefaultTheme.modalAdaptiveThreshold = '425px';DefaultTheme.modalPaddingTop = '30px';DefaultTheme.modalPaddingLeft = '30px';DefaultTheme.modalPaddingRight = '35px';DefaultTheme.modalHeaderFontSize = '22px';DefaultTheme.modalHeaderLineHeight = '30px';DefaultTheme.modalHeaderPaddingBottom = '11px';DefaultTheme.modalHeaderPaddingTop = '24px';DefaultTheme.modalFixedHeaderPaddingBottom = '11px';DefaultTheme.modalBodyPaddingBottom = '25px';DefaultTheme.modalFooterPaddingTop = '0px';DefaultTheme.modalFooterPaddingBottom = '30px';DefaultTheme.modalPaddingBottom = '30px';DefaultTheme.modalFooterPanelPaddingTop = '20px';DefaultTheme.modalFooterPanelPaddingBottom = '20px';DefaultTheme.sidePageFooterPanelBg = '#e9e9e9';DefaultTheme.sidePageBackingBg = '#333';DefaultTheme.sidePageBackingBgOpacity = '0.6';DefaultTheme.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';DefaultTheme.sidePagePaddingLeft = '30px';DefaultTheme.sidePagePaddingRight = '35px';DefaultTheme.sidePagePaddingTop = '25px';DefaultTheme.sidePagePaddingBottom = '20px';DefaultTheme.sidePageFooterPaddingTop = '20px';DefaultTheme.sidePageFooterPaddingBottom = '20px';DefaultTheme.sidePageHeaderFontSize = '22px';DefaultTheme.sidePageHeaderLineHeight = '30px';DefaultTheme.sidePageHeaderPaddingBottom = '25px';DefaultTheme.sidePageHeaderPaddingTop = '25px';DefaultTheme.sidePageHeaderFixedFontSize = '18px';DefaultTheme.sidePageHeaderFixedLineHeight = '24px';DefaultTheme.sidePageHeaderFixedPaddingY = '13px';DefaultTheme.sidePageHeaderStickyOffset = '11px';DefaultTheme.sidePageCloseButtonPadding = '36px';DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '37px';DefaultTheme.sidePageFooterPanelPaddingTop = '20px';DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';DefaultTheme.sidePageCloseIconSize = '12px';DefaultTheme.sidePageCloseButtonClickAreaX = '10px';DefaultTheme.dateInputIconColor = '#333';DefaultTheme.dateInputMaskColor = '#b8b8b8';DefaultTheme.dateInputComponentSelectedBgColor = '#cae0f4';DefaultTheme.calendarCellBg = 'white';DefaultTheme.calendarCellHoverColor = 'white';DefaultTheme.calendarCellActiveHoverColor = 'white';DefaultTheme.calendarCellWeekendColor = '#f00';DefaultTheme.calendarCellTodayBorder = '1px solid #8b8b8b';DefaultTheme.calendarCellSelectedBgColor = '#e9e9e9';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarCellSize = '30px';DefaultTheme.calendarMonthHeaderStickedBgColor = 'white';DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';DefaultTheme.calendarPaddingX = '15px';DefaultTheme.calendarMonthTitleLineHeight = '24px';DefaultTheme.calendarMonthTitlePaddingTop = '8px';DefaultTheme.calendarMonthTitlePaddingBottom = '8px';DefaultTheme.calendarMonthTitleMarginX = '0';DefaultTheme.calendarMonthTitleMarginBottom = '10px';DefaultTheme.calendarWrapperHeight = ' 330px';DefaultTheme.calendarMonthMarginBottom = '10px';DefaultTheme.calendarMaxMonthsToAppendOnScroll = '5';DefaultTheme.dateSelectLineHeight = '24px';DefaultTheme.dateSelectFontSize = '14px';DefaultTheme.dateSelectFontWeight = 'bold';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.datePickerOpenBtnColor = '#333';DefaultTheme.pickerBg = '#fff';DefaultTheme.pickerShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.pickerTodayWrapperBgColor = 'white';DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';DefaultTheme.pickerTodayWrapperFontSize = '14px';DefaultTheme.pickerTodayWrapperLineHeight = 'normal';DefaultTheme.pickerTodayWrapperPaddingTop = '7px';DefaultTheme.pickerTodayWrapperPaddingBottom = '8px';DefaultTheme.pagingFontSize = '16px';DefaultTheme.pagingForwardIconSize = '18px';DefaultTheme.pagingForwardIconMarginTop = '0px';DefaultTheme.pagingPageLinkPaddingX = '10px';DefaultTheme.pagingPageLinkPaddingY = '2px';DefaultTheme.pagingPageLinkLegacyPaddingY = '5px';DefaultTheme.pagingPageLinkMinWidth = 'initial';DefaultTheme.pagingPageForwardLinkMarginTop = '4px';DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';DefaultTheme.pagingPageForwardLinkPaddingRight = '22px';DefaultTheme.pagingLineHeight = 'initial';DefaultTheme.pagingDotsColor = 'gray';DefaultTheme.pagingDotsPadding = '6px 10px 0';DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';DefaultTheme.pagingPageLinkActiveColor = 'black';DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkHintColor = '#bbb';DefaultTheme.pagingPageLinkHintFontSize = '11px';DefaultTheme.pagingPageLinkHintLineHeight = '15px';DefaultTheme.pagingPageLinkBorderRadius = '16px';DefaultTheme.pagingPageLinkMargin = '2px 1px';DefaultTheme.hintMaxWidth = '200px';DefaultTheme.hintPaddingY = '6px';DefaultTheme.hintPaddingX = '8px';DefaultTheme.hintTextAlign = 'center';DefaultTheme.hintPinOffset = '8px';DefaultTheme.hintMargin = '15px';DefaultTheme.toastLineHeight = '20px';DefaultTheme.toastPaddingY = '10px';DefaultTheme.toastPaddingX = '20px';DefaultTheme.toastBorderRadius = '2px';DefaultTheme.toastBorder = 'none';DefaultTheme.toastTop = '20px';DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';DefaultTheme.toastColor = 'white';DefaultTheme.toastLinkColor = '#80caff';DefaultTheme.toastClosePadding = '16px';DefaultTheme.toastCloseColor = '#a0a0a0';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.toastCloseSize = '8px';DefaultTheme.tbBg = '#fff';DefaultTheme.tbShadow = '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)';DefaultTheme.tdDividerBg = '#dfdfdf';DefaultTheme.logoColor = '#000';DefaultTheme.logoHoverColor = '#000';DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';DefaultTheme.menuBorder = '1px solid #d5d5d5';DefaultTheme.menuShadow = '0 2px 6px rgba(0, 0, 0, 0.2)';DefaultTheme.menuPaddingY = '5px';DefaultTheme.menuItemIconWidth = '16px';DefaultTheme.menuItemIconGap = '5px';DefaultTheme.menuItemIconLegacyMargin = '7px';DefaultTheme.menuItemIconLegacyShift = '-1px';DefaultTheme.menuItemLineHeight = '18px';DefaultTheme.menuItemPaddingX = '8px';DefaultTheme.menuItemLegacyPaddingX = '10px';DefaultTheme.menuItemLegacyPaddingY = '1px';DefaultTheme.menuItemCommentColor = '#a0a0a0';DefaultTheme.menuItemCommentColorHover = '#fff';DefaultTheme.menuHeaderColor = '#a0a0a0';DefaultTheme.menuHeaderLineHeight = 'inherit';DefaultTheme.menuHeaderFontSize = '12px';DefaultTheme.menuHeaderPaddingTop = '6px';DefaultTheme.menuHeaderPaddingBottom = '7px';DefaultTheme.menuHeaderLegacyPaddingRight = '10px';DefaultTheme.menuSeparatorBorderColor = '#e6e6e6';DefaultTheme.menuSeparatorMarginY = '5px';DefaultTheme.menuSeparatorBorderWidth = '1px';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '34px';DefaultTheme.toggleBorderRadius = '10px';DefaultTheme.toggleBg = 'linear-gradient(-180deg, #fff, #ebebeb)';DefaultTheme.toggleBgDisabled = 'none';DefaultTheme.toggleBgChecked = '#3072c4';DefaultTheme.toggleBorderWidth = '1px';DefaultTheme.toggleOutlineWidth = '3px';DefaultTheme.toggleBorderColor = '#d0d0d0';DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';DefaultTheme.toggleCaptionGap = '10px';DefaultTheme.popupBorder = 'none';DefaultTheme.popupBorderRadius = '2px';DefaultTheme.popupBorderColor = 'transparent';DefaultTheme.popupDropShadow = 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))';DefaultTheme.popupBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.popupTextColor = 'inherit';DefaultTheme.popupPinOffset = '0';DefaultTheme.popupPinOffsetX = '16px';DefaultTheme.popupPinOffsetY = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.inputTextColor = 'none';DefaultTheme.inputShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.inputBg = 'white';DefaultTheme.inputIconColor = '#a9a9a9';DefaultTheme.inputColor = 'inherit';DefaultTheme.inputWidth = '250px';DefaultTheme.inputPaddingXSmall = '10px';DefaultTheme.inputPaddingXMedium = '10px';DefaultTheme.inputPaddingXLarge = '10px';DefaultTheme.inputIconGapSmall = '2px';DefaultTheme.inputIconGapMedium = '2px';DefaultTheme.inputIconGapLarge = '2px';DefaultTheme.inputIconSizeSmall = 'auto';DefaultTheme.inputIconSizeMedium = 'auto';DefaultTheme.inputIconSizeLarge = 'auto';DefaultTheme.inputBorderRadiusSmall = '0';DefaultTheme.inputBorderRadiusMedium = '0';DefaultTheme.inputBorderRadiusLarge = '0';DefaultTheme.chbBoxSize = '16px';DefaultTheme.chbPaddingX = '10px';DefaultTheme.chbPaddingY = '0';DefaultTheme.chbBgStart = '#fdfdfd';DefaultTheme.chbBgEnd = '#ededed';DefaultTheme.chbBorder = 'none';DefaultTheme.chbBorderRadius = '1px';DefaultTheme.chbShadowWidth = '2px';DefaultTheme.checkboxBorderWidthCompensation = '0px';DefaultTheme.checkboxBorderWidth = '1px';DefaultTheme.textareaShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioSize = '16px';DefaultTheme.radioLabelGap = '9px';DefaultTheme.radioPaddingY = '0';DefaultTheme.radioVerticalAlign = '-2px';DefaultTheme.radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';DefaultTheme.radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';DefaultTheme.radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';DefaultTheme.radioBorderWidth = '1px';DefaultTheme.radioBorderColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.radioBorder = '0 none';DefaultTheme.radioFocusShadow = 'none';DefaultTheme.radioCheckedBgColor = 'transparent';DefaultTheme.radioCheckedBorderColor = 'inherit';DefaultTheme.radioCheckedBulletColor = '#404040';DefaultTheme.radioLabelDisplay = 'inline-table';DefaultTheme.radioBorderWidthCompensation = '0px';DefaultTheme.radioMarginY = '2px';DefaultTheme.radioGroupLegacyItemGap = '10px';DefaultTheme.tabPaddingY = '10px';DefaultTheme.tabBorderWidth = '3px';DefaultTheme.tabOutlineWidth = '2px';DefaultTheme.spinnerFontSizeSmall = '14px';DefaultTheme.spinnerFontSizeMedium = '16px';DefaultTheme.spinnerFontSizeLarge = '18px';DefaultTheme.spinnerLineHeightSmall = '1';DefaultTheme.spinnerLineHeightMedium = '1.375';DefaultTheme.spinnerLineHeightLarge = '1.33';DefaultTheme.spinnerCaptionGapSmall = '8px';DefaultTheme.spinnerCaptionGapMedium = '-6px';DefaultTheme.spinnerCaptionGapLarge = '-8px';DefaultTheme.spinnerOldFontSizeSmall = '14px';DefaultTheme.spinnerOldFontSizeMedium = '14px';DefaultTheme.spinnerOldFontSizeLarge = '14px';DefaultTheme.spinnerOldLineHeightSmall = 'inherit';DefaultTheme.spinnerOldLineHeightMedium = 'inherit';DefaultTheme.spinnerOldLineHeightLarge = 'inherit';DefaultTheme.spinnerOldCaptionGapSmall = '5px';DefaultTheme.spinnerOldCaptionGapMedium = '0px';DefaultTheme.spinnerOldCaptionGapLarge = '0px';DefaultTheme.switcherOutlineWidth = '2px';DefaultTheme.switcherLabelFontSizeSmall = 'inherit';DefaultTheme.switcherLabelFontSizeMedium = 'inherit';DefaultTheme.switcherLabelFontSizeLarge = 'inherit';DefaultTheme.switcherLabelLineHeightSmall = 'inherit';DefaultTheme.switcherLabelLineHeightMedium = 'inherit';DefaultTheme.switcherLabelLineHeightLarge = 'inherit';DefaultTheme.switcherLabelGapSmall = '15px';DefaultTheme.switcherLabelGapMedium = '15px';DefaultTheme.switcherLabelGapLarge = '15px';
-var DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)((0, _ThemeHelpers.markAsFullTheme)(DefaultTheme));exports.DefaultThemeInternal = DefaultThemeInternal;
+var DefaultThemeInternal = (0, _ThemeHelpers.markAsFullTheme)((0, _ThemeHelpers.exposeGetters)(DefaultTheme));exports.DefaultThemeInternal = DefaultThemeInternal;