@dscout/particle 1.0.0-alpha.21 → 1.0.0-alpha.23
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/README.md +45 -76
- package/lib/cjs/components/advanced_options.d.ts +3 -3
- package/lib/cjs/components/advanced_options.js +14 -13
- package/lib/cjs/components/advanced_options.js.map +1 -1
- package/lib/cjs/components/attribute_input.d.ts +4 -3
- package/lib/cjs/components/attribute_input.js +4 -3
- package/lib/cjs/components/attribute_input.js.map +1 -1
- package/lib/cjs/components/attribute_selector.d.ts +4 -3
- package/lib/cjs/components/attribute_selector.js +4 -3
- package/lib/cjs/components/attribute_selector.js.map +1 -1
- package/lib/cjs/components/avatar.d.ts +3 -3
- package/lib/cjs/components/avatar.js +3 -2
- package/lib/cjs/components/avatar.js.map +1 -1
- package/lib/cjs/components/blitz.d.ts +2 -2
- package/lib/cjs/components/blitz.js +28 -4
- package/lib/cjs/components/blitz.js.map +1 -1
- package/lib/cjs/components/button.d.ts +3 -3
- package/lib/cjs/components/button.js +3 -2
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/button_control.d.ts +3 -3
- package/lib/cjs/components/button_control.js +3 -2
- package/lib/cjs/components/button_control.js.map +1 -1
- package/lib/cjs/components/button_icon.d.ts +10 -10
- package/lib/cjs/components/button_icon.js +3 -2
- package/lib/cjs/components/button_icon.js.map +1 -1
- package/lib/cjs/components/button_mode.d.ts +3 -3
- package/lib/cjs/components/button_mode.js +3 -2
- package/lib/cjs/components/button_mode.js.map +1 -1
- package/lib/cjs/components/button_plain.d.ts +3 -3
- package/lib/cjs/components/button_plain.js +3 -2
- package/lib/cjs/components/button_plain.js.map +1 -1
- package/lib/cjs/components/card.d.ts +3 -3
- package/lib/cjs/components/card.js +3 -2
- package/lib/cjs/components/card.js.map +1 -1
- package/lib/cjs/components/card_body.d.ts +3 -3
- package/lib/cjs/components/card_body.js +3 -2
- package/lib/cjs/components/card_body.js.map +1 -1
- package/lib/cjs/components/card_footer.d.ts +3 -3
- package/lib/cjs/components/card_footer.js +3 -2
- package/lib/cjs/components/card_footer.js.map +1 -1
- package/lib/cjs/components/cards.d.ts +3 -3
- package/lib/cjs/components/cards.js +3 -2
- package/lib/cjs/components/cards.js.map +1 -1
- package/lib/cjs/components/checkbox_input.d.ts +5 -3
- package/lib/cjs/components/checkbox_input.js +4 -3
- package/lib/cjs/components/checkbox_input.js.map +1 -1
- package/lib/cjs/components/chip.d.ts +3 -3
- package/lib/cjs/components/chip.js +3 -2
- package/lib/cjs/components/chip.js.map +1 -1
- package/lib/cjs/components/collapsible_content.d.ts +3 -3
- package/lib/cjs/components/collapsible_content.js +11 -3
- package/lib/cjs/components/collapsible_content.js.map +1 -1
- package/lib/cjs/components/collapsing_menu.d.ts +3 -3
- package/lib/cjs/components/collapsing_menu.js +39 -16
- package/lib/cjs/components/collapsing_menu.js.map +1 -1
- package/lib/cjs/components/column.d.ts +2 -2
- package/lib/cjs/components/common_input.d.ts +3 -3
- package/lib/cjs/components/common_input.js +4 -2
- package/lib/cjs/components/common_input.js.map +1 -1
- package/lib/cjs/components/common_menu_item.d.ts +3 -3
- package/lib/cjs/components/common_menu_item.js +2 -2
- package/lib/cjs/components/common_menu_item.js.map +1 -1
- package/lib/cjs/components/container.d.ts +4 -3
- package/lib/cjs/components/container.js +8 -3
- package/lib/cjs/components/container.js.map +1 -1
- package/lib/cjs/components/container_header.d.ts +2 -2
- package/lib/cjs/components/date_input.d.ts +3 -3
- package/lib/cjs/components/date_input.js +2 -2
- package/lib/cjs/components/date_input.js.map +1 -1
- package/lib/cjs/components/drag_and_drop.d.ts +5 -3
- package/lib/cjs/components/drag_and_drop.js +4 -3
- package/lib/cjs/components/drag_and_drop.js.map +1 -1
- package/lib/cjs/components/dropdown.d.ts +2 -2
- package/lib/cjs/components/dropdown.js +3 -2
- package/lib/cjs/components/dropdown.js.map +1 -1
- package/lib/cjs/components/dropdown_input_toggle.d.ts +3 -3
- package/lib/cjs/components/dropdown_input_toggle.js +3 -2
- package/lib/cjs/components/dropdown_input_toggle.js.map +1 -1
- package/lib/cjs/components/editing_container.d.ts +2 -2
- package/lib/cjs/components/editing_container.js +8 -3
- package/lib/cjs/components/editing_container.js.map +1 -1
- package/lib/cjs/components/email_input.d.ts +3 -3
- package/lib/cjs/components/email_input.js +2 -2
- package/lib/cjs/components/email_input.js.map +1 -1
- package/lib/cjs/components/file_input.d.ts +5 -3
- package/lib/cjs/components/file_input.js +6 -4
- package/lib/cjs/components/file_input.js.map +1 -1
- package/lib/cjs/components/flex.d.ts +11 -4
- package/lib/cjs/components/flex.js +17 -11
- package/lib/cjs/components/flex.js.map +1 -1
- package/lib/cjs/components/focus_trap.d.ts +1 -1
- package/lib/cjs/components/footnote.d.ts +3 -3
- package/lib/cjs/components/footnote.js +3 -2
- package/lib/cjs/components/footnote.js.map +1 -1
- package/lib/cjs/components/heading.d.ts +3 -3
- package/lib/cjs/components/heading.js +4 -3
- package/lib/cjs/components/heading.js.map +1 -1
- package/lib/cjs/components/input_addon.js +1 -1
- package/lib/cjs/components/input_addon.js.map +1 -1
- package/lib/cjs/components/input_group.d.ts +3 -3
- package/lib/cjs/components/input_group.js +3 -2
- package/lib/cjs/components/input_group.js.map +1 -1
- package/lib/cjs/components/input_group_item.js +1 -1
- package/lib/cjs/components/input_group_item.js.map +1 -1
- package/lib/cjs/components/link_text.d.ts +3 -3
- package/lib/cjs/components/link_text.js +3 -2
- package/lib/cjs/components/link_text.js.map +1 -1
- package/lib/cjs/components/list.d.ts +3 -3
- package/lib/cjs/components/list.js +4 -3
- package/lib/cjs/components/list.js.map +1 -1
- package/lib/cjs/components/list_inline.d.ts +3 -3
- package/lib/cjs/components/list_inline.js +4 -3
- package/lib/cjs/components/list_inline.js.map +1 -1
- package/lib/cjs/components/menu.d.ts +3 -3
- package/lib/cjs/components/menu.js +3 -2
- package/lib/cjs/components/menu.js.map +1 -1
- package/lib/cjs/components/menu_item.d.ts +3 -3
- package/lib/cjs/components/menu_item.js +2 -2
- package/lib/cjs/components/menu_item.js.map +1 -1
- package/lib/cjs/components/menu_item_li.d.ts +2 -2
- package/lib/cjs/components/menu_item_li.js +2 -2
- package/lib/cjs/components/menu_item_li.js.map +1 -1
- package/lib/cjs/components/menu_link.d.ts +3 -3
- package/lib/cjs/components/menu_link.js +2 -2
- package/lib/cjs/components/menu_link.js.map +1 -1
- package/lib/cjs/components/menu_list.d.ts +3 -3
- package/lib/cjs/components/menu_list.js +3 -2
- package/lib/cjs/components/menu_list.js.map +1 -1
- package/lib/cjs/components/menu_section.d.ts +3 -3
- package/lib/cjs/components/menu_section.js +3 -2
- package/lib/cjs/components/menu_section.js.map +1 -1
- package/lib/cjs/components/menu_title.d.ts +3 -3
- package/lib/cjs/components/menu_title.js +3 -2
- package/lib/cjs/components/menu_title.js.map +1 -1
- package/lib/cjs/components/modal.d.ts +5 -3
- package/lib/cjs/components/modal.js +3 -3
- package/lib/cjs/components/modal.js.map +1 -1
- package/lib/cjs/components/modifier.d.ts +13 -13
- package/lib/cjs/components/modifier.js +3 -43
- package/lib/cjs/components/modifier.js.map +1 -1
- package/lib/cjs/components/number_input.d.ts +3 -3
- package/lib/cjs/components/number_input.js +2 -2
- package/lib/cjs/components/number_input.js.map +1 -1
- package/lib/cjs/components/password_input.d.ts +3 -3
- package/lib/cjs/components/password_input.js +2 -2
- package/lib/cjs/components/password_input.js.map +1 -1
- package/lib/cjs/components/pill.d.ts +3 -3
- package/lib/cjs/components/pill.js +3 -2
- package/lib/cjs/components/pill.js.map +1 -1
- package/lib/cjs/components/radio_input.d.ts +4 -3
- package/lib/cjs/components/radio_input.js +4 -3
- package/lib/cjs/components/radio_input.js.map +1 -1
- package/lib/cjs/components/range_input.d.ts +4 -3
- package/lib/cjs/components/range_input.js +5 -3
- package/lib/cjs/components/range_input.js.map +1 -1
- package/lib/cjs/components/row.d.ts +3 -3
- package/lib/cjs/components/row.js +3 -2
- package/lib/cjs/components/row.js.map +1 -1
- package/lib/cjs/components/search_input.d.ts +3 -3
- package/lib/cjs/components/search_input.js +2 -2
- package/lib/cjs/components/search_input.js.map +1 -1
- package/lib/cjs/components/segmented_controls.d.ts +3 -3
- package/lib/cjs/components/segmented_controls.js +3 -2
- package/lib/cjs/components/segmented_controls.js.map +1 -1
- package/lib/cjs/components/select_input.d.ts +5 -3
- package/lib/cjs/components/select_input.js +6 -4
- package/lib/cjs/components/select_input.js.map +1 -1
- package/lib/cjs/components/separator.d.ts +2 -2
- package/lib/cjs/components/speech_bubble.d.ts +3 -3
- package/lib/cjs/components/speech_bubble.js +3 -2
- package/lib/cjs/components/speech_bubble.js.map +1 -1
- package/lib/cjs/components/tags_input.d.ts +2 -2
- package/lib/cjs/components/tags_input.js +3 -2
- package/lib/cjs/components/tags_input.js.map +1 -1
- package/lib/cjs/components/text_input.d.ts +3 -3
- package/lib/cjs/components/text_input.js +2 -2
- package/lib/cjs/components/text_input.js.map +1 -1
- package/lib/cjs/components/textarea.d.ts +5 -3
- package/lib/cjs/components/textarea.js +5 -4
- package/lib/cjs/components/textarea.js.map +1 -1
- package/lib/cjs/components/theme_provider.d.ts +29 -1
- package/lib/cjs/components/theme_provider.js +28 -28
- package/lib/cjs/components/theme_provider.js.map +1 -1
- package/lib/cjs/components/thumbnail.d.ts +3 -3
- package/lib/cjs/components/thumbnail.js +3 -2
- package/lib/cjs/components/thumbnail.js.map +1 -1
- package/lib/cjs/components/togglable_fieldset.d.ts +3 -3
- package/lib/cjs/components/togglable_fieldset.js +7 -7
- package/lib/cjs/components/togglable_fieldset.js.map +1 -1
- package/lib/cjs/components/toggle.d.ts +5 -3
- package/lib/cjs/components/toggle.js +4 -3
- package/lib/cjs/components/toggle.js.map +1 -1
- package/lib/cjs/components/tooltip.d.ts +2 -2
- package/lib/cjs/components/tooltip_container.d.ts +3 -3
- package/lib/cjs/components/tooltip_container.js +3 -2
- package/lib/cjs/components/tooltip_container.js.map +1 -1
- package/lib/cjs/components/with_addons.d.ts +3 -3
- package/lib/cjs/components/with_addons.js +2 -2
- package/lib/cjs/components/with_addons.js.map +1 -1
- package/lib/cjs/index.d.ts +0 -1
- package/lib/cjs/index.js +5 -7
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/types.d.ts +17 -4
- package/lib/cjs/utils/dom.d.ts +1 -1
- package/lib/cjs/utils/modifier_classes.d.ts +6 -0
- package/lib/cjs/utils/modifier_classes.js +57 -0
- package/lib/cjs/utils/modifier_classes.js.map +1 -0
- package/lib/cjs/utils/strings.d.ts +0 -2
- package/lib/cjs/utils/strings.js +1 -8
- package/lib/cjs/utils/strings.js.map +1 -1
- package/lib/esm/components/advanced_options.d.ts +3 -3
- package/lib/esm/components/advanced_options.js +15 -14
- package/lib/esm/components/advanced_options.js.map +1 -1
- package/lib/esm/components/attribute_input.d.ts +4 -3
- package/lib/esm/components/attribute_input.js +4 -3
- package/lib/esm/components/attribute_input.js.map +1 -1
- package/lib/esm/components/attribute_selector.d.ts +4 -3
- package/lib/esm/components/attribute_selector.js +4 -3
- package/lib/esm/components/attribute_selector.js.map +1 -1
- package/lib/esm/components/avatar.d.ts +3 -3
- package/lib/esm/components/avatar.js +3 -2
- package/lib/esm/components/avatar.js.map +1 -1
- package/lib/esm/components/blitz.d.ts +2 -2
- package/lib/esm/components/blitz.js +5 -4
- package/lib/esm/components/blitz.js.map +1 -1
- package/lib/esm/components/button.d.ts +3 -3
- package/lib/esm/components/button.js +3 -2
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/button_control.d.ts +3 -3
- package/lib/esm/components/button_control.js +3 -2
- package/lib/esm/components/button_control.js.map +1 -1
- package/lib/esm/components/button_icon.d.ts +10 -10
- package/lib/esm/components/button_icon.js +3 -2
- package/lib/esm/components/button_icon.js.map +1 -1
- package/lib/esm/components/button_mode.d.ts +3 -3
- package/lib/esm/components/button_mode.js +3 -2
- package/lib/esm/components/button_mode.js.map +1 -1
- package/lib/esm/components/button_plain.d.ts +3 -3
- package/lib/esm/components/button_plain.js +3 -2
- package/lib/esm/components/button_plain.js.map +1 -1
- package/lib/esm/components/card.d.ts +3 -3
- package/lib/esm/components/card.js +3 -2
- package/lib/esm/components/card.js.map +1 -1
- package/lib/esm/components/card_body.d.ts +3 -3
- package/lib/esm/components/card_body.js +3 -2
- package/lib/esm/components/card_body.js.map +1 -1
- package/lib/esm/components/card_footer.d.ts +3 -3
- package/lib/esm/components/card_footer.js +3 -2
- package/lib/esm/components/card_footer.js.map +1 -1
- package/lib/esm/components/cards.d.ts +3 -3
- package/lib/esm/components/cards.js +3 -2
- package/lib/esm/components/cards.js.map +1 -1
- package/lib/esm/components/checkbox_input.d.ts +5 -3
- package/lib/esm/components/checkbox_input.js +4 -3
- package/lib/esm/components/checkbox_input.js.map +1 -1
- package/lib/esm/components/chip.d.ts +3 -3
- package/lib/esm/components/chip.js +3 -2
- package/lib/esm/components/chip.js.map +1 -1
- package/lib/esm/components/collapsible_content.d.ts +3 -3
- package/lib/esm/components/collapsible_content.js +11 -3
- package/lib/esm/components/collapsible_content.js.map +1 -1
- package/lib/esm/components/collapsing_menu.d.ts +3 -3
- package/lib/esm/components/collapsing_menu.js +16 -16
- package/lib/esm/components/collapsing_menu.js.map +1 -1
- package/lib/esm/components/column.d.ts +2 -2
- package/lib/esm/components/common_input.d.ts +3 -3
- package/lib/esm/components/common_input.js +4 -2
- package/lib/esm/components/common_input.js.map +1 -1
- package/lib/esm/components/common_menu_item.d.ts +3 -3
- package/lib/esm/components/common_menu_item.js +2 -2
- package/lib/esm/components/common_menu_item.js.map +1 -1
- package/lib/esm/components/container.d.ts +4 -3
- package/lib/esm/components/container.js +8 -3
- package/lib/esm/components/container.js.map +1 -1
- package/lib/esm/components/container_header.d.ts +2 -2
- package/lib/esm/components/date_input.d.ts +3 -3
- package/lib/esm/components/date_input.js +2 -2
- package/lib/esm/components/date_input.js.map +1 -1
- package/lib/esm/components/drag_and_drop.d.ts +5 -3
- package/lib/esm/components/drag_and_drop.js +4 -3
- package/lib/esm/components/drag_and_drop.js.map +1 -1
- package/lib/esm/components/dropdown.d.ts +2 -2
- package/lib/esm/components/dropdown.js +3 -2
- package/lib/esm/components/dropdown.js.map +1 -1
- package/lib/esm/components/dropdown_input_toggle.d.ts +3 -3
- package/lib/esm/components/dropdown_input_toggle.js +3 -2
- package/lib/esm/components/dropdown_input_toggle.js.map +1 -1
- package/lib/esm/components/editing_container.d.ts +2 -2
- package/lib/esm/components/editing_container.js +8 -3
- package/lib/esm/components/editing_container.js.map +1 -1
- package/lib/esm/components/email_input.d.ts +3 -3
- package/lib/esm/components/email_input.js +2 -2
- package/lib/esm/components/email_input.js.map +1 -1
- package/lib/esm/components/file_input.d.ts +5 -3
- package/lib/esm/components/file_input.js +6 -4
- package/lib/esm/components/file_input.js.map +1 -1
- package/lib/esm/components/flex.d.ts +11 -4
- package/lib/esm/components/flex.js +17 -11
- package/lib/esm/components/flex.js.map +1 -1
- package/lib/esm/components/focus_trap.d.ts +1 -1
- package/lib/esm/components/footnote.d.ts +3 -3
- package/lib/esm/components/footnote.js +3 -2
- package/lib/esm/components/footnote.js.map +1 -1
- package/lib/esm/components/heading.d.ts +3 -3
- package/lib/esm/components/heading.js +4 -3
- package/lib/esm/components/heading.js.map +1 -1
- package/lib/esm/components/input_addon.js +1 -1
- package/lib/esm/components/input_addon.js.map +1 -1
- package/lib/esm/components/input_group.d.ts +3 -3
- package/lib/esm/components/input_group.js +3 -2
- package/lib/esm/components/input_group.js.map +1 -1
- package/lib/esm/components/input_group_item.js +1 -1
- package/lib/esm/components/input_group_item.js.map +1 -1
- package/lib/esm/components/link_text.d.ts +3 -3
- package/lib/esm/components/link_text.js +3 -2
- package/lib/esm/components/link_text.js.map +1 -1
- package/lib/esm/components/list.d.ts +3 -3
- package/lib/esm/components/list.js +4 -3
- package/lib/esm/components/list.js.map +1 -1
- package/lib/esm/components/list_inline.d.ts +3 -3
- package/lib/esm/components/list_inline.js +4 -3
- package/lib/esm/components/list_inline.js.map +1 -1
- package/lib/esm/components/menu.d.ts +3 -3
- package/lib/esm/components/menu.js +3 -2
- package/lib/esm/components/menu.js.map +1 -1
- package/lib/esm/components/menu_item.d.ts +3 -3
- package/lib/esm/components/menu_item.js +2 -2
- package/lib/esm/components/menu_item.js.map +1 -1
- package/lib/esm/components/menu_item_li.d.ts +2 -2
- package/lib/esm/components/menu_item_li.js +2 -2
- package/lib/esm/components/menu_item_li.js.map +1 -1
- package/lib/esm/components/menu_link.d.ts +3 -3
- package/lib/esm/components/menu_link.js +2 -2
- package/lib/esm/components/menu_link.js.map +1 -1
- package/lib/esm/components/menu_list.d.ts +3 -3
- package/lib/esm/components/menu_list.js +3 -2
- package/lib/esm/components/menu_list.js.map +1 -1
- package/lib/esm/components/menu_section.d.ts +3 -3
- package/lib/esm/components/menu_section.js +3 -2
- package/lib/esm/components/menu_section.js.map +1 -1
- package/lib/esm/components/menu_title.d.ts +3 -3
- package/lib/esm/components/menu_title.js +3 -2
- package/lib/esm/components/menu_title.js.map +1 -1
- package/lib/esm/components/modal.d.ts +5 -3
- package/lib/esm/components/modal.js +3 -3
- package/lib/esm/components/modal.js.map +1 -1
- package/lib/esm/components/modifier.d.ts +13 -13
- package/lib/esm/components/modifier.js +3 -43
- package/lib/esm/components/modifier.js.map +1 -1
- package/lib/esm/components/number_input.d.ts +3 -3
- package/lib/esm/components/number_input.js +2 -2
- package/lib/esm/components/number_input.js.map +1 -1
- package/lib/esm/components/password_input.d.ts +3 -3
- package/lib/esm/components/password_input.js +2 -2
- package/lib/esm/components/password_input.js.map +1 -1
- package/lib/esm/components/pill.d.ts +3 -3
- package/lib/esm/components/pill.js +3 -2
- package/lib/esm/components/pill.js.map +1 -1
- package/lib/esm/components/radio_input.d.ts +4 -3
- package/lib/esm/components/radio_input.js +4 -3
- package/lib/esm/components/radio_input.js.map +1 -1
- package/lib/esm/components/range_input.d.ts +4 -3
- package/lib/esm/components/range_input.js +5 -3
- package/lib/esm/components/range_input.js.map +1 -1
- package/lib/esm/components/row.d.ts +3 -3
- package/lib/esm/components/row.js +3 -2
- package/lib/esm/components/row.js.map +1 -1
- package/lib/esm/components/search_input.d.ts +3 -3
- package/lib/esm/components/search_input.js +2 -2
- package/lib/esm/components/search_input.js.map +1 -1
- package/lib/esm/components/segmented_controls.d.ts +3 -3
- package/lib/esm/components/segmented_controls.js +3 -2
- package/lib/esm/components/segmented_controls.js.map +1 -1
- package/lib/esm/components/select_input.d.ts +5 -3
- package/lib/esm/components/select_input.js +6 -4
- package/lib/esm/components/select_input.js.map +1 -1
- package/lib/esm/components/separator.d.ts +2 -2
- package/lib/esm/components/speech_bubble.d.ts +3 -3
- package/lib/esm/components/speech_bubble.js +3 -2
- package/lib/esm/components/speech_bubble.js.map +1 -1
- package/lib/esm/components/tags_input.d.ts +2 -2
- package/lib/esm/components/tags_input.js +3 -2
- package/lib/esm/components/tags_input.js.map +1 -1
- package/lib/esm/components/text_input.d.ts +3 -3
- package/lib/esm/components/text_input.js +2 -2
- package/lib/esm/components/text_input.js.map +1 -1
- package/lib/esm/components/textarea.d.ts +5 -3
- package/lib/esm/components/textarea.js +5 -4
- package/lib/esm/components/textarea.js.map +1 -1
- package/lib/esm/components/theme_provider.d.ts +29 -1
- package/lib/esm/components/theme_provider.js +28 -28
- package/lib/esm/components/theme_provider.js.map +1 -1
- package/lib/esm/components/thumbnail.d.ts +3 -3
- package/lib/esm/components/thumbnail.js +3 -2
- package/lib/esm/components/thumbnail.js.map +1 -1
- package/lib/esm/components/togglable_fieldset.d.ts +3 -3
- package/lib/esm/components/togglable_fieldset.js +7 -7
- package/lib/esm/components/togglable_fieldset.js.map +1 -1
- package/lib/esm/components/toggle.d.ts +5 -3
- package/lib/esm/components/toggle.js +4 -3
- package/lib/esm/components/toggle.js.map +1 -1
- package/lib/esm/components/tooltip.d.ts +2 -2
- package/lib/esm/components/tooltip_container.d.ts +3 -3
- package/lib/esm/components/tooltip_container.js +3 -2
- package/lib/esm/components/tooltip_container.js.map +1 -1
- package/lib/esm/components/with_addons.d.ts +3 -3
- package/lib/esm/components/with_addons.js +2 -2
- package/lib/esm/components/with_addons.js.map +1 -1
- package/lib/esm/index.d.ts +0 -1
- package/lib/esm/index.js +0 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/types.d.ts +17 -4
- package/lib/esm/utils/dom.d.ts +1 -1
- package/lib/esm/utils/modifier_classes.d.ts +6 -0
- package/lib/esm/utils/modifier_classes.js +46 -0
- package/lib/esm/utils/modifier_classes.js.map +1 -0
- package/lib/esm/utils/strings.d.ts +0 -2
- package/lib/esm/utils/strings.js +0 -6
- package/lib/esm/utils/strings.js.map +1 -1
- package/lib/stylesheets/particle.css +188 -156
- package/lib/stylesheets/particle.css.map +1 -1
- package/lib/stylesheets/particle.min.css +1 -1
- package/lib/stylesheets/particle.min.css.gz +0 -0
- package/package.json +1 -1
- package/styles/color_schemes/_base_colors.scss +1 -1
- package/styles/components/collapsible/_base.scss +11 -3
- package/styles/components/container/_base.scss +32 -5
- package/styles/components/container/themes/_theme_builder.scss +12 -6
- package/styles/components/drag_and_drop/themes/_theme_builder.scss +3 -3
- package/styles/utilities/_shadows.scss +4 -0
- package/styles/utilities/_spacing.scss +59 -39
- package/lib/cjs/components/collapsible.d.ts +0 -10
- package/lib/cjs/components/collapsible.js +0 -17
- package/lib/cjs/components/collapsible.js.map +0 -1
- package/lib/cjs/components/focus_intent.d.ts +0 -23
- package/lib/cjs/components/focus_intent.js +0 -92
- package/lib/cjs/components/focus_intent.js.map +0 -1
- package/lib/esm/components/collapsible.d.ts +0 -10
- package/lib/esm/components/collapsible.js +0 -13
- package/lib/esm/components/collapsible.js.map +0 -1
- package/lib/esm/components/focus_intent.d.ts +0 -23
- package/lib/esm/components/focus_intent.js +0 -66
- package/lib/esm/components/focus_intent.js.map +0 -1
|
@@ -24,6 +24,7 @@ import React from 'react';
|
|
|
24
24
|
import classNames from '../utils/class_names';
|
|
25
25
|
import { inputValue } from '../utils/forms';
|
|
26
26
|
import getDataAttributes from '../utils/data_attributes';
|
|
27
|
+
import { getMarginClass } from '../utils/modifier_classes';
|
|
27
28
|
var HEIGHT_MAPPING = {
|
|
28
29
|
small: '4',
|
|
29
30
|
medium: '6',
|
|
@@ -38,12 +39,12 @@ function heightClassName(height) {
|
|
|
38
39
|
return "height--".concat(heightEnum);
|
|
39
40
|
}
|
|
40
41
|
export function Textarea(_a) {
|
|
41
|
-
var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, height = _a.height, id = _a.id, invalid = _a.invalid, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCut = _a.onCut, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, readOnly = _a.readOnly, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "height", "id", "invalid", "maxLength", "name", "onBlur", "onChange", "onCut", "onFocus", "onKeyDown", "onPaste", "placeholder", "readOnly", "value"]);
|
|
42
|
-
var textareaClassName = classNames('Input', 'resize--vertical', heightClassName(height), _modifierClass, {
|
|
42
|
+
var _modifierClass = _a._modifierClass, ariaDescribedby = _a["aria-describedby"], ariaInvalid = _a["aria-invalid"], ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaRequired = _a["aria-required"], autoComplete = _a.autoComplete, autoFocus = _a.autoFocus, defaultValue = _a.defaultValue, disabled = _a.disabled, getRef = _a.getRef, height = _a.height, id = _a.id, invalid = _a.invalid, margin = _a.margin, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCut = _a.onCut, onFocus = _a.onFocus, onKeyDown = _a.onKeyDown, onPaste = _a.onPaste, placeholder = _a.placeholder, readOnly = _a.readOnly, required = _a.required, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-describedby', 'aria-invalid', 'aria-label', 'aria-labelledby', 'aria-required', "autoComplete", "autoFocus", "defaultValue", "disabled", "getRef", "height", "id", "invalid", "margin", "maxLength", "name", "onBlur", "onChange", "onCut", "onFocus", "onKeyDown", "onPaste", "placeholder", "readOnly", "required", "value"]);
|
|
43
|
+
var textareaClassName = classNames('Input', 'resize--vertical', heightClassName(height), getMarginClass(margin), _modifierClass, {
|
|
43
44
|
'Input--invalid': invalid
|
|
44
45
|
});
|
|
45
|
-
return (React.createElement("textarea", __assign({}, getDataAttributes(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, autoComplete: autoComplete,
|
|
46
|
+
return (React.createElement("textarea", __assign({}, getDataAttributes(rest), { "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-required": ariaRequired, autoComplete: autoComplete,
|
|
46
47
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
47
|
-
autoFocus: autoFocus, className: textareaClassName, defaultValue: defaultValue, disabled: disabled, id: id, maxLength: maxLength, name: name, onBlur: onBlur, onChange: onChange, onCut: onCut, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, ref: getRef, value: inputValue(value, onChange) })));
|
|
48
|
+
autoFocus: autoFocus, className: textareaClassName, defaultValue: defaultValue, disabled: disabled, id: id, maxLength: maxLength, name: name, onBlur: onBlur, onChange: onChange, onCut: onCut, onFocus: onFocus, onKeyDown: onKeyDown, onPaste: onPaste, placeholder: placeholder, readOnly: readOnly, required: required, ref: getRef, value: inputValue(value, onChange) })));
|
|
48
49
|
}
|
|
49
50
|
//# sourceMappingURL=textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAgC3D,IAAM,cAAc,GAAmC;IACrD,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,SAAS,YAAY,CAAC,MAA+B;IACnD,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AACvD,CAAC;AAED,SAAS,eAAe,CAAC,MAAqC;IAArC,uBAAA,EAAA,YAAqC;IAC5D,IAAM,UAAU,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,kBAAW,UAAU,CAAE,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EA6BT;IA5Bd,IAAA,cAAc,oBAAA,EACM,eAAe,yBAAA,EACnB,WAAW,qBAAA,EACb,SAAS,mBAAA,EACJ,cAAc,wBAAA,EAChB,YAAY,sBAAA,EAC7B,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,EAAE,QAAA,EACF,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,OAAO,aAAA,EACP,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cA5BgB,uVA6BxB,CADQ;IAEP,IAAM,iBAAiB,GAAG,UAAU,CAClC,OAAO,EACP,kBAAkB,EAClB,eAAe,CAAC,MAAM,CAAC,EACvB,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,gBAAgB,EAAE,OAAO;KAC1B,CACF,CAAC;IAEF,OAAO,CACL,6CACM,iBAAiB,CAAC,IAAI,CAAC,wBACT,eAAe,kBACnB,WAAW,gBACb,SAAS,qBACJ,cAAc,mBAChB,YAAY,EAC3B,YAAY,EAAE,YAAY;QAC1B,iDAAiD;QACjD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,iBAAiB,EAC5B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,IAClC,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -12,7 +12,7 @@ interface ThemeProviderProps extends CommonComponentProps {
|
|
|
12
12
|
children?: React.ReactNode;
|
|
13
13
|
/** Additional class name(s) to apply. */
|
|
14
14
|
className?: string;
|
|
15
|
-
/** Name of the color scheme to apply. */
|
|
15
|
+
/** **Experimental**: Name of the color scheme to apply. */
|
|
16
16
|
colorScheme?: ColorSchemes;
|
|
17
17
|
/** Name of the theme to apply. */
|
|
18
18
|
theme?: Themes;
|
|
@@ -26,5 +26,33 @@ export declare const ThemeContext: React.Context<{
|
|
|
26
26
|
theme: Themes;
|
|
27
27
|
colorScheme: ColorSchemes;
|
|
28
28
|
}>;
|
|
29
|
+
/**
|
|
30
|
+
* Use the `<ThemeProvider />` to apply a theme to Particle. Particle is
|
|
31
|
+
* largely unstyled without a defined theme, so each app will need to render a
|
|
32
|
+
* `<ThemeProvider />` at the top level. The top-level provider should use the
|
|
33
|
+
* `global` prop to set the theme class on the body element. You'll likely
|
|
34
|
+
* want to also use the `applyBackgroundColor` prop on the top-level provider to
|
|
35
|
+
* apply the color scheme's base background color to the whole page.
|
|
36
|
+
*
|
|
37
|
+
* Themes can be nested to apply a different theme or color scheme to only a
|
|
38
|
+
* subsection of an interface. Do not apply the `global` prop for nested themes.
|
|
39
|
+
*
|
|
40
|
+
* The `<ThemeProvider />` also renders a React context provider, so descendants
|
|
41
|
+
* can use `ThemeContext` to customize their behavior based on the theme or
|
|
42
|
+
* color scheme. For example:
|
|
43
|
+
*
|
|
44
|
+
* ```jsx
|
|
45
|
+
* import React, { useContext } from 'react';
|
|
46
|
+
* import { ThemeContext } from '@dscout/particle';
|
|
47
|
+
*
|
|
48
|
+
* function Descendant() {
|
|
49
|
+
* const { colorScheme, theme } = useContext(ThemeContext)
|
|
50
|
+
*
|
|
51
|
+
* return (
|
|
52
|
+
* <p>I'm in the {theme} theme with the {colorScheme} color scheme!</p>
|
|
53
|
+
* );
|
|
54
|
+
* }
|
|
55
|
+
* ```
|
|
56
|
+
*/
|
|
29
57
|
export declare function ThemeProvider({ applyBackgroundColor, applyColor, as: ElementToRenderAs, children, className, colorScheme: specifiedColorScheme, theme: specifiedTheme, global, ...props }: ThemeProviderProps): React.JSX.Element;
|
|
30
58
|
export {};
|
|
@@ -26,40 +26,40 @@ export var ThemeContext = React.createContext({
|
|
|
26
26
|
theme: 'researcher',
|
|
27
27
|
colorScheme: 'light'
|
|
28
28
|
});
|
|
29
|
-
/**
|
|
30
|
-
Use the `<ThemeProvider />` to apply a theme to Particle. Particle is
|
|
31
|
-
largely unstyled without a defined theme, so each app will need to render a
|
|
32
|
-
`<ThemeProvider />` at the top level. The top-level provider should use the
|
|
33
|
-
`global` prop to set the theme class on the body element. You'll likely
|
|
34
|
-
want to also use the `applyBackgroundColor` prop on the top-level provider to
|
|
35
|
-
apply the color scheme's base background color to the whole page.
|
|
36
|
-
|
|
37
|
-
Themes can be nested to apply a different theme or color scheme to only a
|
|
38
|
-
subsection of an interface. Do not apply the `global` prop for nested themes.
|
|
39
|
-
|
|
40
|
-
The `<ThemeProvider />` also renders a React context provider, so descendants
|
|
41
|
-
can use `ThemeContext` to customize their behavior based on the theme or
|
|
42
|
-
color scheme. For example:
|
|
43
|
-
|
|
44
|
-
```jsx
|
|
45
|
-
import React, { useContext } from 'react';
|
|
46
|
-
import { ThemeContext } from '@dscout/particle';
|
|
47
|
-
|
|
48
|
-
function Descendant() {
|
|
49
|
-
const { colorScheme, theme } = useContext(ThemeContext)
|
|
50
|
-
|
|
51
|
-
return (
|
|
52
|
-
<p>I'm in the {theme} theme with the {colorScheme} color scheme!</p>
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
```
|
|
56
|
-
*/
|
|
57
29
|
function splitClassNames(string) {
|
|
58
30
|
return string
|
|
59
31
|
.trim()
|
|
60
32
|
.split(' ')
|
|
61
33
|
.filter(function (className) { return Boolean(className); });
|
|
62
34
|
}
|
|
35
|
+
/**
|
|
36
|
+
* Use the `<ThemeProvider />` to apply a theme to Particle. Particle is
|
|
37
|
+
* largely unstyled without a defined theme, so each app will need to render a
|
|
38
|
+
* `<ThemeProvider />` at the top level. The top-level provider should use the
|
|
39
|
+
* `global` prop to set the theme class on the body element. You'll likely
|
|
40
|
+
* want to also use the `applyBackgroundColor` prop on the top-level provider to
|
|
41
|
+
* apply the color scheme's base background color to the whole page.
|
|
42
|
+
*
|
|
43
|
+
* Themes can be nested to apply a different theme or color scheme to only a
|
|
44
|
+
* subsection of an interface. Do not apply the `global` prop for nested themes.
|
|
45
|
+
*
|
|
46
|
+
* The `<ThemeProvider />` also renders a React context provider, so descendants
|
|
47
|
+
* can use `ThemeContext` to customize their behavior based on the theme or
|
|
48
|
+
* color scheme. For example:
|
|
49
|
+
*
|
|
50
|
+
* ```jsx
|
|
51
|
+
* import React, { useContext } from 'react';
|
|
52
|
+
* import { ThemeContext } from '@dscout/particle';
|
|
53
|
+
*
|
|
54
|
+
* function Descendant() {
|
|
55
|
+
* const { colorScheme, theme } = useContext(ThemeContext)
|
|
56
|
+
*
|
|
57
|
+
* return (
|
|
58
|
+
* <p>I'm in the {theme} theme with the {colorScheme} color scheme!</p>
|
|
59
|
+
* );
|
|
60
|
+
* }
|
|
61
|
+
* ```
|
|
62
|
+
*/
|
|
63
63
|
export function ThemeProvider(_a) {
|
|
64
64
|
var _b = _a.applyBackgroundColor, applyBackgroundColor = _b === void 0 ? false : _b, _c = _a.applyColor, applyColor = _c === void 0 ? true : _c, _d = _a.as, ElementToRenderAs = _d === void 0 ? 'div' : _d, children = _a.children, className = _a.className, specifiedColorScheme = _a.colorScheme, specifiedTheme = _a.theme, _e = _a.global, global = _e === void 0 ? false : _e, props = __rest(_a, ["applyBackgroundColor", "applyColor", "as", "children", "className", "colorScheme", "theme", "global"]);
|
|
65
65
|
var _f = useContext(ThemeContext), inheritedTheme = _f.theme, inheritedColorScheme = _f.colorScheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/components/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAkC9C,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAG5C;IACD,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,OAAO;CACrB,CAAC,CAAC;AAEH
|
|
1
|
+
{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/components/theme_provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { CommonComponentProps,
|
|
2
|
+
import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
|
|
3
3
|
import type { GetRef } from '../utils/refs';
|
|
4
|
-
interface ThumbnailProps extends CommonComponentProps,
|
|
4
|
+
interface ThumbnailProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
|
|
5
5
|
circular?: boolean;
|
|
6
6
|
fallbackUrl?: string;
|
|
7
7
|
getRef?: GetRef<HTMLDivElement>;
|
|
@@ -9,5 +9,5 @@ interface ThumbnailProps extends CommonComponentProps, ModifierProps {
|
|
|
9
9
|
imageUrl?: string;
|
|
10
10
|
ratio?: number;
|
|
11
11
|
}
|
|
12
|
-
export declare function Thumbnail({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, circular, fallbackUrl, getRef, id, imageUrl, ratio, ...rest }: ThumbnailProps): React.JSX.Element;
|
|
12
|
+
export declare function Thumbnail({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, circular, fallbackUrl, getRef, id, imageUrl, margin, ratio, ...rest }: ThumbnailProps): React.JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -23,6 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React, { useEffect, useState } from 'react';
|
|
24
24
|
import classNames from '../utils/class_names';
|
|
25
25
|
import getDataAttributes from '../utils/data_attributes';
|
|
26
|
+
import { getMarginClass } from '../utils/modifier_classes';
|
|
26
27
|
function backgroundStyle(imageUrl) {
|
|
27
28
|
return { backgroundImage: "url(".concat(imageUrl, ")") };
|
|
28
29
|
}
|
|
@@ -30,7 +31,7 @@ function setRatio(ratio) {
|
|
|
30
31
|
return "".concat(ratio * 100, "%");
|
|
31
32
|
}
|
|
32
33
|
export function Thumbnail(_a) {
|
|
33
|
-
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], circular = _a.circular, fallbackUrl = _a.fallbackUrl, getRef = _a.getRef, id = _a.id, imageUrl = _a.imageUrl, ratio = _a.ratio, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "circular", "fallbackUrl", "getRef", "id", "imageUrl", "ratio"]);
|
|
34
|
+
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], circular = _a.circular, fallbackUrl = _a.fallbackUrl, getRef = _a.getRef, id = _a.id, imageUrl = _a.imageUrl, margin = _a.margin, ratio = _a.ratio, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "circular", "fallbackUrl", "getRef", "id", "imageUrl", "margin", "ratio"]);
|
|
34
35
|
var _b = useState(imageUrl), thumbUrl = _b[0], setThumbUrl = _b[1];
|
|
35
36
|
useEffect(function () {
|
|
36
37
|
var image = new Image();
|
|
@@ -52,7 +53,7 @@ export function Thumbnail(_a) {
|
|
|
52
53
|
var thumbnailClassNames = classNames('Card__Thumbnail', _modifierClass, {
|
|
53
54
|
'Card__Thumbnail--circular': circular
|
|
54
55
|
});
|
|
55
|
-
var wrapperClassNames = classNames('Card__Thumbnail--wrapper', _modifierClass, {
|
|
56
|
+
var wrapperClassNames = classNames('Card__Thumbnail--wrapper', getMarginClass(margin), _modifierClass, {
|
|
56
57
|
'Card__Thumbnail--wrapper-circular': circular
|
|
57
58
|
});
|
|
58
59
|
return (React.createElement("div", __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: wrapperClassNames, id: id, ref: getRef, style: { paddingBottom: setRatio(ratio) } }, getDataAttributes(rest)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thumbnail.js","sourceRoot":"","sources":["../../../src/components/thumbnail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"thumbnail.js","sourceRoot":"","sources":["../../../src/components/thumbnail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASnD,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAc3D,SAAS,eAAe,CAAC,QAAgB;IACvC,OAAO,EAAE,eAAe,EAAE,cAAO,QAAQ,MAAG,EAAE,CAAC;AACjD,CAAC;AAED,SAAS,QAAQ,CAAC,KAAa;IAC7B,OAAO,UAAG,KAAK,GAAG,GAAG,MAAG,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAaT;IAZf,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACF,IAAI,cAZiB,iJAazB,CADQ;IAED,IAAA,KAA0B,QAAQ,CAAC,QAAQ,CAAC,EAA3C,QAAQ,QAAA,EAAE,WAAW,QAAsB,CAAC;IAEnD,SAAS,CAAC;QACR,IAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,IAAM,WAAW,GAAG;YAClB,WAAW,CAAC,WAAW,CAAC,CAAC;QAC3B,CAAC,CAAC;QACF,IAAM,UAAU,GAAG;YACjB,IAAI,QAAQ,KAAK,QAAQ;gBAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;QACnD,CAAC,CAAC;QAEF,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC7C,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3C,KAAK,CAAC,GAAG,GAAG,QAAQ,CAAC;QAErB,OAAO;YACL,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAChD,KAAK,CAAC,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAM,mBAAmB,GAAG,UAAU,CAAC,iBAAiB,EAAE,cAAc,EAAE;QACxE,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IACH,IAAM,iBAAiB,GAAG,UAAU,CAClC,0BAA0B,EAC1B,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,EACd;QACE,mCAAmC,EAAE,QAAQ;KAC9C,CACF,CAAC;IAEF,OAAO,CACL,oDACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,iBAAiB,EAC5B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,IACrC,iBAAiB,CAAC,IAAI,CAAC;QAE3B,6BAAK,SAAS,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAI,CACrE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { CommonComponentProps,
|
|
2
|
+
import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
|
|
3
3
|
import type { GetRef } from '../utils/refs';
|
|
4
|
-
interface TogglableFieldsetProps extends CommonComponentProps,
|
|
4
|
+
interface TogglableFieldsetProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
getRef?: GetRef<HTMLDivElement>;
|
|
@@ -12,5 +12,5 @@ interface TogglableFieldsetProps extends CommonComponentProps, ModifierProps {
|
|
|
12
12
|
toggled?: boolean;
|
|
13
13
|
value?: number | string;
|
|
14
14
|
}
|
|
15
|
-
export declare function TogglableFieldset({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, disabled, getRef, id, label, name, onChange, toggled, value, ...rest }: TogglableFieldsetProps): React.JSX.Element;
|
|
15
|
+
export declare function TogglableFieldset({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, disabled, getRef, id, label, margin, name, onChange, toggled, value, ...rest }: TogglableFieldsetProps): React.JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -21,20 +21,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
|
+
import classNames from '../utils/class_names';
|
|
24
25
|
import getDataAttributes from '../utils/data_attributes';
|
|
26
|
+
import { getMarginClass } from '../utils/modifier_classes';
|
|
25
27
|
import { useFallbackId } from './shared_hooks';
|
|
26
28
|
import { CollapsibleContent } from './collapsible_content';
|
|
27
29
|
import { Flex } from './flex';
|
|
28
|
-
import { Modifier } from './modifier';
|
|
29
30
|
import { Toggle } from './toggle';
|
|
30
31
|
export function TogglableFieldset(_a) {
|
|
31
|
-
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, label = _a.label, name = _a.name, onChange = _a.onChange, toggled = _a.toggled, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "disabled", "getRef", "id", "label", "name", "onChange", "toggled", "value"]);
|
|
32
|
+
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, label = _a.label, margin = _a.margin, name = _a.name, onChange = _a.onChange, toggled = _a.toggled, value = _a.value, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "disabled", "getRef", "id", "label", "margin", "name", "onChange", "toggled", "value"]);
|
|
32
33
|
var toggleId = useFallbackId(id);
|
|
33
|
-
return (React.createElement("div", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: _modifierClass, ref: getRef },
|
|
34
|
-
React.createElement(
|
|
35
|
-
React.createElement(
|
|
36
|
-
|
|
37
|
-
React.createElement(Toggle, __assign({}, getDataAttributes(rest), { disabled: disabled, id: toggleId, name: name, onChange: onChange, toggled: toggled, value: value })))),
|
|
34
|
+
return (React.createElement("div", { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: classNames(getMarginClass(margin), _modifierClass), ref: getRef },
|
|
35
|
+
React.createElement(Flex, { justify: "between", margin: { bottom: 'none' } },
|
|
36
|
+
React.createElement("label", { htmlFor: toggleId }, label),
|
|
37
|
+
React.createElement(Toggle, __assign({}, getDataAttributes(rest), { disabled: disabled, id: toggleId, name: name, onChange: onChange, toggled: toggled, value: value }))),
|
|
38
38
|
React.createElement(CollapsibleContent, { collapsed: !toggled },
|
|
39
39
|
React.createElement("fieldset", { className: "margin-t--2", disabled: disabled }, children))));
|
|
40
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"togglable_fieldset.js","sourceRoot":"","sources":["../../../src/components/togglable_fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"togglable_fieldset.js","sourceRoot":"","sources":["../../../src/components/togglable_fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAiBlC,MAAM,UAAU,iBAAiB,CAAC,EAgBT;IAfvB,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EACnC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACF,IAAI,cAfyB,0KAgBjC,CADQ;IAEP,IAAM,QAAQ,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAEnC,OAAO,CACL,2CACc,SAAS,qBACJ,cAAc,sBACb,eAAe,EACjC,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,cAAc,CAAC,EAC7D,GAAG,EAAE,MAAM;QAEX,oBAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YAChD,+BAAO,OAAO,EAAE,QAAQ,IAAG,KAAK,CAAS;YACzC,oBAAC,MAAM,eACD,iBAAiB,CAAC,IAAI,CAAC,IAC3B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IACZ,CACG;QACP,oBAAC,kBAAkB,IAAC,SAAS,EAAE,CAAC,OAAO;YACrC,kCAAU,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,QAAQ,IACjD,QAAQ,CACA,CACQ,CACjB,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { Colors, CommonComponentProps,
|
|
2
|
+
import type { Colors, CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
|
|
3
3
|
import type { GetRef } from '../utils/refs';
|
|
4
|
-
interface ToggleProps extends CommonComponentProps,
|
|
4
|
+
interface ToggleProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
|
|
5
|
+
'aria-required'?: React.AriaAttributes['aria-required'];
|
|
5
6
|
defaultToggled?: boolean;
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
getRef?: GetRef<HTMLDivElement>;
|
|
8
9
|
id?: string;
|
|
9
10
|
name?: string;
|
|
10
11
|
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
12
|
+
required?: boolean;
|
|
11
13
|
toggled?: boolean;
|
|
12
14
|
value?: number | string;
|
|
13
15
|
color?: Colors;
|
|
14
16
|
variant?: 'ai';
|
|
15
17
|
}
|
|
16
|
-
export declare function Toggle({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, defaultToggled, disabled, getRef, id, name, onChange, toggled, value, color, variant, ...rest }: ToggleProps): React.JSX.Element;
|
|
18
|
+
export declare function Toggle({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-required': ariaRequired, defaultToggled, disabled, getRef, id, margin, name, onChange, required, toggled, value, color, variant, ...rest }: ToggleProps): React.JSX.Element;
|
|
17
19
|
export {};
|
|
@@ -23,11 +23,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import classNames from '../utils/class_names';
|
|
25
25
|
import getDataAttributes from '../utils/data_attributes';
|
|
26
|
+
import { getMarginClass } from '../utils/modifier_classes';
|
|
26
27
|
export function Toggle(_a) {
|
|
27
28
|
var _b, _c;
|
|
28
|
-
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], defaultToggled = _a.defaultToggled, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, name = _a.name, onChange = _a.onChange, toggled = _a.toggled, value = _a.value, _d = _a.color, color = _d === void 0 ? 'dscout' : _d, variant = _a.variant, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "defaultToggled", "disabled", "getRef", "id", "name", "onChange", "toggled", "value", "color", "variant"]);
|
|
29
|
-
return (React.createElement("div", { className: classNames('Toggle', { 'Toggle--ai': variant === 'ai' }, (_b = {}, _b["color--ai-purple-500"] = variant === 'ai', _b), (_c = {}, _c["color--".concat(color)] = color && variant !== 'ai', _c), _modifierClass), ref: getRef },
|
|
30
|
-
React.createElement("input", __assign({}, getDataAttributes(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, checked: toggled, className: "Toggle__Checkbox", defaultChecked: defaultToggled, disabled: disabled, id: id, name: name, onChange: onChange, type: "checkbox", value: value })),
|
|
29
|
+
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], ariaRequired = _a["aria-required"], defaultToggled = _a.defaultToggled, disabled = _a.disabled, getRef = _a.getRef, id = _a.id, margin = _a.margin, name = _a.name, onChange = _a.onChange, required = _a.required, toggled = _a.toggled, value = _a.value, _d = _a.color, color = _d === void 0 ? 'dscout' : _d, variant = _a.variant, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', 'aria-required', "defaultToggled", "disabled", "getRef", "id", "margin", "name", "onChange", "required", "toggled", "value", "color", "variant"]);
|
|
30
|
+
return (React.createElement("div", { className: classNames('Toggle', { 'Toggle--ai': variant === 'ai' }, (_b = {}, _b["color--ai-purple-500"] = variant === 'ai', _b), (_c = {}, _c["color--".concat(color)] = color && variant !== 'ai', _c), getMarginClass(margin), _modifierClass), ref: getRef },
|
|
31
|
+
React.createElement("input", __assign({}, getDataAttributes(rest), { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, checked: toggled, className: "Toggle__Checkbox", defaultChecked: defaultToggled, disabled: disabled, id: id, name: name, required: required, onChange: onChange, type: "checkbox", value: value })),
|
|
31
32
|
React.createElement("div", { className: "Toggle__Track" })));
|
|
32
33
|
}
|
|
33
34
|
//# sourceMappingURL=toggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../src/components/toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAoB3D,MAAM,UAAU,MAAM,CAAC,EAmBT;;IAlBZ,IAAA,cAAc,oBAAA,EACA,SAAS,mBAAA,EACJ,cAAc,wBAAA,EACb,eAAe,yBAAA,EAClB,YAAY,sBAAA,EAC7B,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,EAAE,QAAA,EACF,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,OAAO,aAAA,EACJ,IAAI,cAlBc,wNAmBtB,CADQ;IAEP,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR,EAAE,YAAY,EAAE,OAAO,KAAK,IAAI,EAAE,YAChC,GAAC,sBAAsB,IAAG,OAAO,KAAK,IAAI,iBAC1C,GAAC,iBAAU,KAAK,CAAE,IAAG,KAAK,IAAI,OAAO,KAAK,IAAI,OAChD,cAAc,CAAC,MAAM,CAAC,EACtB,cAAc,CACf,EACD,GAAG,EAAE,MAAM;QAEX,0CACM,iBAAiB,CAAC,IAAI,CAAC,kBACf,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,kBAAkB,EAC5B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,IACZ;QACF,6BAAK,SAAS,EAAC,eAAe,GAAG,CAC7B,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { CommonComponentProps,
|
|
2
|
+
import type { CommonComponentProps, ModifierClassProp } from '../types';
|
|
3
3
|
import type { GetRef } from '../utils/refs';
|
|
4
|
-
interface TooltipProps extends CommonComponentProps,
|
|
4
|
+
interface TooltipProps extends CommonComponentProps, ModifierClassProp {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
fixedAt?: {
|
|
7
7
|
top: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { CommonComponentProps,
|
|
2
|
+
import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
|
|
3
3
|
import type { GetRef } from '../utils/refs';
|
|
4
|
-
interface TooltipContainerProps extends CommonComponentProps,
|
|
4
|
+
interface TooltipContainerProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
fixedPosition?: boolean;
|
|
7
7
|
getRef?: GetRef<HTMLDivElement>;
|
|
@@ -13,5 +13,5 @@ interface TooltipContainerProps extends CommonComponentProps, ModifierProps {
|
|
|
13
13
|
tooltipContent: React.ReactNode;
|
|
14
14
|
zIndex?: number;
|
|
15
15
|
}
|
|
16
|
-
export declare function TooltipContainer({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, fixedPosition, getRef, id, invert, isDiv, placement, show: showProp, tooltipContent, zIndex, ...rest }: TooltipContainerProps): React.JSX.Element;
|
|
16
|
+
export declare function TooltipContainer({ _modifierClass, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, children, fixedPosition, getRef, id, invert, isDiv, margin, placement, show: showProp, tooltipContent, zIndex, ...rest }: TooltipContainerProps): React.JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -25,9 +25,10 @@ import classNames from '../utils/class_names';
|
|
|
25
25
|
import { dimensionsForPlacement } from '../utils/tooltip_util';
|
|
26
26
|
import { handleGetRef } from '../utils/refs';
|
|
27
27
|
import getDataAttributes from '../utils/data_attributes';
|
|
28
|
+
import { getMarginClass } from '../utils/modifier_classes';
|
|
28
29
|
import { Tooltip } from './tooltip';
|
|
29
30
|
export function TooltipContainer(_a) {
|
|
30
|
-
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, fixedPosition = _a.fixedPosition, getRef = _a.getRef, id = _a.id, _b = _a.invert, invert = _b === void 0 ? false : _b, _c = _a.isDiv, isDiv = _c === void 0 ? false : _c, _d = _a.placement, placement = _d === void 0 ? 'top' : _d, showProp = _a.show, tooltipContent = _a.tooltipContent, zIndex = _a.zIndex, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "fixedPosition", "getRef", "id", "invert", "isDiv", "placement", "show", "tooltipContent", "zIndex"]);
|
|
31
|
+
var _modifierClass = _a._modifierClass, ariaLabel = _a["aria-label"], ariaLabelledby = _a["aria-labelledby"], ariaDescribedby = _a["aria-describedby"], children = _a.children, fixedPosition = _a.fixedPosition, getRef = _a.getRef, id = _a.id, _b = _a.invert, invert = _b === void 0 ? false : _b, _c = _a.isDiv, isDiv = _c === void 0 ? false : _c, margin = _a.margin, _d = _a.placement, placement = _d === void 0 ? 'top' : _d, showProp = _a.show, tooltipContent = _a.tooltipContent, zIndex = _a.zIndex, rest = __rest(_a, ["_modifierClass", 'aria-label', 'aria-labelledby', 'aria-describedby', "children", "fixedPosition", "getRef", "id", "invert", "isDiv", "margin", "placement", "show", "tooltipContent", "zIndex"]);
|
|
31
32
|
var elem = useRef(null);
|
|
32
33
|
var _e = useState({
|
|
33
34
|
show: showProp === undefined ? false : showProp,
|
|
@@ -61,7 +62,7 @@ export function TooltipContainer(_a) {
|
|
|
61
62
|
}
|
|
62
63
|
};
|
|
63
64
|
var DivOrSpan = isDiv ? 'div' : 'span';
|
|
64
|
-
return (React.createElement(DivOrSpan, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: classNames('Tooltip-Container', _modifierClass), id: id, onMouseEnter: displayTooltip, onMouseLeave: hideTooltip, onBlur: hideTooltip, onFocus: displayTooltip, ref: useCallback(function (ref) {
|
|
65
|
+
return (React.createElement(DivOrSpan, __assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, className: classNames('Tooltip-Container', getMarginClass(margin), _modifierClass), id: id, onMouseEnter: displayTooltip, onMouseLeave: hideTooltip, onBlur: hideTooltip, onFocus: displayTooltip, ref: useCallback(function (ref) {
|
|
65
66
|
if (ref)
|
|
66
67
|
elem.current = ref;
|
|
67
68
|
handleGetRef(getRef, ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip_container.js","sourceRoot":"","sources":["../../../src/components/tooltip_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tooltip_container.js","sourceRoot":"","sources":["../../../src/components/tooltip_container.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { CommonComponentProps,
|
|
3
|
-
interface WithAddonsProps extends CommonComponentProps,
|
|
2
|
+
import type { CommonComponentProps, MarginModifierProp, ModifierClassProp } from '../types';
|
|
3
|
+
interface WithAddonsProps extends CommonComponentProps, MarginModifierProp, ModifierClassProp {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
mini?: boolean;
|
|
7
7
|
prefix?: React.ReactNode;
|
|
8
8
|
suffix?: React.ReactNode;
|
|
9
9
|
}
|
|
10
|
-
export declare function WithAddons({ _modifierClass, children, disabled, mini, prefix, suffix }: WithAddonsProps): React.JSX.Element;
|
|
10
|
+
export declare function WithAddons({ _modifierClass, children, disabled, margin, mini, prefix, suffix }: WithAddonsProps): React.JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -4,7 +4,7 @@ import { InputAddon } from './input_addon';
|
|
|
4
4
|
import { InputGroup } from './input_group';
|
|
5
5
|
import { InputGroupItem } from './input_group_item';
|
|
6
6
|
export function WithAddons(_a) {
|
|
7
|
-
var _modifierClass = _a._modifierClass, children = _a.children, disabled = _a.disabled, mini = _a.mini, prefix = _a.prefix, suffix = _a.suffix;
|
|
7
|
+
var _modifierClass = _a._modifierClass, children = _a.children, disabled = _a.disabled, margin = _a.margin, mini = _a.mini, prefix = _a.prefix, suffix = _a.suffix;
|
|
8
8
|
var hasPrefix = isPresent(prefix);
|
|
9
9
|
var hasSuffix = isPresent(suffix);
|
|
10
10
|
function renderAddon(type) {
|
|
@@ -13,7 +13,7 @@ export function WithAddons(_a) {
|
|
|
13
13
|
return (React.createElement(InputGroupItem, null,
|
|
14
14
|
React.createElement(InputAddon, { disabled: disabled, mini: mini }, textContent)));
|
|
15
15
|
}
|
|
16
|
-
return (React.createElement(InputGroup, { _modifierClass: _modifierClass },
|
|
16
|
+
return (React.createElement(InputGroup, { margin: margin, _modifierClass: _modifierClass },
|
|
17
17
|
hasPrefix && renderAddon('prefix'),
|
|
18
18
|
React.createElement(InputGroupItem, { grow: "1" }, children),
|
|
19
19
|
hasSuffix && renderAddon('suffix')));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"with_addons.js","sourceRoot":"","sources":["../../../src/components/with_addons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"with_addons.js","sourceRoot":"","sources":["../../../src/components/with_addons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAapD,MAAM,UAAU,UAAU,CAAC,EAQT;QAPhB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,MAAM,YAAA;IAEN,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEpC,SAAS,WAAW,CAAC,IAAyB;QAC5C,IAAM,YAAY,GAAG,EAAE,MAAM,QAAA,EAAE,MAAM,QAAA,EAAE,CAAC;QACxC,IAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QAEvC,OAAO,CACL,oBAAC,cAAc;YACb,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,IACvC,WAAW,CACD,CACE,CAClB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc;QACvD,SAAS,IAAI,WAAW,CAAC,QAAQ,CAAC;QACnC,oBAAC,cAAc,IAAC,IAAI,EAAC,GAAG,IAAE,QAAQ,CAAkB;QACnD,SAAS,IAAI,WAAW,CAAC,QAAQ,CAAC,CACxB,CACd,CAAC;AACJ,CAAC"}
|
package/lib/esm/index.d.ts
CHANGED
|
@@ -28,7 +28,6 @@ export { EditingContainer } from './components/editing_container';
|
|
|
28
28
|
export { EmailInput } from './components/email_input';
|
|
29
29
|
export { FileInput } from './components/file_input';
|
|
30
30
|
export { Flex } from './components/flex';
|
|
31
|
-
export { FocusIntent } from './components/focus_intent';
|
|
32
31
|
export { FocusTrap } from './components/focus_trap';
|
|
33
32
|
export { Footnote } from './components/footnote';
|
|
34
33
|
export { FormattedText } from './components/formatted_text';
|
package/lib/esm/index.js
CHANGED
|
@@ -29,7 +29,6 @@ export { EditingContainer } from './components/editing_container';
|
|
|
29
29
|
export { EmailInput } from './components/email_input';
|
|
30
30
|
export { FileInput } from './components/file_input';
|
|
31
31
|
export { Flex } from './components/flex';
|
|
32
|
-
export { FocusIntent } from './components/focus_intent';
|
|
33
32
|
export { FocusTrap } from './components/focus_trap';
|
|
34
33
|
export { Footnote } from './components/footnote';
|
|
35
34
|
export { FormattedText } from './components/formatted_text';
|
package/lib/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,gBAAgB;AAChB,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/lib/esm/types.d.ts
CHANGED
|
@@ -3,14 +3,27 @@ export interface CommonComponentProps {
|
|
|
3
3
|
'aria-labelledby'?: string;
|
|
4
4
|
'aria-describedby'?: string;
|
|
5
5
|
}
|
|
6
|
-
export
|
|
6
|
+
export type Spacing = 'none' | '0.25' | '0.5' | '0.75' | '1' | '1.25' | '1.5' | '2' | '3' | '4';
|
|
7
|
+
export type Margin = Spacing | 'auto';
|
|
8
|
+
export type MarginModifierProp = {
|
|
9
|
+
margin?: Margin | {
|
|
10
|
+
all?: Margin;
|
|
11
|
+
horizontal?: Margin;
|
|
12
|
+
vertical?: Margin;
|
|
13
|
+
top?: Margin;
|
|
14
|
+
right?: Margin;
|
|
15
|
+
bottom?: Margin;
|
|
16
|
+
left?: Margin;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export interface ModifierClassProp {
|
|
7
20
|
_modifierClass?: string;
|
|
8
21
|
}
|
|
9
|
-
export type Colors = 'alert-light' | 'alert' | 'alert-dark' | 'alert-darkest' | 'archive-light' | 'archive' | 'archive-dark' | 'archive-darkest' | 'black' | 'close-light' | 'close' | 'close-darkest' | 'close-dark' | 'coachmark-light' | 'coachmark' | 'coachmark-dark' | 'coachmark-darkest' | 'dscout-light' | 'dscout' | 'dscout-dark' | 'dscout-darkest' | 'gray-1' | 'gray-2' | 'gray-3' | 'gray-4' | 'gray-5' | 'gray-6' | 'invert' | 'main' | 'marker-light' | 'marker' | 'marker-dark' | 'marker-darkest' | 'note-light' | 'note' | 'note-dark' | 'note-darkest' | 'success-light' | 'success' | 'success-dark' | 'success-darkest' | 'test-light' | 'test' | 'test-dark' | 'test-darkest' | 'white' | 'part-0' | 'part-1' | 'part-2' | 'part-3' | 'part-4' | 'part-5' | 'part-6' | 'part-7' | 'part-8' | 'part-9' | 'gray-25' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-500' | 'gray-800' | 'green-100' | 'green-300' | 'green-500' | 'green-600' | 'green-700' | 'red-100' | 'red-300' | 'red-500' | 'red-600' | 'red-700' | 'purple-100' | 'purple-300' | 'purple-500' | 'purple-600' | 'purple-700' | 'blue-50' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-600' | 'blue-700' | 'sea-100' | 'sea-300' | 'sea-500' | 'sea-600' | 'sea-700' | 'sky-100' | 'sky-300' | 'sky-500' | 'sky-600' | 'sky-700' | 'caribbean-100' | 'caribbean-300' | 'caribbean-500' | 'caribbean-600' | 'caribbean-700' | 'amethyst-100' | 'amethyst-300' | 'amethyst-500' | 'amethyst-600' | 'amethyst-700' | 'rose-100' | 'rose-300' | 'rose-500' | 'rose-600' | 'rose-700' | 'tomato-100' | 'tomato-300' | 'tomato-500' | 'tomato-600' | 'tomato-700' | 'gold-100' | 'gold-300' | 'gold-500' | 'gold-600' | 'gold-700' | 'sand-100' | 'sand-300' | 'sand-500' | 'sand-600' | 'sand-700' | 'jungle-100' | 'jungle-300' | 'jungle-500' | 'jungle-600' | 'jungle-700' | 'lime-100' | 'lime-300' | 'lime-500' | 'lime-600' | 'lime-700' | 'ai-purple-50' | 'ai-purple-100' | 'ai-purple-300' | 'ai-purple-500' | 'ai-purple-600' | 'ai-purple-700' | 'ai-pink-50' | 'ai-pink-100' | 'ai-pink-300' | 'ai-pink-500' | 'ai-pink-600' | 'ai-pink-700' | 'ai-pink-800';
|
|
22
|
+
export type Colors = 'none' | 'alert-light' | 'alert' | 'alert-dark' | 'alert-darkest' | 'archive-light' | 'archive' | 'archive-dark' | 'archive-darkest' | 'black' | 'close-light' | 'close' | 'close-darkest' | 'close-dark' | 'coachmark-light' | 'coachmark' | 'coachmark-dark' | 'coachmark-darkest' | 'dscout-light' | 'dscout' | 'dscout-dark' | 'dscout-darkest' | 'gray-1' | 'gray-2' | 'gray-3' | 'gray-4' | 'gray-5' | 'gray-6' | 'invert' | 'main' | 'marker-light' | 'marker' | 'marker-dark' | 'marker-darkest' | 'note-light' | 'note' | 'note-dark' | 'note-darkest' | 'success-light' | 'success' | 'success-dark' | 'success-darkest' | 'test-light' | 'test' | 'test-dark' | 'test-darkest' | 'white' | 'part-0' | 'part-1' | 'part-2' | 'part-3' | 'part-4' | 'part-5' | 'part-6' | 'part-7' | 'part-8' | 'part-9' | 'gray-25' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-500' | 'gray-800' | 'green-100' | 'green-300' | 'green-500' | 'green-600' | 'green-700' | 'red-100' | 'red-300' | 'red-500' | 'red-600' | 'red-700' | 'purple-100' | 'purple-300' | 'purple-500' | 'purple-600' | 'purple-700' | 'blue-50' | 'blue-100' | 'blue-300' | 'blue-500' | 'blue-600' | 'blue-700' | 'sea-100' | 'sea-300' | 'sea-500' | 'sea-600' | 'sea-700' | 'sky-100' | 'sky-300' | 'sky-500' | 'sky-600' | 'sky-700' | 'caribbean-100' | 'caribbean-300' | 'caribbean-500' | 'caribbean-600' | 'caribbean-700' | 'amethyst-100' | 'amethyst-300' | 'amethyst-500' | 'amethyst-600' | 'amethyst-700' | 'rose-100' | 'rose-300' | 'rose-500' | 'rose-600' | 'rose-700' | 'tomato-100' | 'tomato-300' | 'tomato-500' | 'tomato-600' | 'tomato-700' | 'gold-100' | 'gold-300' | 'gold-500' | 'gold-600' | 'gold-700' | 'sand-100' | 'sand-300' | 'sand-500' | 'sand-600' | 'sand-700' | 'jungle-100' | 'jungle-300' | 'jungle-500' | 'jungle-600' | 'jungle-700' | 'lime-100' | 'lime-300' | 'lime-500' | 'lime-600' | 'lime-700' | 'ai-purple-50' | 'ai-purple-100' | 'ai-purple-300' | 'ai-purple-500' | 'ai-purple-600' | 'ai-purple-700' | 'ai-pink-50' | 'ai-pink-100' | 'ai-pink-300' | 'ai-pink-500' | 'ai-pink-600' | 'ai-pink-700' | 'ai-pink-800';
|
|
10
23
|
export type Gradients = 'ai-light-a' | 'ai-a' | 'ai-reverse-a' | 'ai-light-b' | 'ai-b';
|
|
11
24
|
export type Dimensions = 'none' | '0.25' | '0.5' | '0.75' | '1' | '1.25' | '1.5' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '10' | '12' | '14' | '16' | '18' | '20' | '22' | '24' | '26' | '28' | '30' | '32' | '36' | '40' | '48' | '60' | '10%' | '20%' | '30%' | '40%' | '50%' | '60%' | '70%' | '80%' | '90%' | '100%';
|
|
12
|
-
export type
|
|
13
|
-
export type Shadows = 's' | 'm' | 'l' | 'xl';
|
|
25
|
+
export type Radii = 'tiny' | 'small' | 'med' | 'large' | 'circle' | 'pill';
|
|
26
|
+
export type Shadows = 'none' | 's' | 'm' | 'l' | 'xl';
|
|
14
27
|
export type TypeSizes = 'xxs' | 'xs' | 's' | 'base' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'subheadline' | 'headline';
|
|
15
28
|
export type FontWeights = 'normal' | 'semibold' | 'bold' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
|
|
16
29
|
export type LineHeights = 'copy' | 'solid' | 'title' | 'loose';
|