@activecollab/components 1.0.5 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +580 -980
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/index.js +0 -11046
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/components/Accordion/Accordion.js +0 -67
- package/dist/esm/components/Accordion/Accordion.js.map +0 -1
- package/dist/esm/components/Accordion/AccordionItem.js +0 -35
- package/dist/esm/components/Accordion/AccordionItem.js.map +0 -1
- package/dist/esm/components/Accordion/AccordionItemBody.js +0 -54
- package/dist/esm/components/Accordion/AccordionItemBody.js.map +0 -1
- package/dist/esm/components/Accordion/AccordionItemHead.js +0 -56
- package/dist/esm/components/Accordion/AccordionItemHead.js.map +0 -1
- package/dist/esm/components/Accordion/Styles.js +0 -44
- package/dist/esm/components/Accordion/Styles.js.map +0 -1
- package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js +0 -94
- package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js.map +0 -1
- package/dist/esm/components/AutoResizeTextarea/Styles.js +0 -11
- package/dist/esm/components/AutoResizeTextarea/Styles.js.map +0 -1
- package/dist/esm/components/Autocomplete/Autocomplete.js +0 -390
- package/dist/esm/components/Autocomplete/Autocomplete.js.map +0 -1
- package/dist/esm/components/Autocomplete/HandleKeyboard.js +0 -33
- package/dist/esm/components/Autocomplete/HandleKeyboard.js.map +0 -1
- package/dist/esm/components/Autocomplete/Styles.js +0 -28
- package/dist/esm/components/Autocomplete/Styles.js.map +0 -1
- package/dist/esm/components/Avatar/Avatar.js +0 -33
- package/dist/esm/components/Avatar/Avatar.js.map +0 -1
- package/dist/esm/components/Avatar/Styles.js +0 -12
- package/dist/esm/components/Avatar/Styles.js.map +0 -1
- package/dist/esm/components/BoxSizingStyle.js +0 -6
- package/dist/esm/components/BoxSizingStyle.js.map +0 -1
- package/dist/esm/components/Bubble/Bubble.js +0 -32
- package/dist/esm/components/Bubble/Bubble.js.map +0 -1
- package/dist/esm/components/Bubble/Styles.js +0 -25
- package/dist/esm/components/Bubble/Styles.js.map +0 -1
- package/dist/esm/components/Button/Button.js +0 -58
- package/dist/esm/components/Button/Button.js.map +0 -1
- package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js +0 -32
- package/dist/esm/components/Button/GlobalAddButton/GlobalAddButton.js.map +0 -1
- package/dist/esm/components/Button/GlobalAddButton/Styles.js +0 -11
- package/dist/esm/components/Button/GlobalAddButton/Styles.js.map +0 -1
- package/dist/esm/components/Button/Styles.js +0 -42
- package/dist/esm/components/Button/Styles.js.map +0 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.js +0 -28
- package/dist/esm/components/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist/esm/components/ButtonGroup/Styles.js +0 -28
- package/dist/esm/components/ButtonGroup/Styles.js.map +0 -1
- package/dist/esm/components/Card/Card.js +0 -34
- package/dist/esm/components/Card/Card.js.map +0 -1
- package/dist/esm/components/Card/Styles.js +0 -13
- package/dist/esm/components/Card/Styles.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.js +0 -49
- package/dist/esm/components/Checkbox/Checkbox.js.map +0 -1
- package/dist/esm/components/Checkbox/Styles.js +0 -22
- package/dist/esm/components/Checkbox/Styles.js.map +0 -1
- package/dist/esm/components/Choose/Choose.js +0 -37
- package/dist/esm/components/Choose/Choose.js.map +0 -1
- package/dist/esm/components/Choose/Styles.js +0 -34
- package/dist/esm/components/Choose/Styles.js.map +0 -1
- package/dist/esm/components/ComboBox/ComboBox.js +0 -194
- package/dist/esm/components/ComboBox/ComboBox.js.map +0 -1
- package/dist/esm/components/ComboBox/Styles.js +0 -51
- package/dist/esm/components/ComboBox/Styles.js.map +0 -1
- package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js +0 -39
- package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js.map +0 -1
- package/dist/esm/components/CompleteCheckbox/Styles.js +0 -40
- package/dist/esm/components/CompleteCheckbox/Styles.js.map +0 -1
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js +0 -62
- package/dist/esm/components/ConfirmDialog/ConfirmDialog.js.map +0 -1
- package/dist/esm/components/CounterButton/CounterButton.js +0 -64
- package/dist/esm/components/CounterButton/CounterButton.js.map +0 -1
- package/dist/esm/components/CounterButton/Styles.js +0 -37
- package/dist/esm/components/CounterButton/Styles.js.map +0 -1
- package/dist/esm/components/DatePicker/ClassNames.js +0 -33
- package/dist/esm/components/DatePicker/ClassNames.js.map +0 -1
- package/dist/esm/components/DatePicker/CustomNavBarElement.js +0 -58
- package/dist/esm/components/DatePicker/CustomNavBarElement.js.map +0 -1
- package/dist/esm/components/DatePicker/DatePicker.js +0 -373
- package/dist/esm/components/DatePicker/DatePicker.js.map +0 -1
- package/dist/esm/components/DatePicker/Styles.js +0 -41
- package/dist/esm/components/DatePicker/Styles.js.map +0 -1
- package/dist/esm/components/Dialog/Dialog.js +0 -33
- package/dist/esm/components/Dialog/Dialog.js.map +0 -1
- package/dist/esm/components/Dialog/DialogActions.js +0 -27
- package/dist/esm/components/Dialog/DialogActions.js.map +0 -1
- package/dist/esm/components/Dialog/DialogContent.js +0 -27
- package/dist/esm/components/Dialog/DialogContent.js.map +0 -1
- package/dist/esm/components/Dialog/DialogContentDivider.js +0 -15
- package/dist/esm/components/Dialog/DialogContentDivider.js.map +0 -1
- package/dist/esm/components/Dialog/DialogTitle.js +0 -32
- package/dist/esm/components/Dialog/DialogTitle.js.map +0 -1
- package/dist/esm/components/Dialog/Styles.js +0 -32
- package/dist/esm/components/Dialog/Styles.js.map +0 -1
- package/dist/esm/components/EntityCard/EntityCard.js +0 -78
- package/dist/esm/components/EntityCard/EntityCard.js.map +0 -1
- package/dist/esm/components/EntityCard/Styles.js +0 -24
- package/dist/esm/components/EntityCard/Styles.js.map +0 -1
- package/dist/esm/components/Expanders/ExpandAll.js +0 -31
- package/dist/esm/components/Expanders/ExpandAll.js.map +0 -1
- package/dist/esm/components/Expanders/ExpandSingle.js +0 -31
- package/dist/esm/components/Expanders/ExpandSingle.js.map +0 -1
- package/dist/esm/components/Expanders/Styles.js +0 -21
- package/dist/esm/components/Expanders/Styles.js.map +0 -1
- package/dist/esm/components/FontStyle.js +0 -6
- package/dist/esm/components/FontStyle.js.map +0 -1
- package/dist/esm/components/GlobalStyle.js +0 -6
- package/dist/esm/components/GlobalStyle.js.map +0 -1
- package/dist/esm/components/Header/Header.js +0 -29
- package/dist/esm/components/Header/Header.js.map +0 -1
- package/dist/esm/components/Header/Styles.js +0 -11
- package/dist/esm/components/Header/Styles.js.map +0 -1
- package/dist/esm/components/Icons/collection/Activity.js +0 -31
- package/dist/esm/components/Icons/collection/Activity.js.map +0 -1
- package/dist/esm/components/Icons/collection/AddCross.js +0 -27
- package/dist/esm/components/Icons/collection/AddCross.js.map +0 -1
- package/dist/esm/components/Icons/collection/AddCrossTiny.js +0 -27
- package/dist/esm/components/Icons/collection/AddCrossTiny.js.map +0 -1
- package/dist/esm/components/Icons/collection/ArrowBack.js +0 -27
- package/dist/esm/components/Icons/collection/ArrowBack.js.map +0 -1
- package/dist/esm/components/Icons/collection/ArrowCollapseMultiple.js +0 -27
- package/dist/esm/components/Icons/collection/ArrowCollapseMultiple.js.map +0 -1
- package/dist/esm/components/Icons/collection/ArrowExpandeMultiple.js +0 -27
- package/dist/esm/components/Icons/collection/ArrowExpandeMultiple.js.map +0 -1
- package/dist/esm/components/Icons/collection/ArrowLeftBox.js +0 -26
- package/dist/esm/components/Icons/collection/ArrowLeftBox.js.map +0 -1
- package/dist/esm/components/Icons/collection/ArrowRefresh.js +0 -26
- package/dist/esm/components/Icons/collection/ArrowRefresh.js.map +0 -1
- package/dist/esm/components/Icons/collection/Assign.js +0 -27
- package/dist/esm/components/Icons/collection/Assign.js.map +0 -1
- package/dist/esm/components/Icons/collection/Back.js +0 -27
- package/dist/esm/components/Icons/collection/Back.js.map +0 -1
- package/dist/esm/components/Icons/collection/BellOff.js +0 -27
- package/dist/esm/components/Icons/collection/BellOff.js.map +0 -1
- package/dist/esm/components/Icons/collection/BellOffSmall.js +0 -27
- package/dist/esm/components/Icons/collection/BellOffSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/BudgetAlert.js +0 -27
- package/dist/esm/components/Icons/collection/BudgetAlert.js.map +0 -1
- package/dist/esm/components/Icons/collection/BudgetNoAlert.js +0 -27
- package/dist/esm/components/Icons/collection/BudgetNoAlert.js.map +0 -1
- package/dist/esm/components/Icons/collection/Calendar.js +0 -27
- package/dist/esm/components/Icons/collection/Calendar.js.map +0 -1
- package/dist/esm/components/Icons/collection/CalendarAddX.js +0 -27
- package/dist/esm/components/Icons/collection/CalendarAddX.js.map +0 -1
- package/dist/esm/components/Icons/collection/CalendarEmpty.js +0 -27
- package/dist/esm/components/Icons/collection/CalendarEmpty.js.map +0 -1
- package/dist/esm/components/Icons/collection/CancelCross.js +0 -27
- package/dist/esm/components/Icons/collection/CancelCross.js.map +0 -1
- package/dist/esm/components/Icons/collection/CaretLeft.js +0 -27
- package/dist/esm/components/Icons/collection/CaretLeft.js.map +0 -1
- package/dist/esm/components/Icons/collection/CaretRight.js +0 -27
- package/dist/esm/components/Icons/collection/CaretRight.js.map +0 -1
- package/dist/esm/components/Icons/collection/Chat.js +0 -27
- package/dist/esm/components/Icons/collection/Chat.js.map +0 -1
- package/dist/esm/components/Icons/collection/Check.js +0 -27
- package/dist/esm/components/Icons/collection/Check.js.map +0 -1
- package/dist/esm/components/Icons/collection/Checkbox.js +0 -38
- package/dist/esm/components/Icons/collection/Checkbox.js.map +0 -1
- package/dist/esm/components/Icons/collection/CheckboxBlankToggler.js +0 -27
- package/dist/esm/components/Icons/collection/CheckboxBlankToggler.js.map +0 -1
- package/dist/esm/components/Icons/collection/Checklist.js +0 -27
- package/dist/esm/components/Icons/collection/Checklist.js.map +0 -1
- package/dist/esm/components/Icons/collection/ChecklistSmall.js +0 -27
- package/dist/esm/components/Icons/collection/ChecklistSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/CircleMultiple.js +0 -27
- package/dist/esm/components/Icons/collection/CircleMultiple.js.map +0 -1
- package/dist/esm/components/Icons/collection/Clock.js +0 -27
- package/dist/esm/components/Icons/collection/Clock.js.map +0 -1
- package/dist/esm/components/Icons/collection/ClockAdd.js +0 -27
- package/dist/esm/components/Icons/collection/ClockAdd.js.map +0 -1
- package/dist/esm/components/Icons/collection/ClockSmall.js +0 -27
- package/dist/esm/components/Icons/collection/ClockSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/ClockStopwatch.js +0 -27
- package/dist/esm/components/Icons/collection/ClockStopwatch.js.map +0 -1
- package/dist/esm/components/Icons/collection/ClockStopwatchSmall.js +0 -27
- package/dist/esm/components/Icons/collection/ClockStopwatchSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/CloseSmall.js +0 -27
- package/dist/esm/components/Icons/collection/CloseSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/CollapseAll.js +0 -27
- package/dist/esm/components/Icons/collection/CollapseAll.js.map +0 -1
- package/dist/esm/components/Icons/collection/CollapseExpandSingle.js +0 -27
- package/dist/esm/components/Icons/collection/CollapseExpandSingle.js.map +0 -1
- package/dist/esm/components/Icons/collection/Comment.js +0 -27
- package/dist/esm/components/Icons/collection/Comment.js.map +0 -1
- package/dist/esm/components/Icons/collection/Comments.js +0 -27
- package/dist/esm/components/Icons/collection/Comments.js.map +0 -1
- package/dist/esm/components/Icons/collection/Computer.js +0 -27
- package/dist/esm/components/Icons/collection/Computer.js.map +0 -1
- package/dist/esm/components/Icons/collection/CrownBlank.js +0 -27
- package/dist/esm/components/Icons/collection/CrownBlank.js.map +0 -1
- package/dist/esm/components/Icons/collection/CrownSelected.js +0 -27
- package/dist/esm/components/Icons/collection/CrownSelected.js.map +0 -1
- package/dist/esm/components/Icons/collection/Dependency.js +0 -27
- package/dist/esm/components/Icons/collection/Dependency.js.map +0 -1
- package/dist/esm/components/Icons/collection/DependencySmall.js +0 -27
- package/dist/esm/components/Icons/collection/DependencySmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/Dollar.js +0 -27
- package/dist/esm/components/Icons/collection/Dollar.js.map +0 -1
- package/dist/esm/components/Icons/collection/DollarCheckmark.js +0 -27
- package/dist/esm/components/Icons/collection/DollarCheckmark.js.map +0 -1
- package/dist/esm/components/Icons/collection/DollarCheckmarkSmall.js +0 -27
- package/dist/esm/components/Icons/collection/DollarCheckmarkSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/DollarClock.js +0 -27
- package/dist/esm/components/Icons/collection/DollarClock.js.map +0 -1
- package/dist/esm/components/Icons/collection/DollarClockSmall.js +0 -27
- package/dist/esm/components/Icons/collection/DollarClockSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/DollarOff.js +0 -27
- package/dist/esm/components/Icons/collection/DollarOff.js.map +0 -1
- package/dist/esm/components/Icons/collection/DollarOffSmall.js +0 -27
- package/dist/esm/components/Icons/collection/DollarOffSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/DollarSmall.js +0 -27
- package/dist/esm/components/Icons/collection/DollarSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/Download.js +0 -27
- package/dist/esm/components/Icons/collection/Download.js.map +0 -1
- package/dist/esm/components/Icons/collection/Drive.js +0 -27
- package/dist/esm/components/Icons/collection/Drive.js.map +0 -1
- package/dist/esm/components/Icons/collection/Dropbox.js +0 -27
- package/dist/esm/components/Icons/collection/Dropbox.js.map +0 -1
- package/dist/esm/components/Icons/collection/Duplicate.js +0 -27
- package/dist/esm/components/Icons/collection/Duplicate.js.map +0 -1
- package/dist/esm/components/Icons/collection/Edit.js +0 -27
- package/dist/esm/components/Icons/collection/Edit.js.map +0 -1
- package/dist/esm/components/Icons/collection/Emoji.js +0 -27
- package/dist/esm/components/Icons/collection/Emoji.js.map +0 -1
- package/dist/esm/components/Icons/collection/Estimates.js +0 -31
- package/dist/esm/components/Icons/collection/Estimates.js.map +0 -1
- package/dist/esm/components/Icons/collection/ExpandAll.js +0 -27
- package/dist/esm/components/Icons/collection/ExpandAll.js.map +0 -1
- package/dist/esm/components/Icons/collection/Export.js +0 -27
- package/dist/esm/components/Icons/collection/Export.js.map +0 -1
- package/dist/esm/components/Icons/collection/Eye.js +0 -27
- package/dist/esm/components/Icons/collection/Eye.js.map +0 -1
- package/dist/esm/components/Icons/collection/EyeOff.js +0 -27
- package/dist/esm/components/Icons/collection/EyeOff.js.map +0 -1
- package/dist/esm/components/Icons/collection/EyeOffSmall.js +0 -27
- package/dist/esm/components/Icons/collection/EyeOffSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/EyeSmall.js +0 -27
- package/dist/esm/components/Icons/collection/EyeSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/Filter.js +0 -27
- package/dist/esm/components/Icons/collection/Filter.js.map +0 -1
- package/dist/esm/components/Icons/collection/Help.js +0 -26
- package/dist/esm/components/Icons/collection/Help.js.map +0 -1
- package/dist/esm/components/Icons/collection/Info.js +0 -27
- package/dist/esm/components/Icons/collection/Info.js.map +0 -1
- package/dist/esm/components/Icons/collection/InfoSmall.js +0 -27
- package/dist/esm/components/Icons/collection/InfoSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/Integrations.js +0 -31
- package/dist/esm/components/Icons/collection/Integrations.js.map +0 -1
- package/dist/esm/components/Icons/collection/Invoices.js +0 -31
- package/dist/esm/components/Icons/collection/Invoices.js.map +0 -1
- package/dist/esm/components/Icons/collection/Labels.js +0 -27
- package/dist/esm/components/Icons/collection/Labels.js.map +0 -1
- package/dist/esm/components/Icons/collection/Lock.js +0 -27
- package/dist/esm/components/Icons/collection/Lock.js.map +0 -1
- package/dist/esm/components/Icons/collection/LockSmall.js +0 -27
- package/dist/esm/components/Icons/collection/LockSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/Marker.js +0 -27
- package/dist/esm/components/Icons/collection/Marker.js.map +0 -1
- package/dist/esm/components/Icons/collection/MenuNavIcon.js +0 -27
- package/dist/esm/components/Icons/collection/MenuNavIcon.js.map +0 -1
- package/dist/esm/components/Icons/collection/Message.js +0 -27
- package/dist/esm/components/Icons/collection/Message.js.map +0 -1
- package/dist/esm/components/Icons/collection/MessageAdd.js +0 -26
- package/dist/esm/components/Icons/collection/MessageAdd.js.map +0 -1
- package/dist/esm/components/Icons/collection/MessageSmall.js +0 -27
- package/dist/esm/components/Icons/collection/MessageSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/MoveTrigger.js +0 -27
- package/dist/esm/components/Icons/collection/MoveTrigger.js.map +0 -1
- package/dist/esm/components/Icons/collection/MyWork.js +0 -31
- package/dist/esm/components/Icons/collection/MyWork.js.map +0 -1
- package/dist/esm/components/Icons/collection/NotificationBell.js +0 -26
- package/dist/esm/components/Icons/collection/NotificationBell.js.map +0 -1
- package/dist/esm/components/Icons/collection/OpenExpanded.js +0 -27
- package/dist/esm/components/Icons/collection/OpenExpanded.js.map +0 -1
- package/dist/esm/components/Icons/collection/PaidSmall.js +0 -27
- package/dist/esm/components/Icons/collection/PaidSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/PauseIcon.js +0 -27
- package/dist/esm/components/Icons/collection/PauseIcon.js.map +0 -1
- package/dist/esm/components/Icons/collection/Pencil.js +0 -26
- package/dist/esm/components/Icons/collection/Pencil.js.map +0 -1
- package/dist/esm/components/Icons/collection/PencilSmall.js +0 -26
- package/dist/esm/components/Icons/collection/PencilSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/PendingPaymentSmall.js +0 -27
- package/dist/esm/components/Icons/collection/PendingPaymentSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/People.js +0 -31
- package/dist/esm/components/Icons/collection/People.js.map +0 -1
- package/dist/esm/components/Icons/collection/Person.js +0 -27
- package/dist/esm/components/Icons/collection/Person.js.map +0 -1
- package/dist/esm/components/Icons/collection/PersonPlus.js +0 -27
- package/dist/esm/components/Icons/collection/PersonPlus.js.map +0 -1
- package/dist/esm/components/Icons/collection/PlayIcon.js +0 -27
- package/dist/esm/components/Icons/collection/PlayIcon.js.map +0 -1
- package/dist/esm/components/Icons/collection/ProjectAdd.js +0 -27
- package/dist/esm/components/Icons/collection/ProjectAdd.js.map +0 -1
- package/dist/esm/components/Icons/collection/ProjectTemplate.js +0 -27
- package/dist/esm/components/Icons/collection/ProjectTemplate.js.map +0 -1
- package/dist/esm/components/Icons/collection/Projects.js +0 -31
- package/dist/esm/components/Icons/collection/Projects.js.map +0 -1
- package/dist/esm/components/Icons/collection/RadioBlank.js +0 -27
- package/dist/esm/components/Icons/collection/RadioBlank.js.map +0 -1
- package/dist/esm/components/Icons/collection/RadioButton.js +0 -36
- package/dist/esm/components/Icons/collection/RadioButton.js.map +0 -1
- package/dist/esm/components/Icons/collection/Rearange.js +0 -27
- package/dist/esm/components/Icons/collection/Rearange.js.map +0 -1
- package/dist/esm/components/Icons/collection/RearrangeSmall.js +0 -27
- package/dist/esm/components/Icons/collection/RearrangeSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/RecurringCheckmark.js +0 -27
- package/dist/esm/components/Icons/collection/RecurringCheckmark.js.map +0 -1
- package/dist/esm/components/Icons/collection/RecurringCheckmarkSmall.js +0 -27
- package/dist/esm/components/Icons/collection/RecurringCheckmarkSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/Reports.js +0 -31
- package/dist/esm/components/Icons/collection/Reports.js.map +0 -1
- package/dist/esm/components/Icons/collection/Search.js +0 -26
- package/dist/esm/components/Icons/collection/Search.js.map +0 -1
- package/dist/esm/components/Icons/collection/SendBlank.js +0 -26
- package/dist/esm/components/Icons/collection/SendBlank.js.map +0 -1
- package/dist/esm/components/Icons/collection/SendFilled.js +0 -26
- package/dist/esm/components/Icons/collection/SendFilled.js.map +0 -1
- package/dist/esm/components/Icons/collection/SortGeneral.js +0 -27
- package/dist/esm/components/Icons/collection/SortGeneral.js.map +0 -1
- package/dist/esm/components/Icons/collection/SortIcon.js +0 -27
- package/dist/esm/components/Icons/collection/SortIcon.js.map +0 -1
- package/dist/esm/components/Icons/collection/Star.js +0 -27
- package/dist/esm/components/Icons/collection/Star.js.map +0 -1
- package/dist/esm/components/Icons/collection/TaskAdd.js +0 -27
- package/dist/esm/components/Icons/collection/TaskAdd.js.map +0 -1
- package/dist/esm/components/Icons/collection/TextFormatGeneralAlt.js +0 -27
- package/dist/esm/components/Icons/collection/TextFormatGeneralAlt.js.map +0 -1
- package/dist/esm/components/Icons/collection/ThumbUpOutline.js +0 -27
- package/dist/esm/components/Icons/collection/ThumbUpOutline.js.map +0 -1
- package/dist/esm/components/Icons/collection/Trash.js +0 -31
- package/dist/esm/components/Icons/collection/Trash.js.map +0 -1
- package/dist/esm/components/Icons/collection/TreeDots.js +0 -27
- package/dist/esm/components/Icons/collection/TreeDots.js.map +0 -1
- package/dist/esm/components/Icons/collection/ViewGrid.js +0 -27
- package/dist/esm/components/Icons/collection/ViewGrid.js.map +0 -1
- package/dist/esm/components/Icons/collection/ViewList.js +0 -27
- package/dist/esm/components/Icons/collection/ViewList.js.map +0 -1
- package/dist/esm/components/Icons/collection/VolumeHigh.js +0 -27
- package/dist/esm/components/Icons/collection/VolumeHigh.js.map +0 -1
- package/dist/esm/components/Icons/collection/VolumeOff.js +0 -27
- package/dist/esm/components/Icons/collection/VolumeOff.js.map +0 -1
- package/dist/esm/components/Icons/collection/Warning.js +0 -27
- package/dist/esm/components/Icons/collection/Warning.js.map +0 -1
- package/dist/esm/components/Icons/collection/WarningTriangle.js +0 -27
- package/dist/esm/components/Icons/collection/WarningTriangle.js.map +0 -1
- package/dist/esm/components/Icons/collection/WarningTriangleSmall.js +0 -27
- package/dist/esm/components/Icons/collection/WarningTriangleSmall.js.map +0 -1
- package/dist/esm/components/Icons/collection/Workload.js +0 -31
- package/dist/esm/components/Icons/collection/Workload.js.map +0 -1
- package/dist/esm/components/Input/Input.js +0 -32
- package/dist/esm/components/Input/Input.js.map +0 -1
- package/dist/esm/components/Input/Styles.js +0 -24
- package/dist/esm/components/Input/Styles.js.map +0 -1
- package/dist/esm/components/Label/Label.js +0 -39
- package/dist/esm/components/Label/Label.js.map +0 -1
- package/dist/esm/components/Label/Styles.js +0 -40
- package/dist/esm/components/Label/Styles.js.map +0 -1
- package/dist/esm/components/Links/BackLink.js +0 -31
- package/dist/esm/components/Links/BackLink.js.map +0 -1
- package/dist/esm/components/Links/Link.js +0 -58
- package/dist/esm/components/Links/Link.js.map +0 -1
- package/dist/esm/components/Links/Styles.js +0 -87
- package/dist/esm/components/Links/Styles.js.map +0 -1
- package/dist/esm/components/List/List.js +0 -26
- package/dist/esm/components/List/List.js.map +0 -1
- package/dist/esm/components/List/ListItem.js +0 -27
- package/dist/esm/components/List/ListItem.js.map +0 -1
- package/dist/esm/components/List/ListSeparator.js +0 -15
- package/dist/esm/components/List/ListSeparator.js.map +0 -1
- package/dist/esm/components/List/Styles.js +0 -38
- package/dist/esm/components/List/Styles.js.map +0 -1
- package/dist/esm/components/Loaders/Dots/DotsLoader.js +0 -27
- package/dist/esm/components/Loaders/Dots/DotsLoader.js.map +0 -1
- package/dist/esm/components/Loaders/Dots/Styles.js +0 -10
- package/dist/esm/components/Loaders/Dots/Styles.js.map +0 -1
- package/dist/esm/components/Loaders/Linear/LinearLoader.js +0 -25
- package/dist/esm/components/Loaders/Linear/LinearLoader.js.map +0 -1
- package/dist/esm/components/Loaders/Linear/Styles.js +0 -10
- package/dist/esm/components/Loaders/Linear/Styles.js.map +0 -1
- package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js +0 -37
- package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js.map +0 -1
- package/dist/esm/components/Loaders/Spinner/Styles.js +0 -11
- package/dist/esm/components/Loaders/Spinner/Styles.js.map +0 -1
- package/dist/esm/components/Menu/Menu.js +0 -109
- package/dist/esm/components/Menu/Menu.js.map +0 -1
- package/dist/esm/components/Menu/MenuFooter.js +0 -27
- package/dist/esm/components/Menu/MenuFooter.js.map +0 -1
- package/dist/esm/components/Menu/MenuHeader.js +0 -47
- package/dist/esm/components/Menu/MenuHeader.js.map +0 -1
- package/dist/esm/components/Menu/Styles.js +0 -49
- package/dist/esm/components/Menu/Styles.js.map +0 -1
- package/dist/esm/components/Menu/context/index.js +0 -11
- package/dist/esm/components/Menu/context/index.js.map +0 -1
- package/dist/esm/components/MenuSelector/MenuSelector.js +0 -50
- package/dist/esm/components/MenuSelector/MenuSelector.js.map +0 -1
- package/dist/esm/components/MenuSelector/Styles.js +0 -42
- package/dist/esm/components/MenuSelector/Styles.js.map +0 -1
- package/dist/esm/components/Modal/Modal.js +0 -107
- package/dist/esm/components/Modal/Modal.js.map +0 -1
- package/dist/esm/components/Modal/Styles.js +0 -17
- package/dist/esm/components/Modal/Styles.js.map +0 -1
- package/dist/esm/components/MultiAvatar/MultiAvatar.js +0 -77
- package/dist/esm/components/MultiAvatar/MultiAvatar.js.map +0 -1
- package/dist/esm/components/MultiAvatar/Styles.js +0 -23
- package/dist/esm/components/MultiAvatar/Styles.js.map +0 -1
- package/dist/esm/components/Nav/Item/Item.js +0 -38
- package/dist/esm/components/Nav/Item/Item.js.map +0 -1
- package/dist/esm/components/Nav/Item/Styles.js +0 -15
- package/dist/esm/components/Nav/Item/Styles.js.map +0 -1
- package/dist/esm/components/Nav/Nav.js +0 -327
- package/dist/esm/components/Nav/Nav.js.map +0 -1
- package/dist/esm/components/Nav/Styles.js +0 -97
- package/dist/esm/components/Nav/Styles.js.map +0 -1
- package/dist/esm/components/Overlay/Overlay.js +0 -24
- package/dist/esm/components/Overlay/Overlay.js.map +0 -1
- package/dist/esm/components/Overlay/Styles.js +0 -10
- package/dist/esm/components/Overlay/Styles.js.map +0 -1
- package/dist/esm/components/Paper/Paper.js +0 -46
- package/dist/esm/components/Paper/Paper.js.map +0 -1
- package/dist/esm/components/Paper/Styles.js +0 -16
- package/dist/esm/components/Paper/Styles.js.map +0 -1
- package/dist/esm/components/Pickers/NavBarElement.js +0 -49
- package/dist/esm/components/Pickers/NavBarElement.js.map +0 -1
- package/dist/esm/components/Pickers/Styles.js +0 -77
- package/dist/esm/components/Pickers/Styles.js.map +0 -1
- package/dist/esm/components/Pickers/YearMonthPicker.js +0 -73
- package/dist/esm/components/Pickers/YearMonthPicker.js.map +0 -1
- package/dist/esm/components/Popper/Popper.js +0 -123
- package/dist/esm/components/Popper/Popper.js.map +0 -1
- package/dist/esm/components/Pressed/Pressed.js +0 -37
- package/dist/esm/components/Pressed/Pressed.js.map +0 -1
- package/dist/esm/components/Pressed/Styles.js +0 -15
- package/dist/esm/components/Pressed/Styles.js.map +0 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js +0 -37
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +0 -1
- package/dist/esm/components/ProgressBar/Styles.js +0 -20
- package/dist/esm/components/ProgressBar/Styles.js.map +0 -1
- package/dist/esm/components/RadioButton/RadioButton.js +0 -47
- package/dist/esm/components/RadioButton/RadioButton.js.map +0 -1
- package/dist/esm/components/RadioButton/Styles.js +0 -31
- package/dist/esm/components/RadioButton/Styles.js.map +0 -1
- package/dist/esm/components/Reactions/collection/ApplauseIcon.js +0 -44
- package/dist/esm/components/Reactions/collection/ApplauseIcon.js.map +0 -1
- package/dist/esm/components/Reactions/collection/HeartIcon.js +0 -39
- package/dist/esm/components/Reactions/collection/HeartIcon.js.map +0 -1
- package/dist/esm/components/Reactions/collection/PartyIcon.js +0 -73
- package/dist/esm/components/Reactions/collection/PartyIcon.js.map +0 -1
- package/dist/esm/components/Reactions/collection/SmileIcon.js +0 -66
- package/dist/esm/components/Reactions/collection/SmileIcon.js.map +0 -1
- package/dist/esm/components/Reactions/collection/ThinkingIcon.js +0 -76
- package/dist/esm/components/Reactions/collection/ThinkingIcon.js.map +0 -1
- package/dist/esm/components/Reactions/collection/ThumbsDownIcon.js +0 -52
- package/dist/esm/components/Reactions/collection/ThumbsDownIcon.js.map +0 -1
- package/dist/esm/components/Reactions/collection/ThumbsUpIcon.js +0 -51
- package/dist/esm/components/Reactions/collection/ThumbsUpIcon.js.map +0 -1
- package/dist/esm/components/ScaleBar/ScaleBar.js +0 -20
- package/dist/esm/components/ScaleBar/ScaleBar.js.map +0 -1
- package/dist/esm/components/ScaleBar/Styles.js +0 -22
- package/dist/esm/components/ScaleBar/Styles.js.map +0 -1
- package/dist/esm/components/ScrollShadow/ScrollElement.js +0 -34
- package/dist/esm/components/ScrollShadow/ScrollElement.js.map +0 -1
- package/dist/esm/components/ScrollShadow/ScrollShadow.js +0 -117
- package/dist/esm/components/ScrollShadow/ScrollShadow.js.map +0 -1
- package/dist/esm/components/ScrollShadow/Styles.js +0 -56
- package/dist/esm/components/ScrollShadow/Styles.js.map +0 -1
- package/dist/esm/components/Select/Option/Option.js +0 -30
- package/dist/esm/components/Select/Option/Option.js.map +0 -1
- package/dist/esm/components/Select/Option/Styles.js +0 -17
- package/dist/esm/components/Select/Option/Styles.js.map +0 -1
- package/dist/esm/components/Select/OptionContent/OptionContent.js +0 -29
- package/dist/esm/components/Select/OptionContent/OptionContent.js.map +0 -1
- package/dist/esm/components/Select/OptionContent/Styles.js +0 -23
- package/dist/esm/components/Select/OptionContent/Styles.js.map +0 -1
- package/dist/esm/components/Select/OptionGroup/OptionGroup.js +0 -77
- package/dist/esm/components/Select/OptionGroup/OptionGroup.js.map +0 -1
- package/dist/esm/components/Select/OptionGroup/Styles.js +0 -26
- package/dist/esm/components/Select/OptionGroup/Styles.js.map +0 -1
- package/dist/esm/components/Select/Select.js +0 -244
- package/dist/esm/components/Select/Select.js.map +0 -1
- package/dist/esm/components/Select/Styles.js +0 -16
- package/dist/esm/components/Select/Styles.js.map +0 -1
- package/dist/esm/components/SelectDate/DatePickerForm.js +0 -98
- package/dist/esm/components/SelectDate/DatePickerForm.js.map +0 -1
- package/dist/esm/components/SelectDate/SelectDate.js +0 -424
- package/dist/esm/components/SelectDate/SelectDate.js.map +0 -1
- package/dist/esm/components/SelectDate/SelectDateTarget.js +0 -42
- package/dist/esm/components/SelectDate/SelectDateTarget.js.map +0 -1
- package/dist/esm/components/SelectDate/Styles.js +0 -81
- package/dist/esm/components/SelectDate/Styles.js.map +0 -1
- package/dist/esm/components/Sheet/Sheet.js +0 -136
- package/dist/esm/components/Sheet/Sheet.js.map +0 -1
- package/dist/esm/components/Sheet/Styles.js +0 -84
- package/dist/esm/components/Sheet/Styles.js.map +0 -1
- package/dist/esm/components/Signifier/Signifier.js +0 -90
- package/dist/esm/components/Signifier/Signifier.js.map +0 -1
- package/dist/esm/components/Signifier/Styles.js +0 -35
- package/dist/esm/components/Signifier/Styles.js.map +0 -1
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js +0 -314
- package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map +0 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.js +0 -78
- package/dist/esm/components/Steppers/DateStepper/Styles.js.map +0 -1
- package/dist/esm/components/Steppers/Steps/Steps.js +0 -45
- package/dist/esm/components/Steppers/Steps/Steps.js.map +0 -1
- package/dist/esm/components/Steppers/Steps/Styles.js +0 -19
- package/dist/esm/components/Steppers/Steps/Styles.js.map +0 -1
- package/dist/esm/components/Tables/DataTable.js +0 -428
- package/dist/esm/components/Tables/DataTable.js.map +0 -1
- package/dist/esm/components/Tables/Styles.js +0 -161
- package/dist/esm/components/Tables/Styles.js.map +0 -1
- package/dist/esm/components/Tables/Table.js +0 -43
- package/dist/esm/components/Tables/Table.js.map +0 -1
- package/dist/esm/components/Textarea/Styles.js +0 -24
- package/dist/esm/components/Textarea/Styles.js.map +0 -1
- package/dist/esm/components/Textarea/Textarea.js +0 -30
- package/dist/esm/components/Textarea/Textarea.js.map +0 -1
- package/dist/esm/components/Toggle/Styles.js +0 -35
- package/dist/esm/components/Toggle/Styles.js.map +0 -1
- package/dist/esm/components/Toggle/Toggle.js +0 -36
- package/dist/esm/components/Toggle/Toggle.js.map +0 -1
- package/dist/esm/components/Tooltip/Styles.js +0 -13
- package/dist/esm/components/Tooltip/Styles.js.map +0 -1
- package/dist/esm/components/Tooltip/Tooltip.js +0 -118
- package/dist/esm/components/Tooltip/Tooltip.js.map +0 -1
- package/dist/esm/components/Transitions/Fade/Fade.js +0 -58
- package/dist/esm/components/Transitions/Fade/Fade.js.map +0 -1
- package/dist/esm/components/Transitions/FromElement/FromElement.js +0 -63
- package/dist/esm/components/Transitions/FromElement/FromElement.js.map +0 -1
- package/dist/esm/components/Transitions/ResizeTransition/ResizeTransition.js +0 -43
- package/dist/esm/components/Transitions/ResizeTransition/ResizeTransition.js.map +0 -1
- package/dist/esm/components/Transitions/Reveal/Reveal.js +0 -62
- package/dist/esm/components/Transitions/Reveal/Reveal.js.map +0 -1
- package/dist/esm/components/Transitions/Scale/Scale.js +0 -48
- package/dist/esm/components/Transitions/Scale/Scale.js.map +0 -1
- package/dist/esm/components/Transitions/Slide/Slide.js +0 -77
- package/dist/esm/components/Transitions/Slide/Slide.js.map +0 -1
- package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.js +0 -64
- package/dist/esm/components/Transitions/SlideFromTop/SlideFromTop.js.map +0 -1
- package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js +0 -30
- package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js.map +0 -1
- package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js +0 -15
- package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js.map +0 -1
- package/dist/esm/components/Typography/Styles.js +0 -124
- package/dist/esm/components/Typography/Styles.js.map +0 -1
- package/dist/esm/components/Typography/Typography.js +0 -73
- package/dist/esm/components/Typography/Typography.js.map +0 -1
- package/dist/esm/components/Typography/Variants/Body1.js +0 -29
- package/dist/esm/components/Typography/Variants/Body1.js.map +0 -1
- package/dist/esm/components/Typography/Variants/Body2.js +0 -29
- package/dist/esm/components/Typography/Variants/Body2.js.map +0 -1
- package/dist/esm/components/Typography/Variants/Caption1.js +0 -29
- package/dist/esm/components/Typography/Variants/Caption1.js.map +0 -1
- package/dist/esm/components/Typography/Variants/Caption2.js +0 -29
- package/dist/esm/components/Typography/Variants/Caption2.js.map +0 -1
- package/dist/esm/components/Typography/Variants/Header2.js +0 -27
- package/dist/esm/components/Typography/Variants/Header2.js.map +0 -1
- package/dist/esm/components/Typography/Variants/Header3.js +0 -27
- package/dist/esm/components/Typography/Variants/Header3.js.map +0 -1
- package/dist/esm/components/Typography/Variants/Title1.js +0 -29
- package/dist/esm/components/Typography/Variants/Title1.js.map +0 -1
- package/dist/esm/components/ValueButton/Styles.js +0 -30
- package/dist/esm/components/ValueButton/Styles.js.map +0 -1
- package/dist/esm/components/ValueButton/ValueButton.js +0 -48
- package/dist/esm/components/ValueButton/ValueButton.js.map +0 -1
- package/dist/esm/components/Window/Style.js +0 -12
- package/dist/esm/components/Window/Style.js.map +0 -1
- package/dist/esm/components/Window/Window.js +0 -84
- package/dist/esm/components/Window/Window.js.map +0 -1
- package/dist/esm/helpers/LayerContext/LayerContext.js +0 -12
- package/dist/esm/helpers/LayerContext/LayerContext.js.map +0 -1
- package/dist/esm/helpers/Portal/Portal.js +0 -12
- package/dist/esm/helpers/Portal/Portal.js.map +0 -1
- package/dist/esm/hooks/useHeight.js +0 -29
- package/dist/esm/hooks/useHeight.js.map +0 -1
- package/dist/esm/hooks/useHighlightText.js +0 -39
- package/dist/esm/hooks/useHighlightText.js.map +0 -1
- package/dist/esm/hooks/useInitScrollRef.js +0 -18
- package/dist/esm/hooks/useInitScrollRef.js.map +0 -1
- package/dist/esm/index.js +0 -219
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/utils/createChainedFunction.js +0 -24
- package/dist/esm/utils/createChainedFunction.js.map +0 -1
- package/dist/esm/utils/setRef.js +0 -10
- package/dist/esm/utils/setRef.js.map +0 -1
- package/dist/esm/utils/useForkRef.js +0 -14
- package/dist/esm/utils/useForkRef.js.map +0 -1
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import { cloneElement } from 'react';
|
|
3
|
-
import { Transition } from 'react-transition-group';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
9
|
-
|
|
10
|
-
var defaultStyle = function defaultStyle(duration) {
|
|
11
|
-
return {
|
|
12
|
-
transition: "all ".concat(duration, "ms ease-in"),
|
|
13
|
-
transform: "scaleX(0)",
|
|
14
|
-
opacity: 0,
|
|
15
|
-
transformOrigin: "left"
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
var transitionStyles = {
|
|
20
|
-
entering: {
|
|
21
|
-
transform: "scaleX(1)",
|
|
22
|
-
opacity: 1
|
|
23
|
-
},
|
|
24
|
-
entered: {
|
|
25
|
-
transform: "scaleX(1)",
|
|
26
|
-
opacity: 1
|
|
27
|
-
},
|
|
28
|
-
exiting: {
|
|
29
|
-
transform: "scaleX(0)",
|
|
30
|
-
opacity: 0
|
|
31
|
-
},
|
|
32
|
-
exited: {
|
|
33
|
-
transform: "scaleX(0)",
|
|
34
|
-
opacity: 0
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
var Reveal = function Reveal(_ref) {
|
|
38
|
-
var _ref$in = _ref.in,
|
|
39
|
-
inProp = _ref$in === void 0 ? false : _ref$in,
|
|
40
|
-
onEnter = _ref.onEnter,
|
|
41
|
-
onExited = _ref.onExited,
|
|
42
|
-
_children = _ref.children,
|
|
43
|
-
style = _ref.style,
|
|
44
|
-
_ref$timeout = _ref.timeout,
|
|
45
|
-
timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
|
|
46
|
-
return /*#__PURE__*/jsx(Transition, {
|
|
47
|
-
appear: true,
|
|
48
|
-
in: inProp,
|
|
49
|
-
timeout: timeout,
|
|
50
|
-
onEnter: onEnter,
|
|
51
|
-
onExited: onExited,
|
|
52
|
-
children: function children(state) {
|
|
53
|
-
return /*#__PURE__*/cloneElement(_children, {
|
|
54
|
-
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle(inProp ? timeout : 0)), transitionStyles[state]), style), _children.props.style)
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
Reveal.displayName = "Reveal";
|
|
60
|
-
|
|
61
|
-
export { Reveal };
|
|
62
|
-
//# sourceMappingURL=Reveal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Reveal.js","sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{\n transition: string;\n transform: string;\n transformOrigin: string;\n opacity: number;\n}> => ({\n transition: `all ${duration}ms ease-in`,\n transform: `scaleX(0)`,\n opacity: 0,\n transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n entering: { transform: `scaleX(1)`, opacity: 1 },\n entered: { transform: `scaleX(1)`, opacity: 1 },\n exiting: { transform: `scaleX(0)`, opacity: 0 },\n exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle(inProp ? timeout : 0),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nReveal.displayName = \"Reveal\";\n"],"names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,gBAASD,QAAT,eADL;AAELE,IAAAA,SAAS,aAFJ;AAGLC,IAAAA,OAAO,EAAE,CAHJ;AAILC,IAAAA,eAAe,EAAE;AAJZ,GAPc;AAAA,CAArB;;AAcA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEJ,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GADa;AAEvBI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAFc;AAGvBK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAHc;AAIvBM,EAAAA,MAAM,EAAE;AAAEP,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC;AAJe,CAAzB;IAOaO,MAAwB,GAAG,SAA3BA,MAA2B,OAOlC;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,sBACEC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAjB,YAAY,CAACa,MAAM,GAAGK,OAAH,GAAa,CAApB,CADZ,GAEAZ,gBAAgB,CAACc,KAAD,CAFhB,GAGAH,KAHA,GAIAD,SAAQ,CAACM,KAAT,CAAeL,KAJf;AADuB,OAAX,CAAnB;AAQD;AAhBH,IADF;AAoBD;AAEDN,MAAM,CAACY,WAAP,GAAqB,QAArB;;;;"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import { useMemo, cloneElement } from 'react';
|
|
3
|
-
import { Transition } from 'react-transition-group';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
9
|
-
var transitionStyles = {
|
|
10
|
-
entered: {
|
|
11
|
-
transform: "scale(1)"
|
|
12
|
-
},
|
|
13
|
-
exiting: {
|
|
14
|
-
transform: "scale(0)"
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
var Scale = function Scale(_ref) {
|
|
18
|
-
var _ref$in = _ref.in,
|
|
19
|
-
inProp = _ref$in === void 0 ? false : _ref$in,
|
|
20
|
-
onEnter = _ref.onEnter,
|
|
21
|
-
onExited = _ref.onExited,
|
|
22
|
-
_children = _ref.children,
|
|
23
|
-
style = _ref.style,
|
|
24
|
-
_ref$timeout = _ref.timeout,
|
|
25
|
-
timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
|
|
26
|
-
var defaultStyle = useMemo(function () {
|
|
27
|
-
return {
|
|
28
|
-
transitionProperty: "transform",
|
|
29
|
-
transitionDuration: "".concat(timeout, "ms"),
|
|
30
|
-
transform: "scale(0)"
|
|
31
|
-
};
|
|
32
|
-
}, [timeout]);
|
|
33
|
-
return /*#__PURE__*/jsx(Transition, {
|
|
34
|
-
in: inProp,
|
|
35
|
-
timeout: timeout,
|
|
36
|
-
onEnter: onEnter,
|
|
37
|
-
onExited: onExited,
|
|
38
|
-
children: function children(state) {
|
|
39
|
-
return /*#__PURE__*/cloneElement(_children, {
|
|
40
|
-
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]), style), _children.props.style)
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
Scale.displayName = "Scale";
|
|
46
|
-
|
|
47
|
-
export { Scale };
|
|
48
|
-
//# sourceMappingURL=Scale.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Scale.js","sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n children: ReactElement;\n}\n\nconst transitionStyles = {\n entered: { transform: \"scale(1)\" },\n exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n const defaultStyle = useMemo(() => {\n return {\n transitionProperty: \"transform\",\n transitionDuration: `${timeout}ms`,\n transform: \"scale(0)\",\n };\n }, [timeout]);\n\n return (\n <Transition\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nScale.displayName = \"Scale\";\n"],"names":["transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;AAQA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;IAKaE,KAAiB,GAAG,SAApBA,KAAoB,OAO3B;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGC,OAAO,CAAC,YAAM;AACjC,WAAO;AACLC,MAAAA,kBAAkB,EAAE,WADf;AAELC,MAAAA,kBAAkB,YAAKJ,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GAN2B,EAMzB,CAACS,OAAD,CANyB,CAA5B;AAQA,sBACEK,IAAC,UAAD;AACE,IAAA,EAAE,EAAEV,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAAA,cAMG,kBAACS,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACT,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAE,YADA,GAEAZ,gBAAgB,CAACiB,KAAD,CAFhB,GAGAP,KAHA,GAIAD,SAAQ,CAACU,KAAT,CAAeT,KAJf;AADuB,OAAX,CAAnB;AAQD;AAfH,IADF;AAmBD;AAEDN,KAAK,CAACgB,WAAN,GAAoB,OAApB;;;;"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import { cloneElement } from 'react';
|
|
3
|
-
import { Transition } from 'react-transition-group';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
9
|
-
var Slide = function Slide(_ref) {
|
|
10
|
-
var _ref$in = _ref.in,
|
|
11
|
-
inProp = _ref$in === void 0 ? false : _ref$in,
|
|
12
|
-
onEnter = _ref.onEnter,
|
|
13
|
-
onExited = _ref.onExited,
|
|
14
|
-
_children = _ref.children,
|
|
15
|
-
style = _ref.style,
|
|
16
|
-
_ref$timeout = _ref.timeout,
|
|
17
|
-
timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
|
|
18
|
-
_ref$initialDirection = _ref.initialDirection,
|
|
19
|
-
initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection;
|
|
20
|
-
var directionSign;
|
|
21
|
-
|
|
22
|
-
switch (initialDirection) {
|
|
23
|
-
case "right":
|
|
24
|
-
directionSign = "100%, 0";
|
|
25
|
-
break;
|
|
26
|
-
|
|
27
|
-
case "top":
|
|
28
|
-
directionSign = "0, -100%";
|
|
29
|
-
break;
|
|
30
|
-
|
|
31
|
-
case "bottom":
|
|
32
|
-
directionSign = "0, 100%";
|
|
33
|
-
break;
|
|
34
|
-
|
|
35
|
-
default:
|
|
36
|
-
directionSign = "-100%, 0";
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
var defaultStyle = function defaultStyle(timeout) {
|
|
40
|
-
return {
|
|
41
|
-
transition: "all ".concat(timeout, "ms ease")
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
var transitionStyles = {
|
|
46
|
-
entering: {
|
|
47
|
-
transform: "translate(0,0)"
|
|
48
|
-
},
|
|
49
|
-
entered: {
|
|
50
|
-
transform: "translate(0,0)"
|
|
51
|
-
},
|
|
52
|
-
exiting: {
|
|
53
|
-
transform: "translate(".concat(directionSign, ")")
|
|
54
|
-
},
|
|
55
|
-
exited: {
|
|
56
|
-
transform: "translate(".concat(directionSign, ")")
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
return /*#__PURE__*/jsx(Transition, {
|
|
60
|
-
appear: true,
|
|
61
|
-
in: inProp,
|
|
62
|
-
timeout: timeout,
|
|
63
|
-
onEnter: onEnter,
|
|
64
|
-
onExited: onExited,
|
|
65
|
-
children: function children(state) {
|
|
66
|
-
return /*#__PURE__*/cloneElement(_children, {
|
|
67
|
-
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
68
|
-
visibility: state === "exited" && !inProp ? "hidden" : undefined
|
|
69
|
-
}, defaultStyle(timeout)), transitionStyles[state]), style), _children.props.style)
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
};
|
|
74
|
-
Slide.displayName = "Slide";
|
|
75
|
-
|
|
76
|
-
export { Slide };
|
|
77
|
-
//# sourceMappingURL=Slide.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slide.js","sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 300,\n initialDirection = \"left\",\n}) => {\n let directionSign: string;\n\n switch (initialDirection) {\n case \"right\":\n directionSign = \"100%, 0\";\n break;\n case \"top\":\n directionSign = \"0, -100%\";\n break;\n case \"bottom\":\n directionSign = \"0, 100%\";\n break;\n default:\n directionSign = \"-100%, 0\";\n }\n\n const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n transition: `all ${timeout}ms ease`,\n });\n\n const transitionStyles = {\n entering: {\n transform: `translate(0,0)`,\n },\n entered: {\n transform: `translate(0,0)`,\n },\n exiting: {\n transform: `translate(${directionSign})`,\n },\n exited: {\n transform: `translate(${directionSign})`,\n },\n };\n\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle(timeout),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nSlide.displayName = \"Slide\";\n"],"names":["Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;IAUaA,KAAiB,GAAG,SAApBA,KAAoB,OAQ3B;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,SAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,mCADJC,gBACI;AAAA,MADJA,gBACI,sCADe,MACf;AACJ,MAAIC,aAAJ;;AAEA,UAAQD,gBAAR;AACE,SAAK,OAAL;AACEC,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF,SAAK,KAAL;AACEA,MAAAA,aAAa,GAAG,UAAhB;AACA;;AACF,SAAK,QAAL;AACEA,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF;AACEA,MAAAA,aAAa,GAAG,UAAhB;AAXJ;;AAcA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACH,OAAD;AAAA,WAAuD;AAC1EI,MAAAA,UAAU,gBAASJ,OAAT;AADgE,KAAvD;AAAA,GAArB;;AAIA,MAAMK,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS;AADD,KADa;AAIvBC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS;AADF,KAJc;AAOvBE,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,sBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,sBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACES,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEhB,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACe,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACf,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHe,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACjB,MAAvB,GAAgC,QAAhC,GAA2CoB;AADpD,WAEAZ,YAAY,CAACH,OAAD,CAFZ,GAGAK,gBAAgB,CAACO,KAAD,CAHhB,GAIAb,KAJA,GAKAD,SAAQ,CAACkB,KAAT,CAAejB,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IADF;AAqBD;AAEDN,KAAK,CAACwB,WAAN,GAAoB,OAApB;;;;"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import { cloneElement } from 'react';
|
|
3
|
-
import { Transition } from 'react-transition-group';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
9
|
-
var defaultStyle = {
|
|
10
|
-
transitionProperty: "opacity, transform",
|
|
11
|
-
transitionTimingFunction: "linear ease-out",
|
|
12
|
-
transform: "translateY(-100%)",
|
|
13
|
-
opacity: 0
|
|
14
|
-
};
|
|
15
|
-
var transitionStyles = {
|
|
16
|
-
entering: {
|
|
17
|
-
opacity: 1,
|
|
18
|
-
transform: "translateY(0)",
|
|
19
|
-
transitionDuration: ".3s"
|
|
20
|
-
},
|
|
21
|
-
entered: {
|
|
22
|
-
opacity: 1,
|
|
23
|
-
transform: "translateY(0)",
|
|
24
|
-
transitionDuration: ".3s"
|
|
25
|
-
},
|
|
26
|
-
exiting: {
|
|
27
|
-
opacity: 0,
|
|
28
|
-
transform: "translateY(-100%)",
|
|
29
|
-
transitionDuration: ".2s"
|
|
30
|
-
},
|
|
31
|
-
exited: {
|
|
32
|
-
opacity: 0,
|
|
33
|
-
transform: "translateY(-100%)",
|
|
34
|
-
transitionDuration: ".2s"
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
var SlideFromTop = function SlideFromTop(_ref) {
|
|
38
|
-
var _ref$in = _ref.in,
|
|
39
|
-
inProp = _ref$in === void 0 ? false : _ref$in,
|
|
40
|
-
onEnter = _ref.onEnter,
|
|
41
|
-
onExited = _ref.onExited,
|
|
42
|
-
_children = _ref.children,
|
|
43
|
-
style = _ref.style,
|
|
44
|
-
_ref$timeout = _ref.timeout,
|
|
45
|
-
timeout = _ref$timeout === void 0 ? 400 : _ref$timeout;
|
|
46
|
-
return /*#__PURE__*/jsx(Transition, {
|
|
47
|
-
appear: true,
|
|
48
|
-
in: inProp,
|
|
49
|
-
timeout: timeout,
|
|
50
|
-
onEnter: onEnter,
|
|
51
|
-
onExited: onExited,
|
|
52
|
-
children: function children(state) {
|
|
53
|
-
return /*#__PURE__*/cloneElement(_children, {
|
|
54
|
-
style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
55
|
-
visibility: state === "exited" && !inProp ? "hidden" : undefined
|
|
56
|
-
}, defaultStyle), transitionStyles[state]), style), _children.props.style)
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
SlideFromTop.displayName = "SlideFromTop";
|
|
62
|
-
|
|
63
|
-
export { SlideFromTop };
|
|
64
|
-
//# sourceMappingURL=SlideFromTop.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideFromTop.js","sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = {\n transitionProperty: \"opacity, transform\",\n transitionTimingFunction: \"linear ease-out\",\n transform: \"translateY(-100%)\",\n opacity: 0,\n};\n\nconst transitionStyles = {\n entering: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n entered: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n exiting: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n exited: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 400,\n}) => (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n);\n\nSlideFromTop.displayName = \"SlideFromTop\";\n"],"names":["defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,wBAAwB,EAAE,iBAFP;AAGnBC,EAAAA,SAAS,EAAE,mBAHQ;AAInBC,EAAAA,OAAO,EAAE;AAJU,CAArB;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,OAAO,EAAE,CADD;AAERD,IAAAA,SAAS,EAAE,eAFH;AAGRI,IAAAA,kBAAkB,EAAE;AAHZ,GADa;AAMvBC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,eAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GANc;AAWvBE,EAAAA,OAAO,EAAE;AACPL,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,mBAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GAXc;AAgBvBG,EAAAA,MAAM,EAAE;AACNN,IAAAA,OAAO,EAAE,CADH;AAEND,IAAAA,SAAS,EAAE,mBAFL;AAGNI,IAAAA,kBAAkB,EAAE;AAHd;AAhBe,CAAzB;IAuBaI,YAA+B,GAAG,SAAlCA,YAAkC;AAAA,qBAC7CC,EAD6C;AAAA,MACzCC,MADyC,wBAChC,KADgC;AAAA,MAE7CC,OAF6C,QAE7CA,OAF6C;AAAA,MAG7CC,QAH6C,QAG7CA,QAH6C;AAAA,MAI7CC,SAJ6C,QAI7CA,QAJ6C;AAAA,MAK7CC,KAL6C,QAK7CA,KAL6C;AAAA,0BAM7CC,OAN6C;AAAA,MAM7CA,OAN6C,6BAMnC,GANmC;AAAA,sBAQ7CC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHK,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACP,MAAvB,GAAgC,QAAhC,GAA2CU;AADpD,WAEAvB,YAFA,GAGAK,gBAAgB,CAACe,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IAR6C;AAAA;AA6B/CN,YAAY,CAACc,WAAb,GAA2B,cAA3B;;;;"}
|
package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { StyledSlideLeftRightTransition } from './Styles.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var _excluded = ["children", "direction"];
|
|
8
|
-
|
|
9
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
10
|
-
|
|
11
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
12
|
-
var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
|
|
13
|
-
var children = _ref.children,
|
|
14
|
-
_ref$direction = _ref.direction,
|
|
15
|
-
direction = _ref$direction === void 0 ? "left" : _ref$direction,
|
|
16
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
-
|
|
18
|
-
return /*#__PURE__*/jsx(StyledSlideLeftRightTransition, _objectSpread(_objectSpread({
|
|
19
|
-
timeout: 200,
|
|
20
|
-
classNames: "c-slide",
|
|
21
|
-
unmountOnExit: true,
|
|
22
|
-
$direction: direction
|
|
23
|
-
}, props), {}, {
|
|
24
|
-
children: children
|
|
25
|
-
}));
|
|
26
|
-
};
|
|
27
|
-
SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
|
|
28
|
-
|
|
29
|
-
export { SlideLeftRightTransition };
|
|
30
|
-
//# sourceMappingURL=SlideLeftRightTransition.js.map
|
package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideLeftRightTransition.js","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n children: ReactElement;\n direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n children,\n direction = \"left\",\n ...props\n}) => {\n return (\n <StyledSlideLeftRightTransition\n timeout={200}\n classNames=\"c-slide\"\n unmountOnExit\n $direction={direction}\n {...props}\n >\n {children}\n </StyledSlideLeftRightTransition>\n );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"names":["SlideLeftRightTransition","children","direction","props","_jsx","displayName"],"mappings":";;;;;;;;;;;IASaA,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAEF;AAJd,KAKMC,KALN;AAAA,cAOGF;AAPH,KADF;AAWD;AAEDD,wBAAwB,CAACK,WAAzB,GAAuC,0BAAvC;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import styled, { css } from 'styled-components';
|
|
2
|
-
import { CSSTransition } from 'react-transition-group';
|
|
3
|
-
|
|
4
|
-
var StyledSlideLeftRightTransition = styled(CSSTransition).withConfig({
|
|
5
|
-
displayName: "Styles__StyledSlideLeftRightTransition",
|
|
6
|
-
componentId: "sc-ewkpq8-0"
|
|
7
|
-
})(["", " ", ""], function (props) {
|
|
8
|
-
return props.$direction === "left" && css(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
|
|
9
|
-
}, function (props) {
|
|
10
|
-
return props.$direction === "right" && css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
|
|
11
|
-
});
|
|
12
|
-
StyledSlideLeftRightTransition.displayName = "StyledSlideLeftRightTransition";
|
|
13
|
-
|
|
14
|
-
export { StyledSlideLeftRightTransition };
|
|
15
|
-
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n $direction: \"left\" | \"right\";\n}>`\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n &.c-slide-exit {\n position: absolute;\n }\n &.c-slide-exit-active {\n transform: translateX(-100%);\n transition: all 200ms ease;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(-100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n\n &.c-slide-exit {\n position: absolute;\n }\n\n &.c-slide-exit-active {\n transform: translateX(100%);\n transition: all 200ms ease;\n }\n `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n"],"names":["StyledSlideLeftRightTransition","styled","CSSTransition","props","$direction","css","displayName"],"mappings":";;;IAGaA,8BAA8B,GAAGC,MAAM,CAACC,aAAD,CAAT;AAAA;AAAA;AAAA,kBAGvC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAC,GADA,8PADA;AAAA,CAHuC,EAuBvC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,IACAC,GADA,8PADA;AAAA,CAvBuC;AA8C3CL,8BAA8B,CAACM,WAA/B,GAA6C,gCAA7C;;;;"}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import styled, { css } from 'styled-components';
|
|
2
|
-
import { BoxSizingStyle } from '../BoxSizingStyle.js';
|
|
3
|
-
import { FontStyle } from '../FontStyle.js';
|
|
4
|
-
|
|
5
|
-
var colors = {
|
|
6
|
-
primary: {
|
|
7
|
-
"color": "var(--color-theme-900)"
|
|
8
|
-
},
|
|
9
|
-
secondary: {
|
|
10
|
-
"color": "var(--color-theme-700)"
|
|
11
|
-
},
|
|
12
|
-
tertiary: {
|
|
13
|
-
"color": "var(--color-theme-600)"
|
|
14
|
-
},
|
|
15
|
-
quaternary: {
|
|
16
|
-
"color": "var(--color-theme-600)",
|
|
17
|
-
"opacity": "0.5"
|
|
18
|
-
},
|
|
19
|
-
"theme-primary": {
|
|
20
|
-
"color": "var(--color-primary)"
|
|
21
|
-
},
|
|
22
|
-
"theme-secondary": {
|
|
23
|
-
"color": "var(--color-secondary)"
|
|
24
|
-
},
|
|
25
|
-
"page-paper": {
|
|
26
|
-
"color": "var(--page-paper-main)"
|
|
27
|
-
},
|
|
28
|
-
"only-white": {
|
|
29
|
-
"color": "var(--only-white)"
|
|
30
|
-
},
|
|
31
|
-
"only-black": {
|
|
32
|
-
"color": "var(--only-black)"
|
|
33
|
-
},
|
|
34
|
-
success: {
|
|
35
|
-
"color": "var(--color-sucess-green)"
|
|
36
|
-
},
|
|
37
|
-
alert: {
|
|
38
|
-
"color": "var(--red-alert)"
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
var StyledTypography = styled.div.withConfig({
|
|
42
|
-
displayName: "Styles__StyledTypography",
|
|
43
|
-
componentId: "sc-mskw5w-0"
|
|
44
|
-
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
|
|
45
|
-
return colors[props.$color];
|
|
46
|
-
}, function (props) {
|
|
47
|
-
return props.$variant === "Title 1" && css(["font-size:2rem;"]);
|
|
48
|
-
}, function (props) {
|
|
49
|
-
return props.$variant === "Header 2" && css(["font-size:1.125rem;"]);
|
|
50
|
-
}, function (props) {
|
|
51
|
-
return (props.$variant === "Header 3" || props.$variant === "Body 1") && css(["font-size:1rem;"]);
|
|
52
|
-
}, function (props) {
|
|
53
|
-
return props.$variant === "Body 2" && css(["font-size:0.875rem;"]);
|
|
54
|
-
}, function (props) {
|
|
55
|
-
return props.$variant === "Caption 1" && css(["font-size:0.75rem;"]);
|
|
56
|
-
}, function (props) {
|
|
57
|
-
return props.$variant === "Caption 2" && css(["font-size:0.625rem;"]);
|
|
58
|
-
}, function (props) {
|
|
59
|
-
return props.$italic ? css(["font-style:italic;"]) : css(["font-style:normal;"]);
|
|
60
|
-
}, function (props) {
|
|
61
|
-
return props.$tabularNums ? css(["font-variant-numeric:tabular-nums;"]) : css(["font-variant-numeric:normal;"]);
|
|
62
|
-
}, function (props) {
|
|
63
|
-
return props.$letterSpacing === "regular" && css(["letter-spacing:0.02em;"]);
|
|
64
|
-
}, function (props) {
|
|
65
|
-
return props.$letterSpacing === "tight" && css(["letter-spacing:0em;"]);
|
|
66
|
-
}, function (props) {
|
|
67
|
-
return props.$letterSpacing === "wide" && css(["letter-spacing:0.08em;"]);
|
|
68
|
-
}, function (props) {
|
|
69
|
-
return props.$lineHeight === "regular" && css(["line-height:1.375;"]);
|
|
70
|
-
}, function (props) {
|
|
71
|
-
return props.$lineHeight === "tight" && css(["line-height:1;"]);
|
|
72
|
-
}, function (props) {
|
|
73
|
-
return props.$lineHeight === "loose" && css(["line-height:1.625;"]);
|
|
74
|
-
}, function (props) {
|
|
75
|
-
return props.$align === "left" && css(["text-align:left;"]);
|
|
76
|
-
}, function (props) {
|
|
77
|
-
return props.$align === "right" && css(["text-align:right;"]);
|
|
78
|
-
}, function (props) {
|
|
79
|
-
return props.$align === "center" && css(["text-align:center;"]);
|
|
80
|
-
}, function (props) {
|
|
81
|
-
return props.$align === "justify" && css(["text-align:justify;"]);
|
|
82
|
-
}, function (props) {
|
|
83
|
-
return props.$decoration === "none" && css(["text-decoration:none;"]);
|
|
84
|
-
}, function (props) {
|
|
85
|
-
return props.$decoration === "underline" && css(["text-decoration:underline;"]);
|
|
86
|
-
}, function (props) {
|
|
87
|
-
return props.$decoration === "line-through" && css(["text-decoration:line-through;"]);
|
|
88
|
-
}, function (props) {
|
|
89
|
-
return props.$transform === "regular" && css(["text-transform:none;"]);
|
|
90
|
-
}, function (props) {
|
|
91
|
-
return props.$transform === "uppercase" && css(["text-transform:uppercase;"]);
|
|
92
|
-
}, function (props) {
|
|
93
|
-
return props.$transform === "lowercase" && css(["text-transform:lowercase;"]);
|
|
94
|
-
}, function (props) {
|
|
95
|
-
return props.$transform === "capitalize" && css(["text-transform:capitalize;"]);
|
|
96
|
-
}, function (props) {
|
|
97
|
-
return props.$overflow === "visible" && css(["overflow:visible;"]);
|
|
98
|
-
}, function (props) {
|
|
99
|
-
return props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]);
|
|
100
|
-
}, function (props) {
|
|
101
|
-
return props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
|
|
102
|
-
}, function (props) {
|
|
103
|
-
return props.$whitespace === "regular" && css(["white-space:normal;"]);
|
|
104
|
-
}, function (props) {
|
|
105
|
-
return props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]);
|
|
106
|
-
}, function (props) {
|
|
107
|
-
return props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]);
|
|
108
|
-
}, function (props) {
|
|
109
|
-
return props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]);
|
|
110
|
-
}, function (props) {
|
|
111
|
-
return props.$wordBreak === "all" && css(["word-break:break-all;"]);
|
|
112
|
-
}, function (props) {
|
|
113
|
-
return props.$weight === "regular" && css(["font-weight:400;"]);
|
|
114
|
-
}, function (props) {
|
|
115
|
-
return props.$weight === "light" && css(["font-weight:300;"]);
|
|
116
|
-
}, function (props) {
|
|
117
|
-
return props.$weight === "medium" && css(["font-weight:500;"]);
|
|
118
|
-
}, function (props) {
|
|
119
|
-
return props.$weight === "bold" && css(["font-weight:700;"]);
|
|
120
|
-
});
|
|
121
|
-
StyledTypography.displayName = "StyledTypography";
|
|
122
|
-
|
|
123
|
-
export { StyledTypography };
|
|
124
|
-
//# sourceMappingURL=Styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace: \"regular\" | \"no-wrap\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"names":["colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","styled","div","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":";;;;AAuCA,IAAMA,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAI;AAAA;AAAA,GADE;AAEbC,EAAAA,SAAS,EAAI;AAAA;AAAA,GAFA;AAGbC,EAAAA,QAAQ,EAAI;AAAA;AAAA,GAHC;AAIbC,EAAAA,UAAU,EAAI;AAAA;AAAA;AAAA,GAJD;AAKb,mBAAmB;AAAA;AAAA,GALN;AAMb,qBAAqB;AAAA;AAAA,GANR;AAOb,gBAAgB;AAAA;AAAA,GAPH;AAQb,gBAAgB;AAAA;AAAA,GARH;AASb,gBAAgB;AAAA;AAAA,GATH;AAUbC,EAAAA,OAAO,EAAI;AAAA;AAAA,GAVE;AAWbC,EAAAA,KAAK,EAAI;AAAA;AAAA;AAXI,CAAf;IAcaC,gBAAgB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,gNACzBC,SADyB,EAEzBC,cAFyB,EAKzB,UAACC,KAAD;AAAA,SAAWZ,MAAM,CAACY,KAAK,CAACC,MAAP,CAAjB;AAAA,CALyB,EAQzB,UAACD,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,SAAnB,IACAC,GADA,qBADA;AAAA,CARyB,EAazB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,UAAnB,IACAC,GADA,yBADA;AAAA,CAbyB,EAkBzB,UAACH,KAAD;AAAA,SACA,CAACA,KAAK,CAACE,QAAN,KAAmB,UAAnB,IAAiCF,KAAK,CAACE,QAAN,KAAmB,QAArD,KACAC,GADA,qBADA;AAAA,CAlByB,EAuBzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,QAAnB,IACAC,GADA,yBADA;AAAA,CAvByB,EA4BzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,WAAnB,IACAC,GADA,wBADA;AAAA,CA5ByB,EAiCzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACE,QAAN,KAAmB,WAAnB,IACAC,GADA,yBADA;AAAA,CAjCyB,EAwCzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACI,OAAN,GACID,GADJ,2BAIIA,GAJJ,wBADA;AAAA,CAxCyB,EAkDzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACK,YAAN,GACIF,GADJ,2CAIIA,GAJJ,kCADA;AAAA,CAlDyB,EA4DzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACM,cAAN,KAAyB,SAAzB,IACAH,GADA,4BADA;AAAA,CA5DyB,EAiEzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACM,cAAN,KAAyB,OAAzB,IACAH,GADA,yBADA;AAAA,CAjEyB,EAsEzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACM,cAAN,KAAyB,MAAzB,IACAH,GADA,4BADA;AAAA,CAtEyB,EA6EzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACO,WAAN,KAAsB,SAAtB,IACAJ,GADA,wBADA;AAAA,CA7EyB,EAkFzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACO,WAAN,KAAsB,OAAtB,IACAJ,GADA,oBADA;AAAA,CAlFyB,EAuFzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACO,WAAN,KAAsB,OAAtB,IACAJ,GADA,wBADA;AAAA,CAvFyB,EA8FzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,MAAjB,IACAL,GADA,sBADA;AAAA,CA9FyB,EAmGzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,OAAjB,IACAL,GADA,uBADA;AAAA,CAnGyB,EAwGzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,QAAjB,IACAL,GADA,wBADA;AAAA,CAxGyB,EA6GzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACQ,MAAN,KAAiB,SAAjB,IACAL,GADA,yBADA;AAAA,CA7GyB,EAoHzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,WAAN,KAAsB,MAAtB,IACAN,GADA,2BADA;AAAA,CApHyB,EAyHzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,WAAN,KAAsB,WAAtB,IACAN,GADA,gCADA;AAAA,CAzHyB,EA8HzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACS,WAAN,KAAsB,cAAtB,IACAN,GADA,mCADA;AAAA,CA9HyB,EAqIzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,SAArB,IACAP,GADA,0BADA;AAAA,CArIyB,EA0IzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,WAArB,IACAP,GADA,+BADA;AAAA,CA1IyB,EA+IzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,WAArB,IACAP,GADA,+BADA;AAAA,CA/IyB,EAoJzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACU,UAAN,KAAqB,YAArB,IACAP,GADA,gCADA;AAAA,CApJyB,EA2JzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACW,SAAN,KAAoB,SAApB,IACAR,GADA,uBADA;AAAA,CA3JyB,EAgKzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACW,SAAN,KAAoB,UAApB,IACAR,GADA,6BADA;AAAA,CAhKyB,EAqKzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACW,SAAN,KAAoB,UAApB,IACAR,GADA,gEADA;AAAA,CArKyB,EA8KzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACY,WAAN,KAAsB,SAAtB,IACAT,GADA,yBADA;AAAA,CA9KyB,EAmLzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACY,WAAN,KAAsB,SAAtB,IACAT,GADA,yBADA;AAAA,CAnLyB,EA0LzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACa,UAAN,KAAqB,SAArB,IACAV,GADA,6CADA;AAAA,CA1LyB,EAgMzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACa,UAAN,KAAqB,OAArB,IACAV,GADA,+BADA;AAAA,CAhMyB,EAqMzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACa,UAAN,KAAqB,KAArB,IACAV,GADA,2BADA;AAAA,CArMyB,EA4MzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,SAAlB,IACAX,GADA,sBADA;AAAA,CA5MyB,EAiNzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,OAAlB,IACAX,GADA,sBADA;AAAA,CAjNyB,EAsNzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,QAAlB,IACAX,GADA,sBADA;AAAA,CAtNyB,EA2NzB,UAACH,KAAD;AAAA,SACAA,KAAK,CAACc,OAAN,KAAkB,MAAlB,IACAX,GADA,sBADA;AAAA,CA3NyB;AAkO7BR,gBAAgB,CAACoB,WAAjB,GAA+B,kBAA/B;;;;"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
|
-
import { forwardRef, useRef } from 'react';
|
|
4
|
-
import classnames from 'classnames';
|
|
5
|
-
import useForkRef from '../../utils/useForkRef.js';
|
|
6
|
-
import { StyledTypography } from './Styles.js';
|
|
7
|
-
import { jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
|
|
10
|
-
|
|
11
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
-
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14
|
-
var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
|
-
var _ref$variant = _ref.variant,
|
|
16
|
-
variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
|
|
17
|
-
_ref$Tag = _ref.Tag,
|
|
18
|
-
Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
|
|
19
|
-
_ref$color = _ref.color,
|
|
20
|
-
color = _ref$color === void 0 ? "primary" : _ref$color,
|
|
21
|
-
_ref$italic = _ref.italic,
|
|
22
|
-
italic = _ref$italic === void 0 ? false : _ref$italic,
|
|
23
|
-
_ref$tabularNums = _ref.tabularNums,
|
|
24
|
-
tabularNums = _ref$tabularNums === void 0 ? false : _ref$tabularNums,
|
|
25
|
-
_ref$letterSpacing = _ref.letterSpacing,
|
|
26
|
-
letterSpacing = _ref$letterSpacing === void 0 ? "regular" : _ref$letterSpacing,
|
|
27
|
-
_ref$lineHeight = _ref.lineHeight,
|
|
28
|
-
lineHeight = _ref$lineHeight === void 0 ? "regular" : _ref$lineHeight,
|
|
29
|
-
_ref$align = _ref.align,
|
|
30
|
-
align = _ref$align === void 0 ? "left" : _ref$align,
|
|
31
|
-
_ref$decoration = _ref.decoration,
|
|
32
|
-
decoration = _ref$decoration === void 0 ? "none" : _ref$decoration,
|
|
33
|
-
_ref$transform = _ref.transform,
|
|
34
|
-
transform = _ref$transform === void 0 ? "regular" : _ref$transform,
|
|
35
|
-
_ref$overflow = _ref.overflow,
|
|
36
|
-
overflow = _ref$overflow === void 0 ? "visible" : _ref$overflow,
|
|
37
|
-
_ref$whitespace = _ref.whitespace,
|
|
38
|
-
whitespace = _ref$whitespace === void 0 ? "regular" : _ref$whitespace,
|
|
39
|
-
_ref$wordBreak = _ref.wordBreak,
|
|
40
|
-
wordBreak = _ref$wordBreak === void 0 ? "regular" : _ref$wordBreak,
|
|
41
|
-
_ref$weight = _ref.weight,
|
|
42
|
-
weight = _ref$weight === void 0 ? "regular" : _ref$weight,
|
|
43
|
-
className = _ref.className,
|
|
44
|
-
children = _ref.children,
|
|
45
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
46
|
-
|
|
47
|
-
var innerRef = useRef(null);
|
|
48
|
-
var handleRef = useForkRef(ref, innerRef);
|
|
49
|
-
return /*#__PURE__*/jsx(StyledTypography, _objectSpread(_objectSpread({
|
|
50
|
-
as: Tag,
|
|
51
|
-
className: classnames("typography", className),
|
|
52
|
-
$italic: italic,
|
|
53
|
-
$tabularNums: tabularNums,
|
|
54
|
-
$letterSpacing: letterSpacing,
|
|
55
|
-
$lineHeight: lineHeight,
|
|
56
|
-
$align: align,
|
|
57
|
-
$decoration: decoration,
|
|
58
|
-
$transform: transform,
|
|
59
|
-
$overflow: overflow,
|
|
60
|
-
$whitespace: whitespace,
|
|
61
|
-
$wordBreak: wordBreak,
|
|
62
|
-
$variant: variant,
|
|
63
|
-
$color: color,
|
|
64
|
-
$weight: weight,
|
|
65
|
-
ref: handleRef
|
|
66
|
-
}, props), {}, {
|
|
67
|
-
children: children
|
|
68
|
-
}));
|
|
69
|
-
});
|
|
70
|
-
Typography.displayName = "Typography";
|
|
71
|
-
|
|
72
|
-
export { Typography };
|
|
73
|
-
//# sourceMappingURL=Typography.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?: \"regular\" | \"no-wrap\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n /** Element variant. */\n variant?:\n | \"Title 1\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n /** Element tag. */\n Tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\" | \"div\";\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport const Typography = forwardRef<\n HTMLElement,\n ITypographyProps & ITypographyAdditionalProps\n>(\n (\n {\n variant = \"Title 1\",\n Tag = \"div\",\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"regular\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const innerRef = useRef<HTMLElement | null>(null);\n const handleRef = useForkRef(ref, innerRef);\n\n return (\n <StyledTypography\n as={Tag}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={handleRef}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n"],"names":["Typography","forwardRef","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","useRef","handleRef","useForkRef","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;;IA4DaA,UAAU,gBAAGC,UAAU,CAIlC,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,sBAlBDC,GAkBC;AAAA,MAlBDA,GAkBC,yBAlBK,KAkBL;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,QAAQ,GAAGC,MAAM,CAAqB,IAArB,CAAvB;AACA,MAAMC,SAAS,GAAGC,UAAU,CAACrB,GAAD,EAAMkB,QAAN,CAA5B;AAEA,sBACEI,IAAC,gBAAD;AACE,IAAA,EAAE,EAAEpB,GADN;AAEE,IAAA,SAAS,EAAEqB,UAAU,CAAC,YAAD,EAAeR,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEM;AAhBP,KAiBMH,KAjBN;AAAA,cAmBGD;AAnBH,KADF;AAuBD,CApDiC;AAuDpClB,UAAU,CAAC0B,WAAX,GAAyB,YAAzB;;;;"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { Typography } from '../Typography.js';
|
|
5
|
-
import { jsxs } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
var _excluded = ["weight", "children"];
|
|
8
|
-
|
|
9
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
10
|
-
|
|
11
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
12
|
-
var Body1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
13
|
-
var _ref$weight = _ref.weight,
|
|
14
|
-
weight = _ref$weight === void 0 ? "regular" : _ref$weight,
|
|
15
|
-
children = _ref.children,
|
|
16
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
-
|
|
18
|
-
return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
|
|
19
|
-
variant: "Body 1",
|
|
20
|
-
weight: weight,
|
|
21
|
-
ref: ref
|
|
22
|
-
}, props), {}, {
|
|
23
|
-
children: [" ", children, " "]
|
|
24
|
-
}));
|
|
25
|
-
});
|
|
26
|
-
Body1.displayName = "Body1";
|
|
27
|
-
|
|
28
|
-
export { Body1 };
|
|
29
|
-
//# sourceMappingURL=Body1.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Body1.js","sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody1.displayName = \"Body1\";\n"],"names":["Body1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,KAAwC,gBAAGC,UAAU,CAChE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEH,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CAR+D;AAWlEJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}
|