@lyra/components
Version:
Basic UX components
975 lines (968 loc) • 28.8 kB
JSON
{
"paths": {
"source": "./src",
"compiled": "./lib"
},
"parts": [
{
"name": "part:@lyra/components/autocomplete/default",
"description": "Default autocomplete"
},
{
"name": "part:@lyra/components/autocomplete/default-style",
"description": "Default autocomplete styling"
},
{
"name": "part:@lyra/components/buttons/default",
"description": "Default button"
},
{
"name": "part:@lyra/components/buttons/button-collection",
"description": "Use this to wrap buttons"
},
{
"name": "part:@lyra/components/buttons/anchor",
"description": "Same as default button, but with an <a>. Takes href"
},
{
"name": "part:@lyra/components/buttons/default-style",
"description": "Default button styling"
},
{
"name": "part:@lyra/components/buttons/button-collection-style",
"description": "Styling for buttons collection"
},
{
"name": "part:@lyra/components/buttons/fab",
"description": "Floating Action Button"
},
{
"name": "part:@lyra/components/buttons/fab-style",
"description": "Floating Action Button styling"
},
{
"name": "part:@lyra/components/buttons/dropdown",
"description": "Drop down button with menu"
},
{
"name": "part:@lyra/components/buttons/dropdown-style",
"description": "Drop down button styling"
},
{
"name": "part:@lyra/components/buttons/in-input",
"description": "Button inside an input"
},
{
"name": "part:@lyra/components/buttons/in-input-style",
"description": "Styling for button inside an input"
},
{
"name": "part:@lyra/components/utilities/image-loader",
"description": "Image loader utility"
},
{
"name": "part:@lyra/components/utilities/stacked-escapable",
"description": "A stacked escapable utility"
},
{
"name": "part:@lyra/components/fileinput/default",
"description": "<Input type=file />"
},
{
"name": "part:@lyra/components/fileinput/button",
"description": "A button to upload file"
},
{
"name": "part:@lyra/components/loading/spinner",
"description": "Spinner to show activity"
},
{
"name": "part:@lyra/components/loading/spinner-style",
"description": "Spinner style"
},
{
"name": "part:@lyra/components/progress/bar",
"description": "Progress bar to show percent of a completed activity"
},
{
"name": "part:@lyra/components/progress/circle",
"description": "Progress circle to show percent of a completed activity"
},
{
"name": "part:@lyra/components/progress/bar-style",
"description": "Progress bar style"
},
{
"name": "part:@lyra/components/progress/circle-style",
"description": "Progress circle style"
},
{
"name": "part:@lyra/components/toggles/switch",
"description": "Switch toggle"
},
{
"name": "part:@lyra/components/toggles/switch-style",
"description": "Switch toggle style"
},
{
"name": "part:@lyra/components/toggles/checkbox",
"description": "Checkbox toggle"
},
{
"name": "part:@lyra/components/toggles/checkbox-style",
"description": "Checkbox toggle style"
},
{
"name": "part:@lyra/components/radiobutton/default",
"description": "Radiobutton"
},
{
"name": "part:@lyra/components/radiobutton/default-style",
"description": "Radiobutton style"
},
{
"name": "part:@lyra/components/toggles/buttons",
"description": "Toggle buttons"
},
{
"name": "part:@lyra/components/toggles/buttons-style",
"description": "Toggle buttons style"
},
{
"name": "part:@lyra/components/toggles/button",
"description": "Toggle button"
},
{
"name": "part:@lyra/components/toggles/button-style",
"description": "Toggle button style"
},
{
"name": "part:@lyra/components/formfields/default",
"description": "Default form field"
},
{
"name": "part:@lyra/components/formfield/default-style",
"description": "Default form field styling"
},
{
"name": "part:@lyra/components/labels/default",
"description": "Default label"
},
{
"name": "part:@lyra/components/labels/default-style",
"description": "Default label styling"
},
{
"name": "part:@lyra/components/textareas/default",
"description": "Standard text input"
},
{
"name": "part:@lyra/components/textareas/default-style",
"description": "Standard text input"
},
{
"name": "part:@lyra/components/textinputs/default",
"description": "Standard text input"
},
{
"name": "part:@lyra/components/textinputs/default-style",
"description": "Standard text styling"
},
{
"name": "part:@lyra/components/textfields/default",
"description": "Standard text field"
},
{
"name": "part:@lyra/components/textfields/default-style",
"description": "Text field styling"
},
{
"name": "part:@lyra/components/selects/default",
"description": "Standard select field"
},
{
"name": "part:@lyra/components/selects/default-style",
"description": "Standard select field styling"
},
{
"name": "part:@lyra/components/selects/radio",
"description": "Radio select fieldset"
},
{
"name": "part:@lyra/components/selects/radio-style",
"description": "Radio select field styling"
},
{
"name": "part:@lyra/components/selects/searchable",
"description": "Searchable select field"
},
{
"name": "part:@lyra/components/selects/searchable-style",
"description": "Searchable select field styling"
},
{
"name": "part:@lyra/components/selects/menu",
"description": "Select menu"
},
{
"name": "part:@lyra/components/selects/custom-style",
"description": "Custom select field styling"
},
{
"name": "part:@lyra/components/textfields/search",
"description": "Search text field"
},
{
"name": "part:@lyra/components/textfields/search-style",
"description": "Search field styling"
},
{
"name": "part:@lyra/components/tags/textfield",
"description": "Text field to input tags"
},
{
"name": "part:@lyra/components/tags/textfield-style",
"description": "Styling for text field to input tags"
},
{
"name": "part:@lyra/components/fieldsets/default",
"description": "Default <fieldset> with label as prop"
},
{
"name": "part:@lyra/components/fieldsets/default-style",
"description": "Fieldset styling"
},
{
"name": "part:@lyra/components/dialogs/fullscreen",
"description": "Fullscreen dialog"
},
{
"name": "part:@lyra/components/dialogs/fullscreen-style",
"description": "Fullscreen dialog styling"
},
{
"name": "part:@lyra/components/dialogs/default",
"description": "Default dialog"
},
{
"name": "part:@lyra/components/dialogs/content",
"description": "Used for sizing content to size the dialog"
},
{
"name": "part:@lyra/components/dialogs/default-style",
"description": "Default dialog styling"
},
{
"name": "part:@lyra/components/dialogs/content-style",
"description": "Sizing content to size the dialog"
},
{
"name": "part:@lyra/components/dialogs/confirm",
"description": "Confirm dialog"
},
{
"name": "part:@lyra/components/dialogs/popover",
"description": "Popover dialog. Points an arrow to parent element"
},
{
"name": "part:@lyra/components/dialogs/popover-style",
"description": "Popover styling"
},
{
"name": "part:@lyra/components/snackbar/default",
"description": "Shows messages with an action and a timeout."
},
{
"name": "part:@lyra/components/snackbar/default-style",
"description": "Styling for snackbar"
},
{
"name": "part:@lyra/components/menus/default",
"description": "Standard context menu"
},
{
"name": "part:@lyra/components/menus/state",
"description": "Context menu that takes linkState on each item to the router"
},
{
"name": "part:@lyra/components/menus/default-style",
"description": "Styling for standard context menu"
},
{
"name": "part:@lyra/components/lists/default",
"description": "Default list"
},
{
"name": "part:@lyra/components/lists/sortable",
"description": "Sortable list"
},
{
"name": "part:@lyra/components/lists/grid",
"description": "Grid list"
},
{
"name": "part:@lyra/components/lists/sortable-grid",
"description": "Sortable Grid list"
},
{
"name": "part:@lyra/components/lists/default-style",
"description": "Default list style"
},
{
"implements": "part:@lyra/components/lists/default-style",
"path": "lists/styles/DefaultList.css"
},
{
"name": "part:@lyra/components/lists/default-item-style",
"description": "Default list item style"
},
{
"implements": "part:@lyra/components/lists/default-item-style",
"path": "lists/styles/DefaultListItem.css"
},
{
"name": "part:@lyra/components/drag-handle-style",
"description": "Drag handle style for use with default list"
},
{
"implements": "part:@lyra/components/drag-handle-style",
"path": "lists/styles/DragHandle.css"
},
{
"name": "part:@lyra/components/edititem/fold",
"description": "Edit item. Folds out and wraps around nearest relative container horizontally."
},
{
"name": "part:@lyra/components/previews/default",
"description": "Default preview item"
},
{
"name": "part:@lyra/components/previews/detail",
"description": "Shows Title, subtitle, description, media and date"
},
{
"name": "part:@lyra/components/previews/card",
"description": "Card preview, shows title, subtitle, description, media and date"
},
{
"name": "part:@lyra/components/previews/media",
"description": "Shows only media, and shows details on hover"
},
{
"name": "part:@lyra/components/previews/inline",
"description": "Shows title and media inline"
},
{
"name": "part:@lyra/components/previews/block",
"description": "Shows everything in a block"
},
{
"name": "part:@lyra/components/previews/block-image",
"description": "Shows image in a block"
},
{
"name": "part:@lyra/components/previews/default-style",
"description": "Default preview styling"
},
{
"name": "part:@lyra/components/previews/card-style",
"description": "Card preview styling"
},
{
"name": "part:@lyra/components/previews/detail-style",
"description": "Detail preview styling"
},
{
"name": "part:@lyra/components/previews/inline-style",
"description": "Inline preview styling"
},
{
"name": "part:@lyra/components/previews/block-style",
"description": "Block preview styling"
},
{
"name": "part:@lyra/components/validation/status",
"description": "Show validation status icon based on markers"
},
{
"implements": "part:@lyra/components/validation/status",
"path": "validation/ValidationStatus.js"
},
{
"name": "part:@lyra/components/validation/list",
"description": "Show list of validation warnings and errors, based on markers"
},
{
"implements": "part:@lyra/components/validation/list",
"path": "validation/ValidationList.js"
},
{
"name": "part:@lyra/components/previews/block-image-style",
"description": "Block image preview styling"
},
{
"name": "part:@lyra/components/previews/media-style",
"description": "Media preview styling"
},
{
"implements": "part:@lyra/components/autocomplete/default",
"path": "autocomplete/DefaultAutocomplete.js"
},
{
"implements": "part:@lyra/components/buttons/default",
"path": "buttons/DefaultButton.js"
},
{
"implements": "part:@lyra/components/buttons/button-collection",
"path": "buttons/ButtonCollection.js"
},
{
"implements": "part:@lyra/components/buttons/anchor",
"path": "buttons/AnchorButton.js"
},
{
"implements": "part:@lyra/components/loading/spinner",
"path": "loading/Spinner.js"
},
{
"implements": "part:@lyra/components/progress/bar",
"path": "progress/ProgressBar.js"
},
{
"implements": "part:@lyra/components/progress/circle",
"path": "progress/ProgressCircle.js"
},
{
"implements": "part:@lyra/components/buttons/dropdown",
"path": "buttons/DropDownButton.js"
},
{
"implements": "part:@lyra/components/toggles/switch",
"path": "toggles/Switch.js"
},
{
"implements": "part:@lyra/components/toggles/checkbox",
"path": "toggles/Checkbox.js"
},
{
"implements": "part:@lyra/components/toggles/buttons",
"path": "toggles/Buttons.js"
},
{
"implements": "part:@lyra/components/radiobutton/default",
"path": "radiobutton/RadioButtonDefault.js"
},
{
"implements": "part:@lyra/components/toggles/button",
"path": "toggles/ToggleButton.js"
},
{
"implements": "part:@lyra/components/formfields/default",
"path": "formfields/DefaultFormField.js"
},
{
"implements": "part:@lyra/components/labels/default",
"path": "labels/DefaultLabel.js"
},
{
"implements": "part:@lyra/components/textareas/default",
"path": "textareas/DefaultTextArea.js"
},
{
"implements": "part:@lyra/components/textinputs/default",
"path": "textinputs/DefaultTextInput.js"
},
{
"implements": "part:@lyra/components/textfields/default",
"path": "textfields/DefaultTextField.js"
},
{
"implements": "part:@lyra/components/textfields/search",
"path": "textfields/SearchField.js"
},
{
"implements": "part:@lyra/components/tags/textfield",
"path": "tags/TextField.js"
},
{
"implements": "part:@lyra/components/selects/default",
"path": "selects/DefaultSelect.js"
},
{
"implements": "part:@lyra/components/selects/default-style",
"path": "selects/styles/DefaultSelect.css"
},
{
"implements": "part:@lyra/components/selects/radio",
"path": "selects/RadioSelect.js"
},
{
"implements": "part:@lyra/components/selects/radio-style",
"path": "selects/styles/RadioSelect.css"
},
{
"implements": "part:@lyra/components/selects/searchable",
"path": "selects/SearchableSelect.js"
},
{
"implements": "part:@lyra/components/selects/searchable-style",
"path": "selects/styles/SearchableSelect.css"
},
{
"implements": "part:@lyra/components/selects/custom",
"path": "selects/CustomSelect.js"
},
{
"implements": "part:@lyra/components/selects/custom-style",
"path": "selects/styles/CustomSelect.css"
},
{
"implements": "part:@lyra/components/selects/menu",
"path": "selects/SelectMenu.js"
},
{
"implements": "part:@lyra/components/selects/style-style",
"path": "selects/styles/StyleSelect.css"
},
{
"implements": "part:@lyra/components/selects/style",
"path": "selects/StyleSelect.js"
},
{
"implements": "part:@lyra/components/selects/style-style",
"path": "selects/styles/StyleSelect.css"
},
{
"implements": "part:@lyra/components/dialogs/default",
"path": "dialogs/DefaultDialog.js"
},
{
"implements": "part:@lyra/components/dialogs/content",
"path": "dialogs/DialogContent.js"
},
{
"implements": "part:@lyra/components/dialogs/confirm",
"path": "dialogs/ConfirmDialog.js"
},
{
"implements": "part:@lyra/components/dialogs/fullscreen",
"path": "dialogs/FullscreenDialog.js"
},
{
"implements": "part:@lyra/components/dialogs/popover",
"path": "dialogs/PopOver.js"
},
{
"implements": "part:@lyra/components/dialogs/popover-style",
"path": "dialogs/styles/PopOver.css"
},
{
"implements": "part:@lyra/components/fieldsets/default",
"path": "fieldsets/DefaultFieldset.js"
},
{
"implements": "part:@lyra/components/snackbar/default",
"path": "snackbar/DefaultSnackbar.js"
},
{
"implements": "part:@lyra/components/edititem/fold",
"path": "edititem/EditItemFoldOut.js"
},
{
"implements": "part:@lyra/components/previews/default",
"path": "previews/DefaultPreview.js"
},
{
"implements": "part:@lyra/components/previews/detail",
"path": "previews/DetailPreview.js"
},
{
"implements": "part:@lyra/components/previews/card",
"path": "previews/CardPreview.js"
},
{
"implements": "part:@lyra/components/previews/media",
"path": "previews/MediaPreview.js"
},
{
"implements": "part:@lyra/components/previews/inline",
"path": "previews/InlinePreview.js"
},
{
"implements": "part:@lyra/components/previews/block",
"path": "previews/BlockPreview.js"
},
{
"implements": "part:@lyra/components/previews/block-image",
"path": "previews/BlockImagePreview.js"
},
{
"implements": "part:@lyra/components/autocomplete/default-style",
"path": "autocomplete/styles/DefaultAutocomplete.css"
},
{
"implements": "part:@lyra/components/buttons/default-style",
"path": "buttons/styles/DefaultButton.css"
},
{
"implements": "part:@lyra/components/buttons/button-collection-style",
"path": "buttons/styles/ButtonCollection.css"
},
{
"implements": "part:@lyra/components/buttons/dropdown-style",
"path": "buttons/styles/DropDownButton.css"
},
{
"implements": "part:@lyra/components/buttons/in-input",
"path": "buttons/InInput.js"
},
{
"implements": "part:@lyra/components/buttons/in-input-style",
"path": "buttons/styles/InInput.css"
},
{
"implements": "part:@lyra/components/fileinput/default",
"path": "fileinput/DefaultFileInput.js"
},
{
"implements": "part:@lyra/components/fileinput/button",
"path": "fileinput/FileInputButton.js"
},
{
"implements": "part:@lyra/components/utilities/image-loader",
"path": "utilities/ImageLoader.js"
},
{
"implements": "part:@lyra/components/utilities/stacked-escapable",
"path": "utilities/StackedEscapable.js"
},
{
"name": "part:@lyra/components/utilities/escapable",
"description": "Listens to escape button pressed"
},
{
"implements": "part:@lyra/components/utilities/escapable",
"path": "utilities/Escapable.js"
},
{
"implements": "part:@lyra/components/utilities/stacked",
"path": "utilities/Stacked.js"
},
{
"implements": "part:@lyra/components/loading/spinner-style",
"path": "loading/styles/Spinner.css"
},
{
"implements": "part:@lyra/components/progress/bar-style",
"path": "progress/styles/ProgressBar.css"
},
{
"implements": "part:@lyra/components/progress/circle-style",
"path": "progress/styles/ProgressCircle.css"
},
{
"implements": "part:@lyra/components/toggles/switch-style",
"path": "toggles/styles/Switch.css"
},
{
"implements": "part:@lyra/components/toggles/checkbox-style",
"path": "toggles/styles/Checkbox.css"
},
{
"implements": "part:@lyra/components/radiobutton/default-style",
"path": "radiobutton/styles/RadioButtonDefault.css"
},
{
"implements": "part:@lyra/components/toggles/buttons-style",
"path": "toggles/styles/Buttons.css"
},
{
"implements": "part:@lyra/components/toggles/button-style",
"path": "toggles/styles/ToggleButton.css"
},
{
"implements": "part:@lyra/components/formfields/default-style",
"path": "formfields/styles/DefaultFormField.css"
},
{
"implements": "part:@lyra/components/labels/default-style",
"path": "labels/styles/DefaultLabel.css"
},
{
"implements": "part:@lyra/components/textareas/default-style",
"path": "textareas/styles/DefaultTextArea.css"
},
{
"implements": "part:@lyra/components/textinputs/default-style",
"path": "textinputs/styles/DefaultTextInput.css"
},
{
"implements": "part:@lyra/components/textfields/default-style",
"path": "textfields/styles/DefaultTextField.css"
},
{
"implements": "part:@lyra/components/textfields/search-style",
"path": "textfields/styles/SearchField.css"
},
{
"implements": "part:@lyra/components/tags/textfield-style",
"path": "tags/styles/TextField.css"
},
{
"implements": "part:@lyra/components/dialogs/fullscreen-style",
"path": "dialogs/styles/FullscreenDialog.css"
},
{
"implements": "part:@lyra/components/dialogs/default-style",
"path": "dialogs/styles/DefaultDialog.css"
},
{
"implements": "part:@lyra/components/dialogs/content-style",
"path": "dialogs/styles/DialogContent.css"
},
{
"implements": "part:@lyra/components/fieldsets/default-style",
"path": "fieldsets/styles/DefaultFieldset.css"
},
{
"implements": "part:@lyra/components/snackbar/default-style",
"path": "snackbar/styles/DefaultSnackbar.css"
},
{
"implements": "part:@lyra/components/menus/default",
"path": "menus/DefaultMenu.js"
},
{
"implements": "part:@lyra/components/menus/state",
"path": "menus/StateMenu.js"
},
{
"implements": "part:@lyra/components/menus/default-style",
"path": "menus/styles/DefaultMenu.css"
},
{
"implements": "part:@lyra/components/lists/default",
"path": "lists/default"
},
{
"implements": "part:@lyra/components/lists/sortable",
"path": "lists/sortable"
},
{
"implements": "part:@lyra/components/lists/grid",
"path": "lists/grid"
},
{
"implements": "part:@lyra/components/lists/sortable-grid",
"path": "lists/sortable-grid"
},
{
"implements": "part:@lyra/components/edititem/fold-style",
"path": "edititem/styles/EditItemFoldOut.css"
},
{
"implements": "part:@lyra/components/previews/default-style",
"path": "previews/styles/DefaultPreview.css"
},
{
"implements": "part:@lyra/components/previews/card-style",
"path": "previews/styles/CardPreview.css"
},
{
"implements": "part:@lyra/components/previews/detail-style",
"path": "previews/styles/DetailPreview.css"
},
{
"implements": "part:@lyra/components/previews/inline-style",
"path": "previews/styles/InlinePreview.css"
},
{
"implements": "part:@lyra/components/previews/block-style",
"path": "previews/styles/BlockPreview.css"
},
{
"implements": "part:@lyra/components/previews/block-image-style",
"path": "previews/styles/BlockImagePreview.css"
},
{
"implements": "part:@lyra/components/previews/media-style",
"path": "previews/styles/MediaPreview.css"
},
{
"name": "part:@lyra/components/panes/default-pane-style",
"description": "Styling for panes"
},
{
"implements": "part:@lyra/components/panes/default-pane-style",
"path": "panes/styles/DefaultPane.css"
},
{
"name": "part:@lyra/components/utilities/activate-on-focus",
"description": "Prevents scrolling, click and other mouseevents before the area is activated"
},
{
"implements": "part:@lyra/components/utilities/activate-on-focus",
"path": "utilities/ActivateOnFocus.js"
},
{
"name": "part:@lyra/components/panes/default",
"description": "Default Pane"
},
{
"implements": "part:@lyra/components/panes/default",
"path": "panes/DefaultPane.js"
},
{
"name": "part:@lyra/components/panes/controller",
"description": "Panes controller"
},
{
"implements": "part:@lyra/components/panes/controller",
"path": "panes/Controller.js"
},
{
"name": "part:@lyra/components/panes/split-controller",
"description": "Resizeable split controller for panes"
},
{
"implements": "part:@lyra/components/panes/split-controller",
"path": "panes/SplitController.js"
},
{
"name": "part:@lyra/components/panes/split-pane-wrapper",
"description": "Resizeable split pane wrapper"
},
{
"implements": "part:@lyra/components/panes/split-pane-wrapper",
"path": "panes/SplitPaneWrapper.js"
},
{
"implements": "part:@lyra/components/utilities/scroll-container",
"path": "utilities/ScrollContainer.js"
},
{
"name": "part:@lyra/components/utilities/capture-outside-clicks",
"description": "Catch click outside this components. Used for dialogs/popups/menus etc"
},
{
"implements": "part:@lyra/components/utilities/capture-outside-clicks",
"path": "utilities/CaptureOutsideClicks.js"
},
{
"name": "part:@lyra/components/utilities/portal",
"description": "React portal"
},
{
"implements": "part:@lyra/components/utilities/portal",
"path": "utilities/Portal/index.js"
},
{
"name": "part:@lyra/components/utilities/stacked",
"description": "Stacking. Used for overlays/portals and things that closes with esc or clickOutside"
},
{
"implements": "part:@lyra/components/utilities/stacked",
"path": "utilities/Stacked.js"
},
{
"implements": "part:@lyra/base/component",
"path": "buttons/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "dialogs/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "toggles/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "fieldsets/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "lists/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "lists/story_grid.js"
},
{
"implements": "part:@lyra/base/component",
"path": "snackbar/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "menus/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "icons/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "textfields/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "typography/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "loading/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "tags/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "progress/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "selects/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "textinputs/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "labels/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "formfields/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "textareas/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "edititem/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "previews/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "radiobutton/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "fileinput/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "utilities/story.js"
},
{
"implements": "part:@lyra/base/component",
"path": "panes/story.js"
}
]
}