@rhc-shared-components/rich-text-editor 1.0.0 → 1.0.1
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/README.md +1 -39
- package/dist/RichTextEditor.d.ts +18 -16
- package/dist/RichTextEditorFormComponent.d.ts +20 -20
- package/dist/assets/index.css +1 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.js +23456 -222
- package/package.json +40 -56
- package/CHANGELOG.md +0 -256
- package/dist/index.modern.js +0 -225
- package/dist/index.test.d.ts +0 -1
package/README.md
CHANGED
|
@@ -2,46 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
> WYSWYG Editor for Red Hat Certified Apps
|
|
4
4
|
|
|
5
|
-
[](https://www.npmjs.com/package/@rhc-shared-components/rich-text-editor) [](https://standardjs.com)
|
|
6
|
-
|
|
7
5
|
## Install
|
|
8
6
|
|
|
9
7
|
```bash
|
|
10
|
-
|
|
8
|
+
npm install --save @rhc-shared-components/rich-text-editor
|
|
11
9
|
```
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
|
|
15
|
-
```tsx
|
|
16
|
-
import React from 'react';
|
|
17
|
-
import { RichTextEditorFormComponent, RichTextEditor } from '@rhc-shared-components/rich-text-editor';
|
|
18
|
-
import { Formik } from 'formik';
|
|
19
|
-
import { Title } from "@patternfly/react-core";
|
|
20
|
-
|
|
21
|
-
const App = () => {
|
|
22
|
-
const FieldName = 'richtext';
|
|
23
|
-
return (
|
|
24
|
-
<div>
|
|
25
|
-
<Title headingLevel={'h1'}>RichTextEditor</Title>
|
|
26
|
-
<RichTextEditor value={"<h3>hello world from normal RTE</h3>"}/>
|
|
27
|
-
<Title headingLevel={'h1'}>RichTextEditor with formik</Title>
|
|
28
|
-
<Formik
|
|
29
|
-
initialValues={{
|
|
30
|
-
[FieldName]: '<h1>Hello world</h1>'
|
|
31
|
-
}}
|
|
32
|
-
enableReinitialize={true}
|
|
33
|
-
onSubmit={()=>{}}>
|
|
34
|
-
<RichTextEditorFormComponent
|
|
35
|
-
name={FieldName}
|
|
36
|
-
label={'Rich text form label'}
|
|
37
|
-
helperText={'This is a test description'}
|
|
38
|
-
isRequired={true}
|
|
39
|
-
/>
|
|
40
|
-
</Formik>
|
|
41
|
-
</div>);
|
|
42
|
-
}
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
## License
|
|
46
|
-
|
|
47
|
-
MIT © [gautamkrishnar](https://github.com/gautamkrishnar)
|
package/dist/RichTextEditor.d.ts
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
export interface RichTextEditorProps {
|
|
4
|
-
value: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
onReady?: (editor: any) => void;
|
|
7
|
-
onChange?: RichTextEditorFunctionType;
|
|
8
|
-
onBlur?: RichTextEditorFunctionType;
|
|
9
|
-
onFocus?: RichTextEditorFunctionType;
|
|
10
|
-
onError?: RichTextEditorFunctionType;
|
|
11
|
-
id?: string;
|
|
12
|
-
name?: string;
|
|
13
|
-
showCodeBlock?: boolean;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type RichTextEditorFunctionType = (value: string, event?: Event, editor?: any) => void;
|
|
3
|
+
export interface RichTextEditorProps {
|
|
4
|
+
value: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
onReady?: (editor: any) => void;
|
|
7
|
+
onChange?: RichTextEditorFunctionType;
|
|
8
|
+
onBlur?: RichTextEditorFunctionType;
|
|
9
|
+
onFocus?: RichTextEditorFunctionType;
|
|
10
|
+
onError?: RichTextEditorFunctionType;
|
|
11
|
+
id?: string;
|
|
12
|
+
name?: string;
|
|
13
|
+
showCodeBlock?: boolean;
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const RichTextEditor: React.FC<RichTextEditorProps>;
|
|
18
|
+
export default RichTextEditor;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare global {
|
|
3
|
-
interface Window {
|
|
4
|
-
ckeditorObj: any[];
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
export interface RichTextEditorFormComponentProps {
|
|
8
|
-
name: string;
|
|
9
|
-
label: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
isRequired?: boolean;
|
|
12
|
-
placeholder?: string;
|
|
13
|
-
ariaLabel?: string;
|
|
14
|
-
helperText?: string;
|
|
15
|
-
showMaxLengthText?: boolean;
|
|
16
|
-
maxLength?: number;
|
|
17
|
-
showCodeBlock?: boolean;
|
|
18
|
-
}
|
|
19
|
-
declare const RichTextEditorFormComponent: React.FC<RichTextEditorFormComponentProps>;
|
|
20
|
-
export default RichTextEditorFormComponent;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare global {
|
|
3
|
+
interface Window {
|
|
4
|
+
ckeditorObj: any[];
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export interface RichTextEditorFormComponentProps {
|
|
8
|
+
name: string;
|
|
9
|
+
label: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
isRequired?: boolean;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
helperText?: string;
|
|
15
|
+
showMaxLengthText?: boolean;
|
|
16
|
+
maxLength?: number;
|
|
17
|
+
showCodeBlock?: boolean;
|
|
18
|
+
}
|
|
19
|
+
declare const RichTextEditorFormComponent: React.FC<RichTextEditorFormComponentProps>;
|
|
20
|
+
export default RichTextEditorFormComponent;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.rich-text-editor-custom{--rte-h1-internal-LineHeight: var(--pf-v5-global--LineHeight--sm, --pf-global--LineHeight--sm);--rte-h1-internal-FontSize: var(--pf-v5-global--FontSize--2xl, --pf-global--FontSize--2xl);--rte-h1-internal-FontWeight: var(--pf-v5-global--FontWeight--normal, --pf-global--FontWeight--normal);--rte-h2-internal-LineHeight: var(--pf-v5-global--LineHeight--md, -pf-global--LineHeight--mD);--rte-h2-internal-FontSize: var(--pf-v5-global--FontSize--xl, --pf-global--FontSize--xl);--rte-h2-internal-FontWeight: var(--pf-v5-global--FontWeight--normal, --pf-global--FontWeight--normal);--rte-h3-internal-LineHeight: var(--pf-v5-global--LineHeight--md, -pf-global--LineHeight--md);--rte-h3-internal-FontSize: var(--pf-v5-global--FontSize--lg, --pf-global--FontSize--lg);--rte-h3-internal-FontWeight: var(--pf-v5-global--FontWeight--normal, --pf-global--FontWeight--normal);--rte-h4-internal-LineHeight: var(--pf-v5-global--LineHeight--md, --pf-global--LineHeight--md);--rte-h4-internal-FontSize: var(--pf-v5-global--FontSize--md, --pf-global--FontSize--md);--rte-h4-internal-FontWeight: var( --pf-v5-global--FontWeight--normal, --pf-global--FontWeight--normal)}.rich-text-editor-custom .ck-editor__main{word-break:break-all}.rich-text-editor-custom .ck-code-block-dropdown .ck-splitbutton__arrow{display:none}.rich-text-editor-custom h1{font-size:var(--rte-h1-internal-FontSize);font-weight:var(--rte-h1-internal-FontWeight);line-height:var(--rte-h1-internal-LineHeight)}.rich-text-editor-custom h2{font-size:var(--rte-h2-internal-FontSize);font-weight:var(--rte-h2-internal-FontWeight);line-height:var(--rte-h2-internal-LineHeight)}.rich-text-editor-custom h3{font-size:var(--rte-h3-internal-FontSize);font-weight:var(--rte-h3-internal-FontWeight);line-height:var(--rte-h3-internal-LineHeight)}.rich-text-editor-custom h4{font-size:var(--rte-h4-internal-FontSize);font-weight:var(--rte-h4-internal-FontWeight);line-height:var(--rte-h4-internal-LineHeight)}.rich-text-editor-custom ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}.rich-text-editor-custom ul li{display:list-item}.rich-text-editor-custom ul ul{list-style-type:circle;margin-block-start:0;margin-block-end:0}.rich-text-editor-custom ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}.pf-v5-c-helper-text{--pf-v5-c-helper-text--Gap: var(--pf-v5-global--spacer--xs);--pf-v5-c-helper-text--FontSize: var(--pf-v5-global--FontSize--sm);--pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-global--Color--100);--pf-v5-c-helper-text__item-text--Color: var(--pf-v5-global--Color--100);--pf-v5-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-v5-global--Color--200);--pf-v5-c-helper-text__item-text--m-indeterminate--Color: var(--pf-v5-global--Color--200);--pf-v5-c-helper-text__item-icon--m-warning--Color: var(--pf-v5-global--warning-color--100);--pf-v5-c-helper-text__item-text--m-warning--Color: var(--pf-v5-global--warning-color--200);--pf-v5-c-helper-text__item-icon--m-success--Color: var(--pf-v5-global--success-color--100);--pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--200);--pf-v5-c-helper-text__item-icon--m-error--Color: var(--pf-v5-global--danger-color--100);--pf-v5-c-helper-text__item-text--m-error--Color: var(--pf-v5-global--danger-color--200);--pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-global--Color--100);--pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-global--Color--100);--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-v5-global--Color--200);--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-v5-global--Color--200);--pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-v5-global--warning-color--100);--pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-v5-global--Color--200);--pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-v5-global--success-color--100);--pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-v5-global--Color--200);--pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-v5-global--danger-color--100);--pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-v5-global--Color--100);--pf-v5-c-helper-text__item-icon--MarginRight: var(--pf-v5-global--spacer--xs);display:grid;gap:var(--pf-v5-c-helper-text--Gap);font-size:var(--pf-v5-c-helper-text--FontSize)}.pf-v5-c-helper-text.pf-m-hidden{visibility:hidden;opacity:0}.pf-v5-c-helper-text__item{display:flex}.pf-v5-c-helper-text__item.pf-m-indeterminate{--pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-indeterminate--Color);--pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-indeterminate--Color);--pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);--pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color)}.pf-v5-c-helper-text__item.pf-m-warning{--pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-warning--Color);--pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-warning--Color);--pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color);--pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color)}.pf-v5-c-helper-text__item.pf-m-success{--pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-success--Color);--pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-success--Color);--pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color);--pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color)}.pf-v5-c-helper-text__item.pf-m-error{--pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-error--Color);--pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-error--Color);--pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color);--pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color)}.pf-v5-c-helper-text__item.pf-m-dynamic{--pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic__item-text--Color);--pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic__item-icon--Color)}.pf-v5-c-helper-text__item-icon{margin-inline-end:var(--pf-v5-c-helper-text__item-icon--MarginRight);color:var(--pf-v5-c-helper-text__item-icon--Color)}.pf-v5-c-helper-text__item-text{color:var(--pf-v5-c-helper-text__item-text--Color)}:where(.pf-v5-theme-dark) .pf-v5-c-helper-text{--pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--100)}.pf-v5-c-form{--pf-v5-c-form--GridGap: var(--pf-v5-global--gutter--md);--pf-v5-c-form__group--m-action--MarginTop: var(--pf-v5-global--spacer--xl);--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-v5-global--spacer--md);--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;--pf-v5-c-form--m-limit-width--MaxWidth: 55rem;--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: calc((((((var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md)) + (2 * var(--pf-v5-global--BorderWidth--sm))) - var(--pf-v5-global--FontSize--md)) / 2) + var(--pf-v5-global--FontSize--md)) - ((((var(--pf-v5-global--FontSize--sm) * var(--pf-v5-global--LineHeight--sm)) - var(--pf-v5-global--FontSize--sm)) / 2) + var(--pf-v5-global--FontSize--sm)) + var(--pf-v5-global--BorderWidth--sm));--pf-v5-c-form__group-label--PaddingBottom: var(--pf-v5-global--spacer--sm);--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop: 0;--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-v5-global--FontSize--sm) * var(--pf-v5-global--LineHeight--sm)) - var(--pf-v5-global--FontSize--sm)) / 2) + var(--pf-v5-global--FontSize--sm)) - ((((var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--sm)) - var(--pf-v5-global--FontSize--md)) / 2) + var(--pf-v5-global--FontSize--md)));--pf-v5-c-form__label--FontSize: var(--pf-v5-global--FontSize--sm);--pf-v5-c-form__label--LineHeight: var(--pf-v5-global--LineHeight--sm);--pf-v5-c-form__label--m-disabled--Color: var(--pf-v5-global--disabled-color--100);--pf-v5-c-form__label--hover--Cursor: pointer;--pf-v5-c-form__label--m-disabled--hover--Cursor: not-allowed;--pf-v5-c-form__label-text--FontWeight: var(--pf-v5-global--FontWeight--bold);--pf-v5-c-form__label-required--MarginLeft: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__label-required--FontSize: var(--pf-v5-global--FontSize--sm);--pf-v5-c-form__label-required--Color: var(--pf-v5-global--danger-color--100);--pf-v5-c-form__group-label-help--BackgroundColor: transparent;--pf-v5-c-form__group-label-help--PaddingTop: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__group-label-help--PaddingRight: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__group-label-help--PaddingBottom: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__group-label-help--PaddingLeft: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__group-label-help--MarginTop: calc(var(--pf-v5-c-form__group-label-help--PaddingTop) * -1);--pf-v5-c-form__group-label-help--MarginRight: calc(var(--pf-v5-c-form__group-label-help--PaddingRight) * -1);--pf-v5-c-form__group-label-help--MarginBottom: calc(var(--pf-v5-c-form__group-label-help--PaddingBottom) * -1);--pf-v5-c-form__group-label-help--MarginLeft: calc(var(--pf-v5-c-form__group-label-help--PaddingLeft) * -1 + var(--pf-v5-global--spacer--xs));--pf-v5-c-form__group-label-help--FontSize: var(--pf-v5-global--FontSize--sm);--pf-v5-c-form__group-label-help--TranslateY: .125rem;--pf-v5-c-form__group-label-help--Color: var(--pf-v5-global--Color--200);--pf-v5-c-form__group-label-help--hover--Color: var(--pf-v5-global--Color--100);--pf-v5-c-form__group-label-help--focus--Color: var(--pf-v5-global--Color--100);--pf-v5-c-form__group-label-info--MarginLeft: var(--pf-v5-global--spacer--sm);--pf-v5-c-form__group-label-info--FontSize: var(--pf-v5-global--FontSize--sm);--pf-v5-c-form__group-control--m-inline--child--MarginRight: var(--pf-v5-global--spacer--lg);--pf-v5-c-form__group-control__helper-text--MarginBottom: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__group-control--m-stack--Gap: var(--pf-v5-global--spacer--sm);--pf-v5-c-form__group-control--m-stack__helper-text--MarginTop: calc(var(--pf-v5-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v5-c-form__helper-text--MarginTop--base));--pf-v5-c-form__actions--child--MarginTop: var(--pf-v5-global--spacer--sm);--pf-v5-c-form__actions--child--MarginRight: var(--pf-v5-global--spacer--sm);--pf-v5-c-form__actions--child--MarginBottom: var(--pf-v5-global--spacer--sm);--pf-v5-c-form__actions--child--MarginLeft: var(--pf-v5-global--spacer--sm);--pf-v5-c-form__actions--MarginTop: calc(var(--pf-v5-c-form__actions--child--MarginTop) * -1);--pf-v5-c-form__actions--MarginRight: calc(var(--pf-v5-c-form__actions--child--MarginRight) * -1);--pf-v5-c-form__actions--MarginBottom: calc(var(--pf-v5-c-form__actions--child--MarginBottom) * -1);--pf-v5-c-form__actions--MarginLeft: calc(var(--pf-v5-c-form__actions--child--MarginLeft) * -1);--pf-v5-c-form__helper-text--MarginTop--base: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__helper-text--MarginTop: var(--pf-v5-c-form__helper-text--MarginTop--base);--pf-v5-c-form__helper-text--FontSize: var(--pf-v5-global--FontSize--sm);--pf-v5-c-form__helper-text--Color: var(--pf-v5-global--Color--100);--pf-v5-c-form__helper-text-icon--FontSize: var(--pf-v5-global--FontSize--md);--pf-v5-c-form__helper-text-icon--MarginRight: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--200);--pf-v5-c-form__helper-text--m-warning--Color: var(--pf-v5-global--warning-color--200);--pf-v5-c-form__helper-text--m-error--Color: var(--pf-v5-global--danger-color--100);--pf-v5-c-form__section--MarginTop: var(--pf-v5-global--spacer--xl);--pf-v5-c-form__section--Gap: var(--pf-v5-global--gutter--md);--pf-v5-c-form__section-title--FontSize: var(--pf-v5-global--FontSize--lg);--pf-v5-c-form__section-title--FontWeight: var(--pf-v5-global--FontWeight--bold);--pf-v5-c-form__section-title--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);--pf-v5-c-form__field-group--border-width-base: var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-form__field-group--BorderTopWidth: var(--pf-v5-c-form__field-group--border-width-base);--pf-v5-c-form__field-group--BorderTopColor: var(--pf-v5-global--BorderColor--100);--pf-v5-c-form__field-group--BorderBottomWidth: var(--pf-v5-c-form__field-group--border-width-base);--pf-v5-c-form__field-group--BorderBottomColor: var(--pf-v5-global--BorderColor--100);--pf-v5-c-form__field-group--field-group--MarginTop: calc(var(--pf-v5-c-form--GridGap) * -1);--pf-v5-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-v5-global--spacer--md) * 2 + var(--pf-v5-c-form__field-group-toggle-icon--MinWidth) + var(--pf-v5-global--spacer--xs));--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-global--spacer--md);--pf-v5-c-form__field-group-toggle--PaddingRight: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop: var(--pf-v5-global--spacer--lg);--pf-v5-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);--pf-v5-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);--pf-v5-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);--pf-v5-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);--pf-v5-c-form__field-group-toggle-icon--Transition: var(--pf-v5-global--Transition);--pf-v5-c-form__field-group-toggle-icon--MinWidth: var(--pf-v5-global--FontSize--md);--pf-v5-c-form__field-group-toggle-icon--Rotate: 0;--pf-v5-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-v5-global--spacer--md);--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-v5-global--spacer--md);--pf-v5-c-form__field-group-header--GridColumn: 1 / 3;--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop: var(--pf-v5-global--spacer--lg);--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom: var(--pf-v5-global--spacer--lg);--pf-v5-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;--pf-v5-c-form__field-group__field-group--field-group__field-group-header--after--BorderTopWidth: var(--pf-v5-c-form__field-group-header-toggle--BorderWidth--base);--pf-v5-c-form__field-group-header-description--MarginTop: var(--pf-v5-global--spacer--xs);--pf-v5-c-form__field-group-header-description--Color: var(--pf-v5-global--Color--200);--pf-v5-c-form__field-group-header-actions--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);--pf-v5-c-form__field-group-header-actions--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);--pf-v5-c-form__field-group-header-actions--MarginLeft: var(--pf-v5-global--spacer--sm);--pf-v5-c-form__field-group-body--PaddingTop: var(--pf-v5-global--spacer--lg);--pf-v5-c-form__field-group-body--PaddingBottom: var(--pf-v5-global--spacer--lg);--pf-v5-c-form__field-group-body--Gap: var(--pf-v5-c-form--GridGap);--pf-v5-c-form__field-group-body--GridColumn: 2 / 3;--pf-v5-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;--pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom: calc(var(--pf-v5-c-form__field-group-body--PaddingBottom) * -1);display:grid;gap:var(--pf-v5-c-form--GridGap)}.pf-v5-c-form.pf-m-horizontal.pf-m-align-right .pf-v5-c-form__label{text-align:end}@media screen and (min-width: 768px){.pf-v5-c-form.pf-m-horizontal{--pf-v5-c-form__group-label--PaddingBottom: 0}.pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group{display:grid;grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth);grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap)}.pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label{padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop)}.pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-label.pf-m-no-padding-top{--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))}.pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group-control{grid-column:2}}@media screen and (min-width: 0){.pf-v5-c-form.pf-m-horizontal-on-xs{--pf-v5-c-form__group-label--PaddingBottom: 0}.pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group{display:grid;grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth);grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap)}.pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label{padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop)}.pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-label.pf-m-no-padding-top{--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))}.pf-v5-c-form.pf-m-horizontal-on-xs .pf-v5-c-form__group-control{grid-column:2}}@media (min-width: 576px){.pf-v5-c-form.pf-m-horizontal-on-sm{--pf-v5-c-form__group-label--PaddingBottom: 0}.pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group{display:grid;grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth);grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap)}.pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label{padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop)}.pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-label.pf-m-no-padding-top{--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))}.pf-v5-c-form.pf-m-horizontal-on-sm .pf-v5-c-form__group-control{grid-column:2}}@media (min-width: 768px){.pf-v5-c-form.pf-m-horizontal-on-md{--pf-v5-c-form__group-label--PaddingBottom: 0}.pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group{display:grid;grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth);grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap)}.pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label{padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop)}.pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-label.pf-m-no-padding-top{--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))}.pf-v5-c-form.pf-m-horizontal-on-md .pf-v5-c-form__group-control{grid-column:2}}@media (min-width: 992px){.pf-v5-c-form.pf-m-horizontal-on-lg{--pf-v5-c-form__group-label--PaddingBottom: 0}.pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group{display:grid;grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth);grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap)}.pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label{padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop)}.pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-label.pf-m-no-padding-top{--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))}.pf-v5-c-form.pf-m-horizontal-on-lg .pf-v5-c-form__group-control{grid-column:2}}@media (min-width: 1200px){.pf-v5-c-form.pf-m-horizontal-on-xl{--pf-v5-c-form__group-label--PaddingBottom: 0}.pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group{display:grid;grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth);grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap)}.pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label{padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop)}.pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-label.pf-m-no-padding-top{--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))}.pf-v5-c-form.pf-m-horizontal-on-xl .pf-v5-c-form__group-control{grid-column:2}}@media (min-width: 1450px){.pf-v5-c-form.pf-m-horizontal-on-2xl{--pf-v5-c-form__group-label--PaddingBottom: 0}.pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group{display:grid;grid-template-columns:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v5-c-form--m-horizontal__group-control--md--GridColumnWidth);grid-column-gap:var(--pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap)}.pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label{padding-block-start:var(--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop)}.pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-label.pf-m-no-padding-top{--pf-v5-c-form--m-horizontal__group-label--md--PaddingTop: var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--PaddingTop);transform:translateY(var(--pf-v5-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY))}.pf-v5-c-form.pf-m-horizontal-on-2xl .pf-v5-c-form__group-control{grid-column:2}}.pf-v5-c-form.pf-m-limit-width{max-width:var(--pf-v5-c-form--m-limit-width--MaxWidth)}.pf-v5-c-form__group{min-width:0}.pf-v5-c-form__group.pf-m-action{margin-block-start:var(--pf-v5-c-form__group--m-action--MarginTop);overflow:hidden}.pf-v5-c-form__section{display:grid;gap:var(--pf-v5-c-form__section--Gap)}.pf-v5-c-form__section+.pf-v5-c-form__group:not(.pf-m-action),.pf-v5-c-form__section:not(:first-child){margin-block-start:var(--pf-v5-c-form__section--MarginTop)}.pf-v5-c-form__section-title{margin-block-end:var(--pf-v5-c-form__section-title--MarginBottom);font-size:var(--pf-v5-c-form__section-title--FontSize);font-weight:var(--pf-v5-c-form__section-title--FontWeight)}.pf-v5-c-form__group-label{--pf-v5-c-form__helper-text--MarginTop: 0;padding-block-end:var(--pf-v5-c-form__group-label--PaddingBottom)}.pf-v5-c-form__group-label.pf-m-info{display:flex;align-items:flex-end}.pf-v5-c-form__group-label-main{flex-grow:1}.pf-v5-c-form__group-label-info{margin-inline-start:var(--pf-v5-c-form__group-label-info--MarginLeft);font-size:var(--pf-v5-c-form__group-label-info--FontSize)}.pf-v5-c-form__label{font-size:var(--pf-v5-c-form__label--FontSize);line-height:var(--pf-v5-c-form__label--LineHeight)}.pf-v5-c-form__label::selection{background-color:none}.pf-v5-c-form__label:not(.pf-m-disabled):hover{cursor:var(--pf-v5-c-form__label--hover--Cursor)}.pf-v5-c-form__label.pf-m-disabled{color:var(--pf-v5-c-form__label--m-disabled--Color)}.pf-v5-c-form__label.pf-m-disabled:hover{cursor:var(--pf-v5-c-form__label--m-disabled--hover--Cursor)}.pf-v5-c-form__label-text{font-weight:var(--pf-v5-c-form__label-text--FontWeight)}.pf-v5-c-form__label-required{margin-inline-start:var(--pf-v5-c-form__label-required--MarginLeft);font-size:var(--pf-v5-c-form__label-required--FontSize);color:var(--pf-v5-c-form__label-required--Color)}.pf-v5-c-form__group-label-help{padding-block-start:var(--pf-v5-c-form__group-label-help--PaddingTop);padding-block-end:var(--pf-v5-c-form__group-label-help--PaddingBottom);padding-inline-start:var(--pf-v5-c-form__group-label-help--PaddingLeft);padding-inline-end:var(--pf-v5-c-form__group-label-help--PaddingRight);margin-block-start:var(--pf-v5-c-form__group-label-help--MarginTop);margin-block-end:var(--pf-v5-c-form__group-label-help--MarginBottom);margin-inline-start:var(--pf-v5-c-form__group-label-help--MarginLeft);margin-inline-end:var(--pf-v5-c-form__group-label-help--MarginRight);font-size:var(--pf-v5-c-form__group-label-help--FontSize);line-height:1;color:var(--pf-v5-c-form__group-label-help--Color);cursor:pointer;background-color:var(--pf-v5-c-form__group-label-help--BackgroundColor);border:0;transform:translateY(var(--pf-v5-c-form__group-label-help--TranslateY))}.pf-v5-c-form__group-label-help:hover{--pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--hover--Color)}.pf-v5-c-form__group-label-help:focus-within{--pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color)}.pf-v5-c-form__group-control{min-width:0}.pf-v5-c-form__group-control.pf-m-inline{display:flex;flex-flow:row wrap}.pf-v5-c-form__group-control.pf-m-inline>*{margin-inline-end:var(--pf-v5-c-form__group-control--m-inline--child--MarginRight)}.pf-v5-c-form__group-control.pf-m-inline>:last-child{--pf-v5-c-form__group-control--m-inline--child--MarginRight: 0}.pf-v5-c-form__group-control.pf-m-stack{--pf-v5-c-form__helper-text--MarginTop: var(--pf-v5-c-form__group-control--m-stack__helper-text--MarginTop);display:grid;gap:var(--pf-v5-c-form__group-control--m-stack--Gap)}.pf-v5-c-form__group-control .pf-v5-c-form__helper-text:first-child{--pf-v5-c-form__helper-text--MarginTop: 0;margin-block-end:var(--pf-v5-c-form__group-control__helper-text--MarginBottom)}.pf-v5-c-form__helper-text{margin-block-start:var(--pf-v5-c-form__helper-text--MarginTop);font-size:var(--pf-v5-c-form__helper-text--FontSize);color:var(--pf-v5-c-form__helper-text--Color)}.pf-v5-c-form__helper-text.pf-m-error{--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-error--Color)}.pf-v5-c-form__helper-text.pf-m-success{--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-success--Color)}.pf-v5-c-form__helper-text.pf-m-warning{--pf-v5-c-form__helper-text--Color: var(--pf-v5-c-form__helper-text--m-warning--Color)}.pf-v5-c-form__helper-text.pf-m-inactive{display:none}.pf-v5-c-form__helper-text.pf-m-hidden{visibility:hidden;opacity:0}.pf-v5-c-form__helper-text-icon{margin-inline-end:var(--pf-v5-c-form__helper-text-icon--MarginRight);font-size:var(--pf-v5-c-form__helper-text-icon--FontSize)}.pf-v5-c-form__fieldset{border:0}.pf-v5-c-form__actions{display:flex;flex-wrap:wrap;margin-block-start:var(--pf-v5-c-form__actions--MarginTop);margin-block-end:var(--pf-v5-c-form__actions--MarginBottom);margin-inline-start:var(--pf-v5-c-form__actions--MarginLeft);margin-inline-end:var(--pf-v5-c-form__actions--MarginRight)}.pf-v5-c-form__actions>*{margin-block-start:var(--pf-v5-c-form__actions--child--MarginTop);margin-block-end:var(--pf-v5-c-form__actions--child--MarginBottom);margin-inline-start:var(--pf-v5-c-form__actions--child--MarginLeft);margin-inline-end:var(--pf-v5-c-form__actions--child--MarginRight)}.pf-v5-c-form__field-group{--pf-v5-c-form__field-group--BorderTopWidth: var(--pf-v5-c-form__field-group--border-width-base);display:grid;grid-template-columns:minmax(var(--pf-v5-c-form__field-group--GridTemplateColumns--toggle),max-content) 1fr;border-block-start:var(--pf-v5-c-form__field-group--BorderTopWidth) solid var(--pf-v5-c-form__field-group--BorderTopColor);border-block-end:var(--pf-v5-c-form__field-group--BorderBottomWidth) solid var(--pf-v5-c-form__field-group--BorderBottomColor)}.pf-v5-c-form__field-group:last-child{--pf-v5-c-form__field-group--BorderBottomWidth: 0}.pf-v5-c-form__field-group+.pf-v5-c-form__field-group,.pf-v5-c-form__field-group:first-child{--pf-v5-c-form__field-group--BorderTopWidth: 0}.pf-v5-c-form__field-group+.pf-v5-c-form__field-group{margin-block-start:var(--pf-v5-c-form__field-group--field-group--MarginTop)}.pf-v5-c-form__field-group .pf-v5-c-form__field-group{--pf-v5-c-form__field-group-body--GridColumn: var(--pf-v5-c-form__field-group__field-group__field-group-body--GridColumn);--pf-v5-c-form__field-group-toggle--PaddingTop: var(--pf-v5-c-form__field-group__field-group__field-group-toggle--PaddingTop);--pf-v5-c-form__field-group-header--PaddingTop: var(--pf-v5-c-form__field-group__field-group__field-group-header--PaddingTop);--pf-v5-c-form__field-group-header--PaddingBottom: var(--pf-v5-c-form__field-group__field-group__field-group-header--PaddingBottom);--pf-v5-c-form__field-group-body--PaddingTop: 0}.pf-v5-c-form__field-group .pf-v5-c-form__field-group .pf-v5-c-form__field-group-toggle~.pf-v5-c-form__field-group-body{--pf-v5-c-form__field-group-body--GridColumn: var(--pf-v5-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn)}.pf-v5-c-form__field-group.pf-m-expanded>.pf-v5-c-form__field-group-toggle{--pf-v5-c-form__field-group-toggle-icon--Rotate: var(--pf-v5-c-form__field-group--m-expanded__toggle-icon--Rotate)}.pf-v5-c-form__field-group-toggle{grid-row:1/2;grid-column:1/2;padding-block-start:var(--pf-v5-c-form__field-group-toggle--PaddingTop);padding-inline-end:var(--pf-v5-c-form__field-group-toggle--PaddingRight)}.pf-v5-c-form__field-group-toggle+.pf-v5-c-form__field-group-header{--pf-v5-c-form__field-group-header--GridColumn: var(--pf-v5-c-form__field-group-toggle--field-group-header--GridColumn)}.pf-v5-c-form__field-group-toggle-button{margin-block-start:var(--pf-v5-c-form__field-group-toggle-button--MarginTop);margin-block-end:var(--pf-v5-c-form__field-group-toggle-button--MarginBottom)}.pf-v5-c-form__field-group-toggle-icon{display:inline-block;min-width:var(--pf-v5-c-form__field-group-toggle-icon--MinWidth);text-align:center;transition:var(--pf-v5-c-form__field-group-toggle-icon--Transition);transform:rotate(var(--pf-v5-c-form__field-group-toggle-icon--Rotate))}:where(.pf-v5-m-dir-rtl,[dir=rtl]) .pf-v5-c-form__field-group-toggle-icon{scale:-1 1}.pf-v5-c-form__field-group-header{display:flex;grid-row:1/2;grid-column:var(--pf-v5-c-form__field-group-header--GridColumn);align-items:flex-start;padding-block-start:var(--pf-v5-c-form__field-group-header--PaddingTop);padding-block-end:var(--pf-v5-c-form__field-group-header--PaddingBottom)}.pf-v5-c-form__field-group-header-main{display:flex;flex-direction:column;flex-grow:1}.pf-v5-c-form__field-group-header-title{display:flex}.pf-v5-c-form__field-group-header-title-text{flex-grow:1}.pf-v5-c-form__field-group-header-description{margin-block-start:var(--pf-v5-c-form__field-group-header-description--MarginTop);color:var(--pf-v5-c-form__field-group-header-description--Color)}.pf-v5-c-form__field-group-header-actions{margin-block-start:var(--pf-v5-c-form__field-group-header-actions--MarginTop);margin-block-end:var(--pf-v5-c-form__field-group-header-actions--MarginBottom);margin-inline-start:var(--pf-v5-c-form__field-group-header-actions--MarginLeft);white-space:nowrap}.pf-v5-c-form__field-group-body{display:grid;grid-column:var(--pf-v5-c-form__field-group-body--GridColumn);gap:var(--pf-v5-c-form__field-group-body--Gap);padding-block-start:var(--pf-v5-c-form__field-group-body--PaddingTop);padding-block-end:var(--pf-v5-c-form__field-group-body--PaddingBottom)}.pf-v5-c-form__field-group-body>.pf-v5-c-form__field-group:first-child{--pf-v5-c-form__field-group-toggle--PaddingTop: 0;--pf-v5-c-form__field-group-header--PaddingTop: 0}.pf-v5-c-form__field-group-body>.pf-v5-c-form__field-group:last-child{margin-block-end:var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom)}:where(.pf-v5-theme-dark) .pf-v5-c-form{--pf-v5-c-form__helper-text--m-success--Color: var(--pf-v5-global--success-color--100)}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import RichTextEditor from './RichTextEditor';
|
|
2
|
-
import RichTextEditorFormComponent from './RichTextEditorFormComponent';
|
|
3
|
-
export { RichTextEditor, RichTextEditorFormComponent };
|
|
1
|
+
import { default as RichTextEditor } from './RichTextEditor';
|
|
2
|
+
import { default as RichTextEditorFormComponent } from './RichTextEditorFormComponent';
|
|
3
|
+
export { RichTextEditor, RichTextEditorFormComponent };
|