@salutejs/plasma-new-hope 0.324.0-canary.1985.15205350468.0 → 0.325.0-canary.1941.15208820474.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/CodeField/CodeField.css +14 -0
- package/cjs/components/CodeField/CodeField.js +290 -0
- package/cjs/components/CodeField/CodeField.js.map +1 -0
- package/cjs/components/CodeField/CodeField.styles.js +57 -0
- package/cjs/components/CodeField/CodeField.styles.js.map +1 -0
- package/cjs/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
- package/cjs/components/CodeField/CodeField.tokens.js +59 -0
- package/cjs/components/CodeField/CodeField.tokens.js.map +1 -0
- package/cjs/components/CodeField/utils/constants.js +18 -0
- package/cjs/components/CodeField/utils/constants.js.map +1 -0
- package/cjs/components/CodeField/utils/handleCodeError.js +55 -0
- package/cjs/components/CodeField/utils/handleCodeError.js.map +1 -0
- package/cjs/components/CodeField/utils/handleItemError.js +53 -0
- package/cjs/components/CodeField/utils/handleItemError.js.map +1 -0
- package/cjs/components/CodeField/utils/initialValuesHelper.js +33 -0
- package/cjs/components/CodeField/utils/initialValuesHelper.js.map +1 -0
- package/cjs/components/CodeField/variations/_disabled/base.js +9 -0
- package/cjs/components/CodeField/variations/_disabled/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
- package/cjs/components/CodeField/variations/_shape/base.js +9 -0
- package/cjs/components/CodeField/variations/_shape/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
- package/cjs/components/CodeField/variations/_size/base.js +9 -0
- package/cjs/components/CodeField/variations/_size/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
- package/cjs/components/CodeField/variations/_view/base.js +9 -0
- package/cjs/components/CodeField/variations/_view/base.js.map +1 -0
- package/cjs/components/CodeField/variations/_view/base_9a5yza.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/NumberFormat/NumberFormat.js +3 -2
- package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
- package/cjs/components/NumberInput/ui/Input/Input.js +0 -3
- package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Range/Range.css +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/Table/Table.css +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
- package/cjs/index.css +16 -1
- package/cjs/index.js +10 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/CodeField/CodeField.js +299 -0
- package/emotion/cjs/components/CodeField/CodeField.styles.js +65 -0
- package/emotion/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/emotion/cjs/components/CodeField/CodeField.tokens.js +57 -0
- package/emotion/cjs/components/CodeField/CodeField.types.js +5 -0
- package/emotion/cjs/components/CodeField/index.js +50 -0
- package/emotion/cjs/components/CodeField/utils/constants.js +12 -0
- package/emotion/cjs/components/CodeField/utils/handleCodeError.js +58 -0
- package/emotion/cjs/components/CodeField/utils/handleItemError.js +56 -0
- package/emotion/cjs/components/CodeField/utils/index.js +38 -0
- package/emotion/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
- package/emotion/cjs/components/CodeField/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/emotion/cjs/components/CodeField/variations/_shape/base.js +10 -0
- package/emotion/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
- package/emotion/cjs/components/CodeField/variations/_size/base.js +10 -0
- package/emotion/cjs/components/CodeField/variations/_size/tokens.json +19 -0
- package/emotion/cjs/components/CodeField/variations/_view/base.js +10 -0
- package/emotion/cjs/components/CodeField/variations/_view/tokens.json +0 -0
- package/emotion/cjs/components/NumberFormat/NumberFormat.js +3 -2
- package/emotion/cjs/components/NumberInput/ui/Input/Input.js +0 -3
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/CodeField/CodeField.js +290 -0
- package/emotion/es/components/CodeField/CodeField.styles.js +58 -0
- package/emotion/es/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/emotion/es/components/CodeField/CodeField.tokens.js +51 -0
- package/emotion/es/components/CodeField/CodeField.types.js +1 -0
- package/emotion/es/components/CodeField/index.js +3 -0
- package/emotion/es/components/CodeField/utils/constants.js +6 -0
- package/emotion/es/components/CodeField/utils/handleCodeError.js +52 -0
- package/emotion/es/components/CodeField/utils/handleItemError.js +50 -0
- package/emotion/es/components/CodeField/utils/index.js +3 -0
- package/emotion/es/components/CodeField/utils/initialValuesHelper.js +24 -0
- package/emotion/es/components/CodeField/variations/_disabled/base.js +3 -0
- package/emotion/es/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/emotion/es/components/CodeField/variations/_shape/base.js +4 -0
- package/emotion/es/components/CodeField/variations/_shape/tokens.json +1 -0
- package/emotion/es/components/CodeField/variations/_size/base.js +4 -0
- package/emotion/es/components/CodeField/variations/_size/tokens.json +19 -0
- package/emotion/es/components/CodeField/variations/_view/base.js +4 -0
- package/emotion/es/components/CodeField/variations/_view/tokens.json +0 -0
- package/emotion/es/components/NumberFormat/NumberFormat.js +3 -2
- package/emotion/es/components/NumberInput/ui/Input/Input.js +0 -3
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/emotion/es/index.js +2 -1
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/CodeField/CodeField.css +14 -0
- package/es/components/CodeField/CodeField.js +280 -0
- package/es/components/CodeField/CodeField.js.map +1 -0
- package/es/components/CodeField/CodeField.styles.js +48 -0
- package/es/components/CodeField/CodeField.styles.js.map +1 -0
- package/es/components/CodeField/CodeField.styles_7zxgpc.css +6 -0
- package/es/components/CodeField/CodeField.tokens.js +54 -0
- package/es/components/CodeField/CodeField.tokens.js.map +1 -0
- package/es/components/CodeField/utils/constants.js +9 -0
- package/es/components/CodeField/utils/constants.js.map +1 -0
- package/es/components/CodeField/utils/handleCodeError.js +51 -0
- package/es/components/CodeField/utils/handleCodeError.js.map +1 -0
- package/es/components/CodeField/utils/handleItemError.js +49 -0
- package/es/components/CodeField/utils/handleItemError.js.map +1 -0
- package/es/components/CodeField/utils/initialValuesHelper.js +27 -0
- package/es/components/CodeField/utils/initialValuesHelper.js.map +1 -0
- package/es/components/CodeField/variations/_disabled/base.js +5 -0
- package/es/components/CodeField/variations/_disabled/base.js.map +1 -0
- package/es/components/CodeField/variations/_disabled/base_obsae2.css +1 -0
- package/es/components/CodeField/variations/_shape/base.js +5 -0
- package/es/components/CodeField/variations/_shape/base.js.map +1 -0
- package/es/components/CodeField/variations/_shape/base_1scsyya.css +1 -0
- package/es/components/CodeField/variations/_size/base.js +5 -0
- package/es/components/CodeField/variations/_size/base.js.map +1 -0
- package/es/components/CodeField/variations/_size/base_1wrvbr5.css +1 -0
- package/es/components/CodeField/variations/_view/base.js +5 -0
- package/es/components/CodeField/variations/_view/base.js.map +1 -0
- package/es/components/CodeField/variations/_view/base_9a5yza.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/NumberFormat/NumberFormat.js +3 -2
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/NumberInput/ui/Input/Input.js +0 -3
- package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Range/Range.css +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/Table/Table.css +1 -1
- package/es/components/Table/ui/Cell/Cell.css +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
- package/es/index.css +16 -1
- package/es/index.js +3 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/CodeField/CodeField.js +299 -0
- package/styled-components/cjs/components/CodeField/CodeField.styles.js +38 -0
- package/styled-components/cjs/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/styled-components/cjs/components/CodeField/CodeField.tokens.js +57 -0
- package/styled-components/cjs/components/CodeField/CodeField.types.js +5 -0
- package/styled-components/cjs/components/CodeField/index.js +50 -0
- package/styled-components/cjs/components/CodeField/utils/constants.js +12 -0
- package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +58 -0
- package/styled-components/cjs/components/CodeField/utils/handleItemError.js +56 -0
- package/styled-components/cjs/components/CodeField/utils/index.js +38 -0
- package/styled-components/cjs/components/CodeField/utils/initialValuesHelper.js +30 -0
- package/styled-components/cjs/components/CodeField/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/CodeField/variations/_shape/base.js +10 -0
- package/styled-components/cjs/components/CodeField/variations/_shape/tokens.json +1 -0
- package/styled-components/cjs/components/CodeField/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/CodeField/variations/_size/tokens.json +19 -0
- package/styled-components/cjs/components/CodeField/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/CodeField/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/NumberFormat/NumberFormat.js +3 -2
- package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +0 -3
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/CodeField/CodeField.js +290 -0
- package/styled-components/es/components/CodeField/CodeField.styles.js +30 -0
- package/styled-components/es/components/CodeField/CodeField.template-doc.mdx +150 -0
- package/styled-components/es/components/CodeField/CodeField.tokens.js +51 -0
- package/styled-components/es/components/CodeField/CodeField.types.js +1 -0
- package/styled-components/es/components/CodeField/index.js +3 -0
- package/styled-components/es/components/CodeField/utils/constants.js +6 -0
- package/styled-components/es/components/CodeField/utils/handleCodeError.js +52 -0
- package/styled-components/es/components/CodeField/utils/handleItemError.js +50 -0
- package/styled-components/es/components/CodeField/utils/index.js +3 -0
- package/styled-components/es/components/CodeField/utils/initialValuesHelper.js +24 -0
- package/styled-components/es/components/CodeField/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/CodeField/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/CodeField/variations/_shape/base.js +4 -0
- package/styled-components/es/components/CodeField/variations/_shape/tokens.json +1 -0
- package/styled-components/es/components/CodeField/variations/_size/base.js +4 -0
- package/styled-components/es/components/CodeField/variations/_size/tokens.json +19 -0
- package/styled-components/es/components/CodeField/variations/_view/base.js +4 -0
- package/styled-components/es/components/CodeField/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/NumberFormat/NumberFormat.js +3 -2
- package/styled-components/es/components/NumberInput/ui/Input/Input.js +0 -3
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +25 -0
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +25 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.js +5 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx +107 -0
- package/styled-components/es/index.js +2 -1
- package/types/components/CodeField/CodeField.d.ts +69 -0
- package/types/components/CodeField/CodeField.d.ts.map +1 -0
- package/types/components/CodeField/CodeField.styles.d.ts +11 -0
- package/types/components/CodeField/CodeField.styles.d.ts.map +1 -0
- package/types/components/CodeField/CodeField.tokens.d.ts +52 -0
- package/types/components/CodeField/CodeField.tokens.d.ts.map +1 -0
- package/types/components/CodeField/CodeField.types.d.ts +93 -0
- package/types/components/CodeField/CodeField.types.d.ts.map +1 -0
- package/types/components/CodeField/index.d.ts +4 -0
- package/types/components/CodeField/index.d.ts.map +1 -0
- package/types/components/CodeField/utils/constants.d.ts +7 -0
- package/types/components/CodeField/utils/constants.d.ts.map +1 -0
- package/types/components/CodeField/utils/handleCodeError.d.ts +15 -0
- package/types/components/CodeField/utils/handleCodeError.d.ts.map +1 -0
- package/types/components/CodeField/utils/handleItemError.d.ts +14 -0
- package/types/components/CodeField/utils/handleItemError.d.ts.map +1 -0
- package/types/components/CodeField/utils/index.d.ts +4 -0
- package/types/components/CodeField/utils/index.d.ts.map +1 -0
- package/types/components/CodeField/utils/initialValuesHelper.d.ts +4 -0
- package/types/components/CodeField/utils/initialValuesHelper.d.ts.map +1 -0
- package/types/components/CodeField/variations/_disabled/base.d.ts +2 -0
- package/types/components/CodeField/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/CodeField/variations/_shape/base.d.ts +2 -0
- package/types/components/CodeField/variations/_shape/base.d.ts.map +1 -0
- package/types/components/CodeField/variations/_size/base.d.ts +2 -0
- package/types/components/CodeField/variations/_size/base.d.ts.map +1 -0
- package/types/components/CodeField/variations/_view/base.d.ts +2 -0
- package/types/components/CodeField/variations/_view/base.d.ts.map +1 -0
- package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeField/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n codeLength: number;\n codeErrorBehavior: CodeErrorBehavior;\n currentCode: Array<string>;\n inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n captionRef: MutableRefObject<HTMLDivElement | null>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n codeLength,\n codeErrorBehavior,\n currentCode,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputContainerRef.current) {\n return;\n }\n\n switch (codeErrorBehavior) {\n case 'keep':\n inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n const newCode = [...currentCode];\n\n newCode.pop();\n codeSetter(newCode);\n setCode(currentCode);\n\n inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n inputRefs.current[inputRefs.current.length - 1]?.focus();\n }, 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'remove-code':\n default:\n inputContainerRef.current.classList.add(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n codeSetter(getCodeValue(codeLength, ''));\n\n inputRefs.current[0]?.focus();\n inputContainerRef.current?.classList.remove(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setCode","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":"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"}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
var CodeField_tokens = require('../CodeField.tokens.js');
|
7
|
+
var constants = require('./constants.js');
|
8
|
+
|
9
|
+
var handleItemError = function handleItemError(_ref) {
|
10
|
+
var _inputRefs$current$in, _inputRefs$current$in4;
|
11
|
+
var currentSymbol = _ref.currentSymbol,
|
12
|
+
itemErrorBehavior = _ref.itemErrorBehavior,
|
13
|
+
index = _ref.index,
|
14
|
+
newCode = _ref.newCode,
|
15
|
+
inputRefs = _ref.inputRefs,
|
16
|
+
setCode = _ref.setCode,
|
17
|
+
codeSetter = _ref.codeSetter;
|
18
|
+
if (!inputRefs.current[index] || currentSymbol === ' ') {
|
19
|
+
return;
|
20
|
+
}
|
21
|
+
switch (itemErrorBehavior) {
|
22
|
+
case 'keep':
|
23
|
+
setCode(newCode);
|
24
|
+
(_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(CodeField_tokens.classes.itemError, CodeField_tokens.classes.itemErrorAnimation);
|
25
|
+
setTimeout(function () {
|
26
|
+
var _inputRefs$current$in2;
|
27
|
+
(_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(CodeField_tokens.classes.itemErrorAnimation);
|
28
|
+
setTimeout(function () {
|
29
|
+
var _inputRefs$current$in3;
|
30
|
+
return (_inputRefs$current$in3 = inputRefs.current[index]) === null || _inputRefs$current$in3 === void 0 ? void 0 : _inputRefs$current$in3.setSelectionRange(0, 1);
|
31
|
+
}, 0);
|
32
|
+
}, constants.ANIMATION_TIMEOUT);
|
33
|
+
break;
|
34
|
+
case 'forbid-enter':
|
35
|
+
newCode[index] = '';
|
36
|
+
codeSetter(newCode);
|
37
|
+
break;
|
38
|
+
case 'remove-symbol':
|
39
|
+
default:
|
40
|
+
setCode(newCode);
|
41
|
+
(_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(CodeField_tokens.classes.itemError, CodeField_tokens.classes.itemErrorFade, CodeField_tokens.classes.itemErrorAnimation);
|
42
|
+
setTimeout(function () {
|
43
|
+
var _inputRefs$current$in5;
|
44
|
+
var updatedCode = _rollupPluginBabelHelpers.toConsumableArray(newCode);
|
45
|
+
updatedCode[index] = '';
|
46
|
+
codeSetter(updatedCode);
|
47
|
+
(_inputRefs$current$in5 = inputRefs.current[index]) === null || _inputRefs$current$in5 === void 0 || _inputRefs$current$in5.classList.remove(CodeField_tokens.classes.itemError, CodeField_tokens.classes.itemErrorFade, CodeField_tokens.classes.itemErrorAnimation);
|
48
|
+
}, constants.ANIMATION_TIMEOUT);
|
49
|
+
}
|
50
|
+
};
|
51
|
+
|
52
|
+
exports.handleItemError = handleItemError;
|
53
|
+
//# sourceMappingURL=handleItemError.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"handleItemError.js","sources":["../../../../src/components/CodeField/utils/handleItemError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { ItemErrorBehavior } from '../CodeField.types';\nimport { classes } from '../CodeField.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\n\ntype ValidateSymbolsArgs = {\n currentSymbol: string;\n itemErrorBehavior: ItemErrorBehavior;\n index: number;\n newCode: Array<string>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleItemError = ({\n currentSymbol,\n itemErrorBehavior,\n index,\n newCode,\n inputRefs,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputRefs.current[index] || currentSymbol === ' ') {\n return;\n }\n\n switch (itemErrorBehavior) {\n case 'keep':\n setCode(newCode);\n inputRefs.current[index]?.classList.add(classes.itemError, classes.itemErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[index]?.classList.remove(classes.itemErrorAnimation);\n\n setTimeout(() => inputRefs.current[index]?.setSelectionRange(0, 1), 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'forbid-enter':\n newCode[index] = '';\n codeSetter(newCode);\n\n break;\n case 'remove-symbol':\n default:\n setCode(newCode);\n inputRefs.current[index]?.classList.add(\n classes.itemError,\n classes.itemErrorFade,\n classes.itemErrorAnimation,\n );\n\n setTimeout(() => {\n const updatedCode = [...newCode];\n updatedCode[index] = '';\n\n codeSetter(updatedCode);\n\n inputRefs.current[index]?.classList.remove(\n classes.itemError,\n classes.itemErrorFade,\n classes.itemErrorAnimation,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleItemError","_ref","_inputRefs$current$in","_inputRefs$current$in4","currentSymbol","itemErrorBehavior","index","newCode","inputRefs","setCode","codeSetter","current","classList","add","classes","itemError","itemErrorAnimation","setTimeout","_inputRefs$current$in2","remove","_inputRefs$current$in3","setSelectionRange","ANIMATION_TIMEOUT","itemErrorFade","_inputRefs$current$in5","updatedCode","_toConsumableArray"],"mappings":"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"}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var getFieldPattern = function getFieldPattern(allowedSymbols) {
|
6
|
+
if (!allowedSymbols) {
|
7
|
+
return null;
|
8
|
+
}
|
9
|
+
if (typeof allowedSymbols === 'string') {
|
10
|
+
return new RegExp(allowedSymbols, 'g');
|
11
|
+
}
|
12
|
+
return allowedSymbols;
|
13
|
+
};
|
14
|
+
var getCodeValue = function getCodeValue(codeLength, value) {
|
15
|
+
if (!value.length) {
|
16
|
+
return new Array(codeLength).fill('');
|
17
|
+
}
|
18
|
+
return value.slice(0, codeLength).split('');
|
19
|
+
};
|
20
|
+
var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
|
21
|
+
if (!placeholder || typeof placeholder !== 'string') {
|
22
|
+
return null;
|
23
|
+
}
|
24
|
+
if (placeholder.length === 1) {
|
25
|
+
return Array(codeLength).fill(placeholder);
|
26
|
+
}
|
27
|
+
return placeholder.slice(0, codeLength).split('');
|
28
|
+
};
|
29
|
+
|
30
|
+
exports.getCodeValue = getCodeValue;
|
31
|
+
exports.getFieldPattern = getFieldPattern;
|
32
|
+
exports.getPlaceholderValue = getPlaceholderValue;
|
33
|
+
//# sourceMappingURL=initialValuesHelper.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"initialValuesHelper.js","sources":["../../../../src/components/CodeField/utils/initialValuesHelper.ts"],"sourcesContent":["export const getFieldPattern = (allowedSymbols: RegExp | string) => {\n if (!allowedSymbols) {\n return null;\n }\n\n if (typeof allowedSymbols === 'string') {\n return new RegExp(allowedSymbols, 'g');\n }\n\n return allowedSymbols;\n};\n\nexport const getCodeValue = (codeLength: number, value: string): Array<string> => {\n if (!value.length) {\n return new Array(codeLength).fill('');\n }\n\n return value.slice(0, codeLength).split('');\n};\n\nexport const getPlaceholderValue = (codeLength: number, placeholder?: string): null | string[] => {\n if (!placeholder || typeof placeholder !== 'string') {\n return null;\n }\n\n if (placeholder.length === 1) {\n return Array(codeLength).fill(placeholder);\n }\n\n return placeholder.slice(0, codeLength).split('');\n};\n"],"names":["getFieldPattern","allowedSymbols","RegExp","getCodeValue","codeLength","value","length","Array","fill","slice","split","getPlaceholderValue","placeholder"],"mappings":";;;;IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,cAA+B,EAAK;EAChE,IAAI,CAACA,cAAc,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAI,OAAOA,cAAc,KAAK,QAAQ,EAAE;AACpC,IAAA,OAAO,IAAIC,MAAM,CAACD,cAAc,EAAE,GAAG,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,OAAOA,cAAc,CAAA;AACzB,EAAC;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa,EAAoB;AAC9E,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IACf,OAAO,IAAIC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AAC/C,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,UAAkB,EAAEQ,WAAoB,EAAsB;AAC9F,EAAA,IAAI,CAACA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;AACjD,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAIA,WAAW,CAACN,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAACI,WAAW,CAAC,CAAA;AAC9C,GAAA;AAEA,EAAA,OAAOA,WAAW,CAACH,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AACrD;;;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../CodeField.tokens';\n\nexport const base = css`\n &&[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n\n & > * {\n pointer-events: none;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAShB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b3zd5bu.b3zd5bu[disabled]{opacity:var(--plasma-codefield-disabled-opacity);cursor:not-allowed;}.b3zd5bu.b3zd5bu[disabled] > *{pointer-events:none;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../CodeField.tokens';\nimport { ItemInput } from '../../CodeField.styles';\n\nexport const base = css`\n ${ItemInput} {\n border-radius: var(${tokens.borderRadius});\n\n &.${classes.segmented} {\n border-radius: var(${tokens.borderRadiusSegmented});\n\n &:first-child {\n border-top-left-radius: var(${tokens.segmentedSideBorderRadius});\n border-bottom-left-radius: var(${tokens.segmentedSideBorderRadius});\n }\n\n &:last-child {\n border-top-right-radius: var(${tokens.segmentedSideBorderRadius});\n border-bottom-right-radius: var(${tokens.segmentedSideBorderRadius});\n }\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAkBhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b103qcna .ig5h1kg{border-radius:var(--plasma-codefield-code-item-border-radius);}.b103qcna .ig5h1kg.codefield-shape-segmented{border-radius:var(--plasma-codefield-code-item-border-radius-segmented);}.b103qcna .ig5h1kg.codefield-shape-segmented:first-child{border-top-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}.b103qcna .ig5h1kg.codefield-shape-segmented:last-child{border-top-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { CaptionWrapper, CodeGroup, CodeWrapper, ItemInput } from '../../CodeField.styles';\nimport { tokens } from '../../CodeField.tokens';\n\nexport const base = css`\n gap: var(${tokens.captionGap});\n\n ${CodeWrapper}, ${CodeGroup} {\n gap: var(${tokens.codeItemsGap});\n }\n\n ${ItemInput} {\n width: var(${tokens.codeItemWidth});\n height: var(${tokens.codeItemHeight});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${CaptionWrapper} {\n font-family: var(${tokens.captionFontFamily});\n font-size: var(${tokens.captionFontSize});\n font-style: var(${tokens.captionFontStyle});\n font-weight: var(${tokens.captionFontWeight});\n letter-spacing: var(${tokens.captionLetterSpacing});\n line-height: var(${tokens.captionLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA2BhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bkkdah0{gap:var(--plasma-codefield-caption-gap);}.bkkdah0 .c1wzspax,.bkkdah0 .c7swj1z{gap:var(--plasma-codefield-code-item-gap);}.bkkdah0 .ig5h1kg{width:var(--plasma-codefield-item-width);height:var(--plasma-codefield-item-height);font-family:var(--plasma-codefield-font-family);font-size:var(--plasma-codefield-font-size);font-style:var(--plasma-codefield-font-style);font-weight:var(--plasma-codefield-font-weight);-webkit-letter-spacing:var(--plasma-codefield-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-letter-spacing);letter-spacing:var(--plasma-codefield-letter-spacing);line-height:var(--plasma-codefield-line-height);}.bkkdah0 .c1jpzjak{font-family:var(--plasma-codefield-caption-font-family);font-size:var(--plasma-codefield-caption-font-style);font-style:var(--plasma-codefield-caption-font-size);font-weight:var(--plasma-codefield-caption-font-weight);-webkit-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codefield-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codefield-caption-letter-spacing);letter-spacing:var(--plasma-codefield-caption-letter-spacing);line-height:var(--plasma-codefield-caption-line-height);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/CodeField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { CaptionWrapper, ItemInput } from '../../CodeField.styles';\nimport { classes, tokens } from '../../CodeField.tokens';\n\nexport const base = css`\n ${CaptionWrapper} {\n color: var(${tokens.captionColor});\n\n &.${classes.captionError} {\n color: var(${tokens.captionColorError});\n }\n }\n\n ${ItemInput} {\n color: var(${tokens.codeColor});\n caret-color: var(${tokens.caretColor});\n background-color: var(${tokens.backgroundColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColor});\n }\n\n &:hover {\n .${classes.hoverEnabled} {\n background-color: var(${tokens.backgroundColorHover});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorHover});\n }\n }\n\n &:focus-within {\n ${ItemInput}:focus-within {\n background-color: var(${tokens.backgroundColorFocus});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderColorFocus});\n }\n }\n\n && .${classes.codeErrorAnimation} {\n animation: shakingError 0.3s forwards;\n }\n\n && .${classes.codeError} {\n ${ItemInput} {\n color: var(${tokens.codeColorError});\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n }\n\n &:focus-within {\n ${ItemInput} {\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n }\n }\n\n &.${classes.codeErrorFade} {\n ${ItemInput} {\n animation: fadeError 0.3s forwards;\n }\n }\n }\n\n && .${classes.itemErrorAnimation} {\n animation: shakingError 0.3s forwards;\n }\n\n && .${classes.itemError}, && .${classes.itemError}:focus-within {\n color: var(${tokens.codeColorError});\n background-color: var(${tokens.backgroundErrorColor});\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(${tokens.borderErrorColor});\n\n &.${classes.codeErrorFade} {\n animation: shakingError 0.3s forwards fadeError 0.3s forwards;\n }\n }\n\n @keyframes shakingError {\n 14% {\n transform: translateX(-0.125rem);\n }\n 28% {\n transform: translateX(0.125rem);\n }\n 42% {\n transform: translateX(-0.125rem);\n }\n 57% {\n transform: translateX(0.125rem);\n }\n 71% {\n transform: translateX(-0.125rem);\n }\n 85% {\n transform: translateX(0.125rem);\n }\n 100% {\n transform: translateX(-0.125rem);\n }\n }\n\n @keyframes fadeError {\n 50% {\n color: var(${tokens.codeColorError});\n }\n 100% {\n color: transparent;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAqGhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1g41h91 .c1jpzjak{color:var(--plasma-codefield-caption-color);}.b1g41h91 .c1jpzjak.codefield-caption-error{color:var(--plasma-codefield-caption-color-error);}.b1g41h91 .ig5h1kg{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);}.b1g41h91:hover .codefield-item-hover-enabled{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);}.b1g41h91:focus-within .ig5h1kg: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);}.b1g41h91.b1g41h91 .codefield-code-error-animation{-webkit-animation:shakingError-b1g41h91 0.3s forwards;animation:shakingError-b1g41h91 0.3s forwards;}.b1g41h91.b1g41h91 .codefield-code-error .ig5h1kg{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);}.b1g41h91.b1g41h91 .codefield-code-error:focus-within .ig5h1kg{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);}.b1g41h91.b1g41h91 .codefield-code-error.codefield-code-error-fade .ig5h1kg{-webkit-animation:fadeError-b1g41h91 0.3s forwards;animation:fadeError-b1g41h91 0.3s forwards;}.b1g41h91.b1g41h91 .codefield-item-error-animation{-webkit-animation:shakingError-b1g41h91 0.3s forwards;animation:shakingError-b1g41h91 0.3s forwards;}.b1g41h91.b1g41h91 .codefield-item-error,.b1g41h91.b1g41h91 .codefield-item-error: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);}.b1g41h91.b1g41h91 .codefield-item-error.codefield-code-error-fade,.b1g41h91.b1g41h91 .codefield-item-error:focus-within.codefield-code-error-fade{-webkit-animation:shakingError-b1g41h91 0.3s forwards fadeError-b1g41h91 0.3s forwards;animation:shakingError-b1g41h91 0.3s forwards fadeError-b1g41h91 0.3s forwards;}@-webkit-keyframes shakingError-b1g41h91{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 shakingError-b1g41h91{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 fadeError-b1g41h91{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}@keyframes fadeError-b1g41h91{50%{color:var(--plasma-codefield-code-color-error);}100%{color:transparent;}}
|
@@ -59,7 +59,7 @@
|
|
59
59
|
|
60
60
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
61
61
|
|
62
|
-
.
|
62
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
63
63
|
|
64
64
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
65
65
|
|
@@ -96,7 +96,7 @@
|
|
96
96
|
|
97
97
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
98
98
|
|
99
|
-
.
|
99
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
100
100
|
|
101
101
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
102
102
|
|
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
18
18
|
|
19
|
-
.
|
19
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
20
20
|
|
21
21
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
22
22
|
|
@@ -86,7 +86,7 @@
|
|
86
86
|
|
87
87
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
88
88
|
|
89
|
-
.
|
89
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
90
90
|
|
91
91
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
92
92
|
|
@@ -27,11 +27,12 @@ var composeNumberFormat = function composeNumberFormat(InputComponent) {
|
|
27
27
|
onChange(changeEvent, values);
|
28
28
|
}
|
29
29
|
};
|
30
|
-
var InputComponentWithoutEllipsis = function
|
30
|
+
var InputComponentWithoutEllipsis = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
31
31
|
return /*#__PURE__*/React__default.default.createElement(InputComponent, _rollupPluginBabelHelpers.extends({
|
32
|
+
ref: ref,
|
32
33
|
_textEllipsisDisable: true
|
33
34
|
}, props));
|
34
|
-
};
|
35
|
+
});
|
35
36
|
return /*#__PURE__*/React__default.default.createElement(reactNumberFormat.NumericFormat, _rollupPluginBabelHelpers.extends({
|
36
37
|
thousandSeparator: thousandSeparator,
|
37
38
|
decimalScale: decimalScale,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { ChangeEvent, FC } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(InputComponent: FC<T>) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n ({ thousandSeparator = ' ', decimalScale = 3, decimalSeparator = '.', onChange, ...rest }, outerRef) => {\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n if (onChange) {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n onChange(changeEvent, values);\n }\n };\n\n const InputComponentWithoutEllipsis = (props: T) => {\n return <InputComponent _textEllipsisDisable {...props} />;\n };\n\n return (\n <NumericFormat\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponentWithoutEllipsis}\n getInputRef={outerRef}\n onValueChange={handleChangeValue}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","onChange","rest","_objectWithoutProperties","_excluded","handleChangeValue","values","sourceInfo","changeEvent","event","InputComponentWithoutEllipsis","props","React","createElement","_extends","_textEllipsisDisable","NumericFormat","customInput","getInputRef","onValueChange"],"mappings":";;;;;;;;;;;;;IAWaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAA0CC,cAAqB,EAAK;AAChG,EAAA,oBAAOC,gBAAU,CACb,UAAAC,IAAA,EAA2FC,QAAQ,EAAK;AAAA,IAAA,IAAAC,qBAAA,GAAAF,IAAA,CAArGG,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAAAE,qBAAA,GAAAN,IAAA,CAAEO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAEE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;IACnF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAA0B,EAAEC,UAAsB,EAAK;AAC9E,MAAA,IAAIN,QAAQ,EAAE;AACV,QAAA,IAAMO,WAAW,GAAGD,UAAU,CAACE,KAAsC,CAAA;AACrER,QAAAA,QAAQ,CAACO,WAAW,EAAEF,MAAM,CAAC,CAAA;AACjC,OAAA;KACH,CAAA;
|
1
|
+
{"version":3,"file":"NumberFormat.js","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { ChangeEvent, FC } from 'react';\nimport { NumericFormat } from 'react-number-format';\nimport type { NumberFormatValues, SourceInfo } from 'react-number-format';\n\nimport type {\n CustomNumberFormatProps,\n CustomNumericFormatProps,\n InputComponentOmittedProps,\n} from './NumberFormat.types';\n\nexport const composeNumberFormat = <T extends InputComponentOmittedProps>(InputComponent: FC<T>) => {\n return forwardRef<HTMLInputElement, T & CustomNumberFormatProps & CustomNumericFormatProps>(\n ({ thousandSeparator = ' ', decimalScale = 3, decimalSeparator = '.', onChange, ...rest }, outerRef) => {\n const handleChangeValue = (values: NumberFormatValues, sourceInfo: SourceInfo) => {\n if (onChange) {\n const changeEvent = sourceInfo.event as ChangeEvent<HTMLInputElement>;\n onChange(changeEvent, values);\n }\n };\n\n const InputComponentWithoutEllipsis = forwardRef((props: T, ref) => {\n return <InputComponent ref={ref} _textEllipsisDisable {...props} />;\n });\n\n return (\n <NumericFormat\n thousandSeparator={thousandSeparator}\n decimalScale={decimalScale}\n decimalSeparator={decimalSeparator}\n customInput={InputComponentWithoutEllipsis}\n getInputRef={outerRef}\n onValueChange={handleChangeValue}\n {...rest}\n />\n );\n },\n );\n};\n"],"names":["composeNumberFormat","InputComponent","forwardRef","_ref","outerRef","_ref$thousandSeparato","thousandSeparator","_ref$decimalScale","decimalScale","_ref$decimalSeparator","decimalSeparator","onChange","rest","_objectWithoutProperties","_excluded","handleChangeValue","values","sourceInfo","changeEvent","event","InputComponentWithoutEllipsis","props","ref","React","createElement","_extends","_textEllipsisDisable","NumericFormat","customInput","getInputRef","onValueChange"],"mappings":";;;;;;;;;;;;;IAWaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAA0CC,cAAqB,EAAK;AAChG,EAAA,oBAAOC,gBAAU,CACb,UAAAC,IAAA,EAA2FC,QAAQ,EAAK;AAAA,IAAA,IAAAC,qBAAA,GAAAF,IAAA,CAArGG,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAAE,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA;MAAAE,qBAAA,GAAAN,IAAA,CAAEO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,qBAAA;MAAEE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;IACnF,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,MAA0B,EAAEC,UAAsB,EAAK;AAC9E,MAAA,IAAIN,QAAQ,EAAE;AACV,QAAA,IAAMO,WAAW,GAAGD,UAAU,CAACE,KAAsC,CAAA;AACrER,QAAAA,QAAQ,CAACO,WAAW,EAAEF,MAAM,CAAC,CAAA;AACjC,OAAA;KACH,CAAA;IAED,IAAMI,6BAA6B,gBAAGlB,gBAAU,CAAC,UAACmB,KAAQ,EAAEC,GAAG,EAAK;AAChE,MAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACvB,cAAc,EAAAwB,iCAAA,CAAA;AAACH,QAAAA,GAAG,EAAEA,GAAI;QAACI,oBAAoB,EAAA,IAAA;OAAKL,EAAAA,KAAK,CAAG,CAAC,CAAA;AACvE,KAAC,CAAC,CAAA;AAEF,IAAA,oBACIE,sBAAA,CAAAC,aAAA,CAACG,+BAAa,EAAAF,iCAAA,CAAA;AACVnB,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,YAAY,EAAEA,YAAa;AAC3BE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCkB,MAAAA,WAAW,EAAER,6BAA8B;AAC3CS,MAAAA,WAAW,EAAEzB,QAAS;AACtB0B,MAAAA,aAAa,EAAEf,iBAAAA;KACXH,EAAAA,IAAI,CACX,CAAC,CAAA;AAEV,GACJ,CAAC,CAAA;AACL;;;;"}
|
@@ -133,14 +133,11 @@ var NumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
133
133
|
}
|
134
134
|
return;
|
135
135
|
}
|
136
|
-
console.log('here');
|
137
136
|
var isValid = index.numberSchema.test(cleanValue);
|
138
137
|
if (!isValid) {
|
139
|
-
console.log('not valid', cleanValue);
|
140
138
|
setValues(event, lastValidValue);
|
141
139
|
return;
|
142
140
|
}
|
143
|
-
console.log('valid!', cleanValue);
|
144
141
|
if (textWrapperRef !== null && textWrapperRef !== void 0 && textWrapperRef.current && wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && (textWrapperRef === null || textWrapperRef === void 0 || (_textWrapperRef$curre = textWrapperRef.current) === null || _textWrapperRef$curre === void 0 ? void 0 : _textWrapperRef$curre.clientWidth) > (wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.clientWidth)) {
|
145
142
|
wrapperRef.current.scrollLeft = textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;
|
146
143
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, ChangeEvent, FocusEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { classes } from '../../NumberInput.tokens';\nimport { cx, isNumber } from '../../../../utils';\nimport { useDidMountEffect } from '../../../../hooks';\nimport { defaultCharacterWidth, excludingNumberSchema, getPreciseValue, numberSchema } from '../../utils';\nimport { keyCodes } from '../../../../utils/constants';\n\nimport type { InputProps } from './Input.types';\nimport {\n AdditionalText,\n Input,\n InputWrapper,\n DynamicInput,\n InputWidthHelper,\n TextWrapper,\n StyledSpinner,\n Loader,\n} from './Input.styles';\n\nexport const NumberInput = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n value,\n precision,\n min,\n max,\n isLoading,\n loader,\n disabled,\n segmentation,\n textBefore,\n textAfter,\n isManualInput,\n isInputFocused,\n setIsInputFocused,\n setIsAnimationRun,\n setInnerValue,\n onChange,\n onBlur,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : defaultCharacterWidth);\n const [lastValidValue, setLastValidValue] = useState<number | string>(Number(value));\n const [errorClass, setErrorClass] = useState<string | undefined>(undefined);\n const [errorValue, setErrorValue] = useState<number>();\n\n const inputHelperRef = useRef<HTMLSpanElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const textWrapperRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const manualInputClass = isManualInput ? classes.manualInput : undefined;\n\n const getInputWidth = (firstRender = true) => {\n if (!firstRender && inputHelperRef.current?.clientWidth) {\n return `${inputHelperRef.current?.clientWidth}px`;\n }\n\n if (value) {\n return `${String(value).length}ch`;\n }\n\n return defaultCharacterWidth;\n };\n\n const setValues = (event: ChangeEvent<HTMLInputElement> | null, newValue: number | string) => {\n setLastValidValue(newValue);\n setInnerValue(newValue);\n\n if (onChange) {\n onChange(event, newValue);\n }\n };\n\n const validateValue = (newValue: number | string) => {\n if (!newValue || !isNumber(newValue)) {\n setValues(null, lastValidValue);\n setIsAnimationRun(false);\n return;\n }\n\n const resValue = Number(newValue);\n if (max !== undefined && resValue > max) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(max);\n setIsAnimationRun(true);\n return;\n }\n\n if (min !== undefined && resValue < min) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(min);\n setIsAnimationRun(true);\n return;\n }\n\n if (String(newValue).endsWith('.')) {\n setValues(null, Number(newValue));\n setIsAnimationRun(false);\n return;\n }\n\n if (precision !== undefined) {\n const preciseNewValue = Number(getPreciseValue(newValue, precision));\n setValues(null, preciseNewValue);\n }\n\n setIsAnimationRun(false);\n };\n\n const handleManualInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n setIsAnimationRun(true);\n\n const { value: newValue } = event.target;\n\n if (!newValue) {\n setInnerValue('');\n\n if (onChange) {\n onChange(event, '');\n }\n return;\n }\n\n const cleanValue = newValue.replace(excludingNumberSchema, '');\n if (cleanValue.endsWith('.') || cleanValue === '-') {\n setInnerValue(cleanValue);\n\n if (onChange) {\n onChange(event, cleanValue);\n }\n return;\n }\n\n console.log('here');\n const isValid = numberSchema.test(cleanValue);\n\n if (!isValid) {\n console.log('not valid', cleanValue);\n setValues(event, lastValidValue);\n return;\n }\n console.log('valid!', cleanValue);\n\n if (\n textWrapperRef?.current &&\n wrapperRef?.current &&\n textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth\n ) {\n wrapperRef.current.scrollLeft =\n textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;\n }\n\n setValues(event, cleanValue);\n };\n\n const handleClickInputWrapper = () => {\n if (!isManualInput || !inputRef.current) {\n return;\n }\n\n if (!isInputFocused) {\n inputRef.current.select();\n }\n\n setIsInputFocused(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n validateValue(value);\n setIsInputFocused(false);\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n if (event.keyCode === keyCodes.Enter) {\n event.preventDefault();\n\n validateValue(value);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n }\n };\n\n const handleEndErrorAnimation = (correctValue: number) => {\n setIsAnimationRun(false);\n setIsInputFocused(false);\n\n setErrorClass(undefined);\n setValues(null, correctValue);\n };\n\n useEffect(() => {\n setDynamicWidth(getInputWidth());\n }, []);\n\n useDidMountEffect(() => {\n setDynamicWidth(getInputWidth(false));\n }, [value]);\n\n return (\n <InputWrapper\n ref={wrapperRef}\n className={cx(solidViewClass, errorClass, manualInputClass)}\n isManualInput={Boolean(isManualInput)}\n onClick={handleClickInputWrapper}\n >\n <TextWrapper ref={textWrapperRef}>\n {!isLoading && textBefore && (\n <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>\n )}\n {isLoading ? (\n <Loader>{loader || <StyledSpinner />}</Loader>\n ) : (\n <DynamicInput>\n <Input\n ref={inputForkRef}\n dynamicWidth={dynamicWidth}\n value={value}\n isManualInput={Boolean(isManualInput)}\n tabIndex={disabled || !isManualInput ? -1 : 0}\n onChange={handleManualInputChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onAnimationEnd={() => handleEndErrorAnimation(Number(errorValue))}\n {...rest}\n />\n <InputWidthHelper ref={inputHelperRef}>{value}</InputWidthHelper>\n </DynamicInput>\n )}\n {!isLoading && textAfter && (\n <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>\n )}\n </TextWrapper>\n </InputWrapper>\n );\n },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","precision","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","isInputFocused","setIsInputFocused","setIsAnimationRun","setInnerValue","onChange","onBlur","onKeyDown","rest","_objectWithoutProperties","_excluded","_useState","useState","concat","String","length","defaultCharacterWidth","_useState2","_slicedToArray","dynamicWidth","setDynamicWidth","_useState3","Number","_useState4","lastValidValue","setLastValidValue","_useState5","undefined","_useState6","errorClass","setErrorClass","_useState7","_useState8","errorValue","setErrorValue","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","_inputHelperRef$curre","firstRender","arguments","current","clientWidth","_inputHelperRef$curre2","setValues","event","newValue","validateValue","isNumber","resValue","errorAnimation","endsWith","preciseNewValue","getPreciseValue","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","excludingNumberSchema","console","log","isValid","numberSchema","test","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","handleKeyDown","keyCode","keyCodes","Enter","preventDefault","handleEndErrorAnimation","correctValue","useEffect","useDidMountEffect","React","createElement","InputWrapper","className","cx","Boolean","onClick","TextWrapper","AdditionalText","Loader","_StyledSpinner","StyledSpinner","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, ChangeEvent, FocusEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { classes } from '../../NumberInput.tokens';\nimport { cx, isNumber } from '../../../../utils';\nimport { useDidMountEffect } from '../../../../hooks';\nimport { defaultCharacterWidth, excludingNumberSchema, getPreciseValue, numberSchema } from '../../utils';\nimport { keyCodes } from '../../../../utils/constants';\n\nimport type { InputProps } from './Input.types';\nimport {\n AdditionalText,\n Input,\n InputWrapper,\n DynamicInput,\n InputWidthHelper,\n TextWrapper,\n StyledSpinner,\n Loader,\n} from './Input.styles';\n\nexport const NumberInput = forwardRef<HTMLInputElement, InputProps>(\n (\n {\n value,\n precision,\n min,\n max,\n isLoading,\n loader,\n disabled,\n segmentation,\n textBefore,\n textAfter,\n isManualInput,\n isInputFocused,\n setIsInputFocused,\n setIsAnimationRun,\n setInnerValue,\n onChange,\n onBlur,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const [dynamicWidth, setDynamicWidth] = useState(value ? `${String(value).length}ch` : defaultCharacterWidth);\n const [lastValidValue, setLastValidValue] = useState<number | string>(Number(value));\n const [errorClass, setErrorClass] = useState<string | undefined>(undefined);\n const [errorValue, setErrorValue] = useState<number>();\n\n const inputHelperRef = useRef<HTMLSpanElement>(null);\n const wrapperRef = useRef<HTMLDivElement>(null);\n const textWrapperRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const inputForkRef = useForkRef(inputRef, ref);\n\n const solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;\n const manualInputClass = isManualInput ? classes.manualInput : undefined;\n\n const getInputWidth = (firstRender = true) => {\n if (!firstRender && inputHelperRef.current?.clientWidth) {\n return `${inputHelperRef.current?.clientWidth}px`;\n }\n\n if (value) {\n return `${String(value).length}ch`;\n }\n\n return defaultCharacterWidth;\n };\n\n const setValues = (event: ChangeEvent<HTMLInputElement> | null, newValue: number | string) => {\n setLastValidValue(newValue);\n setInnerValue(newValue);\n\n if (onChange) {\n onChange(event, newValue);\n }\n };\n\n const validateValue = (newValue: number | string) => {\n if (!newValue || !isNumber(newValue)) {\n setValues(null, lastValidValue);\n setIsAnimationRun(false);\n return;\n }\n\n const resValue = Number(newValue);\n if (max !== undefined && resValue > max) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(max);\n setIsAnimationRun(true);\n return;\n }\n\n if (min !== undefined && resValue < min) {\n setErrorClass(classes.errorAnimation);\n setErrorValue(min);\n setIsAnimationRun(true);\n return;\n }\n\n if (String(newValue).endsWith('.')) {\n setValues(null, Number(newValue));\n setIsAnimationRun(false);\n return;\n }\n\n if (precision !== undefined) {\n const preciseNewValue = Number(getPreciseValue(newValue, precision));\n setValues(null, preciseNewValue);\n }\n\n setIsAnimationRun(false);\n };\n\n const handleManualInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n setIsAnimationRun(true);\n\n const { value: newValue } = event.target;\n\n if (!newValue) {\n setInnerValue('');\n\n if (onChange) {\n onChange(event, '');\n }\n return;\n }\n\n const cleanValue = newValue.replace(excludingNumberSchema, '');\n if (cleanValue.endsWith('.') || cleanValue === '-') {\n setInnerValue(cleanValue);\n\n if (onChange) {\n onChange(event, cleanValue);\n }\n return;\n }\n\n const isValid = numberSchema.test(cleanValue);\n\n if (!isValid) {\n setValues(event, lastValidValue);\n return;\n }\n\n if (\n textWrapperRef?.current &&\n wrapperRef?.current &&\n textWrapperRef?.current?.clientWidth > wrapperRef?.current?.clientWidth\n ) {\n wrapperRef.current.scrollLeft =\n textWrapperRef.current.offsetWidth - textWrapperRef.current.offsetLeft || 0;\n }\n\n setValues(event, cleanValue);\n };\n\n const handleClickInputWrapper = () => {\n if (!isManualInput || !inputRef.current) {\n return;\n }\n\n if (!isInputFocused) {\n inputRef.current.select();\n }\n\n setIsInputFocused(true);\n };\n\n const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n validateValue(value);\n setIsInputFocused(false);\n\n if (onBlur) {\n onBlur(event);\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!isManualInput || disabled) {\n return;\n }\n\n if (event.keyCode === keyCodes.Enter) {\n event.preventDefault();\n\n validateValue(value);\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n }\n };\n\n const handleEndErrorAnimation = (correctValue: number) => {\n setIsAnimationRun(false);\n setIsInputFocused(false);\n\n setErrorClass(undefined);\n setValues(null, correctValue);\n };\n\n useEffect(() => {\n setDynamicWidth(getInputWidth());\n }, []);\n\n useDidMountEffect(() => {\n setDynamicWidth(getInputWidth(false));\n }, [value]);\n\n return (\n <InputWrapper\n ref={wrapperRef}\n className={cx(solidViewClass, errorClass, manualInputClass)}\n isManualInput={Boolean(isManualInput)}\n onClick={handleClickInputWrapper}\n >\n <TextWrapper ref={textWrapperRef}>\n {!isLoading && textBefore && (\n <AdditionalText className={classes.textBefore}>{textBefore}</AdditionalText>\n )}\n {isLoading ? (\n <Loader>{loader || <StyledSpinner />}</Loader>\n ) : (\n <DynamicInput>\n <Input\n ref={inputForkRef}\n dynamicWidth={dynamicWidth}\n value={value}\n isManualInput={Boolean(isManualInput)}\n tabIndex={disabled || !isManualInput ? -1 : 0}\n onChange={handleManualInputChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onAnimationEnd={() => handleEndErrorAnimation(Number(errorValue))}\n {...rest}\n />\n <InputWidthHelper ref={inputHelperRef}>{value}</InputWidthHelper>\n </DynamicInput>\n )}\n {!isLoading && textAfter && (\n <AdditionalText className={classes.textAfter}>{textAfter}</AdditionalText>\n )}\n </TextWrapper>\n </InputWrapper>\n );\n },\n);\n"],"names":["NumberInput","forwardRef","_ref","ref","value","precision","min","max","isLoading","loader","disabled","segmentation","textBefore","textAfter","isManualInput","isInputFocused","setIsInputFocused","setIsAnimationRun","setInnerValue","onChange","onBlur","onKeyDown","rest","_objectWithoutProperties","_excluded","_useState","useState","concat","String","length","defaultCharacterWidth","_useState2","_slicedToArray","dynamicWidth","setDynamicWidth","_useState3","Number","_useState4","lastValidValue","setLastValidValue","_useState5","undefined","_useState6","errorClass","setErrorClass","_useState7","_useState8","errorValue","setErrorValue","inputHelperRef","useRef","wrapperRef","textWrapperRef","inputRef","inputForkRef","useForkRef","solidViewClass","classes","solidView","manualInputClass","manualInput","getInputWidth","_inputHelperRef$curre","firstRender","arguments","current","clientWidth","_inputHelperRef$curre2","setValues","event","newValue","validateValue","isNumber","resValue","errorAnimation","endsWith","preciseNewValue","getPreciseValue","handleManualInputChange","_textWrapperRef$curre","_wrapperRef$current","target","cleanValue","replace","excludingNumberSchema","isValid","numberSchema","test","scrollLeft","offsetWidth","offsetLeft","handleClickInputWrapper","select","handleBlur","handleKeyDown","keyCode","keyCodes","Enter","preventDefault","handleEndErrorAnimation","correctValue","useEffect","useDidMountEffect","React","createElement","InputWrapper","className","cx","Boolean","onClick","TextWrapper","AdditionalText","Loader","_StyledSpinner","StyledSpinner","DynamicInput","Input","_extends","tabIndex","onAnimationEnd","InputWidthHelper"],"mappings":"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"}
|
@@ -123,7 +123,7 @@
|
|
123
123
|
|
124
124
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
125
125
|
|
126
|
-
.
|
126
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
127
127
|
|
128
128
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
129
129
|
|
@@ -91,7 +91,7 @@
|
|
91
91
|
|
92
92
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
93
93
|
|
94
|
-
.
|
94
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
95
95
|
|
96
96
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
97
97
|
|
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
18
18
|
|
19
|
-
.
|
19
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
20
20
|
|
21
21
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
22
22
|
|
@@ -91,7 +91,7 @@
|
|
91
91
|
|
92
92
|
.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_156fjoi_b1w985rt__2d3175c1[readonly]:not(.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldClear__2d3175c1) .base_156fjoi_iq39zt5__2d3175c1:hover{background-color:transparent;}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_textfieldHasDivider__2d3175c1 .base_156fjoi_iq39zt5__2d3175c1:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_iq39zt5__2d3175c1:focus-within .base_156fjoi_i19ry60d__2d3175c1,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_i19ry60d__2d3175c1{color:var(--plasma-textfield__placeholder-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_io4bpie__2d3175c1{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_tlv9av6__2d3175c1{color:var(--plasma-textfield__title-caption-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_lb3k3v1__2d3175c1{color:var(--plasma-textfield__left-helper-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover,.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_156fjoi_b1w985rt__2d3175c1[readonly].base_156fjoi_labelPlacementOuter__2d3175c1 .base_156fjoi_luk2zst__2d3175c1{color:var(--plasma-textfield__label-color-readonly);}.base_156fjoi_b1w985rt__2d3175c1[readonly] .base_156fjoi_s190z894__2d3175c1:hover{cursor:default;}
|
93
93
|
|
94
|
-
.
|
94
|
+
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
95
95
|
|
96
96
|
.base_1htnb8e_bbsd6t5__6d144702 .base_1htnb8e_hgy0im1__6d144702{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
97
97
|
|