A way to inject once per selector global styles, for more portable components.

hooked-style.js

import {define as hookedDefinition} from 'hooked-elements'; // or wicked-
import css from 'ustyler';

export const define = (selector, definition) => {
  // let the library throw on duplicated selectors
  const result = hookedDefinition(selector, definition);
  // add styles for this selector
  if (definition.style) css(definition.style);
  // return the wicked/hooked magic 🌈
  return result;
};

// export any other utility you like (i.e. useState and others)