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

refactor: move divider to design system

Browse Source 
remove not used variants and duplicate colors
This commit is contained in:
Christian Andolf
2025-06-12 15:56:33 +02:00
parent 2dd07eb6b8
commit 9551a629fa
71 changed files with 231 additions and 244 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/scandic-web/components/DatePicker/Range/Desktop.tsx
View File

@@ -4,6 +4,7 @@ import { useState } from "react"
import { DayPicker } from "react-day-picker"
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"
@@ -11,7 +12,6 @@ import { Lang } from "@/constants/languages"
import { dt } from "@/lib/dt"
import Button from "@/components/TempDesignSystem/Button"
import Divider from "@/components/TempDesignSystem/Divider"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import useLang from "@/hooks/useLang"
@@ -100,7 +100,10 @@ export default function DatePickerRangeDesktop({
Footer(props) {
return (
<>
<Divider className={styles.divider} color="primaryLightSubtle" />
<Divider
className={styles.divider}
color="Border/Divider/Subtle"
/>
<footer className={props.className}>
<Button
intent="tertiary"

7
apps/scandic-web/components/DatePicker/Single/Desktop.tsx
View File

@@ -4,13 +4,13 @@ import { useState } from "react"
import { DayPicker } from "react-day-picker"
import { useIntl } from "react-intl"
import { Divider } from "@scandic-hotels/design-system/Divider"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
import { Lang } from "@/constants/languages"
import { dt } from "@/lib/dt"
import Button from "@/components/TempDesignSystem/Button"
import Divider from "@/components/TempDesignSystem/Divider"
import Caption from "@/components/TempDesignSystem/Text/Caption"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import useLang from "@/hooks/useLang"
@@ -101,7 +101,10 @@ export default function DatePickerSingleDesktop({
Footer(props) {
return (
<>
<Divider className={styles.divider} color="primaryLightSubtle" />
<Divider
className={styles.divider}
color="Border/Divider/Subtle"
/>
<footer className={props.className}>
<Button
intent="tertiary"