@netless/fastboard-ui 0.3.2-canary.5 → 0.3.3

package/src/components/variables.scss

@@ -1,69 +1,69 @@
-$blue-0: #f4f8ff;
-$blue-1: #ebf2ff;
-$blue-2: #d6e5ff;
-$blue-3: #adccff;
-$blue-4: #84b3ff;
-$blue-5: #5b9aff;
-$blue-6: #3381ff;
-$blue-7: #2867cc;
-$blue-8: #1e4d99;
-$blue-9: #143366;
-$blue-10: #0a1933;
-$blue-11: #050d1a;
-$blue-12: #03060d;
-
-$grey-0: #ecf0f7;
-$grey-1: #e5e8f0;
-$grey-2: #d5d9e0;
-$grey-3: #b7bbc1;
-$grey-4: #999ca3;
-$grey-5: #7b7e84;
-$grey-6: #5d6066;
-$grey-7: #4b4d54;
-$grey-8: #383b42;
-$grey-9: #272a30;
-$grey-10: #14181e;
-$grey-11: #070a11;
-$grey-12: #03060d;
-
-$green-0: #f5faf2;
-$green-1: #ecf6e6;
-$green-2: #d9eecc;
-$green-3: #b4de99;
-$green-4: #8ecd66;
-$green-5: #69bd33;
-$green-6: #44ad00;
-$green-7: #368b00;
-$green-8: #296800;
-$green-9: #1b4500;
-$green-10: #0d2200;
-$green-11: #071100;
-$green-12: #030900;
-
-$yellow-0: #fdf9f2;
-$yellow-1: #fcf4e6;
-$yellow-2: #faeacc;
-$yellow-3: #f5d599;
-$yellow-4: #f1c166;
-$yellow-5: #ecac33;
-$yellow-6: #e89800;
-$yellow-7: #ba7a00;
-$yellow-8: #8b5b00;
-$yellow-9: #5c3c00;
-$yellow-10: #2e1e00;
-$yellow-11: #170f00;
-$yellow-12: #0c0800;
-
-$red-0: #fcf3f2;
-$red-1: #fae9e6;
-$red-2: #f6d2cc;
-$red-3: #eda599;
-$red-4: #e47866;
-$red-5: #db4b33;
-$red-6: #d21f00;
-$red-7: #a81800;
-$red-8: #7e1300;
-$red-9: #540c00;
-$red-10: #2a0600;
-$red-11: #150300;
-$red-12: #0a0200;
+$blue-0: #f4f8ff;
+$blue-1: #ebf2ff;
+$blue-2: #d6e5ff;
+$blue-3: #adccff;
+$blue-4: #84b3ff;
+$blue-5: #5b9aff;
+$blue-6: #3381ff;
+$blue-7: #2867cc;
+$blue-8: #1e4d99;
+$blue-9: #143366;
+$blue-10: #0a1933;
+$blue-11: #050d1a;
+$blue-12: #03060d;
+
+$grey-0: #ecf0f7;
+$grey-1: #e5e8f0;
+$grey-2: #d5d9e0;
+$grey-3: #b7bbc1;
+$grey-4: #999ca3;
+$grey-5: #7b7e84;
+$grey-6: #5d6066;
+$grey-7: #4b4d54;
+$grey-8: #383b42;
+$grey-9: #272a30;
+$grey-10: #14181e;
+$grey-11: #070a11;
+$grey-12: #03060d;
+
+$green-0: #f5faf2;
+$green-1: #ecf6e6;
+$green-2: #d9eecc;
+$green-3: #b4de99;
+$green-4: #8ecd66;
+$green-5: #69bd33;
+$green-6: #44ad00;
+$green-7: #368b00;
+$green-8: #296800;
+$green-9: #1b4500;
+$green-10: #0d2200;
+$green-11: #071100;
+$green-12: #030900;
+
+$yellow-0: #fdf9f2;
+$yellow-1: #fcf4e6;
+$yellow-2: #faeacc;
+$yellow-3: #f5d599;
+$yellow-4: #f1c166;
+$yellow-5: #ecac33;
+$yellow-6: #e89800;
+$yellow-7: #ba7a00;
+$yellow-8: #8b5b00;
+$yellow-9: #5c3c00;
+$yellow-10: #2e1e00;
+$yellow-11: #170f00;
+$yellow-12: #0c0800;
+
+$red-0: #fcf3f2;
+$red-1: #fae9e6;
+$red-2: #f6d2cc;
+$red-3: #eda599;
+$red-4: #e47866;
+$red-5: #db4b33;
+$red-6: #d21f00;
+$red-7: #a81800;
+$red-8: #7e1300;
+$red-9: #540c00;
+$red-10: #2a0600;
+$red-11: #150300;
+$red-12: #0a0200;

package/src/index.ts

@@ -1,13 +1,13 @@
-export * from "./typings";
-
-export { default as RedoUndo, type RedoUndoProps } from "./components/RedoUndo";
-export { default as PageControl, type PageControlProps } from "./components/PageControl";
-export { default as ZoomControl, type ZoomControlProps } from "./components/ZoomControl";
-export { default as Toolbar, type ToolbarProps } from "./components/Toolbar";
-export { default as PlayerControl, type PlayerControlProps } from "./components/PlayerControl";
-export { Fastboard, ReplayFastboard } from "./components/Fastboard";
-export type { FastboardProps, ReplayFastboardProps } from "./components/Fastboard";
-
-export * from "./behaviors";
-
-import "./style.scss";
+export * from "./typings";
+
+export { default as RedoUndo, type RedoUndoProps } from "./components/RedoUndo";
+export { default as PageControl, type PageControlProps } from "./components/PageControl";
+export { default as ZoomControl, type ZoomControlProps } from "./components/ZoomControl";
+export { default as Toolbar, type ToolbarProps } from "./components/Toolbar";
+export { default as PlayerControl, type PlayerControlProps } from "./components/PlayerControl";
+export { Fastboard, ReplayFastboard } from "./components/Fastboard";
+export type { FastboardProps, ReplayFastboardProps } from "./components/Fastboard";
+
+export * from "./behaviors";
+
+import "./style.scss";

package/src/style.scss

@@ -1,36 +1,36 @@
-@import "./components/theme.scss";
-
-@import "tippy.js/dist/tippy.css";
-@import "tippy.js/themes/light.css";
-
-@import "./components/Icons/Icons.scss";
-@import "./components/RedoUndo/RedoUndo.scss";
-@import "./components/ZoomControl/ZoomControl.scss";
-@import "./components/PageControl/PageControl.scss";
-@import "./components/PlayerControl/PlayerControl.scss";
-@import "./components/Toolbar/Toolbar.scss";
-@import "./components/Fastboard/Fastboard.scss";
-
-.fastboard-tip {
-  font-family: inherit;
-  color: $grey-2;
-  background-color: $grey-12;
-
-  &[data-placement^="right"] > .tippy-arrow::before {
-    top: 4px;
-    border-width: 4px;
-    border-right-color: $grey-12;
-  }
-
-  &[data-placement^="top"] > .tippy-arrow::before {
-    left: 4px;
-    border-width: 4px;
-    border-top-color: $grey-12;
-  }
-}
-
-.fastboard-panel {
-  .tippy-content {
-    padding: 8px;
-  }
-}
+@import "./components/theme.scss";
+
+@import "tippy.js/dist/tippy.css";
+@import "tippy.js/themes/light.css";
+
+@import "./components/Icons/Icons.scss";
+@import "./components/RedoUndo/RedoUndo.scss";
+@import "./components/ZoomControl/ZoomControl.scss";
+@import "./components/PageControl/PageControl.scss";
+@import "./components/PlayerControl/PlayerControl.scss";
+@import "./components/Toolbar/Toolbar.scss";
+@import "./components/Fastboard/Fastboard.scss";
+
+.fastboard-tip {
+  font-family: inherit;
+  color: $grey-2;
+  background-color: $grey-12;
+
+  &[data-placement^="right"] > .tippy-arrow::before {
+    top: 4px;
+    border-width: 4px;
+    border-right-color: $grey-12;
+  }
+
+  &[data-placement^="top"] > .tippy-arrow::before {
+    left: 4px;
+    border-width: 4px;
+    border-top-color: $grey-12;
+  }
+}
+
+.fastboard-panel {
+  .tippy-content {
+    padding: 8px;
+  }
+}

package/src/typings.ts

@@ -1,38 +1,38 @@
-export interface SvelteAction<T = void> {
-  (node: HTMLElement, parameters: T): void | {
-    update?: (parameters: T) => void;
-    destroy?: () => void;
-  };
-}
-
-export type Theme = "light" | "dark";
-
-export type Language = "en" | "zh-CN";
-
-export type IconType = "normal" | "disable";
-export type GenericIcon<K extends string, E extends string = IconType> = {
-  [key in K]: { [kind in E]: string };
-};
-
-export type I18nData<T extends string> = Record<Language, Record<T, string>>;
-
-export interface ToolbarConfig {
-  apps?: {
-    enable?: boolean;
-  };
-}
-
-export interface FastboardUIConfig {
-  toolbar?: {
-    enable?: boolean;
-  } & ToolbarConfig;
-  redo_undo?: {
-    enable?: boolean;
-  };
-  zoom_control?: {
-    enable?: boolean;
-  };
-  page_control?: {
-    enable?: boolean;
-  };
-}
+export interface SvelteAction<T = void> {
+  (node: HTMLElement, parameters: T): void | {
+    update?: (parameters: T) => void;
+    destroy?: () => void;
+  };
+}
+
+export type Theme = "light" | "dark";
+
+export type Language = "en" | "zh-CN";
+
+export type IconType = "normal" | "disable";
+export type GenericIcon<K extends string, E extends string = IconType> = {
+  [key in K]: { [kind in E]: string };
+};
+
+export type I18nData<T extends string> = Record<Language, Record<T, string>>;
+
+export interface ToolbarConfig {
+  apps?: {
+    enable?: boolean;
+  };
+}
+
+export interface FastboardUIConfig {
+  toolbar?: {
+    enable?: boolean;
+  } & ToolbarConfig;
+  redo_undo?: {
+    enable?: boolean;
+  };
+  zoom_control?: {
+    enable?: boolean;
+  };
+  page_control?: {
+    enable?: boolean;
+  };
+}