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

@@ -29,10 +29,10 @@ import RunQueryActionButton, {
const middlewares = [thunk];
const mockStore = configureStore(middlewares);
jest.mock('src/components/Select/Select', () => () => (
jest.mock('@superset-ui/core/components/Select/Select', () => () => (
<div data-test="mock-deprecated-select-select" />
));
jest.mock('src/components/Select/AsyncSelect', () => () => (
jest.mock('@superset-ui/core/components/Select/AsyncSelect', () => () => (
<div data-test="mock-deprecated-async-select" />
));

View File

@@ -20,9 +20,8 @@ import { useMemo, FC, ReactElement } from 'react';
import { t, styled, useTheme, SupersetTheme } from '@superset-ui/core';
import Button from 'src/components/Button';
import { Icons } from 'src/components/Icons';
import { DropdownButton } from 'src/components/DropdownButton';
import { Button, DropdownButton } from '@superset-ui/core/components';
import { Icons } from '@superset-ui/core/components/Icons';
import { detectOS } from 'src/utils/common';
import { QueryButtonProps } from 'src/SqlLab/types';
import useQueryEditor from 'src/SqlLab/hooks/useQueryEditor';
@@ -85,11 +84,11 @@ const StyledButton = styled.span`
// this is to over ride a previous transition built into the component
transition: background-color 0ms;
&:last-of-type {
margin-right: ${({ theme }) => theme.gridUnit * 2}px;
margin-right: ${({ theme }) => theme.sizeUnit * 2}px;
}
span[name='caret-down'] {
display: flex;
margin-left: ${({ theme }) => theme.gridUnit * 1}px;
margin-left: ${({ theme }) => theme.sizeUnit * 1}px;
}
}
`;
@@ -152,16 +151,14 @@ const RunQueryActionButton = ({
icon: (
<Icons.DownOutlined
iconColor={
isDisabled
? theme.colors.grayscale.base
: theme.colors.grayscale.light5
isDisabled ? theme.colorTextDisabled : theme.colorIcon
}
/>
),
trigger: 'click',
}
: {
buttonStyle: shouldShowStopBtn ? 'warning' : 'primary',
buttonStyle: shouldShowStopBtn ? 'danger' : 'primary',
})}
>
{buildText(shouldShowStopBtn, selectedText, theme)}