feat!: remove card config (#129)

Author: bocembocem

src/lib/kit/components/Inputs/MonacoInput/MonacoHeader.scss

@@ -8,10 +8,6 @@
     align-items: center;
     background-color: var(--yc-color-base-float-hover);
 
-    &_card {
-        border-bottom: 1px solid var(--yc-color-line-generic);
-    }
-
     &__language {
         margin-top: 2px;
         margin-left: 10px;

src/lib/kit/components/Inputs/MonacoInput/MonacoHeader.tsx

@@ -12,11 +12,10 @@ const b = block('monaco-header');
 interface MonacoHeaderProps {
     language?: string;
     editButton?: React.ReactNode;
-    card?: boolean | undefined;
 }
 
-export const MonacoHeader: React.FC<MonacoHeaderProps> = ({language, editButton, card}) => (
-    <div className={b({card})}>
+export const MonacoHeader: React.FC<MonacoHeaderProps> = ({language, editButton}) => (
+    <div className={b()}>
         <div>
             <Icon data={File} size={18} />
             <span className={b('language')}>{language}</span>

src/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.scss

@@ -4,10 +4,6 @@
     // TODO: Remove this styles
     width: 550px;
 
-    &_card {
-        width: auto;
-    }
-
     &__container {
         border: 1px solid var(--yc-color-line-generic);
     }

src/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.tsx

@@ -17,7 +17,6 @@ import './MonacoInputBase.scss';
 const b = block('monaco-input');
 
 export interface MonacoInputBaseProps extends StringInputProps {
-    card?: boolean;
     MonacoComponent?: React.ComponentType<MonacoEditorProps>;
     withoutDialog?: boolean;
 }
@@ -26,7 +25,6 @@ export const MonacoInputBase: React.FC<MonacoInputBaseProps> = ({
     name,
     input,
     spec,
-    card,
     MonacoComponent,
     withoutDialog,
 }) => {
@@ -65,9 +63,9 @@ export const MonacoInputBase: React.FC<MonacoInputBaseProps> = ({
     }
 
     return (
-        <div className={b({card})}>
+        <div className={b()}>
             <div className={b('container')} data-qa={name}>
-                <MonacoHeader language={language} card={card} editButton={dialogButton} />
+                <MonacoHeader language={language} editButton={dialogButton} />
                 <MonacoEditor
                     language={language}
                     value={monacoValue}
@@ -83,7 +81,6 @@ export const MonacoInputBase: React.FC<MonacoInputBaseProps> = ({
                 value={monacoValue}
                 visible={monacoEditorDialog}
                 language={language}
-                card={card}
                 changeMonacoValue={setMonacoValue}
                 onChange={onChange}
                 onClose={handleMonacoEditorDialogClose}
@@ -96,7 +93,3 @@ export const MonacoInputBase: React.FC<MonacoInputBaseProps> = ({
 export const MonacoInput: React.FC<MonacoInputBaseProps> = (props) => (
     <MonacoInputBase {...props} />
 );
-
-export const MonacoInputCard: React.FC<MonacoInputBaseProps> = (props) => (
-    <MonacoInputBase {...props} card={true} />
-);

src/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.tsx

@@ -21,7 +21,6 @@ interface MonacoInputDialogProps {
     language?: string;
     title: string | undefined;
     fontSize: number | undefined;
-    card: boolean | undefined;
     onChange: (value: string) => void;
     onClose: () => void;
     changeMonacoValue: (value: string) => void;
@@ -34,7 +33,6 @@ export const MonacoInputDialog: React.FC<MonacoInputDialogProps> = ({
     title,
     visible,
     language,
-    card,
     onChange,
     onClose,
     changeMonacoValue,
@@ -59,7 +57,7 @@ export const MonacoInputDialog: React.FC<MonacoInputDialogProps> = ({
             <Dialog.Header caption={title} className={b('dialog-header')} />
             <Dialog.Body>
                 <div className={b('container')} data-qa={`${name}-dialog`}>
-                    <MonacoHeader language={language} card={card} />
+                    <MonacoHeader language={language} />
                     <MonacoEditor
                         language={language}
                         height="600"

src/lib/kit/components/Inputs/OneOfCard/OneOfCard.scss

@@ -9,7 +9,6 @@ export * from './NumberWithScale';
 export * from './ObjectBase';
 export * from './ObjectValueInput';
 export * from './OneOf';
-export * from './OneOfCard';
 export * from './Secret';
 export * from './Select';
 export * from './Switch';