🚧 FRoot exported

packages/flow-core/custom-elements.json

@@ -110,6 +110,14 @@
  "name": "*",
  "package": "\"./components/f-tag/f-tag\""
  }
+ },
+ {
+ "kind": "js",
+ "name": "*",
+ "declaration": {
+ "name": "*",
+ "package": "\"./mixins/components/f-root/f-root\""
+ }
  }
  ]
  },

packages/flow-core/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@cldcvr/flow-core",
- "version": "1.1.6",
+ "version": "1.1.7",
  "description": "Core package of flow design system",
  "module": "dist/flow-core.es.js",
  "main": "dist/flow-core.cjs.js",

packages/flow-core/src/index.ts

@@ -17,6 +17,7 @@ export * from "./components/f-pictogram/f-pictogram";
 export * from "./components/f-template/f-template";
 export * from "./components/f-popover/f-popover";
 export * from "./components/f-tag/f-tag";
+export * from "./mixins/components/f-root/f-root";
 
 if (document.readyState !== "loading") {
  ConfigUtil.initTheme();
@@ -29,7 +30,12 @@ if (document.readyState !== "loading") {
 document.addEventListener("keyup", (event: KeyboardEvent) => {
  event.preventDefault();
 
- if (event.key && event.key.toLowerCase() === "x" && event.shiftKey && event.ctrlKey) {
+ if (
+ event.key &&
+ event.key.toLowerCase() === "x" &&
+ event.shiftKey &&
+ event.ctrlKey
+ ) {
  // console.log("Changing theme");
  const currentTheme = ConfigUtil.getConfig().theme;