Raphaël Bosi
c596a5e342
## Description Promotes the next-gen UI library (formerly `twenty-new-ui`) to the name **`twenty-ui`** (v0.1.0, publishable) and renames the old package to **`twenty-ui-deprecated`**. Rewrites ~1,730 `twenty-ui` imports → `twenty-ui-deprecated`, updates all configs/CI/Docker/deps, and migrates twenty-front's `Toggle` to the new package (first consumer) as a drop-in. ## Next steps - Wire the `ui/v*` publish dispatch (`cd-deploy-tag.yaml` + `.yarnrc.yml`), then tag `ui/v0.1.0` to publish. - Continue migrating components from `twenty-ui-deprecated` → `twenty-ui`.
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import { TitleInput } from '@/ui/input/components/TitleInput';
|
|
import { styled } from '@linaria/react';
|
|
import { t } from '@lingui/core/macro';
|
|
import { themeCssVariables } from 'twenty-ui-deprecated/theme-constants';
|
|
|
|
const StyledHeaderTitle = styled.div`
|
|
color: ${themeCssVariables.font.color.primary};
|
|
font-size: ${themeCssVariables.font.size.lg};
|
|
font-weight: ${themeCssVariables.font.weight.semiBold};
|
|
max-width: 420px;
|
|
width: fit-content;
|
|
& > input:disabled {
|
|
color: ${themeCssVariables.font.color.primary};
|
|
}
|
|
`;
|
|
|
|
type SettingsLogicFunctionLabelContainerProps = {
|
|
value: string;
|
|
onChange: (value: string) => void;
|
|
readonly?: boolean;
|
|
};
|
|
|
|
export const SettingsLogicFunctionLabelContainer = ({
|
|
value,
|
|
onChange,
|
|
readonly = false,
|
|
}: SettingsLogicFunctionLabelContainerProps) => {
|
|
return (
|
|
<StyledHeaderTitle>
|
|
<TitleInput
|
|
instanceId="logic-function-name-input"
|
|
sizeVariant="md"
|
|
value={value}
|
|
onChange={onChange}
|
|
placeholder={t`Function name`}
|
|
disabled={readonly}
|
|
/>
|
|
</StyledHeaderTitle>
|
|
);
|
|
};
|