@reusable-ui/core
Version:
A set of reusable-ui packages which are responsible for building any component.
57 lines (56 loc) • 4.69 kB
JavaScript
// reusable-ui configs:
/*peer*/ export * from '@reusable-ui/colors'; // a color management system
/*peer*/ export * from '@reusable-ui/borders'; // a border (stroke) management system
/*peer*/ export * from '@reusable-ui/spacers'; // a spacer (gap) management system
/*peer*/ export * from '@reusable-ui/breakpoints'; // a responsive management system
/*peer*/ export * from '@reusable-ui/typos'; // a typography management system
// reusable-ui utilities:
export * from '@reusable-ui/types'; // a collection of TypeScript type utilities, assertions, and validations for ensuring type safety in reusable UI components
export * from '@reusable-ui/numbers'; // a set of numeric utility functions
export * from '@reusable-ui/nodes'; // a set of React node utility functions
export * from '@reusable-ui/stripouts'; // removes browser's default stylesheet
export * from '@reusable-ui/layouts'; // reusable common layouts
export * from '@reusable-ui/hooks'; // react helper hooks
export * from '@reusable-ui/semantics'; // a semantic management system for react web components
/*peer*/ export * from '@reusable-ui/accessibilities'; // an accessibility management system
/*peer*/ export * from '@reusable-ui/validations'; // a validation management system
export * from '@reusable-ui/focuses'; // focusing functions
export * from '@reusable-ui/client-sides'; // a set of client-side functions
export * from '@reusable-ui/navigations'; // a set of navigation functions
export * from '@reusable-ui/animating-state'; // a hook for creating animating state
// reusable-ui features:
/*peer*/ export * from '@reusable-ui/background'; // background stuff of UI
/*peer*/ export * from '@reusable-ui/foreground'; // foreground (text color) stuff of UI
/*peer*/ export * from '@reusable-ui/border'; // border (stroke) stuff of UI
/*peer*/ export * from '@reusable-ui/ring'; // ring (focus indicator) color of UI
/*peer*/ export * from '@reusable-ui/animation'; // animation stuff of UI
/*peer*/ export * from '@reusable-ui/padding'; // padding (inner spacing) stuff of UI
// reusable-ui capabilities:
export * from '@reusable-ui/floatable'; // a capability of UI to float/overlay on the top/beside the another UI
export * from '@reusable-ui/global-stackable'; // a capability of UI to stack on top-most of another UI(s) regardless of DOM's stacking context
export * from '@reusable-ui/auto-focusable'; // a capability of UI to be focused within itself or its content (when expanded), and re-focus back to previous element (when collapsed)
/*peer*/ export * from '@reusable-ui/groupable'; // groups a list of UIs into a single UI
export * from '@reusable-ui/pointer-capturable'; // a capability of UI to capture the mouse/touch event inside & outside the UI itself
// reusable-ui variants:
/*peer*/ export * from '@reusable-ui/orientationable'; // a capability of UI to rotate its layout
/*peer*/ export * from '@reusable-ui/resizable'; // size options of UI
/*peer*/ export * from '@reusable-ui/themeable'; // color options of UI
/*peer*/ export * from '@reusable-ui/gradientable'; // gradient variant of UI
/*peer*/ export * from '@reusable-ui/outlineable'; // outlined (background-less) variant of UI
/*peer*/ export * from '@reusable-ui/mildable'; // mild (soft color) variant of UI
/*peer*/ export * from '@reusable-ui/nudible'; // nude variant of UI
export * from '@reusable-ui/colorable'; // colorize the UI based on its theme or the background theme
/*peer*/ export * from '@reusable-ui/basic-variants'; // basic variants of UI
// reusable-ui states:
/*peer*/ export * from '@reusable-ui/excitable'; // a capability of UI to highlight itself to attract user's attention
export * from '@reusable-ui/collapsible'; // a capability of UI to expand/reduce its size or toggle the visibility
export * from '@reusable-ui/scrollable'; // a capability of UI to scroll/switch its contents
/*peer*/ export * from '@reusable-ui/disableable'; // a capability of UI to be disabled
/*peer*/ export * from '@reusable-ui/activatable'; // a capability of UI to be highlighted/selected/activated
/*peer*/ export * from '@reusable-ui/focusable'; // a capability of UI to be focused
/*peer*/ export * from '@reusable-ui/interactable'; // adds an interactive feel to a UI
/*peer*/ export * from '@reusable-ui/clickable'; // a capability of UI to be clicked
export * from '@reusable-ui/active-as-click'; // shows the UI as clicked when activated
export * from '@reusable-ui/invalidable'; // a possibility of UI having an invalid state.
/*peer*/ export * from '@reusable-ui/checkable'; // a capability of UI to be checked
/*peer*/ export * from '@reusable-ui/validation-icon'; // an icon for indicating a validity status