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

@@ -21,13 +21,20 @@ import { FunctionComponent, useState, useRef, ChangeEvent } from 'react';
import SchemaForm, { FormProps } from '@rjsf/core';
import { FormValidation } from '@rjsf/utils';
import validator from '@rjsf/validator-ajv8';
import { Row, Col } from 'src/components';
import { Input, TextArea } from 'src/components/Input';
import { t, styled } from '@superset-ui/core';
import { parseDate } from 'chrono-node';
import ModalTrigger, { ModalTriggerRef } from 'src/components/ModalTrigger';
import { Form, FormItem } from 'src/components/Form';
import Button from 'src/components/Button';
import {
ModalTrigger,
ModalTriggerRef,
} from '@superset-ui/core/components/ModalTrigger';
import {
Input,
Button,
Form,
FormItem,
Row,
Col,
} from '@superset-ui/core/components';
import getBootstrapData from 'src/utils/getBootstrapData';
const bootstrapData = getBootstrapData();
@@ -92,7 +99,7 @@ interface ScheduleQueryButtonProps {
}
const StyledRow = styled(Row)`
padding-bottom: ${({ theme }) => theme.gridUnit * 2}px;
padding-bottom: ${({ theme }) => theme.sizeUnit * 2}px;
`;
export const StyledButtonComponent = styled(Button)`
@@ -100,17 +107,14 @@ export const StyledButtonComponent = styled(Button)`
background: none;
text-transform: none;
padding: 0px;
color: ${theme.colors.grayscale.dark2};
font-size: 14px;
font-weight: ${theme.typography.weights.normal};
font-weight: ${theme.fontWeightNormal};
margin-left: 0;
&:disabled {
margin-left: 0;
background: none;
color: ${theme.colors.grayscale.dark2};
&:hover {
background: none;
color: ${theme.colors.grayscale.dark2};
}
}
`}
@@ -185,7 +189,7 @@ const ScheduleQueryButton: FunctionComponent<ScheduleQueryButtonProps> = ({
<StyledRow>
<Col xs={24}>
<FormItem label={t('Description')}>
<TextArea
<Input.TextArea
rows={4}
placeholder={t('Write a description for your query')}
value={description}