+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-
-import styled from '@emotion/styled';
-import tw from 'twin.macro';
-
-export const NumberedList = styled.ol`
- list-style: none;
- counter-reset: li;
- ${tw`sw-mt-4`}
- ${tw`sw-pl-0`}
-
- li:last-child {
- ${tw`sw-mb-0`}
- }
-`;
-
-NumberedList.displayName = 'NumberedList';
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-
-import styled from '@emotion/styled';
-import tw from 'twin.macro';
-import { themeColor } from '../helpers/theme';
-
-export const NumberedListItem = styled.li`
- counter-increment: li;
- ${tw`sw-mb-4`}
- ${tw`sw-ml-1`}
-
- &::before {
- width: 19px;
- height: 19px;
- color: ${themeColor('numberedListText')};
- background-color: ${themeColor('numberedList')};
- border-radius: 20px;
- content: counter(li);
-
- ${tw`sw-body-sm-highlight`}
- ${tw`sw-p-1`}
- ${tw`sw-mr-3`}
- ${tw`sw-inline-block`}
- ${tw`sw-text-center`}
- }
-`;
-
-NumberedListItem.displayName = 'NumberedListItem';
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-
-import styled from '@emotion/styled';
-import tw from 'twin.macro';
-
-export const UnorderedList = styled.ul<{ ticks?: boolean }>`
- list-style: ${({ ticks }) => (ticks ? 'disc' : 'none')};
- ${tw`sw-mt-4`}
- ${tw`sw-pl-0`}
-
- li:last-child {
- ${tw`sw-mb-0`}
- }
-`;
-
-UnorderedList.displayName = 'UnorderedList';
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-
-import styled from '@emotion/styled';
-import tw from 'twin.macro';
-
-export const UnorderedListItem = styled.li`
- ${tw`sw-my-3`}
-`;
-
-UnorderedListItem.displayName = 'UnorderedListItem';
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import { screen } from '@testing-library/react';
-import { render } from '../../helpers/testUtils';
-import { NumberedList } from '../NumberedList';
-import { NumberedListItem } from '../NumberedListItem';
-
-it('renders correctly', () => {
- render(
- <NumberedList>
- <NumberedListItem>First item</NumberedListItem>
- <NumberedListItem>Second item</NumberedListItem>
- </NumberedList>
- );
- expect(screen.getAllByRole('listitem')).toHaveLength(2);
-});
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2023 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import { screen } from '@testing-library/react';
-import { render } from '../../helpers/testUtils';
-import { UnorderedList } from '../UnorderedList';
-import { UnorderedListItem } from '../UnorderedListItem';
-
-it('renders correctly', () => {
- render(
- <UnorderedList>
- <UnorderedListItem>First item</UnorderedListItem>
- <UnorderedListItem>Second item</UnorderedListItem>
- </UnorderedList>
- );
- expect(screen.getAllByRole('listitem')).toHaveLength(2);
-});
export * from './MetricsRatingBadge';
export * from './NavBarTabs';
export * from './NewCodeLegend';
-export * from './NumberedList';
-export * from './NumberedListItem';
export * from './OutsideClickHandler';
export { QualityGateIndicator } from './QualityGateIndicator';
export * from './SearchHighlighter';
export * from './TreeMapRect';
export * from './TutorialStep';
export * from './TutorialStepList';
-export * from './UnorderedList';
-export * from './UnorderedListItem';
export * from './buttons';
export { ClipboardIconButton } from './clipboard';
export * from './code-line/LineCoverage';
export * from './icons';
export * from './input';
export * from './layouts';
+export * from './lists';
export * from './modal/Modal';
export * from './popups';
export * from './subnavigation';
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+
+import styled from '@emotion/styled';
+import tw from 'twin.macro';
+
+export const ListItem = styled.li`
+ ${tw`sw-my-3`}
+`;
+
+ListItem.displayName = 'ListItem';
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+
+import styled from '@emotion/styled';
+import tw from 'twin.macro';
+
+export const NumberedList = styled.ol`
+ list-style: none;
+ counter-reset: li;
+ ${tw`sw-mt-4`}
+ ${tw`sw-pl-0`}
+
+ li:last-child {
+ ${tw`sw-mb-0`}
+ }
+`;
+
+NumberedList.displayName = 'NumberedList';
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+
+import styled from '@emotion/styled';
+import tw from 'twin.macro';
+import { themeColor } from '../../helpers/theme';
+
+export const NumberedListItem = styled.li`
+ counter-increment: li;
+ ${tw`sw-mb-4`}
+ ${tw`sw-ml-1`}
+
+ &::before {
+ width: 19px;
+ height: 19px;
+ color: ${themeColor('numberedListText')};
+ background-color: ${themeColor('numberedList')};
+ border-radius: 20px;
+ content: counter(li);
+
+ ${tw`sw-body-sm-highlight`}
+ ${tw`sw-p-1`}
+ ${tw`sw-mr-3`}
+ ${tw`sw-inline-block`}
+ ${tw`sw-text-center`}
+ }
+`;
+
+NumberedListItem.displayName = 'NumberedListItem';
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+
+import styled from '@emotion/styled';
+import tw from 'twin.macro';
+
+type TickStyles = 'DECIMAL' | 'ALPHA' | 'ROMAN';
+const ListStyle = {
+ DECIMAL: 'decimal',
+ ALPHA: 'lower-alpha',
+ ROMAN: 'lower-roman',
+};
+
+export const OrderedList = styled.ol<{ tickStyle?: TickStyles }>`
+ list-style: ${({ tickStyle }) => (tickStyle ? ListStyle[tickStyle] : 'decimal')};
+ ${tw`sw-mt-4`}
+ ${tw`sw-pl-0`}
+
+ li:last-child {
+ ${tw`sw-mb-0`}
+ }
+`;
+
+OrderedList.displayName = 'OrderedList';
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+
+import styled from '@emotion/styled';
+import tw from 'twin.macro';
+
+export const UnorderedList = styled.ul<{ ticks?: boolean }>`
+ list-style: ${({ ticks }) => (ticks ? 'disc' : 'none')};
+ ${tw`sw-mt-4`}
+ ${tw`sw-pl-0`}
+
+ li:last-child {
+ ${tw`sw-mb-0`}
+ }
+`;
+
+UnorderedList.displayName = 'UnorderedList';
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import { screen } from '@testing-library/react';
+import { render } from '../../../helpers/testUtils';
+import { NumberedList } from '../NumberedList';
+import { NumberedListItem } from '../NumberedListItem';
+
+it('renders correctly', () => {
+ render(
+ <NumberedList>
+ <NumberedListItem>First item</NumberedListItem>
+ <NumberedListItem>Second item</NumberedListItem>
+ </NumberedList>
+ );
+ expect(screen.getAllByRole('listitem')).toHaveLength(2);
+});
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import { screen } from '@testing-library/react';
+import { render } from '../../../helpers/testUtils';
+import { ListItem } from '../ListItem';
+import { UnorderedList } from '../UnorderedList';
+
+it('renders correctly', () => {
+ render(
+ <UnorderedList>
+ <ListItem>First item</ListItem>
+ <ListItem>Second item</ListItem>
+ </UnorderedList>
+ );
+ expect(screen.getAllByRole('listitem')).toHaveLength(2);
+});
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2023 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+export * from './ListItem';
+export * from './NumberedList';
+export * from './NumberedListItem';
+export * from './OrderedList';
+export * from './UnorderedList';
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
-import { NumberedListItem, UnorderedList, UnorderedListItem } from 'design-system';
+import { ListItem, NumberedListItem, UnorderedList } from 'design-system';
import * as React from 'react';
import { FormattedMessage } from 'react-intl';
import { translate } from '../../../helpers/l10n';
<NumberedListItem>
{translate('onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.title')}
<UnorderedList ticks className="sw-ml-12">
- <UnorderedListItem>
+ <ListItem>
{renderSentenceWithFieldAndValue({
field: translate(
'onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_version'
{translate(
'onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.or_higher'
)}
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
{renderSentenceWithFieldAndValue({
field: translate(
'onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_architecture'
),
value: 'x64',
})}
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
{renderSentenceWithFieldAndValue({
field: translate(
'onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.java_source'
'onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java_installer.pre-installed'
),
})}
- </UnorderedListItem>
+ </ListItem>
</UnorderedList>
</NumberedListItem>
);
*/
import {
CodeSnippet,
+ ListItem,
NumberedList,
NumberedListItem,
UnorderedList,
- UnorderedListItem,
} from 'design-system';
import * as React from 'react';
import { translate } from '../../../../helpers/l10n';
highlightKeys={['pipeline']}
/>
<UnorderedList ticks className="sw-ml-12 sw-mt-2">
- <UnorderedListItem>
+ <ListItem>
<SentenceWithHighlights
translationKey="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_wrapper.ccpp.script"
highlightPrefixKeys={codeSnippetDownload[os].highlightScriptKey}
highlightKeys={['task', 'inline']}
/>
<CodeSnippet className="sw-p-6" snippet={codeSnippetDownload[os].script} />
- </UnorderedListItem>
+ </ListItem>
</UnorderedList>
</NumberedListItem>
highlightKeys={['task']}
/>
<UnorderedList className="sw-mt-2">
- <UnorderedListItem>
+ <ListItem>
<SentenceWithHighlights
translationKey="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.build_script.ccpp"
highlightKeys={['build_wrapper']}
snippet={codeSnippetDownload[os].scriptBuild}
/>
<CompilationInfo />
- </UnorderedListItem>
+ </ListItem>
</UnorderedList>
</NumberedListItem>
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
-import { NumberedList, NumberedListItem, UnorderedList, UnorderedListItem } from 'design-system';
+import { ListItem, NumberedList, NumberedListItem, UnorderedList } from 'design-system';
import * as React from 'react';
import { translate, translateWithParameters } from '../../../../helpers/l10n';
import SentenceWithHighlights from '../../components/SentenceWithHighlights';
translate('onboarding.build', BuildTools.Gradle)
)}
<UnorderedList ticks className="sw-ml-12 sw-mb-4">
- <UnorderedListItem>
+ <ListItem>
<SentenceWithHighlights
translationKey="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings"
highlightKeys={['section', 'option']}
/>
- </UnorderedListItem>
+ </ListItem>
</UnorderedList>
</NumberedListItem>
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
-import { NumberedList, NumberedListItem, UnorderedList, UnorderedListItem } from 'design-system';
+import { ListItem, NumberedList, NumberedListItem, UnorderedList } from 'design-system';
import * as React from 'react';
import { translate, translateWithParameters } from '../../../../helpers/l10n';
import SentenceWithHighlights from '../../components/SentenceWithHighlights';
translate('onboarding.build', BuildTools.Maven)
)}
<UnorderedList ticks className="sw-ml-12 sw-mb-4">
- <UnorderedListItem>
+ <ListItem>
<SentenceWithHighlights
translationKey="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.java.settings"
highlightKeys={['section', 'option']}
/>
- </UnorderedListItem>
+ </ListItem>
</UnorderedList>
</NumberedListItem>
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
-import { ClipboardIconButton, CodeSnippet, UnorderedList, UnorderedListItem } from 'design-system';
+import { ClipboardIconButton, CodeSnippet, ListItem, UnorderedList } from 'design-system';
import * as React from 'react';
import { FormattedMessage } from 'react-intl';
import { translate } from '../../../../helpers/l10n';
return (
<UnorderedList ticks className="sw-ml-12 sw-my-2">
- <UnorderedListItem>
+ <ListItem>
<SentenceWithHighlights
translationKey="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.endpoint"
highlightKeys={['endpoint']}
/>
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
<FormattedMessage
id="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare.run_analysis"
defaultMessage={translate(
),
}}
/>
- </UnorderedListItem>
+ </ListItem>
{kind === PrepareType.StandAlone && (
<>
- <UnorderedListItem>
+ <ListItem>
<SentenceWithHighlights
translationKey="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.manual"
highlightKeys={['mode']}
/>
- </UnorderedListItem>
+ </ListItem>
- <UnorderedListItem>
+ <ListItem>
<span className="sw-flex sw-items-center">
<FormattedMessage
id="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence"
}}
/>
</span>
- </UnorderedListItem>
+ </ListItem>
{buildTool === BuildTools.CFamily && (
- <UnorderedListItem>
+ <ListItem>
<span className="sw-flex sw-items-center sw-flex-wrap">
<FormattedMessage
id="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.prepare_additional.ccpp"
}}
/>
</span>
- </UnorderedListItem>
+ </ListItem>
)}
</>
)}
{kind === PrepareType.JavaMavenGradle && (
- <UnorderedListItem>
+ <ListItem>
<SentenceWithHighlights
translationKey="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.advanced_properties"
highlightKeys={['section', 'properties']}
language="properties"
snippet={MAVEN_GRADLE_PROPS_SNIPPET}
/>
- </UnorderedListItem>
+ </ListItem>
)}
{kind === PrepareType.MSBuild && (
- <UnorderedListItem>
+ <ListItem>
<span className="sw-flex sw-items-center">
<FormattedMessage
id="onboarding.tutorial.with.azure_pipelines.BranchAnalysis.run.key.sentence"
}}
/>
</span>
- </UnorderedListItem>
+ </ListItem>
)}
</UnorderedList>
);
import {
BasicSeparator,
ClipboardIconButton,
+ ListItem,
NumberedList,
NumberedListItem,
TutorialStep,
UnorderedList,
- UnorderedListItem,
} from 'design-system';
import * as React from 'react';
import { FormattedMessage } from 'react-intl';
/>
<UnorderedList ticks className="sw-ml-10">
- <UnorderedListItem>
+ <ListItem>
<FormattedMessage
defaultMessage={fieldValueTranslation}
id="onboarding.tutorial.with.gitlab_ci.variables.step1"
value: <InlineSnippet snippet="SONAR_TOKEN" />,
}}
/>
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
<TokenStepGenerator component={component} currentUser={currentUser} />
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
<FormattedMessage
defaultMessage={translate('onboarding.tutorial.with.gitlab_ci.variables.step3')}
id="onboarding.tutorial.with.gitlab_ci.variables.step3"
),
}}
/>
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
<FormattedMessage
defaultMessage={translate(
'onboarding.tutorial.with.gitlab_ci.variables.section.step4'
),
}}
/>
- </UnorderedListItem>
+ </ListItem>
</UnorderedList>
<BasicSeparator className="sw-my-6" />
</NumberedListItem>
/>
<UnorderedList ticks className="sw-ml-10">
- <UnorderedListItem>
+ <ListItem>
<FormattedMessage
defaultMessage={fieldValueTranslation}
id="onboarding.tutorial.with.gitlab_ci.variables.step1"
value: <InlineSnippet snippet="SONAR_HOST_URL" />,
}}
/>
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
<FormattedMessage
defaultMessage={fieldValueTranslation}
id="onboarding.tutorial.with.gitlab_ci.variables.step2"
value: <InlineSnippet snippet={baseUrl} />,
}}
/>
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
<FormattedMessage
defaultMessage={translate('onboarding.tutorial.with.gitlab_ci.variables.step3')}
id="onboarding.tutorial.with.gitlab_ci.variables.step3"
),
}}
/>
- </UnorderedListItem>
- <UnorderedListItem>
+ </ListItem>
+ <ListItem>
<FormattedMessage
defaultMessage={translate(
'onboarding.tutorial.with.gitlab_ci.variables.section2.step4'
),
}}
/>
- </UnorderedListItem>
+ </ListItem>
</UnorderedList>
</NumberedListItem>
</NumberedList>
projects / sonarqube.git / commitdiff