@bbl-digital/snorre 4.0.0-alpha.3 → 4.0.0-alpha.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/dist/bundle.js +9 -4
  2. package/esm/app-shell/index.js +3 -3
  3. package/esm/utils/useSnorreTheme.js +7 -2
  4. package/lib/app-shell/index.d.ts.map +1 -1
  5. package/lib/app-shell/index.js +3 -3
  6. package/lib/utils/useSnorreTheme.d.ts +1 -1
  7. package/lib/utils/useSnorreTheme.d.ts.map +1 -1
  8. package/lib/utils/useSnorreTheme.js +7 -2
  9. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -44,13 +44,18 @@
44
44
  const pstyle = fetch(`${themeUrl}/styles.json`);
45
45
  const pglobal = fetch(`${themeUrl}/globals.css`);
46
46
  const [styles, global] = await Promise.all([pstyle, pglobal]);
47
- setTheme(styles.json());
48
- setGlobals(global);
47
+ const p = await styles.json();
48
+ const g = await global.text();
49
+ setTheme(p);
50
+ setGlobals(g);
49
51
  };
50
52
 
51
53
  getThemeStuff(themeUrl);
52
54
  }, [themeUrl]);
53
55
  React.useEffect(() => {
56
+ console.log(theme);
57
+ console.log(globals);
58
+
54
59
  if (theme) {
55
60
  setAppTheme(initTheme(theme, defaultTextColor));
56
61
  }
@@ -68,7 +73,7 @@
68
73
  label: "Wrapper"
69
74
  })("min-height:100vh;width:auto;background-color:", ({
70
75
  theme
71
- }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xuaW1wb3J0IHVzZVNub3JyZVRoZW1lIGZyb20gJy4uL3V0aWxzL3VzZVNub3JyZVRoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZVVybDogc3RyaW5nXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XG4gIHRoZW1lVXJsLFxuICBkZWZhdWx0VGV4dENvbG9yLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgY29uc3QgeyBhcHBUaGVtZSwgZ2xvYmFscyB9ID0gdXNlU25vcnJlVGhlbWUoeyB0aGVtZVVybCwgZGVmYXVsdFRleHRDb2xvciB9KVxuXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XG4gICAgICB7LyoqIEdsb2JhbCBzdHlsZXMgKi99XG4gICAgICA8R2xvYmFsIHN0eWxlcz17Z2xvYmFsc30gLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
76
+ }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBBcHBMb2FkZXIgZnJvbSAnLi4vY29yZS9BcHBMb2FkZXInXG5pbXBvcnQgdXNlU25vcnJlVGhlbWUgZnJvbSAnLi4vdXRpbHMvdXNlU25vcnJlVGhlbWUnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PGFueT5gXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iZ307XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogQXBwIHRoZW1lICovXG4gIHRoZW1lVXJsOiBzdHJpbmdcbiAgLyoqIE92ZXJyaWRlIGRlZmF1bHQgdGV4dCBjb2xvciBmb3IgYXBwICovXG4gIGRlZmF1bHRUZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqIENoaWxkcmVuICovXG4gIGNoaWxkcmVuOiBOb25OdWxsYWJsZTxSZWFjdC5SZWFjdE5vZGU+XG59XG5cbmNvbnN0IEFwcFNoZWxsOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGhlbWVVcmwsXG4gIGRlZmF1bHRUZXh0Q29sb3IsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICBjb25zdCB7IGFwcFRoZW1lLCBnbG9iYWxzIH0gPSB1c2VTbm9ycmVUaGVtZSh7IHRoZW1lVXJsLCBkZWZhdWx0VGV4dENvbG9yIH0pXG5cbiAgcmV0dXJuIGFwcFRoZW1lICYmIGdsb2JhbHMgPyAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cbiAgICAgIHsvKiogR2xvYmFsIHN0eWxlcyAqL31cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtnbG9iYWxzfVxuICAgICAgICBgfVxuICAgICAgLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
72
77
 
73
78
  const AppShell = ({
74
79
  themeUrl,
@@ -85,7 +90,7 @@
85
90
  return appTheme && globals ? /*#__PURE__*/jsxRuntime$1.jsxs(react.ThemeProvider, {
86
91
  theme: appTheme,
87
92
  children: [/*#__PURE__*/jsxRuntime$1.jsx(react.Global, {
88
- styles: globals
93
+ styles: /*#__PURE__*/react.css(globals, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppShell;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDbUIiLCJmaWxlIjoiLi4vLi4vc3JjL3BhY2thZ2VzL2FwcC1zaGVsbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xuaW1wb3J0IHVzZVNub3JyZVRoZW1lIGZyb20gJy4uL3V0aWxzL3VzZVNub3JyZVRoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZVVybDogc3RyaW5nXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XG4gIHRoZW1lVXJsLFxuICBkZWZhdWx0VGV4dENvbG9yLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgY29uc3QgeyBhcHBUaGVtZSwgZ2xvYmFscyB9ID0gdXNlU25vcnJlVGhlbWUoeyB0aGVtZVVybCwgZGVmYXVsdFRleHRDb2xvciB9KVxuXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XG4gICAgICB7LyoqIEdsb2JhbCBzdHlsZXMgKi99XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7Z2xvYmFsc31cbiAgICAgICAgYH1cbiAgICAgIC8+XG5cbiAgICAgIDxXcmFwcGVyPntjaGlsZHJlbn08L1dyYXBwZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApIDogKFxuICAgIDxBcHBMb2FkZXIgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHBTaGVsbFxuIl19 */")
89
94
  }), /*#__PURE__*/jsxRuntime$1.jsx(Wrapper$E, {
90
95
  children: children
91
96
  })]
package/esm/app-shell/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _styled from "@emotion/styled/base";
2
2
  import React from 'react';
3
- import { Global, ThemeProvider } from '@emotion/react';
3
+ import { css, Global, ThemeProvider } from '@emotion/react';
4
4
  import AppLoader from '../core/AppLoader';
5
5
  import useSnorreTheme from '../utils/useSnorreTheme';
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
13
13
  label: "Wrapper"
14
14
  })("min-height:100vh;width:auto;background-color:", ({
15
15
  theme
16
- }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xuaW1wb3J0IHVzZVNub3JyZVRoZW1lIGZyb20gJy4uL3V0aWxzL3VzZVNub3JyZVRoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZVVybDogc3RyaW5nXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XG4gIHRoZW1lVXJsLFxuICBkZWZhdWx0VGV4dENvbG9yLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgY29uc3QgeyBhcHBUaGVtZSwgZ2xvYmFscyB9ID0gdXNlU25vcnJlVGhlbWUoeyB0aGVtZVVybCwgZGVmYXVsdFRleHRDb2xvciB9KVxuXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XG4gICAgICB7LyoqIEdsb2JhbCBzdHlsZXMgKi99XG4gICAgICA8R2xvYmFsIHN0eWxlcz17Z2xvYmFsc30gLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
16
+ }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBBcHBMb2FkZXIgZnJvbSAnLi4vY29yZS9BcHBMb2FkZXInXG5pbXBvcnQgdXNlU25vcnJlVGhlbWUgZnJvbSAnLi4vdXRpbHMvdXNlU25vcnJlVGhlbWUnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PGFueT5gXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iZ307XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogQXBwIHRoZW1lICovXG4gIHRoZW1lVXJsOiBzdHJpbmdcbiAgLyoqIE92ZXJyaWRlIGRlZmF1bHQgdGV4dCBjb2xvciBmb3IgYXBwICovXG4gIGRlZmF1bHRUZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqIENoaWxkcmVuICovXG4gIGNoaWxkcmVuOiBOb25OdWxsYWJsZTxSZWFjdC5SZWFjdE5vZGU+XG59XG5cbmNvbnN0IEFwcFNoZWxsOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGhlbWVVcmwsXG4gIGRlZmF1bHRUZXh0Q29sb3IsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICBjb25zdCB7IGFwcFRoZW1lLCBnbG9iYWxzIH0gPSB1c2VTbm9ycmVUaGVtZSh7IHRoZW1lVXJsLCBkZWZhdWx0VGV4dENvbG9yIH0pXG5cbiAgcmV0dXJuIGFwcFRoZW1lICYmIGdsb2JhbHMgPyAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cbiAgICAgIHsvKiogR2xvYmFsIHN0eWxlcyAqL31cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtnbG9iYWxzfVxuICAgICAgICBgfVxuICAgICAgLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
17
17
 
18
18
  const AppShell = ({
19
19
  themeUrl,
@@ -30,7 +30,7 @@ const AppShell = ({
30
30
  return appTheme && globals ? /*#__PURE__*/_jsxs(ThemeProvider, {
31
31
  theme: appTheme,
32
32
  children: [/*#__PURE__*/_jsx(Global, {
33
- styles: globals
33
+ styles: /*#__PURE__*/css(globals, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppShell;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDbUIiLCJmaWxlIjoiLi4vLi4vc3JjL3BhY2thZ2VzL2FwcC1zaGVsbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xuaW1wb3J0IHVzZVNub3JyZVRoZW1lIGZyb20gJy4uL3V0aWxzL3VzZVNub3JyZVRoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZVVybDogc3RyaW5nXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XG4gIHRoZW1lVXJsLFxuICBkZWZhdWx0VGV4dENvbG9yLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgY29uc3QgeyBhcHBUaGVtZSwgZ2xvYmFscyB9ID0gdXNlU25vcnJlVGhlbWUoeyB0aGVtZVVybCwgZGVmYXVsdFRleHRDb2xvciB9KVxuXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XG4gICAgICB7LyoqIEdsb2JhbCBzdHlsZXMgKi99XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7Z2xvYmFsc31cbiAgICAgICAgYH1cbiAgICAgIC8+XG5cbiAgICAgIDxXcmFwcGVyPntjaGlsZHJlbn08L1dyYXBwZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApIDogKFxuICAgIDxBcHBMb2FkZXIgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHBTaGVsbFxuIl19 */")
34
34
  }), /*#__PURE__*/_jsx(Wrapper, {
35
35
  children: children
36
36
  })]
package/esm/utils/useSnorreTheme.js CHANGED
@@ -13,13 +13,18 @@ const useSnorreTheme = ({
13
13
  const pstyle = fetch(`${themeUrl}/styles.json`);
14
14
  const pglobal = fetch(`${themeUrl}/globals.css`);
15
15
  const [styles, global] = await Promise.all([pstyle, pglobal]);
16
- setTheme(styles.json());
17
- setGlobals(global);
16
+ const p = await styles.json();
17
+ const g = await global.text();
18
+ setTheme(p);
19
+ setGlobals(g);
18
20
  };
19
21
 
20
22
  getThemeStuff(themeUrl);
21
23
  }, [themeUrl]);
22
24
  useEffect(() => {
25
+ console.log(theme);
26
+ console.log(globals);
27
+
23
28
  if (theme) {
24
29
  setAppTheme(initTheme(theme, defaultTextColor));
25
30
  }
package/lib/app-shell/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,UAAU,MAAM;IACd,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe;IACf,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiB9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/packages/app-shell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,UAAU,MAAM;IACd,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe;IACf,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqB9B,CAAA;AAED,eAAe,QAAQ,CAAA"}
package/lib/app-shell/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _styled from "@emotion/styled/base";
2
2
  import React from 'react';
3
- import { Global, ThemeProvider } from '@emotion/react';
3
+ import { css, Global, ThemeProvider } from '@emotion/react';
4
4
  import AppLoader from '../core/AppLoader';
5
5
  import useSnorreTheme from '../utils/useSnorreTheme';
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
13
13
  label: "Wrapper"
14
14
  })("min-height:100vh;width:auto;background-color:", ({
15
15
  theme
16
- }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xuaW1wb3J0IHVzZVNub3JyZVRoZW1lIGZyb20gJy4uL3V0aWxzL3VzZVNub3JyZVRoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZVVybDogc3RyaW5nXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XG4gIHRoZW1lVXJsLFxuICBkZWZhdWx0VGV4dENvbG9yLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgY29uc3QgeyBhcHBUaGVtZSwgZ2xvYmFscyB9ID0gdXNlU25vcnJlVGhlbWUoeyB0aGVtZVVybCwgZGVmYXVsdFRleHRDb2xvciB9KVxuXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XG4gICAgICB7LyoqIEdsb2JhbCBzdHlsZXMgKi99XG4gICAgICA8R2xvYmFsIHN0eWxlcz17Z2xvYmFsc30gLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
16
+ }) => theme.bg, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFja2FnZXMvYXBwLXNoZWxsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBBcHBMb2FkZXIgZnJvbSAnLi4vY29yZS9BcHBMb2FkZXInXG5pbXBvcnQgdXNlU25vcnJlVGhlbWUgZnJvbSAnLi4vdXRpbHMvdXNlU25vcnJlVGhlbWUnXG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2PGFueT5gXG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICB3aWR0aDogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iZ307XG5gXG5cbmludGVyZmFjZSBJUHJvcHMge1xuICAvKiogQXBwIHRoZW1lICovXG4gIHRoZW1lVXJsOiBzdHJpbmdcbiAgLyoqIE92ZXJyaWRlIGRlZmF1bHQgdGV4dCBjb2xvciBmb3IgYXBwICovXG4gIGRlZmF1bHRUZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqIENoaWxkcmVuICovXG4gIGNoaWxkcmVuOiBOb25OdWxsYWJsZTxSZWFjdC5SZWFjdE5vZGU+XG59XG5cbmNvbnN0IEFwcFNoZWxsOiBSZWFjdC5GQzxJUHJvcHM+ID0gKHtcbiAgdGhlbWVVcmwsXG4gIGRlZmF1bHRUZXh0Q29sb3IsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICBjb25zdCB7IGFwcFRoZW1lLCBnbG9iYWxzIH0gPSB1c2VTbm9ycmVUaGVtZSh7IHRoZW1lVXJsLCBkZWZhdWx0VGV4dENvbG9yIH0pXG5cbiAgcmV0dXJuIGFwcFRoZW1lICYmIGdsb2JhbHMgPyAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e2FwcFRoZW1lfT5cbiAgICAgIHsvKiogR2xvYmFsIHN0eWxlcyAqL31cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgJHtnbG9iYWxzfVxuICAgICAgICBgfVxuICAgICAgLz5cblxuICAgICAgPFdyYXBwZXI+e2NoaWxkcmVufTwvV3JhcHBlcj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICkgOiAoXG4gICAgPEFwcExvYWRlciAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFwcFNoZWxsXG4iXX0= */"));
17
17
 
18
18
  const AppShell = ({
19
19
  themeUrl,
@@ -30,7 +30,7 @@ const AppShell = ({
30
30
  return appTheme && globals ? /*#__PURE__*/_jsxs(ThemeProvider, {
31
31
  theme: appTheme,
32
32
  children: [/*#__PURE__*/_jsx(Global, {
33
- styles: globals
33
+ styles: /*#__PURE__*/css(globals, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppShell;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWNrYWdlcy9hcHAtc2hlbGwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDbUIiLCJmaWxlIjoiLi4vLi4vc3JjL3BhY2thZ2VzL2FwcC1zaGVsbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQXBwTG9hZGVyIGZyb20gJy4uL2NvcmUvQXBwTG9hZGVyJ1xuaW1wb3J0IHVzZVNub3JyZVRoZW1lIGZyb20gJy4uL3V0aWxzL3VzZVNub3JyZVRoZW1lJ1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdjxhbnk+YFxuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgd2lkdGg6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmd9O1xuYFxuXG5pbnRlcmZhY2UgSVByb3BzIHtcbiAgLyoqIEFwcCB0aGVtZSAqL1xuICB0aGVtZVVybDogc3RyaW5nXG4gIC8qKiBPdmVycmlkZSBkZWZhdWx0IHRleHQgY29sb3IgZm9yIGFwcCAqL1xuICBkZWZhdWx0VGV4dENvbG9yPzogc3RyaW5nXG4gIC8qKiBDaGlsZHJlbiAqL1xuICBjaGlsZHJlbjogTm9uTnVsbGFibGU8UmVhY3QuUmVhY3ROb2RlPlxufVxuXG5jb25zdCBBcHBTaGVsbDogUmVhY3QuRkM8SVByb3BzPiA9ICh7XG4gIHRoZW1lVXJsLFxuICBkZWZhdWx0VGV4dENvbG9yLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgY29uc3QgeyBhcHBUaGVtZSwgZ2xvYmFscyB9ID0gdXNlU25vcnJlVGhlbWUoeyB0aGVtZVVybCwgZGVmYXVsdFRleHRDb2xvciB9KVxuXG4gIHJldHVybiBhcHBUaGVtZSAmJiBnbG9iYWxzID8gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXthcHBUaGVtZX0+XG4gICAgICB7LyoqIEdsb2JhbCBzdHlsZXMgKi99XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7Z2xvYmFsc31cbiAgICAgICAgYH1cbiAgICAgIC8+XG5cbiAgICAgIDxXcmFwcGVyPntjaGlsZHJlbn08L1dyYXBwZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApIDogKFxuICAgIDxBcHBMb2FkZXIgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHBTaGVsbFxuIl19 */")
34
34
  }), /*#__PURE__*/_jsx(Wrapper, {
35
35
  children: children
36
36
  })]
package/lib/utils/useSnorreTheme.d.ts CHANGED
@@ -5,7 +5,7 @@ declare type Props = {
5
5
  };
6
6
  declare const useSnorreTheme: ({ themeUrl, defaultTextColor }: Props) => {
7
7
  appTheme: IAppTheme | undefined;
8
- globals: undefined;
8
+ globals: string | undefined;
9
9
  };
10
10
  export default useSnorreTheme;
11
11
  //# sourceMappingURL=useSnorreTheme.d.ts.map
package/lib/utils/useSnorreTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSnorreTheme.d.ts","sourceRoot":"","sources":["../../src/packages/utils/useSnorreTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAEzD,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,cAAc,mCAAoC,KAAK;;;CA6B5D,CAAA;AACD,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"useSnorreTheme.d.ts","sourceRoot":"","sources":["../../src/packages/utils/useSnorreTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAA;AAEzD,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,cAAc,mCAAoC,KAAK;;;CAkC5D,CAAA;AACD,eAAe,cAAc,CAAA"}
package/lib/utils/useSnorreTheme.js CHANGED
@@ -13,13 +13,18 @@ const useSnorreTheme = ({
13
13
  const pstyle = fetch(`${themeUrl}/styles.json`);
14
14
  const pglobal = fetch(`${themeUrl}/globals.css`);
15
15
  const [styles, global] = await Promise.all([pstyle, pglobal]);
16
- setTheme(styles.json());
17
- setGlobals(global);
16
+ const p = await styles.json();
17
+ const g = await global.text();
18
+ setTheme(p);
19
+ setGlobals(g);
18
20
  };
19
21
 
20
22
  getThemeStuff(themeUrl);
21
23
  }, [themeUrl]);
22
24
  useEffect(() => {
25
+ console.log(theme);
26
+ console.log(globals);
27
+
23
28
  if (theme) {
24
29
  setAppTheme(initTheme(theme, defaultTextColor));
25
30
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "4.0.0-alpha.3",
3
+ "version": "4.0.0-alpha.5",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",