@vimeo/iris/components/index.esm.js

Vimeo Design System

export { Annotation } from './Annotation/Annotation.esm.js';
export { Avatar } from './Avatar/Avatar.esm.js';
export { Badge } from './Badge/Badge.esm.js';
export { Button } from './Button/Button.esm.js';
export { ButtonSocial, ButtonSocial as SocialButton } from './ButtonSocial/ButtonSocial.esm.js';
export { ButtonToggleState } from './ButtonToggleState/ButtonToggleState.esm.js';
export { Card } from './Card/Card.esm.js';
export { CardCategory, CardCategory as CategoryCard } from './CardCategory/CardCategory.esm.js';
export { CardNewItem, CardNewItem as NewItemCard } from './CardNewItem/CardNewItem.esm.js';
export { Checkbox } from './inputs/Checkbox/Checkbox.esm.js';
export { CheckboxSet } from './inputs/Checkbox/CheckboxSet.esm.js';
export { ColorSelect } from './inputs/ColorSelect/ColorSelect.esm.js';
export { ColorSelect2 } from './inputs/ColorSelect2/ColorSelect2.esm.js';
export { CopyField } from './inputs/CopyField/CopyField.esm.js';
export { CounterIcon } from './CounterIcon/CounterIcon.esm.js';
export { DateRange } from './inputs/Dates/DateRange/DateRange.esm.js';
export { DateSelect } from './inputs/Dates/DateSelect/DateSelect.esm.js';
export { Dropzone } from './inputs/Dropzone/Dropzone.esm.js';
export { FileUpload } from './inputs/FileUpload/FileUpload.esm.js';
export { Input } from './inputs/Input/Input.esm.js';
export { LoaderCircular } from './LoaderCircular/LoaderCircular.esm.js';
export { Menu } from './Menu/Menu.esm.js';
export { Modal } from './Modal/Modal.esm.js';
export { Notice } from './Notice/Notice.esm.js';
export { Notification } from './Notification/Notification.esm.js';
export { Pagination } from './Pagination/Pagination.esm.js';
export { Panel } from './Panel/Panel.esm.js';
export { Password } from './inputs/Password/Password.esm.js';
export { Path } from './Path/Path.esm.js';
export { Pop } from './PopOver/PopOver.minors.esm.js';
export { PopOver } from './PopOver/PopOver.esm.js';
export { Progress } from './Progress/Progress.esm.js';
export { Radio } from './inputs/Radio/Radio.esm.js';
export { RadioSet } from './inputs/Radio/RadioSet.esm.js';
export { Ribbon } from './Ribbon/Ribbon.esm.js';
export { Search } from './inputs/Search/Search.esm.js';
export { Select } from './inputs/Select/Select.esm.js';
export { Sidebar } from './Sidebar/Sidebar.esm.js';
export { Slider } from './inputs/Slider/Slider.esm.js';
export { Tabs } from './Tabs/Tabs.esm.js';
export { Tag } from './Tag/Tag.esm.js';
export { TextArea } from './inputs/TextArea/TextArea.esm.js';
export { Tip } from './Tip/Tip.esm.js';
export { Toggle } from './inputs/Toggle/Toggle.esm.js';
export { Tour } from './TourPoint/TourPoint.context.esm.js';
export { TourPoint } from './TourPoint/TourPoint.esm.js';
export { withCharacterCount } from './inputs/withCharacterCount/withCharacterCount.esm.js';
export { FeatureTourPanel } from '../_deprecated/FeatureTour/FeatureTourPanel.esm.js';
export { SlideUpDown } from '../_deprecated/SlideUpDown/SlideUpDown.esm.js';
export { FloatingButton } from '../_deprecated/FloatingButton/FloatingButton.esm.js';
export { borderRadii, formats, iconPositions, sizes, statuses, variants } from './Button/Button.config.esm.js';
import '../tslib.es6-7f0e734f.js';
import 'react';
import './Annotation/Annotation.style.esm.js';
import 'styled-components';
import '../color/colors.esm.js';
import 'polished';
import '../utils/HOCs/withIris.esm.js';
import '../icons/ui/CircleInfo.esm.js';
import './Avatar/Avatar.style.esm.js';
import '../utils/hooks/useLayoutStyles.esm.js';
import './Badge/Badge.style.esm.js';
import '../tokens/core.esm.js';
import '../tokens/color/index.esm.js';
import '../tokens/color/background/background.esm.js';
import '../tokens/util/readToken.esm.js';
import '../tokens/util/clamp.esm.js';
import '../tokens/color/format/format.esm.js';
import '../tokens/color/format/primary.esm.js';
import '../tokens/color/format/secondary.esm.js';
import '../tokens/color/format/tertiary.esm.js';
import '../tokens/color/rainbow/rainbow.esm.js';
import '../tokens/color/rainbow/conic/index.esm.js';
import '../tokens/color/rainbow/conic/sm.esm.js';
import '../tokens/color/rainbow/conic/xl.esm.js';
import '../tokens/color/rainbow/linear/index.esm.js';
import '../tokens/color/rainbow/linear/sm.esm.js';
import '../tokens/color/rainbow/linear/xl.esm.js';
import '../tokens/color/livestream/livestream.esm.js';
import '../tokens/color/status/status.esm.js';
import '../tokens/color/status/caution.esm.js';
import '../tokens/color/status/negative.esm.js';
import '../tokens/color/status/positive.esm.js';
import '../tokens/color/stroke/stroke.esm.js';
import '../tokens/color/surface/surface.esm.js';
import '../tokens/color/text/text.esm.js';
import '../tokens/util/round.esm.js';
import '../tokens/color/upsell/upsell.esm.js';
import '../tokens/color/upsell/sm.esm.js';
import '../tokens/color/upsell/xl.esm.js';
import '../tokens/color/upsell/new.esm.js';
import '../tokens/edge/edge.esm.js';
import '../tokens/space/space.esm.js';
import '../tokens/typography/index.esm.js';
import '../tokens/typography/size/size.esm.js';
import './Button/Button.style.esm.js';
import './Button/FeaturedIcon.esm.js';
import '../themes/index.esm.js';
import '../utils/hooks/useDeprecate.esm.js';
import '../utils/general/mergeReactRefs.esm.js';
import '../utils/css.esm.js';
import './ButtonSocial/ButtonSocial.style.esm.js';
import '../icons/social/GoogleGColor.esm.js';
import '../icons/social/Facebook.esm.js';
import '../icons/social/Apple.esm.js';
import '../utils/DOM/geometry.esm.js';
import './ButtonToggleState/ButtonToggleState.state.esm.js';
import './Card/Card.style.esm.js';
import './CardCategory/CardCategory.style.esm.js';
import '../typography/Paragraph/Paragraph.esm.js';
import '../typography/Paragraph/Paragraph.style.esm.js';
import '../typography/Text/Text.esm.js';
import '../typography/Text/Text.style.esm.js';
import '../typography/typography.esm.js';
import '../typography/Text/EditableText.esm.js';
import './CardNewItem/CardNewItem.style.esm.js';
import './CardNewItem/CardNewItem.tokens.esm.js';
import '../icons/ui/CirclePlus.esm.js';
import './inputs/Shared.esm.js';
import '../utils/general/generateUID.esm.js';
import './inputs/ColorSelect/ColorSelect.style.esm.js';
import './inputs/ColorSelect/ColorSelect.state.esm.js';
import '../color/colorUtils.esm.js';
import './inputs/ColorSelect/Slider.esm.js';
import './inputs/ColorSelect/Slider.style.esm.js';
import './inputs/ColorSelect/Inputs.esm.js';
import './inputs/ColorSelect/ColorSelectInput.esm.js';
import './inputs/InnerButton.esm.js';
import '../icons/ui/History.esm.js';
import './inputs/ColorSelect/ColorSelectSpectrum.esm.js';
import '../utils/general/throttle.esm.js';
import './inputs/ColorSelect/Presets.esm.js';
import '../typography/Header/Header.esm.js';
import '../typography/Header/Header.style.esm.js';
import '../utils/hooks/useOutsideClick.esm.js';
import './inputs/ColorSelect2/ColorSelect2.state.esm.js';
import './inputs/ColorSelect2/ColorSelect2Input.esm.js';
import './inputs/ColorSelect2/ColorSelect2.style.esm.js';
import './inputs/ColorSelect2/ColorSelect2PopoverContent.esm.js';
import './inputs/ColorSelect2/Presets.esm.js';
import '../icons/ui/Pencil.esm.js';
import './inputs/ColorSelect2/ColorSelect2Picker.esm.js';
import './inputs/ColorSelect2/Inputs.esm.js';
import '../icons/ui/Clipboard.esm.js';
import './CounterIcon/CounterIcon.style.esm.js';
import './inputs/Dates/Calendar/Calendar.esm.js';
import './inputs/Dates/Calendar/useDaysFromViewport.esm.js';
import '../Calendar.state-4c10d987.js';
import './inputs/Dates/DateRange/DateFormat.esm.js';
import './inputs/Dates/Calendar/CalendarDay.esm.js';
import './inputs/Dates/Calendar/CalendarDayLabel.esm.js';
import './inputs/Dates/DateRange/translations.esm.js';
import '../icons/ui/ChevronLeft.esm.js';
import '../icons/ui/ChevronRight.esm.js';
import './inputs/Dates/DateRange/DateRange.style.esm.js';
import '../utils/hooks/useForwardRef.esm.js';
import '../utils/events/stopPrevent.esm.js';
import './inputs/FileUpload/FileUpload.style.esm.js';
import './inputs/Input/Text.esm.js';
import './inputs/Input/Input.style.esm.js';
import './inputs/Input/useSuggestions.esm.js';
import './inputs/Wrapper/Wrapper.esm.js';
import './inputs/Input/Mark.esm.js';
import './LoaderCircular/LoaderCircular.style.esm.js';
import './Menu/Menu.style.esm.js';
import './Menu/Menu.minors.esm.js';
import '../icons/ui/ChevronDown.esm.js';
import './Modal/Modal.style.esm.js';
import './Modal/Modal.minors.esm.js';
import '../utils/hooks/usePortal_DEPRECATED/usePortal_DEPRECATED.esm.js';
import 'react-dom';
import '../utils/hooks/usePortal_DEPRECATED/usePortal_DEPRECATED.style.esm.js';
import '../utils/hooks/usePortal_DEPRECATED/useMountAnimations.esm.js';
import '../utils/hooks/useIsomorphicEffect.esm.js';
import '../utils/DOM/getComputedStyles.esm.js';
import '../utils/DOM/animate.esm.js';
import '../utils/events/onEvent.esm.js';
import '../utils/hooks/usePortal_DEPRECATED/coordinates.esm.js';
import '../utils/hooks/usePortal_DEPRECATED/Anchor.esm.js';
import '../utils/DOM/SSR.esm.js';
import '../utils/DOM/createPortalOutlet.esm.js';
import '../utils/DOM/createElement.esm.js';
import '../icons/ui/DismissX.esm.js';
import './Notice/Notice.style.esm.js';
import '../icons/ui/Checkmark.esm.js';
import '../icons/ui/CircleWarning.esm.js';
import '../utils/events/onClose.esm.js';
import './Notification/Notification.style.esm.js';
import './Notification/Notification.state.esm.js';
import './Panel/Panel.style.esm.js';
import '../utils/hooks/useStyleVars.esm.js';
import '../utils/hooks/usePortal.esm.js';
import '../utils/general/clamp.esm.js';
import '../icons/ui/Eye.esm.js';
import '../icons/ui/EyeOff.esm.js';
import './Path/Path.style.esm.js';
import '../typography/Link/Link.esm.js';
import '../typography/Link/Link.style.esm.js';
import './Path/Path.minors.esm.js';
import '../icons/ui/ArrowLeft.esm.js';
import './PopOver/PopOver.style.esm.js';
import './PopOver/PopOver.error.esm.js';
import './Ribbon/Ribbon.style.esm.js';
import '../icons/ui/Search.esm.js';
import './inputs/Select/Select.minors.esm.js';
import './inputs/Select/Select.style.esm.js';
import './inputs/Select/SelectFaux.esm.js';
import './inputs/Select/Select.state.esm.js';
import './Sidebar/Sidebar.minors.esm.js';
import './Sidebar/Sidebar.style.esm.js';
import '../utils/hooks/useStateTransmorphic.esm.js';
import './inputs/Slider/Slider.state.esm.js';
import './inputs/Slider/Slider.style.esm.js';
import './inputs/Slider/SliderInputArrow.esm.js';
import './inputs/Slider/Handle.esm.js';
import '../utils/events/KeyCodes.esm.js';
import './inputs/Slider/SliderEditableInput.esm.js';
import './Tabs/Tabs.style.esm.js';
import './Tabs/Tabs.minors.esm.js';
import './Tabs/NavItem.esm.js';
import './Tag/Tag.style.esm.js';
import './inputs/TextArea/TextArea.style.esm.js';
import '../icons/ui/CircleInfoSmall.esm.js';
import './Tip/Tip.settings.esm.js';
import './Tip/Tip.style.esm.js';
import '../utils/hooks/useIrisError.esm.js';
import './TourPoint/TourPoint.style.esm.js';
import './TourPoint/TourPoint.motion.esm.js';
import '../use-id-cc996331.js';
import '../es.typed-array.set-c204e812.js';
import './TourPoint/Caret.esm.js';
import '../utils/hooks/useAnchor/useAnchor.esm.js';
import '../utils/general/capitalize.esm.js';
import './inputs/withCharacterCount/withCharacterCount.state.esm.js';
import './inputs/withCharacterCount/withCharacterCount.style.esm.js';
import '../_deprecated/FeatureTour/FeatureTourPanelContent.esm.js';
import '../_deprecated/FeatureTour/Dot.esm.js';
import '../_deprecated/FloatingButton/FloatingButton.style.esm.js';
import '../icons/ui/ArrowRight.esm.js';