@salutejs/plasma-new-hope 0.74.0-canary.1176.8645254725.0 → 0.74.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Checkbox/Checkbox.js +57 -20
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox_1q4l832.css +7 -0
- package/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
- package/cjs/components/{Radiobox/variations/_focused → Checkbox/_disabled}/base.js +2 -2
- package/cjs/components/Checkbox/_disabled/base.js.map +1 -0
- package/cjs/components/Checkbox/_disabled/base_fyu17z.css +1 -0
- package/cjs/components/{Radiobox/variations/_disabled → Checkbox/_focused}/base.js +2 -2
- package/cjs/components/Checkbox/_focused/base.js.map +1 -0
- package/cjs/components/Checkbox/_focused/base_po5iiu.css +1 -0
- package/cjs/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
- package/cjs/components/Checkbox/_size/base.js.map +1 -0
- package/cjs/components/Checkbox/{variations/_view → _view}/base.js +2 -2
- package/cjs/components/Checkbox/_view/base.js.map +1 -0
- package/cjs/components/Checkbox/_view/base_1vqr3f.css +1 -0
- package/cjs/components/Combobox/Combobox.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/cjs/components/Dropdown/Dropdown.css +4 -4
- package/cjs/components/Pagination/Pagination.css +4 -4
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/cjs/components/Popover/Popover.css +4 -4
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_rmr9za.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.js +30 -21
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
- package/cjs/components/{Checkbox/variations → Radiobox}/_disabled/base.js +2 -2
- package/cjs/components/Radiobox/_disabled/base.js.map +1 -0
- package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
- package/cjs/components/Radiobox/_focused/base.js +9 -0
- package/cjs/components/Radiobox/_focused/base.js.map +1 -0
- package/cjs/components/Radiobox/{variations/_focused/base_25xwn7.css → _focused/base_1nruwxa.css} +1 -1
- package/cjs/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
- package/cjs/components/Radiobox/_size/base.js.map +1 -0
- package/cjs/components/Radiobox/_view/base.js +9 -0
- package/cjs/components/Radiobox/_view/base.js.map +1 -0
- package/cjs/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
- package/cjs/components/Select/Select.css +4 -4
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +4 -4
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +4 -4
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +4 -4
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +4 -4
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/cjs/components/Tooltip/Tooltip.styles.js +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/cjs/components/Tooltip/{Tooltip.styles_1op45q9.css → Tooltip.styles_1jz4u92.css} +1 -1
- package/cjs/index.css +21 -21
- package/cjs/index.js +0 -4
- package/cjs/index.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +41 -10
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox_1q4l832.css +7 -0
- package/es/components/Checkbox/IconsSvg.js +9 -9
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/{Radiobox/variations/_focused → Checkbox/_disabled}/base.js +2 -2
- package/es/components/Checkbox/_disabled/base.js.map +1 -0
- package/es/components/Checkbox/_disabled/base_fyu17z.css +1 -0
- package/es/components/{Radiobox/variations/_disabled → Checkbox/_focused}/base.js +2 -2
- package/es/components/Checkbox/_focused/base.js.map +1 -0
- package/es/components/Checkbox/_focused/base_po5iiu.css +1 -0
- package/es/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
- package/es/components/Checkbox/_size/base.js.map +1 -0
- package/es/components/Checkbox/{variations/_disabled → _view}/base.js +2 -2
- package/es/components/Checkbox/_view/base.js.map +1 -0
- package/es/components/Checkbox/_view/base_1vqr3f.css +1 -0
- package/es/components/Combobox/Combobox.css +4 -4
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/es/components/Dropdown/Dropdown.css +4 -4
- package/es/components/Pagination/Pagination.css +4 -4
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/es/components/Popover/Popover.css +4 -4
- package/es/components/Popover/Popover.styles.js +1 -1
- package/es/components/Popover/Popover.styles.js.map +1 -1
- package/es/components/Popover/{Popover.styles_1ggb66y.css → Popover.styles_rmr9za.css} +1 -1
- package/es/components/Radiobox/Radiobox.js +19 -10
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
- package/es/components/{Checkbox/variations/_view → Radiobox/_disabled}/base.js +2 -2
- package/es/components/Radiobox/_disabled/base.js.map +1 -0
- package/es/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
- package/es/components/Radiobox/_focused/base.js +5 -0
- package/es/components/Radiobox/_focused/base.js.map +1 -0
- package/es/components/Radiobox/{variations/_focused/base_25xwn7.css → _focused/base_1nruwxa.css} +1 -1
- package/es/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
- package/es/components/Radiobox/_size/base.js.map +1 -0
- package/es/components/Radiobox/_view/base.js +5 -0
- package/es/components/Radiobox/_view/base.js.map +1 -0
- package/es/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
- package/es/components/Select/Select.css +4 -4
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +4 -4
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +4 -4
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +4 -4
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +4 -4
- package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/es/components/Tooltip/Tooltip.styles.js +1 -1
- package/es/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/es/components/Tooltip/{Tooltip.styles_1op45q9.css → Tooltip.styles_1jz4u92.css} +1 -1
- package/es/index.css +21 -21
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +38 -18
- package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +1 -2
- package/styled-components/cjs/components/Checkbox/_focused/base.js +26 -0
- package/styled-components/cjs/components/Checkbox/_view/base.js +8 -0
- package/styled-components/cjs/components/Checkbox/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Checkbox/index.js +1 -8
- package/styled-components/cjs/components/Popover/Popover.styles.js +2 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.js +20 -13
- package/styled-components/cjs/components/Radiobox/_disabled/base.js +8 -0
- package/styled-components/cjs/components/Radiobox/_focused/base.js +26 -0
- package/styled-components/cjs/components/Radiobox/{variations/_view → _view}/base.js +1 -2
- package/styled-components/cjs/components/Radiobox/index.js +1 -8
- package/styled-components/cjs/components/Tooltip/Tooltip.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +3 -0
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +3 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +3 -0
- package/styled-components/es/components/Checkbox/Checkbox.js +31 -10
- package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/es/components/Checkbox/_disabled/base.js +2 -0
- package/styled-components/es/components/Checkbox/_focused/base.js +20 -0
- package/styled-components/es/components/Checkbox/_view/base.js +2 -0
- package/styled-components/es/components/Checkbox/_view/tokens.json +1 -0
- package/styled-components/es/components/Checkbox/index.js +1 -2
- package/styled-components/es/components/Popover/Popover.styles.js +2 -2
- package/styled-components/es/components/Radiobox/Radiobox.js +20 -11
- package/styled-components/es/components/Radiobox/_disabled/base.js +2 -0
- package/styled-components/es/components/Radiobox/_focused/base.js +20 -0
- package/styled-components/es/components/Radiobox/_view/base.js +2 -0
- package/styled-components/es/components/Radiobox/index.js +1 -2
- package/styled-components/es/components/Tooltip/Tooltip.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +3 -0
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +3 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +3 -0
- package/types/components/Checkbox/Checkbox.d.ts +37 -4
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
- package/types/components/Checkbox/_disabled/base.d.ts.map +1 -0
- package/types/components/Checkbox/_focused/base.d.ts.map +1 -0
- package/types/components/Checkbox/_size/base.d.ts.map +1 -0
- package/types/components/Checkbox/_view/base.d.ts.map +1 -0
- package/types/components/Checkbox/index.d.ts +1 -2
- package/types/components/Checkbox/index.d.ts.map +1 -1
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Radiobox/_disabled/base.d.ts.map +1 -0
- package/types/components/Radiobox/_focused/base.d.ts.map +1 -0
- package/types/components/Radiobox/_size/base.d.ts.map +1 -0
- package/types/components/Radiobox/_view/base.d.ts +2 -0
- package/types/components/Radiobox/_view/base.d.ts.map +1 -0
- package/types/components/Radiobox/index.d.ts +0 -1
- package/types/components/Radiobox/index.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +1 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/cjs/components/Checkbox/Checkbox.css +0 -13
- package/cjs/components/Checkbox/Checkbox.styles.js +0 -47
- package/cjs/components/Checkbox/Checkbox.styles.js.map +0 -1
- package/cjs/components/Checkbox/Checkbox.styles_t8rp9c.css +0 -7
- package/cjs/components/Checkbox/Checkbox.tokens.js +0 -39
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +0 -1
- package/cjs/components/Checkbox/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
- package/cjs/components/Checkbox/variations/_focused/base.js +0 -14
- package/cjs/components/Checkbox/variations/_focused/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_focused/base_1rx10n8.css +0 -1
- package/cjs/components/Checkbox/variations/_size/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_view/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_view/base_x252cy.css +0 -1
- package/cjs/components/Radiobox/Radiobox.css +0 -16
- package/cjs/components/Radiobox/Radiobox.styles.js +0 -19
- package/cjs/components/Radiobox/Radiobox.styles.js.map +0 -1
- package/cjs/components/Radiobox/Radiobox.styles_8m0hra.css +0 -2
- package/cjs/components/Radiobox/Radiobox.tokens.js +0 -40
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +0 -1
- package/cjs/components/Radiobox/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
- package/cjs/components/Radiobox/variations/_focused/base.js.map +0 -1
- package/cjs/components/Radiobox/variations/_size/base.js.map +0 -1
- package/cjs/components/Radiobox/variations/_view/base.js +0 -9
- package/cjs/components/Radiobox/variations/_view/base.js.map +0 -1
- package/es/components/Checkbox/Checkbox.css +0 -13
- package/es/components/Checkbox/Checkbox.styles.js +0 -37
- package/es/components/Checkbox/Checkbox.styles.js.map +0 -1
- package/es/components/Checkbox/Checkbox.styles_t8rp9c.css +0 -7
- package/es/components/Checkbox/Checkbox.tokens.js +0 -34
- package/es/components/Checkbox/Checkbox.tokens.js.map +0 -1
- package/es/components/Checkbox/variations/_disabled/base.js.map +0 -1
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
- package/es/components/Checkbox/variations/_focused/base.js +0 -10
- package/es/components/Checkbox/variations/_focused/base.js.map +0 -1
- package/es/components/Checkbox/variations/_focused/base_1rx10n8.css +0 -1
- package/es/components/Checkbox/variations/_size/base.js.map +0 -1
- package/es/components/Checkbox/variations/_view/base.js.map +0 -1
- package/es/components/Checkbox/variations/_view/base_x252cy.css +0 -1
- package/es/components/Radiobox/Radiobox.css +0 -16
- package/es/components/Radiobox/Radiobox.styles.js +0 -14
- package/es/components/Radiobox/Radiobox.styles.js.map +0 -1
- package/es/components/Radiobox/Radiobox.styles_8m0hra.css +0 -2
- package/es/components/Radiobox/Radiobox.tokens.js +0 -35
- package/es/components/Radiobox/Radiobox.tokens.js.map +0 -1
- package/es/components/Radiobox/variations/_disabled/base.js.map +0 -1
- package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
- package/es/components/Radiobox/variations/_focused/base.js.map +0 -1
- package/es/components/Radiobox/variations/_size/base.js.map +0 -1
- package/es/components/Radiobox/variations/_view/base.js +0 -5
- package/es/components/Radiobox/variations/_view/base.js.map +0 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +0 -33
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +0 -37
- package/styled-components/cjs/components/Checkbox/Checkbox.types.js +0 -5
- package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +0 -10
- package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +0 -32
- package/styled-components/cjs/components/Checkbox/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +0 -19
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +0 -38
- package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +0 -27
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +0 -25
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +0 -31
- package/styled-components/es/components/Checkbox/Checkbox.types.js +0 -1
- package/styled-components/es/components/Checkbox/variations/_disabled/base.js +0 -4
- package/styled-components/es/components/Checkbox/variations/_focused/base.js +0 -27
- package/styled-components/es/components/Checkbox/variations/_view/base.js +0 -4
- package/styled-components/es/components/Checkbox/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +0 -12
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +0 -32
- package/styled-components/es/components/Radiobox/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Radiobox/variations/_focused/base.js +0 -21
- package/styled-components/es/components/Radiobox/variations/_view/base.js +0 -3
- package/types/components/Checkbox/Checkbox.styles.d.ts +0 -9
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +0 -1
- package/types/components/Checkbox/Checkbox.tokens.d.ts +0 -32
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +0 -1
- package/types/components/Checkbox/Checkbox.types.d.ts +0 -29
- package/types/components/Checkbox/Checkbox.types.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_focused/base.d.ts +0 -6
- package/types/components/Checkbox/variations/_focused/base.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_size/base.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_view/base.d.ts.map +0 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts +0 -4
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +0 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +0 -33
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_focused/base.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_size/base.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_view/base.d.ts.map +0 -1
- /package/cjs/components/Checkbox/{variations/_size → _size}/base_x642ct.css +0 -0
- /package/cjs/components/Radiobox/{variations/_size → _size}/base_x642ct.css +0 -0
- /package/es/components/Checkbox/{variations/_size → _size}/base_x642ct.css +0 -0
- /package/es/components/Radiobox/{variations/_size → _size}/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
- /package/types/components/Checkbox/{variations/_disabled → _disabled}/base.d.ts +0 -0
- /package/types/components/Checkbox/{variations/_size → _focused}/base.d.ts +0 -0
- /package/types/components/Checkbox/{variations/_view → _size}/base.d.ts +0 -0
- /package/types/components/{Radiobox/variations/_disabled → Checkbox/_view}/base.d.ts +0 -0
- /package/types/components/Radiobox/{variations/_focused → _disabled}/base.d.ts +0 -0
- /package/types/components/Radiobox/{variations/_size → _focused}/base.d.ts +0 -0
- /package/types/components/Radiobox/{variations/_view → _size}/base.d.ts +0 -0
@@ -1,47 +0,0 @@
|
|
1
|
-
import './Checkbox.styles_t8rp9c.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var react = require('@linaria/react');
|
7
|
-
|
8
|
-
var base = "b1udywkg";
|
9
|
-
var StyledInput = /*#__PURE__*/react.styled('input')({
|
10
|
-
name: "StyledInput",
|
11
|
-
"class": "s165w87d",
|
12
|
-
propsAsIs: false
|
13
|
-
});
|
14
|
-
var StyledTrigger = /*#__PURE__*/react.styled('div')({
|
15
|
-
name: "StyledTrigger",
|
16
|
-
"class": "sft3zxv",
|
17
|
-
propsAsIs: false
|
18
|
-
});
|
19
|
-
var StyledContentWrapper = /*#__PURE__*/react.styled('label')({
|
20
|
-
name: "StyledContentWrapper",
|
21
|
-
"class": "s1u3nd7e",
|
22
|
-
propsAsIs: false
|
23
|
-
});
|
24
|
-
var StyledContent = /*#__PURE__*/react.styled('div')({
|
25
|
-
name: "StyledContent",
|
26
|
-
"class": "shwv1in",
|
27
|
-
propsAsIs: false
|
28
|
-
});
|
29
|
-
var StyledLabel = /*#__PURE__*/react.styled('span')({
|
30
|
-
name: "StyledLabel",
|
31
|
-
"class": "s1my1ay",
|
32
|
-
propsAsIs: false
|
33
|
-
});
|
34
|
-
var StyledDescription = /*#__PURE__*/react.styled('div')({
|
35
|
-
name: "StyledDescription",
|
36
|
-
"class": "s14u8fnn",
|
37
|
-
propsAsIs: false
|
38
|
-
});
|
39
|
-
|
40
|
-
exports.StyledContent = StyledContent;
|
41
|
-
exports.StyledContentWrapper = StyledContentWrapper;
|
42
|
-
exports.StyledDescription = StyledDescription;
|
43
|
-
exports.StyledInput = StyledInput;
|
44
|
-
exports.StyledLabel = StyledLabel;
|
45
|
-
exports.StyledTrigger = StyledTrigger;
|
46
|
-
exports.base = base;
|
47
|
-
//# sourceMappingURL=Checkbox.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Checkbox.tokens';\n\nexport const base = css`\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n\nexport const StyledInput = styled.input`\n position: absolute;\n\n &:focus {\n outline: 0 none;\n }\n\n /* Спрятать от IE */\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n`;\n\nexport const StyledTrigger = styled.div`\n margin: var(${tokens.triggerMargin});\n\n width: var(${tokens.triggerSize});\n height: var(${tokens.triggerSize});\n border-radius: var(${tokens.triggerBorderRadius});\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: transparent;\n border: 0.125rem solid var(${tokens.triggerBorderColor});\n box-sizing: border-box;\n\n flex-shrink: 0;\n flex-grow: 0;\n\n input:not(:indeterminate) + label & div {\n transform: scale(0);\n transition: transform 0.15s ease-in-out;\n }\n\n input:checked + label & div {\n transform: scale(1);\n }\n\n &.${classes.resetMargins} {\n margin: 0;\n }\n`;\n\nexport const StyledContentWrapper = styled.label`\n position: relative;\n align-items: flex-start;\n display: flex;\n width: 100%;\n cursor: inherit;\n`;\n\nexport const StyledContent = styled.div`\n display: flex;\n flex-direction: column;\n\n margin-top: var(${tokens.contentTopOffset});\n margin-left: var(${tokens.contentLeftOffset});\n`;\n\nexport const StyledLabel = styled.span`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledDescription = styled.div`\n margin-top: 0.25rem;\n color: var(${tokens.descriptionColor});\n\n font-family: var(${tokens.descriptionFontFamily});\n font-size: var(${tokens.descriptionFontSize});\n font-style: var(${tokens.descriptionFontStyle});\n font-weight: var(${tokens.descriptionFontWeight});\n letter-spacing: var(${tokens.descriptionLetterSpacing});\n line-height: var(${tokens.descriptionLineHeight});\n`;\n"],"names":["base","StyledInput","styled","name","class","propsAsIs","StyledTrigger","StyledContentWrapper","StyledContent","StyledLabel","StyledDescription"],"mappings":";;;;;;AAOO,IAAMA,IAAI,GAahB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYhC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA+BlC,EAAA;AAEM,IAAME,oBAAoB,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMzC,EAAA;AAEM,IAAMG,aAAa,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMI,WAAW,gBAAGP,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMK,iBAAiB,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC;;;;;;;;;;"}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
.b1udywkg{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.b1udywkg .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
2
|
-
.s165w87d{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.s165w87d:focus{outline:0 none;}
|
3
|
-
.sft3zxv{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .sft3zxv div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .sft3zxv div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.sft3zxv.reset-margins{margin:0;}
|
4
|
-
.s1u3nd7e{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
|
5
|
-
.shwv1in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
6
|
-
.s1my1ay{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
7
|
-
.s14u8fnn{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
|
@@ -1,39 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var classes = {
|
6
|
-
singleLine: 'single-line',
|
7
|
-
resetMargins: 'reset-margins',
|
8
|
-
checkboxTrigger: 'checkbox-trigger'
|
9
|
-
};
|
10
|
-
var tokens = {
|
11
|
-
margin: '--plasma-checkbox-margin',
|
12
|
-
triggerMargin: '--plasma-checkbox-trigger-margin',
|
13
|
-
triggerSize: '--plasma-checkbox-trigger-size',
|
14
|
-
triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
|
15
|
-
contentTopOffset: '--plasma-checkbox-content-top-offset',
|
16
|
-
contentLeftOffset: '--plasma-checkbox-content-left-offset',
|
17
|
-
labelFontFamily: '--plasma-checkbox-label-font-family',
|
18
|
-
labelFontSize: '--plasma-checkbox-label-font-size',
|
19
|
-
labelFontStyle: '--plasma-checkbox-label-font-style',
|
20
|
-
labelFontWeight: '--plasma-checkbox-label-font-weight',
|
21
|
-
labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
|
22
|
-
labelLineHeight: '--plasma-checkbox-label-line-height',
|
23
|
-
descriptionFontFamily: '--plasma-checkbox-description-font-family',
|
24
|
-
descriptionFontSize: '--plasma-checkbox-description-font-size',
|
25
|
-
descriptionFontStyle: '--plasma-checkbox-description-font-style',
|
26
|
-
descriptionFontWeight: '--plasma-checkbox-description-font-weight',
|
27
|
-
descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
|
28
|
-
descriptionLineHeight: '--plasma-checkbox-description-line-height',
|
29
|
-
fillColor: '--plasma-checkbox-fill-color',
|
30
|
-
iconColor: '--plasma-checkbox-icon-color',
|
31
|
-
descriptionColor: '--plasma-checkbox-description-color',
|
32
|
-
triggerBorderColor: '--plasma-checkbox-trigger-border-color',
|
33
|
-
focusColor: '--plasma-checkbox-focus-color',
|
34
|
-
disabledOpacity: '--plasma-checkbox-disabled-opacity'
|
35
|
-
};
|
36
|
-
|
37
|
-
exports.classes = classes;
|
38
|
-
exports.tokens = tokens;
|
39
|
-
//# sourceMappingURL=Checkbox.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.tokens.js","sources":["../../../src/components/Checkbox/Checkbox.tokens.ts"],"sourcesContent":["export const classes = {\n singleLine: 'single-line',\n resetMargins: 'reset-margins',\n checkboxTrigger: 'checkbox-trigger',\n};\n\nexport const tokens = {\n margin: '--plasma-checkbox-margin',\n triggerMargin: '--plasma-checkbox-trigger-margin',\n triggerSize: '--plasma-checkbox-trigger-size',\n triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',\n contentTopOffset: '--plasma-checkbox-content-top-offset',\n contentLeftOffset: '--plasma-checkbox-content-left-offset',\n labelFontFamily: '--plasma-checkbox-label-font-family',\n labelFontSize: '--plasma-checkbox-label-font-size',\n labelFontStyle: '--plasma-checkbox-label-font-style',\n labelFontWeight: '--plasma-checkbox-label-font-weight',\n labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',\n labelLineHeight: '--plasma-checkbox-label-line-height',\n descriptionFontFamily: '--plasma-checkbox-description-font-family',\n descriptionFontSize: '--plasma-checkbox-description-font-size',\n descriptionFontStyle: '--plasma-checkbox-description-font-style',\n descriptionFontWeight: '--plasma-checkbox-description-font-weight',\n descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',\n descriptionLineHeight: '--plasma-checkbox-description-line-height',\n\n fillColor: '--plasma-checkbox-fill-color',\n iconColor: '--plasma-checkbox-icon-color',\n descriptionColor: '--plasma-checkbox-description-color',\n triggerBorderColor: '--plasma-checkbox-trigger-border-color',\n\n focusColor: '--plasma-checkbox-focus-color',\n disabledOpacity: '--plasma-checkbox-disabled-opacity',\n};\n"],"names":["classes","singleLine","resetMargins","checkboxTrigger","tokens","margin","triggerMargin","triggerSize","triggerBorderRadius","contentTopOffset","contentLeftOffset","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","iconColor","descriptionColor","triggerBorderColor","focusColor","disabledOpacity"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,MAAM,EAAE,0BAA0B;AAClCC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledContentWrapper } from '../../Checkbox.styles';\nimport { tokens } from '../../Checkbox.tokens';\n\nexport const base = css`\n input:disabled + ${StyledContentWrapper} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n input:disabled + ${StyledContentWrapper} {\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAQhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bxbqqc3 input:disabled + .s1u3nd7e{opacity:var(--plasma-checkbox-disabled-opacity);}.bxbqqc3 input:disabled + .s1u3nd7e{cursor:not-allowed;}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import './base_1rx10n8.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
/**
|
7
|
-
* INFO: на 34 строке нет возможности использвать .${classes.checkboxTrigger},
|
8
|
-
* потому что линтер правит селектор и он применяется некорректно
|
9
|
-
*/
|
10
|
-
|
11
|
-
var base = "b1y5wkm1";
|
12
|
-
|
13
|
-
exports.base = base;
|
14
|
-
//# sourceMappingURL=base.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Checkbox.tokens';\n\n/**\n * INFO: на 34 строке нет возможности использвать .${classes.checkboxTrigger},\n * потому что линтер правит селектор и он применяется некорректно\n */\n\nexport const base = css`\n .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.checkboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.188rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .checkbox-trigger,\n input[type='checkbox'][data-focus-visible-added]:indeterminate + label .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKA;AACA;AACA;AACA;;AAEO,IAAMA,IAAI,GAuChB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1y5wkm1 .checkbox-trigger{position:relative;}.b1y5wkm1 .checkbox-trigger::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 .checkbox-trigger.focus-visible:focus::before,.b1y5wkm1 .checkbox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger{border-color:transparent;position:relative;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger{position:relative;}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger::before,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger::before,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledContentWrapper, StyledTrigger } from '../../Checkbox.styles';\nimport { tokens } from '../../Checkbox.tokens';\n\nexport const base = css`\n input[type='checkbox']:indeterminate + ${StyledContentWrapper} ${StyledTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n\n input:checked + ${StyledContentWrapper} ${StyledTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAYhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b17hdes8 input[type='checkbox']:indeterminate + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.b17hdes8 input:checked + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
.Checkbox_styles_t8rp9c_b1udywkg__f55587e6{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_t8rp9c_b1udywkg__f55587e6 .Checkbox_styles_t8rp9c_singleLine__f55587e6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
2
|
-
.Checkbox_styles_t8rp9c_s165w87d__f55587e6{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_t8rp9c_s165w87d__f55587e6:focus{outline:0 none;}
|
3
|
-
.Checkbox_styles_t8rp9c_sft3zxv__f55587e6{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_t8rp9c_sft3zxv__f55587e6 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_t8rp9c_sft3zxv__f55587e6 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.Checkbox_styles_t8rp9c_sft3zxv__f55587e6.Checkbox_styles_t8rp9c_resetMargins__f55587e6{margin:0;}
|
4
|
-
.Checkbox_styles_t8rp9c_s1u3nd7e__f55587e6{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
|
5
|
-
.Checkbox_styles_t8rp9c_shwv1in__f55587e6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
6
|
-
.Checkbox_styles_t8rp9c_s1my1ay__f55587e6{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
7
|
-
.Checkbox_styles_t8rp9c_s14u8fnn__f55587e6{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
|
8
|
-
|
9
|
-
.base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
|
10
|
-
|
11
|
-
.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
|
12
|
-
|
13
|
-
.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5{position:relative;}.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5.base_25xwn7_focusVisible__6569abe5:focus::before,.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5{border-color:transparent;position:relative;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5{position:relative;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
|
14
|
-
|
15
|
-
.Radiobox_styles_8m0hra_s14xglkp__6b173950{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_8m0hra_s14xglkp__6b173950{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
16
|
-
.Radiobox_styles_8m0hra_bdte4ex__6b173950{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_8m0hra_bdte4ex__6b173950 .Radiobox_styles_8m0hra_singleLine__6b173950{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Radiobox_styles_8m0hra_bdte4ex__6b173950.Radiobox_styles_8m0hra_resetMargins__6b173950,.Radiobox_styles_8m0hra_bdte4ex__6b173950 .Radiobox_styles_8m0hra_resetMargins__6b173950{margin:0;}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import './Radiobox.styles_8m0hra.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var react = require('@linaria/react');
|
7
|
-
|
8
|
-
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
9
|
-
|
10
|
-
var StyledEllipse = /*#__PURE__*/react.styled('div')({
|
11
|
-
name: "StyledEllipse",
|
12
|
-
"class": "s14xglkp",
|
13
|
-
propsAsIs: false
|
14
|
-
});
|
15
|
-
var base = "bdte4ex";
|
16
|
-
|
17
|
-
exports.StyledEllipse = StyledEllipse;
|
18
|
-
exports.base = base;
|
19
|
-
//# sourceMappingURL=Radiobox.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.styles.js","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { checkboxTokens } from '../Checkbox';\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Radiobox.tokens';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n ${checkboxTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${checkboxTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${checkboxTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${checkboxTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${checkboxTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${checkboxTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n ${checkboxTokens.descriptionFontFamily}: var(${tokens.descriptionFontFamily});\n ${checkboxTokens.descriptionFontSize}: var(${tokens.descriptionFontSize});\n ${checkboxTokens.descriptionFontStyle}: var(${tokens.descriptionFontStyle});\n ${checkboxTokens.descriptionFontWeight}: var(${tokens.descriptionFontWeight});\n ${checkboxTokens.descriptionLetterSpacing}: var(${tokens.descriptionLetterSpacing});\n ${checkboxTokens.descriptionLineHeight}: var(${tokens.descriptionLineHeight});\n\n ${checkboxTokens.fillColor}: var(${tokens.fillColor});\n ${checkboxTokens.descriptionColor}: var(${tokens.descriptionColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n\n ${checkboxTokens.contentTopOffset}: var(${tokens.contentTopOffset});\n ${checkboxTokens.contentLeftOffset}: var(${tokens.contentLeftOffset});\n ${checkboxTokens.triggerSize}: var(${tokens.triggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.triggerBorderRadius});\n ${checkboxTokens.triggerMargin}: var(${tokens.triggerMargin});\n`;\n\nexport const StyledEllipse = styled.div`\n width: var(${tokens.ellipseSize});\n height: var(${tokens.ellipseSize});\n border-radius: var(${tokens.ellipseSize});\n\n background-color: var(${tokens.ellipseColor});\n transition: transform 0.3s ease-in-out;\n transform: scale(0);\n\n input:checked + label & {\n transform: scale(1);\n }\n`;\n\nexport const base = css`\n ${mappingOverride};\n\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n\n &.${classes.resetMargins}, .${classes.resetMargins} {\n margin: 0;\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;;;;;AAQA;;AA0BO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMC,IAAI,GAmBhB;;;;;"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.s14xglkp{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .s14xglkp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
2
|
-
.bdte4ex{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.bdte4ex .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bdte4ex.reset-margins,.bdte4ex .reset-margins{margin:0;}
|
@@ -1,40 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var classes = {
|
6
|
-
resetMargins: 'reset-margins',
|
7
|
-
singleLine: 'single-line',
|
8
|
-
radioboxTrigger: 'radiobox-trigger'
|
9
|
-
};
|
10
|
-
var tokens = {
|
11
|
-
labelFontFamily: '--plasma-radiobox-label-font-family',
|
12
|
-
labelFontSize: '--plasma-radiobox-label-font-size',
|
13
|
-
labelFontStyle: '--plasma-radiobox-label-font-style',
|
14
|
-
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
15
|
-
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
16
|
-
labelLineHeight: '--plasma-radiobox-label-line-height',
|
17
|
-
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
18
|
-
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
19
|
-
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
20
|
-
descriptionFontWeight: '--plasma-radiobox-description-font-weight',
|
21
|
-
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
22
|
-
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
23
|
-
fillColor: '--plasma-radiobox-fill-color',
|
24
|
-
descriptionColor: '--plasma-radiobox-description-color',
|
25
|
-
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
26
|
-
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
27
|
-
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
28
|
-
triggerSize: '--plasma-radiobox-trigger-size',
|
29
|
-
triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
|
30
|
-
triggerMargin: '--plasma-radiobox-trigger-margin',
|
31
|
-
margin: '--plasma-radiobox-margin',
|
32
|
-
ellipseSize: '--plasma-radiobox-ellipse-size',
|
33
|
-
ellipseColor: '--plasma-radiobox-ellipse-color',
|
34
|
-
disabledOpacity: '--plasma-radiobox-disabled-opacity',
|
35
|
-
focusColor: '--plasma-radiobox-focus-color'
|
36
|
-
};
|
37
|
-
|
38
|
-
exports.classes = classes;
|
39
|
-
exports.tokens = tokens;
|
40
|
-
//# sourceMappingURL=Radiobox.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.tokens.js","sources":["../../../src/components/Radiobox/Radiobox.tokens.ts"],"sourcesContent":["export const classes = {\n resetMargins: 'reset-margins',\n singleLine: 'single-line',\n radioboxTrigger: 'radiobox-trigger',\n};\n\nexport const tokens = {\n labelFontFamily: '--plasma-radiobox-label-font-family',\n labelFontSize: '--plasma-radiobox-label-font-size',\n labelFontStyle: '--plasma-radiobox-label-font-style',\n labelFontWeight: '--plasma-radiobox-label-font-weight',\n labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',\n labelLineHeight: '--plasma-radiobox-label-line-height',\n descriptionFontFamily: '--plasma-radiobox-description-font-family',\n descriptionFontSize: '--plasma-radiobox-description-font-size',\n descriptionFontStyle: '--plasma-radiobox-description-font-style',\n descriptionFontWeight: '--plasma-radiobox-description-font-weight',\n descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',\n descriptionLineHeight: '--plasma-radiobox-description-line-height',\n\n fillColor: '--plasma-radiobox-fill-color',\n descriptionColor: '--plasma-radiobox-description-color',\n triggerBorderColor: '--plasma-radiobox-trigger-border-color',\n\n contentTopOffset: '--plasma-radiobox-content-top-offset',\n contentLeftOffset: '--plasma-radiobox-content-left-offset',\n triggerSize: '--plasma-radiobox-trigger-size',\n triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',\n triggerMargin: '--plasma-radiobox-trigger-margin',\n margin: '--plasma-radiobox-margin',\n\n ellipseSize: '--plasma-radiobox-ellipse-size',\n ellipseColor: '--plasma-radiobox-ellipse-color',\n\n disabledOpacity: '--plasma-radiobox-disabled-opacity',\n focusColor: '--plasma-radiobox-focus-color',\n};\n"],"names":["classes","resetMargins","singleLine","radioboxTrigger","tokens","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","descriptionColor","triggerBorderColor","contentTopOffset","contentLeftOffset","triggerSize","triggerBorderRadius","triggerMargin","margin","ellipseSize","ellipseColor","disabledOpacity","focusColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,MAAM,EAAE,0BAA0B;AAElCC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,YAAY,EAAE,iCAAiC;AAE/CC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,+BAAA;AAChB;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:disabled + label {\n opacity: var(${tokens.disabledOpacity});\n }\n\n input:disabled + label {\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAQhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bmkf7xj input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.bmkf7xj input:disabled + label{cursor:not-allowed;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n .radiobox-trigger {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .radiobox-trigger {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.188rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .radiobox-trigger {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAsChB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:checked + label .radiobox-trigger {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
2
|
-
|
3
|
-
.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
|
4
|
-
|
5
|
-
.base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a{position:relative;}.base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a.base_1rx10n8_focusVisible__17d23f4a:focus::before,.base_1rx10n8_b1y5wkm1__17d23f4a .base_1rx10n8_checkboxTrigger__17d23f4a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added] + label .base_1rx10n8_checkboxTrigger__17d23f4a{border-color:transparent;position:relative;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added] + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added] + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added]:checked + label .base_1rx10n8_checkboxTrigger__17d23f4a,.base_1rx10n8_b1y5wkm1__17d23f4a input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_1rx10n8_checkboxTrigger__17d23f4a{position:relative;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added]:checked + label .base_1rx10n8_checkboxTrigger__17d23f4a::before,.base_1rx10n8_b1y5wkm1__17d23f4a input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1rx10n8_b1y5wkm1__17d23f4a input[data-focus-visible-added]:checked + label .base_1rx10n8_checkboxTrigger__17d23f4a::before,.base_1rx10n8_b1y5wkm1__17d23f4a input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_1rx10n8_checkboxTrigger__17d23f4a::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
6
|
-
|
7
|
-
.Checkbox_styles_t8rp9c_b1udywkg__f55587e6{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_t8rp9c_b1udywkg__f55587e6 .Checkbox_styles_t8rp9c_singleLine__f55587e6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
8
|
-
.Checkbox_styles_t8rp9c_s165w87d__f55587e6{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_t8rp9c_s165w87d__f55587e6:focus{outline:0 none;}
|
9
|
-
.Checkbox_styles_t8rp9c_sft3zxv__f55587e6{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_t8rp9c_sft3zxv__f55587e6 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_t8rp9c_sft3zxv__f55587e6 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.Checkbox_styles_t8rp9c_sft3zxv__f55587e6.Checkbox_styles_t8rp9c_resetMargins__f55587e6{margin:0;}
|
10
|
-
.Checkbox_styles_t8rp9c_s1u3nd7e__f55587e6{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
|
11
|
-
.Checkbox_styles_t8rp9c_shwv1in__f55587e6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
12
|
-
.Checkbox_styles_t8rp9c_s1my1ay__f55587e6{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
13
|
-
.Checkbox_styles_t8rp9c_s14u8fnn__f55587e6{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
import './Checkbox.styles_t8rp9c.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
var base = "b1udywkg";
|
5
|
-
var StyledInput = /*#__PURE__*/styled('input')({
|
6
|
-
name: "StyledInput",
|
7
|
-
"class": "s165w87d",
|
8
|
-
propsAsIs: false
|
9
|
-
});
|
10
|
-
var StyledTrigger = /*#__PURE__*/styled('div')({
|
11
|
-
name: "StyledTrigger",
|
12
|
-
"class": "sft3zxv",
|
13
|
-
propsAsIs: false
|
14
|
-
});
|
15
|
-
var StyledContentWrapper = /*#__PURE__*/styled('label')({
|
16
|
-
name: "StyledContentWrapper",
|
17
|
-
"class": "s1u3nd7e",
|
18
|
-
propsAsIs: false
|
19
|
-
});
|
20
|
-
var StyledContent = /*#__PURE__*/styled('div')({
|
21
|
-
name: "StyledContent",
|
22
|
-
"class": "shwv1in",
|
23
|
-
propsAsIs: false
|
24
|
-
});
|
25
|
-
var StyledLabel = /*#__PURE__*/styled('span')({
|
26
|
-
name: "StyledLabel",
|
27
|
-
"class": "s1my1ay",
|
28
|
-
propsAsIs: false
|
29
|
-
});
|
30
|
-
var StyledDescription = /*#__PURE__*/styled('div')({
|
31
|
-
name: "StyledDescription",
|
32
|
-
"class": "s14u8fnn",
|
33
|
-
propsAsIs: false
|
34
|
-
});
|
35
|
-
|
36
|
-
export { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base };
|
37
|
-
//# sourceMappingURL=Checkbox.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Checkbox.tokens';\n\nexport const base = css`\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n`;\n\nexport const StyledInput = styled.input`\n position: absolute;\n\n &:focus {\n outline: 0 none;\n }\n\n /* Спрятать от IE */\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n`;\n\nexport const StyledTrigger = styled.div`\n margin: var(${tokens.triggerMargin});\n\n width: var(${tokens.triggerSize});\n height: var(${tokens.triggerSize});\n border-radius: var(${tokens.triggerBorderRadius});\n\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: transparent;\n border: 0.125rem solid var(${tokens.triggerBorderColor});\n box-sizing: border-box;\n\n flex-shrink: 0;\n flex-grow: 0;\n\n input:not(:indeterminate) + label & div {\n transform: scale(0);\n transition: transform 0.15s ease-in-out;\n }\n\n input:checked + label & div {\n transform: scale(1);\n }\n\n &.${classes.resetMargins} {\n margin: 0;\n }\n`;\n\nexport const StyledContentWrapper = styled.label`\n position: relative;\n align-items: flex-start;\n display: flex;\n width: 100%;\n cursor: inherit;\n`;\n\nexport const StyledContent = styled.div`\n display: flex;\n flex-direction: column;\n\n margin-top: var(${tokens.contentTopOffset});\n margin-left: var(${tokens.contentLeftOffset});\n`;\n\nexport const StyledLabel = styled.span`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledDescription = styled.div`\n margin-top: 0.25rem;\n color: var(${tokens.descriptionColor});\n\n font-family: var(${tokens.descriptionFontFamily});\n font-size: var(${tokens.descriptionFontSize});\n font-style: var(${tokens.descriptionFontStyle});\n font-weight: var(${tokens.descriptionFontWeight});\n letter-spacing: var(${tokens.descriptionLetterSpacing});\n line-height: var(${tokens.descriptionLineHeight});\n`;\n"],"names":["base","StyledInput","styled","name","class","propsAsIs","StyledTrigger","StyledContentWrapper","StyledContent","StyledLabel","StyledDescription"],"mappings":";;AAOO,IAAMA,IAAI,GAahB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYhC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA+BlC,EAAA;AAEM,IAAME,oBAAoB,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMzC,EAAA;AAEM,IAAMG,aAAa,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMI,WAAW,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMK,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC;;;;"}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
.b1udywkg{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.b1udywkg .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
2
|
-
.s165w87d{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.s165w87d:focus{outline:0 none;}
|
3
|
-
.sft3zxv{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .sft3zxv div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .sft3zxv div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.sft3zxv.reset-margins{margin:0;}
|
4
|
-
.s1u3nd7e{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
|
5
|
-
.shwv1in{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
6
|
-
.s1my1ay{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
7
|
-
.s14u8fnn{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
|
@@ -1,34 +0,0 @@
|
|
1
|
-
var classes = {
|
2
|
-
singleLine: 'single-line',
|
3
|
-
resetMargins: 'reset-margins',
|
4
|
-
checkboxTrigger: 'checkbox-trigger'
|
5
|
-
};
|
6
|
-
var tokens = {
|
7
|
-
margin: '--plasma-checkbox-margin',
|
8
|
-
triggerMargin: '--plasma-checkbox-trigger-margin',
|
9
|
-
triggerSize: '--plasma-checkbox-trigger-size',
|
10
|
-
triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
|
11
|
-
contentTopOffset: '--plasma-checkbox-content-top-offset',
|
12
|
-
contentLeftOffset: '--plasma-checkbox-content-left-offset',
|
13
|
-
labelFontFamily: '--plasma-checkbox-label-font-family',
|
14
|
-
labelFontSize: '--plasma-checkbox-label-font-size',
|
15
|
-
labelFontStyle: '--plasma-checkbox-label-font-style',
|
16
|
-
labelFontWeight: '--plasma-checkbox-label-font-weight',
|
17
|
-
labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
|
18
|
-
labelLineHeight: '--plasma-checkbox-label-line-height',
|
19
|
-
descriptionFontFamily: '--plasma-checkbox-description-font-family',
|
20
|
-
descriptionFontSize: '--plasma-checkbox-description-font-size',
|
21
|
-
descriptionFontStyle: '--plasma-checkbox-description-font-style',
|
22
|
-
descriptionFontWeight: '--plasma-checkbox-description-font-weight',
|
23
|
-
descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
|
24
|
-
descriptionLineHeight: '--plasma-checkbox-description-line-height',
|
25
|
-
fillColor: '--plasma-checkbox-fill-color',
|
26
|
-
iconColor: '--plasma-checkbox-icon-color',
|
27
|
-
descriptionColor: '--plasma-checkbox-description-color',
|
28
|
-
triggerBorderColor: '--plasma-checkbox-trigger-border-color',
|
29
|
-
focusColor: '--plasma-checkbox-focus-color',
|
30
|
-
disabledOpacity: '--plasma-checkbox-disabled-opacity'
|
31
|
-
};
|
32
|
-
|
33
|
-
export { classes, tokens };
|
34
|
-
//# sourceMappingURL=Checkbox.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.tokens.js","sources":["../../../src/components/Checkbox/Checkbox.tokens.ts"],"sourcesContent":["export const classes = {\n singleLine: 'single-line',\n resetMargins: 'reset-margins',\n checkboxTrigger: 'checkbox-trigger',\n};\n\nexport const tokens = {\n margin: '--plasma-checkbox-margin',\n triggerMargin: '--plasma-checkbox-trigger-margin',\n triggerSize: '--plasma-checkbox-trigger-size',\n triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',\n contentTopOffset: '--plasma-checkbox-content-top-offset',\n contentLeftOffset: '--plasma-checkbox-content-left-offset',\n labelFontFamily: '--plasma-checkbox-label-font-family',\n labelFontSize: '--plasma-checkbox-label-font-size',\n labelFontStyle: '--plasma-checkbox-label-font-style',\n labelFontWeight: '--plasma-checkbox-label-font-weight',\n labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',\n labelLineHeight: '--plasma-checkbox-label-line-height',\n descriptionFontFamily: '--plasma-checkbox-description-font-family',\n descriptionFontSize: '--plasma-checkbox-description-font-size',\n descriptionFontStyle: '--plasma-checkbox-description-font-style',\n descriptionFontWeight: '--plasma-checkbox-description-font-weight',\n descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',\n descriptionLineHeight: '--plasma-checkbox-description-line-height',\n\n fillColor: '--plasma-checkbox-fill-color',\n iconColor: '--plasma-checkbox-icon-color',\n descriptionColor: '--plasma-checkbox-description-color',\n triggerBorderColor: '--plasma-checkbox-trigger-border-color',\n\n focusColor: '--plasma-checkbox-focus-color',\n disabledOpacity: '--plasma-checkbox-disabled-opacity',\n};\n"],"names":["classes","singleLine","resetMargins","checkboxTrigger","tokens","margin","triggerMargin","triggerSize","triggerBorderRadius","contentTopOffset","contentLeftOffset","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","fillColor","iconColor","descriptionColor","triggerBorderColor","focusColor","disabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,UAAU,EAAE,aAAa;AACzBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,MAAM,EAAE,0BAA0B;AAClCC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,WAAW,EAAE,gCAAgC;AAC7CC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,SAAS,EAAE,8BAA8B;AACzCC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledContentWrapper } from '../../Checkbox.styles';\nimport { tokens } from '../../Checkbox.tokens';\n\nexport const base = css`\n input:disabled + ${StyledContentWrapper} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n input:disabled + ${StyledContentWrapper} {\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAQhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bxbqqc3 input:disabled + .s1u3nd7e{opacity:var(--plasma-checkbox-disabled-opacity);}.bxbqqc3 input:disabled + .s1u3nd7e{cursor:not-allowed;}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import './base_1rx10n8.css';
|
2
|
-
/**
|
3
|
-
* INFO: на 34 строке нет возможности использвать .${classes.checkboxTrigger},
|
4
|
-
* потому что линтер правит селектор и он применяется некорректно
|
5
|
-
*/
|
6
|
-
|
7
|
-
var base = "b1y5wkm1";
|
8
|
-
|
9
|
-
export { base };
|
10
|
-
//# sourceMappingURL=base.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Checkbox.tokens';\n\n/**\n * INFO: на 34 строке нет возможности использвать .${classes.checkboxTrigger},\n * потому что линтер правит селектор и он применяется некорректно\n */\n\nexport const base = css`\n .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.checkboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.188rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .checkbox-trigger,\n input[type='checkbox'][data-focus-visible-added]:indeterminate + label .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":"AAKA;AACA;AACA;AACA;;AAEO,IAAMA,IAAI,GAuChB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1y5wkm1 .checkbox-trigger{position:relative;}.b1y5wkm1 .checkbox-trigger::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 .checkbox-trigger.focus-visible:focus::before,.b1y5wkm1 .checkbox-trigger[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger{border-color:transparent;position:relative;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 input[data-focus-visible-added] + label .checkbox-trigger::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger{position:relative;}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger::before,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b1y5wkm1 input[data-focus-visible-added]:checked + label .checkbox-trigger::before,.b1y5wkm1 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { StyledContentWrapper, StyledTrigger } from '../../Checkbox.styles';\nimport { tokens } from '../../Checkbox.tokens';\n\nexport const base = css`\n input[type='checkbox']:indeterminate + ${StyledContentWrapper} ${StyledTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n\n input:checked + ${StyledContentWrapper} ${StyledTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAYhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b17hdes8 input[type='checkbox']:indeterminate + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.b17hdes8 input:checked + .s1u3nd7e .sft3zxv{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
.Checkbox_styles_t8rp9c_b1udywkg__f55587e6{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_t8rp9c_b1udywkg__f55587e6 .Checkbox_styles_t8rp9c_singleLine__f55587e6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
2
|
-
.Checkbox_styles_t8rp9c_s165w87d__f55587e6{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_t8rp9c_s165w87d__f55587e6:focus{outline:0 none;}
|
3
|
-
.Checkbox_styles_t8rp9c_sft3zxv__f55587e6{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_t8rp9c_sft3zxv__f55587e6 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_t8rp9c_sft3zxv__f55587e6 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}.Checkbox_styles_t8rp9c_sft3zxv__f55587e6.Checkbox_styles_t8rp9c_resetMargins__f55587e6{margin:0;}
|
4
|
-
.Checkbox_styles_t8rp9c_s1u3nd7e__f55587e6{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
|
5
|
-
.Checkbox_styles_t8rp9c_shwv1in__f55587e6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
6
|
-
.Checkbox_styles_t8rp9c_s1my1ay__f55587e6{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
7
|
-
.Checkbox_styles_t8rp9c_s14u8fnn__f55587e6{margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}
|
8
|
-
|
9
|
-
.base_11n1fn3_b1yt66an__50fb7cfc input:checked + label .base_11n1fn3_radioboxTrigger__50fb7cfc{border:none;background:var(--plasma-radiobox-fill-color);border-color:var(--plasma-radiobox-fill-color);}
|
10
|
-
|
11
|
-
.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{opacity:var(--plasma-radiobox-disabled-opacity);}.base_6ae9j2_bmkf7xj__b9915620 input:disabled + label{cursor:not-allowed;}
|
12
|
-
|
13
|
-
.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5{position:relative;}.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5.base_25xwn7_focusVisible__6569abe5:focus::before,.base_25xwn7_buxu4te__6569abe5 .base_25xwn7_radioboxTrigger__6569abe5[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5{border-color:transparent;position:relative;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:-0.188rem;left:-0.188rem;right:-0.188rem;bottom:-0.188rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-radiobox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added] + label .base_25xwn7_radioboxTrigger__6569abe5::before{box-shadow:0 0 0 0.125rem var(--plasma-radiobox-focus-color);}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5{position:relative;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-radiobox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_25xwn7_buxu4te__6569abe5 input[data-focus-visible-added]:checked + label .base_25xwn7_radioboxTrigger__6569abe5::before{box-shadow:0 0 0 0.063rem var(--plasma-radiobox-focus-color);}
|
14
|
-
|
15
|
-
.Radiobox_styles_8m0hra_s14xglkp__6b173950{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_8m0hra_s14xglkp__6b173950{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
16
|
-
.Radiobox_styles_8m0hra_bdte4ex__6b173950{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_8m0hra_bdte4ex__6b173950 .Radiobox_styles_8m0hra_singleLine__6b173950{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Radiobox_styles_8m0hra_bdte4ex__6b173950.Radiobox_styles_8m0hra_resetMargins__6b173950,.Radiobox_styles_8m0hra_bdte4ex__6b173950 .Radiobox_styles_8m0hra_resetMargins__6b173950{margin:0;}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import './Radiobox.styles_8m0hra.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
5
|
-
|
6
|
-
var StyledEllipse = /*#__PURE__*/styled('div')({
|
7
|
-
name: "StyledEllipse",
|
8
|
-
"class": "s14xglkp",
|
9
|
-
propsAsIs: false
|
10
|
-
});
|
11
|
-
var base = "bdte4ex";
|
12
|
-
|
13
|
-
export { StyledEllipse, base };
|
14
|
-
//# sourceMappingURL=Radiobox.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.styles.js","sources":["../../../src/components/Radiobox/Radiobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { checkboxTokens } from '../Checkbox';\nimport { applyEllipsis, applyNoUserSelect } from '../../mixins';\n\nimport { classes, tokens } from './Radiobox.tokens';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n ${checkboxTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${checkboxTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${checkboxTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${checkboxTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${checkboxTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${checkboxTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n ${checkboxTokens.descriptionFontFamily}: var(${tokens.descriptionFontFamily});\n ${checkboxTokens.descriptionFontSize}: var(${tokens.descriptionFontSize});\n ${checkboxTokens.descriptionFontStyle}: var(${tokens.descriptionFontStyle});\n ${checkboxTokens.descriptionFontWeight}: var(${tokens.descriptionFontWeight});\n ${checkboxTokens.descriptionLetterSpacing}: var(${tokens.descriptionLetterSpacing});\n ${checkboxTokens.descriptionLineHeight}: var(${tokens.descriptionLineHeight});\n\n ${checkboxTokens.fillColor}: var(${tokens.fillColor});\n ${checkboxTokens.descriptionColor}: var(${tokens.descriptionColor});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.triggerBorderColor});\n\n ${checkboxTokens.contentTopOffset}: var(${tokens.contentTopOffset});\n ${checkboxTokens.contentLeftOffset}: var(${tokens.contentLeftOffset});\n ${checkboxTokens.triggerSize}: var(${tokens.triggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.triggerBorderRadius});\n ${checkboxTokens.triggerMargin}: var(${tokens.triggerMargin});\n`;\n\nexport const StyledEllipse = styled.div`\n width: var(${tokens.ellipseSize});\n height: var(${tokens.ellipseSize});\n border-radius: var(${tokens.ellipseSize});\n\n background-color: var(${tokens.ellipseColor});\n transition: transform 0.3s ease-in-out;\n transform: scale(0);\n\n input:checked + label & {\n transform: scale(1);\n }\n`;\n\nexport const base = css`\n ${mappingOverride};\n\n margin: var(${tokens.margin});\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .${classes.singleLine} {\n ${applyEllipsis()};\n }\n\n &.${classes.resetMargins}, .${classes.resetMargins} {\n margin: 0;\n }\n`;\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base"],"mappings":";;AAQA;;AA0BO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYlC,EAAA;AAEM,IAAMC,IAAI,GAmBhB;;;;"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.s14xglkp{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .s14xglkp{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
2
|
-
.bdte4ex{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.bdte4ex .single-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bdte4ex.reset-margins,.bdte4ex .reset-margins{margin:0;}
|