UNPKG

@base-framework/atoms

Version:

This will add default atoms to the base framework.

724 lines (723 loc) 22.5 kB
export function Doctype(props: object): object; /** * Creates an HTML tag. * * @param {object} props - Properties for the HTML element. * @param {array} children - Children elements of the HTML element. * @returns {object} - Returns an object representing the HTML element. */ export const Html: Function; /** * Creates a script tag. * * @param {object} props - Properties for the HTML element. * @param {array} children - Children elements of the HTML element. * @returns {object} - Returns an object representing the HTML element. */ export const Script: Function; /** * Creates a style tag. * * @param {object} props - Properties for the HTML element. * @param {array} children - Children elements of the HTML element. * @returns {object} - Returns an object representing the HTML element. */ export const Style: Function; /** * Creates a head tag. * * @param {object} props - Properties for the head element. * @param {array} children - Children elements of the head. * @returns {object} - Returns an object representing the head element. */ export const Head: Function; export function Title(props: object): any; export function Meta(props: object): object; export function Link(props: object): object; /** * Creates a body tag. * * @param {object} props - Properties for the body element. * @param {array} children - Children elements of the body. * @returns {object} - Returns an object representing the body element. */ export const Body: Function; /** * Creates a div element. * * @param {object} props - Properties for the div element. * @param {array} children - Children elements of the div. * @returns {object} - Returns an object representing the div element. */ export const Div: Function; /** * Creates a dialog element. * * @param {object} props - Properties for the div element. * @param {array} children - Children elements of the div. * @returns {object} - Returns an object representing the dialog element. */ export const Dialog: Function; /** * Creates a span element. * * @param {object} props - Properties for the span element. * @param {array} children - Children elements of the span. * @returns {object} - Returns an object representing the span element. */ export const Span: Function; /** * Creates a paragraph (p) element. * * @param {object} props - Properties for the paragraph element. * @param {array} children - Children elements of the paragraph. * @returns {object} - Returns an object representing the paragraph element. */ export const P: Function; /** * Creates an anchor (a) element. * * @param {object} props - Properties for the anchor element. * @param {array} children - Children elements of the anchor. * @return {object} - Returns an object representing the anchor element. */ export const A: Function; /** * Creates a button element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Button: Function; /** * Creates a submit button element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const SubmitButton: Function; /** * Creates an unordered list (ul) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Ul: Function; /** * Creates a list item (li) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Li: Function; /** * Creates an image (img) element. */ export const Img: Function; /** * Create a br element. * * @param {object} props - Properties for the br element. * @returns {object} - Returns an object representing the br element. */ export const Br: Function; /** * Creates a horizontal rule (hr) element. * * @param {object} props - Properties for the hr element. * @returns {object} - Returns an object representing the hr element. */ export const Hr: Function; /** * Creates a text (text) element. * * @param {object} props - Properties for the text element. * @param {array} children - Children elements of the text element. * @returns {object} - Returns an object representing the text element. */ export const Text: Function; /** * Creates a header 1 (h1) element. * * @param {object} props - Properties for the h1 element. * @param {array} children - Children elements of the h1 element. * @returns {object} - Returns an object representing the h1 element. */ export const H1: Function; /** * Creates a header 2 (h2) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const H2: Function; /** * Creates a header 3 (h3) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const H3: Function; /** * Creates a header 4 (h4) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const H4: Function; /** * Creates a header 5 (h5) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const H5: Function; /** * Creates a header 6 (h6) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const H6: Function; /** * Creates an input element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Input: Function; /** * Creates a label element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Label: Function; /** * Creates a checkbox input element. * * @param {object} props - Properties for the checkbox input element. * @returns {object} - Returns an object representing the checkbox input element. */ export const Checkbox: Function; /** * Creates a section element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Section: Function; /** * Creates an article element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Article: Function; /** * Creates a header (header) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Header: Function; /** * Creates a footer element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Footer: Function; /** * Creates a nav element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Nav: Function; /** * Creates an aside element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Aside: Function; /** * Creates a figure element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Figure: Function; /** * Creates a figcaption element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Figcaption: Function; /** * Creates a main element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Main: Function; /** * Creates a video element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Video: Function; /** * Creates an audio element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Audio: Function; /** * Creates a table element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Table: Function; /** * Creates a table row (tr) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Tr: Function; /** * Creates a table header (th) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Th: Function; /** * Creates a table data (td) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Td: Function; /** * Creates a table header group (thead) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Thead: Function; /** * Creates a table body (tbody) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Tbody: Function; /** * Creates a table footer (tfoot) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Tfoot: Function; /** * Creates a form element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Form: Function; /** * Creates a select element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Select: Function; /** * Creates an option element for a select tag. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Option: Function; /** * Creates a textarea element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Textarea: Function; /** * Creates a canvas element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Canvas: Function; /** * Creates a progress element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Progress: Function; /** * Creates a blockquote element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Blockquote: Function; /** * Creates a preformatted text (pre) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Pre: Function; /** * Creates a code element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Code: Function; /** * Creates an ordered list (ol) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Ol: Function; /** * Creates a definition list (dl) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Dl: Function; /** * Creates a definition term (dt) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Dt: Function; /** * Creates a definition description (dd) element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Dd: Function; /** * Creates a fieldset element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Fieldset: Function; /** * Creates a legend element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Legend: Function; /** * Creates a meter element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Meter: Function; /** * Creates an iframe element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Iframe: Function; /** * Creates a details element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Details: Function; /** * Creates a summary element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Summary: Function; /** * Creates an em element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Em: Function; /** * Creates a strong element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Strong: Function; /** * Creates a small element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Small: Function; /** * Creates a s element (strikethrough). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const S: Function; /** * Creates a cite element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Cite: Function; /** * Creates a q element (inline quotation). */ export const Q: Function; /** * Creates a dfn element (definition element). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Dfn: Function; /** * Creates an abbr element (abbreviation). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Abbr: Function; /** * Creates a data element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Data: Function; /** * Creates a time element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Time: Function; /** * Creates a var element (variable). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Var: Function; /** * Creates a samp element (sample output). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Samp: Function; /** * Creates a kbd element (keyboard input). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Kbd: Function; /** * Creates a sub element (subscript). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Sub: Function; /** * Creates a sup element (superscript). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Sup: Function; /** * Creates an i element (italic). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const I: Function; /** * Creates a b element (bold). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const B: Function; /** * Creates a u element (underline). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const U: Function; /** * Creates a mark element. * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Mark: Function; /** * Creates a ruby element (for East Asian typography). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Ruby: Function; /** * Creates an rt element (explanation/pronunciation of characters in East Asian typography). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Rt: Function; /** * Creates an rp element (for East Asian fallback parenthesis). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Rp: Function; /** * Creates a bdi element (Bi-Directional Isolation). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Bdi: Function; /** * Creates a bdo element (Bi-Directional Override). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Bdo: Function; /** * Creates a wbr element (Word Break Opportunity). * * @param {object} props - Properties for the element. * @param {array} children - Children elements. * @returns {object} - Returns an object representing the element. */ export const Wbr: Function; /** * This will create a comment. * * @param {object} props * @returns {object} */ export const Comment: Function; import { If } from './on/on.js'; import { IfState } from './on/on.js'; import { On } from './on/on.js'; import { OnLoad } from './on/on.js'; import { OnOpen } from './on/on.js'; import { OnRoute } from './on/on.js'; import { OnState } from './on/on.js'; import { OnStateLoad } from './on/on.js'; import { OnStateOpen } from './on/on.js'; import { UseParent } from './use/use.js'; export { If, IfState, On, OnLoad, OnOpen, OnRoute, OnState, OnStateLoad, OnStateOpen, UseParent };