@toptal/picasso-rich-text-editor 17.1.1-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.3 → 17.2.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.
Files changed (13) hide show
  1. package/dist-package/src/RichTextEditor/RichTextEditor.d.ts +2 -2
  2. package/dist-package/src/RichTextEditor/RichTextEditor.d.ts.map +1 -1
  3. package/dist-package/src/RichTextEditor/RichTextEditor.js +1 -0
  4. package/dist-package/src/RichTextEditor/RichTextEditor.js.map +1 -1
  5. package/dist-package/src/RichTextEditor/styles.d.ts +1 -1
  6. package/dist-package/src/RichTextEditor/styles.d.ts.map +1 -1
  7. package/dist-package/src/RichTextEditor/styles.js +4 -0
  8. package/dist-package/src/RichTextEditor/styles.js.map +1 -1
  9. package/package.json +22 -23
  10. package/src/RichTextEditor/RichTextEditor.tsx +3 -2
  11. package/src/RichTextEditor/story/Status.example.tsx +7 -0
  12. package/src/RichTextEditor/styles.ts +8 -0
  13. package/LICENSE +0 -20
package/dist-package/src/RichTextEditor/RichTextEditor.d.ts CHANGED
@@ -15,8 +15,8 @@ export interface Props extends BaseProps {
15
15
  disabled?: boolean;
16
16
  /** unique identifier */
17
17
  id: string;
18
- /** Indicate `RichTextEditor` is in `error` or `default` state */
19
- status?: Extract<OutlinedInputStatus, 'error' | 'default'>;
18
+ /** Indicate `RichTextEditor` is in `error`, `warning` or `default` state */
19
+ status?: Extract<OutlinedInputStatus, 'error' | 'warning' | 'default'>;
20
20
  /** Used inside Form with combination of Label to enable forHtml functionality */
21
21
  hiddenInputId?: string;
22
22
  /**
package/dist-package/src/RichTextEditor/RichTextEditor.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC,CAAA;IAC1D,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2GAA2G;IAC3G,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACpE,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;IACD,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAA;CAClD;AAMD,eAAO,MAAM,cAAc,8EAqG1B,CAAA;AAaD,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIvD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAG1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA;IACtE,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2GAA2G;IAC3G,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACpE,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAA;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;IACD,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAA;CAClD;AAMD,eAAO,MAAM,cAAc,8EAsG1B,CAAA;AAaD,eAAe,cAAc,CAAA"}
package/dist-package/src/RichTextEditor/RichTextEditor.js CHANGED
@@ -36,6 +36,7 @@ export const RichTextEditor = forwardRef(function RichTextEditor(props, ref) {
36
36
  [classes.disabled]: disabled,
37
37
  [classes.focused]: hasFocus,
38
38
  [classes.error]: status === 'error',
39
+ [classes.warning]: status === 'warning',
39
40
  [classes.highlightAutofill]: highlight === 'autofill',
40
41
  }, className), style: style, ref: node => {
41
42
  if (typeof ref === 'function') {
package/dist-package/src/RichTextEditor/RichTextEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RichTextEditor.js","sourceRoot":"","sources":["../../../src/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"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"}
package/dist-package/src/RichTextEditor/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "focused" | "error" | "editorWrapper" | "highlightAutofill">;
2
+ declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "disabled" | "focused" | "error" | "editorWrapper" | "warning" | "highlightAutofill">;
3
3
  export default _default;
4
4
  //# sourceMappingURL=styles.d.ts.map
package/dist-package/src/RichTextEditor/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;gCAG9B,KAAK;AAA5B,wBAuCC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;gCAG9B,KAAK;AAA5B,wBA+CC"}
package/dist-package/src/RichTextEditor/styles.js CHANGED
@@ -21,6 +21,10 @@ export default (theme) => {
21
21
  borderColor: palette.red.main,
22
22
  '&$focused': Object.assign({ borderColor: palette.red.main }, outline(palette.red.main)),
23
23
  },
24
+ warning: {
25
+ borderColor: palette.yellow.main,
26
+ '&$focused': Object.assign({ borderColor: palette.yellow.main }, outline(palette.yellow.main)),
27
+ },
24
28
  focused: Object.assign({ borderColor: palette.grey.main2 }, outline(palette.primary.main)),
25
29
  highlightAutofill: {
26
30
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
package/dist-package/src/RichTextEditor/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEhC,OAAO,YAAY,CAAC;QAClB,aAAa,EAAE;YACb,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;YACtC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;YAC1C,OAAO,EAAE,OAAO;YAEhB,oCAAoC,EAAE;gBACpC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;aAChC;SACF;QAED,QAAQ,EAAE;YACR,aAAa,EAAE,MAAM;YACrB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;YACjC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC3C;QAED,KAAK,EAAE;YACL,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;YAC7B,WAAW,kBACT,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,IAC1B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAC7B;SACF;QAED,OAAO,kBACL,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACjC;QAED,iBAAiB,EAAE;YACjB,oEAAoE;YACpE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAQ,EAAE,GAAG,CAAC;SACrD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/RichTextEditor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAEhC,OAAO,YAAY,CAAC;QAClB,aAAa,EAAE;YACb,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;YACtC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;YAC1C,OAAO,EAAE,OAAO;YAEhB,oCAAoC,EAAE;gBACpC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;aAChC;SACF;QAED,QAAQ,EAAE;YACR,aAAa,EAAE,MAAM;YACrB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;YACjC,MAAM,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC3C;QAED,KAAK,EAAE;YACL,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI;YAC7B,WAAW,kBACT,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,IAC1B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAC7B;SACF;QAED,OAAO,EAAE;YACP,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;YAChC,WAAW,kBACT,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,IAC7B,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAChC;SACF;QAED,OAAO,kBACL,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACjC;QAED,iBAAiB,EAAE;YACjB,oEAAoE;YACpE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,OAAQ,EAAE,GAAG,CAAC;SACrD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-rich-text-editor",
3
- "version": "17.1.1-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.3+295fb9c4b",
3
+ "version": "17.2.0",
4
4
  "description": "Picasso rich text editor",
5
5
  "author": "Toptal",
6
6
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso-rich-text-editor#readme",
@@ -30,32 +30,32 @@
30
30
  "@lexical/utils": "0.11.2",
31
31
  "@material-ui/core": "4.12.4",
32
32
  "@toptal/picasso-shared": "^15.0.0",
33
- "@toptal/picasso-tailwind": ">=2.7",
34
- "@toptal/picasso-tailwind-merge": "^2.0.0",
35
33
  "react": ">=16.12.0 < 19.0.0",
36
34
  "react-dom": ">=16.12.0 < 19.0.0",
37
- "typescript": "~4.7.0"
35
+ "typescript": "~4.7.0",
36
+ "@toptal/picasso-tailwind-merge": "^2.0.0",
37
+ "@toptal/picasso-tailwind": ">=2.7"
38
38
  },
39
39
  "dependencies": {
40
40
  "@emoji-mart/data": "^1.2.1",
41
41
  "@emoji-mart/react": "^1.1.1",
42
42
  "@lexical/html": "0.11.2",
43
43
  "@lexical/react": "0.11.2",
44
- "@toptal/picasso-button": "4.0.22-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
45
- "@toptal/picasso-container": "3.1.3-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
46
- "@toptal/picasso-file-input": "4.0.20-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
47
- "@toptal/picasso-form": "6.2.2-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
48
- "@toptal/picasso-icons": "1.12.2-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
49
- "@toptal/picasso-image": "3.0.4-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
50
- "@toptal/picasso-input": "4.0.21-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
51
- "@toptal/picasso-input-adornment": "3.0.11-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
52
- "@toptal/picasso-link": "3.0.6-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
53
- "@toptal/picasso-list": "5.0.11-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
54
- "@toptal/picasso-modal": "3.2.1-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.5+295fb9c4b",
55
- "@toptal/picasso-outlined-input": "4.0.21-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
56
- "@toptal/picasso-select": "4.0.21-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
57
- "@toptal/picasso-typography": "4.0.4-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
58
- "@toptal/picasso-utils": "3.1.1-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
44
+ "@toptal/picasso-container": "3.1.2",
45
+ "@toptal/picasso-button": "4.0.21",
46
+ "@toptal/picasso-icons": "1.12.1",
47
+ "@toptal/picasso-file-input": "4.0.20",
48
+ "@toptal/picasso-image": "3.0.3",
49
+ "@toptal/picasso-outlined-input": "4.1.0",
50
+ "@toptal/picasso-list": "5.0.10",
51
+ "@toptal/picasso-link": "3.0.5",
52
+ "@toptal/picasso-select": "4.1.0",
53
+ "@toptal/picasso-input-adornment": "3.0.10",
54
+ "@toptal/picasso-typography": "4.0.3",
55
+ "@toptal/picasso-modal": "3.2.0",
56
+ "@toptal/picasso-form": "6.3.0",
57
+ "@toptal/picasso-input": "4.1.0",
58
+ "@toptal/picasso-utils": "3.1.0",
59
59
  "classnames": "^2.5.1",
60
60
  "emoji-mart": "^5.5.2",
61
61
  "hast-to-hyperscript": "^9.0.1",
@@ -68,8 +68,8 @@
68
68
  "devDependencies": {
69
69
  "@material-ui/core": "4.12.4",
70
70
  "@testing-library/react-hooks": "^8.0.1",
71
- "@toptal/picasso-tailwind-merge": "2.0.4-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.9+295fb9c4b",
72
- "@toptal/picasso-test-utils": "1.1.2-alpha-HG-917-fix-overlapping-sidebar-295fb9c4b.355+295fb9c4b",
71
+ "@toptal/picasso-test-utils": "1.1.1",
72
+ "@toptal/picasso-tailwind-merge": "2.0.3",
73
73
  "@types/classnames": "^2.3.1"
74
74
  },
75
75
  "sideEffects": false,
@@ -84,6 +84,5 @@
84
84
  "src",
85
85
  "eager.js",
86
86
  "eager.d.ts"
87
- ],
88
- "gitHead": "295fb9c4b3bc6f247af449aee17dd2d5ea56613a"
87
+ ]
89
88
  }
package/src/RichTextEditor/RichTextEditor.tsx CHANGED
@@ -30,8 +30,8 @@ export interface Props extends BaseProps {
30
30
  disabled?: boolean
31
31
  /** unique identifier */
32
32
  id: string
33
- /** Indicate `RichTextEditor` is in `error` or `default` state */
34
- status?: Extract<OutlinedInputStatus, 'error' | 'default'>
33
+ /** Indicate `RichTextEditor` is in `error`, `warning` or `default` state */
34
+ status?: Extract<OutlinedInputStatus, 'error' | 'warning' | 'default'>
35
35
  /** Used inside Form with combination of Label to enable forHtml functionality */
36
36
  hiddenInputId?: string
37
37
  /**
@@ -150,6 +150,7 @@ export const RichTextEditor = forwardRef<HTMLDivElement, Props>(
150
150
  [classes.disabled]: disabled,
151
151
  [classes.focused]: hasFocus,
152
152
  [classes.error]: status === 'error',
153
+ [classes.warning]: status === 'warning',
153
154
  [classes.highlightAutofill]: highlight === 'autofill',
154
155
  },
155
156
  className
package/src/RichTextEditor/story/Status.example.tsx CHANGED
@@ -17,6 +17,13 @@ const Example = () => {
17
17
  status='error'
18
18
  name='error'
19
19
  />
20
+ <RichTextEditor
21
+ label='Warning'
22
+ id='editor-warning'
23
+ placeholder='Write some cool rich text'
24
+ status='warning'
25
+ name='warning'
26
+ />
20
27
  </FormNonCompound>
21
28
  )
22
29
  }
package/src/RichTextEditor/styles.ts CHANGED
@@ -31,6 +31,14 @@ export default (theme: Theme) => {
31
31
  },
32
32
  },
33
33
 
34
+ warning: {
35
+ borderColor: palette.yellow.main,
36
+ '&$focused': {
37
+ borderColor: palette.yellow.main,
38
+ ...outline(palette.yellow.main),
39
+ },
40
+ },
41
+
34
42
  focused: {
35
43
  borderColor: palette.grey.main2,
36
44
  ...outline(palette.primary.main),
package/LICENSE DELETED
@@ -1,20 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2021-2022 Toptal, LLC
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy of
6
- this software and associated documentation files (the “Software”), to deal in
7
- the Software without restriction, including without limitation the rights to
8
- use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9
- the Software, and to permit persons to whom the Software is furnished to do so,
10
- subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17
- FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18
- COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19
- IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20
- CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.