Added style functions

src/index.ts

@@ -54,11 +54,11 @@ export * from './set';
 export * from './size';
 export * from './sleep';
 export * from './sortBy';
+export * from './styles';
 export * from './template';
 export * from './times';
 export * from './toFormData';
 export * from './typeOf';
 export * from './uniq';
 export * from './uniqBy';
 export * from './uniqWith';
-export * from './useSheet';

src/styles.ts

@@ -0,0 +1,25 @@
+const isFrag = (n: Node) => {
+  return [Node.DOCUMENT_FRAGMENT_NODE, Node.DOCUMENT_NODE].includes(n.nodeType as never);
+};
+
+export function css(arr: string[], ...val: unknown[]) {
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(val.reduce((r: string, v, i) => r + v + arr[i + 1], arr[0]) as string);
+  return sheet;
+}
+
+export function addStyle(
+  sheets: CSSStyleSheet | CSSStyleSheet[],
+  target: Document | ShadowRoot | HTMLElement = document,
+) {
+  const styles = (<CSSStyleSheet[]>[]).concat(sheets);
+  while (!isFrag(target)) target = <Document>(target.parentNode || document);
+  styles.forEach((sheet) => {
+    const arr = (<Document>target).adoptedStyleSheets || [];
+    if (!arr.includes(sheet)) (<Document>target).adoptedStyleSheets = [...arr, sheet];
+  });
+  return () => {
+    const arr = (<Document>target).adoptedStyleSheets;
+    arr.forEach((sheet, idx, arr) => styles.includes(sheet) && arr.splice(idx, 1));
+  };
+}