@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,35 +0,0 @@
|
|
1
|
-
var classes = {
|
2
|
-
resetMargins: 'reset-margins',
|
3
|
-
singleLine: 'single-line',
|
4
|
-
radioboxTrigger: 'radiobox-trigger'
|
5
|
-
};
|
6
|
-
var tokens = {
|
7
|
-
labelFontFamily: '--plasma-radiobox-label-font-family',
|
8
|
-
labelFontSize: '--plasma-radiobox-label-font-size',
|
9
|
-
labelFontStyle: '--plasma-radiobox-label-font-style',
|
10
|
-
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
11
|
-
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
12
|
-
labelLineHeight: '--plasma-radiobox-label-line-height',
|
13
|
-
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
14
|
-
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
15
|
-
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
16
|
-
descriptionFontWeight: '--plasma-radiobox-description-font-weight',
|
17
|
-
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
18
|
-
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
19
|
-
fillColor: '--plasma-radiobox-fill-color',
|
20
|
-
descriptionColor: '--plasma-radiobox-description-color',
|
21
|
-
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
22
|
-
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
23
|
-
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
24
|
-
triggerSize: '--plasma-radiobox-trigger-size',
|
25
|
-
triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
|
26
|
-
triggerMargin: '--plasma-radiobox-trigger-margin',
|
27
|
-
margin: '--plasma-radiobox-margin',
|
28
|
-
ellipseSize: '--plasma-radiobox-ellipse-size',
|
29
|
-
ellipseColor: '--plasma-radiobox-ellipse-color',
|
30
|
-
disabledOpacity: '--plasma-radiobox-disabled-opacity',
|
31
|
-
focusColor: '--plasma-radiobox-focus-color'
|
32
|
-
};
|
33
|
-
|
34
|
-
export { classes, tokens };
|
35
|
-
//# 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,33 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = exports.StyledDescription = exports.StyledContentWrapper = exports.StyledContent = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
10
|
-
var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
|
11
|
-
var _templateObject;
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: var(", ");\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .", " {\n ", ";\n }\n"])), _Checkbox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Checkbox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)());
|
16
|
-
var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-tydhc1-0"
|
18
|
-
})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
|
19
|
-
var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
|
-
componentId: "plasma-new-hope__sc-tydhc1-1"
|
21
|
-
})(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}&.", "{margin:0;}"], _Checkbox.tokens.triggerMargin, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerSize, _Checkbox.tokens.triggerBorderRadius, _Checkbox.tokens.triggerBorderColor, _Checkbox.classes.resetMargins);
|
22
|
-
var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
23
|
-
componentId: "plasma-new-hope__sc-tydhc1-2"
|
24
|
-
})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
|
25
|
-
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
26
|
-
componentId: "plasma-new-hope__sc-tydhc1-3"
|
27
|
-
})(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], _Checkbox.tokens.contentTopOffset, _Checkbox.tokens.contentLeftOffset);
|
28
|
-
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
29
|
-
componentId: "plasma-new-hope__sc-tydhc1-4"
|
30
|
-
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.labelFontFamily, _Checkbox.tokens.labelFontSize, _Checkbox.tokens.labelFontStyle, _Checkbox.tokens.labelFontWeight, _Checkbox.tokens.labelLetterSpacing, _Checkbox.tokens.labelLineHeight);
|
31
|
-
var StyledDescription = exports.StyledDescription = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
|
-
componentId: "plasma-new-hope__sc-tydhc1-5"
|
33
|
-
})(["margin-top:0.25rem;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Checkbox.tokens.descriptionColor, _Checkbox.tokens.descriptionFontFamily, _Checkbox.tokens.descriptionFontSize, _Checkbox.tokens.descriptionFontStyle, _Checkbox.tokens.descriptionFontWeight, _Checkbox.tokens.descriptionLetterSpacing, _Checkbox.tokens.descriptionLineHeight);
|
@@ -1,37 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.tokens = exports.classes = void 0;
|
7
|
-
var classes = exports.classes = {
|
8
|
-
singleLine: 'single-line',
|
9
|
-
resetMargins: 'reset-margins',
|
10
|
-
checkboxTrigger: 'checkbox-trigger'
|
11
|
-
};
|
12
|
-
var tokens = exports.tokens = {
|
13
|
-
margin: '--plasma-checkbox-margin',
|
14
|
-
triggerMargin: '--plasma-checkbox-trigger-margin',
|
15
|
-
triggerSize: '--plasma-checkbox-trigger-size',
|
16
|
-
triggerBorderRadius: '--plasma-checkbox-trigger-border-radius',
|
17
|
-
contentTopOffset: '--plasma-checkbox-content-top-offset',
|
18
|
-
contentLeftOffset: '--plasma-checkbox-content-left-offset',
|
19
|
-
labelFontFamily: '--plasma-checkbox-label-font-family',
|
20
|
-
labelFontSize: '--plasma-checkbox-label-font-size',
|
21
|
-
labelFontStyle: '--plasma-checkbox-label-font-style',
|
22
|
-
labelFontWeight: '--plasma-checkbox-label-font-weight',
|
23
|
-
labelLetterSpacing: '--plasma-checkbox-label-letter-spacing',
|
24
|
-
labelLineHeight: '--plasma-checkbox-label-line-height',
|
25
|
-
descriptionFontFamily: '--plasma-checkbox-description-font-family',
|
26
|
-
descriptionFontSize: '--plasma-checkbox-description-font-size',
|
27
|
-
descriptionFontStyle: '--plasma-checkbox-description-font-style',
|
28
|
-
descriptionFontWeight: '--plasma-checkbox-description-font-weight',
|
29
|
-
descriptionLetterSpacing: '--plasma-checkbox-description-letter-spacing',
|
30
|
-
descriptionLineHeight: '--plasma-checkbox-description-line-height',
|
31
|
-
fillColor: '--plasma-checkbox-fill-color',
|
32
|
-
iconColor: '--plasma-checkbox-icon-color',
|
33
|
-
descriptionColor: '--plasma-checkbox-description-color',
|
34
|
-
triggerBorderColor: '--plasma-checkbox-trigger-border-color',
|
35
|
-
focusColor: '--plasma-checkbox-focus-color',
|
36
|
-
disabledOpacity: '--plasma-checkbox-disabled-opacity'
|
37
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
|
9
|
-
var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:disabled + ", "{opacity:var(", ");}input:disabled + ", "{cursor:not-allowed;}"], _Checkbox.StyledContentWrapper, _Checkbox2.tokens.disabledOpacity, _Checkbox.StyledContentWrapper);
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
9
|
-
var _Checkbox = /*#__PURE__*/require("../../Checkbox.tokens");
|
10
|
-
/**
|
11
|
-
* INFO: на 34 строке нет возможности использвать .${classes.checkboxTrigger},
|
12
|
-
* потому что линтер правит селектор и он применяется некорректно
|
13
|
-
*/
|
14
|
-
|
15
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .", "{", "}"], _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
16
|
-
outlineOffset: '0',
|
17
|
-
outlineSize: '0.125rem',
|
18
|
-
outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
|
19
|
-
outlineColor: 'transparent'
|
20
|
-
}), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
21
|
-
outlineOffset: '-0.188rem',
|
22
|
-
outlineSize: '0.125rem',
|
23
|
-
outlineRadius: /*#__PURE__*/"var(".concat(_Checkbox.tokens.triggerBorderRadius, ")"),
|
24
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
|
25
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
|
26
|
-
}), _Checkbox.classes.checkboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
27
|
-
outlineOffset: '-0.125rem',
|
28
|
-
outlineSize: '0.063rem',
|
29
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Checkbox.tokens.triggerBorderRadius, ") + 0.125rem)"),
|
30
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Checkbox.tokens.focusColor, ")"),
|
31
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(_Checkbox.tokens.focusColor, ");\n }\n ")
|
32
|
-
}));
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Checkbox = /*#__PURE__*/require("../../Checkbox.styles");
|
9
|
-
var _Checkbox2 = /*#__PURE__*/require("../../Checkbox.tokens");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input[type='checkbox']:indeterminate + ", " ", "{border:none;background:var(", ");border-color:var(", ");}input:checked + ", " ", "{border:none;background:var(", ");border-color:var(", ");}"], _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor, _Checkbox.StyledContentWrapper, _Checkbox.StyledTrigger, _Checkbox2.tokens.fillColor, _Checkbox2.tokens.fillColor);
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-checkbox-fill-color"]
|
@@ -1,19 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.StyledEllipse = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _Checkbox = /*#__PURE__*/require("../Checkbox");
|
10
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
11
|
-
var _Radiobox = /*#__PURE__*/require("./Radiobox.tokens");
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
|
-
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
15
|
-
var mappingOverride = /*#__PURE__*/"\n ".concat(_Checkbox.checkboxTokens.labelFontFamily, ": var(").concat(_Radiobox.tokens.labelFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.labelFontSize, ": var(").concat(_Radiobox.tokens.labelFontSize, ");\n ").concat(_Checkbox.checkboxTokens.labelFontStyle, ": var(").concat(_Radiobox.tokens.labelFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.labelFontWeight, ": var(").concat(_Radiobox.tokens.labelFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.labelLetterSpacing, ": var(").concat(_Radiobox.tokens.labelLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.labelLineHeight, ": var(").concat(_Radiobox.tokens.labelLineHeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontFamily, ": var(").concat(_Radiobox.tokens.descriptionFontFamily, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontSize, ": var(").concat(_Radiobox.tokens.descriptionFontSize, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontStyle, ": var(").concat(_Radiobox.tokens.descriptionFontStyle, ");\n ").concat(_Checkbox.checkboxTokens.descriptionFontWeight, ": var(").concat(_Radiobox.tokens.descriptionFontWeight, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLetterSpacing, ": var(").concat(_Radiobox.tokens.descriptionLetterSpacing, ");\n ").concat(_Checkbox.checkboxTokens.descriptionLineHeight, ": var(").concat(_Radiobox.tokens.descriptionLineHeight, ");\n\n ").concat(_Checkbox.checkboxTokens.fillColor, ": var(").concat(_Radiobox.tokens.fillColor, ");\n ").concat(_Checkbox.checkboxTokens.descriptionColor, ": var(").concat(_Radiobox.tokens.descriptionColor, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderColor, ": var(").concat(_Radiobox.tokens.triggerBorderColor, ");\n\n ").concat(_Checkbox.checkboxTokens.contentTopOffset, ": var(").concat(_Radiobox.tokens.contentTopOffset, ");\n ").concat(_Checkbox.checkboxTokens.contentLeftOffset, ": var(").concat(_Radiobox.tokens.contentLeftOffset, ");\n ").concat(_Checkbox.checkboxTokens.triggerSize, ": var(").concat(_Radiobox.tokens.triggerSize, ");\n ").concat(_Checkbox.checkboxTokens.triggerBorderRadius, ": var(").concat(_Radiobox.tokens.triggerBorderRadius, ");\n ").concat(_Checkbox.checkboxTokens.triggerMargin, ": var(").concat(_Radiobox.tokens.triggerMargin, ");\n");
|
16
|
-
var StyledEllipse = exports.StyledEllipse = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-rqiilp-0"
|
18
|
-
})(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseSize, _Radiobox.tokens.ellipseColor);
|
19
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";margin:var(", ");", ";position:relative;align-items:flex-start;display:flex;cursor:pointer;.", "{", ";}&.", ",.", "{margin:0;}"], mappingOverride, _Radiobox.tokens.margin, /*#__PURE__*/(0, _mixins.applyNoUserSelect)(), _Radiobox.classes.singleLine, /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Radiobox.classes.resetMargins, _Radiobox.classes.resetMargins);
|
@@ -1,38 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.tokens = exports.classes = void 0;
|
7
|
-
var classes = exports.classes = {
|
8
|
-
resetMargins: 'reset-margins',
|
9
|
-
singleLine: 'single-line',
|
10
|
-
radioboxTrigger: 'radiobox-trigger'
|
11
|
-
};
|
12
|
-
var tokens = exports.tokens = {
|
13
|
-
labelFontFamily: '--plasma-radiobox-label-font-family',
|
14
|
-
labelFontSize: '--plasma-radiobox-label-font-size',
|
15
|
-
labelFontStyle: '--plasma-radiobox-label-font-style',
|
16
|
-
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
17
|
-
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
18
|
-
labelLineHeight: '--plasma-radiobox-label-line-height',
|
19
|
-
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
20
|
-
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
21
|
-
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
22
|
-
descriptionFontWeight: '--plasma-radiobox-description-font-weight',
|
23
|
-
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
24
|
-
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
25
|
-
fillColor: '--plasma-radiobox-fill-color',
|
26
|
-
descriptionColor: '--plasma-radiobox-description-color',
|
27
|
-
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
28
|
-
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
29
|
-
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
30
|
-
triggerSize: '--plasma-radiobox-trigger-size',
|
31
|
-
triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
|
32
|
-
triggerMargin: '--plasma-radiobox-trigger-margin',
|
33
|
-
margin: '--plasma-radiobox-margin',
|
34
|
-
ellipseSize: '--plasma-radiobox-ellipse-size',
|
35
|
-
ellipseColor: '--plasma-radiobox-ellipse-color',
|
36
|
-
disabledOpacity: '--plasma-radiobox-disabled-opacity',
|
37
|
-
focusColor: '--plasma-radiobox-focus-color'
|
38
|
-
};
|
@@ -1,27 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
9
|
-
var _Radiobox = /*#__PURE__*/require("../../Radiobox.tokens");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".radiobox-trigger{", "}input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .radiobox-trigger{", "}"], /*#__PURE__*/(0, _mixins.addFocus)({
|
11
|
-
outlineOffset: '0',
|
12
|
-
outlineSize: '0.125rem',
|
13
|
-
outlineRadius: /*#__PURE__*/"var(".concat(_Radiobox.tokens.triggerBorderRadius, ")"),
|
14
|
-
outlineColor: 'transparent'
|
15
|
-
}), /*#__PURE__*/(0, _mixins.addFocus)({
|
16
|
-
outlineOffset: '-0.188rem',
|
17
|
-
outlineSize: '0.125rem',
|
18
|
-
outlineRadius: /*#__PURE__*/"var(".concat(_Radiobox.tokens.triggerBorderRadius, ")"),
|
19
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Radiobox.tokens.focusColor, ")"),
|
20
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(_Radiobox.tokens.focusColor, ");\n }\n ")
|
21
|
-
}), /*#__PURE__*/(0, _mixins.addFocus)({
|
22
|
-
outlineOffset: '-0.125rem',
|
23
|
-
outlineSize: '0.063rem',
|
24
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Radiobox.tokens.triggerBorderRadius, ") + 0.125rem)"),
|
25
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Radiobox.tokens.focusColor, ")"),
|
26
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(_Radiobox.tokens.focusColor, ");\n }\n ")
|
27
|
-
}));
|
@@ -1,25 +0,0 @@
|
|
1
|
-
var _templateObject;
|
2
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
-
import { css } from 'styled-components';
|
4
|
-
import styled from 'styled-components';
|
5
|
-
import { applyEllipsis, applyNoUserSelect } from '../../mixins';
|
6
|
-
import { classes, tokens } from './Checkbox.tokens';
|
7
|
-
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n margin: var(", ");\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n\n .", " {\n ", ";\n }\n"])), tokens.margin, /*#__PURE__*/applyNoUserSelect(), classes.singleLine, /*#__PURE__*/applyEllipsis());
|
8
|
-
export var StyledInput = /*#__PURE__*/styled.input.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-tydhc1-0"
|
10
|
-
})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
|
11
|
-
export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-tydhc1-1"
|
13
|
-
})(["margin:var(", ");width:var(", ");height:var(", ");border-radius:var(", ");position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(", ");box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}&.", "{margin:0;}"], tokens.triggerMargin, tokens.triggerSize, tokens.triggerSize, tokens.triggerBorderRadius, tokens.triggerBorderColor, classes.resetMargins);
|
14
|
-
export var StyledContentWrapper = /*#__PURE__*/styled.label.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-tydhc1-2"
|
16
|
-
})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
|
17
|
-
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
18
|
-
componentId: "plasma-new-hope__sc-tydhc1-3"
|
19
|
-
})(["display:flex;flex-direction:column;margin-top:var(", ");margin-left:var(", ");"], tokens.contentTopOffset, tokens.contentLeftOffset);
|
20
|
-
export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-tydhc1-4"
|
22
|
-
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight);
|
23
|
-
export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
|
24
|
-
componentId: "plasma-new-hope__sc-tydhc1-5"
|
25
|
-
})(["margin-top:0.25rem;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.descriptionColor, tokens.descriptionFontFamily, tokens.descriptionFontSize, tokens.descriptionFontStyle, tokens.descriptionFontWeight, tokens.descriptionLetterSpacing, tokens.descriptionLineHeight);
|
@@ -1,31 +0,0 @@
|
|
1
|
-
export var classes = {
|
2
|
-
singleLine: 'single-line',
|
3
|
-
resetMargins: 'reset-margins',
|
4
|
-
checkboxTrigger: 'checkbox-trigger'
|
5
|
-
};
|
6
|
-
export 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
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { StyledContentWrapper } from '../../Checkbox.styles';
|
3
|
-
import { tokens } from '../../Checkbox.tokens';
|
4
|
-
export var base = /*#__PURE__*/css(["input:disabled + ", "{opacity:var(", ");}input:disabled + ", "{cursor:not-allowed;}"], StyledContentWrapper, tokens.disabledOpacity, StyledContentWrapper);
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { addFocus } from '../../../../mixins';
|
3
|
-
import { classes, tokens } from '../../Checkbox.tokens';
|
4
|
-
|
5
|
-
/**
|
6
|
-
* INFO: на 34 строке нет возможности использвать .${classes.checkboxTrigger},
|
7
|
-
* потому что линтер правит селектор и он применяется некорректно
|
8
|
-
*/
|
9
|
-
|
10
|
-
export var base = /*#__PURE__*/css([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .", "{", "}"], classes.checkboxTrigger, /*#__PURE__*/addFocus({
|
11
|
-
outlineOffset: '0',
|
12
|
-
outlineSize: '0.125rem',
|
13
|
-
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
14
|
-
outlineColor: 'transparent'
|
15
|
-
}), classes.checkboxTrigger, /*#__PURE__*/addFocus({
|
16
|
-
outlineOffset: '-0.188rem',
|
17
|
-
outlineSize: '0.125rem',
|
18
|
-
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
19
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
20
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(tokens.focusColor, ");\n }\n ")
|
21
|
-
}), classes.checkboxTrigger, /*#__PURE__*/addFocus({
|
22
|
-
outlineOffset: '-0.125rem',
|
23
|
-
outlineSize: '0.063rem',
|
24
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.triggerBorderRadius, ") + 0.125rem)"),
|
25
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
26
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.focusColor, ");\n }\n ")
|
27
|
-
}));
|
@@ -1,4 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { StyledContentWrapper, StyledTrigger } from '../../Checkbox.styles';
|
3
|
-
import { tokens } from '../../Checkbox.tokens';
|
4
|
-
export var base = /*#__PURE__*/css(["input[type='checkbox']:indeterminate + ", " ", "{border:none;background:var(", ");border-color:var(", ");}input:checked + ", " ", "{border:none;background:var(", ");border-color:var(", ");}"], StyledContentWrapper, StyledTrigger, tokens.fillColor, tokens.fillColor, StyledContentWrapper, StyledTrigger, tokens.fillColor, tokens.fillColor);
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-checkbox-fill-color"]
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { css } from 'styled-components';
|
3
|
-
import { checkboxTokens } from '../Checkbox';
|
4
|
-
import { applyEllipsis, applyNoUserSelect } from '../../mixins';
|
5
|
-
import { classes, tokens } from './Radiobox.tokens';
|
6
|
-
|
7
|
-
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
8
|
-
var mappingOverride = /*#__PURE__*/"\n ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n\n ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n ").concat(checkboxTokens.triggerMargin, ": var(").concat(tokens.triggerMargin, ");\n");
|
9
|
-
export var StyledEllipse = /*#__PURE__*/styled.div.withConfig({
|
10
|
-
componentId: "plasma-new-hope__sc-rqiilp-0"
|
11
|
-
})(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], tokens.ellipseSize, tokens.ellipseSize, tokens.ellipseSize, tokens.ellipseColor);
|
12
|
-
export var base = /*#__PURE__*/css(["", ";margin:var(", ");", ";position:relative;align-items:flex-start;display:flex;cursor:pointer;.", "{", ";}&.", ",.", "{margin:0;}"], mappingOverride, tokens.margin, /*#__PURE__*/applyNoUserSelect(), classes.singleLine, /*#__PURE__*/applyEllipsis(), classes.resetMargins, classes.resetMargins);
|
@@ -1,32 +0,0 @@
|
|
1
|
-
export var classes = {
|
2
|
-
resetMargins: 'reset-margins',
|
3
|
-
singleLine: 'single-line',
|
4
|
-
radioboxTrigger: 'radiobox-trigger'
|
5
|
-
};
|
6
|
-
export var tokens = {
|
7
|
-
labelFontFamily: '--plasma-radiobox-label-font-family',
|
8
|
-
labelFontSize: '--plasma-radiobox-label-font-size',
|
9
|
-
labelFontStyle: '--plasma-radiobox-label-font-style',
|
10
|
-
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
11
|
-
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
12
|
-
labelLineHeight: '--plasma-radiobox-label-line-height',
|
13
|
-
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
14
|
-
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
15
|
-
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
16
|
-
descriptionFontWeight: '--plasma-radiobox-description-font-weight',
|
17
|
-
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
18
|
-
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
19
|
-
fillColor: '--plasma-radiobox-fill-color',
|
20
|
-
descriptionColor: '--plasma-radiobox-description-color',
|
21
|
-
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
22
|
-
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
23
|
-
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
24
|
-
triggerSize: '--plasma-radiobox-trigger-size',
|
25
|
-
triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
|
26
|
-
triggerMargin: '--plasma-radiobox-trigger-margin',
|
27
|
-
margin: '--plasma-radiobox-margin',
|
28
|
-
ellipseSize: '--plasma-radiobox-ellipse-size',
|
29
|
-
ellipseColor: '--plasma-radiobox-ellipse-color',
|
30
|
-
disabledOpacity: '--plasma-radiobox-disabled-opacity',
|
31
|
-
focusColor: '--plasma-radiobox-focus-color'
|
32
|
-
};
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { addFocus } from '../../../../mixins';
|
3
|
-
import { tokens } from '../../Radiobox.tokens';
|
4
|
-
export var base = /*#__PURE__*/css([".radiobox-trigger{", "}input[data-focus-visible-added] + label .radiobox-trigger{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .radiobox-trigger{", "}"], /*#__PURE__*/addFocus({
|
5
|
-
outlineOffset: '0',
|
6
|
-
outlineSize: '0.125rem',
|
7
|
-
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
8
|
-
outlineColor: 'transparent'
|
9
|
-
}), /*#__PURE__*/addFocus({
|
10
|
-
outlineOffset: '-0.188rem',
|
11
|
-
outlineSize: '0.125rem',
|
12
|
-
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
13
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
14
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(tokens.focusColor, ");\n }\n ")
|
15
|
-
}), /*#__PURE__*/addFocus({
|
16
|
-
outlineOffset: '-0.125rem',
|
17
|
-
outlineSize: '0.063rem',
|
18
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.triggerBorderRadius, ") + 0.125rem)"),
|
19
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
20
|
-
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.focusColor, ");\n }\n ")
|
21
|
-
}));
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const base: import("@linaria/core").LinariaClassName;
|
3
|
-
export declare const StyledInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
4
|
-
export declare const StyledTrigger: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
-
export declare const StyledContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
|
6
|
-
export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
7
|
-
export declare const StyledLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
8
|
-
export declare const StyledDescription: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
9
|
-
//# sourceMappingURL=Checkbox.styles.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAYvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKA+BzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,8KAMhC,CAAC;AAEF,eAAO,MAAM,aAAa,qKAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAOvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC"}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
export declare const classes: {
|
2
|
-
singleLine: string;
|
3
|
-
resetMargins: string;
|
4
|
-
checkboxTrigger: string;
|
5
|
-
};
|
6
|
-
export declare const tokens: {
|
7
|
-
margin: string;
|
8
|
-
triggerMargin: string;
|
9
|
-
triggerSize: string;
|
10
|
-
triggerBorderRadius: string;
|
11
|
-
contentTopOffset: string;
|
12
|
-
contentLeftOffset: string;
|
13
|
-
labelFontFamily: string;
|
14
|
-
labelFontSize: string;
|
15
|
-
labelFontStyle: string;
|
16
|
-
labelFontWeight: string;
|
17
|
-
labelLetterSpacing: string;
|
18
|
-
labelLineHeight: string;
|
19
|
-
descriptionFontFamily: string;
|
20
|
-
descriptionFontSize: string;
|
21
|
-
descriptionFontStyle: string;
|
22
|
-
descriptionFontWeight: string;
|
23
|
-
descriptionLetterSpacing: string;
|
24
|
-
descriptionLineHeight: string;
|
25
|
-
fillColor: string;
|
26
|
-
iconColor: string;
|
27
|
-
descriptionColor: string;
|
28
|
-
triggerBorderColor: string;
|
29
|
-
focusColor: string;
|
30
|
-
disabledOpacity: string;
|
31
|
-
};
|
32
|
-
//# sourceMappingURL=Checkbox.tokens.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA2BlB,CAAC"}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import type { InputHTMLAttributes } from 'react';
|
2
|
-
export interface BaseboxProps {
|
3
|
-
/**
|
4
|
-
* Уникальный идентификатор контрола
|
5
|
-
*/
|
6
|
-
id?: string;
|
7
|
-
/**
|
8
|
-
* Метка-подпись к элементу
|
9
|
-
*/
|
10
|
-
label?: React.ReactNode;
|
11
|
-
/**
|
12
|
-
* Описание элемента
|
13
|
-
*/
|
14
|
-
description?: React.ReactNode;
|
15
|
-
/**
|
16
|
-
* Title и description в одну строку или с переносом строк
|
17
|
-
*/
|
18
|
-
singleLine?: boolean;
|
19
|
-
/**
|
20
|
-
* Неопределенное состояние компонента - когда часть потомков не выбрана.
|
21
|
-
*/
|
22
|
-
indeterminate?: boolean;
|
23
|
-
size?: string;
|
24
|
-
view?: string;
|
25
|
-
focused?: boolean;
|
26
|
-
}
|
27
|
-
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, BaseboxProps {
|
28
|
-
}
|
29
|
-
//# sourceMappingURL=Checkbox.types.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,YAAY;CAAG"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/variations/_disabled/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAQhB,CAAC"}
|