Skip to content

changing gap to --spacing-gap-xxl in doc #2223

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Mil4n0r merged 2 commits into from
May 14, 2025
Merged

changing gap to --spacing-gap-xxl in doc #2223

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
412c068
changing gap to --spacing-gap-xxl in doc
Jialecl May 12, 2025
4434e6c
missing 2 gaps
Jialecl May 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/website/screens/components/accordion/AccordionPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const AccordionPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Accordion" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/alert/AlertPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const AlertPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Alert" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/application-layout/ApplicationLayoutPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const ApplicationLayoutPageHeading = ({ children }: { children: ReactNode }) =>
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Application Layout" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/badge/BadgePageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const BadgePageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Badge" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/bleed/BleedPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const BleedPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Bleed" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/breadcrumbs/BreadcrumbsPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const BreadcrumbsPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Breadcrumbs" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/bulleted-list/BulletedListPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const BulletedListPageHeading = ({ children }: { children: ReactNode }) => {
},
];
return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Bulleted List" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/button/ButtonPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const ButtonPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Button" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/card/CardPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const CardPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Card" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/checkbox/CheckboxPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const CheckboxPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Checkbox" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/chip/ChipPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const ChipPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Chip" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/container/ContainerPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const ContainerPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Container" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/contextual-menu/ContextualMenuPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const ContextualMenuPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Contextual menu" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/data-grid/DataGridPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const DataGridPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Data Grid" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/date-input/DateInputPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const DateInputPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Date Input" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/dialog/DialogPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const DialogPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Dialog" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/divider/DividerPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const DividerPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Divider" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/dropdown/DropdownPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const DropdownPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Dropdown" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/file-input/FileInputPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const FileInputPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="File Input" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/flex/FlexPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const FlexPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Flex" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/footer/FooterPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const FooterPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Footer" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/grid/GridPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const GridPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Grid" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/header/HeaderPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const HeaderPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Header" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/heading/HeadingPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const HeadingPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Heading" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/image/ImagePageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const ImagePageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Image" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/inset/InsetPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const InsetPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Inset" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/link/LinkPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const LinkPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Link" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/nav-tabs/NavTabsPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const NumberInputPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Nav tabs" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/number-input/NumberInputPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const NumberInputPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Number input" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/paginator/PaginatorPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const PaginatorPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Paginator" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/paragraph/ParagraphPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const ParagraphPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Paragraph" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/password-input/PasswordInputPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const PasswordInputPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Password input" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/progress-bar/ProgressBarPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const ProgressBarPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Progress bar" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/quick-nav/QuickNavPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const QuickNavPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Quick nav" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/radio-group/RadioGroupPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const RadioGroupPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Radio group" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/resultset-table/ResultsetTablePageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const ResultsetTablePageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Resultset Table" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/select/SelectPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const SelectPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Select" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/sidenav/SidenavPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const SidenavPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Sidenav" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/slider/SliderPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const SliderPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Slider" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/spinner/SpinnerPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const SpinnerPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Spinner" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/status-light/StatusLightPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const StatusLightPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Status light" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/switch/SwitchPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const SwitchPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Switch" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/table/TablePageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ const TablePageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Table" />
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/components/tabs/TabsPageLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const TabsPageHeading = ({ children }: { children: ReactNode }) => {
];

return (
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcFlex direction="column" gap="var(--spacing-gap-xxl)">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<ComponentHeading name="Tabs" />
Expand Down
Loading