@typeolymp/ui-components 1.19.40 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import { FC } from "react";
2
2
  export declare type PropsType = {
3
- type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "unlock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload" | "dotsVertical" | "dotsHorizontal" | "bell" | "bin" | "user" | "search" | "infoCircle" | "swap" | "login" | "logout" | "edit";
3
+ type: "check" | "chevronUp" | "chevronRight" | "chevronDown" | "chevronLeft" | "eye" | "eyeInvisible" | "warning" | "questionCircle" | "play" | "lock" | "unlock" | "cross" | "bulb" | "star" | "setting" | "reload" | "expand" | "calendar" | "plus" | "envelope" | "facebook" | "instagram" | "menuAlt" | "link" | "heart" | "thunder" | "fire" | "control" | "fileAdd" | "fileCheck" | "fileError" | "fileArrow" | "download" | "upload" | "dotsVertical" | "dotsHorizontal" | "bell" | "bin" | "user" | "search" | "infoCircle" | "swap" | "login" | "logout" | "edit" | "keyboard";
4
4
  size?: "tiny" | "small" | "medium" | "large";
5
5
  color?: "blue" | "green" | "orange" | "red" | "purple" | "gray" | "darkGray" | "lightGray" | "white";
6
6
  onClick?(e?: MouseEvent): void;
@@ -1,7 +1,7 @@
1
1
  import { FC, ReactNode } from "react";
2
2
  export declare type PropsType = {
3
3
  title?: string;
4
- content: string | string[];
4
+ content: string | string[] | JSX.Element;
5
5
  contrast?: boolean;
6
6
  children: ReactNode;
7
7
  };
@@ -0,0 +1,8 @@
1
+ import { FC } from "react";
2
+ export declare type PropsType = {
3
+ characters?: string[];
4
+ color?: "purple" | "yellow" | "green" | "blue" | "pink";
5
+ active?: boolean;
6
+ };
7
+ declare const Key: FC<PropsType>;
8
+ export default Key;
@@ -0,0 +1 @@
1
+ export declare const Container: any;
@@ -0,0 +1,14 @@
1
+ import { FC } from "react";
2
+ import { PropsType as KeyPropsType } from "./Key";
3
+ export declare type PropsType = {
4
+ keys?: Array<{
5
+ index: number;
6
+ key: string;
7
+ hand: "left" | "right" | "any";
8
+ color: KeyPropsType["color"];
9
+ isShiftKey: boolean;
10
+ }>;
11
+ activeKey?: string;
12
+ };
13
+ declare const Keyboard: FC<PropsType>;
14
+ export default Keyboard;
@@ -0,0 +1,6 @@
1
+ export declare const Container: any;
2
+ export declare const SpecialRow: any;
3
+ export declare const TopRow: any;
4
+ export declare const StartRow: any;
5
+ export declare const BottomRow: any;
6
+ export declare const SpacebarRow: any;
@@ -1,14 +1,17 @@
1
1
  import { FC } from "react";
2
- import { PropsType as KeyPropsType } from "./Key";
2
+ import { Color } from "@typeolymp/utils/enums";
3
+ import { PropsType as LegacyKeyboardPropsType } from "./Legacy";
3
4
  export declare type PropsType = {
4
- keys?: Array<{
5
+ keys: Array<{
5
6
  index: number;
6
7
  key: string;
7
8
  hand: "left" | "right" | "any";
8
- color: KeyPropsType["color"];
9
+ color: Color;
9
10
  isShiftKey: boolean;
10
11
  }>;
11
- activeKey?: string;
12
+ activeKeys?: string[];
13
+ };
14
+ declare const Keyboard: FC<PropsType> & {
15
+ Legacy: FC<LegacyKeyboardPropsType>;
12
16
  };
13
- declare const Keyboard: FC<PropsType>;
14
17
  export default Keyboard;
@@ -1,9 +1,11 @@
1
1
  import React from "react";
2
- import { PropsType } from ".";
3
2
  import { KeyboardLayout } from "@typeolymp/utils/enums";
3
+ import { PropsType } from ".";
4
4
  declare const _default: {
5
5
  title: string;
6
- component: React.FC<PropsType>;
6
+ component: React.FC<PropsType> & {
7
+ Legacy: React.FC<import("./Legacy").PropsType>;
8
+ };
7
9
  };
8
10
  export default _default;
9
11
  export declare const Playground: {
@@ -1,6 +1,7 @@
1
1
  export declare const Container: any;
2
- export declare const SpecialRow: any;
3
- export declare const TopRow: any;
4
- export declare const StartRow: any;
5
- export declare const BottomRow: any;
6
- export declare const SpacebarRow: any;
2
+ export declare const Row1: any;
3
+ export declare const Row2: any;
4
+ export declare const Row3: any;
5
+ export declare const Row4: any;
6
+ export declare const Row5: any;
7
+ export declare const Key: any;