oziko-ui-kit 0.0.80 → 0.0.82
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.
- package/dist/components/atoms/inputs/minimized/rich-text/RichText.d.ts +2 -1
- package/dist/components/atoms/inputs/normal/rich-text/LexicalContent.d.ts +2 -1
- package/dist/components/atoms/inputs/normal/rich-text/RichText.d.ts +2 -0
- package/dist/components/atoms/inputs/normal/rich-text/plugins/ToolbarPlugin.d.ts +2 -1
- package/dist/index.css +19 -0
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import { FC, JSX } from "react";
|
|
2
2
|
import { TypeFlexElement } from "../../../flex-element/FlexElement";
|
|
3
3
|
export type TypeRichTextMinimized = {
|
|
4
4
|
value?: string;
|
|
5
5
|
richTextProps?: TypeFlexElement;
|
|
6
|
+
placeHolder?: string | JSX.Element;
|
|
6
7
|
} & TypeFlexElement;
|
|
7
8
|
declare const MinimizedRichTextInput: FC<TypeRichTextMinimized>;
|
|
8
9
|
export default MinimizedRichTextInput;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
1
|
+
import { FC, JSX } from "react";
|
|
2
2
|
import { TypeFlexElement } from "../../../flex-element/FlexElement";
|
|
3
3
|
import { EditorState, LexicalEditor } from "lexical";
|
|
4
4
|
export type TypeLexicalContent = {
|
|
5
5
|
onChange: (state: EditorState, editor: LexicalEditor) => void;
|
|
6
|
+
placeHolder?: string | JSX.Element;
|
|
6
7
|
} & TypeFlexElement;
|
|
7
8
|
declare const LexicalContent: FC<TypeLexicalContent>;
|
|
8
9
|
export default LexicalContent;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { JSX } from "react";
|
|
1
2
|
import { TypeFlexElement } from "../../../flex-element/FlexElement";
|
|
2
3
|
import { IconName } from "../../../../../utils/iconList";
|
|
3
4
|
import { TypeFluidContainer } from "../../../fluid-container/FluidContainer";
|
|
@@ -14,6 +15,7 @@ export type TypeRichTextInput = {
|
|
|
14
15
|
onChange?: (value: string) => void;
|
|
15
16
|
description?: string;
|
|
16
17
|
contentProps?: TypeFlexElement;
|
|
18
|
+
placeHolder?: string | JSX.Element;
|
|
17
19
|
};
|
|
18
20
|
declare const _default: import("react").NamedExoticComponent<TypeRichTextInput>;
|
|
19
21
|
export default _default;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import "./ToolbarPlugin.scss";
|
|
2
|
-
import { FC } from "react";
|
|
2
|
+
import React, { FC } from "react";
|
|
3
3
|
import { LexicalEditor } from "lexical";
|
|
4
4
|
export type TypeToolbarPlugin = {
|
|
5
5
|
editor: LexicalEditor;
|
|
6
|
+
toolbarRef?: React.RefObject<HTMLDivElement | null>;
|
|
6
7
|
};
|
|
7
8
|
declare const ToolbarPlugin: FC<TypeToolbarPlugin>;
|
|
8
9
|
export default ToolbarPlugin;
|
package/dist/index.css
CHANGED
|
@@ -2813,6 +2813,10 @@ input:checked + .Switch-module_slider__sHGGR::before {
|
|
|
2813
2813
|
.ArrayInput-module_header__v88Lg {
|
|
2814
2814
|
width: 100%;
|
|
2815
2815
|
}
|
|
2816
|
+
|
|
2817
|
+
.ArrayInput-module_emptyStateText__ZHJbR {
|
|
2818
|
+
font-size: var(--oziko-icon-size-sm);
|
|
2819
|
+
}
|
|
2816
2820
|
.String-module_icon__pKB1k {
|
|
2817
2821
|
color: var(--oziko-color-font-primary) !important;
|
|
2818
2822
|
}
|
|
@@ -3043,6 +3047,21 @@ input:checked + .Switch-module_slider__sHGGR::before {
|
|
|
3043
3047
|
border-top: var(--oziko-border-default);
|
|
3044
3048
|
overflow: auto;
|
|
3045
3049
|
}
|
|
3050
|
+
|
|
3051
|
+
.LexicalContent-module_placeholder__EMU-N {
|
|
3052
|
+
position: absolute;
|
|
3053
|
+
left: 0;
|
|
3054
|
+
color: var(--oziko-color-input-placeholder);
|
|
3055
|
+
pointer-events: none;
|
|
3056
|
+
user-select: none;
|
|
3057
|
+
padding: var(--oziko-padding-md);
|
|
3058
|
+
padding-top: calc(var(--oziko-padding-md) + 1em);
|
|
3059
|
+
font-size: var(---oziko-font-size-sm);
|
|
3060
|
+
}
|
|
3061
|
+
|
|
3062
|
+
.LexicalContent-module_editorContainer__l2-r1 {
|
|
3063
|
+
position: relative;
|
|
3064
|
+
}
|
|
3046
3065
|
.dropdown {
|
|
3047
3066
|
z-index: 1000;
|
|
3048
3067
|
display: block;
|