@salutejs/plasma-new-hope 0.336.0-canary.2237.17761786407.0 → 0.336.0-canary.2238.17818313113.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/Attach/Attach.css +9 -7
- package/cjs/components/Attach/Attach.js +13 -59
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/Attach.styles.js +21 -9
- package/cjs/components/Attach/Attach.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.styles_pso18d.css +7 -0
- package/cjs/components/Attach/Attach.tokens.js +1 -0
- package/cjs/components/Attach/Attach.tokens.js.map +1 -1
- package/cjs/components/Attach/utils/getFileicon.js +2 -2
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
- package/cjs/components/Attach/variations/_helperTextView/base.js +1 -1
- package/cjs/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
- package/cjs/components/Attach/variations/_size/base.js +1 -1
- package/cjs/components/Attach/variations/_size/base.js.map +1 -1
- package/cjs/components/Attach/variations/_size/{base_a4eelx.css → base_kpo9at.css} +1 -1
- package/cjs/components/Autocomplete/Autocomplete.css +8 -8
- package/cjs/components/Chip/Chip.css +5 -5
- package/cjs/components/Chip/Chip.js +1 -3
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.styles.js +1 -1
- package/cjs/components/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +8 -8
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Target/{Target.styles_11eakiz.css → Target.styles_13wbfyq.css} +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/cjs/components/Drawer/Drawer.css +2 -2
- package/cjs/components/Drawer/Drawer.js +10 -7
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +17 -2
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/{Drawer.styles_h5od79.css → Drawer.styles_1gcp61n.css} +1 -1
- package/cjs/components/Drawer/Drawer.tokens.js +10 -0
- package/cjs/components/Drawer/Drawer.tokens.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +11 -11
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +11 -11
- package/cjs/components/Range/Range.css +8 -8
- package/cjs/components/Select/Select.css +11 -11
- package/cjs/components/Select/Select.tokens.js +0 -1
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +11 -11
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1jxlt0y.css → Textfield.styles_1mikp58.css} +1 -1
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.css +1 -1
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +10 -4
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +2 -1
- package/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js.map +1 -1
- package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -1
- package/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js.map +1 -1
- package/cjs/components/Skeleton/LineSkeleton/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +9 -0
- package/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js.map +1 -0
- package/cjs/components/Skeleton/LineSkeleton/variations/_view/base_1it9pjr.css +1 -0
- package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -1
- package/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
- package/cjs/components/Skeleton/tokens.js +2 -1
- package/cjs/components/Skeleton/tokens.js.map +1 -1
- package/cjs/components/Slider/Slider.css +8 -8
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +8 -8
- package/cjs/components/Table/Table.css +11 -11
- package/cjs/components/Table/ui/Cell/Cell.css +11 -11
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +11 -11
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +11 -11
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +11 -11
- package/cjs/components/TextField/TextField.js +4 -6
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +0 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/hooks/useKeyNavigation.js +6 -15
- package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +8 -8
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/cjs/index.css +24 -22
- package/emotion/cjs/components/Attach/Attach.js +12 -51
- package/emotion/cjs/components/Attach/Attach.styles.js +28 -13
- package/emotion/cjs/components/Attach/Attach.tokens.js +1 -0
- package/emotion/cjs/components/Attach/utils/getFileicon.js +3 -3
- package/emotion/cjs/components/Attach/utils/index.js +2 -10
- package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Chip/Chip.js +1 -3
- package/emotion/cjs/components/Chip/Chip.styles.js +9 -9
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/cjs/components/Drawer/Drawer.js +13 -4
- package/emotion/cjs/components/Drawer/Drawer.styles.js +10 -4
- package/emotion/cjs/components/Drawer/Drawer.tokens.js +12 -0
- package/emotion/cjs/components/Select/Select.tokens.js +0 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
- package/emotion/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +5 -4
- package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -3
- package/emotion/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +14 -0
- package/emotion/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
- package/emotion/cjs/components/Skeleton/tokens.js +2 -1
- package/emotion/cjs/components/TextField/TextField.js +5 -7
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
- package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/emotion/cjs/examples/components/Attach/Attach.config.js +18 -18
- package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/cjs/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/components/Skeleton/LineSkeleton.config.js +23 -18
- package/emotion/cjs/examples/components/TextField/TextField.config.js +23 -23
- package/emotion/es/components/Attach/Attach.js +16 -55
- package/emotion/es/components/Attach/Attach.styles.js +20 -11
- package/emotion/es/components/Attach/Attach.tokens.js +1 -0
- package/emotion/es/components/Attach/utils/getFileicon.js +1 -1
- package/emotion/es/components/Attach/utils/index.js +1 -3
- package/emotion/es/components/Attach/variations/_size/base.js +2 -2
- package/emotion/es/components/Chip/Chip.js +1 -3
- package/emotion/es/components/Chip/Chip.styles.js +9 -9
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -2
- package/emotion/es/components/Drawer/Drawer.js +9 -5
- package/emotion/es/components/Drawer/Drawer.styles.js +11 -5
- package/emotion/es/components/Drawer/Drawer.tokens.js +9 -0
- package/emotion/es/components/Select/Select.tokens.js +0 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -9
- package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
- package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +5 -4
- package/emotion/es/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -3
- package/emotion/es/components/Skeleton/LineSkeleton/variations/_view/base.js +4 -0
- package/emotion/es/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
- package/emotion/es/components/Skeleton/tokens.js +2 -1
- package/emotion/es/components/TextField/TextField.js +5 -7
- package/emotion/es/components/TextField/TextField.tokens.js +0 -1
- package/emotion/es/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +5 -5
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/emotion/es/examples/components/Attach/Attach.config.js +18 -18
- package/emotion/es/examples/components/Chip/Chip.config.js +14 -14
- package/emotion/es/examples/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/components/Skeleton/LineSkeleton.config.js +23 -18
- package/emotion/es/examples/components/TextField/TextField.config.js +23 -23
- package/es/components/Attach/Attach.css +9 -7
- package/es/components/Attach/Attach.js +17 -63
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/Attach.styles.js +19 -9
- package/es/components/Attach/Attach.styles.js.map +1 -1
- package/es/components/Attach/Attach.styles_pso18d.css +7 -0
- package/es/components/Attach/Attach.tokens.js +1 -0
- package/es/components/Attach/Attach.tokens.js.map +1 -1
- package/es/components/Attach/utils/getFileicon.js +2 -2
- package/es/components/Attach/utils/getFileicon.js.map +1 -1
- package/es/components/Attach/variations/_helperTextView/base.js +1 -1
- package/es/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
- package/es/components/Attach/variations/_size/base.js +1 -1
- package/es/components/Attach/variations/_size/base.js.map +1 -1
- package/es/components/Attach/variations/_size/{base_a4eelx.css → base_kpo9at.css} +1 -1
- package/es/components/Autocomplete/Autocomplete.css +8 -8
- package/es/components/Chip/Chip.css +5 -5
- package/es/components/Chip/Chip.js +1 -3
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Chip/Chip.styles.js +1 -1
- package/es/components/Chip/Chip.styles.js.map +1 -1
- package/es/components/Chip/{Chip.styles_d9y94l.css → Chip.styles_fnd4j5.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +8 -8
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Target/{Target.styles_11eakiz.css → Target.styles_13wbfyq.css} +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +5 -5
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/es/components/Drawer/Drawer.css +2 -2
- package/es/components/Drawer/Drawer.js +8 -6
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Drawer/Drawer.styles.js +17 -2
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/{Drawer.styles_h5od79.css → Drawer.styles_1gcp61n.css} +1 -1
- package/es/components/Drawer/Drawer.tokens.js +10 -1
- package/es/components/Drawer/Drawer.tokens.js.map +1 -1
- package/es/components/Pagination/Pagination.css +11 -11
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +11 -11
- package/es/components/Range/Range.css +8 -8
- package/es/components/Select/Select.css +11 -11
- package/es/components/Select/Select.tokens.js +0 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +11 -11
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -13
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_1jxlt0y.css → Textfield.styles_1mikp58.css} +1 -1
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.css +1 -1
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js +10 -4
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +2 -1
- package/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton/variations/_size/base.js +1 -1
- package/es/components/Skeleton/LineSkeleton/variations/_size/base.js.map +1 -1
- package/es/components/Skeleton/LineSkeleton/variations/_size/base_x642ct.css +1 -0
- package/es/components/Skeleton/LineSkeleton/variations/_view/base.js +5 -0
- package/es/components/Skeleton/LineSkeleton/variations/_view/base.js.map +1 -0
- package/es/components/Skeleton/LineSkeleton/variations/_view/base_1it9pjr.css +1 -0
- package/es/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -1
- package/es/components/Skeleton/TextSkeleton/TextSkeleton.js.map +1 -1
- package/es/components/Skeleton/tokens.js +2 -1
- package/es/components/Skeleton/tokens.js.map +1 -1
- package/es/components/Slider/Slider.css +8 -8
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +8 -8
- package/es/components/Table/Table.css +11 -11
- package/es/components/Table/ui/Cell/Cell.css +11 -11
- package/es/components/Table/ui/EditableCell/EditableCell.css +11 -11
- package/es/components/Table/ui/HeadCell/HeadCell.css +11 -11
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +11 -11
- package/es/components/TextField/TextField.js +4 -6
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +0 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/hooks/useKeyNavigation.js +6 -15
- package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +8 -8
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +1 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChip/{TextFieldChip.styles_8puilg.css → TextFieldChip.styles_14q069b.css} +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +8 -8
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -1
- package/es/index.css +24 -22
- package/package.json +5 -5
- package/styled-components/cjs/components/Attach/Attach.js +12 -51
- package/styled-components/cjs/components/Attach/Attach.styles.js +31 -11
- package/styled-components/cjs/components/Attach/Attach.tokens.js +1 -0
- package/styled-components/cjs/components/Attach/utils/getFileicon.js +3 -3
- package/styled-components/cjs/components/Attach/utils/index.js +2 -10
- package/styled-components/cjs/components/Attach/variations/_size/base.js +2 -1
- package/styled-components/cjs/components/Chip/Chip.js +1 -3
- package/styled-components/cjs/components/Chip/Chip.styles.js +6 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
- package/styled-components/cjs/components/Drawer/Drawer.js +13 -4
- package/styled-components/cjs/components/Drawer/Drawer.styles.js +17 -4
- package/styled-components/cjs/components/Drawer/Drawer.tokens.js +12 -0
- package/styled-components/cjs/components/Select/Select.tokens.js +0 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -7
- package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
- package/styled-components/cjs/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +3 -2
- package/styled-components/cjs/components/Skeleton/LineSkeleton/variations/_size/base.js +2 -7
- package/styled-components/cjs/components/Skeleton/LineSkeleton/variations/_view/base.js +19 -0
- package/styled-components/cjs/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
- package/styled-components/cjs/components/Skeleton/tokens.js +2 -1
- package/styled-components/cjs/components/TextField/TextField.js +4 -6
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/styled-components/cjs/examples/components/Attach/Attach.config.js +8 -4
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +6 -18
- package/styled-components/cjs/examples/components/Combobox/Combobox.config.js +4 -8
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/Select/Select.config.js +3 -6
- package/styled-components/cjs/examples/components/Skeleton/LineSkeleton.config.js +12 -1
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +5 -10
- package/styled-components/es/components/Attach/Attach.js +16 -55
- package/styled-components/es/components/Attach/Attach.styles.js +23 -9
- package/styled-components/es/components/Attach/Attach.tokens.js +1 -0
- package/styled-components/es/components/Attach/utils/getFileicon.js +1 -1
- package/styled-components/es/components/Attach/utils/index.js +1 -3
- package/styled-components/es/components/Attach/variations/_size/base.js +3 -2
- package/styled-components/es/components/Chip/Chip.js +1 -3
- package/styled-components/es/components/Chip/Chip.styles.js +6 -7
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +2 -4
- package/styled-components/es/components/Drawer/Drawer.js +9 -5
- package/styled-components/es/components/Drawer/Drawer.styles.js +18 -5
- package/styled-components/es/components/Drawer/Drawer.tokens.js +9 -0
- package/styled-components/es/components/Select/Select.tokens.js +0 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +1 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -7
- package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.js +11 -5
- package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js +3 -2
- package/styled-components/es/components/Skeleton/LineSkeleton/variations/_size/base.js +2 -7
- package/styled-components/es/components/Skeleton/LineSkeleton/variations/_view/base.js +9 -0
- package/styled-components/es/components/Skeleton/TextSkeleton/TextSkeleton.js +4 -2
- package/styled-components/es/components/Skeleton/tokens.js +2 -1
- package/styled-components/es/components/TextField/TextField.js +4 -6
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +4 -11
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +0 -1
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.styles.js +3 -5
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +8 -15
- package/styled-components/es/examples/components/Attach/Attach.config.js +8 -4
- package/styled-components/es/examples/components/Chip/Chip.config.js +6 -18
- package/styled-components/es/examples/components/Combobox/Combobox.config.js +4 -8
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/Select/Select.config.js +3 -6
- package/styled-components/es/examples/components/Skeleton/LineSkeleton.config.js +12 -1
- package/styled-components/es/examples/components/TextField/TextField.config.js +5 -10
- package/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Attach/Attach.styles.d.ts +3 -1
- package/types/components/Attach/Attach.styles.d.ts.map +1 -1
- package/types/components/Attach/Attach.tokens.d.ts +1 -0
- package/types/components/Attach/Attach.tokens.d.ts.map +1 -1
- package/types/components/Attach/Attach.types.d.ts +7 -0
- package/types/components/Attach/Attach.types.d.ts.map +1 -1
- package/types/components/Attach/utils/getFileicon.d.ts +1 -1
- package/types/components/Attach/utils/index.d.ts +1 -3
- package/types/components/Attach/utils/index.d.ts.map +1 -1
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Chip/Chip.styles.d.ts.map +1 -1
- package/types/components/Chip/Chip.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts +2 -0
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.styles.d.ts +2 -1
- package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.tokens.d.ts +9 -0
- package/types/components/Drawer/Drawer.tokens.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.types.d.ts +16 -0
- package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +0 -1
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts +3 -0
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.d.ts.map +1 -1
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.styles.d.ts.map +1 -1
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.types.d.ts +1 -1
- package/types/components/Skeleton/LineSkeleton/LineSkeleton.types.d.ts.map +1 -1
- package/types/components/Skeleton/LineSkeleton/variations/_size/base.d.ts.map +1 -1
- package/types/components/Skeleton/LineSkeleton/variations/_view/base.d.ts +2 -0
- package/types/components/Skeleton/LineSkeleton/variations/_view/base.d.ts.map +1 -0
- package/types/components/Skeleton/Skeleton.types.d.ts +1 -0
- package/types/components/Skeleton/Skeleton.types.d.ts.map +1 -1
- package/types/components/Skeleton/TextSkeleton/TextSkeleton.d.ts.map +1 -1
- package/types/components/Skeleton/tokens.d.ts +1 -0
- package/types/components/Skeleton/tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +2 -11
- package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.styles.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.config.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.config.d.ts.map +1 -1
- package/types/examples/components/Drawer/Drawer.d.ts +1 -0
- package/types/examples/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/examples/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/components/Skeleton/LineSkeleton.config.d.ts +5 -0
- package/types/examples/components/Skeleton/LineSkeleton.config.d.ts.map +1 -1
- package/types/examples/components/Skeleton/Skeleton.d.ts +8 -0
- package/types/examples/components/Skeleton/Skeleton.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/cjs/components/Attach/Attach.styles_1w3ga58.css +0 -5
- package/cjs/components/Attach/utils/addSeparator.js +0 -18
- package/cjs/components/Attach/utils/addSeparator.js.map +0 -1
- package/cjs/components/Attach/utils/index.js +0 -8
- package/cjs/components/Attach/utils/index.js.map +0 -1
- package/cjs/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
- package/cjs/components/Skeleton/LineSkeleton/variations/_size/base_1wf7n5i.css +0 -1
- package/emotion/cjs/components/Attach/utils/addSeparator.js +0 -20
- package/emotion/es/components/Attach/utils/addSeparator.js +0 -10
- package/es/components/Attach/Attach.styles_1w3ga58.css +0 -5
- package/es/components/Attach/utils/addSeparator.js +0 -14
- package/es/components/Attach/utils/addSeparator.js.map +0 -1
- package/es/components/Attach/utils/index.js +0 -4
- package/es/components/Attach/utils/index.js.map +0 -1
- package/es/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
- package/es/components/Skeleton/LineSkeleton/variations/_size/base_1wf7n5i.css +0 -1
- package/styled-components/cjs/components/Attach/utils/addSeparator.js +0 -20
- package/styled-components/es/components/Attach/utils/addSeparator.js +0 -10
- package/types/components/Attach/utils/addSeparator.d.ts +0 -2
- package/types/components/Attach/utils/addSeparator.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.base_1it9pjr_b160f301__9d69d9df{height:var(--plasma-skeleton-line-height);}.base_1it9pjr_b160f301__9d69d9df .base_1it9pjr_sn3du7u__9d69d9df{height:var(--plasma-skeleton-visible-line-height);}
|
|
2
2
|
|
|
3
3
|
.LineSkeleton_styles_7yl72k_blop34g__2466eef2{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;width:100%;}
|
|
4
4
|
.LineSkeleton_styles_7yl72k_sn3du7u__2466eef2{position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:var(--sn3du7u-0);border-radius:var(--plasma_private-line-skeleton-roundness);--plasma_private-line-skeleton-gradient:var(--sn3du7u-1);position:relative;overflow:hidden;z-index:1;}.LineSkeleton_styles_7yl72k_sn3du7u__2466eef2::before{content:'';position:absolute;top:0;left:-100vw;width:200vw;height:100%;-webkit-animation:LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2 4s linear infinite;animation:LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2 4s linear infinite;background-image:var(--plasma_private-line-skeleton-gradient);}@-webkit-keyframes LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}@keyframes LineSkeleton_styles_7yl72k_loadingSn3du7u__2466eef2{from{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw);}}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { base as base$1 } from './variations/_size/base.js';
|
|
4
|
+
import { base as base$2 } from './variations/_view/base.js';
|
|
4
5
|
import { StyledVisibleLine, base } from './LineSkeleton.styles.js';
|
|
5
6
|
import { getSkeletonColor } from '../../../mixins/applySkeletonGradient.js';
|
|
6
7
|
import { getRoundness } from '../../../mixins/applyRoundness.js';
|
|
7
8
|
|
|
8
|
-
var _excluded = ["size", "lighter", "customGradientColor", "roundness"];
|
|
9
|
+
var _excluded = ["size", "lighter", "customGradientColor", "roundness", "view"];
|
|
9
10
|
/**
|
|
10
11
|
* Копонент-составляющая Скелетона
|
|
11
12
|
*/
|
|
@@ -16,17 +17,19 @@ var lineSkeletonRoot = function lineSkeletonRoot(Root) {
|
|
|
16
17
|
customGradientColor = _ref.customGradientColor,
|
|
17
18
|
_ref$roundness = _ref.roundness,
|
|
18
19
|
roundness = _ref$roundness === void 0 ? '16' : _ref$roundness,
|
|
20
|
+
view = _ref.view,
|
|
19
21
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
22
|
var roundnessValue = getRoundness({
|
|
21
23
|
roundness: roundness
|
|
22
24
|
});
|
|
23
|
-
var skeletonGradientColor = getSkeletonColor({
|
|
25
|
+
var skeletonGradientColor = lighter ? getSkeletonColor({
|
|
24
26
|
lighter: lighter,
|
|
25
27
|
customGradientColor: customGradientColor
|
|
26
|
-
});
|
|
28
|
+
}) : undefined;
|
|
27
29
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
28
30
|
ref: outerRootRef,
|
|
29
|
-
size: size
|
|
31
|
+
size: size,
|
|
32
|
+
view: view
|
|
30
33
|
}, rest), /*#__PURE__*/React.createElement(StyledVisibleLine, {
|
|
31
34
|
roundness: roundnessValue,
|
|
32
35
|
gradientColor: skeletonGradientColor
|
|
@@ -41,6 +44,9 @@ var lineSkeletonConfig = {
|
|
|
41
44
|
variations: {
|
|
42
45
|
size: {
|
|
43
46
|
css: base$1
|
|
47
|
+
},
|
|
48
|
+
view: {
|
|
49
|
+
css: base$2
|
|
44
50
|
}
|
|
45
51
|
},
|
|
46
52
|
defaults: {}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineSkeleton.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n forwardRef<HTMLDivElement, LineSkeletonProps>(\n ({ size, lighter, customGradientColor, roundness = '16', ...rest }, outerRootRef) => {\n const roundnessValue = getRoundness({ roundness });\n const skeletonGradientColor = getSkeletonColor({ lighter, customGradientColor });\n\n return (\n <Root ref={outerRootRef} size={size} {...rest}>\n <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n </Root>\n );\n },\n );\n\nexport const lineSkeletonConfig = {\n name: 'LineSkeleton',\n tag: 'div',\n layout: lineSkeletonRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n },\n defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","_ref","outerRootRef","size","lighter","customGradientColor","_ref$roundness","roundness","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","defaults"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LineSkeleton.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { getRoundness, getSkeletonColor } from '../../../mixins';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { StyledVisibleLine, base } from './LineSkeleton.styles';\nimport type { LineSkeletonProps } from './LineSkeleton.types';\n\n/**\n * Копонент-составляющая Скелетона\n */\nexport const lineSkeletonRoot = (Root: RootProps<HTMLDivElement, LineSkeletonProps>) =>\n forwardRef<HTMLDivElement, LineSkeletonProps>(\n ({ size, lighter, customGradientColor, roundness = '16', view, ...rest }, outerRootRef) => {\n const roundnessValue = getRoundness({ roundness });\n const skeletonGradientColor = lighter ? getSkeletonColor({ lighter, customGradientColor }) : undefined;\n\n return (\n <Root ref={outerRootRef} size={size} view={view} {...rest}>\n <StyledVisibleLine roundness={roundnessValue} gradientColor={skeletonGradientColor} />\n </Root>\n );\n },\n );\n\nexport const lineSkeletonConfig = {\n name: 'LineSkeleton',\n tag: 'div',\n layout: lineSkeletonRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {},\n};\n"],"names":["lineSkeletonRoot","Root","forwardRef","_ref","outerRootRef","size","lighter","customGradientColor","_ref$roundness","roundness","view","rest","_objectWithoutProperties","_excluded","roundnessValue","getRoundness","skeletonGradientColor","getSkeletonColor","undefined","React","createElement","_extends","ref","StyledVisibleLine","gradientColor","lineSkeletonConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","defaults"],"mappings":";;;;;;;;;AAUA;AACA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,UAAU,CACN,UAAAC,IAAA,EAA0EC,YAAY,EAAK;AAAA,IAAA,IAAxFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;MAAEC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MAAAC,cAAA,GAAAL,IAAA,CAAEM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAAEE,IAAI,GAAAP,IAAA,CAAJO,IAAI;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;IAClE,IAAMC,cAAc,GAAGC,YAAY,CAAC;AAAEN,MAAAA,SAAS,EAATA,SAAAA;AAAU,KAAC,CAAC,CAAA;AAClD,IAAA,IAAMO,qBAAqB,GAAGV,OAAO,GAAGW,gBAAgB,CAAC;AAAEX,MAAAA,OAAO,EAAPA,OAAO;AAAEC,MAAAA,mBAAmB,EAAnBA,mBAAAA;KAAqB,CAAC,GAAGW,SAAS,CAAA;AAEtG,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACnB,IAAI,EAAAoB,QAAA,CAAA;AAACC,MAAAA,GAAG,EAAElB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACK,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EAAKC,IAAI,CACrDQ,eAAAA,KAAA,CAAAC,aAAA,CAACG,iBAAiB,EAAA;AAACd,MAAAA,SAAS,EAAEK,cAAe;AAACU,MAAAA,aAAa,EAAER,qBAAAA;AAAsB,KAAE,CACnF,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMS,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5B,gBAAgB;AACxB6B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRzB,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDtB,IAAAA,IAAI,EAAE;AACFqB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import './LineSkeleton.styles_7yl72k.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
|
+
import { tokens } from '../tokens.js';
|
|
3
4
|
|
|
4
5
|
var base = "blop34g";
|
|
5
6
|
var _exp = function _exp() {
|
|
@@ -11,7 +12,7 @@ var _exp = function _exp() {
|
|
|
11
12
|
var _exp3 = function _exp3() {
|
|
12
13
|
return function (_ref2) {
|
|
13
14
|
var gradientColor = _ref2.gradientColor;
|
|
14
|
-
return gradientColor;
|
|
15
|
+
return gradientColor || "var(".concat(tokens.gradientColor, ")");
|
|
15
16
|
};
|
|
16
17
|
};
|
|
17
18
|
var StyledVisibleLine = /*#__PURE__*/styled('div')({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineSkeleton.styles.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\n\nimport type { StyledVisibleLineProps } from './LineSkeleton.types';\n\nexport const base = css`\n display: flex;\n align-items: center;\n\n width: 100%;\n`;\n\nexport const StyledVisibleLine = styled.div<StyledVisibleLineProps>`\n position: relative;\n overflow: hidden;\n\n width: 100%;\n\n --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor};\n ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["base","_exp","_ref","roundness","_exp3","_ref2","gradientColor","StyledVisibleLine","styled","name","class","propsAsIs","vars"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LineSkeleton.styles.js","sources":["../../../../src/components/Skeleton/LineSkeleton/LineSkeleton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyRoundness, applySkeletonGradient } from '../../../mixins';\nimport { tokens } from '../tokens';\n\nimport type { StyledVisibleLineProps } from './LineSkeleton.types';\n\nexport const base = css`\n display: flex;\n align-items: center;\n\n width: 100%;\n`;\n\nexport const StyledVisibleLine = styled.div<StyledVisibleLineProps>`\n position: relative;\n overflow: hidden;\n\n width: 100%;\n\n --plasma_private-line-skeleton-roundness: ${({ roundness }) => roundness};\n ${applyRoundness('var(--plasma_private-line-skeleton-roundness)')};\n\n --plasma_private-line-skeleton-gradient: ${({ gradientColor }) => gradientColor || `var(${tokens.gradientColor})`};\n ${applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)')};\n`;\n"],"names":["base","_exp","_ref","roundness","_exp3","_ref2","gradientColor","concat","tokens","StyledVisibleLine","styled","name","class","propsAsIs","vars"],"mappings":";;;AAQO,IAAMA,IAAI,GAKhB,UAAA;AAAC,IAAAC,IAAA,GAZgBA,SAYhBA,IAAAA,GAAA;AAAA,EAAA,OAQ8C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApB1DA,SAoB0DA,KAAAA,GAAA;AAAA,EAAA,OAG7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAoBA,aAAa,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACF,aAAa,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAT9G,IAAMG,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMSb,IAA4B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAG7BG,KAAsE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEpH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../../src/components/Skeleton/LineSkeleton/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledVisibleLine } from '../../LineSkeleton.styles';\nimport { tokens } from '../../../tokens';\n\nexport const base = css`\n height: var(${tokens.lineHeight});\n\n & ${StyledVisibleLine} {\n height: var(${tokens.visibleLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAMhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b160f301{height:var(--plasma-skeleton-line-height);}.b160f301 .sn3du7u{height:var(--plasma-skeleton-visible-line-height);}
|
|
@@ -2,7 +2,7 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
|
|
|
2
2
|
import React, { useState, useEffect } from 'react';
|
|
3
3
|
import { StyledTextSkeleton } from './TextSkeleton.styles.js';
|
|
4
4
|
|
|
5
|
-
var _excluded = ["lines", "width", "roundness", "customGradientColor", "lighter", "size"];
|
|
5
|
+
var _excluded = ["lines", "width", "roundness", "customGradientColor", "lighter", "size", "view"];
|
|
6
6
|
var variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];
|
|
7
7
|
|
|
8
8
|
/**
|
|
@@ -18,6 +18,8 @@ var textSkeleton = function textSkeleton(Component) {
|
|
|
18
18
|
lighter = _ref.lighter,
|
|
19
19
|
_ref$size = _ref.size,
|
|
20
20
|
size = _ref$size === void 0 ? 'bodyM' : _ref$size,
|
|
21
|
+
_ref$view = _ref.view,
|
|
22
|
+
view = _ref$view === void 0 ? 'default' : _ref$view,
|
|
21
23
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
24
|
var _useState = useState(null),
|
|
23
25
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -59,6 +61,7 @@ var textSkeleton = function textSkeleton(Component) {
|
|
|
59
61
|
return /*#__PURE__*/React.createElement(ComponentSkeleton, {
|
|
60
62
|
key: "line:".concat(i),
|
|
61
63
|
size: size,
|
|
64
|
+
view: view,
|
|
62
65
|
roundness: roundness,
|
|
63
66
|
customGradientColor: customGradientColor,
|
|
64
67
|
lighter: lighter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextSkeleton.js","sources":["../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonBaseProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = <T extends LineSkeletonProps>(\n Component: FC<T>,\n): FC<T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>> => ({\n lines,\n width,\n roundness,\n customGradientColor,\n lighter,\n size = 'bodyM',\n ...props\n}: T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>) => {\n const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n const [linesWidth, setLinesWidth] = useState([]);\n\n useEffect(() => {\n if (!width) {\n setFixedWidth(null);\n const computedLengths = Array(lines)\n .fill(0)\n .reduce((acc, _, i) => {\n let w;\n // Последняя строка\n if (i === lines - 1 && lines !== 1) {\n w = 45 - variousWidth[i % variousWidth.length];\n } else if (lines === 1 || lines === 2) {\n // Единственная или первая из двух\n w = 100;\n } else {\n w = 100 - variousWidth[i % variousWidth.length];\n }\n\n return { ...acc, [i]: w };\n }, {});\n\n setLinesWidth(Object.values(computedLengths));\n return;\n }\n\n if (!Number.isNaN(Number(width))) {\n setFixedWidth(`${width}%`);\n } else {\n setFixedWidth(String(width));\n }\n }, [width, lines]);\n\n // TODO: Подумать как можно обойти явное приведение типов\n const ComponentSkeleton = Component as FC<LineSkeletonProps>;\n\n return (\n <StyledTextSkeleton {...props}>\n {Array.from(Array<number>(lines), (_, i) => {\n return (\n <ComponentSkeleton\n key={`line:${i}`}\n size={size}\n roundness={roundness}\n customGradientColor={customGradientColor}\n lighter={lighter}\n style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n />\n );\n })}\n </StyledTextSkeleton>\n );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","ComponentSkeleton","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":";;;;;AAQA,IAAMA,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;;AAElH;AACA;AACA;AACA;IACaC,YAAY,GAAG,SAAfA,YAAYA,CACrBC,SAAgB,EAAA;EAAA,OACiD,UAAAC,IAAA,
|
|
1
|
+
{"version":3,"file":"TextSkeleton.js","sources":["../../../../src/components/Skeleton/TextSkeleton/TextSkeleton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { FC, HTMLAttributes } from 'react';\n\nimport type { LineSkeletonProps } from '../LineSkeleton';\n\nimport type { TextSkeletonBaseProps } from './TextSkeleton.types';\nimport { StyledTextSkeleton } from './TextSkeleton.styles';\n\nconst variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];\n\n/**\n * Хок для создания компонента плейсхолдера нескольких строк текста.\n * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).\n */\nexport const textSkeleton = <T extends LineSkeletonProps>(\n Component: FC<T>,\n): FC<T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>> => ({\n lines,\n width,\n roundness,\n customGradientColor,\n lighter,\n size = 'bodyM',\n view = 'default',\n ...props\n}: T & TextSkeletonBaseProps & HTMLAttributes<HTMLDivElement>) => {\n const [fixedWidth, setFixedWidth] = useState<string | number | null>(null);\n const [linesWidth, setLinesWidth] = useState([]);\n\n useEffect(() => {\n if (!width) {\n setFixedWidth(null);\n const computedLengths = Array(lines)\n .fill(0)\n .reduce((acc, _, i) => {\n let w;\n // Последняя строка\n if (i === lines - 1 && lines !== 1) {\n w = 45 - variousWidth[i % variousWidth.length];\n } else if (lines === 1 || lines === 2) {\n // Единственная или первая из двух\n w = 100;\n } else {\n w = 100 - variousWidth[i % variousWidth.length];\n }\n\n return { ...acc, [i]: w };\n }, {});\n\n setLinesWidth(Object.values(computedLengths));\n return;\n }\n\n if (!Number.isNaN(Number(width))) {\n setFixedWidth(`${width}%`);\n } else {\n setFixedWidth(String(width));\n }\n }, [width, lines]);\n\n // TODO: Подумать как можно обойти явное приведение типов\n const ComponentSkeleton = Component as FC<LineSkeletonProps>;\n\n return (\n <StyledTextSkeleton {...props}>\n {Array.from(Array<number>(lines), (_, i) => {\n return (\n <ComponentSkeleton\n key={`line:${i}`}\n size={size}\n view={view}\n roundness={roundness}\n customGradientColor={customGradientColor}\n lighter={lighter}\n style={{ width: fixedWidth || `${linesWidth[i]}%` }}\n />\n );\n })}\n </StyledTextSkeleton>\n );\n};\n"],"names":["variousWidth","textSkeleton","Component","_ref","lines","width","roundness","customGradientColor","lighter","_ref$size","size","_ref$view","view","props","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","fixedWidth","setFixedWidth","_useState3","_useState4","linesWidth","setLinesWidth","useEffect","computedLengths","Array","fill","reduce","acc","_","i","w","length","_objectSpread","_defineProperty","Object","values","Number","isNaN","concat","String","ComponentSkeleton","React","createElement","StyledTextSkeleton","from","key","style"],"mappings":";;;;;AAQA,IAAMA,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;;AAElH;AACA;AACA;AACA;IACaC,YAAY,GAAG,SAAfA,YAAYA,CACrBC,SAAgB,EAAA;EAAA,OACiD,UAAAC,IAAA,EASH;AAAA,IAAA,IAR9DC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;MACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;MACnBC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAAC,SAAA,GAAAN,IAAA,CACPO,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,SAAA;MAAAE,SAAA,GAAAR,IAAA,CACdS,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,SAAA;AACbE,MAAAA,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAER,IAAA,IAAAC,SAAA,GAAoCC,QAAQ,CAAyB,IAAI,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnEI,MAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,IAAA,IAAAI,UAAA,GAAoCL,QAAQ,CAAC,EAAE,CAAC;MAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzCE,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhCG,IAAAA,SAAS,CAAC,YAAM;MACZ,IAAI,CAACrB,KAAK,EAAE;QACRgB,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,IAAMM,eAAe,GAAGC,KAAK,CAACxB,KAAK,CAAC,CAC/ByB,IAAI,CAAC,CAAC,CAAC,CACPC,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,EAAEC,CAAC,EAAK;AACnB,UAAA,IAAIC,CAAC,CAAA;AACL;UACA,IAAID,CAAC,KAAK7B,KAAK,GAAG,CAAC,IAAIA,KAAK,KAAK,CAAC,EAAE;YAChC8B,CAAC,GAAG,EAAE,GAAGlC,YAAY,CAACiC,CAAC,GAAGjC,YAAY,CAACmC,MAAM,CAAC,CAAA;WACjD,MAAM,IAAI/B,KAAK,KAAK,CAAC,IAAIA,KAAK,KAAK,CAAC,EAAE;AACnC;AACA8B,YAAAA,CAAC,GAAG,GAAG,CAAA;AACX,WAAC,MAAM;YACHA,CAAC,GAAG,GAAG,GAAGlC,YAAY,CAACiC,CAAC,GAAGjC,YAAY,CAACmC,MAAM,CAAC,CAAA;AACnD,WAAA;UAEA,OAAAC,cAAA,CAAAA,cAAA,CAAYL,EAAAA,EAAAA,GAAG,OAAAM,eAAA,CAAA,EAAA,EAAGJ,CAAC,EAAGC,CAAC,CAAA,CAAA,CAAA;SAC1B,EAAE,EAAE,CAAC,CAAA;AAEVT,QAAAA,aAAa,CAACa,MAAM,CAACC,MAAM,CAACZ,eAAe,CAAC,CAAC,CAAA;AAC7C,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI,CAACa,MAAM,CAACC,KAAK,CAACD,MAAM,CAACnC,KAAK,CAAC,CAAC,EAAE;AAC9BgB,QAAAA,aAAa,CAAAqB,EAAAA,CAAAA,MAAA,CAAIrC,KAAK,MAAG,CAAC,CAAA;AAC9B,OAAC,MAAM;AACHgB,QAAAA,aAAa,CAACsB,MAAM,CAACtC,KAAK,CAAC,CAAC,CAAA;AAChC,OAAA;AACJ,KAAC,EAAE,CAACA,KAAK,EAAED,KAAK,CAAC,CAAC,CAAA;;AAElB;IACA,IAAMwC,iBAAiB,GAAG1C,SAAkC,CAAA;IAE5D,oBACI2C,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAKlC,KAAK,EACxBe,KAAK,CAACoB,IAAI,CAACpB,KAAK,CAASxB,KAAK,CAAC,EAAE,UAAC4B,CAAC,EAAEC,CAAC,EAAK;AACxC,MAAA,oBACIY,KAAA,CAAAC,aAAA,CAACF,iBAAiB,EAAA;AACdK,QAAAA,GAAG,EAAAP,OAAAA,CAAAA,MAAA,CAAUT,CAAC,CAAG;AACjBvB,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,IAAI,EAAEA,IAAK;AACXN,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,QAAAA,OAAO,EAAEA,OAAQ;AACjB0C,QAAAA,KAAK,EAAE;UAAE7C,KAAK,EAAEe,UAAU,IAAAsB,EAAAA,CAAAA,MAAA,CAAOlB,UAAU,CAACS,CAAC,CAAC,EAAA,GAAA,CAAA;AAAI,SAAA;AAAE,OACvD,CAAC,CAAA;AAEV,KAAC,CACe,CAAC,CAAA;GAE5B,CAAA;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/components/Skeleton/tokens.ts"],"sourcesContent":["export const tokens = {\n lineHeight: '--plasma-skeleton-line-height',\n visibleLineHeight: '--plasma-skeleton-visible-line-height',\n};\n"],"names":["tokens","lineHeight","visibleLineHeight"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,iBAAiB,EAAE,
|
|
1
|
+
{"version":3,"file":"tokens.js","sources":["../../../src/components/Skeleton/tokens.ts"],"sourcesContent":["export const tokens = {\n lineHeight: '--plasma-skeleton-line-height',\n visibleLineHeight: '--plasma-skeleton-visible-line-height',\n gradientColor: '--plasma-skeleton-gradient-color',\n};\n"],"names":["tokens","lineHeight","visibleLineHeight","gradientColor"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,aAAa,EAAE,kCAAA;AACnB;;;;"}
|
|
@@ -79,14 +79,14 @@
|
|
|
79
79
|
|
|
80
80
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
81
81
|
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
87
|
-
|
|
88
|
-
.
|
|
89
|
-
.
|
|
82
|
+
.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
83
|
+
.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
|
|
84
|
+
.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
85
|
+
.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
|
|
86
|
+
.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
|
87
|
+
|
|
88
|
+
.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
89
|
+
.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
|
|
90
90
|
|
|
91
91
|
.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
92
92
|
.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
|
|
@@ -70,14 +70,14 @@
|
|
|
70
70
|
|
|
71
71
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
72
72
|
|
|
73
|
-
.
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
78
|
-
|
|
79
|
-
.
|
|
80
|
-
.
|
|
73
|
+
.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
74
|
+
.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
|
|
75
|
+
.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
76
|
+
.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
|
|
77
|
+
.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
|
78
|
+
|
|
79
|
+
.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
80
|
+
.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
|
|
81
81
|
|
|
82
82
|
.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
83
83
|
.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
|
|
@@ -71,24 +71,24 @@
|
|
|
71
71
|
|
|
72
72
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
73
73
|
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
78
|
-
.
|
|
74
|
+
.Chip_styles_fnd4j5_bol5daj__7a13f27c{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
75
|
+
.Chip_styles_fnd4j5_sj20on5__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);color:var(--plasma-chip-left-content-color);}
|
|
76
|
+
.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
77
|
+
.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
|
|
78
|
+
.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
|
79
79
|
|
|
80
|
-
.
|
|
81
|
-
.
|
|
80
|
+
.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
81
|
+
.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
|
|
82
82
|
|
|
83
83
|
.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
84
84
|
.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
|
|
85
85
|
|
|
86
86
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
87
87
|
|
|
88
|
-
.Textfield_styles_1jxlt0y_s1yhwv5r__d1eecaa0{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-close-icon-color-hover:var(--plasma-select-textfield-chip-close-icons-color-hover);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1jxlt0y_s1yhwv5r__d1eecaa0 div.Textfield_styles_1jxlt0y_inputWrapper__d1eecaa0:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1jxlt0y_s1yhwv5r__d1eecaa0.Textfield_styles_1jxlt0y_readonly__d1eecaa0{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
|
89
|
-
.
|
|
90
|
-
.
|
|
91
|
-
.
|
|
88
|
+
.Textfield_styles_1mikp58_s1yhwv5r__b997b904{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--s1yhwv5r-2);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield__right-content-with-hint-margin:var(--plasma-select-textfield-right-content-with-hint-margin);--plasma-textfield-content-right-wrapper-gap:var(--plasma-select-textfield-content-right-wrapper-gap);--plasma-textfield-content-right-wrapper-margin:var(--plasma-select-textfield-content-right-wrapper-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-family:var(--plasma-select-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-select-textfield__hint-custom-icon-target-size);--plasma-textfield__hint-margin:var(--plasma-select-textfield__hint-margin);--plasma-textfield__hint-target-size:var(--plasma-select-textfield__hint-target-size);--plasma-textfield__hint-icon-color:var(--plasma-select-textfield__hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-select-textfield__hint-inner-label-placement-offset);--plasma-textfield__clear-hint-inner-label-placement-offset:var(--plasma-select-textfield__clear-hint-inner-label-placement-offset);--plasma-textfield__tooltip-background-color:var(--plasma-select-textfield__tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-select-textfield__tooltip-box-shadow);--plasma-textfield__tooltip-color:var(--plasma-select-textfield__tooltip-color);--plasma-textfield__tooltip-padding-top:var(--plasma-select-textfield__tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-select-textfield__tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-select-textfield__tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-select-textfield__tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-select-textfield__tooltip-min-height);--plasma-textfield__tooltip-border-radius:var(--plasma-select-textfield__tooltip-border-radius);--plasma-textfield__tooltip-text-font-family:var(--plasma-select-textfield__tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-select-textfield__tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-select-textfield__tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-select-textfield__tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-select-textfield__tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-select-textfield__tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-select-textfield__tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-select-textfield__tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-select-textfield__tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-select-textfield__tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-height:var(--plasma-select-textfield__tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-select-textfield__tooltip-arrow-edge-margin);--plasma-textfield__tooltip-arrow-background:var(--plasma-select-textfield__tooltip-arrow-background);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding:var(--plasma-select-textfield-chip-padding);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield__indicator-color:var(--plasma-select-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-select-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-select-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-select-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-select-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-select-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-select-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-select-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-placement-inner-right );--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-select-new-textfield-clear-indicator-hint-placement-inner-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);--plasma-textfield-box-shadow:var(--s1yhwv5r-3);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904 div.Textfield_styles_1mikp58_inputWrapper__b997b904:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}.Textfield_styles_1mikp58_s1yhwv5r__b997b904.Textfield_styles_1mikp58_readonly__b997b904{--plasma-textfield-color-readonly:var(--plasma-select-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-select-textfield-bg-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-select-textfield__placeholder-color-readonly);--plasma-textfield-divider-color-readonly:var(--plasma-select-textfield-divider-color-readonly);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield__left-helper-color-readonly);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield__label-color-readonly);--plasma-textfield__title-caption-color-readonly:var(--plasma-select-textfield__title-caption-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-select-textfield-readonly-opacity);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield__chip-color-readonly);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield__chip-color-readonly-hover);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield__chip-background-readonly);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield__chip-background-readonly-hover);--plasma-textfield__chip-opacity-readonly:var(--plasma-select-textfield__chip-opacity-readonly);--plasma-textfield-box-shadow:none;}
|
|
89
|
+
.Textfield_styles_1mikp58_i7x5udn__b997b904{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);opacity:var(--i7x5udn-2);}.Textfield_styles_1mikp58_i7x5udn__b997b904 .Textfield_styles_1mikp58_arrowInverse__b997b904{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1mikp58_i7x5udn__b997b904:hover,.Textfield_styles_1mikp58_i7x5udn__b997b904:active{color:var(--i7x5udn-1);}
|
|
90
|
+
.Textfield_styles_1mikp58_s2oocb4__b997b904{width:var(--s2oocb4-0);height:var(--s2oocb4-0);}
|
|
91
|
+
.Textfield_styles_1mikp58_s1kxyc50__b997b904{margin:0;padding:0;}
|
|
92
92
|
|
|
93
93
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
|
94
94
|
|