@salutejs/plasma-new-hope 0.156.0-canary.1461.11104204476.0 → 0.157.0-canary.1421.11106899244.0

package/es/components/DatePicker/SingleDate/SingleDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n\n                label,\n                labelPlacement = 'outer',\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format, lang));\n            const [inputValue, setInputValue] = useState(formatInputValue({ value: defaultDate, format, lang }));\n\n            const innerLabelPlacement = labelPlacement === 'inner';\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleToggle,\n                handleChangeValue,\n                handleCommitDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                inputRef,\n                onToggle,\n                onChangeValue,\n                onCommitDate,\n            });\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onKeyDown={onKeyDown}\n                    {...(innerLabelPlacement && { label, labelPlacement })}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [defaultDate]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [format, lang]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    {!innerLabelPlacement && label && <StyledLabel>{label}</StyledLabel>}\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={false}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <StyledCalendar\n                            size={size}\n                            value={calendarValue}\n                            type={type}\n                            eventList={eventList}\n                            disabledList={disabledList}\n                            eventMonthList={eventMonthList}\n                            disabledMonthList={disabledMonthList}\n                            eventQuarterList={eventQuarterList}\n                            disabledQuarterList={disabledQuarterList}\n                            eventYearList={eventYearList}\n                            disabledYearList={disabledYearList}\n                            min={min}\n                            max={max}\n                            includeEdgeDates={includeEdgeDates}\n                            isRange={false}\n                            locale={lang}\n                            onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n                        />\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","label","_ref$labelPlacement","labelPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","value","_useState6","inputValue","setInputValue","innerLabelPlacement","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","_useKeyNavigation","useKeyNavigation","isCalendarOpen","onKeyDown","DatePickerInput","React","createElement","StyledInput","_extends","cx","onChange","onSearch","date","useEffect","prevOpen","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","locale","dateInfo","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\nimport { setInitialValue } from '../utils/setInitialValue';\nimport { InputHidden } from '../../TextField/TextField.styles';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n\n                label,\n                labelPlacement = 'outer',\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n                name,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n                onChange,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const innerRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format, lang));\n            const [inputValue, setInputValue] = useState(formatInputValue({ value: defaultDate, format, lang }));\n\n            const innerLabelPlacement = labelPlacement === 'inner';\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleToggle,\n                handleChangeValue,\n                handleCommitDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                inputRef,\n                name,\n                onToggle,\n                onChangeValue,\n                onCommitDate,\n                onChange,\n            });\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onKeyDown={onKeyDown}\n                    {...(innerLabelPlacement && { label, labelPlacement })}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [defaultDate]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [format, lang]);\n\n            useEffect(() => {\n                if (innerRef.current) {\n                    innerRef.current.addEventListener('setInitialValue', (e: Event) =>\n                        handleCommitDate(setInitialValue(e), true, false),\n                    );\n                }\n\n                return () => {\n                    if (innerRef.current) {\n                        innerRef.current.removeEventListener('setInitialValue', (e: Event) =>\n                            handleCommitDate(setInitialValue(e), true, false),\n                        );\n                    }\n                };\n            }, []);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    {!innerLabelPlacement && label && <StyledLabel>{label}</StyledLabel>}\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={false}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <StyledCalendar\n                            size={size}\n                            value={calendarValue}\n                            type={type}\n                            eventList={eventList}\n                            disabledList={disabledList}\n                            eventMonthList={eventMonthList}\n                            disabledMonthList={disabledMonthList}\n                            eventQuarterList={eventQuarterList}\n                            disabledQuarterList={disabledQuarterList}\n                            eventYearList={eventYearList}\n                            disabledYearList={disabledYearList}\n                            min={min}\n                            max={max}\n                            includeEdgeDates={includeEdgeDates}\n                            isRange={false}\n                            locale={lang}\n                            onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n                        />\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                    <InputHidden\n                        type=\"hidden\"\n                        datatype=\"datepicker-single\"\n                        name={name}\n                        value={inputValue}\n                        ref={innerRef}\n                        onChange={() => {}}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","label","_ref$labelPlacement","labelPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","name","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","innerRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","value","_useState6","inputValue","setInputValue","innerLabelPlacement","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","_useKeyNavigation","useKeyNavigation","isCalendarOpen","onKeyDown","DatePickerInput","React","createElement","StyledInput","_extends","cx","onSearch","date","useEffect","prevOpen","current","addEventListener","e","setInitialValue","removeEventListener","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","locale","dateInfo","LeftHelper","InputHidden","datatype","datePickerConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;IAmBaA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,IAAmG,EAAA;AAAA,EAAA,oBAEnGC,UAAU,CACN,UAAAC,IAAA,EAmDIC,GAAG,EACF;AAAA,IAAA,IAlDGC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAAAC,WAAA,GAAAH,IAAA,CACTI,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAEdE,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,mBAAA,GAAAN,IAAA,CACLO,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;MACxBE,WAAW,GAAAR,IAAA,CAAXQ,WAAW;MACXC,UAAU,GAAAT,IAAA,CAAVS,UAAU;MACVC,WAAW,GAAAV,IAAA,CAAXU,WAAW;MACXC,YAAY,GAAAX,IAAA,CAAZW,YAAY;MACZC,UAAU,GAAAZ,IAAA,CAAVY,UAAU;MACVC,SAAS,GAAAb,IAAA,CAATa,SAAS;MACTC,IAAI,GAAAd,IAAA,CAAJc,IAAI;MACJC,IAAI,GAAAf,IAAA,CAAJe,IAAI;MAAAC,aAAA,GAAAhB,IAAA,CACJiB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAAlB,IAAA,CAChBmB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAChBE,IAAI,GAAApB,IAAA,CAAJoB,IAAI;MAAAC,gBAAA,GAAArB,IAAA,CAEJsB,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;MAChBE,UAAU,GAAAvB,IAAA,CAAVuB,UAAU;MACVC,YAAY,GAAAxB,IAAA,CAAZwB,YAAY;MAAAC,WAAA,GAAAzB,IAAA,CACZ0B,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,WAAA;MAAAE,SAAA,GAAA3B,IAAA,CACrB4B,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;MACXE,cAAc,GAAA7B,IAAA,CAAd6B,cAAc;MACdC,GAAG,GAAA9B,IAAA,CAAH8B,GAAG;MACHC,GAAG,GAAA/B,IAAA,CAAH+B,GAAG;MAAAC,qBAAA,GAAAhC,IAAA,CACHiC,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MACxBE,SAAS,GAAAlC,IAAA,CAATkC,SAAS;MACTC,YAAY,GAAAnC,IAAA,CAAZmC,YAAY;MACZC,cAAc,GAAApC,IAAA,CAAdoC,cAAc;MACdC,iBAAiB,GAAArC,IAAA,CAAjBqC,iBAAiB;MACjBC,gBAAgB,GAAAtC,IAAA,CAAhBsC,gBAAgB;MAChBC,mBAAmB,GAAAvC,IAAA,CAAnBuC,mBAAmB;MACnBC,aAAa,GAAAxC,IAAA,CAAbwC,aAAa;MACbC,gBAAgB,GAAAzC,IAAA,CAAhByC,gBAAgB;MAAAC,SAAA,GAAA1C,IAAA,CAChB2C,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;MAAAE,cAAA,GAAA5C,IAAA,CAEb6C,SAAS;MAATA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAAA,cAAA;MAAAE,qBAAA,GAAA9C,IAAA,CAC7B+C,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC1BE,MAAM,GAAAhD,IAAA,CAANgD,MAAM;MAENC,aAAa,GAAAjD,IAAA,CAAbiD,aAAa;MACbC,YAAY,GAAAlD,IAAA,CAAZkD,YAAY;MACZC,QAAQ,GAAAnD,IAAA,CAARmD,QAAQ;MACRC,OAAO,GAAApD,IAAA,CAAPoD,OAAO;MACPC,MAAM,GAAArD,IAAA,CAANqD,MAAM;MACNC,QAAQ,GAAAtD,IAAA,CAARsD,QAAQ;AAELC,MAAAA,IAAI,GAAAC,wBAAA,CAAAxD,IAAA,EAAAyD,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,QAAQ,GAAGD,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAAE,SAAA,GAAsCC,QAAQ,CAAC1D,MAAM,CAAC;MAAA2D,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/CI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,IAAA,IAAAI,UAAA,GAA0CL,QAAQ,CAACM,mBAAmB,CAAC9C,WAAW,EAAEI,MAAM,EAAEE,IAAI,CAAC,CAAC;MAAAyC,UAAA,GAAAL,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA3FG,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,IAAA,IAAAG,UAAA,GAAoCV,QAAQ,CAACW,gBAAgB,CAAC;AAAEC,QAAAA,KAAK,EAAEpD,WAAW;AAAEI,QAAAA,MAAM,EAANA,MAAM;AAAEE,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAC;MAAA+C,UAAA,GAAAX,cAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAA7FI,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,IAAA,IAAMG,mBAAmB,GAAGvE,cAAc,KAAK,OAAO,CAAA;IAEtD,IAAMwE,mBAAmB,GAAGC,WAAW,CAAC,YAAA;MAAA,OAAMC,sBAAsB,CAACvD,MAAM,CAAC,CAAA;KAAE,EAAA,CAACA,MAAM,CAAC,CAAC,CAAA;IAEvF,IAAAwD,cAAA,GAMIC,aAAa,CAAC;AACdC,QAAAA,YAAY,EAAER,UAAU;AACxBC,QAAAA,aAAa,EAAbA,aAAa;AACbN,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBL,QAAAA,cAAc,EAAdA,cAAc;AACda,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBrD,QAAAA,MAAM,EAANA,MAAM;AACNE,QAAAA,IAAI,EAAJA,IAAI;AACJT,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAQ,EAARA,QAAQ;AACRY,QAAAA,cAAc,EAAdA,cAAc;AACdN,QAAAA,UAAU,EAAVA,UAAU;AACVC,QAAAA,YAAY,EAAZA,YAAY;AACZkC,QAAAA,QAAQ,EAARA,QAAQ;AACRtC,QAAAA,IAAI,EAAJA,IAAI;AACJ+B,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,YAAY,EAAZA,YAAY;AACZI,QAAAA,QAAQ,EAARA,QAAAA;AACJ,OAAC,CAAC;MAxBE+B,oBAAoB,GAAAH,cAAA,CAApBG,oBAAoB;MACpBC,sBAAsB,GAAAJ,cAAA,CAAtBI,sBAAsB;MACtBC,YAAY,GAAAL,cAAA,CAAZK,YAAY;MACZC,iBAAiB,GAAAN,cAAA,CAAjBM,iBAAiB;MACjBC,gBAAgB,GAAAP,cAAA,CAAhBO,gBAAgB,CAAA;IAsBpB,IAAAC,iBAAA,GAAsBC,gBAAgB,CAAC;AACnCC,QAAAA,cAAc,EAAE3B,WAAW;AAC3Bd,QAAAA,QAAQ,EAAEoC,YAAAA;AACd,OAAC,CAAC;MAHMM,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;IAKjB,IAAMC,eAAe,gBACjBC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAAC,QAAA,CAAA;AACRjG,MAAAA,GAAG,EAAEyD,QAAS;AACdxD,MAAAA,SAAS,EAAEiG,EAAE,CAACd,oBAAoB,EAAEC,sBAAsB,CAAE;AAC5DZ,MAAAA,KAAK,EAAEE,UAAW;AAClB7D,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBX,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAU;AACrByC,MAAAA,QAAQ,EAAEkC,iBAAkB;MAC5BY,QAAQ,EAAE,SAAAA,QAAAA,CAACC,IAAI,EAAA;AAAA,QAAA,OAAKZ,gBAAgB,CAACY,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;OAAC;AACxDjD,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,MAAM,EAAEA,MAAO;AACfwC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,EAChBf,mBAAmB,IAAI;AAAEzE,MAAAA,KAAK,EAALA,KAAK;AAAEE,MAAAA,cAAc,EAAdA,cAAAA;AAAe,KAAC,CACxD,CACJ,CAAA;AAED+F,IAAAA,SAAS,CAAC,YAAM;MACZpC,cAAc,CAAC,UAACqC,QAAQ,EAAA;AAAA,QAAA,OAAKA,QAAQ,KAAKnG,MAAM,IAAIA,MAAM,CAAA;OAAC,CAAA,CAAA;AAC/D,KAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;AAEZkG,IAAAA,SAAS,CAAC,YAAM;MACZ/B,gBAAgB,CAACH,mBAAmB,CAAC9C,WAAW,EAAEI,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAChEiD,aAAa,CAACJ,gBAAgB,CAAC;AAAEC,QAAAA,KAAK,EAAEpD,WAAW;AAAEI,QAAAA,MAAM,EAANA,MAAM;AAAEE,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAC,CAAA;AACzE,KAAC,EAAE,CAACN,WAAW,CAAC,CAAC,CAAA;AAEjBgF,IAAAA,SAAS,CAAC,YAAM;MACZ/B,gBAAgB,CAACH,mBAAmB,CAAC9C,WAAW,EAAEI,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAChEiD,aAAa,CAACJ,gBAAgB,CAAC;AAAEC,QAAAA,KAAK,EAAEpD,WAAW;AAAEI,QAAAA,MAAM,EAANA,MAAM;AAAEE,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAC,CAAA;AACzE,KAAC,EAAE,CAACF,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AAElB0E,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAI1C,QAAQ,CAAC4C,OAAO,EAAE;QAClB5C,QAAQ,CAAC4C,OAAO,CAACC,gBAAgB,CAAC,iBAAiB,EAAE,UAACC,CAAQ,EAAA;UAAA,OAC1DjB,gBAAgB,CAACkB,eAAe,CAACD,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AAAA,SACrD,CAAC,CAAA;AACL,OAAA;AAEA,MAAA,OAAO,YAAM;QACT,IAAI9C,QAAQ,CAAC4C,OAAO,EAAE;UAClB5C,QAAQ,CAAC4C,OAAO,CAACI,mBAAmB,CAAC,iBAAiB,EAAE,UAACF,CAAQ,EAAA;YAAA,OAC7DjB,gBAAgB,CAACkB,eAAe,CAACD,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AAAA,WACrD,CAAC,CAAA;AACL,SAAA;OACH,CAAA;KACJ,EAAE,EAAE,CAAC,CAAA;AAEN,IAAA,oBACIX,KAAA,CAAAC,aAAA,CAAClG,IAAI,EAAAoG,QAAA,CAAA;AACDpF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXb,SAAS,EAAEiG,EAAE,CAACU,OAAO,CAAChH,cAAc,EAAEK,SAAS,CAAE;AACjDiB,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChChB,MAAAA,GAAG,EAAEA,GAAAA;KACDsD,EAAAA,IAAI,GAEP,CAACuB,mBAAmB,IAAIzE,KAAK,iBAAI0F,KAAA,CAAAC,aAAA,CAACc,WAAW,EAAA,IAAA,EAAEzG,KAAmB,CAAC,eACpE0F,KAAA,CAAAC,aAAA,CAACe,aAAa,EAAA;AACV3G,MAAAA,MAAM,EAAE6D,WAAY;AACpB+C,MAAAA,SAAS,EAAE,KAAM;AACjB7D,MAAAA,QAAQ,EAAEoC,YAAa;AACvBvC,MAAAA,MAAM,EAAEA,MAAO;AACfH,MAAAA,SAAS,EAAEoE,aAAa,CAACpE,SAAS,CAAE;AACpCqE,MAAAA,OAAO,EAAC,OAAO;AACfnE,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCoE,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,MAAM,EAAEtB,eAAgB;AACxBuB,MAAAA,eAAe,EAAE,KAAA;AAAM,KAAA,eAEvBtB,KAAA,CAAAC,aAAA,CAACsB,cAAc,EAAA;AACXvG,MAAAA,IAAI,EAAEA,IAAK;AACX2D,MAAAA,KAAK,EAAEJ,aAAc;AACrB3B,MAAAA,IAAI,EAAEA,IAAK;AACXT,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCX,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCsF,MAAAA,OAAO,EAAE,KAAM;AACfC,MAAAA,MAAM,EAAE5F,IAAK;AACbqB,MAAAA,aAAa,EAAE,SAAAA,aAACoD,CAAAA,IAAI,EAAEoB,QAAQ,EAAA;QAAA,OAAKhC,gBAAgB,CAACY,IAAI,EAAE,KAAK,EAAE,IAAI,EAAEoB,QAAQ,CAAC,CAAA;AAAA,OAAA;AAAC,KACpF,CACU,CAAC,EACfhH,UAAU,iBAAIsF,KAAA,CAAAC,aAAA,CAAC0B,UAAU,EAAA,IAAA,EAAEjH,UAAuB,CAAC,eACpDsF,KAAA,CAAAC,aAAA,CAAC2B,WAAW,EAAA;AACRhF,MAAAA,IAAI,EAAC,QAAQ;AACbiF,MAAAA,QAAQ,EAAC,mBAAmB;AAC5BxG,MAAAA,IAAI,EAAEA,IAAK;AACXsD,MAAAA,KAAK,EAAEE,UAAW;AAClB3E,MAAAA,GAAG,EAAE2D,QAAS;AACdN,MAAAA,QAAQ,EAAE,SAAAA,QAAA,GAAM,EAAC;AAAE,KACtB,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMuE,gBAAgB,GAAG;AAC5BzG,EAAAA,IAAI,EAAE,YAAY;AAClB0G,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElI,cAAc;AACtBmI,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRnH,IAAAA,IAAI,EAAE;AACFoH,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpH,IAAAA,IAAI,EAAE;AACFmH,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDjH,IAAAA,QAAQ,EAAE;AACN+G,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDrH,IAAAA,QAAQ,EAAE;AACNiH,MAAAA,GAAG,EAAEK,MAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNzH,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/DatePicker/hooks/useDatePicker.js

@@ -17,9 +17,11 @@ var useDatePicker = function useDatePicker(_ref) {
     valueError = _ref.valueError,
     valueSuccess = _ref.valueSuccess,
     inputRef = _ref.inputRef,
+    name = _ref.name,
     onToggle = _ref.onToggle,
     onChangeValue = _ref.onChangeValue,
-    onCommitDate = _ref.onCommitDate;
+    onCommitDate = _ref.onCommitDate,
+    onChange = _ref.onChange;
   var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
   var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
   var handleToggle = function handleToggle(opened, event) {
@@ -46,6 +48,12 @@ var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+      onChange === null || onChange === void 0 || onChange({
+        target: {
+          value: newValue,
+          name: name
+        }
+      });
       return;
     }
 
@@ -78,6 +86,12 @@ var useDatePicker = function useDatePicker(_ref) {
       isLengthEqual: isLengthEqual
     }));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+    onChange === null || onChange === void 0 || onChange({
+      target: {
+        value: newValue,
+        name: name
+      }
+    });
   };
   var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
     if (disabled || readOnly) {
@@ -96,6 +110,16 @@ var useDatePicker = function useDatePicker(_ref) {
         lang: lang
       }));
       onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
+      onChange === null || onChange === void 0 || onChange({
+        target: {
+          value: formatInputValue({
+            value: date,
+            format: format,
+            lang: lang
+          }),
+          name: name
+        }
+      });
       return;
     }
     var formatString = applyFormat ? format : undefined;
@@ -110,6 +134,15 @@ var useDatePicker = function useDatePicker(_ref) {
       lang: lang
     }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
+    onChange === null || onChange === void 0 || onChange({
+      target: {
+        value: formatInputValue({
+          value: date,
+          format: format
+        }),
+        name: name
+      }
+    });
   };
   return {
     datePickerErrorClass: datePickerErrorClass,

package/es/components/DatePicker/hooks/useDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent, SyntheticEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';\nimport type { DateInfo } from '../../Calendar/Calendar.types';\nimport { customDayjs } from '../../../utils/datejs';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    setIsInnerOpen,\n    dateFormatDelimiter,\n    format,\n    lang = 'ru',\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    inputRef,\n    onToggle,\n    onChangeValue,\n    onCommitDate,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        const isCalendarOpen = event.target === inputRef?.current ? true : opened;\n\n        if (onToggle) {\n            return onToggle(isCalendarOpen, event);\n        }\n\n        setIsInnerOpen(isCalendarOpen);\n    };\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        if (!format) {\n            setCalendarValue(formatCalendarValue(newValue));\n            setInputValue(formatInputValue({ value: newValue, format, lang }));\n            onChangeValue?.(event, newValue);\n\n            return;\n        }\n\n        /**\n         * NOTE: если в формате даты есть месяц в полном названии или сокращенном,\n         * нужно дополнительно проводить валидацию на полноту введенной даты.\n         * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.\n         */\n        const hasMonthFullName = /M{3,4}/g.test(format);\n        let isValidMonth;\n        let isLengthEqual;\n\n        if (hasMonthFullName) {\n            customDayjs.locale(lang);\n\n            const firstIndexOfMonth = format.indexOf('M');\n            const lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);\n\n            const fullMonthName = !lastIndexOfMonth\n                ? newValue.slice(firstIndexOfMonth)\n                : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);\n\n            const monthFormatting = format.replace(/[^M]/g, '');\n\n            isValidMonth = customDayjs(`01 ${fullMonthName} 1970`, `DD ${monthFormatting} YYYY`, true).isValid();\n            isLengthEqual = format.length - monthFormatting.length === newValue.length - fullMonthName.length;\n        }\n\n        if ((!hasMonthFullName && newValue?.length === format?.length) || (isValidMonth && isLengthEqual)) {\n            setCalendarValue(formatCalendarValue(newValue, format, lang));\n        }\n\n        setInputValue(\n            formatInputValue({ value: newValue, format, lang, hasMonthFullName, isValidMonth, isLengthEqual }),\n        );\n\n        onChangeValue?.(event, newValue);\n    };\n\n    const handleCommitDate = (\n        date?: Date | string,\n        applyFormat?: boolean,\n        isCalendarValue?: boolean,\n        dateInfo?: DateInfo,\n    ) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            setCalendarValue(formatCalendarValue(date, format, lang));\n            setInputValue(formatInputValue({ value: date, format, lang }));\n            onCommitDate?.(date, false, true, dateInfo);\n\n            return;\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString, lang);\n\n        setCalendarValue(formatCalendarValue(newDate, format, lang));\n        setInputValue(formatInputValue({ value: newDate, format, lang }));\n\n        onCommitDate?.(newDate, isError, isSuccess);\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleToggle,\n        handleChangeValue,\n        handleCommitDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","setIsInnerOpen","dateFormatDelimiter","format","_ref$lang","lang","disabled","readOnly","maskWithFormat","valueError","valueSuccess","inputRef","onToggle","onChangeValue","onCommitDate","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleToggle","opened","event","isCalendarOpen","target","current","handleChangeValue","value","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","hasMonthFullName","test","isValidMonth","isLengthEqual","customDayjs","locale","firstIndexOfMonth","indexOf","lastIndexOfMonth","fullMonthName","slice","monthFormatting","replace","concat","isValid","length","handleCommitDate","date","applyFormat","isCalendarValue","dateInfo","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}
+{"version":3,"file":"useDatePicker.js","sources":["../../../../src/components/DatePicker/hooks/useDatePicker.ts"],"sourcesContent":["import { ChangeEvent, SyntheticEvent } from 'react';\n\nimport { classes } from '../DatePicker.tokens';\nimport type { UseDatePickerProps } from '../DatePickerBase.types';\nimport { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';\nimport type { DateInfo } from '../../Calendar/Calendar.types';\nimport { customDayjs } from '../../../utils/datejs';\n\nexport const useDatePicker = ({\n    currentValue,\n    setInputValue,\n    setCalendarValue,\n    setIsInnerOpen,\n    dateFormatDelimiter,\n    format,\n    lang = 'ru',\n    disabled,\n    readOnly,\n    maskWithFormat,\n    valueError,\n    valueSuccess,\n    inputRef,\n    name,\n    onToggle,\n    onChangeValue,\n    onCommitDate,\n    onChange,\n}: UseDatePickerProps) => {\n    const datePickerErrorClass = valueError ? classes.datePickerError : undefined;\n    const datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;\n\n    const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        const isCalendarOpen = event.target === inputRef?.current ? true : opened;\n\n        if (onToggle) {\n            return onToggle(isCalendarOpen, event);\n        }\n\n        setIsInnerOpen(isCalendarOpen);\n    };\n\n    const handleChangeValue = (event: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) {\n            return;\n        }\n        const { value } = event.target;\n\n        const newValue = maskWithFormat\n            ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue)\n            : value;\n\n        if (!format) {\n            setCalendarValue(formatCalendarValue(newValue));\n            setInputValue(formatInputValue({ value: newValue, format, lang }));\n            onChangeValue?.(event, newValue);\n            onChange?.({ target: { value: newValue, name } });\n\n            return;\n        }\n\n        /**\n         * NOTE: если в формате даты есть месяц в полном названии или сокращенном,\n         * нужно дополнительно проводить валидацию на полноту введенной даты.\n         * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.\n         */\n        const hasMonthFullName = /M{3,4}/g.test(format);\n        let isValidMonth;\n        let isLengthEqual;\n\n        if (hasMonthFullName) {\n            customDayjs.locale(lang);\n\n            const firstIndexOfMonth = format.indexOf('M');\n            const lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);\n\n            const fullMonthName = !lastIndexOfMonth\n                ? newValue.slice(firstIndexOfMonth)\n                : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);\n\n            const monthFormatting = format.replace(/[^M]/g, '');\n\n            isValidMonth = customDayjs(`01 ${fullMonthName} 1970`, `DD ${monthFormatting} YYYY`, true).isValid();\n            isLengthEqual = format.length - monthFormatting.length === newValue.length - fullMonthName.length;\n        }\n\n        if ((!hasMonthFullName && newValue?.length === format?.length) || (isValidMonth && isLengthEqual)) {\n            setCalendarValue(formatCalendarValue(newValue, format, lang));\n        }\n\n        setInputValue(\n            formatInputValue({ value: newValue, format, lang, hasMonthFullName, isValidMonth, isLengthEqual }),\n        );\n\n        onChangeValue?.(event, newValue);\n        onChange?.({ target: { value: newValue, name } });\n    };\n\n    const handleCommitDate = (\n        date?: Date | string,\n        applyFormat?: boolean,\n        isCalendarValue?: boolean,\n        dateInfo?: DateInfo,\n    ) => {\n        if (disabled || readOnly) {\n            return;\n        }\n\n        if (!date) {\n            setCalendarValue(undefined);\n            setInputValue('');\n\n            return onCommitDate?.('', false, true);\n        }\n\n        if (isCalendarValue) {\n            setCalendarValue(formatCalendarValue(date, format, lang));\n            setInputValue(formatInputValue({ value: date, format, lang }));\n            onCommitDate?.(date, false, true, dateInfo);\n            onChange?.({ target: { value: formatInputValue({ value: date, format, lang }), name } });\n\n            return;\n        }\n\n        const formatString = applyFormat ? format : undefined;\n\n        const { value: newDate, isError, isSuccess } = getDateFromFormat(date, formatString, lang);\n\n        setCalendarValue(formatCalendarValue(newDate, format, lang));\n        setInputValue(formatInputValue({ value: newDate, format, lang }));\n\n        onCommitDate?.(newDate, isError, isSuccess);\n        onChange?.({ target: { value: formatInputValue({ value: date, format }), name } });\n    };\n\n    return {\n        datePickerErrorClass,\n        datePickerSuccessClass,\n        handleToggle,\n        handleChangeValue,\n        handleCommitDate,\n    };\n};\n"],"names":["useDatePicker","_ref","currentValue","setInputValue","setCalendarValue","setIsInnerOpen","dateFormatDelimiter","format","_ref$lang","lang","disabled","readOnly","maskWithFormat","valueError","valueSuccess","inputRef","name","onToggle","onChangeValue","onCommitDate","onChange","datePickerErrorClass","classes","datePickerError","undefined","datePickerSuccessClass","datePickerSuccess","handleToggle","opened","event","isCalendarOpen","target","current","handleChangeValue","value","newValue","getMaskedDateOnInput","formatCalendarValue","formatInputValue","hasMonthFullName","test","isValidMonth","isLengthEqual","customDayjs","locale","firstIndexOfMonth","indexOf","lastIndexOfMonth","fullMonthName","slice","monthFormatting","replace","concat","isValid","length","handleCommitDate","date","applyFormat","isCalendarValue","dateInfo","formatString","_getDateFromFormat","getDateFromFormat","newDate","isError","isSuccess"],"mappings":"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"}

package/es/components/DatePicker/utils/setInitialValue.js

@@ -0,0 +1,8 @@
+var setInitialValue = function setInitialValue(e) {
+  var item = e.target;
+  var defaultValue = String(item.getAttribute('defaultValue'));
+  return defaultValue;
+};
+
+export { setInitialValue };
+//# sourceMappingURL=setInitialValue.js.map

package/es/components/DatePicker/utils/setInitialValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setInitialValue.js","sources":["../../../../src/components/DatePicker/utils/setInitialValue.ts"],"sourcesContent":["export const setInitialValue = (e: Event): string => {\n    const item = e.target as HTMLInputElement;\n    const defaultValue = String(item.getAttribute('defaultValue'));\n\n    return defaultValue;\n};\n"],"names":["setInitialValue","e","item","target","defaultValue","String","getAttribute"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAQ,EAAa;AACjD,EAAA,IAAMC,IAAI,GAAGD,CAAC,CAACE,MAA0B,CAAA;EACzC,IAAMC,YAAY,GAAGC,MAAM,CAACH,IAAI,CAACI,YAAY,CAAC,cAAc,CAAC,CAAC,CAAA;AAE9D,EAAA,OAAOF,YAAY,CAAA;AACvB;;;;"}

package/es/components/Range/Range.css

@@ -16,21 +16,22 @@
 
 .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
 
-.TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
-.TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
-.TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-
-
-.TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
+.TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
+.TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 

package/es/components/Slider/Slider.css

@@ -8,6 +8,23 @@
 
 .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
 
+.TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
+.TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
+.TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+
 .Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
 
 .Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
@@ -25,22 +42,6 @@
 
 .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
 
-.TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
-.TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
-.TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-
-
-.TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
-
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}

package/es/components/Slider/Slider.js

@@ -1,19 +1,32 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$2 } from './variations/_disabled/base.js';
 import { SingleSlider } from './components/Single/Single.js';
-import { DoubleSlider } from './components/Double/Double.js';
+import '../../utils/react.js';
+import '@linaria/react';
+import 'react-draggable';
+import '@linaria/core';
+import 'focus-visible';
+import '@salutejs/plasma-core';
+import { DoubleUncontrolled } from './components/DoubleUncontrolled/DoubleUncontrolled.js';
 
-var isSingleValueProps = function isSingleValueProps(props) {
-  return typeof props.value === 'number';
+var _excluded = ["type"];
+var isSingleValueProps = function isSingleValueProps(props, type) {
+  return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
+};
+var isDoubleValueProps = function isDoubleValueProps(props, type) {
+  return _typeof(props.value) === 'object' || type === 'double';
 };
 var sliderRoot = function sliderRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(Root, _extends({
+  return /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'single' : _ref$type,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
       ref: ref
-    }, props), isSingleValueProps(props) && /*#__PURE__*/React.createElement(SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/React.createElement(DoubleSlider, props));
+    }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
   });
 };
 var sliderConfig = {

package/es/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChange } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleSlider } from './components';\nimport type { SingleSliderProps } from './components';\nimport { SliderProps } from './Slider.types';\n\nconst isSingleValueProps = (props: SliderProps): props is SingleSliderProps => typeof props.value === 'number';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, SliderProps>) =>\n    forwardRef<HTMLDivElement, SliderProps>((props, ref) => {\n        return (\n            <Root ref={ref} {...props}>\n                {isSingleValueProps(props) && <SingleSlider {...props} />}\n                {!isSingleValueProps(props) && <DoubleSlider {...props} />}\n            </Root>\n        );\n    });\n\nexport const sliderConfig = {\n    name: 'Slider',\n    tag: 'div',\n    layout: sliderRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["isSingleValueProps","props","value","sliderRoot","Root","forwardRef","ref","React","createElement","_extends","SingleSlider","DoubleSlider","sliderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;AAWA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAkB,EAAA;AAAA,EAAA,OAAiC,OAAOA,KAAK,CAACC,KAAK,KAAK,QAAQ,CAAA;AAAA,CAAA,CAAA;IAEjGC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAwD,EAAA;AAAA,EAAA,oBAC/EC,UAAU,CAA8B,UAACJ,KAAK,EAAEK,GAAG,EAAK;AACpD,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACJ,IAAI,EAAAK,QAAA,CAAA;AAACH,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKL,KAAK,CAAA,EACpBD,kBAAkB,CAACC,KAAK,CAAC,iBAAIM,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAKT,KAAQ,CAAC,EACxD,CAACD,kBAAkB,CAACC,KAAK,CAAC,iBAAIM,KAAA,CAAAC,aAAA,CAACG,YAAY,EAAKV,KAAQ,CACvD,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMW,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEZ,UAAU;AAClBa,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNR,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootPropsOmitOnChange } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { SingleSlider, DoubleUncontrolled } from './components';\nimport type { SingleSliderProps, DoubleUncontrolledProps } from './components';\nimport { SliderProps } from './Slider.types';\n\nconst isSingleValueProps = (props: SliderProps, type: string): props is SingleSliderProps =>\n    typeof props.value === 'number' || (type === 'single' && typeof props.value !== 'object');\n\nconst isDoubleValueProps = (props: SliderProps, type: string): props is DoubleUncontrolledProps =>\n    typeof props.value === 'object' || type === 'double';\n\nexport const sliderRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, SliderProps>) =>\n    forwardRef<HTMLDivElement, SliderProps>(({ type = 'single', ...props }, ref) => {\n        return (\n            <Root {...props} ref={ref}>\n                {isSingleValueProps(props, type) && <SingleSlider {...props} />}\n                {isDoubleValueProps(props, type) && <DoubleUncontrolled {...props} />}\n            </Root>\n        );\n    });\n\nexport const sliderConfig = {\n    name: 'Slider',\n    tag: 'div',\n    layout: sliderRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["isSingleValueProps","props","type","value","_typeof","isDoubleValueProps","sliderRoot","Root","forwardRef","_ref","ref","_ref$type","_objectWithoutProperties","_excluded","React","createElement","_extends","SingleSlider","DoubleUncontrolled","sliderConfig","name","tag","layout","base","variations","view","css","viewCSS","size","sizeCSS","disabled","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;AAWA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAkB,EAAEC,IAAY,EAAA;AAAA,EAAA,OACxD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,IAAKD,IAAI,KAAK,QAAQ,IAAIE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAS,CAAA;AAAA,CAAA,CAAA;AAE7F,IAAME,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIJ,KAAkB,EAAEC,IAAY,EAAA;EAAA,OACxDE,OAAA,CAAOH,KAAK,CAACE,KAAK,MAAK,QAAQ,IAAID,IAAI,KAAK,QAAQ,CAAA;AAAA,CAAA,CAAA;IAE3CI,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAwD,EAAA;AAAA,EAAA,oBAC/EC,UAAU,CAA8B,UAAAC,IAAA,EAAgCC,GAAG,EAAK;AAAA,IAAA,IAAAC,SAAA,GAAAF,IAAA,CAArCP,IAAI;AAAJA,MAAAA,IAAI,GAAAS,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;AAAKV,MAAAA,KAAK,GAAAW,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;IAChE,oBACIC,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,KAAKf,KAAK,EAAA;AAAES,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,CAAA,EACrBV,kBAAkB,CAACC,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACE,YAAY,EAAKhB,KAAQ,CAAC,EAC9DI,kBAAkB,CAACJ,KAAK,EAAEC,IAAI,CAAC,iBAAIY,KAAA,CAAAC,aAAA,CAACG,kBAAkB,EAAKjB,KAAQ,CAClE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMkB,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhB,UAAU;AAClBiB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,GAAG,EAAEK,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNR,IAAAA,IAAI,EAAE,SAAS;AACfG,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Slider/components/Double/Double.css

@@ -8,6 +8,23 @@
 
 .Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
 
+.TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
+.TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
+.TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+
 .base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
 
 .base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_iq39zt5__dc105684:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_i19ry60d__dc105684{color:var(--plasma-textfield__placeholder-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_io4bpie__dc105684{color:var(--plasma-textfield-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_l1gjsnfi__dc105684{color:var(--plasma-textfield__left-helper-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_ssv2kwg__dc105684{color:var(--plasma-textfield__before-text-color);}.base_1ph5cr0_bptx5xt__dc105684 .base_1ph5cr0_s190z894__dc105684{color:var(--plasma-textfield__after-text-color);}
@@ -18,22 +35,6 @@
 
 .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
 
-.TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
-.TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
-.TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-
-
-.TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
-
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
 
 .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}

package/es/components/Slider/components/Double/Double.js

@@ -3,13 +3,14 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { SliderBase } from '../SliderBase/SliderBase.js';
 import { Handler } from '../../ui/Handler/Handler.js';
 import '@linaria/react';
-import { sizeData } from '../../utils/index.js';
+import { sizeData, setInitialValue } from '../../utils/index.js';
 import { cx } from '../../../../utils/index.js';
 import { classes } from '../../Slider.tokens.js';
+import { InputHidden } from '../../../TextField/TextField.styles.js';
 import { DoubleWrapper, LabelWrapper, LabelContentLeft, Label, SliderWrapper, InputsWrapper, StyledInput } from './Double.styles.js';
 import { isNumber } from '../../../../utils/isNumber.js';
 
-var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
 function getXCenterHandle(handle) {
   var _handle$parentElement;
   var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
@@ -34,6 +35,7 @@ var DoubleSlider = function DoubleSlider(_ref) {
     ariaLabel = _ref.ariaLabel,
     _ref$multipleStepSize = _ref.multipleStepSize,
     multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
+    name = _ref.name,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState({
       stepSize: 0,
@@ -69,10 +71,20 @@ var DoubleSlider = function DoubleSlider(_ref) {
   var secondHandleRef = useRef(null);
   var firstHandleValue = useRef(value[0]);
   var secondHandleValue = useRef(value[1]);
+  var innerRefFirst = useRef(null);
+  var innerRefSecond = useRef(null);
   var stepSize = state.stepSize;
   var hasLabelContent = label || labelContentLeft;
   var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
   var secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;
+  var setValue = function setValue(e) {
+    var firstElement = innerRefFirst.current;
+    var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
+    var secondValueInit = setInitialValue(e);
+    onChangeCommitted && onChangeCommitted([firstValueInit, secondValueInit]);
+    setFirstValue(firstValueInit);
+    setSecondValue(secondValueInit);
+  };
   useEffect(function () {
     var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
     var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
@@ -87,6 +99,16 @@ var DoubleSlider = function DoubleSlider(_ref) {
       });
     });
   }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
+  useEffect(function () {
+    if (innerRefSecond.current && onChangeCommitted) {
+      innerRefSecond.current.addEventListener('setInitialValue', setValue);
+    }
+    return function () {
+      if (innerRefSecond.current && onChangeCommitted) {
+        innerRefSecond.current.removeEventListener('setInitialValue', setValue);
+      }
+    };
+  }, []);
   var setStepSize = useCallback(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread2(_objectSpread2({}, prevState), {}, {
@@ -295,7 +317,23 @@ var DoubleSlider = function DoubleSlider(_ref) {
     onChange: onSecondTextfieldChange,
     onBlur: onSecondTextfieldBlur,
     onKeyDown: onTextfieldKeyDown
-  }))));
+  }))), /*#__PURE__*/React.createElement(InputHidden, {
+    name: name,
+    type: "number",
+    datatype: "slider-double",
+    "data-slidertype": "min",
+    value: firstValue,
+    ref: innerRefFirst,
+    onChange: function onChange() {}
+  }), /*#__PURE__*/React.createElement(InputHidden, {
+    name: name,
+    type: "number",
+    datatype: "slider-double",
+    "data-slidertype": "max",
+    value: secondValue,
+    ref: innerRefSecond,
+    onChange: function onChange() {}
+  }));
 };
 
 export { DoubleSlider };