@salutejs/plasma-new-hope 0.74.0-canary.1171.8646985900.0 → 0.74.0-canary.1176.8645254725.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Checkbox/Checkbox.css +13 -0
- package/cjs/components/Checkbox/Checkbox.js +20 -57
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/cjs/components/Checkbox/Checkbox.styles_t8rp9c.css +7 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js +39 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
- package/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
- package/cjs/components/Checkbox/{_view → variations/_disabled}/base.js +2 -2
- package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
- package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_focused/base_1rx10n8.css +1 -0
- package/cjs/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
- package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_view/base.js +9 -0
- package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_view/base_x252cy.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_rmr9za.css → Popover.styles_1ggb66y.css} +1 -1
- package/cjs/components/Radiobox/Radiobox.css +16 -0
- package/cjs/components/Radiobox/Radiobox.js +21 -30
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
- package/cjs/components/Radiobox/Radiobox.styles_8m0hra.css +2 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js +40 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
- package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
- package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
- package/cjs/components/{Checkbox/_disabled → Radiobox/variations/_focused}/base.js +2 -2
- package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
- package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_25xwn7.css} +1 -1
- package/cjs/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
- package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
- package/cjs/components/Radiobox/variations/_view/base.js +9 -0
- package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
- package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.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_1jz4u92.css → Tooltip.styles_1op45q9.css} +1 -1
- package/cjs/index.css +21 -21
- package/cjs/index.js +4 -0
- package/cjs/index.js.map +1 -1
- package/es/components/Checkbox/Checkbox.css +13 -0
- package/es/components/Checkbox/Checkbox.js +10 -41
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles.js +37 -0
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/es/components/Checkbox/Checkbox.styles_t8rp9c.css +7 -0
- package/es/components/Checkbox/Checkbox.tokens.js +34 -0
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
- package/es/components/Checkbox/IconsSvg.js +9 -9
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/Checkbox/{_view → variations/_disabled}/base.js +2 -2
- package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/es/components/Checkbox/variations/_focused/base.js +10 -0
- package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
- package/es/components/Checkbox/variations/_focused/base_1rx10n8.css +1 -0
- package/es/components/Checkbox/{_size → variations/_size}/base.js +1 -1
- package/es/components/Checkbox/variations/_size/base.js.map +1 -0
- package/es/components/Checkbox/variations/_view/base.js +5 -0
- package/es/components/Checkbox/variations/_view/base.js.map +1 -0
- package/es/components/Checkbox/variations/_view/base_x252cy.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_rmr9za.css → Popover.styles_1ggb66y.css} +1 -1
- package/es/components/Radiobox/Radiobox.css +16 -0
- package/es/components/Radiobox/Radiobox.js +10 -19
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox.styles.js +14 -0
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
- package/es/components/Radiobox/Radiobox.styles_8m0hra.css +2 -0
- package/es/components/Radiobox/Radiobox.tokens.js +35 -0
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
- package/es/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
- package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
- package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
- package/es/components/{Checkbox/_disabled → Radiobox/variations/_focused}/base.js +2 -2
- package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
- package/es/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_25xwn7.css} +1 -1
- package/es/components/Radiobox/{_size → variations/_size}/base.js +1 -1
- package/es/components/Radiobox/variations/_size/base.js.map +1 -0
- package/es/components/Radiobox/variations/_view/base.js +5 -0
- package/es/components/Radiobox/variations/_view/base.js.map +1 -0
- package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.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_1jz4u92.css → Tooltip.styles_1op45q9.css} +1 -1
- package/es/index.css +21 -21
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +18 -38
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +37 -0
- package/styled-components/cjs/components/Checkbox/Checkbox.types.js +5 -0
- package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/cjs/components/Checkbox/index.js +8 -1
- package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
- package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
- package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Popover/Popover.styles.js +2 -2
- package/styled-components/cjs/components/Radiobox/Radiobox.js +13 -20
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +38 -0
- package/styled-components/cjs/components/Radiobox/index.js +8 -1
- package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
- package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
- package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/base.js +2 -1
- 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 +13 -12
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +0 -3
- 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 +13 -12
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +0 -3
- 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 +13 -12
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +0 -3
- package/styled-components/es/components/Checkbox/Checkbox.js +10 -31
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +31 -0
- package/styled-components/es/components/Checkbox/Checkbox.types.js +1 -0
- package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/es/components/Checkbox/index.js +2 -1
- package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
- package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
- package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
- package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Popover/Popover.styles.js +2 -2
- package/styled-components/es/components/Radiobox/Radiobox.js +11 -20
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +32 -0
- package/styled-components/es/components/Radiobox/index.js +2 -1
- package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
- package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
- 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 +13 -12
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +0 -3
- 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 +13 -12
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +0 -3
- 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 +13 -12
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +0 -3
- package/types/components/Checkbox/Checkbox.d.ts +4 -37
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts +32 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
- package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
- package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
- package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
- package/types/components/Checkbox/index.d.ts +2 -1
- package/types/components/Checkbox/index.d.ts.map +1 -1
- package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
- package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
- 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/Radiobox.styles.d.ts +4 -0
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts +33 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
- package/types/components/Radiobox/index.d.ts +1 -0
- package/types/components/Radiobox/index.d.ts.map +1 -1
- package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +0 -1
- 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 +0 -1
- 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 +0 -1
- 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_1q4l832.css +0 -7
- package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
- package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
- package/cjs/components/Checkbox/_focused/base.js.map +0 -1
- package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
- package/cjs/components/Checkbox/_size/base.js.map +0 -1
- package/cjs/components/Checkbox/_view/base.js.map +0 -1
- package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
- package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
- package/cjs/components/Radiobox/_disabled/base.js +0 -9
- package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
- package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
- package/cjs/components/Radiobox/_focused/base.js +0 -9
- package/cjs/components/Radiobox/_focused/base.js.map +0 -1
- package/cjs/components/Radiobox/_size/base.js.map +0 -1
- package/cjs/components/Radiobox/_view/base.js +0 -9
- package/cjs/components/Radiobox/_view/base.js.map +0 -1
- package/es/components/Checkbox/Checkbox_1q4l832.css +0 -7
- package/es/components/Checkbox/_disabled/base.js.map +0 -1
- package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
- package/es/components/Checkbox/_focused/base.js.map +0 -1
- package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
- package/es/components/Checkbox/_size/base.js.map +0 -1
- package/es/components/Checkbox/_view/base.js.map +0 -1
- package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
- package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
- package/es/components/Radiobox/_disabled/base.js +0 -5
- package/es/components/Radiobox/_disabled/base.js.map +0 -1
- package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
- package/es/components/Radiobox/_focused/base.js +0 -5
- package/es/components/Radiobox/_focused/base.js.map +0 -1
- package/es/components/Radiobox/_size/base.js.map +0 -1
- package/es/components/Radiobox/_view/base.js +0 -5
- package/es/components/Radiobox/_view/base.js.map +0 -1
- package/styled-components/cjs/components/Checkbox/_focused/base.js +0 -26
- package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
- package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
- package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
- package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
- package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
- package/styled-components/es/components/Checkbox/_view/base.js +0 -2
- package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
- package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
- package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
- package/styled-components/es/components/Radiobox/_view/base.js +0 -2
- package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
- package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
- package/types/components/Checkbox/_size/base.d.ts.map +0 -1
- package/types/components/Checkbox/_view/base.d.ts.map +0 -1
- package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
- package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
- package/types/components/Radiobox/_size/base.d.ts.map +0 -1
- package/types/components/Radiobox/_view/base.d.ts +0 -2
- package/types/components/Radiobox/_view/base.d.ts.map +0 -1
- /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/es/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/es/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
- /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
- /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
- /package/types/components/{Checkbox/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -55,10 +55,10 @@
|
|
55
55
|
|
56
56
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
57
57
|
|
58
|
-
.
|
59
|
-
.
|
60
|
-
.
|
61
|
-
.
|
58
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
59
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
60
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
61
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
62
62
|
|
63
63
|
.Select_styles_1q3i6gw_spxbau6__08f2a797{width:100%;position:relative;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_nativeSelectVisible__08f2a797{display:block;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_popoverWrapper__08f2a797{display:block;}
|
64
64
|
.Select_styles_1q3i6gw_s1yey2x3__08f2a797{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
2
|
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
3
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
4
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
5
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
6
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
7
7
|
|
8
8
|
.Select_styles_1q3i6gw_spxbau6__08f2a797{width:100%;position:relative;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_nativeSelectVisible__08f2a797{display:block;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_popoverWrapper__08f2a797{display:block;}
|
9
9
|
.Select_styles_1q3i6gw_s1yey2x3__08f2a797{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.styles.js","sources":["../../../src/components/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Popover.tokens';\nimport { PopoverProps } from './Popover.types';\n\nexport const StyledWrapper = styled.div`\n display: inline-block;\n`;\n\nexport const StyledRoot = styled.div`\n display: inline-flex;\n box-sizing: border-box;\n position: relative;\n`;\n\nexport const StyledArrow = styled.div`\n width: var(${String(tokens.arrowMaskWidth)});\n height: var(${String(tokens.arrowMaskHeight)});\n\n &::before {\n position: absolute;\n width: var(${String(tokens.arrowMaskWidth)});\n height: var(${String(tokens.arrowMaskHeight)});\n mask-image: var(${String(tokens.arrowMaskImage)});\n background: var(${String(tokens.arrowBackground)});\n\n content: '';\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledPopover = styled.div<Pick<PopoverProps, 'zIndex'>>`\n position: absolute;\n z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n\n &[data-popper-placement^='top'] > .${classes.arrow} {\n bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n }\n\n &[data-popper-placement^='bottom'] > .${classes.arrow} {\n top: calc(0px - var(${String(tokens.arrowHeight)}));\n &::before {\n transform: rotate(180deg);\n }\n }\n\n &[data-popper-placement^='left'] > .${classes.arrow} {\n right: calc(0px - var(${String(tokens.arrowHeight)}));\n &::before {\n transform: rotate(-90deg);\n }\n }\n\n &[data-popper-placement^='right'] > .${classes.arrow} {\n left: calc(0px - var(${String(tokens.arrowHeight)}));\n &::before {\n transform: rotate(90deg);\n }\n }\n\n &[data-popper-placement^='top-start'] > .${classes.arrow} {\n bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n left: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n }\n\n &[data-popper-placement^='top-end'] > .${classes.arrow} {\n bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n left: unset !important;\n right: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n }\n\n &[data-popper-placement^='bottom-start'] > .${classes.arrow} {\n top: calc(0px - var(${String(tokens.arrowHeight)}));\n left: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n\n &::before {\n transform: rotate(180deg);\n }\n }\n\n &[data-popper-placement^='bottom-end'] > .${classes.arrow} {\n top: calc(0px - var(${String(tokens.arrowHeight)}));\n left: unset !important;\n right: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n\n &::before {\n transform: rotate(180deg);\n }\n }\n
|
1
|
+
{"version":3,"file":"Popover.styles.js","sources":["../../../src/components/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\n\nimport { classes, tokens } from './Popover.tokens';\nimport { PopoverProps } from './Popover.types';\n\nexport const StyledWrapper = styled.div`\n display: inline-block;\n`;\n\nexport const StyledRoot = styled.div`\n display: inline-flex;\n box-sizing: border-box;\n position: relative;\n`;\n\nexport const StyledArrow = styled.div`\n width: var(${String(tokens.arrowMaskWidth)});\n height: var(${String(tokens.arrowMaskHeight)});\n\n &::before {\n position: absolute;\n width: var(${String(tokens.arrowMaskWidth)});\n height: var(${String(tokens.arrowMaskHeight)});\n mask-image: var(${String(tokens.arrowMaskImage)});\n background: var(${String(tokens.arrowBackground)});\n\n content: '';\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledPopover = styled.div<Pick<PopoverProps, 'zIndex'>>`\n position: absolute;\n z-index: ${({ zIndex }) => zIndex || DEFAULT_Z_INDEX};\n\n &[data-popper-placement^='top'] > .${classes.arrow} {\n bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n }\n\n &[data-popper-placement^='bottom'] > .${classes.arrow} {\n top: calc(0px - var(${String(tokens.arrowHeight)}));\n &::before {\n transform: rotate(180deg);\n }\n }\n\n &[data-popper-placement^='left'] > .${classes.arrow} {\n right: calc(0px - var(${String(tokens.arrowHeight)}));\n &::before {\n transform: rotate(-90deg);\n }\n }\n\n &[data-popper-placement^='right'] > .${classes.arrow} {\n left: calc(0px - var(${String(tokens.arrowHeight)}));\n &::before {\n transform: rotate(90deg);\n }\n }\n\n &[data-popper-placement^='top-start'] > .${classes.arrow} {\n bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n left: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n }\n\n &[data-popper-placement^='top-end'] > .${classes.arrow} {\n bottom: calc(0px - var(${String(tokens.arrowHeight)}));\n left: unset !important;\n right: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n }\n\n &[data-popper-placement^='bottom-start'] > .${classes.arrow} {\n top: calc(0px - var(${String(tokens.arrowHeight)}));\n left: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n\n &::before {\n transform: rotate(180deg);\n }\n }\n\n &[data-popper-placement^='bottom-end'] > .${classes.arrow} {\n top: calc(0px - var(${String(tokens.arrowHeight)}));\n left: unset !important;\n right: var(${String(tokens.arrowEdgeMargin)}) !important;\n transform: unset !important;\n\n &::before {\n transform: rotate(180deg);\n }\n }\n`;\n"],"names":["StyledWrapper","styled","name","class","propsAsIs","StyledRoot","StyledArrow","_exp7","_ref","zIndex","DEFAULT_Z_INDEX","StyledPopover","vars"],"mappings":";;;;;;;AAOO,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAchC,EAAA;AAAC,IAAAG,KAAA,GA9BgBA,SA8BhBA,KAAAA,GAAA;AAAA,EAAA,OAIa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAIC,qBAAe,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAFjD,IAAMC,aAAa,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAQ,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEpBL,KAAyC,EAAA,CAAA;AAAA,GAAA;AAAA,CA4DvD;;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
.s1g1xbt5{display:inline-block;}
|
2
2
|
.s12xwbyh{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
3
|
.s1pd4d8a{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.s1pd4d8a::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
4
|
-
.s16xlixz{position:absolute;z-index:var(--s16xlixz-0);}.s16xlixz[data-popper-placement^='top'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left'] > .popover-arrow{right:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='left'] > .popover-arrow::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.s16xlixz[data-popper-placement^='right'] > .popover-arrow{left:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='right'] > .popover-arrow::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s16xlixz[data-popper-placement^='top-start'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top-end'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
4
|
+
.s16xlixz{position:absolute;z-index:var(--s16xlixz-0);}.s16xlixz[data-popper-placement^='top'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left'] > .popover-arrow{right:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='left'] > .popover-arrow::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.s16xlixz[data-popper-placement^='right'] > .popover-arrow{left:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='right'] > .popover-arrow::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s16xlixz[data-popper-placement^='top-start'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top-end'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
@@ -0,0 +1,16 @@
|
|
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,30 +1,21 @@
|
|
1
|
-
import './Radiobox_1ri2eqv.css';
|
2
1
|
'use strict';
|
3
2
|
|
4
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
4
|
|
6
5
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
7
6
|
var React = require('react');
|
8
|
-
var react = require('@linaria/react');
|
9
7
|
var plasmaCore = require('@salutejs/plasma-core');
|
10
|
-
var
|
8
|
+
var Checkbox_styles = require('../Checkbox/Checkbox.styles.js');
|
11
9
|
var index = require('../../utils/index.js');
|
12
|
-
var base$
|
13
|
-
var base
|
14
|
-
var base$
|
15
|
-
var base$
|
10
|
+
var base$1 = require('./variations/_view/base.js');
|
11
|
+
var base = require('./variations/_size/base.js');
|
12
|
+
var base$2 = require('./variations/_disabled/base.js');
|
13
|
+
var base$3 = require('./variations/_focused/base.js');
|
14
|
+
var Radiobox_styles = require('./Radiobox.styles.js');
|
15
|
+
var Radiobox_tokens = require('./Radiobox.tokens.js');
|
16
16
|
|
17
17
|
var _StyledEllipse;
|
18
18
|
var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
|
19
|
-
|
20
|
-
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
21
|
-
|
22
|
-
var StyledEllipse = /*#__PURE__*/react.styled('div')({
|
23
|
-
name: "StyledEllipse",
|
24
|
-
"class": "sv18cw2",
|
25
|
-
propsAsIs: false
|
26
|
-
});
|
27
|
-
var base = "b1ls92xy";
|
28
19
|
var radioboxRoot = function radioboxRoot(Root) {
|
29
20
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
30
21
|
var size = props.size,
|
@@ -50,8 +41,8 @@ var radioboxRoot = function radioboxRoot(Root) {
|
|
50
41
|
var isLabelAriaHidden = typeof label === 'string';
|
51
42
|
var canFocused = focused ? 0 : -1;
|
52
43
|
var hasContent = label || description;
|
53
|
-
var singleLineClass = singleLine ?
|
54
|
-
var resetMargins = !hasContent ?
|
44
|
+
var singleLineClass = singleLine ? Radiobox_tokens.classes.singleLine : undefined;
|
45
|
+
var resetMargins = !hasContent ? Radiobox_tokens.classes.resetMargins : undefined;
|
55
46
|
return /*#__PURE__*/React.createElement(Root, {
|
56
47
|
view: view,
|
57
48
|
size: size,
|
@@ -60,7 +51,7 @@ var radioboxRoot = function radioboxRoot(Root) {
|
|
60
51
|
style: style,
|
61
52
|
className: index.cx(className, resetMargins),
|
62
53
|
tabIndex: -1
|
63
|
-
}, /*#__PURE__*/React.createElement(
|
54
|
+
}, /*#__PURE__*/React.createElement(Checkbox_styles.StyledInput, _rollupPluginBabelHelpers.extends({}, rest, {
|
64
55
|
id: radioboxId,
|
65
56
|
ref: ref,
|
66
57
|
type: "radio",
|
@@ -68,17 +59,17 @@ var radioboxRoot = function radioboxRoot(Root) {
|
|
68
59
|
"aria-label": ariaLabel,
|
69
60
|
"aria-describedby": uniqDescriptionId,
|
70
61
|
tabIndex: canFocused
|
71
|
-
})), /*#__PURE__*/React.createElement(
|
62
|
+
})), /*#__PURE__*/React.createElement(Checkbox_styles.StyledContentWrapper, {
|
72
63
|
htmlFor: radioboxId
|
73
|
-
}, /*#__PURE__*/React.createElement(
|
74
|
-
className: index.cx(
|
75
|
-
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(
|
64
|
+
}, /*#__PURE__*/React.createElement(Checkbox_styles.StyledTrigger, {
|
65
|
+
className: index.cx(Radiobox_tokens.classes.radioboxTrigger, resetMargins)
|
66
|
+
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(Radiobox_styles.StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(Checkbox_styles.StyledContent, {
|
76
67
|
className: singleLineClass
|
77
|
-
}, label && /*#__PURE__*/React.createElement(
|
68
|
+
}, label && /*#__PURE__*/React.createElement(Checkbox_styles.StyledLabel, {
|
78
69
|
className: singleLineClass,
|
79
70
|
id: uniqLabelId,
|
80
71
|
"aria-hidden": isLabelAriaHidden
|
81
|
-
}, label), description && /*#__PURE__*/React.createElement(
|
72
|
+
}, label), description && /*#__PURE__*/React.createElement(Checkbox_styles.StyledDescription, {
|
82
73
|
className: singleLineClass,
|
83
74
|
id: uniqDescriptionId
|
84
75
|
}, description))));
|
@@ -88,19 +79,19 @@ var radioboxConfig = {
|
|
88
79
|
name: 'Radiobox',
|
89
80
|
tag: 'div',
|
90
81
|
layout: radioboxRoot,
|
91
|
-
base: base,
|
82
|
+
base: Radiobox_styles.base,
|
92
83
|
variations: {
|
93
84
|
size: {
|
94
|
-
css: base
|
85
|
+
css: base.base
|
95
86
|
},
|
96
87
|
view: {
|
97
|
-
css: base$
|
88
|
+
css: base$1.base
|
98
89
|
},
|
99
90
|
disabled: {
|
100
|
-
css: base$
|
91
|
+
css: base$2.base
|
101
92
|
},
|
102
93
|
focused: {
|
103
|
-
css: base$
|
94
|
+
css: base$3.base
|
104
95
|
}
|
105
96
|
},
|
106
97
|
defaults: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport { applyNoUserSelect, applyEllipsis } from '../../mixins';\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledContent,\n StyledTrigger,\n BaseboxProps,\n} from '../Checkbox/Checkbox';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as sizeCSS } from './_size/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\n\n// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части\nconst mappingOverride = `\n --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n`;\n\nconst StyledEllipse = styled.div`\n width: var(--plasma-radiobox-ellipse-size);\n height: var(--plasma-radiobox-ellipse-size);\n border-radius: var(--plasma-radiobox-ellipse-size);\n\n background-color: var(--plasma-radiobox-ellipse-color);\n transition: transform 0.3s ease-in-out;\n transform: scale(0);\n\n input:checked + label & {\n transform: scale(1);\n }\n`;\n\nconst base = css`\n ${mappingOverride};\n\n .single-line {\n ${applyEllipsis()};\n }\n\n margin: var(--plasma-radiobox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ${applyNoUserSelect()};\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n`;\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const radioboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? 'single-line' : undefined;\n const resetMargins = !hasContent ? 'reset-margins' : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={cx(className, resetMargins)}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={radioboxId}\n ref={ref}\n type=\"radio\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={radioboxId}>\n <StyledTrigger className={cx('radiobox-trigger', resetMargins)}>\n <StyledEllipse />\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const radioboxConfig = {\n name: 'Radiobox',\n tag: 'div',\n layout: radioboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["StyledEllipse","styled","name","class","propsAsIs","base","radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","undefined","resetMargins","React","createElement","cx","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","_StyledEllipse","StyledContent","StyledLabel","StyledDescription","radioboxConfig","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA;;AAwBA,IAAMA,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAY3B,CAAA,CAAA;AAED,IAAMC,IAAI,GAmBT,UAAA,CAAA;IAIYC,YAAY,GAAGA,SAAfA,YAAYA,CAAIC,IAAgD,EAAA;AAAA,EAAA,oBACzEC,gBAAU,CAAkC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxD,IAAA,IACIC,IAAI,GAYJF,KAAK,CAZLE,IAAI;MACJC,IAAI,GAWJH,KAAK,CAXLG,IAAI;MACJC,OAAO,GAUPJ,KAAK,CAVLI,OAAO;MACPC,QAAQ,GASRL,KAAK,CATLK,QAAQ;MACRC,EAAE,GAQFN,KAAK,CARLM,EAAE;MACFC,KAAK,GAOLP,KAAK,CAPLO,KAAK;MACLC,WAAW,GAMXR,KAAK,CANLQ,WAAW;MACXC,KAAK,GAKLT,KAAK,CALLS,KAAK;MACLC,SAAS,GAITV,KAAK,CAJLU,SAAS;MAAAC,iBAAA,GAITX,KAAK,CAHLY,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MACJE,iBAAiB,GAE/Bb,KAAK,CAFL,YAAY,CAAA;AACTc,MAAAA,IAAAA,GAAAA,iDAAAA,CACHd,KAAK,EAAAe,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,WAAW,GAAA,QAAA,CAAAC,MAAA,CAAYH,MAAO,CAAC,CAAA;AACrC,IAAA,IAAMI,iBAAiB,GAAA,cAAA,CAAAD,MAAA,CAAkBH,MAAO,CAAC,CAAA;AACjD,IAAA,IAAMK,UAAU,GAAGf,EAAE,aAAAa,MAAA,CAAaH,MAAO,CAAC,CAAA;IAE1C,IAAMM,SAAS,GAAGC,aAAO,CAAC,YAAA;AAAA,MAAA,OAAMV,iBAAiB,IAAIW,0BAAe,CAACjB,KAAK,CAAC,CAAA;AAAA,KAAA,EAAE,CAACM,iBAAiB,EAAEN,KAAK,CAAC,CAAC,CAAA;AACxG,IAAA,IAAMkB,iBAAiB,GAAG,OAAOlB,KAAK,KAAK,QAAQ,CAAA;AACnD,IAAA,IAAMmB,UAAU,GAAGtB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACnC,IAAA,IAAMuB,UAAU,GAAGpB,KAAK,IAAIC,WAAW,CAAA;AACvC,IAAA,IAAMoB,eAAe,GAAGhB,UAAU,GAAG,aAAa,GAAGiB,SAAS,CAAA;AAC9D,IAAA,IAAMC,YAAY,GAAG,CAACH,UAAU,GAAG,eAAe,GAAGE,SAAS,CAAA;AAE9D,IAAA,oBACIE,KAAA,CAAAC,aAAA,CAAClC,IAAI,EAAA;AACDK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,OAAO,EAAEA,OAAQ;AACjBK,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,SAAS,EAAEuB,QAAE,CAACvB,SAAS,EAAEoB,YAAY,CAAE;AACvCI,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAEXH,eAAAA,KAAA,CAAAC,aAAA,CAACG,oBAAW,EAAAC,iCAAA,KACJtB,IAAI,EAAA;AACRR,MAAAA,EAAE,EAAEe,UAAW;AACfpB,MAAAA,GAAG,EAAEA,GAAI;AACToC,MAAAA,IAAI,EAAC,OAAO;AACZhC,MAAAA,QAAQ,EAAEA,QAAS;AACnB,MAAA,YAAA,EAAYiB,SAAU;AACtB,MAAA,kBAAA,EAAkBF,iBAAkB;AACpCc,MAAAA,QAAQ,EAAER,UAAAA;AAAW,KAAA,CAAA,CAAA,eAEzBK,KAAA,CAAAC,aAAA,CAACM,6BAAoB,EAAA;AAACC,MAAAA,OAAO,EAAElB,UAAAA;AAAW,KAAA,eACtCU,KAAA,CAAAC,aAAA,CAACQ,sBAAa,EAAA;AAAC9B,MAAAA,SAAS,EAAEuB,QAAE,CAAC,kBAAkB,EAAEH,YAAY,CAAA;KAAEW,EAAAA,cAAA,KAAAA,cAAA,gBAC3DV,KAAA,CAAAC,aAAA,CAACzC,aAAa,EAAA,IAAA,CAAA,CACH,CAAA,EACdoC,UAAU,iBACPI,KAAA,CAAAC,aAAA,CAACU,sBAAa,EAAA;AAAChC,MAAAA,SAAS,EAAEkB,eAAAA;AAAgB,KAAA,EACrCrB,KAAK,iBACFwB,KAAA,CAAAC,aAAA,CAACW,oBAAW,EAAA;AACRjC,MAAAA,SAAS,EAAEkB,eAAgB;AAC3BtB,MAAAA,EAAE,EAAEY,WAAY;MAChB,aAAaO,EAAAA,iBAAAA;KAEZlB,EAAAA,KACQ,CAChB,EACAC,WAAW,iBACRuB,KAAA,CAAAC,aAAA,CAACY,0BAAiB,EAAA;AAAClC,MAAAA,SAAS,EAAEkB,eAAgB;AAACtB,MAAAA,EAAE,EAAEc,iBAAAA;AAAkB,KAAA,EAChEZ,WACc,CAEZ,CAED,CACpB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMqC,cAAc,GAAG;AAC1BpD,EAAAA,IAAI,EAAE,UAAU;AAChBqD,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElD,YAAY;AACpBD,EAAAA,IAAI,EAAJA,IAAI;AACJoD,EAAAA,UAAU,EAAE;AACR9C,IAAAA,IAAI,EAAE;AACF+C,MAAAA,GAAG,EAAEC,WAAAA;KACR;AACD/C,IAAAA,IAAI,EAAE;AACF8C,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD9C,IAAAA,QAAQ,EAAE;AACN4C,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDhD,IAAAA,OAAO,EAAE;AACL6C,MAAAA,GAAG,EAAEI,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNpD,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;;"}
|
1
|
+
{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\nimport type { InputHTMLAttributes } from '@salutejs/plasma-core';\n\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledContent,\n StyledTrigger,\n} from '../Checkbox/Checkbox.styles';\nimport { cx } from '../../utils';\nimport { BaseboxProps } from '../Checkbox/Checkbox.types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const radioboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const resetMargins = !hasContent ? classes.resetMargins : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={cx(className, resetMargins)}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={radioboxId}\n ref={ref}\n type=\"radio\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={radioboxId}>\n <StyledTrigger className={cx(classes.radioboxTrigger, resetMargins)}>\n <StyledEllipse />\n </StyledTrigger>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const radioboxConfig = {\n name: 'Radiobox',\n tag: 'div',\n layout: radioboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","resetMargins","React","createElement","cx","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTrigger","radioboxTrigger","_StyledEllipse","StyledEllipse","StyledContent","StyledLabel","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
|
@@ -0,0 +1,19 @@
|
|
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
|
@@ -0,0 +1 @@
|
|
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;;;;;"}
|
@@ -0,0 +1,2 @@
|
|
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;}
|
@@ -0,0 +1,40 @@
|
|
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
|
@@ -0,0 +1 @@
|
|
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;;;;;"}
|