@jetbrains/ring-ui 5.0.74 → 5.0.76

package/components/editable-heading/editable-heading.css

@@ -21,6 +21,8 @@
   margin: 0;
   padding: 0;
 
+  cursor: pointer;
+
   text-align: inherit;
 
   color: inherit;
@@ -38,19 +40,6 @@
   @nest .disabled &:focus {
     outline: none;
   }
-}
-
-.heading {
-  overflow: hidden;
-
-  padding: 6px 0;
-
-  cursor: pointer;
-
-  white-space: nowrap;
-  text-overflow: ellipsis;
-
-  border-radius: var(--ring-border-radius);
 
   &:hover {
     background-color: var(--ring-hover-background-color);
@@ -63,8 +52,22 @@
   }
 }
 
+.heading {
+  display: -webkit-box;
+  overflow: hidden;
+
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+
+  border-radius: var(--ring-border-radius);
+
+  @nest .multiline & {
+    -webkit-line-clamp: 3;
+  }
+}
+
 .heading.heading {
-  margin-bottom: 0;
+  margin: 6px 0;
 
   line-height: 28px;
 }

package/components/editable-heading/editable-heading.d.ts

@@ -22,6 +22,7 @@ export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement>, '
     onCancel?: () => void;
     'data-test'?: string | null;
     error?: string;
+    multiline?: boolean;
     renderMenu?: () => React.ReactNode;
     translations?: EditableHeadingTranslations;
 };

package/components/editable-heading/editable-heading.js

@@ -11,7 +11,7 @@ export { Levels };
 export { Size };
 function noop() { }
 export const EditableHeading = (props) => {
-    const { level = Levels.H1, className, headingClassName, inputClassName, children, isEditing = false, isSavingPossible = false, isSaving = false, embedded = false, size = Size.L, onEdit = noop, onSave = noop, onCancel = noop, autoFocus = true, 'data-test': dataTest, error, disabled, renderMenu = () => null, translations = {
+    const { level = Levels.H1, className, headingClassName, inputClassName, children, isEditing = false, isSavingPossible = false, isSaving = false, embedded = false, size = Size.L, onEdit = noop, onSave = noop, onCancel = noop, autoFocus = true, 'data-test': dataTest, error, disabled, multiline = false, renderMenu = () => null, translations = {
         save: 'Save',
         cancel: 'Cancel'
     }, ...restProps } = props;
@@ -29,7 +29,8 @@ export const EditableHeading = (props) => {
         [styles.fullSize]: isEditing && size === Size.FULL,
         [styles.isEditing]: isEditing,
         [styles.error]: hasError,
-        [styles.disabled]: disabled
+        [styles.disabled]: disabled,
+        [styles.multiline]: multiline
     });
     const headingClasses = classNames(styles.heading, headingClassName, styles[`size${size}`]);
     const inputClasses = classNames('ring-js-shortcuts', styles.input, inputStyles[`size${size}`], styles[`level${level}`], inputClassName);

package/components/markdown/code.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { CodeProps } from 'react-markdown/lib/ast-to-react';
-declare module 'react-markdown/lib/complex-types' {
-    interface ReactMarkdownProps {
-        language?: string;
-    }
+export interface MarkdownCodeProps extends CodeProps {
+    language?: string;
 }
-declare const MarkdownCode: ({ children, language, inline, className }: CodeProps) => JSX.Element;
+declare const MarkdownCode: ({ children, language, inline, className }: MarkdownCodeProps) => JSX.Element;
 export default MarkdownCode;

package/components/tooltip/tooltip.css

@@ -7,6 +7,8 @@
   padding: unit;
 
   text-align: left;
+
+  color: var(--ring-text-color);
 }
 
 .long {

package/dist/editable-heading/editable-heading.d.ts

@@ -22,6 +22,7 @@ export type EditableHeadingProps = Omit<InputHTMLAttributes<HTMLInputElement>, '
     onCancel?: () => void;
     'data-test'?: string | null;
     error?: string;
+    multiline?: boolean;
     renderMenu?: () => React.ReactNode;
     translations?: EditableHeadingTranslations;
 };

package/dist/editable-heading/editable-heading.js

@@ -30,7 +30,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_6e69b0fe = {"unit":"8px","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","heading":"heading_rui_0870","input":"input_rui_0870","error":"error_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
+var modules_6e69b0fe = {"unit":"8px","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
 
 function noop() {}
 const EditableHeading = props => {
@@ -52,6 +52,7 @@ const EditableHeading = props => {
     'data-test': dataTest,
     error,
     disabled,
+    multiline = false,
     renderMenu = () => null,
     translations = {
       save: 'Save',
@@ -73,7 +74,8 @@ const EditableHeading = props => {
     [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
     [modules_6e69b0fe.isEditing]: isEditing,
     [modules_6e69b0fe.error]: hasError,
-    [modules_6e69b0fe.disabled]: disabled
+    [modules_6e69b0fe.disabled]: disabled,
+    [modules_6e69b0fe.multiline]: multiline
   });
   const headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe[`size${size}`]);
   const inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_88cfaf40[`size${size}`], modules_6e69b0fe[`level${level}`], inputClassName);

package/dist/markdown/code.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { CodeProps } from 'react-markdown/lib/ast-to-react';
-declare module 'react-markdown/lib/complex-types' {
-    interface ReactMarkdownProps {
-        language?: string;
-    }
+export interface MarkdownCodeProps extends CodeProps {
+    language?: string;
 }
-declare const MarkdownCode: ({ children, language, inline, className }: CodeProps) => JSX.Element;
+declare const MarkdownCode: ({ children, language, inline, className }: MarkdownCodeProps) => JSX.Element;
 export default MarkdownCode;