quickblox-react-ui-kit 0.1.6 → 0.1.7

package/src/Presentation/assets/ThemeScheme.ts

@@ -0,0 +1,83 @@
+export default class ThemeScheme {
+  public static readonly primary_50 = '#E7EFFF';
+
+  public static readonly primary_100 = '#C4D7FE';
+
+  public static readonly primary_200 = '#9CBCFE';
+
+  public static readonly primary_300 = '#74A1FD';
+
+  public static readonly primary_400 = '#578CFC';
+
+  public static readonly primary_500 = '#3978FC';
+
+  public static readonly primary_600 = '#3370FC';
+
+  public static readonly primary_700 = '#2C65FB';
+
+  public static readonly primary_800 = '#245BFB';
+
+  public static readonly primary_900 = '#1748FA';
+
+  public static readonly primary_a_100 = '#FFFFFF';
+
+  public static readonly primary_a_200 = '#F7F9FF';
+
+  public static readonly primary_a_400 = '#C4CFFF';
+
+  public static readonly primary_a_700 = '#ABBAFF';
+
+  public static readonly secondary_50 = '#E4E6E8';
+
+  public static readonly secondary_100 = '#BCC1C5';
+
+  public static readonly secondary_200 = '#90979F';
+
+  public static readonly secondary_300 = '#636D78';
+
+  public static readonly secondary_400 = '#414E5B';
+
+  public static readonly secondary_500 = '#202F3E';
+
+  public static readonly secondary_600 = '#1C2A38';
+
+  public static readonly secondary_700 = '#182330';
+
+  public static readonly secondary_800 = '#131D28';
+
+  public static readonly secondary_900 = '#0B121B';
+
+  public static readonly secondary_a_100 = '#74A1FD';
+
+  public static readonly secondary_a_200 = '#3978FC';
+
+  public static readonly secondary_a_400 = '#245BFB';
+
+  public static readonly secondary_a_700 = '#0050DC';
+
+  public static readonly system_green_100 = '#C8F1D6';
+
+  public static readonly system_green_200 = '#A4E7BB';
+
+  public static readonly system_green_300 = '#80DDA0';
+
+  public static readonly system_green_400 = '#64D68B';
+
+  public static readonly system_green_500 = '#49CF77';
+
+  public static readonly error_100 = '#FFC4C1';
+
+  public static readonly error_200 = '#FF9D98';
+
+  public static readonly error_300 = '#FF766E';
+
+  public static readonly error_400 = '#FF584F';
+
+  public static readonly error_500 = '#FF3B30';
+
+  public static readonly information = '#FDB0FF';
+
+  public static readonly highlight = '#FFFDC1';
+
+  public static readonly fontFamily = 'Roboto';
+}

package/src/Presentation/assets/UiKitTheme.ts

@@ -0,0 +1,143 @@
+// import ThemeScheme from './ThemeScheme';
+/*
+export default class UiKitTheme {
+  private static readonly _main_elements = ThemeScheme.primary_500;
+
+  static get mainElements(): string {
+    return this._main_elements;
+  }
+
+  static get secondaryElements(): string {
+    return this._secondary_elements;
+  }
+
+  static get inputElements(): string {
+    return this._input_elements;
+  }
+
+  static get disabledElements(): string {
+    return this._disabled_elements;
+  }
+
+  static get fieldBorder(): string {
+    return this._field_border;
+  }
+
+  static get mainText(): string {
+    return this._main_text;
+  }
+
+  static get secondaryText(): string {
+    return this._secondary_text;
+  }
+
+  static get caption(): string {
+    return this._caption;
+  }
+
+  static get mainBackground(): string {
+    return this._main_background;
+  }
+
+  static get secondaryBackground(): string {
+    return this._secondary_background;
+  }
+
+  static get incomingBackground(): string {
+    return this._incoming_background;
+  }
+
+  static get outgoingBackground(): string {
+    return this._outgoing_background;
+  }
+
+  static get dropdownBackground(): string {
+    return this._dropdown_background;
+  }
+
+  static get chatInput(): string {
+    return this._chat_input;
+  }
+
+  static get divider(): string {
+    return this._divider;
+  }
+
+  static get error(): string {
+    return this._error;
+  }
+
+  static get hightlight(): string {
+    return this._hightlight;
+  }
+
+  private static readonly _secondary_elements = ThemeScheme.secondary_500;
+
+  private static readonly _input_elements = ThemeScheme.secondary_500;
+
+  private static readonly _disabled_elements = ThemeScheme.secondary_100;
+
+  private static readonly _field_border = ThemeScheme.secondary_200;
+
+  private static readonly _main_text = ThemeScheme.secondary_900;
+
+  private static readonly _secondary_text = ThemeScheme.secondary_300;
+
+  private static readonly _caption = ThemeScheme.secondary_200;
+
+  private static readonly _main_background = ThemeScheme.primary_a_100;
+
+  private static readonly _secondary_background = ThemeScheme.primary_50;
+
+  private static readonly _incoming_background = ThemeScheme.secondary_50;
+
+  private static readonly _outgoing_background = ThemeScheme.primary_50;
+
+  private static readonly _dropdown_background = ThemeScheme.primary_a_100;
+
+  private static readonly _chat_input = ThemeScheme.primary_a_200;
+
+  private static readonly _divider = ThemeScheme.primary_50;
+
+  private static readonly _error = ThemeScheme.error_500;
+
+  private static readonly _hightlight = ThemeScheme.highlight;
+}
+*/
+export default interface UiKitTheme {
+  mainElements(): string;
+
+  secondaryElements(): string;
+
+  inputElements(): string;
+
+  disabledElements(): string;
+
+  fieldBorder(): string;
+
+  mainText(): string;
+
+  secondaryText(): string;
+
+  caption(): string;
+
+  mainBackground(): string;
+
+  secondaryBackground(): string;
+
+  incomingBackground(): string;
+
+  outgoingBackground(): string;
+
+  dropdownBackground(): string;
+
+  chatInput(): string;
+
+  divider(): string;
+
+  error(): string;
+
+  hightlight(): string;
+
+  fontFamily(): string;
+}

package/src/Presentation/assets/styles/_fonts.scss

@@ -0,0 +1,32 @@
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,700&display=swap');
+////font-family: 'Ubuntu', sans-serif;
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
+////font-family: 'Roboto', sans-serif;
+/*
+@font-face {
+  font-family: "Roboto-Regular";
+  src: url("../fonts/Roboto-Regular.eot");
+  src: local("☺"), url("../fonts/Roboto-Regular.woff") format("woff"),
+  url("../fonts/Roboto-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Roboto-Medium";
+  src: url("../fonts/Roboto-Medium.eot");
+  src: local("☺"), url("../fonts/Roboto-Medium.woff") format("woff"),
+  url("../fonts/Roboto-Medium.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Roboto-Bold";
+  src: url("../fonts/Roboto-Bold.eot");
+  src: local("☺"), url("../fonts/Roboto-Bold.woff") format("woff"),
+  url("../fonts/Roboto-Bold.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+*/