Unleash · Tymek · Mar 25, 2025 · Mar 26, 2025 · Mar 27, 2025 · Apr 1, 2025
diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EditChange.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EditChange.tsx
@@ -24,7 +24,7 @@ import { SidebarModal } from 'component/common/SidebarModal/SidebarModal';
 import { useSegments } from 'hooks/api/getters/useSegments/useSegments';
 import { FeatureStrategyForm } from '../../../../feature/FeatureStrategy/FeatureStrategyForm/FeatureStrategyForm';
 import { NewStrategyVariants } from 'component/feature/StrategyTypes/NewStrategyVariants';
-import { constraintId } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+import { constraintId } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 import { v4 as uuidv4 } from 'uuid';
 
 interface IEditChangeProps {

diff --git a/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx b/frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx
@@ -8,7 +8,7 @@ import type {
 } from 'component/changeRequest/changeRequest.types';
 import { useSegment } from 'hooks/api/getters/useSegment/useSegment';
 import { SegmentDiff, SegmentTooltipLink } from '../../SegmentTooltipLink';
-import { ConstraintAccordionList } from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
+import { ConstraintAccordionList } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 import { ChangeOverwriteWarning } from './ChangeOverwriteWarning/ChangeOverwriteWarning';
 
 const ChangeItemCreateEditWrapper = styled(Box)(({ theme }) => ({

diff --git a/frontend/src/component/common/ConstraintsList/ConstraintItemHeader/ConstraintItemHeader.tsx b/frontend/src/component/common/ConstraintsList/ConstraintItemHeader/ConstraintItemHeader.tsx
@@ -1,7 +1,7 @@
 import type { ComponentProps, FC, ReactNode } from 'react';
 import { StrategyEvaluationItem } from '../StrategyEvaluationItem/StrategyEvaluationItem';
 import type { ConstraintSchema } from 'openapi';
-import { formatOperatorDescription } from 'component/common/ConstraintAccordion/ConstraintOperator/formatOperatorDescription';
+import { formatOperatorDescription } from 'component/common/LegacyConstraintAccordion/ConstraintOperator/formatOperatorDescription';
 import { StrategyEvaluationChip } from '../StrategyEvaluationChip/StrategyEvaluationChip';
 import { styled, Tooltip } from '@mui/material';
 import { Truncator } from 'component/common/Truncator/Truncator';

diff --git a/...nstraintAccordion/ConstraintAccordion.tsx → ...nstraintAccordion/ConstraintAccordion.tsx b/...nstraintAccordion/ConstraintAccordion.tsx → ...nstraintAccordion/ConstraintAccordion.tsx
@@ -14,6 +14,9 @@ interface IConstraintAccordionProps {
     onSave?: (constraint: IConstraint) => void;
 }
 
+/**
+ * @deprecated use `component/common/NewConstraintAccordion/NewConstraintAccordion`
+ */
 export const ConstraintAccordion = ({
     constraint,
     compact = false,

diff --git a/...AccordionEdit/ConstraintAccordionEdit.tsx → ...AccordionEdit/ConstraintAccordionEdit.tsx b/...AccordionEdit/ConstraintAccordionEdit.tsx → ...AccordionEdit/ConstraintAccordionEdit.tsx
@@ -77,6 +77,9 @@ const StyledAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
     padding: 0,
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionEdit = ({
     constraint,
     compact,

diff --git a/...nEditBody/ConstraintAccordionEditBody.tsx → ...nEditBody/ConstraintAccordionEditBody.tsx b/...nEditBody/ConstraintAccordionEditBody.tsx → ...nEditBody/ConstraintAccordionEditBody.tsx
@@ -41,6 +41,9 @@ const StyledRightButton = styled(Button)(({ theme }) => ({
     minWidth: '125px',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionEditBody: React.FC<
     IConstraintAccordionBody
 > = ({ localConstraint, children, triggerTransition, setAction, onSubmit }) => {

diff --git a/...traintFormHeader/ConstraintFormHeader.tsx → ...traintFormHeader/ConstraintFormHeader.tsx b/...traintFormHeader/ConstraintFormHeader.tsx → ...traintFormHeader/ConstraintFormHeader.tsx
@@ -8,6 +8,9 @@ const StyledHeader = styled('h3')(({ theme }) => ({
     marginBottom: theme.spacing(0.5),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintFormHeader: React.FC<
     React.HTMLAttributes<HTMLDivElement>
 > = ({ children, ...rest }) => {

diff --git a/.../DateSingleValue/DateSingleValue.test.tsx → .../DateSingleValue/DateSingleValue.test.tsx b/.../DateSingleValue/DateSingleValue.test.tsx → .../DateSingleValue/DateSingleValue.test.tsx
diff --git a/...tBody/DateSingleValue/DateSingleValue.tsx → ...tBody/DateSingleValue/DateSingleValue.tsx b/...tBody/DateSingleValue/DateSingleValue.tsx → ...tBody/DateSingleValue/DateSingleValue.tsx
@@ -21,6 +21,9 @@ const StyledWrapper = styled('div')(({ theme }) => ({
     gap: theme.spacing(1),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const DateSingleValue = ({
     setValue,
     value,

diff --git a/...snapshots__/DateSingleValue.test.tsx.snap → ...snapshots__/DateSingleValue.test.tsx.snap b/...snapshots__/DateSingleValue.test.tsx.snap → ...snapshots__/DateSingleValue.test.tsx.snap
diff --git a/...nEditBody/FreeTextInput/FreeTextInput.tsx → ...nEditBody/FreeTextInput/FreeTextInput.tsx b/...nEditBody/FreeTextInput/FreeTextInput.tsx → ...nEditBody/FreeTextInput/FreeTextInput.tsx
@@ -53,6 +53,9 @@ const useStyles = makeStyles()((theme) => ({
 
 const ENTER = 'Enter';
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const FreeTextInput = ({
     values,
     removeValue,

diff --git a/...LegalValueLabel/LegalValueLabel.styles.ts → ...LegalValueLabel/LegalValueLabel.styles.ts b/...LegalValueLabel/LegalValueLabel.styles.ts → ...LegalValueLabel/LegalValueLabel.styles.ts
diff --git a/...tBody/LegalValueLabel/LegalValueLabel.tsx → ...tBody/LegalValueLabel/LegalValueLabel.tsx b/...tBody/LegalValueLabel/LegalValueLabel.tsx → ...tBody/LegalValueLabel/LegalValueLabel.tsx
@@ -29,6 +29,9 @@ export const LegalValueLabel = ({ legal, control }: ILegalValueTextProps) => {
     );
 };
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const filterLegalValues = (
     legalValues: ILegalValue[],
     filter: string,

diff --git a/...ionEditBody/ResolveInput/ResolveInput.tsx → ...ionEditBody/ResolveInput/ResolveInput.tsx b/...ionEditBody/ResolveInput/ResolveInput.tsx → ...ionEditBody/ResolveInput/ResolveInput.tsx
@@ -61,6 +61,9 @@ const resolveLegalValues = (
     };
 };
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ResolveInput = ({
     input,
     contextDefinition,

diff --git a/...galValues/RestrictiveLegalValues.test.tsx → ...galValues/RestrictiveLegalValues.test.tsx b/...galValues/RestrictiveLegalValues.test.tsx → ...galValues/RestrictiveLegalValues.test.tsx
diff --git a/...iveLegalValues/RestrictiveLegalValues.tsx → ...iveLegalValues/RestrictiveLegalValues.tsx b/...iveLegalValues/RestrictiveLegalValues.tsx → ...iveLegalValues/RestrictiveLegalValues.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { Alert, Checkbox, styled } from '@mui/material';
 import { useThemeStyles } from 'themes/themeStyles';
-import { ConstraintValueSearch } from 'component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
+import { ConstraintValueSearch } from 'component/common/LegacyConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
 import { ConstraintFormHeader } from '../ConstraintFormHeader/ConstraintFormHeader';
 import type { ILegalValue } from 'interfaces/context';
 import {
@@ -60,6 +60,9 @@ const StyledValuesContainer = styled('div')(({ theme }) => ({
     overflow: 'auto',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const RestrictiveLegalValues = ({
     data,
     values,

diff --git a/...ingleLegalValue/SingleLegalValue.test.tsx → ...ingleLegalValue/SingleLegalValue.test.tsx b/...ingleLegalValue/SingleLegalValue.test.tsx → ...ingleLegalValue/SingleLegalValue.test.tsx
diff --git a/...ody/SingleLegalValue/SingleLegalValue.tsx → ...ody/SingleLegalValue/SingleLegalValue.tsx b/...ody/SingleLegalValue/SingleLegalValue.tsx → ...ody/SingleLegalValue/SingleLegalValue.tsx
@@ -2,7 +2,7 @@ import type React from 'react';
 import { useState } from 'react';
 import { ConstraintFormHeader } from '../ConstraintFormHeader/ConstraintFormHeader';
 import { FormControl, RadioGroup, Radio, Alert } from '@mui/material';
-import { ConstraintValueSearch } from 'component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
+import { ConstraintValueSearch } from 'component/common/LegacyConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { useThemeStyles } from 'themes/themeStyles';
 import type { ILegalValue } from 'interfaces/context';
@@ -26,6 +26,9 @@ interface ISingleLegalValueProps {
     constraintValue: string;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const SingleLegalValue = ({
     setValue,
     value,

diff --git a/...rdionEditBody/SingleValue/SingleValue.tsx → ...rdionEditBody/SingleValue/SingleValue.tsx b/...rdionEditBody/SingleValue/SingleValue.tsx → ...rdionEditBody/SingleValue/SingleValue.tsx
@@ -18,6 +18,9 @@ const useStyles = makeStyles()((theme) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const SingleValue = ({
     setValue,
     value,

diff --git a/...straintInput/constraintValidators.test.ts → ...straintInput/constraintValidators.test.ts b/...straintInput/constraintValidators.test.ts → ...straintInput/constraintValidators.test.ts
diff --git a/...seConstraintInput/constraintValidators.ts → ...seConstraintInput/constraintValidators.ts b/...seConstraintInput/constraintValidators.ts → ...seConstraintInput/constraintValidators.ts
diff --git a/...useConstraintInput/useConstraintInput.tsx → ...useConstraintInput/useConstraintInput.tsx b/...useConstraintInput/useConstraintInput.tsx → ...useConstraintInput/useConstraintInput.tsx
@@ -64,6 +64,9 @@ type Validator =
     | 'STRING_ARRAY_VALIDATOR'
     | 'DATE_VALIDATOR';
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const useConstraintInput = ({
     contextDefinition,
     localConstraint,

diff --git a/...tHeader/ConstraintAccordionEditHeader.tsx → ...tHeader/ConstraintAccordionEditHeader.tsx b/...tHeader/ConstraintAccordionEditHeader.tsx → ...tHeader/ConstraintAccordionEditHeader.tsx
@@ -2,7 +2,7 @@ import type { IConstraint } from 'interfaces/strategy';
 
 import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';
 import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect';
-import { ConstraintIcon } from 'component/common/ConstraintAccordion/ConstraintIcon';
+import { ConstraintIcon } from 'component/common/LegacyConstraintAccordion/ConstraintIcon';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import {
     dateOperators,
@@ -15,7 +15,7 @@ import { oneOf } from 'utils/oneOf';
 import type React from 'react';
 import { useEffect, useState } from 'react';
 import type { Operator } from 'constants/operators';
-import { ConstraintOperatorSelect } from 'component/common/ConstraintAccordion/ConstraintOperatorSelect';
+import { ConstraintOperatorSelect } from 'component/common/LegacyConstraintAccordion/ConstraintOperatorSelect';
 import {
     operatorsForContext,
     CURRENT_TIME_CONTEXT_FIELD,
@@ -87,6 +87,9 @@ const StyledHeaderText = styled('p')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionEditHeader = ({
     compact,
     localConstraint,

diff --git a/.../ConstraintAccordionEditHeader/helpers.ts → .../ConstraintAccordionEditHeader/helpers.ts b/.../ConstraintAccordionEditHeader/helpers.ts → .../ConstraintAccordionEditHeader/helpers.ts
diff --git a/...seSensitiveButton/CaseSensitiveButton.tsx → ...seSensitiveButton/CaseSensitiveButton.tsx b/...seSensitiveButton/CaseSensitiveButton.tsx → ...seSensitiveButton/CaseSensitiveButton.tsx
@@ -13,6 +13,9 @@ interface CaseSensitiveButtonProps {
     setCaseInsensitive: () => void;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const CaseSensitiveButton = ({
     localConstraint,
     setCaseInsensitive,

diff --git a/...OperatorButton/InvertedOperatorButton.tsx → ...OperatorButton/InvertedOperatorButton.tsx b/...OperatorButton/InvertedOperatorButton.tsx → ...OperatorButton/InvertedOperatorButton.tsx
@@ -13,6 +13,9 @@ interface InvertedOperatorButtonProps {
     setInvertedOperator: () => void;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const InvertedOperatorButton = ({
     localConstraint,
     setInvertedOperator,

diff --git a/...StyledToggleButton/StyledToggleButton.tsx → ...StyledToggleButton/StyledToggleButton.tsx b/...StyledToggleButton/StyledToggleButton.tsx → ...StyledToggleButton/StyledToggleButton.tsx
@@ -1,6 +1,9 @@
 import { styled } from '@mui/system';
 import { IconButton } from '@mui/material';
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const StyledToggleButtonOff = styled(IconButton)(({ theme }) => ({
     width: '28px',
     minWidth: '28px',
@@ -19,6 +22,9 @@ export const StyledToggleButtonOff = styled(IconButton)(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const StyledToggleButtonOn = styled(IconButton)(({ theme }) => ({
     width: '28px',
     minWidth: '28px',

diff --git a/...ions/ConstraintAccordionHeaderActions.tsx → ...ions/ConstraintAccordionHeaderActions.tsx b/...ions/ConstraintAccordionHeaderActions.tsx → ...ions/ConstraintAccordionHeaderActions.tsx
@@ -19,6 +19,9 @@ const StyledHeaderActions = styled('div')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionHeaderActions = ({
     onEdit,
     onDelete,

diff --git a/...AccordionList/ConstraintAccordionList.tsx → ...AccordionList/ConstraintAccordionList.tsx b/...AccordionList/ConstraintAccordionList.tsx → ...AccordionList/ConstraintAccordionList.tsx
@@ -8,12 +8,12 @@ import {
 import { Button, styled, Tooltip } from '@mui/material';
 import HelpOutline from '@mui/icons-material/HelpOutline';
 import type { IConstraint } from 'interfaces/strategy';
-import { ConstraintAccordion } from 'component/common/ConstraintAccordion/ConstraintAccordion';
+import { ConstraintAccordion } from 'component/common/LegacyConstraintAccordion/ConstraintAccordion';
 import produce from 'immer';
 import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';
 import { type IUseWeakMap, useWeakMap } from 'hooks/useWeakMap';
 import { objectId } from 'utils/objectId';
-import { createEmptyConstraint } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+import { createEmptyConstraint } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { StrategySeparator } from 'component/common/StrategySeparator/LegacyStrategySeparator';
 
@@ -104,6 +104,9 @@ export const useConstraintAccordionList = (
     return { onAdd, state, context };
 };
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionList = forwardRef<
     IConstraintAccordionListRef | undefined,
     IConstraintAccordionListProps
@@ -183,6 +186,9 @@ interface IConstraintList {
     state: IUseWeakMap<IConstraint, IConstraintAccordionListItemState>;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintList = forwardRef<
     IConstraintAccordionListRef | undefined,
     IConstraintList

diff --git a/...intAccordionList/createEmptyConstraint.ts → ...intAccordionList/createEmptyConstraint.ts b/...intAccordionList/createEmptyConstraint.ts → ...intAccordionList/createEmptyConstraint.ts
diff --git a/...AccordionView/ConstraintAccordionView.tsx → ...AccordionView/ConstraintAccordionView.tsx b/...AccordionView/ConstraintAccordionView.tsx → ...AccordionView/ConstraintAccordionView.tsx
@@ -63,6 +63,9 @@ const StyledWrapper = styled('div')({
     width: '100%',
 });
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionView = ({
     constraint,
     onEdit,

diff --git a/...nViewBody/ConstraintAccordionViewBody.tsx → ...nViewBody/ConstraintAccordionViewBody.tsx b/...nViewBody/ConstraintAccordionViewBody.tsx → ...nViewBody/ConstraintAccordionViewBody.tsx
@@ -15,6 +15,9 @@ const StyledValueContainer = styled('div')(({ theme }) => ({
     overflowY: 'auto',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewBody = ({
     constraint,
 }: IConstraintAccordionViewBodyProps) => {

diff --git a/...iewBody/MultipleValues/MultipleValues.tsx → ...iewBody/MultipleValues/MultipleValues.tsx b/...iewBody/MultipleValues/MultipleValues.tsx → ...iewBody/MultipleValues/MultipleValues.tsx
@@ -16,6 +16,9 @@ const StyledChip = styled(Chip)(({ theme }) => ({
     margin: theme.spacing(0, 1, 1, 0),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const MultipleValues = ({ values }: IMultipleValuesProps) => {
     const [filter, setFilter] = useState('');
 

diff --git a/...rdionViewBody/SingleValue/SingleValue.tsx → ...rdionViewBody/SingleValue/SingleValue.tsx b/...rdionViewBody/SingleValue/SingleValue.tsx → ...rdionViewBody/SingleValue/SingleValue.tsx
@@ -24,6 +24,9 @@ const StyledChip = styled(Chip)(({ theme }) => ({
     margin: theme.spacing(0, 1, 1, 0),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const SingleValue = ({ value, operator }: ISingleValueProps) => {
     if (!value) return null;
 

diff --git a/...wHeader/ConstraintAccordionViewHeader.tsx → ...wHeader/ConstraintAccordionViewHeader.tsx b/...wHeader/ConstraintAccordionViewHeader.tsx → ...wHeader/ConstraintAccordionViewHeader.tsx
@@ -1,4 +1,4 @@
-import { ConstraintIcon } from 'component/common/ConstraintAccordion/ConstraintIcon';
+import { ConstraintIcon } from 'component/common/LegacyConstraintAccordion/ConstraintIcon';
 import type { IConstraint } from 'interfaces/strategy';
 import { ConstraintAccordionViewHeaderInfo } from './ConstraintAccordionViewHeaderInfo';
 import { ConstraintAccordionHeaderActions } from '../../ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions';
@@ -27,6 +27,9 @@ const StyledContainer = styled('div')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeader = ({
     constraint,
     onEdit,

diff --git a/...der/ConstraintAccordionViewHeaderInfo.tsx → ...der/ConstraintAccordionViewHeaderInfo.tsx b/...der/ConstraintAccordionViewHeaderInfo.tsx → ...der/ConstraintAccordionViewHeaderInfo.tsx
@@ -53,6 +53,9 @@ interface ConstraintAccordionViewHeaderMetaInfoProps {
     maxLength?: number;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeaderInfo = ({
     constraint,
     singleValue,

diff --git a/...aintAccordionViewHeaderMultipleValues.tsx → ...aintAccordionViewHeaderMultipleValues.tsx b/...aintAccordionViewHeaderMultipleValues.tsx → ...aintAccordionViewHeaderMultipleValues.tsx
@@ -51,6 +51,9 @@ const StyledHeaderValuesExpand = styled('p')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeaderMultipleValues = ({
     constraint,
     expanded,

diff --git a/...straintAccordionViewHeaderSingleValue.tsx → ...straintAccordionViewHeaderSingleValue.tsx b/...straintAccordionViewHeaderSingleValue.tsx → ...straintAccordionViewHeaderSingleValue.tsx
@@ -24,6 +24,9 @@ const StyledHeaderValuesContainerWrapper = styled('div')(({ theme }) => ({
     margin: 'auto 0',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeaderSingleValue = ({
     constraint,
     allowExpand,

diff --git a/...ewHeader/ConstraintViewHeaderOperator.tsx → ...ewHeader/ConstraintViewHeaderOperator.tsx b/...ewHeader/ConstraintViewHeaderOperator.tsx → ...ewHeader/ConstraintViewHeaderOperator.tsx
@@ -28,6 +28,9 @@ const StyledHeaderConstraintContainer = styled('div')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintViewHeaderOperator = ({
     constraint,
     disabled = false,

diff --git a/...AccordionViewHeader/StyledIconWrapper.tsx → ...AccordionViewHeader/StyledIconWrapper.tsx b/...AccordionViewHeader/StyledIconWrapper.tsx → ...AccordionViewHeader/StyledIconWrapper.tsx
@@ -25,6 +25,9 @@ const StyledPrefixIconWrapper = styled(StyledIconWrapperBase)(({ theme }) => ({
     borderBottomRightRadius: 0,
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const StyledIconWrapper = forwardRef<
     HTMLDivElement,
     { isPrefix?: boolean; children?: ReactNode }

diff --git a/...on/ConstraintAccordion/ConstraintIcon.tsx → ...acyConstraintAccordion/ConstraintIcon.tsx b/...on/ConstraintAccordion/ConstraintIcon.tsx → ...acyConstraintAccordion/ConstraintIcon.tsx
@@ -7,6 +7,9 @@ interface IConstraintIconProps {
     disabled?: boolean;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintIcon: VFC<IConstraintIconProps> = ({
     compact,
     disabled,
-Original file line number
+Diff line change
@@ Expand Up / @@ -61,6 +61,9 @@ const resolveLegalValues = ( @@
         };
     };
+    /**
+     * @deprecated use NewConstraintAccordion components
+     */
     export const ResolveInput = ({
         input,
         contextDefinition,
@@ Expand Down @@