scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in refactor/design-system-divider (pull request #2354)

Browse Source 
refactor: move divider to design system

Approved-by: Arvid Norlin
This commit is contained in:
Christian Andolf
2025-06-13 09:38:10 +00:00
parent e645b15c6e 9551a629fa
commit c545ed2fe2
71 changed files with 231 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/scandic-web/components/BookingWidget/MobileToggleButton/index.tsx
View File

@@ -4,13 +4,13 @@ import { Button } from "react-aria-components"
import { useWatch } from "react-hook-form"
import { useIntl } from "react-intl"
import { Divider } from "@scandic-hotels/design-system/Divider"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import { Typography } from "@scandic-hotels/design-system/Typography"
import { dt } from "@/lib/dt"
import SkeletonShimmer from "@/components/SkeletonShimmer"
import Divider from "@/components/TempDesignSystem/Divider"
import useLang from "@/hooks/useLang"
import styles from "./button.module.css"
@@ -112,8 +112,8 @@ export default function MobileToggleButton({
</span>
</Typography>
</span>
{/* Divider can't be a div */}
<Divider color="baseSurfaceSubtleNormal" variant="vertical" />
{/* Button can't contain HR elements */}
<Divider color="Border/Divider/Subtle" variant="vertical" />
<span className={styles.block}>
<Typography variant={"Body/Supporting text (caption)/smBold"}>
<span className={styles.blockLabel}>{totalNightsMsg}</span>
@@ -185,7 +185,7 @@ export function MobileToggleButtonSkeleton() {
</Typography>
<SkeletonShimmer display={"block"} height="20px" width="11ch" />
</span>
<Divider color="baseSurfaceSubtleNormal" variant="vertical" />
<Divider color="Border/Divider/Subtle" variant="vertical" />
<span className={styles.block}>
<Typography variant="Body/Supporting text (caption)/smBold">
<span className={styles.blockLabel}>