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

Merged in SW-2064-lightbox-updates (pull request #3347)

Browse Source 
feat(SW-2064): Lightbox updates

* chore(SW-2064): add opacity to not selected images

* chore(SW-2064): set main image as the first image in thumbnail

* chore(SW-2064): disable navigation buttons on first and last image

* fix(SW-2064): use cx

* Revert "chore(SW-2064): disable navigation buttons on first and last image"

This reverts commit 9c5acd8a02b83740f35d1cfa88bfba6b006ba947.

* refactor(SW-2064): create ImageCounter component

* refactor(SW-2064)

* chore(SW-2064): add enter keu down on main image


Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Landström
2026-01-08 12:10:03 +00:00
parent 86f9fb13b6
commit fc857ad58f
14 changed files with 358 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/design-system/lib/components/Lightbox/index.tsx
View File

@@ -5,10 +5,11 @@ import { Dialog, Modal, ModalOverlay } from "react-aria-components"
import usePopStateHandler from "@scandic-hotels/common/hooks/usePopStateHandler"
import FullView from "./FullView"
import Gallery from "./Gallery"
import { FullView } from "./FullView"
import { Gallery } from "./Gallery"
import styles from "./lightbox.module.css"
import { cx } from "class-variance-authority"
export type LightboxImage = {
src: string