@salutejs/plasma-new-hope 0.123.0-canary.1361.10450330303.0 → 0.123.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +9 -9
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +5 -3
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.js +1 -1
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/cjs/components/Modal/Modal.js +5 -3
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Notification/NotificationsPortal.js +1 -1
- package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
- package/cjs/components/Popover/Popover.js +17 -15
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popup/Popup.js +6 -3
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +5 -4
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/cjs/components/Combobox/Combobox.js +9 -9
- package/emotion/cjs/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/emotion/cjs/components/Drawer/Drawer.js +5 -3
- package/emotion/cjs/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/emotion/cjs/components/Dropdown/Dropdown.js +1 -1
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/emotion/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/emotion/cjs/components/Modal/Modal.js +5 -3
- package/emotion/cjs/components/Modal/Modal.template-doc.mdx +2 -2
- package/emotion/cjs/components/Notification/NotificationsPortal.js +2 -2
- package/emotion/cjs/components/Popover/Popover.js +17 -15
- package/emotion/cjs/components/Popover/Popover.template-doc.mdx +1 -1
- package/emotion/cjs/components/Popup/Popup.js +6 -3
- package/emotion/cjs/components/Popup/Popup.template-doc.mdx +3 -3
- package/emotion/cjs/components/Select/Select.js +1 -1
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +1 -1
- package/emotion/cjs/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/emotion/cjs/components/Tooltip/Tooltip.js +6 -5
- package/emotion/cjs/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.config.js +3 -3
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/emotion/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.config.js +5 -5
- package/emotion/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/es/components/Combobox/Combobox.js +9 -9
- package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/emotion/es/components/Drawer/Drawer.js +5 -3
- package/emotion/es/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/emotion/es/components/Dropdown/Dropdown.js +1 -1
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/emotion/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/emotion/es/components/Modal/Modal.js +5 -3
- package/emotion/es/components/Modal/Modal.template-doc.mdx +2 -2
- package/emotion/es/components/Notification/NotificationsPortal.js +2 -2
- package/emotion/es/components/Popover/Popover.js +17 -15
- package/emotion/es/components/Popover/Popover.template-doc.mdx +1 -1
- package/emotion/es/components/Popup/Popup.js +6 -3
- package/emotion/es/components/Popup/Popup.template-doc.mdx +3 -3
- package/emotion/es/components/Select/Select.js +1 -1
- package/emotion/es/components/Select/ui/Inner/Inner.js +1 -1
- package/emotion/es/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/emotion/es/components/Tooltip/Tooltip.js +6 -5
- package/emotion/es/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +3 -3
- package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.config.js +3 -3
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/emotion/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/emotion/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.config.js +5 -5
- package/emotion/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/emotion/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/es/components/Autocomplete/Autocomplete.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/Combobox.js +9 -9
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Drawer/Drawer.js +5 -3
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +1 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/es/components/Modal/Modal.js +5 -3
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Notification/NotificationsPortal.js +1 -1
- package/es/components/Notification/NotificationsPortal.js.map +1 -1
- package/es/components/Popover/Popover.js +17 -15
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popup/Popup.js +6 -3
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +1 -1
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/es/components/Tooltip/Tooltip.js +5 -4
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/cjs/components/Combobox/Combobox.js +9 -9
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/styled-components/cjs/components/Drawer/Drawer.js +5 -3
- package/styled-components/cjs/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/styled-components/cjs/components/Modal/Modal.js +5 -3
- package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Notification/NotificationsPortal.js +1 -1
- package/styled-components/cjs/components/Popover/Popover.js +17 -15
- package/styled-components/cjs/components/Popover/Popover.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Popup/Popup.js +6 -3
- package/styled-components/cjs/components/Popup/Popup.template-doc.mdx +3 -3
- package/styled-components/cjs/components/Select/Select.js +1 -1
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +1 -1
- package/styled-components/cjs/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/styled-components/cjs/components/Tooltip/Tooltip.js +5 -4
- package/styled-components/cjs/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/cjs/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.config.js +3 -3
- package/styled-components/cjs/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/es/components/Combobox/Combobox.js +9 -9
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +3 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +7 -7
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -2
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +7 -7
- package/styled-components/es/components/Drawer/Drawer.js +5 -3
- package/styled-components/es/components/Drawer/Drawer.template-doc.mdx +13 -13
- package/styled-components/es/components/Dropdown/Dropdown.js +1 -1
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +6 -3
- package/styled-components/es/components/Modal/Modal.js +5 -3
- package/styled-components/es/components/Modal/Modal.template-doc.mdx +2 -2
- package/styled-components/es/components/Notification/NotificationsPortal.js +1 -1
- package/styled-components/es/components/Popover/Popover.js +17 -15
- package/styled-components/es/components/Popover/Popover.template-doc.mdx +1 -1
- package/styled-components/es/components/Popup/Popup.js +6 -3
- package/styled-components/es/components/Popup/Popup.template-doc.mdx +3 -3
- package/styled-components/es/components/Select/Select.js +1 -1
- package/styled-components/es/components/Select/ui/Inner/Inner.js +1 -1
- package/styled-components/es/components/Sheet/Sheet.template-doc.mdx +2 -2
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +5 -9
- package/styled-components/es/components/Tooltip/Tooltip.js +5 -4
- package/styled-components/es/components/Tooltip/Tooltip.template-doc.mdx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +3 -3
- package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +4 -4
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/styled-components/es/examples/sds_engineer/components/Drawer/Drawer.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Modal/Modal.stories.tsx +3 -3
- package/styled-components/es/examples/sds_engineer/components/Notification/Notification.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Popover/Popover.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Popup/Popup.stories.tsx +2 -2
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.config.js +3 -3
- package/styled-components/es/examples/sds_engineer/components/Toast/Toast.stories.tsx +1 -1
- package/styled-components/es/examples/sds_engineer/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/es/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx +9 -9
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +2 -2
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +2 -2
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +5 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts +7 -0
- package/types/components/Dropdown/ui/DropdownOld/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +5 -1
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +9 -4
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.types.d.ts +1 -1
- package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +26 -15
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +7 -8
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +2 -26
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +2 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts +2 -2
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.types.d.ts +6 -1
- package/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +26 -14
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +28 -14
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +26 -14
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +28 -14
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts +2 -2
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts +1 -13
- package/types/examples/sds_engineer/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +1 -13
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/types/AsProps.d.ts.map +1 -1
@@ -19,7 +19,7 @@ var config = exports.config = {
|
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":auto;", ":0.875rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":1rem;", ":0;", ":1rem;", ":auto;", ":1.5rem;", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.75rem;", ":1.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1rem;", ":3.5rem;", ":100%;", ":0.875rem;", ":0 3.5rem 0 1.5rem;", ":0 3.625rem 0 0.375rem;", ":0 3.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Combobox.comboboxTokens.width, _Combobox.comboboxTokens.height, _Combobox.comboboxTokens.borderRadius, _Combobox.comboboxTokens.paddingTop, _Combobox.comboboxTokens.paddingRight, _Combobox.comboboxTokens.paddingBottom, _Combobox.comboboxTokens.paddingLeft, _Combobox.comboboxTokens.dividerColor, _Combobox.comboboxTokens.dividerHeight, _Combobox.comboboxTokens.dividerMarginTop, _Combobox.comboboxTokens.dividerMarginRight, _Combobox.comboboxTokens.dividerMarginBottom, _Combobox.comboboxTokens.dividerMarginLeft, _Combobox.comboboxTokens.itemWidth, _Combobox.comboboxTokens.itemHeight, _Combobox.comboboxTokens.itemPaddingTop, _Combobox.comboboxTokens.itemPaddingRight, _Combobox.comboboxTokens.itemPaddingBottom, _Combobox.comboboxTokens.itemPaddingLeft, _Combobox.comboboxTokens.itemBorderRadius, _Combobox.comboboxTokens.itemContentLeftWidth, _Combobox.comboboxTokens.itemFontFamily, _Combobox.comboboxTokens.itemFontSize, _Combobox.comboboxTokens.itemFontStyle, _Combobox.comboboxTokens.itemFontWeightBold, _Combobox.comboboxTokens.itemFontLetterSpacing, _Combobox.comboboxTokens.itemFontLineHeight, _Combobox.comboboxTokens.chipGap, _Combobox.comboboxTokens.chipBorderRadius, _Combobox.comboboxTokens.chipWidth, _Combobox.comboboxTokens.chipHeight, _Combobox.comboboxTokens.chipPaddingRight, _Combobox.comboboxTokens.chipPaddingLeft, _Combobox.comboboxTokens.chipClearContentMarginLeft, _Combobox.comboboxTokens.chipClearContentMarginRight, _Combobox.comboboxTokens.chipCloseIconSize, _Combobox.comboboxTokens.chipFontFamily, _Combobox.comboboxTokens.chipFontSize, _Combobox.comboboxTokens.chipFontStyle, _Combobox.comboboxTokens.chipFontWeight, _Combobox.comboboxTokens.chipLetterSpacing, _Combobox.comboboxTokens.chipLineHeight, _Combobox.comboboxTokens.targetArrowRight, _Combobox.comboboxTokens.targetHeight, _Combobox.comboboxTokens.targetWidth, _Combobox.comboboxTokens.targetRadius, _Combobox.comboboxTokens.targetPadding, _Combobox.comboboxTokens.targetPaddingHasChips, _Combobox.comboboxTokens.targetPaddingWithInput, _Combobox.comboboxTokens.targetInnerTop, _Combobox.comboboxTokens.targetLabelInnerTop, _Combobox.comboboxTokens.targetFontFamily, _Combobox.comboboxTokens.targetFontSize, _Combobox.comboboxTokens.targetFontStyle, _Combobox.comboboxTokens.targetFontWeight, _Combobox.comboboxTokens.targetLetterSpacing, _Combobox.comboboxTokens.targetLineHeight, _Combobox.comboboxTokens.targetLabelInnerFontFamily, _Combobox.comboboxTokens.targetLabelInnerFontSize, _Combobox.comboboxTokens.targetLabelInnerFontStyle, _Combobox.comboboxTokens.targetLabelInnerFontWeight, _Combobox.comboboxTokens.targetLabelInnerLetterSpacing, _Combobox.comboboxTokens.targetLabelInnerLineHeight)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-accent);", ":var(--surface-solid-card
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], _Combobox.comboboxTokens.targetColor, _Combobox.comboboxTokens.targetLabelColor, _Combobox.comboboxTokens.targetArrowColor, _Combobox.comboboxTokens.targetBorderColor, _Combobox.comboboxTokens.targetBorderColorHover, _Combobox.comboboxTokens.targetBorderColorActive, _Combobox.comboboxTokens.targetBorderColorOpen, _Combobox.comboboxTokens.background, _Combobox.comboboxTokens.boxShadow, _Combobox.comboboxTokens.itemBackground, _Combobox.comboboxTokens.itemBackgroundHover, _Combobox.comboboxTokens.itemBackgroundSelectedHover, _Combobox.comboboxTokens.itemColor, _Combobox.comboboxTokens.itemContentLeftColor, _Combobox.comboboxTokens.chipCloseIconColor, _Combobox.comboboxTokens.chipColor, _Combobox.comboboxTokens.chipBackground, _Combobox.comboboxTokens.chipColorHover, _Combobox.comboboxTokens.chipBackgroundHover, _Combobox.comboboxTokens.chipColorActive, _Combobox.comboboxTokens.chipBackgroundActive, _Combobox.comboboxTokens.chipBackgroundReadOnly, _Combobox.comboboxTokens.chipColorReadOnly, _Combobox.comboboxTokens.chipBackgroundReadOnlyHover, _Combobox.comboboxTokens.chipColorReadOnlyHover, _Combobox.comboboxTokens.chipOpacityReadonly, _Combobox.comboboxTokens.disabledOpacity, _Combobox.comboboxTokens.focusColor)
|
23
23
|
}
|
24
24
|
}
|
25
25
|
};
|
package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -71,7 +71,7 @@ const StoryDefault = ({
|
|
71
71
|
|
72
72
|
return (
|
73
73
|
<DatePicker
|
74
|
-
|
74
|
+
opened={isOpen}
|
75
75
|
size={size}
|
76
76
|
valueError={valueError}
|
77
77
|
valueSuccess={valueSuccess}
|
@@ -177,7 +177,7 @@ const StoryRange = ({
|
|
177
177
|
<DatePickerRange
|
178
178
|
size={size}
|
179
179
|
ref={rangeRef}
|
180
|
-
|
180
|
+
opened={isOpen}
|
181
181
|
firstValueError={firstValueError}
|
182
182
|
firstValueSuccess={firstValueSuccess}
|
183
183
|
secondValueError={secondValueError}
|
@@ -288,7 +288,7 @@ const StoryDeferred = ({
|
|
288
288
|
<h3>Асинхронная установка даты по умолчанию</h3>
|
289
289
|
<DatePicker
|
290
290
|
defaultDate={defVal}
|
291
|
-
|
291
|
+
opened={isOpen}
|
292
292
|
size={size}
|
293
293
|
valueError={valueError}
|
294
294
|
valueSuccess={valueSuccess}
|
@@ -19,7 +19,7 @@ var config = exports.config = {
|
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Dropdown.dropdownTokens.padding, _Dropdown.dropdownTokens.width, _Dropdown.dropdownTokens.borderRadius, _Dropdown.dropdownTokens.itemPaddingTop, _Dropdown.dropdownTokens.itemPaddingRight, _Dropdown.dropdownTokens.itemPaddingBottom, _Dropdown.dropdownTokens.itemPaddingLeft, _Dropdown.dropdownTokens.itemBorderRadius, _Dropdown.dropdownTokens.itemPaddingTopTight, _Dropdown.dropdownTokens.itemPaddingBottomTight, _Dropdown.dropdownTokens.itemFontFamily, _Dropdown.dropdownTokens.itemFontSize, _Dropdown.dropdownTokens.itemFontStyle, _Dropdown.dropdownTokens.itemFontWeightBold, _Dropdown.dropdownTokens.itemFontLetterSpacing, _Dropdown.dropdownTokens.itemFontLineHeight)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], _Dropdown.dropdownTokens.disabledOpacity, _Dropdown.dropdownTokens.focusColor, _Dropdown.dropdownTokens.background, _Dropdown.dropdownTokens.boxShadow, _Dropdown.dropdownTokens.disclosureIconColor, _Dropdown.dropdownTokens.itemBackground, _Dropdown.dropdownTokens.itemBackgroundHover, _Dropdown.dropdownTokens.itemColor)
|
23
23
|
}
|
24
24
|
}
|
25
25
|
};
|
@@ -144,7 +144,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
144
144
|
frame="theme-root"
|
145
145
|
withAnimation
|
146
146
|
onClose={() => setIsOpenA(false)}
|
147
|
-
|
147
|
+
opened={isOpenA}
|
148
148
|
placement={placement}
|
149
149
|
offset={[offsetX, offsetY]}
|
150
150
|
{...rest}
|
@@ -158,7 +158,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
158
158
|
id="modalB"
|
159
159
|
frame="theme-root"
|
160
160
|
onClose={() => setIsOpenB(false)}
|
161
|
-
|
161
|
+
opened={isOpenB}
|
162
162
|
placement="left"
|
163
163
|
offset={[offsetX, offsetY]}
|
164
164
|
{...rest}
|
@@ -174,7 +174,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
174
174
|
id="modalC"
|
175
175
|
frame="theme-root"
|
176
176
|
onClose={() => setIsOpenC(false)}
|
177
|
-
|
177
|
+
opened={isOpenC}
|
178
178
|
placement="top"
|
179
179
|
offset={[offsetX, offsetY]}
|
180
180
|
{...rest}
|
@@ -289,7 +289,7 @@ const StoryModalAnimationDemo = ({ placement, offsetX, offsetY, ...rest }: Story
|
|
289
289
|
frame="theme-root"
|
290
290
|
withAnimation
|
291
291
|
onClose={() => setIsOpen(false)}
|
292
|
-
|
292
|
+
opened={isOpen}
|
293
293
|
placement={placement}
|
294
294
|
offset={[offsetX, offsetY]}
|
295
295
|
initialFocusRef={ref}
|
package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx
CHANGED
@@ -160,7 +160,7 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
|
|
160
160
|
<NotificationsProvider>
|
161
161
|
<PopupProvider>
|
162
162
|
<Button text="Open modal" onClick={() => setIsModalOpen(true)} />
|
163
|
-
<Modal frame="theme-root"
|
163
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
164
164
|
<div>Hello!</div>
|
165
165
|
<Button view="primary" text="Add notification" onClick={handleClick} />
|
166
166
|
</Modal>
|
@@ -138,7 +138,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
138
138
|
id="popupA"
|
139
139
|
frame={ref}
|
140
140
|
withAnimation
|
141
|
-
|
141
|
+
opened={isOpenA}
|
142
142
|
placement={placement}
|
143
143
|
offset={[offsetX, offsetY]}
|
144
144
|
>
|
@@ -154,7 +154,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
154
154
|
id="popupB"
|
155
155
|
frame="theme-root"
|
156
156
|
withAnimation
|
157
|
-
|
157
|
+
opened={isOpenB}
|
158
158
|
placement={placement}
|
159
159
|
offset={[offsetX, offsetY]}
|
160
160
|
>
|
@@ -13,9 +13,9 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card
|
17
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-
|
18
|
-
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
|
17
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
|
18
|
+
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover)
|
19
19
|
},
|
20
20
|
size: {
|
21
21
|
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], _Toast.toastTokens.borderRadius, _Toast.toastTokens.maxWidth, _Toast.toastTokens.padding, _Toast.toastTokens.fontFamily, _Toast.toastTokens.fontSize, _Toast.toastTokens.fontStyle, _Toast.toastTokens.fontWeight, _Toast.toastTokens.letterSpacing, _Toast.toastTokens.lineHeight, _Toast.toastTokens.leftContentMargin, _Toast.toastTokens.closeIconMargin)
|
@@ -194,7 +194,7 @@ const StoryComplex = ({
|
|
194
194
|
<NotificationsProvider>
|
195
195
|
<PopupProvider>
|
196
196
|
<Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
|
197
|
-
<Modal frame="theme-root"
|
197
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
198
198
|
<div>Hello!</div>
|
199
199
|
<Button view="default" text="Add notification" onClick={handleShowNotification} />
|
200
200
|
</Modal>
|
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card);", ":var(--surface-transparent-tertiary);"], _Toolbar.toolbarTokens.boxShadow, _Toolbar.toolbarTokens.background, _Toolbar.toolbarTokens.dividerColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.25rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
|
@@ -17,7 +17,7 @@ var config = exports.config = {
|
|
17
17
|
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.6875rem;", ":0.875rem;", ":0.6875rem;", ":0.875rem;", ":2.5rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":1.25rem;", ":1.25rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");", ":0.5rem;", ":0.625rem;", ":var(--surface-solid-card);"], _Tooltip.tooltipTokens.paddingTop, _Tooltip.tooltipTokens.paddingRight, _Tooltip.tooltipTokens.paddingBottom, _Tooltip.tooltipTokens.paddingLeft, _Tooltip.tooltipTokens.minHeight, _Tooltip.tooltipTokens.borderRadius, _Tooltip.tooltipTokens.textFontFamily, _Tooltip.tooltipTokens.textFontSize, _Tooltip.tooltipTokens.textFontStyle, _Tooltip.tooltipTokens.textFontWeight, _Tooltip.tooltipTokens.textFontLetterSpacing, _Tooltip.tooltipTokens.textFontLineHeight, _Tooltip.tooltipTokens.contentLeftMargin, _Tooltip.tooltipTokens.arrowMaskWidth, _Tooltip.tooltipTokens.arrowMaskHeight, _Tooltip.tooltipTokens.arrowMaskImage, _Tooltip.tooltipTokens.arrowHeight, _Tooltip.tooltipTokens.arrowEdgeMargin, _Tooltip.tooltipTokens.arrowBackground)
|
18
18
|
},
|
19
19
|
view: {
|
20
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-card
|
20
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-card);", ":var(--shadow-down-hard-s);", ":var(--text-primary);"], _Tooltip.tooltipTokens.backgroundColor, _Tooltip.tooltipTokens.boxShadow, _Tooltip.tooltipTokens.color)
|
21
21
|
}
|
22
22
|
}
|
23
23
|
};
|
@@ -57,7 +57,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
57
57
|
target={<Button>Btn</Button>}
|
58
58
|
placement="left"
|
59
59
|
size={size}
|
60
|
-
|
60
|
+
opened
|
61
61
|
hasArrow
|
62
62
|
text="left"
|
63
63
|
frame="theme-root"
|
@@ -65,7 +65,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
65
65
|
}
|
66
66
|
placement="top-start"
|
67
67
|
size={size}
|
68
|
-
|
68
|
+
opened
|
69
69
|
hasArrow
|
70
70
|
text="top-start"
|
71
71
|
frame="theme-root"
|
@@ -74,7 +74,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
74
74
|
target={<Button>Btn</Button>}
|
75
75
|
placement="top"
|
76
76
|
size={size}
|
77
|
-
|
77
|
+
opened
|
78
78
|
hasArrow
|
79
79
|
text="top"
|
80
80
|
frame="theme-root"
|
@@ -85,7 +85,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
85
85
|
target={<Button>Btn</Button>}
|
86
86
|
placement="right"
|
87
87
|
size={size}
|
88
|
-
|
88
|
+
opened
|
89
89
|
hasArrow
|
90
90
|
text="right"
|
91
91
|
frame="theme-root"
|
@@ -93,7 +93,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
93
93
|
}
|
94
94
|
placement="top-end"
|
95
95
|
size={size}
|
96
|
-
|
96
|
+
opened
|
97
97
|
hasArrow
|
98
98
|
text="top-end"
|
99
99
|
frame="theme-root"
|
@@ -102,7 +102,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
102
102
|
target={<Button>Btn</Button>}
|
103
103
|
placement="bottom-start"
|
104
104
|
size={size}
|
105
|
-
|
105
|
+
opened
|
106
106
|
hasArrow
|
107
107
|
text="bottom-start"
|
108
108
|
frame="theme-root"
|
@@ -111,7 +111,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
111
111
|
target={<Button>Btn</Button>}
|
112
112
|
placement="bottom"
|
113
113
|
size={size}
|
114
|
-
|
114
|
+
opened
|
115
115
|
hasArrow
|
116
116
|
text="bottom"
|
117
117
|
frame="theme-root"
|
@@ -120,7 +120,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
120
120
|
target={<Button>Btn</Button>}
|
121
121
|
placement="bottom-end"
|
122
122
|
size={size}
|
123
|
-
|
123
|
+
opened
|
124
124
|
hasArrow
|
125
125
|
text="bottom-end"
|
126
126
|
frame="theme-root"
|
@@ -170,7 +170,7 @@ const StoryLive = (args: TooltipProps) => {
|
|
170
170
|
{...args}
|
171
171
|
id="example-tooltip-firstname"
|
172
172
|
text={text}
|
173
|
-
|
173
|
+
opened
|
174
174
|
frame="theme-root"
|
175
175
|
/>
|
176
176
|
</StyledRow>
|
@@ -143,7 +143,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
143
143
|
frame="theme-root"
|
144
144
|
withAnimation
|
145
145
|
onClose={() => setIsOpenA(false)}
|
146
|
-
|
146
|
+
opened={isOpenA}
|
147
147
|
placement={placement}
|
148
148
|
offset={[offsetX, offsetY]}
|
149
149
|
{...rest}
|
@@ -157,7 +157,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
157
157
|
id="modalB"
|
158
158
|
frame="theme-root"
|
159
159
|
onClose={() => setIsOpenB(false)}
|
160
|
-
|
160
|
+
opened={isOpenB}
|
161
161
|
placement="left"
|
162
162
|
offset={[offsetX, offsetY]}
|
163
163
|
{...rest}
|
@@ -173,7 +173,7 @@ const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProp
|
|
173
173
|
id="modalC"
|
174
174
|
frame="theme-root"
|
175
175
|
onClose={() => setIsOpenC(false)}
|
176
|
-
|
176
|
+
opened={isOpenC}
|
177
177
|
placement="top"
|
178
178
|
offset={[offsetX, offsetY]}
|
179
179
|
{...rest}
|
package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.stories.tsx
CHANGED
@@ -142,7 +142,7 @@ const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
|
|
142
142
|
<NotificationsProvider>
|
143
143
|
<PopupProvider>
|
144
144
|
<Button text="Open modal" onClick={() => setIsModalOpen(true)} />
|
145
|
-
<Modal frame="theme-root"
|
145
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
146
146
|
<div>Hello!</div>
|
147
147
|
<Button view="primary" text="Add notification" onClick={handleClick} />
|
148
148
|
</Modal>
|
@@ -138,7 +138,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
138
138
|
id="popupA"
|
139
139
|
frame={ref}
|
140
140
|
withAnimation
|
141
|
-
|
141
|
+
opened={isOpenA}
|
142
142
|
placement={placement}
|
143
143
|
offset={[offsetX, offsetY]}
|
144
144
|
>
|
@@ -154,7 +154,7 @@ const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
|
|
154
154
|
id="popupB"
|
155
155
|
frame="theme-root"
|
156
156
|
withAnimation
|
157
|
-
|
157
|
+
opened={isOpenB}
|
158
158
|
placement={placement}
|
159
159
|
offset={[offsetX, offsetY]}
|
160
160
|
>
|
@@ -13,9 +13,9 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card
|
17
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-
|
18
|
-
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
|
17
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-primary);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover),
|
18
|
+
light: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], _Toast.toastTokens.color, _Toast.toastTokens.background, _Toast.toastTokens.closeIconColor, _Toast.toastTokens.closeIconColorOnHover)
|
19
19
|
},
|
20
20
|
size: {
|
21
21
|
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], _Toast.toastTokens.borderRadius, _Toast.toastTokens.maxWidth, _Toast.toastTokens.padding, _Toast.toastTokens.fontFamily, _Toast.toastTokens.fontSize, _Toast.toastTokens.fontStyle, _Toast.toastTokens.fontWeight, _Toast.toastTokens.letterSpacing, _Toast.toastTokens.lineHeight, _Toast.toastTokens.leftContentMargin, _Toast.toastTokens.closeIconMargin)
|
@@ -194,7 +194,7 @@ const StoryComplex = ({
|
|
194
194
|
<NotificationsProvider>
|
195
195
|
<PopupProvider>
|
196
196
|
<Button text="Открыть модальное окно" onClick={() => setIsModalOpen(true)} />
|
197
|
-
<Modal frame="theme-root"
|
197
|
+
<Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
|
198
198
|
<div>Hello!</div>
|
199
199
|
<Button view="default" text="Add notification" onClick={handleShowNotification} />
|
200
200
|
</Modal>
|
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card);", ":var(--surface-transparent-tertiary);"], _Toolbar.toolbarTokens.boxShadow, _Toolbar.toolbarTokens.background, _Toolbar.toolbarTokens.dividerColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.25rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
|
@@ -57,7 +57,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
57
57
|
target={<Button>Btn</Button>}
|
58
58
|
placement="left"
|
59
59
|
size={size}
|
60
|
-
|
60
|
+
opened
|
61
61
|
hasArrow
|
62
62
|
text="left"
|
63
63
|
frame="theme-root"
|
@@ -65,7 +65,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
65
65
|
}
|
66
66
|
placement="top-start"
|
67
67
|
size={size}
|
68
|
-
|
68
|
+
opened
|
69
69
|
hasArrow
|
70
70
|
text="top-start"
|
71
71
|
frame="theme-root"
|
@@ -74,7 +74,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
74
74
|
target={<Button>Btn</Button>}
|
75
75
|
placement="top"
|
76
76
|
size={size}
|
77
|
-
|
77
|
+
opened
|
78
78
|
hasArrow
|
79
79
|
text="top"
|
80
80
|
frame="theme-root"
|
@@ -85,7 +85,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
85
85
|
target={<Button>Btn</Button>}
|
86
86
|
placement="right"
|
87
87
|
size={size}
|
88
|
-
|
88
|
+
opened
|
89
89
|
hasArrow
|
90
90
|
text="right"
|
91
91
|
frame="theme-root"
|
@@ -93,7 +93,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
93
93
|
}
|
94
94
|
placement="top-end"
|
95
95
|
size={size}
|
96
|
-
|
96
|
+
opened
|
97
97
|
hasArrow
|
98
98
|
text="top-end"
|
99
99
|
frame="theme-root"
|
@@ -102,7 +102,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
102
102
|
target={<Button>Btn</Button>}
|
103
103
|
placement="bottom-start"
|
104
104
|
size={size}
|
105
|
-
|
105
|
+
opened
|
106
106
|
hasArrow
|
107
107
|
text="bottom-start"
|
108
108
|
frame="theme-root"
|
@@ -111,7 +111,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
111
111
|
target={<Button>Btn</Button>}
|
112
112
|
placement="bottom"
|
113
113
|
size={size}
|
114
|
-
|
114
|
+
opened
|
115
115
|
hasArrow
|
116
116
|
text="bottom"
|
117
117
|
frame="theme-root"
|
@@ -120,7 +120,7 @@ const StoryDefault = ({ size }: TooltipProps) => {
|
|
120
120
|
target={<Button>Btn</Button>}
|
121
121
|
placement="bottom-end"
|
122
122
|
size={size}
|
123
|
-
|
123
|
+
opened
|
124
124
|
hasArrow
|
125
125
|
text="bottom-end"
|
126
126
|
frame="theme-root"
|
@@ -170,7 +170,7 @@ const StoryLive = (args: TooltipProps) => {
|
|
170
170
|
{...args}
|
171
171
|
id="example-tooltip-firstname"
|
172
172
|
text={text}
|
173
|
-
|
173
|
+
opened
|
174
174
|
frame="theme-root"
|
175
175
|
/>
|
176
176
|
</StyledRow>
|
@@ -116,7 +116,7 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
|
|
116
116
|
disabled: disabled,
|
117
117
|
readOnly: readOnly
|
118
118
|
}, /*#__PURE__*/React.createElement(StyledPopover, {
|
119
|
-
|
119
|
+
opened: isOpen,
|
120
120
|
offset: [0, 0],
|
121
121
|
placement: getPlacements('bottom'),
|
122
122
|
isFocusTrapped: false,
|
@@ -75,8 +75,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
75
75
|
};
|
76
76
|
var _useState3 = useState(opened),
|
77
77
|
_useState4 = _slicedToArray(_useState3, 2),
|
78
|
-
|
79
|
-
|
78
|
+
isVisible = _useState4[0],
|
79
|
+
setIsVisible = _useState4[1];
|
80
80
|
var _useState5 = useState(''),
|
81
81
|
_useState6 = _slicedToArray(_useState5, 2),
|
82
82
|
search = _useState6[0],
|
@@ -99,7 +99,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
99
99
|
if (disabled || readOnly) {
|
100
100
|
return;
|
101
101
|
}
|
102
|
-
|
102
|
+
setIsVisible(opened);
|
103
103
|
}, [opened, disabled, readOnly]);
|
104
104
|
useEffect(function () {
|
105
105
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
@@ -113,14 +113,14 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
113
113
|
}
|
114
114
|
|
115
115
|
// INFO: Для кейсов, когда значение выбрано и нужно вывести весь список
|
116
|
-
if (!
|
116
|
+
if (!isVisible) {
|
117
117
|
setFilterValue('');
|
118
118
|
}
|
119
119
|
if (onToggle) {
|
120
120
|
onToggle(openValue, event);
|
121
121
|
return;
|
122
122
|
}
|
123
|
-
|
123
|
+
setIsVisible(openValue);
|
124
124
|
};
|
125
125
|
var closedWithoutChanges = useRef(true);
|
126
126
|
var updateValue = function updateValue(item, event) {
|
@@ -152,7 +152,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
152
152
|
};
|
153
153
|
var _useKeyNavigation = useKeyNavigation({
|
154
154
|
controlledRefs: controlledRefs,
|
155
|
-
opened:
|
155
|
+
opened: isVisible,
|
156
156
|
enumerationType: enumerationType,
|
157
157
|
valueType: valueType,
|
158
158
|
componentType: 'combobox',
|
@@ -172,7 +172,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
172
172
|
var onSearch = function onSearch(newSearch, newOpened) {
|
173
173
|
setSearch(newSearch);
|
174
174
|
setFilterValue(newSearch);
|
175
|
-
|
175
|
+
setIsVisible(newOpened !== null && newOpened !== void 0 ? newOpened : true);
|
176
176
|
};
|
177
177
|
var onKeyDownHandle = function onKeyDownHandle(event) {
|
178
178
|
onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
|
@@ -191,10 +191,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
|
|
191
191
|
disabled: disabled || readOnly
|
192
192
|
}), /*#__PURE__*/React.createElement(StyledPopover, {
|
193
193
|
role: role,
|
194
|
-
|
194
|
+
opened: isVisible,
|
195
195
|
onToggle: onInnerToggle,
|
196
196
|
target: /*#__PURE__*/React.createElement(ComboboxTarget, _extends({
|
197
|
-
opened:
|
197
|
+
opened: isVisible,
|
198
198
|
values: values,
|
199
199
|
label: label,
|
200
200
|
placeholder: placeholder,
|
@@ -12,7 +12,7 @@ import { PropsTable, Description } from '@site/src/components';
|
|
12
12
|
## Использование
|
13
13
|
Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем.
|
14
14
|
|
15
|
-
Размер `DatePicker` задаётся с помощью свойства `size`.
|
15
|
+
Размер `DatePicker` задаётся с помощью свойства `size`.
|
16
16
|
Возможные значения свойства: `"l"`, `"m"`, `"s"`, `"xs"`.
|
17
17
|
|
18
18
|
```tsx live
|
@@ -46,7 +46,7 @@ export function App() {
|
|
46
46
|
| YYYY | 2024 | Год из 4 цифр |
|
47
47
|
| YY | 24 | Год из 2 цифр |
|
48
48
|
| Q | 1-4 | Квартал |
|
49
|
-
При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
|
49
|
+
При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
|
50
50
|
Свойство `maskWithFormat` позволяет маскировать ввод:
|
51
51
|
|
52
52
|
```tsx live
|
@@ -100,7 +100,7 @@ export function App() {
|
|
100
100
|
return (
|
101
101
|
<div style=\{{ height: "450px" }}>
|
102
102
|
<DatePicker
|
103
|
-
|
103
|
+
opened={isOpen}
|
104
104
|
label="Лейбл"
|
105
105
|
leftHelper="Подсказка к полю"
|
106
106
|
placeholder="Введите дату"
|