@salutejs/plasma-new-hope 0.336.0-canary.2210.17488241312.0 → 0.336.0-canary.2210.17491654160.0

package/cjs/components/CodeField/CodeField.css

@@ -1,10 +1,10 @@
-.CodeField_styles_14p25hi_b1xx9skx__a0f2e82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_14p25hi_b1xx9skx__a0f2e82d.CodeField_styles_14p25hi_codefieldCaptionAlignLeft__a0f2e82d{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.CodeField_styles_14p25hi_c1wzspax__a0f2e82d{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;}
-.CodeField_styles_14p25hi_c7swj1z__a0f2e82d{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;}
-.CodeField_styles_14p25hi_s13uxcg8__a0f2e82d{width:var(--plasma-codefield-separator-width);}
-.CodeField_styles_14p25hi_ig5h1kg__a0f2e82d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
-.CodeField_styles_14p25hi_c1jpzjak__a0f2e82d{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
-.CodeField_styles_14p25hi_h1x845wl__a0f2e82d{display:none;}
+.CodeField_styles_7tebk_b1xx9skx__ab75953b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7tebk_b1xx9skx__ab75953b.CodeField_styles_7tebk_codefieldCaptionAlignLeft__ab75953b{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.CodeField_styles_7tebk_c1wzspax__ab75953b{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;}
+.CodeField_styles_7tebk_c7swj1z__ab75953b{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;}
+.CodeField_styles_7tebk_s13uxcg8__ab75953b{width:var(--plasma-codefield-separator-width);}
+.CodeField_styles_7tebk_ig5h1kg__ab75953b{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
+.CodeField_styles_7tebk_c1jpzjak__ab75953b{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
+
 
 .base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8{color:var(--plasma-codefield-caption-color);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8.base_9a5yza_codefieldCaptionError__e66aaab8{color:var(--plasma-codefield-caption-color-error);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color);caret-color:var(--plasma-codefield-caret-color);background-color:var(--plasma-codefield-background-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color);}.base_9a5yza_b1g41h91__e66aaab8:hover .base_9a5yza_codefieldItemHoverEnabled__e66aaab8{background-color:var(--plasma-codefield-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-hover);}.base_9a5yza_b1g41h91__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8:focus-within{background-color:var(--plasma-codefield-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-focus);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8{background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{-webkit-animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within.base_9a5yza_codefieldCodeErrorFade__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);}@-webkit-keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}@keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}
 

package/cjs/components/CodeField/CodeField.js

@@ -78,7 +78,7 @@ var codeFieldRoot = function codeFieldRoot(Root) {
     var placeholderValue = initialValuesHelper.getPlaceholderValue(codeLength, placeholder);
     var parts = codeLength === 6 ? 2 : 1;
     var widthValue = width ? getSizeValueFromProp.getSizeValueFromProp(width, 'rem') : undefined;
-    var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && !isWebOTPSupported.isWebOTPSupported();
+    var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && isWebOTPSupported.isWebOTPSupported();
     var getLastActiveIndex = function getLastActiveIndex() {
       if (code.length && code.length < codeLength) {
         return code.length;
@@ -289,6 +289,7 @@ var codeFieldRoot = function codeFieldRoot(Root) {
       captionAlign: captionAlign,
       widthValue: widthValue
     }, caption), isWebOTPEnabled && /*#__PURE__*/React__default.default.createElement(CodeField_styles.HiddenInput, _rollupPluginBabelHelpers.extends({
+      autoComplete: autoComplete,
       tabIndex: -1
     }, rest))), /*#__PURE__*/React__default.default.createElement("div", null, JSON.stringify(otpVal)));
   });

package/cjs/components/CodeField/CodeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport { useCodeHook } from '../../hooks';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport {\n    getCodeValue,\n    getFieldPattern,\n    getPlaceholderValue,\n    handleCodeError,\n    handleItemError,\n    isWebOTPSupported,\n} from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, HiddenInput, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { useWebOTP } from './hooks/useWebOTP';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [innerValue, setInnerValue] = useState<Array<string>>(getCodeValue(codeLength, ''));\n            const code = outerValue?.length ? getCodeValue(codeLength, outerValue) : innerValue;\n\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n            const [otpVal, setOtpVal] = useState<Credential | null>(null);\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n            const isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && !isWebOTPSupported();\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setInnerValue(newCode);\n                const originalCode = newCode.join('');\n                setOriginalValue(originalCode);\n\n                if (onChange) {\n                    onChange(originalCode);\n                }\n\n                if (originalCode.length > 0) {\n                    stopWebOTPListener();\n                }\n            };\n\n            const { startWebOTPListener, stopWebOTPListener } = useWebOTP({\n                codeString: originalValue,\n                enableSMSAutoRead: autoComplete === 'one-time-code',\n                disabled: Boolean(disabled),\n                codeLength,\n                codeSetter,\n                onFullCodeEnter,\n                setOtpVal,\n            });\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0) {\n                        const newCode = [...code];\n\n                        newCode[index] = '';\n\n                        if (index >= codeLength - 1 && code[index]) {\n                            codeSetter(newCode);\n                            return;\n                        }\n\n                        if (!code[index]) {\n                            newCode[index - 1] = '';\n                            inputRefs.current[index - 1]?.focus();\n                        }\n\n                        inputRefs.current[index]?.classList.remove(classes.itemError);\n                        codeSetter(newCode);\n                    }\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setInnerValue,\n                        codeSetter,\n                        onChange,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                const newCode = [...code];\n\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                pastedData.forEach((element, index) => {\n                    newCode[index] = element;\n                });\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(newCode);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n\n                startWebOTPListener();\n            }, []);\n\n            useCodeHook({\n                inputRefs,\n                codeLength,\n                disabled,\n                autoFocus,\n                originalValue,\n                getLastActiveIndex,\n                handleFullCodeEnter,\n            });\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setInnerValue,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <>\n                    <Root\n                        ref={ref}\n                        view={view}\n                        size={size}\n                        shape={shape}\n                        disabled={disabled}\n                        onClick={handleClick}\n                        className={cls(className, {\n                            [classes.captionAlignLeft]: captionAlign === 'left',\n                        })}\n                        {...(!isWebOTPEnabled && { ...rest })}\n                    >\n                        <CodeWrapper ref={inputContainerRef}>\n                            {[...Array(parts)].map((_, partIndex) => (\n                                <Fragment key={partIndex}>\n                                    <CodeGroup role=\"group\">\n                                        {[...Array(codeLength / parts)].map((_, i) => {\n                                            const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                            return (\n                                                <ItemInput\n                                                    key={partIndex + i + partIndex * i}\n                                                    ref={(element: HTMLInputElement) => {\n                                                        inputRefs.current[inputCorrectIndex] = element;\n                                                    }}\n                                                    className={cls({\n                                                        [classes.segmented]: shape === 'segmented',\n                                                        [classes.hoverEnabled]:\n                                                            !disabled && inputCorrectIndex >= originalValue.length,\n                                                    })}\n                                                    value={code[inputCorrectIndex] || ''}\n                                                    onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                        handleChange(e, inputCorrectIndex);\n                                                    }}\n                                                    onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                        handleOnKeyDown(e, inputCorrectIndex);\n                                                    }}\n                                                    onPaste={handlePaste}\n                                                    tabIndex={\n                                                        !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                    }\n                                                    {...(placeholderValue && {\n                                                        placeholder: placeholderValue[inputCorrectIndex],\n                                                    })}\n                                                />\n                                            );\n                                        })}\n                                    </CodeGroup>\n                                    {partIndex !== parts - 1 && <Separator />}\n                                </Fragment>\n                            ))}\n                        </CodeWrapper>\n\n                        {caption && (\n                            <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                                {caption}\n                            </CaptionWrapper>\n                        )}\n\n                        {isWebOTPEnabled && <HiddenInput tabIndex={-1} {...rest} />}\n                    </Root>\n                    <div>{JSON.stringify(otpVal)}</div>\n                </>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","innerValue","setInnerValue","code","length","_useState3","join","_useState4","originalValue","setOriginalValue","_useState5","_useState6","otpVal","setOtpVal","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","isWebOTPEnabled","isWebOTPSupported","getLastActiveIndex","lastEmptyIndex","findIndex","digit","codeSetter","newCode","originalCode","stopWebOTPListener","_useWebOTP","useWebOTP","codeString","enableSMSAutoRead","Boolean","startWebOTPListener","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current$in","_toConsumableArray","_inputRefs$current","classList","remove","classes","itemError","handleChange","_inputRefs$current$in2","rawSymbol","currentTarget","symbol","charAt","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","slice","forEach","element","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useCodeHook","useDidMountEffect","handleCodeError","currentCode","React","createElement","Fragment","_extends","onClick","cls","_defineProperty","captionAlignLeft","_objectSpread","CodeWrapper","Array","_","partIndex","CodeGroup","role","i","inputCorrectIndex","ItemInput","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","HiddenInput","JSON","stringify","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"CodeField.js","sources":["../../../src/components/CodeField/CodeField.tsx"],"sourcesContent":["import React, { forwardRef, Fragment, useCallback, useRef, useState } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, KeyboardEvent, ClipboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { useDidMountEffect } from 'src/hooks';\nimport { getSizeValueFromProp } from 'src/utils';\n\nimport { useCodeHook } from '../../hooks';\n\nimport type { CodeFieldProps } from './CodeField.types';\nimport { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from './utils/constants';\nimport {\n    getCodeValue,\n    getFieldPattern,\n    getPlaceholderValue,\n    handleCodeError,\n    handleItemError,\n    isWebOTPSupported,\n} from './utils';\nimport { classes } from './CodeField.tokens';\nimport { base, CaptionWrapper, CodeGroup, CodeWrapper, HiddenInput, ItemInput, Separator } from './CodeField.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { useWebOTP } from './hooks/useWebOTP';\n\nexport const codeFieldRoot = (Root: RootProps<HTMLDivElement, CodeFieldProps>) =>\n    forwardRef<HTMLInputElement, CodeFieldProps>(\n        (\n            {\n                className,\n                value: outerValue,\n                placeholder,\n                autoFocus,\n                codeLength = 6,\n                caption,\n                captionAlign = 'left',\n                width,\n                shape = 'default',\n                view,\n                size,\n                disabled,\n                isError,\n                allowedSymbols = ONLY_DIGITS_PATTERN,\n                itemErrorBehavior = 'remove-symbol',\n                codeErrorBehavior = 'remove-code',\n                autoComplete = 'one-time-code',\n                setIsError,\n                onChange,\n                onFullCodeEnter,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [innerValue, setInnerValue] = useState<Array<string>>(getCodeValue(codeLength, ''));\n            const code = outerValue?.length ? getCodeValue(codeLength, outerValue) : innerValue;\n\n            const [originalValue, setOriginalValue] = useState<string>(code.join(''));\n            const [otpVal, setOtpVal] = useState<Credential | null>(null);\n\n            const inputRefs = useRef<Array<HTMLInputElement>>([]);\n            const inputContainerRef = useRef<HTMLDivElement | null>(null);\n            const captionRef = useRef<HTMLDivElement | null>(null);\n\n            const fieldPattern = getFieldPattern(allowedSymbols);\n            const placeholderValue = getPlaceholderValue(codeLength, placeholder);\n            const parts = codeLength === 6 ? 2 : 1;\n\n            const widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;\n            const isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && isWebOTPSupported();\n\n            const getLastActiveIndex = () => {\n                if (code.length && code.length < codeLength) {\n                    return code.length;\n                }\n\n                const lastEmptyIndex = code.findIndex((digit) => digit === '');\n                return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;\n            };\n\n            const codeSetter = (newCode: Array<string>) => {\n                setInnerValue(newCode);\n                const originalCode = newCode.join('');\n                setOriginalValue(originalCode);\n\n                if (onChange) {\n                    onChange(originalCode);\n                }\n\n                if (originalCode.length > 0) {\n                    stopWebOTPListener();\n                }\n            };\n\n            const { startWebOTPListener, stopWebOTPListener } = useWebOTP({\n                codeString: originalValue,\n                enableSMSAutoRead: autoComplete === 'one-time-code',\n                disabled: Boolean(disabled),\n                codeLength,\n                codeSetter,\n                onFullCodeEnter,\n                setOtpVal,\n            });\n\n            const handleClick = () => {\n                if (disabled) {\n                    return;\n                }\n\n                const lastActiveIndex = getLastActiveIndex();\n\n                if (inputRefs.current[lastActiveIndex]) {\n                    inputRefs.current[lastActiveIndex].focus();\n                }\n            };\n\n            const handleOnKeyDown = (event: KeyboardEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const { key } = event;\n                if (FORBIDDEN_KEYS.includes(key)) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (key === BACKSPACE_KEY) {\n                    if (index > 0) {\n                        const newCode = [...code];\n\n                        newCode[index] = '';\n\n                        if (index >= codeLength - 1 && code[index]) {\n                            codeSetter(newCode);\n                            return;\n                        }\n\n                        if (!code[index]) {\n                            newCode[index - 1] = '';\n                            inputRefs.current[index - 1]?.focus();\n                        }\n\n                        inputRefs.current[index]?.classList.remove(classes.itemError);\n                        codeSetter(newCode);\n                    }\n                }\n            };\n\n            const handleChange = (event: ChangeEvent<HTMLInputElement>, index: number) => {\n                if (disabled) {\n                    return;\n                }\n\n                const rawSymbol = event.currentTarget.value;\n                const symbol = rawSymbol.charAt(rawSymbol.length - 1);\n                const newCode = [...code];\n\n                inputRefs.current[index]?.classList.remove(classes.itemError);\n                if (isError) {\n                    captionRef.current?.classList.remove(classes.captionError);\n\n                    if (codeErrorBehavior === 'keep') {\n                        inputContainerRef.current?.classList.remove(classes.codeError, classes.codeErrorAnimation);\n                    }\n\n                    if (setIsError) {\n                        setIsError(false);\n                    }\n                }\n\n                if (!fieldPattern) {\n                    newCode[index] = symbol;\n                    codeSetter(newCode);\n\n                    if (symbol && index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n\n                    return;\n                }\n\n                if (!symbol) {\n                    return;\n                }\n\n                if (fieldPattern.test(symbol)) {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n                    codeSetter(newCode);\n\n                    if (index < codeLength - 1) {\n                        inputRefs.current[index + 1]?.focus();\n                    }\n                } else {\n                    newCode[index] = symbol.charAt(symbol.length - 1);\n\n                    handleItemError({\n                        currentSymbol: symbol,\n                        itemErrorBehavior,\n                        index,\n                        newCode,\n                        inputRefs,\n                        setInnerValue,\n                        codeSetter,\n                        onChange,\n                    });\n                }\n            };\n\n            const handlePaste = (event: ClipboardEvent<HTMLInputElement>) => {\n                const newCode = [...code];\n\n                if (disabled) {\n                    return;\n                }\n\n                event.preventDefault();\n\n                const rawData = event.clipboardData.getData('text/plain');\n\n                const pastedData = (fieldPattern\n                    ? rawData\n                          .split('')\n                          .map((symb) => symb.match(fieldPattern)?.[0] || '')\n                          .filter(Boolean) || []\n                    : rawData.split('')\n                ).slice(0, codeLength);\n\n                pastedData.forEach((element, index) => {\n                    newCode[index] = element;\n                });\n\n                const activeIndex = Math.min(pastedData.length, codeLength - 1);\n                inputRefs.current[activeIndex]?.focus();\n\n                codeSetter(newCode);\n            };\n\n            const handleFullCodeEnter = useCallback((fullCode: string) => {\n                if (onFullCodeEnter) {\n                    onFullCodeEnter(fullCode);\n                }\n\n                startWebOTPListener();\n            }, []);\n\n            useCodeHook({\n                inputRefs,\n                codeLength,\n                disabled,\n                autoFocus,\n                originalValue,\n                getLastActiveIndex,\n                handleFullCodeEnter,\n            });\n\n            useDidMountEffect(() => {\n                if (isError) {\n                    handleCodeError({\n                        codeLength,\n                        codeErrorBehavior,\n                        currentCode: code,\n                        inputRefs,\n                        inputContainerRef,\n                        captionRef,\n                        setInnerValue,\n                        codeSetter,\n                    });\n                }\n            }, [isError]);\n\n            return (\n                <>\n                    <Root\n                        ref={ref}\n                        view={view}\n                        size={size}\n                        shape={shape}\n                        disabled={disabled}\n                        onClick={handleClick}\n                        className={cls(className, {\n                            [classes.captionAlignLeft]: captionAlign === 'left',\n                        })}\n                        {...(!isWebOTPEnabled && { ...rest })}\n                    >\n                        <CodeWrapper ref={inputContainerRef}>\n                            {[...Array(parts)].map((_, partIndex) => (\n                                <Fragment key={partIndex}>\n                                    <CodeGroup role=\"group\">\n                                        {[...Array(codeLength / parts)].map((_, i) => {\n                                            const inputCorrectIndex = i + (codeLength / parts) * partIndex;\n\n                                            return (\n                                                <ItemInput\n                                                    key={partIndex + i + partIndex * i}\n                                                    ref={(element: HTMLInputElement) => {\n                                                        inputRefs.current[inputCorrectIndex] = element;\n                                                    }}\n                                                    className={cls({\n                                                        [classes.segmented]: shape === 'segmented',\n                                                        [classes.hoverEnabled]:\n                                                            !disabled && inputCorrectIndex >= originalValue.length,\n                                                    })}\n                                                    value={code[inputCorrectIndex] || ''}\n                                                    onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                                        handleChange(e, inputCorrectIndex);\n                                                    }}\n                                                    onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                                                        handleOnKeyDown(e, inputCorrectIndex);\n                                                    }}\n                                                    onPaste={handlePaste}\n                                                    tabIndex={\n                                                        !disabled && originalValue.length === inputCorrectIndex ? 0 : -1\n                                                    }\n                                                    {...(placeholderValue && {\n                                                        placeholder: placeholderValue[inputCorrectIndex],\n                                                    })}\n                                                />\n                                            );\n                                        })}\n                                    </CodeGroup>\n                                    {partIndex !== parts - 1 && <Separator />}\n                                </Fragment>\n                            ))}\n                        </CodeWrapper>\n\n                        {caption && (\n                            <CaptionWrapper ref={captionRef} captionAlign={captionAlign} widthValue={widthValue}>\n                                {caption}\n                            </CaptionWrapper>\n                        )}\n\n                        {isWebOTPEnabled && <HiddenInput autoComplete={autoComplete} tabIndex={-1} {...rest} />}\n                    </Root>\n                    <div>{JSON.stringify(otpVal)}</div>\n                </>\n            );\n        },\n    );\n\nexport const codeFieldConfig = {\n    name: 'CodeField',\n    tag: 'div',\n    layout: codeFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n        shape: 'default',\n    },\n};\n"],"names":["codeFieldRoot","Root","forwardRef","_ref","ref","className","outerValue","value","placeholder","autoFocus","_ref$codeLength","codeLength","caption","_ref$captionAlign","captionAlign","width","_ref$shape","shape","view","size","disabled","isError","_ref$allowedSymbols","allowedSymbols","ONLY_DIGITS_PATTERN","_ref$itemErrorBehavio","itemErrorBehavior","_ref$codeErrorBehavio","codeErrorBehavior","_ref$autoComplete","autoComplete","setIsError","onChange","onFullCodeEnter","rest","_objectWithoutProperties","_excluded","_useState","useState","getCodeValue","_useState2","_slicedToArray","innerValue","setInnerValue","code","length","_useState3","join","_useState4","originalValue","setOriginalValue","_useState5","_useState6","otpVal","setOtpVal","inputRefs","useRef","inputContainerRef","captionRef","fieldPattern","getFieldPattern","placeholderValue","getPlaceholderValue","parts","widthValue","getSizeValueFromProp","undefined","isWebOTPEnabled","isWebOTPSupported","getLastActiveIndex","lastEmptyIndex","findIndex","digit","codeSetter","newCode","originalCode","stopWebOTPListener","_useWebOTP","useWebOTP","codeString","enableSMSAutoRead","Boolean","startWebOTPListener","handleClick","lastActiveIndex","current","focus","handleOnKeyDown","event","index","key","FORBIDDEN_KEYS","includes","preventDefault","BACKSPACE_KEY","_inputRefs$current$in","_toConsumableArray","_inputRefs$current","classList","remove","classes","itemError","handleChange","_inputRefs$current$in2","rawSymbol","currentTarget","symbol","charAt","_captionRef$current","captionError","_inputContainerRef$cu","codeError","codeErrorAnimation","_inputRefs$current2","test","_inputRefs$current3","handleItemError","currentSymbol","handlePaste","_inputRefs$current$ac","rawData","clipboardData","getData","pastedData","split","map","symb","_symb$match","match","filter","slice","forEach","element","activeIndex","Math","min","handleFullCodeEnter","useCallback","fullCode","useCodeHook","useDidMountEffect","handleCodeError","currentCode","React","createElement","Fragment","_extends","onClick","cls","_defineProperty","captionAlignLeft","_objectSpread","CodeWrapper","Array","_","partIndex","CodeGroup","role","i","inputCorrectIndex","ItemInput","segmented","hoverEnabled","e","onKeyDown","onPaste","tabIndex","_Separator","Separator","CaptionWrapper","HiddenInput","JSON","stringify","codeFieldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","shapeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/cjs/components/CodeField/CodeField.styles.js

@@ -1,4 +1,4 @@
-require('./CodeField.styles_14p25hi.css');
+require('./CodeField.styles_7tebk.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/CodeField/CodeField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.styles.js","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from './CodeField.tokens';\n\nexport const base = css`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: min-content;\n    align-items: center;\n\n    &.${classes.captionAlignLeft} {\n        align-items: flex-start;\n    }\n`;\n\nexport const CodeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const CodeGroup = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const Separator = styled.div`\n    width: var(${tokens.separatorWidth});\n`;\n\nexport const ItemInput = styled.input`\n    box-sizing: border-box;\n    appearance: none;\n    border: 0;\n    padding: 0;\n    outline: none;\n    pointer-events: none;\n    text-align: center;\n`;\n\nexport const CaptionWrapper = styled.div<{ captionAlign: 'left' | 'center'; widthValue?: string }>`\n    text-align: ${({ captionAlign }) => captionAlign};\n    align-self: ${({ captionAlign }) => captionAlign};\n    width: ${({ widthValue }) => widthValue || 'auto'};\n    white-space: pre-line;\n`;\n\nexport const HiddenInput = styled.input`\n    display: none;\n`;\n"],"names":["base","CodeWrapper","styled","name","class","propsAsIs","CodeGroup","Separator","ItemInput","_exp4","_ref","captionAlign","_exp5","_ref2","widthValue","CaptionWrapper","vars","HiddenInput"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAUhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAEM,IAAME,SAAS,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9B,EAAA;AAEM,IAAMG,SAAS,gBAAGN,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ9B,EAAA;AAAC,IAAAI,KAAA,GAtCgBA,SAsChBA,KAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,YAAY,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA1ClCA,SA0CkCA,KAAAA,GAAA;AAAA,EAAA,OACvC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH9C,IAAMC,cAAc,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAElBP,KAAkC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACvCG,KAAwC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEpD,EAAA;AAEM,IAAMK,WAAW,gBAAGf,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;;;;;;;"}
+{"version":3,"file":"CodeField.styles.js","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { classes, tokens } from './CodeField.tokens';\n\nexport const base = css`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: min-content;\n    align-items: center;\n\n    &.${classes.captionAlignLeft} {\n        align-items: flex-start;\n    }\n`;\n\nexport const CodeWrapper = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const CodeGroup = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\nexport const Separator = styled.div`\n    width: var(${tokens.separatorWidth});\n`;\n\nexport const ItemInput = styled.input`\n    box-sizing: border-box;\n    appearance: none;\n    border: 0;\n    padding: 0;\n    outline: none;\n    pointer-events: none;\n    text-align: center;\n`;\n\nexport const CaptionWrapper = styled.div<{ captionAlign: 'left' | 'center'; widthValue?: string }>`\n    text-align: ${({ captionAlign }) => captionAlign};\n    align-self: ${({ captionAlign }) => captionAlign};\n    width: ${({ widthValue }) => widthValue || 'auto'};\n    white-space: pre-line;\n`;\n\nexport const HiddenInput = styled.input``;\n"],"names":["base","CodeWrapper","styled","name","class","propsAsIs","CodeGroup","Separator","ItemInput","_exp4","_ref","captionAlign","_exp5","_ref2","widthValue","CaptionWrapper","vars","HiddenInput"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAUhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC,EAAA;AAEM,IAAMC,SAAS,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG9B,EAAA;AAEM,IAAME,SAAS,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE9B,EAAA;AAEM,IAAMG,SAAS,gBAAGN,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ9B,EAAA;AAAC,IAAAI,KAAA,GAtCgBA,SAsChBA,KAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,IAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,YAAY,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA1ClCA,SA0CkCA,KAAAA,GAAA;AAAA,EAAA,OACvC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH9C,IAAMC,cAAc,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAElBP,KAAkC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACvCG,KAAwC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEpD,EAAA;AAEM,IAAMK,WAAW,gBAAGf,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ;;;;;;;;;;"}

package/cjs/components/CodeField/{CodeField.styles_14p25hi.css → CodeField.styles_7tebk.css}

@@ -4,4 +4,4 @@
 .s13uxcg8{width:var(--plasma-codefield-separator-width);}
 .ig5h1kg{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
 .c1jpzjak{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
-.h1x845wl{display:none;}
+

package/cjs/components/Pagination/Pagination.js

@@ -57,7 +57,8 @@ var paginationRoot = function paginationRoot(Root) {
       textPerPage = _ref$textPerPage === void 0 ? index.defaultValues.textPerPage : _ref$textPerPage,
       leftContent = _ref.leftContent,
       rightContent = _ref.rightContent,
-      listWidth = _ref.listWidth,
+      _ref$listWidth = _ref.listWidth,
+      listWidth = _ref$listWidth === void 0 ? 'fit-content' : _ref$listWidth,
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       onChange = _ref.onChange,

package/cjs/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n\n                perPage: outerPerPage,\n                defaultPerPage,\n\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth,\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [pageInner, setPageInner] = useState<number>(defaultValue || defaultValues.value);\n            const pageValue = outerValue ?? pageInner;\n\n            const [perPageInner, setPerPageInner] = useState<number | undefined>(\n                hasPerPage ? defaultPerPage || defaultValues.perPage : undefined,\n            );\n            const perPageValue = outerPerPage ?? perPageInner;\n\n            const pages = Math.ceil(count / (perPageValue || 1));\n            const sections = getSections(pageValue, pages, slots);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const pageSetter = (pageValueCandidate?: number) => {\n                let newPageValue = pageValueCandidate ?? defaultValues.value;\n                if (newPageValue > pages) {\n                    newPageValue = pages;\n                }\n\n                if (newPageValue < 1) {\n                    newPageValue = 1;\n                }\n\n                if (disabled.includes(newPageValue)) {\n                    return;\n                }\n\n                setPageInner(newPageValue);\n\n                return newPageValue;\n            };\n\n            const handleSetPage = (pageValueCandidate?: number) => {\n                const newValue = pageSetter(pageValueCandidate);\n\n                onChange?.(newValue, perPageValue);\n                onChangePageValue?.(newValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue: number) => {\n                setPerPageInner(newPerPageValue);\n\n                onChange?.(pageValue, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n            };\n\n            const handleClick = (currentPage: number) => {\n                if (isActiveButton(currentPage)) {\n                    return;\n                }\n\n                handleSetPage(currentPage);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <Fragment key={indexSection}>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection>\n                                            {section.map((currentPage, index) => (\n                                                <PaginationButton\n                                                    key={`${currentPage}_${index}`}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(currentPage),\n                                                        disabled.includes(currentPage) ? classes.buttonDisabled : '',\n                                                    )}\n                                                    pin={roundedClass}\n                                                    disabled={disabled.includes(currentPage)}\n                                                    square={square}\n                                                    onClick={() => handleClick(currentPage)}\n                                                >\n                                                    {currentPage}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </Fragment>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handleSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n\n                perPage: outerPerPage,\n                defaultPerPage,\n\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth = 'fit-content',\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [pageInner, setPageInner] = useState<number>(defaultValue || defaultValues.value);\n            const pageValue = outerValue ?? pageInner;\n\n            const [perPageInner, setPerPageInner] = useState<number | undefined>(\n                hasPerPage ? defaultPerPage || defaultValues.perPage : undefined,\n            );\n            const perPageValue = outerPerPage ?? perPageInner;\n\n            const pages = Math.ceil(count / (perPageValue || 1));\n            const sections = getSections(pageValue, pages, slots);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const pageSetter = (pageValueCandidate?: number) => {\n                let newPageValue = pageValueCandidate ?? defaultValues.value;\n                if (newPageValue > pages) {\n                    newPageValue = pages;\n                }\n\n                if (newPageValue < 1) {\n                    newPageValue = 1;\n                }\n\n                if (disabled.includes(newPageValue)) {\n                    return;\n                }\n\n                setPageInner(newPageValue);\n\n                return newPageValue;\n            };\n\n            const handleSetPage = (pageValueCandidate?: number) => {\n                const newValue = pageSetter(pageValueCandidate);\n\n                onChange?.(newValue, perPageValue);\n                onChangePageValue?.(newValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue: number) => {\n                setPerPageInner(newPerPageValue);\n\n                onChange?.(pageValue, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n            };\n\n            const handleClick = (currentPage: number) => {\n                if (isActiveButton(currentPage)) {\n                    return;\n                }\n\n                handleSetPage(currentPage);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <Fragment key={indexSection}>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection>\n                                            {section.map((currentPage, index) => (\n                                                <PaginationButton\n                                                    key={`${currentPage}_${index}`}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(currentPage),\n                                                        disabled.includes(currentPage) ? classes.buttonDisabled : '',\n                                                    )}\n                                                    pin={roundedClass}\n                                                    disabled={disabled.includes(currentPage)}\n                                                    square={square}\n                                                    onClick={() => handleClick(currentPage)}\n                                                >\n                                                    {currentPage}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </Fragment>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handleSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","_ref$listWidth","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/cjs/index.css

@@ -1056,13 +1056,13 @@
 
 .base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled]{opacity:var(--plasma-codeinput-disabled-opacity);cursor:not-allowed;}.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled] > *{pointer-events:none;}
 
-.CodeField_styles_14p25hi_b1xx9skx__a0f2e82d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_14p25hi_b1xx9skx__a0f2e82d.CodeField_styles_14p25hi_codefieldCaptionAlignLeft__a0f2e82d{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.CodeField_styles_14p25hi_c1wzspax__a0f2e82d{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;}
-.CodeField_styles_14p25hi_c7swj1z__a0f2e82d{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;}
-.CodeField_styles_14p25hi_s13uxcg8__a0f2e82d{width:var(--plasma-codefield-separator-width);}
-.CodeField_styles_14p25hi_ig5h1kg__a0f2e82d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
-.CodeField_styles_14p25hi_c1jpzjak__a0f2e82d{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
-.CodeField_styles_14p25hi_h1x845wl__a0f2e82d{display:none;}
+.CodeField_styles_7tebk_b1xx9skx__ab75953b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7tebk_b1xx9skx__ab75953b.CodeField_styles_7tebk_codefieldCaptionAlignLeft__ab75953b{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.CodeField_styles_7tebk_c1wzspax__ab75953b{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;}
+.CodeField_styles_7tebk_c7swj1z__ab75953b{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;}
+.CodeField_styles_7tebk_s13uxcg8__ab75953b{width:var(--plasma-codefield-separator-width);}
+.CodeField_styles_7tebk_ig5h1kg__ab75953b{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;}
+.CodeField_styles_7tebk_c1jpzjak__ab75953b{text-align:var(--c1jpzjak-0);-webkit-align-self:var(--c1jpzjak-0);-ms-flex-item-align:var(--c1jpzjak-0);align-self:var(--c1jpzjak-0);width:var(--c1jpzjak-1);white-space:pre-line;}
+
 
 .base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8{color:var(--plasma-codefield-caption-color);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_c1jpzjak__e66aaab8.base_9a5yza_codefieldCaptionError__e66aaab8{color:var(--plasma-codefield-caption-color-error);}.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color);caret-color:var(--plasma-codefield-caret-color);background-color:var(--plasma-codefield-background-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color);}.base_9a5yza_b1g41h91__e66aaab8:hover .base_9a5yza_codefieldItemHoverEnabled__e66aaab8{background-color:var(--plasma-codefield-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-hover);}.base_9a5yza_b1g41h91__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8:focus-within{background-color:var(--plasma-codefield-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-color-focus);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8:focus-within .base_9a5yza_ig5h1kg__e66aaab8{background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldCodeError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8 .base_9a5yza_ig5h1kg__e66aaab8{-webkit-animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_fadeErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemErrorAnimation__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards;}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within{color:var(--plasma-codefield-code-color-error);background-color:var(--plasma-codefield-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codefield-border-width) var(--plasma-codefield-border-error-color);}.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8.base_9a5yza_codefieldCodeErrorFade__e66aaab8,.base_9a5yza_b1g41h91__e66aaab8.base_9a5yza_b1g41h91__e66aaab8 .base_9a5yza_codefieldItemError__e66aaab8:focus-within.base_9a5yza_codefieldCodeErrorFade__e66aaab8{-webkit-animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);animation:base_9a5yza_shakingErrorB1g41h91__e66aaab8 0.3s forwards :local(fadeError-b1g41h91) 0.3s :local(forwards);}@-webkit-keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_9a5yza_shakingErrorB1g41h91__e66aaab8{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}@keyframes base_9a5yza_fadeErrorB1g41h91__e66aaab8{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}
 

package/emotion/cjs/components/CodeField/CodeField.js

@@ -224,7 +224,7 @@ var codeFieldRoot = function(Root) {
         var placeholderValue = (0, _utils1.getPlaceholderValue)(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
         var widthValue = width ? (0, _utils.getSizeValueFromProp)(width, 'rem') : undefined;
-        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && !(0, _utils1.isWebOTPSupported)();
+        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && (0, _utils1.isWebOTPSupported)();
         var getLastActiveIndex = function() {
             if (code.length && code.length < codeLength) {
                 return code.length;
@@ -436,6 +436,7 @@ var codeFieldRoot = function(Root) {
             captionAlign: captionAlign,
             widthValue: widthValue
         }, caption), isWebOTPEnabled && /*#__PURE__*/ _react.default.createElement(_CodeFieldstyles.HiddenInput, _object_spread({
+            autoComplete: autoComplete,
             tabIndex: -1
         }, rest))), /*#__PURE__*/ _react.default.createElement("div", null, JSON.stringify(otpVal)));
     });

package/emotion/cjs/components/CodeField/CodeField.styles.js

@@ -39,25 +39,25 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-var base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", _CodeFieldtokens.classes.captionAlignLeft, "{align-items:flex-start;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
+var base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;justify-content:center;width:min-content;align-items:center;&.", _CodeFieldtokens.classes.captionAlignLeft, "{align-items:flex-start;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
 var CodeWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eh6ghy40",
+    target: "e1jba4ic0",
     label: "CodeWrapper"
-})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiJ9 */");
+})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjJCIn0= */");
 var CodeGroup = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eh6ghy41",
+    target: "e1jba4ic1",
     label: "CodeGroup"
-})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J5QiJ9 */");
+})("display:flex;align-items:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnlCIn0= */");
 var Separator = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eh6ghy42",
+    target: "e1jba4ic2",
     label: "Separator"
-})("width:var(", _CodeFieldtokens.tokens.separatorWidth, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ5QiJ9 */");
+})("width:var(", _CodeFieldtokens.tokens.separatorWidth, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnlCIn0= */");
 var ItemInput = (0, /*#__PURE__*/ _styled.default)("input", {
-    target: "eh6ghy43",
+    target: "e1jba4ic3",
     label: "ItemInput"
-})("box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J5QiJ9 */");
+})("box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnlCIn0= */");
 var CaptionWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eh6ghy44",
+    target: "e1jba4ic4",
     label: "CaptionWrapper"
 })("text-align:", function(param) {
     var captionAlign = param.captionAlign;
@@ -68,8 +68,8 @@ var CaptionWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
 }, ";width:", function(param) {
     var widthValue = param.widthValue;
     return widthValue || 'auto';
-}, ";white-space:pre-line;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUM4QiJ9 */");
+}, ";white-space:pre-line;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QzhCIn0= */");
 var HiddenInput = (0, /*#__PURE__*/ _styled.default)("input", {
-    target: "eh6ghy45",
+    target: "e1jba4ic5",
     label: "HiddenInput"
-})("display:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgZGlzcGxheTogbm9uZTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QyQiJ9 */");
+})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db2RlRmllbGQvQ29kZUZpZWxkLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vQ29kZUZpZWxkLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogbWluLWNvbnRlbnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICYuJHtjbGFzc2VzLmNhcHRpb25BbGlnbkxlZnR9IHtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENvZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ29kZUdyb3VwID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnNlcGFyYXRvcldpZHRofSk7XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbUlucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDYXB0aW9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjYXB0aW9uQWxpZ246ICdsZWZ0JyB8ICdjZW50ZXInOyB3aWR0aFZhbHVlPzogc3RyaW5nIH0+YFxuICAgIHRleHQtYWxpZ246ICR7KHsgY2FwdGlvbkFsaWduIH0pID0+IGNhcHRpb25BbGlnbn07XG4gICAgYWxpZ24tc2VsZjogJHsoeyBjYXB0aW9uQWxpZ24gfSkgPT4gY2FwdGlvbkFsaWdufTtcbiAgICB3aWR0aDogJHsoeyB3aWR0aFZhbHVlIH0pID0+IHdpZHRoVmFsdWUgfHwgJ2F1dG8nfTtcbiAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgSGlkZGVuSW5wdXQgPSBzdHlsZWQuaW5wdXRgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDJCIn0= */");

package/emotion/cjs/components/Pagination/Pagination.js

@@ -170,7 +170,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var paginationRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? _utils1.defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? _utils1.defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? _utils1.defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? _utils1.defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? _utils1.defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? _utils1.defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? _utils1.defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? _utils1.defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? _utils1.defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? _utils1.defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? _utils1.defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? _utils1.defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? _utils1.defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, listWidth = _param.listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var outerValue = _param.value, defaultValue = _param.defaultValue, outerPerPage = _param.perPage, defaultPerPage = _param.defaultPerPage, _param_slots = _param.slots, slots = _param_slots === void 0 ? _utils1.defaultValues.slots : _param_slots, view = _param.view, viewCurrentPage = _param.viewCurrentPage, _param_type = _param.type, type = _param_type === void 0 ? _utils1.defaultValues.type : _param_type, size = _param.size, _param_pilled = _param.pilled, pilled = _param_pilled === void 0 ? _utils1.defaultValues.pilled : _param_pilled, _param_square = _param.square, square = _param_square === void 0 ? _utils1.defaultValues.square : _param_square, _param_disabledPages = _param.disabledPages, disabledPages = _param_disabledPages === void 0 ? _utils1.defaultValues.disabledPages : _param_disabledPages, _param_count = _param.count, count = _param_count === void 0 ? _utils1.defaultValues.value : _param_count, _param_hasQuickJump = _param.hasQuickJump, hasQuickJump = _param_hasQuickJump === void 0 ? _utils1.defaultValues.hasQuickJump : _param_hasQuickJump, _param_hasPerPage = _param.hasPerPage, hasPerPage = _param_hasPerPage === void 0 ? _utils1.defaultValues.hasPerPage : _param_hasPerPage, _param_perPageList = _param.perPageList, perPageList = _param_perPageList === void 0 ? _utils1.defaultValues.perPageList : _param_perPageList, _param_isCommonButtonStyles = _param.isCommonButtonStyles, isCommonButtonStyles = _param_isCommonButtonStyles === void 0 ? _utils1.defaultValues.isCommonButtonStyles : _param_isCommonButtonStyles, _param_placeholderQuickJump = _param.placeholderQuickJump, placeholderQuickJump = _param_placeholderQuickJump === void 0 ? _utils1.defaultValues.placeholderQuickJump : _param_placeholderQuickJump, _param_textQuickJump = _param.textQuickJump, textQuickJump = _param_textQuickJump === void 0 ? _utils1.defaultValues.textQuickJump : _param_textQuickJump, _param_textPerPage = _param.textPerPage, textPerPage = _param_textPerPage === void 0 ? _utils1.defaultValues.textPerPage : _param_textPerPage, leftContent = _param.leftContent, rightContent = _param.rightContent, _param_listWidth = _param.listWidth, listWidth = _param_listWidth === void 0 ? 'fit-content' : _param_listWidth, onChangePageValue = _param.onChangePageValue, onChangePerPageValue = _param.onChangePerPageValue, onChange = _param.onChange, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
             "perPage",

package/emotion/es/components/CodeField/CodeField.js

@@ -160,7 +160,7 @@ export var codeFieldRoot = function(Root) {
         var placeholderValue = getPlaceholderValue(codeLength, placeholder);
         var parts = codeLength === 6 ? 2 : 1;
         var widthValue = width ? getSizeValueFromProp(width, 'rem') : undefined;
-        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && !isWebOTPSupported();
+        var isWebOTPEnabled = autoComplete === 'one-time-code' && !disabled && isWebOTPSupported();
         var getLastActiveIndex = function() {
             if (code.length && code.length < codeLength) {
                 return code.length;
@@ -372,6 +372,7 @@ export var codeFieldRoot = function(Root) {
             captionAlign: captionAlign,
             widthValue: widthValue
         }, caption), isWebOTPEnabled && /*#__PURE__*/ React.createElement(HiddenInput, _object_spread({
+            autoComplete: autoComplete,
             tabIndex: -1
         }, rest))), /*#__PURE__*/ React.createElement("div", null, JSON.stringify(otpVal)));
     });