monday-sdk-js 0.5.0 → 0.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monday-sdk-js",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "private": false,
   "repository": "https://github.com/mondaycom/monday-sdk-js",
   "main": "src/index.js",
@@ -19,7 +19,6 @@
     "node-fetch": "^2.6.0"
   },
   "devDependencies": {
-    "monday-ui-react-core": "^2.63.2",
     "@babel/cli": "^7.6.0",
     "@babel/core": "^7.6.0",
     "@babel/node": "^7.6.1",

package/types/client-context.type.ts

@@ -1,5 +1,4 @@
-import type { Theme } from "monday-ui-react-core/dist/types/components/ThemeProvider/ThemeProviderConstants";
-
+import { Theme } from "./theme-config.type";
 type User = {
   id: string;
   isAdmin: boolean;

package/types/theme-config.type.ts

@@ -0,0 +1,59 @@
+/**
+ * System themes: dark, light, black, hacker
+ */
+export enum SystemTheme {
+  LIGHT = "light",
+  DARK = "dark",
+  BLACK = "black",
+  HACKER = "hacker"
+}
+
+/**
+ * Colors which are eligible for theming
+ */
+export enum ThemeColor {
+  primaryColor = "primary-color",
+  primaryHoverColor = "primary-hover-color",
+  primarySelectedColor = "primary-selected-color",
+  primarySelectedHoverColor = "primary-selected-hover-color",
+  primarySelectedOnSecondaryColor = "primary-selected-on-secondary-color",
+  textColorOnPrimary = "text-color-on-primary",
+  brandColor = "brand-color",
+  brandHoverColor = "brand-hover-color",
+  brandSelectedColor = "brand-selected-color",
+  brandSelectedHoverColor = "brand-selected-hover-color",
+  textColorOnBrand = "text-color-on-brand"
+}
+
+export type Theme = {
+  /**
+   * The name of the theme - name of css class that will be added to the children - should be unique
+   */
+  name: string;
+  colors: SystemThemeColorMap;
+};
+
+type SystemThemeColorMap = {
+  [key in SystemTheme]?: ThemeColorTokenValueMap;
+};
+
+export type ThemeColorTokenValueMap = ThemeColorTokenValue | ThemeCustomClassValue;
+
+export type ThemeColorTokenValue = {
+  [key in ThemeColor]?: string;
+};
+
+type ThemeCustomClassValue = {
+  [key: string]: ThemeColorTokenValue | ThemeCustomClassValue;
+};
+
+export const SystemThemeClassMap: SystemThemeClassMapType = {
+  [SystemTheme.LIGHT]: "light-app-theme",
+  [SystemTheme.DARK]: "dark-app-theme",
+  [SystemTheme.BLACK]: "black-app-theme",
+  [SystemTheme.HACKER]: "hacker_theme-app-theme"
+};
+
+type SystemThemeClassMapType = {
+  [key in SystemTheme]: string;
+};