feat(theming): land Ant Design v5 overhaul — dynamic themes, real dark mode + massive styling refactor (#31590)

Co-authored-by: Enzo Martellucci <52219496+EnxDev@users.noreply.github.com>
Co-authored-by: Diego Pucci <diegopucci.me@gmail.com>
Co-authored-by: Mehmet Salih Yavuz <salih.yavuz@proton.me>
Co-authored-by: Geido <60598000+geido@users.noreply.github.com>
Co-authored-by: Alexandru Soare <37236580+alexandrusoare@users.noreply.github.com>
Co-authored-by: Damian Pendrak <dpendrak@gmail.com>
Co-authored-by: Pius Iniobong <67148161+payose@users.noreply.github.com>
Co-authored-by: Enzo Martellucci <enzomartellucci@gmail.com>
Co-authored-by: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
This commit is contained in:
Maxime Beauchemin
2025-06-20 13:38:58 -07:00
committed by GitHub
parent 2cc1ef88c8
commit dd129fa403
1267 changed files with 32958 additions and 23592 deletions

View File

@@ -18,11 +18,16 @@
*/
import { Component } from 'react';
import PropTypes from 'prop-types';
import { Input } from 'src/components/Input';
import Button from 'src/components/Button';
import { Select, Row, Col } from 'src/components';
import {
Button,
Col,
Divider,
InfoTooltip,
Input,
Row,
Select,
} from '@superset-ui/core/components';
import { t, styled } from '@superset-ui/core';
import { InfoTooltipWithTrigger } from '@superset-ui/chart-controls';
import BoundsControl from '../BoundsControl';
import CheckboxControl from '../CheckboxControl';
import ControlPopover from '../ControlPopover/ControlPopover';
@@ -75,7 +80,7 @@ const colTypeOptions = [
];
const StyledRow = styled(Row)`
margin-top: ${({ theme }) => theme.gridUnit * 2}px;
margin-top: ${({ theme }) => theme.sizeUnit * 2}px;
display: flex;
align-items: center;
`;
@@ -85,13 +90,13 @@ const StyledCol = styled(Col)`
align-items: center;
`;
const StyledTooltip = styled(InfoTooltipWithTrigger)`
margin-left: ${({ theme }) => theme.gridUnit}px;
const StyledTooltip = styled(InfoTooltip)`
margin-left: ${({ theme }) => theme.sizeUnit}px;
color: ${({ theme }) => theme.colors.grayscale.light1};
`;
const ButtonBar = styled.div`
margin-top: ${({ theme }) => theme.gridUnit * 5}px;
margin-top: ${({ theme }) => theme.sizeUnit * 5}px;
display: flex;
justify-content: center;
`;
@@ -222,7 +227,7 @@ export default class TimeSeriesColumnControl extends Component {
options={colTypeOptions}
/>,
)}
<hr />
<Divider />
{this.state.colType === 'spark' &&
this.formRow(
t('Width'),
@@ -364,7 +369,7 @@ export default class TimeSeriesColumnControl extends Component {
open={this.state.popoverVisible}
onOpenChange={this.onPopoverVisibleChange}
>
<InfoTooltipWithTrigger
<InfoTooltip
icon="edit"
className="text-primary"
label="edit-ts-column"