diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-chromium-linux.png index 2576b6ca..6011f36b 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-webkit-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-webkit-linux.png index 6b1de6c3..f6bf1641 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-chromium-linux.png index 325eb008..9a058998 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-webkit-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-webkit-linux.png index 11e56ada..c2ff0a76 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-webkit-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-dark-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-dark-chromium-linux.png index 9327bdc7..d750ed08 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-light-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-light-chromium-linux.png index df330e57..6e7c54d2 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-light-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-group2-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-chromium-linux.png index aaee0cc2..56bca758 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-webkit-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-webkit-linux.png index bd0336b6..944d5da0 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-webkit-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-chromium-linux.png index 3c18ad79..4519aa97 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-webkit-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-webkit-linux.png index ee716169..a7b036a7 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-webkit-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-dark-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-dark-chromium-linux.png index 41b2e534..8329df1f 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-dark-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-light-chromium-linux.png b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-light-chromium-linux.png index f223198f..d5d13472 100644 Binary files a/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-light-chromium-linux.png and b/src/lib/kit/components/Inputs/ObjectBase/__snapshots__/ObjectBase.visual.test.tsx-snapshots/Object-Base-layouts-section2-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Accordeon/Accordeon.tsx b/src/lib/kit/components/Layouts/Accordeon/Accordeon.tsx index 24b77aca..7b261e88 100644 --- a/src/lib/kit/components/Layouts/Accordeon/Accordeon.tsx +++ b/src/lib/kit/components/Layouts/Accordeon/Accordeon.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import {ArrayLayoutProps, ObjectLayoutProps} from '../../../../core'; +import {ArrayLayoutProps, ObjectLayoutProps, isArrayItem} from '../../../../core'; import {ErrorWrapper} from '../../../components'; import {useErrorChecker} from '../../../hooks'; import {RemoveButton} from '../../RemoveButton'; @@ -21,7 +21,7 @@ export const Accordeon = ({ }, [input.onDrop, setOpen]); const removeButton = React.useMemo(() => { - if (spec.required || !input.value) { + if (!isArrayItem(name) && (spec.required || !input.value)) { return null; } diff --git a/src/lib/kit/components/Layouts/AccordeonCard/AccordeonCardForm.tsx b/src/lib/kit/components/Layouts/AccordeonCard/AccordeonCardForm.tsx index 5cb8d65c..93d99860 100644 --- a/src/lib/kit/components/Layouts/AccordeonCard/AccordeonCardForm.tsx +++ b/src/lib/kit/components/Layouts/AccordeonCard/AccordeonCardForm.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import {ArrayLayoutProps, ObjectLayoutProps} from '../../../../core'; +import {ArrayLayoutProps, ObjectLayoutProps, isArrayItem} from '../../../../core'; import {useErrorChecker} from '../../../hooks'; import {block} from '../../../utils'; import {AccordeonCard} from '../../AccordeonCard'; @@ -26,7 +26,7 @@ export const AccordeonCardForm = { - if (spec.required || !input.value) { + if (!isArrayItem(name) && (spec.required || !input.value)) { return null; } diff --git a/src/lib/kit/components/Layouts/CardAccordeon.tsx b/src/lib/kit/components/Layouts/CardAccordeon.tsx index 91502127..1b30e6ab 100644 --- a/src/lib/kit/components/Layouts/CardAccordeon.tsx +++ b/src/lib/kit/components/Layouts/CardAccordeon.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import {FieldValue, LayoutProps, Spec} from '../../../core'; +import {FieldValue, LayoutProps, Spec, isArrayItem} from '../../../core'; import {Card, ErrorWrapper} from '../../components'; import {useErrorChecker} from '../../hooks'; import {RemoveButton} from '../RemoveButton'; @@ -22,7 +22,7 @@ export const CardAccordeon = ({ }, [input.onDrop, setOpen]); const removeButton = React.useMemo(() => { - if (spec.required || !input.value) { + if (!isArrayItem(name) && (spec.required || !input.value)) { return null; } diff --git a/src/lib/kit/components/Layouts/CardSection.tsx b/src/lib/kit/components/Layouts/CardSection.tsx index 19c8f3a0..02414af6 100644 --- a/src/lib/kit/components/Layouts/CardSection.tsx +++ b/src/lib/kit/components/Layouts/CardSection.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import {FieldValue, LayoutProps, Spec} from '../../../core'; +import {FieldValue, LayoutProps, Spec, isArrayItem} from '../../../core'; import {Card, ErrorWrapper} from '../../components'; import {RemoveButton} from '../RemoveButton'; @@ -12,7 +12,7 @@ export const CardSection = ({ children, }: LayoutProps) => { const removeButton = React.useMemo(() => { - if (spec.required || !input.value) { + if (!isArrayItem(name) && (spec.required || !input.value)) { return null; } diff --git a/src/lib/kit/components/Layouts/Section/Section.scss b/src/lib/kit/components/Layouts/Section/Section.scss index c144c26b..c9d23d6f 100644 --- a/src/lib/kit/components/Layouts/Section/Section.scss +++ b/src/lib/kit/components/Layouts/Section/Section.scss @@ -12,27 +12,29 @@ $block: '.#{$ns}section'; } &__header { + display: flex; + align-items: center; margin-bottom: $normalOffset; - &_with-popover { - display: flex; + &_size_s { + height: 18px; + } + + &_size_m { + height: 20px; } } &__title { max-width: 533px; - font-weight: 500; - margin: 0; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + } - &_size_s { - font-size: 13px; - } + &__title-popover { + display: flex; + align-items: center; - &_size_m { - font-size: 15px; + .g-popover__handler { + display: flex; } } @@ -51,4 +53,8 @@ $block: '.#{$ns}section'; &__description { margin-top: 4px; } + + &__remove-button { + margin-left: 5px; + } } diff --git a/src/lib/kit/components/Layouts/Section/Section.tsx b/src/lib/kit/components/Layouts/Section/Section.tsx index a9cc9120..4e1024a8 100644 --- a/src/lib/kit/components/Layouts/Section/Section.tsx +++ b/src/lib/kit/components/Layouts/Section/Section.tsx @@ -4,6 +4,7 @@ import {HelpPopover} from '@gravity-ui/components'; import {Popover, Text} from '@gravity-ui/uikit'; import {GroupIndent} from '../../'; +import {RemoveButton} from '../../RemoveButton'; import {COMMON_POPOVER_PLACEMENT, COMMON_TITLE_MAX_WIDTH, ErrorWrapper} from '../../../'; import { FieldRenderProps, @@ -12,6 +13,7 @@ import { LayoutProps, Spec, ViewLayoutProps, + isArrayItem, isArraySpec, isObjectSpec, } from '../../../../core'; @@ -38,11 +40,28 @@ const SectionBase = ( children, ...restProps }: (LayoutProps | ViewLayoutProps) & SectionProps) => { + const input = (restProps as FieldRenderProps).input as + | FieldRenderProps['input'] + | undefined; const meta = (restProps as FieldRenderProps).meta as FieldRenderProps['meta'] | undefined; const arrOrObjFlag = isArraySpec(spec) || isObjectSpec(spec); const titleRef = React.useRef(null); let content = children; + const removeButton = React.useMemo(() => { + if (input?.value && input?.onDrop && isArrayItem(name)) { + return ( + + ); + } + + return null; + }, [input?.value, input?.onDrop, name]); + if (meta) { content = ( @@ -88,18 +107,26 @@ const SectionBase = (
-

+ {layoutTitle} -

+
{description} + {removeButton}
) : null}
{content}
diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-chromium-linux.png index c2a7020c..f8a9f697 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-webkit-linux.png index 9eb17269..f4ca8f57 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-chromium-linux.png index 7ffb16f1..1ff1ed5d 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-webkit-linux.png index 271b9214..0fe9db70 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-array-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-chromium-linux.png index 308286dd..404e3850 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-webkit-linux.png index 4a691e67..99a81fc7 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-chromium-linux.png index cbe43318..a41f0306 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-webkit-linux.png index d5d4f4f4..4f0f285c 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group-object-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-dark-chromium-linux.png index 22f2d7da..01444717 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-light-chromium-linux.png index e0044121..d723cf0f 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-dark-chromium-linux.png index 3dbe3894..aa57df7d 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-light-chromium-linux.png index 749f9b9b..571487e3 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-group2-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-chromium-linux.png index 215eae10..df939237 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-webkit-linux.png index a2c7548d..d880ba95 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-chromium-linux.png index 6edc7a96..1295aa5a 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-webkit-linux.png index f601f551..d9724d6a 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-array-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-chromium-linux.png index 7c673cb1..0ff99d94 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-webkit-linux.png index cf9c83a1..96beb03b 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-chromium-linux.png index a53c2c0e..57ee61d5 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-webkit-linux.png index cb2cb9b7..bd21b7f2 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section-object-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-dark-chromium-linux.png index 149ddd9a..35623dfb 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-light-chromium-linux.png index 2e5f7db3..d4720bbd 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-dark-chromium-linux.png index d22dfcb3..e5426f8a 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-light-chromium-linux.png index 97f27b42..35ea168d 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-View-section2-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-chromium-linux.png index 4caf75ad..cd8d8e61 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-webkit-linux.png index 538af8af..e5477fdf 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-chromium-linux.png index 074fad83..8134dc70 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-webkit-linux.png index 92a17ea0..864e7dcc 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-array-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-chromium-linux.png index a053d205..8011a7bc 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-webkit-linux.png index 917fe8d5..21d784b8 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-chromium-linux.png index 7b9658c1..75a50fb3 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-webkit-linux.png index 97e8aa86..38e2d721 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group-object-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-dark-chromium-linux.png index 8c28df61..4dfac49b 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-light-chromium-linux.png index 60730af1..077c27b2 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-dark-chromium-linux.png index 8c3b5ad5..efe6ea95 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-light-chromium-linux.png index 6a656b32..3f7b6c32 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-group2-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-chromium-linux.png index 2bcf10c9..f19d8a00 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-webkit-linux.png index 9541d458..53fffbcf 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-chromium-linux.png index 5df79356..e376f479 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-webkit-linux.png index afe9c407..8ab5a194 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-array-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-chromium-linux.png index d4ae33f3..ad47b610 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-webkit-linux.png index 809e1c35..7cd4ed33 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-dark-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-chromium-linux.png index 30f7e524..39ab22fa 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-webkit-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-webkit-linux.png index d3bb8d8a..d9eac218 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-webkit-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section-object-spec-light-webkit-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-dark-chromium-linux.png index 42b74f90..684d8403 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-light-chromium-linux.png index 0f175826..ca4ceeb2 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-array-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-dark-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-dark-chromium-linux.png index 1664c901..ab3973c2 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-dark-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-dark-chromium-linux.png differ diff --git a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-light-chromium-linux.png b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-light-chromium-linux.png index b6445c72..efd89375 100644 Binary files a/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-light-chromium-linux.png and b/src/lib/kit/components/Layouts/Section/__snapshots__/Section.visual.test.tsx-snapshots/Section-section2-object-spec-light-chromium-linux.png differ diff --git a/src/lib/kit/components/RemoveButton/RemoveButton.tsx b/src/lib/kit/components/RemoveButton/RemoveButton.tsx index 3ee74c34..0ddcec53 100644 --- a/src/lib/kit/components/RemoveButton/RemoveButton.tsx +++ b/src/lib/kit/components/RemoveButton/RemoveButton.tsx @@ -8,9 +8,10 @@ import i18n from '../../i18n'; export interface RemoveButtonProps { name: string; onDrop: () => void; + switcherClassName?: string; } -export const RemoveButton: React.FC = ({name, onDrop}) => { +export const RemoveButton: React.FC = ({name, onDrop, switcherClassName}) => { const items: DropdownMenuItemMixed[] = React.useMemo( () => [{text: i18n('label_delete'), action: onDrop, theme: 'danger'}], [onDrop], @@ -18,11 +19,11 @@ export const RemoveButton: React.FC = ({name, onDrop}) => { const switcher = React.useMemo( () => ( - ), - [], + [switcherClassName], ); return ; diff --git a/src/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.scss b/src/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.scss index efb3e08e..0716c131 100644 --- a/src/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.scss +++ b/src/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.scss @@ -23,18 +23,14 @@ $animationDuration: 0.3s; margin-left: -13px; max-width: 533px; } + + .g-popover__handler { + display: flex; + } } &__tooltip { margin: 0px 5px; - - .g-help-popover { - display: flex; - - & > span { - display: flex; - } - } } &__chevron {