From 0860f997628479f6742408962691ece9a8804492 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 13:17:52 +0100 Subject: [PATCH 01/19] chore: changeset version for latest release --- .changeset/angry-planes-thank.md | 11 - .changeset/beige-eggs-sip.md | 5 - .changeset/beige-grapes-report.md | 6 - .changeset/blue-rocks-pull.md | 8 - .changeset/blue-singers-switch.md | 5 - .changeset/blue-stingrays-heal.md | 5 - .changeset/brave-months-shop.md | 5 - .changeset/brave-months-sleep.md | 5 - .changeset/breezy-actors-raise.md | 6 - .changeset/bright-eyes-beam.md | 5 - .changeset/bright-knives-remain.md | 8 - .changeset/brown-walls-smell.md | 5 - .changeset/calm-hairs-pull.md | 5 - .changeset/chatty-cheetahs-fetch.md | 5 - .changeset/chatty-items-sell.md | 7 - .changeset/chilled-badgers-jog.md | 5 - .changeset/chilled-icons-chew.md | 5 - .changeset/chilled-pumas-march.md | 6 - .changeset/chilled-ravens-rush.md | 5 - .changeset/chilled-terms-look.md | 5 - .changeset/chilly-walls-hunt.md | 7 - .changeset/clean-insects-move.md | 5 - .changeset/clean-lizards-chew.md | 5 - .changeset/clever-cobras-rescue.md | 5 - .changeset/clever-files-fix.md | 5 - .changeset/cold-seals-draw.md | 6 - .changeset/cool-lamps-drive.md | 6 - .changeset/curvy-oranges-notice.md | 5 - .changeset/cyan-adults-roll.md | 8 - .changeset/cyan-bears-brush.md | 5 - .changeset/dull-buttons-argue.md | 5 - .changeset/eight-dancers-deliver.md | 5 - .changeset/eight-grapes-flash.md | 5 - .changeset/eighty-cougars-relax.md | 5 - .changeset/eighty-cougars-think.md | 5 - .changeset/eleven-apples-clean.md | 6 - .changeset/eleven-bags-shop.md | 6 - .changeset/eleven-experts-raise.md | 5 - .changeset/eleven-peaches-agree.md | 6 - .changeset/eleven-rings-travel.md | 5 - .changeset/empty-pears-hide.md | 5 - .changeset/empty-singers-yell.md | 5 - .changeset/fair-beds-destroy.md | 6 - .changeset/fair-gorillas-pay.md | 5 - .changeset/famous-coins-fly.md | 6 - .changeset/famous-pillows-cheat.md | 5 - .changeset/fast-cows-impress.md | 5 - .changeset/fast-cows-march.md | 5 - .changeset/fast-months-compare.md | 5 - .changeset/fast-toys-explain.md | 5 - .changeset/few-brooms-confess.md | 6 - .changeset/few-brooms-draw.md | 5 - .changeset/few-plums-drum.md | 7 - .changeset/few-squids-speak.md | 6 - .changeset/fifty-buses-beam.md | 6 - .changeset/fifty-hornets-hang.md | 5 - .changeset/five-apricots-scream.md | 6 - .changeset/five-mails-pull.md | 8 - .changeset/five-pens-accept.md | 5 - .changeset/five-turkeys-confess.md | 6 - .changeset/flat-experts-drop.md | 6 - .changeset/fluffy-coins-run.md | 5 - .changeset/fluffy-moose-swim.md | 5 - .changeset/fluffy-pears-pull.md | 5 - .changeset/four-crabs-chew.md | 5 - .changeset/four-jokes-lick.md | 7 - .changeset/four-pears-tie.md | 6 - .changeset/four-schools-wait.md | 5 - .changeset/fresh-planes-complain.md | 5 - .changeset/friendly-cups-kiss.md | 6 - .changeset/friendly-goats-fix.md | 5 - .changeset/friendly-hotels-behave.md | 11 - .changeset/friendly-islands-punch.md | 5 - .changeset/funny-boxes-remember.md | 5 - .changeset/funny-peaches-lie.md | 5 - .changeset/fuzzy-needles-explode.md | 5 - .changeset/fuzzy-shrimps-hang.md | 6 - .changeset/fuzzy-snails-arrive.md | 5 - .changeset/gold-chairs-jog.md | 8 - .changeset/gold-lemons-fry.md | 5 - .changeset/gorgeous-geese-boil.md | 5 - .changeset/gorgeous-lizards-begin.md | 7 - .changeset/gorgeous-readers-burn.md | 5 - .changeset/gorgeous-rockets-jam.md | 5 - .changeset/gorgeous-shrimps-crash.md | 8 - .changeset/great-cameras-check.md | 5 - .changeset/green-plums-scream.md | 5 - .changeset/grumpy-pianos-lick.md | 5 - .changeset/happy-clocks-promise.md | 6 - .changeset/happy-hounds-tie.md | 6 - .changeset/happy-worms-applaud.md | 5 - .changeset/healthy-apples-explode.md | 6 - .changeset/healthy-fishes-brush.md | 6 - .changeset/healthy-monkeys-repair.md | 5 - .changeset/heavy-rabbits-boil.md | 6 - .changeset/hip-beans-walk.md | 5 - .changeset/hip-brooms-brush.md | 5 - .changeset/hip-masks-greet.md | 5 - .changeset/hip-papayas-decide.md | 5 - .changeset/hip-schools-greet.md | 14 -- .changeset/hip-weeks-fetch.md | 5 - .changeset/honest-roses-hunt.md | 6 - .changeset/hot-chairs-drop.md | 5 - .changeset/hot-crews-perform.md | 5 - .changeset/hot-ligers-rush.md | 10 - .changeset/hot-weeks-tease.md | 7 - .changeset/hungry-moles-repeat.md | 5 - .changeset/itchy-walls-push.md | 5 - .changeset/kind-eyes-cheat.md | 5 - .changeset/lazy-wolves-provide.md | 5 - .changeset/lemon-countries-smoke.md | 5 - .changeset/light-avocados-flow.md | 6 - .changeset/little-berries-divide.md | 5 - .changeset/long-boxes-sniff.md | 5 - .changeset/long-countries-check.md | 5 - .changeset/long-stingrays-repeat.md | 5 - .changeset/long-taxis-tease.md | 5 - .changeset/loud-bobcats-look.md | 5 - .changeset/loud-dragons-build.md | 6 - .changeset/loud-tips-return.md | 9 - .changeset/lovely-turtles-cheer.md | 5 - .changeset/many-cherries-look.md | 6 - .changeset/mean-ducks-argue.md | 5 - .changeset/mean-jokes-jog.md | 5 - .changeset/mean-penguins-sing.md | 5 - .changeset/mean-snails-visit.md | 5 - .changeset/mean-starfishes-hear.md | 5 - .changeset/metal-bananas-notice.md | 5 - .changeset/metal-tomatoes-compete.md | 9 - .changeset/mighty-buttons-yell.md | 5 - .changeset/mighty-days-eat.md | 5 - .changeset/modern-hats-destroy.md | 7 - .changeset/nasty-ligers-reflect.md | 8 - .changeset/nasty-monkeys-care.md | 5 - .changeset/nasty-turtles-happen.md | 6 - .changeset/new-kangaroos-count.md | 5 - .changeset/nine-cameras-peel.md | 6 - .changeset/nine-countries-invent.md | 5 - .changeset/ninety-cobras-juggle.md | 5 - .changeset/ninety-horses-juggle.md | 5 - .changeset/ninety-jeans-punch.md | 5 - .changeset/odd-eyes-grow.md | 5 - .changeset/odd-hornets-sleep.md | 6 - .changeset/odd-oranges-yell.md | 6 - .changeset/old-jeans-ring.md | 5 - .changeset/old-melons-stare.md | 5 - .changeset/old-sheep-dress.md | 5 - .changeset/olive-tools-cry.md | 6 - .changeset/olive-waves-build.md | 5 - .changeset/olive-windows-share.md | 6 - .changeset/orange-months-listen.md | 5 - .changeset/plenty-parents-rest.md | 5 - .changeset/plenty-singers-matter.md | 6 - .changeset/plenty-vans-sneeze.md | 6 - .changeset/poor-roses-film.md | 5 - .changeset/poor-toes-return.md | 6 - .changeset/poor-tools-brush.md | 5 - .changeset/popular-bugs-shout.md | 5 - .changeset/popular-jeans-happen.md | 5 - .changeset/popular-parrots-begin.md | 5 - .changeset/popular-tools-impress.md | 5 - .changeset/pre.json | 287 --------------------------- .changeset/pretty-dancers-taste.md | 5 - .changeset/proud-dogs-ring.md | 5 - .changeset/proud-walls-flash.md | 10 - .changeset/purple-berries-repeat.md | 6 - .changeset/purple-pianos-melt.md | 5 - .changeset/quick-ladybugs-marry.md | 5 - .changeset/quiet-mangos-cry.md | 5 - .changeset/quiet-rings-heal.md | 5 - .changeset/rare-bats-laugh.md | 6 - .changeset/real-zoos-fail.md | 5 - .changeset/red-chefs-refuse.md | 10 - .changeset/red-eagles-give.md | 6 - .changeset/red-gorillas-argue.md | 5 - .changeset/red-queens-love.md | 6 - .changeset/rich-carrots-deny.md | 5 - .changeset/rich-lizards-whisper.md | 5 - .changeset/rotten-badgers-jump.md | 5 - .changeset/rotten-tomatoes-run.md | 5 - .changeset/rotten-zoos-live.md | 5 - .changeset/rude-lies-smile.md | 21 -- .changeset/selfish-meals-pump.md | 5 - .changeset/serious-ears-tan.md | 5 - .changeset/serious-frogs-rescue.md | 5 - .changeset/serious-readers-marry.md | 7 - .changeset/seven-ladybugs-admire.md | 6 - .changeset/seven-tips-rest.md | 5 - .changeset/shaggy-bears-tan.md | 5 - .changeset/shaggy-rockets-repair.md | 7 - .changeset/sharp-humans-itch.md | 8 - .changeset/shiny-dryers-count.md | 8 - .changeset/shiny-ears-enjoy.md | 5 - .changeset/shiny-kiwis-switch.md | 5 - .changeset/shiny-pans-film.md | 6 - .changeset/short-kiwis-turn.md | 6 - .changeset/short-ravens-pretend.md | 6 - .changeset/short-walls-judge.md | 5 - .changeset/shy-cameras-approve.md | 6 - .changeset/shy-yaks-leave.md | 5 - .changeset/silly-flowers-decide.md | 5 - .changeset/silver-penguins-occur.md | 6 - .changeset/six-carrots-guess.md | 6 - .changeset/six-sheep-hunt.md | 6 - .changeset/six-trees-tie.md | 6 - .changeset/slimy-bees-arrive.md | 6 - .changeset/slimy-buttons-train.md | 5 - .changeset/slow-impalas-vanish.md | 5 - .changeset/slow-maps-teach.md | 6 - .changeset/slow-news-act.md | 26 --- .changeset/small-houses-stare.md | 6 - .changeset/small-queens-breathe.md | 6 - .changeset/small-seahorses-add.md | 5 - .changeset/smooth-hats-swim.md | 5 - .changeset/smooth-radios-leave.md | 8 - .changeset/smooth-wombats-grab.md | 7 - .changeset/sour-frogs-arrive.md | 6 - .changeset/spotty-ants-tickle.md | 6 - .changeset/spotty-oranges-guess.md | 6 - .changeset/spotty-pumas-cross.md | 6 - .changeset/stale-flowers-count.md | 5 - .changeset/stale-tables-eat.md | 5 - .changeset/strange-feet-check.md | 7 - .changeset/strange-jars-compete.md | 5 - .changeset/strange-ligers-search.md | 5 - .changeset/strange-ties-burn.md | 5 - .changeset/strong-flowers-ring.md | 10 - .changeset/strong-ghosts-marry.md | 6 - .changeset/stupid-tables-applaud.md | 6 - .changeset/sweet-dolphins-hang.md | 8 - .changeset/sweet-zebras-learn.md | 6 - .changeset/swift-forks-drop.md | 6 - .changeset/tall-guests-arrive.md | 9 - .changeset/tame-rats-mix.md | 9 - .changeset/tasty-phones-invite.md | 5 - .changeset/ten-mirrors-pretend.md | 5 - .changeset/ten-wolves-yawn.md | 5 - .changeset/tender-grapes-refuse.md | 6 - .changeset/tender-ties-swim.md | 6 - .changeset/thin-icons-pay.md | 5 - .changeset/three-carrots-hammer.md | 5 - .changeset/three-dingos-unite.md | 5 - .changeset/three-ducks-chew.md | 6 - .changeset/three-humans-poke.md | 5 - .changeset/three-moles-attack.md | 7 - .changeset/tidy-balloons-rule.md | 6 - .changeset/tidy-cheetahs-cry.md | 5 - .changeset/tricky-ghosts-flow.md | 5 - .changeset/tricky-islands-jam.md | 5 - .changeset/twelve-onions-laugh.md | 5 - .changeset/twelve-paws-jog.md | 5 - .changeset/twenty-cheetahs-leave.md | 6 - .changeset/two-spoons-glow.md | 6 - .changeset/unlucky-hairs-sit.md | 5 - .changeset/violet-paws-begin.md | 6 - .changeset/violet-steaks-repeat.md | 5 - .changeset/weak-keys-tap.md | 5 - .changeset/wet-scissors-tickle.md | 5 - .changeset/wet-spies-tan.md | 5 - .changeset/wicked-balloons-juggle.md | 5 - .changeset/wicked-plants-eat.md | 6 - .changeset/wicked-pots-allow.md | 5 - .changeset/wise-cooks-compare.md | 5 - .changeset/wise-countries-double.md | 5 - .changeset/witty-clouds-judge.md | 6 - .changeset/witty-moons-sleep.md | 5 - .changeset/witty-moose-scream.md | 5 - .changeset/yellow-days-talk.md | 5 - .changeset/yellow-zoos-camp.md | 5 - .changeset/young-bikes-try.md | 5 - packages/cli/CHANGELOG.md | 117 +++++++++++ packages/cli/package.json | 2 +- packages/css/CHANGELOG.md | 220 ++++++++++++++++++++ packages/css/package.json | 2 +- packages/react/CHANGELOG.md | 221 +++++++++++++++++++++ packages/react/package.json | 2 +- packages/theme/CHANGELOG.md | 76 +++++++ packages/theme/package.json | 2 +- 278 files changed, 638 insertions(+), 1858 deletions(-) delete mode 100644 .changeset/angry-planes-thank.md delete mode 100644 .changeset/beige-eggs-sip.md delete mode 100644 .changeset/beige-grapes-report.md delete mode 100644 .changeset/blue-rocks-pull.md delete mode 100644 .changeset/blue-singers-switch.md delete mode 100644 .changeset/blue-stingrays-heal.md delete mode 100644 .changeset/brave-months-shop.md delete mode 100644 .changeset/brave-months-sleep.md delete mode 100644 .changeset/breezy-actors-raise.md delete mode 100644 .changeset/bright-eyes-beam.md delete mode 100644 .changeset/bright-knives-remain.md delete mode 100644 .changeset/brown-walls-smell.md delete mode 100644 .changeset/calm-hairs-pull.md delete mode 100644 .changeset/chatty-cheetahs-fetch.md delete mode 100644 .changeset/chatty-items-sell.md delete mode 100644 .changeset/chilled-badgers-jog.md delete mode 100644 .changeset/chilled-icons-chew.md delete mode 100644 .changeset/chilled-pumas-march.md delete mode 100644 .changeset/chilled-ravens-rush.md delete mode 100644 .changeset/chilled-terms-look.md delete mode 100644 .changeset/chilly-walls-hunt.md delete mode 100644 .changeset/clean-insects-move.md delete mode 100644 .changeset/clean-lizards-chew.md delete mode 100644 .changeset/clever-cobras-rescue.md delete mode 100644 .changeset/clever-files-fix.md delete mode 100644 .changeset/cold-seals-draw.md delete mode 100644 .changeset/cool-lamps-drive.md delete mode 100644 .changeset/curvy-oranges-notice.md delete mode 100644 .changeset/cyan-adults-roll.md delete mode 100644 .changeset/cyan-bears-brush.md delete mode 100644 .changeset/dull-buttons-argue.md delete mode 100644 .changeset/eight-dancers-deliver.md delete mode 100644 .changeset/eight-grapes-flash.md delete mode 100644 .changeset/eighty-cougars-relax.md delete mode 100644 .changeset/eighty-cougars-think.md delete mode 100644 .changeset/eleven-apples-clean.md delete mode 100644 .changeset/eleven-bags-shop.md delete mode 100644 .changeset/eleven-experts-raise.md delete mode 100644 .changeset/eleven-peaches-agree.md delete mode 100644 .changeset/eleven-rings-travel.md delete mode 100644 .changeset/empty-pears-hide.md delete mode 100644 .changeset/empty-singers-yell.md delete mode 100644 .changeset/fair-beds-destroy.md delete mode 100644 .changeset/fair-gorillas-pay.md delete mode 100644 .changeset/famous-coins-fly.md delete mode 100644 .changeset/famous-pillows-cheat.md delete mode 100644 .changeset/fast-cows-impress.md delete mode 100644 .changeset/fast-cows-march.md delete mode 100644 .changeset/fast-months-compare.md delete mode 100644 .changeset/fast-toys-explain.md delete mode 100644 .changeset/few-brooms-confess.md delete mode 100644 .changeset/few-brooms-draw.md delete mode 100644 .changeset/few-plums-drum.md delete mode 100644 .changeset/few-squids-speak.md delete mode 100644 .changeset/fifty-buses-beam.md delete mode 100644 .changeset/fifty-hornets-hang.md delete mode 100644 .changeset/five-apricots-scream.md delete mode 100644 .changeset/five-mails-pull.md delete mode 100644 .changeset/five-pens-accept.md delete mode 100644 .changeset/five-turkeys-confess.md delete mode 100644 .changeset/flat-experts-drop.md delete mode 100644 .changeset/fluffy-coins-run.md delete mode 100644 .changeset/fluffy-moose-swim.md delete mode 100644 .changeset/fluffy-pears-pull.md delete mode 100644 .changeset/four-crabs-chew.md delete mode 100644 .changeset/four-jokes-lick.md delete mode 100644 .changeset/four-pears-tie.md delete mode 100644 .changeset/four-schools-wait.md delete mode 100644 .changeset/fresh-planes-complain.md delete mode 100644 .changeset/friendly-cups-kiss.md delete mode 100644 .changeset/friendly-goats-fix.md delete mode 100644 .changeset/friendly-hotels-behave.md delete mode 100644 .changeset/friendly-islands-punch.md delete mode 100644 .changeset/funny-boxes-remember.md delete mode 100644 .changeset/funny-peaches-lie.md delete mode 100644 .changeset/fuzzy-needles-explode.md delete mode 100644 .changeset/fuzzy-shrimps-hang.md delete mode 100644 .changeset/fuzzy-snails-arrive.md delete mode 100644 .changeset/gold-chairs-jog.md delete mode 100644 .changeset/gold-lemons-fry.md delete mode 100644 .changeset/gorgeous-geese-boil.md delete mode 100644 .changeset/gorgeous-lizards-begin.md delete mode 100644 .changeset/gorgeous-readers-burn.md delete mode 100644 .changeset/gorgeous-rockets-jam.md delete mode 100644 .changeset/gorgeous-shrimps-crash.md delete mode 100644 .changeset/great-cameras-check.md delete mode 100644 .changeset/green-plums-scream.md delete mode 100644 .changeset/grumpy-pianos-lick.md delete mode 100644 .changeset/happy-clocks-promise.md delete mode 100644 .changeset/happy-hounds-tie.md delete mode 100644 .changeset/happy-worms-applaud.md delete mode 100644 .changeset/healthy-apples-explode.md delete mode 100644 .changeset/healthy-fishes-brush.md delete mode 100644 .changeset/healthy-monkeys-repair.md delete mode 100644 .changeset/heavy-rabbits-boil.md delete mode 100644 .changeset/hip-beans-walk.md delete mode 100644 .changeset/hip-brooms-brush.md delete mode 100644 .changeset/hip-masks-greet.md delete mode 100644 .changeset/hip-papayas-decide.md delete mode 100644 .changeset/hip-schools-greet.md delete mode 100644 .changeset/hip-weeks-fetch.md delete mode 100644 .changeset/honest-roses-hunt.md delete mode 100644 .changeset/hot-chairs-drop.md delete mode 100644 .changeset/hot-crews-perform.md delete mode 100644 .changeset/hot-ligers-rush.md delete mode 100644 .changeset/hot-weeks-tease.md delete mode 100644 .changeset/hungry-moles-repeat.md delete mode 100644 .changeset/itchy-walls-push.md delete mode 100644 .changeset/kind-eyes-cheat.md delete mode 100644 .changeset/lazy-wolves-provide.md delete mode 100644 .changeset/lemon-countries-smoke.md delete mode 100644 .changeset/light-avocados-flow.md delete mode 100644 .changeset/little-berries-divide.md delete mode 100644 .changeset/long-boxes-sniff.md delete mode 100644 .changeset/long-countries-check.md delete mode 100644 .changeset/long-stingrays-repeat.md delete mode 100644 .changeset/long-taxis-tease.md delete mode 100644 .changeset/loud-bobcats-look.md delete mode 100644 .changeset/loud-dragons-build.md delete mode 100644 .changeset/loud-tips-return.md delete mode 100644 .changeset/lovely-turtles-cheer.md delete mode 100644 .changeset/many-cherries-look.md delete mode 100644 .changeset/mean-ducks-argue.md delete mode 100644 .changeset/mean-jokes-jog.md delete mode 100644 .changeset/mean-penguins-sing.md delete mode 100644 .changeset/mean-snails-visit.md delete mode 100644 .changeset/mean-starfishes-hear.md delete mode 100644 .changeset/metal-bananas-notice.md delete mode 100644 .changeset/metal-tomatoes-compete.md delete mode 100644 .changeset/mighty-buttons-yell.md delete mode 100644 .changeset/mighty-days-eat.md delete mode 100644 .changeset/modern-hats-destroy.md delete mode 100644 .changeset/nasty-ligers-reflect.md delete mode 100644 .changeset/nasty-monkeys-care.md delete mode 100644 .changeset/nasty-turtles-happen.md delete mode 100644 .changeset/new-kangaroos-count.md delete mode 100644 .changeset/nine-cameras-peel.md delete mode 100644 .changeset/nine-countries-invent.md delete mode 100644 .changeset/ninety-cobras-juggle.md delete mode 100644 .changeset/ninety-horses-juggle.md delete mode 100644 .changeset/ninety-jeans-punch.md delete mode 100644 .changeset/odd-eyes-grow.md delete mode 100644 .changeset/odd-hornets-sleep.md delete mode 100644 .changeset/odd-oranges-yell.md delete mode 100644 .changeset/old-jeans-ring.md delete mode 100644 .changeset/old-melons-stare.md delete mode 100644 .changeset/old-sheep-dress.md delete mode 100644 .changeset/olive-tools-cry.md delete mode 100644 .changeset/olive-waves-build.md delete mode 100644 .changeset/olive-windows-share.md delete mode 100644 .changeset/orange-months-listen.md delete mode 100644 .changeset/plenty-parents-rest.md delete mode 100644 .changeset/plenty-singers-matter.md delete mode 100644 .changeset/plenty-vans-sneeze.md delete mode 100644 .changeset/poor-roses-film.md delete mode 100644 .changeset/poor-toes-return.md delete mode 100644 .changeset/poor-tools-brush.md delete mode 100644 .changeset/popular-bugs-shout.md delete mode 100644 .changeset/popular-jeans-happen.md delete mode 100644 .changeset/popular-parrots-begin.md delete mode 100644 .changeset/popular-tools-impress.md delete mode 100644 .changeset/pre.json delete mode 100644 .changeset/pretty-dancers-taste.md delete mode 100644 .changeset/proud-dogs-ring.md delete mode 100644 .changeset/proud-walls-flash.md delete mode 100644 .changeset/purple-berries-repeat.md delete mode 100644 .changeset/purple-pianos-melt.md delete mode 100644 .changeset/quick-ladybugs-marry.md delete mode 100644 .changeset/quiet-mangos-cry.md delete mode 100644 .changeset/quiet-rings-heal.md delete mode 100644 .changeset/rare-bats-laugh.md delete mode 100644 .changeset/real-zoos-fail.md delete mode 100644 .changeset/red-chefs-refuse.md delete mode 100644 .changeset/red-eagles-give.md delete mode 100644 .changeset/red-gorillas-argue.md delete mode 100644 .changeset/red-queens-love.md delete mode 100644 .changeset/rich-carrots-deny.md delete mode 100644 .changeset/rich-lizards-whisper.md delete mode 100644 .changeset/rotten-badgers-jump.md delete mode 100644 .changeset/rotten-tomatoes-run.md delete mode 100644 .changeset/rotten-zoos-live.md delete mode 100644 .changeset/rude-lies-smile.md delete mode 100644 .changeset/selfish-meals-pump.md delete mode 100644 .changeset/serious-ears-tan.md delete mode 100644 .changeset/serious-frogs-rescue.md delete mode 100644 .changeset/serious-readers-marry.md delete mode 100644 .changeset/seven-ladybugs-admire.md delete mode 100644 .changeset/seven-tips-rest.md delete mode 100644 .changeset/shaggy-bears-tan.md delete mode 100644 .changeset/shaggy-rockets-repair.md delete mode 100644 .changeset/sharp-humans-itch.md delete mode 100644 .changeset/shiny-dryers-count.md delete mode 100644 .changeset/shiny-ears-enjoy.md delete mode 100644 .changeset/shiny-kiwis-switch.md delete mode 100644 .changeset/shiny-pans-film.md delete mode 100644 .changeset/short-kiwis-turn.md delete mode 100644 .changeset/short-ravens-pretend.md delete mode 100644 .changeset/short-walls-judge.md delete mode 100644 .changeset/shy-cameras-approve.md delete mode 100644 .changeset/shy-yaks-leave.md delete mode 100644 .changeset/silly-flowers-decide.md delete mode 100644 .changeset/silver-penguins-occur.md delete mode 100644 .changeset/six-carrots-guess.md delete mode 100644 .changeset/six-sheep-hunt.md delete mode 100644 .changeset/six-trees-tie.md delete mode 100644 .changeset/slimy-bees-arrive.md delete mode 100644 .changeset/slimy-buttons-train.md delete mode 100644 .changeset/slow-impalas-vanish.md delete mode 100644 .changeset/slow-maps-teach.md delete mode 100644 .changeset/slow-news-act.md delete mode 100644 .changeset/small-houses-stare.md delete mode 100644 .changeset/small-queens-breathe.md delete mode 100644 .changeset/small-seahorses-add.md delete mode 100644 .changeset/smooth-hats-swim.md delete mode 100644 .changeset/smooth-radios-leave.md delete mode 100644 .changeset/smooth-wombats-grab.md delete mode 100644 .changeset/sour-frogs-arrive.md delete mode 100644 .changeset/spotty-ants-tickle.md delete mode 100644 .changeset/spotty-oranges-guess.md delete mode 100644 .changeset/spotty-pumas-cross.md delete mode 100644 .changeset/stale-flowers-count.md delete mode 100644 .changeset/stale-tables-eat.md delete mode 100644 .changeset/strange-feet-check.md delete mode 100644 .changeset/strange-jars-compete.md delete mode 100644 .changeset/strange-ligers-search.md delete mode 100644 .changeset/strange-ties-burn.md delete mode 100644 .changeset/strong-flowers-ring.md delete mode 100644 .changeset/strong-ghosts-marry.md delete mode 100644 .changeset/stupid-tables-applaud.md delete mode 100644 .changeset/sweet-dolphins-hang.md delete mode 100644 .changeset/sweet-zebras-learn.md delete mode 100644 .changeset/swift-forks-drop.md delete mode 100644 .changeset/tall-guests-arrive.md delete mode 100644 .changeset/tame-rats-mix.md delete mode 100644 .changeset/tasty-phones-invite.md delete mode 100644 .changeset/ten-mirrors-pretend.md delete mode 100644 .changeset/ten-wolves-yawn.md delete mode 100644 .changeset/tender-grapes-refuse.md delete mode 100644 .changeset/tender-ties-swim.md delete mode 100644 .changeset/thin-icons-pay.md delete mode 100644 .changeset/three-carrots-hammer.md delete mode 100644 .changeset/three-dingos-unite.md delete mode 100644 .changeset/three-ducks-chew.md delete mode 100644 .changeset/three-humans-poke.md delete mode 100644 .changeset/three-moles-attack.md delete mode 100644 .changeset/tidy-balloons-rule.md delete mode 100644 .changeset/tidy-cheetahs-cry.md delete mode 100644 .changeset/tricky-ghosts-flow.md delete mode 100644 .changeset/tricky-islands-jam.md delete mode 100644 .changeset/twelve-onions-laugh.md delete mode 100644 .changeset/twelve-paws-jog.md delete mode 100644 .changeset/twenty-cheetahs-leave.md delete mode 100644 .changeset/two-spoons-glow.md delete mode 100644 .changeset/unlucky-hairs-sit.md delete mode 100644 .changeset/violet-paws-begin.md delete mode 100644 .changeset/violet-steaks-repeat.md delete mode 100644 .changeset/weak-keys-tap.md delete mode 100644 .changeset/wet-scissors-tickle.md delete mode 100644 .changeset/wet-spies-tan.md delete mode 100644 .changeset/wicked-balloons-juggle.md delete mode 100644 .changeset/wicked-plants-eat.md delete mode 100644 .changeset/wicked-pots-allow.md delete mode 100644 .changeset/wise-cooks-compare.md delete mode 100644 .changeset/wise-countries-double.md delete mode 100644 .changeset/witty-clouds-judge.md delete mode 100644 .changeset/witty-moons-sleep.md delete mode 100644 .changeset/witty-moose-scream.md delete mode 100644 .changeset/yellow-days-talk.md delete mode 100644 .changeset/yellow-zoos-camp.md delete mode 100644 .changeset/young-bikes-try.md diff --git a/.changeset/angry-planes-thank.md b/.changeset/angry-planes-thank.md deleted file mode 100644 index 9cfb7cb3be..0000000000 --- a/.changeset/angry-planes-thank.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Pagination: -- Remove attributes `currentPage` and `totalPages` on `Pagination` -- Replace `Pagination.Root` with `Paginaton` -- Replace `Pagination.Next`, `Pagination.Previous` and `Pagination.Ellipsis` with `Paginaton.Button` -- Make `usePagination` return spreadable props for subcomponents -- Add support for `showPages` and `onChange` in `usePagination` diff --git a/.changeset/beige-eggs-sip.md b/.changeset/beige-eggs-sip.md deleted file mode 100644 index bd2584e567..0000000000 --- a/.changeset/beige-eggs-sip.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Details**: Change `--dsc-details-heading-*` to `--dsc-details-summary-*` diff --git a/.changeset/beige-grapes-report.md b/.changeset/beige-grapes-report.md deleted file mode 100644 index 6bf3d4485c..0000000000 --- a/.changeset/beige-grapes-report.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Pagination: Use data attrs instead of class names diff --git a/.changeset/blue-rocks-pull.md b/.changeset/blue-rocks-pull.md deleted file mode 100644 index 2e52daaf56..0000000000 --- a/.changeset/blue-rocks-pull.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -'@digdir/designsystemet-react': patch -'@digdir/designsystemet-theme': patch -'@digdir/designsystemet': patch -'@digdir/designsystemet-css': patch ---- - -Testing snapshot release diff --git a/.changeset/blue-singers-switch.md b/.changeset/blue-singers-switch.md deleted file mode 100644 index beebbbad3f..0000000000 --- a/.changeset/blue-singers-switch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Chip: Support wrapping in group diff --git a/.changeset/blue-stingrays-heal.md b/.changeset/blue-stingrays-heal.md deleted file mode 100644 index 46e18614cc..0000000000 --- a/.changeset/blue-stingrays-heal.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Accordion: Fix chevron abandoning parent in scroll container diff --git a/.changeset/brave-months-shop.md b/.changeset/brave-months-shop.md deleted file mode 100644 index 361671c21c..0000000000 --- a/.changeset/brave-months-shop.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet-react': patch ---- - -Correctly mark dependencies as external. This ensures Accordion works when consumers have enabled tree-shaking. diff --git a/.changeset/brave-months-sleep.md b/.changeset/brave-months-sleep.md deleted file mode 100644 index 0616be9a4f..0000000000 --- a/.changeset/brave-months-sleep.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Modal: add missing ModalRoot export diff --git a/.changeset/breezy-actors-raise.md b/.changeset/breezy-actors-raise.md deleted file mode 100644 index 335d10f79e..0000000000 --- a/.changeset/breezy-actors-raise.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": minor -"@digdir/designsystemet-react": minor ---- - -:sparkles: New experimental component; **Suggestion** diff --git a/.changeset/bright-eyes-beam.md b/.changeset/bright-eyes-beam.md deleted file mode 100644 index c7e611f06d..0000000000 --- a/.changeset/bright-eyes-beam.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Button: add `height: fit-content` diff --git a/.changeset/bright-knives-remain.md b/.changeset/bright-knives-remain.md deleted file mode 100644 index cbdd5a29bc..0000000000 --- a/.changeset/bright-knives-remain.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -RovingFocus: add `orientation` to support for different arrow directions, and add support home/end buttons -- Affects `ToggleGroup`, where up and down arrows can now be used -- Affects `ToggleGroup`, where home and end can now be used -- Affects `Tabs`, where home and end can now be used diff --git a/.changeset/brown-walls-smell.md b/.changeset/brown-walls-smell.md deleted file mode 100644 index b316665535..0000000000 --- a/.changeset/brown-walls-smell.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-theme": patch ---- - -tokens: Removed validationmessage and label typography styles diff --git a/.changeset/calm-hairs-pull.md b/.changeset/calm-hairs-pull.md deleted file mode 100644 index 2785768518..0000000000 --- a/.changeset/calm-hairs-pull.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -Fix wrong base default color beeing set by the themebuilder diff --git a/.changeset/chatty-cheetahs-fetch.md b/.changeset/chatty-cheetahs-fetch.md deleted file mode 100644 index fe88f41b2d..0000000000 --- a/.changeset/chatty-cheetahs-fetch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": minor ---- - -SkipLink: New style diff --git a/.changeset/chatty-items-sell.md b/.changeset/chatty-items-sell.md deleted file mode 100644 index b9bfaf89fe..0000000000 --- a/.changeset/chatty-items-sell.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-react": minor ---- - -**ErrorSummary**: Split `.Item` into two components -- `ErrorSummary.Item` renders a `li` -- `ErrorSummary.Link` renders the link diff --git a/.changeset/chilled-badgers-jog.md b/.changeset/chilled-badgers-jog.md deleted file mode 100644 index 9f7d725713..0000000000 --- a/.changeset/chilled-badgers-jog.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Chip**: Make radio and checkbox smaller diff --git a/.changeset/chilled-icons-chew.md b/.changeset/chilled-icons-chew.md deleted file mode 100644 index b87eb3cd88..0000000000 --- a/.changeset/chilled-icons-chew.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Accordion: Fix `defaultOpen` flicker on first render diff --git a/.changeset/chilled-pumas-march.md b/.changeset/chilled-pumas-march.md deleted file mode 100644 index 0fd1539fe0..0000000000 --- a/.changeset/chilled-pumas-march.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Badge: Style using css attributes diff --git a/.changeset/chilled-ravens-rush.md b/.changeset/chilled-ravens-rush.md deleted file mode 100644 index c5a6902916..0000000000 --- a/.changeset/chilled-ravens-rush.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Details:** Hide native `` arrow in Safari diff --git a/.changeset/chilled-terms-look.md b/.changeset/chilled-terms-look.md deleted file mode 100644 index 1f947d929a..0000000000 --- a/.changeset/chilled-terms-look.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -**Suggestion.Empty**: Remove `asChild` support diff --git a/.changeset/chilly-walls-hunt.md b/.changeset/chilly-walls-hunt.md deleted file mode 100644 index ac9247e8e2..0000000000 --- a/.changeset/chilly-walls-hunt.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor -"@digdir/designsystemet-css": minor ---- - -Added token `border-width-focus` diff --git a/.changeset/clean-insects-move.md b/.changeset/clean-insects-move.md deleted file mode 100644 index e2fe625e26..0000000000 --- a/.changeset/clean-insects-move.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -SkipLink: Add css variables diff --git a/.changeset/clean-lizards-chew.md b/.changeset/clean-lizards-chew.md deleted file mode 100644 index b4a8f5e6bc..0000000000 --- a/.changeset/clean-lizards-chew.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -ValidationMessage: Add icon when `error={true}` diff --git a/.changeset/clever-cobras-rescue.md b/.changeset/clever-cobras-rescue.md deleted file mode 100644 index 83fa3a1120..0000000000 --- a/.changeset/clever-cobras-rescue.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Textarea: Use `field-sizing: content` diff --git a/.changeset/clever-files-fix.md b/.changeset/clever-files-fix.md deleted file mode 100644 index 1ff731cce0..0000000000 --- a/.changeset/clever-files-fix.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Create & build tokens correctly if support-color is missing diff --git a/.changeset/cold-seals-draw.md b/.changeset/cold-seals-draw.md deleted file mode 100644 index 6a1a2efc45..0000000000 --- a/.changeset/cold-seals-draw.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Pagination: Use empty `li` for ellipsis diff --git a/.changeset/cool-lamps-drive.md b/.changeset/cool-lamps-drive.md deleted file mode 100644 index 1d24e1d303..0000000000 --- a/.changeset/cool-lamps-drive.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@digdir/designsystemet': patch -'@digdir/designsystemet-react': patch ---- - -chore: Fix rollup build warnings for react package diff --git a/.changeset/curvy-oranges-notice.md b/.changeset/curvy-oranges-notice.md deleted file mode 100644 index b9a96e9d71..0000000000 --- a/.changeset/curvy-oranges-notice.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Button: Remove `type` when `asChild={true}` diff --git a/.changeset/cyan-adults-roll.md b/.changeset/cyan-adults-roll.md deleted file mode 100644 index a302adfd3a..0000000000 --- a/.changeset/cyan-adults-roll.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Skiplink: -- Simplify DOM -- Add support for `forwardRef` diff --git a/.changeset/cyan-bears-brush.md b/.changeset/cyan-bears-brush.md deleted file mode 100644 index 9fbbcfd723..0000000000 --- a/.changeset/cyan-bears-brush.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Table**: New colors on zebra (`--ds-color-surface-tinted`) and hover (`--ds-color-surface-hover`) diff --git a/.changeset/dull-buttons-argue.md b/.changeset/dull-buttons-argue.md deleted file mode 100644 index 2a767e211a..0000000000 --- a/.changeset/dull-buttons-argue.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Dropdown: Rename `DropdownContext` to `DropdownTriggerContext` diff --git a/.changeset/eight-dancers-deliver.md b/.changeset/eight-dancers-deliver.md deleted file mode 100644 index 3e3af74b5b..0000000000 --- a/.changeset/eight-dancers-deliver.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -ValidationMessage: fix icon abandoning the component when scrolling diff --git a/.changeset/eight-grapes-flash.md b/.changeset/eight-grapes-flash.md deleted file mode 100644 index dd6851204e..0000000000 --- a/.changeset/eight-grapes-flash.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Dialog**: Add border around dialog element diff --git a/.changeset/eighty-cougars-relax.md b/.changeset/eighty-cougars-relax.md deleted file mode 100644 index 137fdcd28d..0000000000 --- a/.changeset/eighty-cougars-relax.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Input: Add whitelist for `type` diff --git a/.changeset/eighty-cougars-think.md b/.changeset/eighty-cougars-think.md deleted file mode 100644 index 9257efbd30..0000000000 --- a/.changeset/eighty-cougars-think.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Tabs: Make arrow keys work in any direction diff --git a/.changeset/eleven-apples-clean.md b/.changeset/eleven-apples-clean.md deleted file mode 100644 index 4051aca6b9..0000000000 --- a/.changeset/eleven-apples-clean.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Renamed background, surface and contrast color tokens and CSS variables diff --git a/.changeset/eleven-bags-shop.md b/.changeset/eleven-bags-shop.md deleted file mode 100644 index 4fc80ab3f0..0000000000 --- a/.changeset/eleven-bags-shop.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -TableHeaderCell: Remove `sortable` prop, `sort` now handles this diff --git a/.changeset/eleven-experts-raise.md b/.changeset/eleven-experts-raise.md deleted file mode 100644 index e5fd9700da..0000000000 --- a/.changeset/eleven-experts-raise.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Removed `htmlSize`, you can now use native `size` diff --git a/.changeset/eleven-peaches-agree.md b/.changeset/eleven-peaches-agree.md deleted file mode 100644 index b7000e7a40..0000000000 --- a/.changeset/eleven-peaches-agree.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -dropdownmenu: Style using data attributes diff --git a/.changeset/eleven-rings-travel.md b/.changeset/eleven-rings-travel.md deleted file mode 100644 index 306b7825b6..0000000000 --- a/.changeset/eleven-rings-travel.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": major ---- - -ValidationMessage: use `data-color="danger | success"` instead of `data-error="true | false"` diff --git a/.changeset/empty-pears-hide.md b/.changeset/empty-pears-hide.md deleted file mode 100644 index 1d836460d0..0000000000 --- a/.changeset/empty-pears-hide.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Accordion: Add css variable for chevron diff --git a/.changeset/empty-singers-yell.md b/.changeset/empty-singers-yell.md deleted file mode 100644 index 1ced134c71..0000000000 --- a/.changeset/empty-singers-yell.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Chip: Text color is now `accent` diff --git a/.changeset/fair-beds-destroy.md b/.changeset/fair-beds-destroy.md deleted file mode 100644 index 68c96596f7..0000000000 --- a/.changeset/fair-beds-destroy.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -CSS: base sizing on font-size so all components can have all sizes, and naturally inherits size from context diff --git a/.changeset/fair-gorillas-pay.md b/.changeset/fair-gorillas-pay.md deleted file mode 100644 index d8adf37859..0000000000 --- a/.changeset/fair-gorillas-pay.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Link: Fix missing underline when using Tailwind diff --git a/.changeset/famous-coins-fly.md b/.changeset/famous-coins-fly.md deleted file mode 100644 index 686cf40068..0000000000 --- a/.changeset/famous-coins-fly.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -**Card**: Add `data-variant="default/tinted"`, `default` is default diff --git a/.changeset/famous-pillows-cheat.md b/.changeset/famous-pillows-cheat.md deleted file mode 100644 index ab02e3de96..0000000000 --- a/.changeset/famous-pillows-cheat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet': minor ---- - -Fix design-token warning contrast color reference diff --git a/.changeset/fast-cows-impress.md b/.changeset/fast-cows-impress.md deleted file mode 100644 index 462fc4782f..0000000000 --- a/.changeset/fast-cows-impress.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -tokens: fix wrong reference for focus color. diff --git a/.changeset/fast-cows-march.md b/.changeset/fast-cows-march.md deleted file mode 100644 index 0c5f589abc..0000000000 --- a/.changeset/fast-cows-march.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Add missing `data-size` and `data-color` props to Details diff --git a/.changeset/fast-months-compare.md b/.changeset/fast-months-compare.md deleted file mode 100644 index f32b0377c4..0000000000 --- a/.changeset/fast-months-compare.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**ToggleGroup**: Change height to match other form elements diff --git a/.changeset/fast-toys-explain.md b/.changeset/fast-toys-explain.md deleted file mode 100644 index 02ea74ed51..0000000000 --- a/.changeset/fast-toys-explain.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Checkbox**: Reduce border-radius by one size, making them more square. diff --git a/.changeset/few-brooms-confess.md b/.changeset/few-brooms-confess.md deleted file mode 100644 index 068448099e..0000000000 --- a/.changeset/few-brooms-confess.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-react": patch -"@digdir/designsystemet-css": patch ---- - -Table: New hover prop and class for toggling hover on rows diff --git a/.changeset/few-brooms-draw.md b/.changeset/few-brooms-draw.md deleted file mode 100644 index 6488fa981c..0000000000 --- a/.changeset/few-brooms-draw.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -refactor: Changed border-radius token to dimension type diff --git a/.changeset/few-plums-drum.md b/.changeset/few-plums-drum.md deleted file mode 100644 index a94e6f3baa..0000000000 --- a/.changeset/few-plums-drum.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Accordion: Animate open/close with CSS -- Replace onFound with onToggle diff --git a/.changeset/few-squids-speak.md b/.changeset/few-squids-speak.md deleted file mode 100644 index ef1ef07ab5..0000000000 --- a/.changeset/few-squids-speak.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": major -"@digdir/designsystemet-react": major ---- - -Search: New compound API diff --git a/.changeset/fifty-buses-beam.md b/.changeset/fifty-buses-beam.md deleted file mode 100644 index 6c7b4605c0..0000000000 --- a/.changeset/fifty-buses-beam.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Table: Width is now by default `100%` - diff --git a/.changeset/fifty-hornets-hang.md b/.changeset/fifty-hornets-hang.md deleted file mode 100644 index 368ba7a03b..0000000000 --- a/.changeset/fifty-hornets-hang.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -CSS: Move default background-color to `` element diff --git a/.changeset/five-apricots-scream.md b/.changeset/five-apricots-scream.md deleted file mode 100644 index cea113977a..0000000000 --- a/.changeset/five-apricots-scream.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@digdir/designsystemet-theme': patch -'@digdir/designsystemet': patch ---- - -refactor: single CSS file for theme diff --git a/.changeset/five-mails-pull.md b/.changeset/five-mails-pull.md deleted file mode 100644 index 2fbfe6fe3e..0000000000 --- a/.changeset/five-mails-pull.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Table: -- Correct footer styling -- Automatic focus styling for sorting buttons diff --git a/.changeset/five-pens-accept.md b/.changeset/five-pens-accept.md deleted file mode 100644 index b790276873..0000000000 --- a/.changeset/five-pens-accept.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Popover+Dropdown: Fix issue when combining controlled state with changing child elements diff --git a/.changeset/five-turkeys-confess.md b/.changeset/five-turkeys-confess.md deleted file mode 100644 index ed65071e7e..0000000000 --- a/.changeset/five-turkeys-confess.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": major ---- - -Dropdown: Add `Dropdown.Button` for more explicit API diff --git a/.changeset/flat-experts-drop.md b/.changeset/flat-experts-drop.md deleted file mode 100644 index 161fbb25a4..0000000000 --- a/.changeset/flat-experts-drop.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -ErrorSummary: Rename ErrorSummary.Root to ErrorSummary diff --git a/.changeset/fluffy-coins-run.md b/.changeset/fluffy-coins-run.md deleted file mode 100644 index d05c68dc63..0000000000 --- a/.changeset/fluffy-coins-run.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Modal: Rename `ModalContext` to `ModalTriggerContext` diff --git a/.changeset/fluffy-moose-swim.md b/.changeset/fluffy-moose-swim.md deleted file mode 100644 index 17c7ba887d..0000000000 --- a/.changeset/fluffy-moose-swim.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Table*: Background is now transparent by default diff --git a/.changeset/fluffy-pears-pull.md b/.changeset/fluffy-pears-pull.md deleted file mode 100644 index 822fb0dfb3..0000000000 --- a/.changeset/fluffy-pears-pull.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Badge**: Fix empty badge not being displayed diff --git a/.changeset/four-crabs-chew.md b/.changeset/four-crabs-chew.md deleted file mode 100644 index 9cb74e02b7..0000000000 --- a/.changeset/four-crabs-chew.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -`clean` should only run once during `tokens create` when multiple themes are defined using config file diff --git a/.changeset/four-jokes-lick.md b/.changeset/four-jokes-lick.md deleted file mode 100644 index aa9c864abd..0000000000 --- a/.changeset/four-jokes-lick.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -**Details**: Add `data-variant="default/tinted"`, `default` is default. -- This can also be controlled from `Card` diff --git a/.changeset/four-pears-tie.md b/.changeset/four-pears-tie.md deleted file mode 100644 index df33346b86..0000000000 --- a/.changeset/four-pears-tie.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Fixes so spacing is the same in checkbox and radio groups diff --git a/.changeset/four-schools-wait.md b/.changeset/four-schools-wait.md deleted file mode 100644 index 59ba30b2e6..0000000000 --- a/.changeset/four-schools-wait.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Breadcrumbs: Add css variable for chevron diff --git a/.changeset/fresh-planes-complain.md b/.changeset/fresh-planes-complain.md deleted file mode 100644 index 98e8dc9d68..0000000000 --- a/.changeset/fresh-planes-complain.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Remove `neutral` color on `ValidationMessage` diff --git a/.changeset/friendly-cups-kiss.md b/.changeset/friendly-cups-kiss.md deleted file mode 100644 index bccf9dbbbc..0000000000 --- a/.changeset/friendly-cups-kiss.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Input: Sufficient color contrast for readonly diff --git a/.changeset/friendly-goats-fix.md b/.changeset/friendly-goats-fix.md deleted file mode 100644 index e73486fc4d..0000000000 --- a/.changeset/friendly-goats-fix.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Details**: Change default variant colors for open and hover diff --git a/.changeset/friendly-hotels-behave.md b/.changeset/friendly-hotels-behave.md deleted file mode 100644 index 70063cd821..0000000000 --- a/.changeset/friendly-hotels-behave.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -Add JSON schema for CLI config file, which enables editor hints. To use it, do something like this: -```jsonc -{ - "$schema": "node_modules/@digdir/designsystemet/dist/config.schema.json" - // ...config options here... -} -``` diff --git a/.changeset/friendly-islands-punch.md b/.changeset/friendly-islands-punch.md deleted file mode 100644 index bf1d8ba0ca..0000000000 --- a/.changeset/friendly-islands-punch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -fix(Combobox): :bug: Button for toggling open/close should now close when open diff --git a/.changeset/funny-boxes-remember.md b/.changeset/funny-boxes-remember.md deleted file mode 100644 index fc4bc5edb1..0000000000 --- a/.changeset/funny-boxes-remember.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -fix: Correct name on Figma collection for color schemes diff --git a/.changeset/funny-peaches-lie.md b/.changeset/funny-peaches-lie.md deleted file mode 100644 index dd4e0caefb..0000000000 --- a/.changeset/funny-peaches-lie.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -cli: better error messages for wrong or missing options diff --git a/.changeset/fuzzy-needles-explode.md b/.changeset/fuzzy-needles-explode.md deleted file mode 100644 index 180dad277b..0000000000 --- a/.changeset/fuzzy-needles-explode.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -Changed name of Tokens Studio theme "Mode" to "Color scheme", and updated the path in the token structure from `primitives/modes/colors` to `primitives/modes/color-scheme` diff --git a/.changeset/fuzzy-shrimps-hang.md b/.changeset/fuzzy-shrimps-hang.md deleted file mode 100644 index 36a7848426..0000000000 --- a/.changeset/fuzzy-shrimps-hang.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Increased lightness of global `orange` color diff --git a/.changeset/fuzzy-snails-arrive.md b/.changeset/fuzzy-snails-arrive.md deleted file mode 100644 index a8762f1f92..0000000000 --- a/.changeset/fuzzy-snails-arrive.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Add json config file support for `tokens create` diff --git a/.changeset/gold-chairs-jog.md b/.changeset/gold-chairs-jog.md deleted file mode 100644 index 9351938447..0000000000 --- a/.changeset/gold-chairs-jog.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Tabs: -- Renames `Tabs.Root` to `Tabs` -- Renames `Tabs.Content` to `Tabs.Panel` diff --git a/.changeset/gold-lemons-fry.md b/.changeset/gold-lemons-fry.md deleted file mode 100644 index ceef82f970..0000000000 --- a/.changeset/gold-lemons-fry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Popover**: Added shadow and fixed default background color diff --git a/.changeset/gorgeous-geese-boil.md b/.changeset/gorgeous-geese-boil.md deleted file mode 100644 index 6e989ba031..0000000000 --- a/.changeset/gorgeous-geese-boil.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -Added option dry run using `--dry` on `tokens create` & `tokens build` diff --git a/.changeset/gorgeous-lizards-begin.md b/.changeset/gorgeous-lizards-begin.md deleted file mode 100644 index ec08ddece3..0000000000 --- a/.changeset/gorgeous-lizards-begin.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Dialog**: -- Correctly centers position also when placed in `display: flex` -- Only prevents scroll if opened with `.showModal()` diff --git a/.changeset/gorgeous-readers-burn.md b/.changeset/gorgeous-readers-burn.md deleted file mode 100644 index ce075c8ec6..0000000000 --- a/.changeset/gorgeous-readers-burn.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet': minor ---- - -Update init script to new design-tokens format diff --git a/.changeset/gorgeous-rockets-jam.md b/.changeset/gorgeous-rockets-jam.md deleted file mode 100644 index 22585d301b..0000000000 --- a/.changeset/gorgeous-rockets-jam.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -**Button**: `loading` type now correctly accepts a `ReactNode` diff --git a/.changeset/gorgeous-shrimps-crash.md b/.changeset/gorgeous-shrimps-crash.md deleted file mode 100644 index 7f5556ba96..0000000000 --- a/.changeset/gorgeous-shrimps-crash.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Heading: -- Classes with data attributes -- Move base style to utility classes diff --git a/.changeset/great-cameras-check.md b/.changeset/great-cameras-check.md deleted file mode 100644 index 79b6202516..0000000000 --- a/.changeset/great-cameras-check.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Switch: Adjust design to better align with radio and checkbox diff --git a/.changeset/green-plums-scream.md b/.changeset/green-plums-scream.md deleted file mode 100644 index 77505c1972..0000000000 --- a/.changeset/green-plums-scream.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Field.Counter: Run on mount to support initial `defaultValue` diff --git a/.changeset/grumpy-pianos-lick.md b/.changeset/grumpy-pianos-lick.md deleted file mode 100644 index c33feda9c4..0000000000 --- a/.changeset/grumpy-pianos-lick.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-theme": patch ---- - -docs: :memo: Fix some outdated information in readme diff --git a/.changeset/happy-clocks-promise.md b/.changeset/happy-clocks-promise.md deleted file mode 100644 index a93092f847..0000000000 --- a/.changeset/happy-clocks-promise.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Removed token `border-width-highlight` diff --git a/.changeset/happy-hounds-tie.md b/.changeset/happy-hounds-tie.md deleted file mode 100644 index 1e64a38c85..0000000000 --- a/.changeset/happy-hounds-tie.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -List: Remove `List.Root` and `List.Heading`, which changes API diff --git a/.changeset/happy-worms-applaud.md b/.changeset/happy-worms-applaud.md deleted file mode 100644 index 9e2085886d..0000000000 --- a/.changeset/happy-worms-applaud.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Rename classes from `ds-error-message*` to `ds-validation-message*` diff --git a/.changeset/healthy-apples-explode.md b/.changeset/healthy-apples-explode.md deleted file mode 100644 index 4a22ccd0c4..0000000000 --- a/.changeset/healthy-apples-explode.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Alert, Avatar, Button, Divider, Link: Use data-attributes for variant, size and color and move icons to CSS diff --git a/.changeset/healthy-fishes-brush.md b/.changeset/healthy-fishes-brush.md deleted file mode 100644 index 1403b6e21a..0000000000 --- a/.changeset/healthy-fishes-brush.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Helptext: Remove component diff --git a/.changeset/healthy-monkeys-repair.md b/.changeset/healthy-monkeys-repair.md deleted file mode 100644 index d6f888ddf0..0000000000 --- a/.changeset/healthy-monkeys-repair.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Radio, Checkbox: Spread `className` and `style` on outermost element diff --git a/.changeset/heavy-rabbits-boil.md b/.changeset/heavy-rabbits-boil.md deleted file mode 100644 index 1216ccb154..0000000000 --- a/.changeset/heavy-rabbits-boil.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Modal: css changes diff --git a/.changeset/hip-beans-walk.md b/.changeset/hip-beans-walk.md deleted file mode 100644 index 468fb0e0ed..0000000000 --- a/.changeset/hip-beans-walk.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**SkipLink**: Increaed padding bottom by one size diff --git a/.changeset/hip-brooms-brush.md b/.changeset/hip-brooms-brush.md deleted file mode 100644 index 477aef6711..0000000000 --- a/.changeset/hip-brooms-brush.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Alert: fix icon abandoning the component when scrolling diff --git a/.changeset/hip-masks-greet.md b/.changeset/hip-masks-greet.md deleted file mode 100644 index 5867ff0485..0000000000 --- a/.changeset/hip-masks-greet.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Button: `text-align: inherit` when not in full width diff --git a/.changeset/hip-papayas-decide.md b/.changeset/hip-papayas-decide.md deleted file mode 100644 index bc439db921..0000000000 --- a/.changeset/hip-papayas-decide.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Dropdown**: Fix background to surface color variable diff --git a/.changeset/hip-schools-greet.md b/.changeset/hip-schools-greet.md deleted file mode 100644 index 80b1ead410..0000000000 --- a/.changeset/hip-schools-greet.md +++ /dev/null @@ -1,14 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Modal: -- Rename `Modal.Dialog` to `Modal` -- Rename `Modal.Root` to `Modal.Context` -- Replace `onInteractOutside` event with `backdropClose` boolean -- Replace `closeButton` and `closeButtonTitle` on `Modal.Header` with `closeButton` on `Modal` -- Add border to `Modal.Header` and `Modal.Footer` -- Remove `Modal.Content` -- Remove `onBeforeClose` -- Remove `subtitle` from `Modal.Header` diff --git a/.changeset/hip-weeks-fetch.md b/.changeset/hip-weeks-fetch.md deleted file mode 100644 index 96a51f5642..0000000000 --- a/.changeset/hip-weeks-fetch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -**fix(cli)**: 🚑 include missing build files for designsystemet bin diff --git a/.changeset/honest-roses-hunt.md b/.changeset/honest-roses-hunt.md deleted file mode 100644 index dba7cf0f53..0000000000 --- a/.changeset/honest-roses-hunt.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Box: Remove component diff --git a/.changeset/hot-chairs-drop.md b/.changeset/hot-chairs-drop.md deleted file mode 100644 index 9f758862d6..0000000000 --- a/.changeset/hot-chairs-drop.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Added migration for color tokens renaming. Run `designsystemet migrate css-renames-next48-to-next49 --glob "./**/*.css"` diff --git a/.changeset/hot-crews-perform.md b/.changeset/hot-crews-perform.md deleted file mode 100644 index e1d74370e5..0000000000 --- a/.changeset/hot-crews-perform.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Popover: Make sure arrow does not leave the popover diff --git a/.changeset/hot-ligers-rush.md b/.changeset/hot-ligers-rush.md deleted file mode 100644 index fbb1ef68c4..0000000000 --- a/.changeset/hot-ligers-rush.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch -"@digdir/designsystemet-theme": patch ---- - -Body/Paragraph -- Add body-xl token -- Add xl paragraph -- Remove ingress tokens diff --git a/.changeset/hot-weeks-tease.md b/.changeset/hot-weeks-tease.md deleted file mode 100644 index e461e0ff76..0000000000 --- a/.changeset/hot-weeks-tease.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Ingress: Remove component -- Use `Paragraph variant='long'` instead diff --git a/.changeset/hungry-moles-repeat.md b/.changeset/hungry-moles-repeat.md deleted file mode 100644 index 5fecfa119c..0000000000 --- a/.changeset/hungry-moles-repeat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": major ---- - -Switch: Use `label` prop instead of `children` to render label diff --git a/.changeset/itchy-walls-push.md b/.changeset/itchy-walls-push.md deleted file mode 100644 index 83d6085d36..0000000000 --- a/.changeset/itchy-walls-push.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Chip: avoid reassigning custom properties diff --git a/.changeset/kind-eyes-cheat.md b/.changeset/kind-eyes-cheat.md deleted file mode 100644 index 303d2c6086..0000000000 --- a/.changeset/kind-eyes-cheat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Modal: Fix `onClose` not being called diff --git a/.changeset/lazy-wolves-provide.md b/.changeset/lazy-wolves-provide.md deleted file mode 100644 index 28883e4141..0000000000 --- a/.changeset/lazy-wolves-provide.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -`tokens create` now writes by default diff --git a/.changeset/lemon-countries-smoke.md b/.changeset/lemon-countries-smoke.md deleted file mode 100644 index 6a846957e0..0000000000 --- a/.changeset/lemon-countries-smoke.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Heading: Fix `md` heading size diff --git a/.changeset/light-avocados-flow.md b/.changeset/light-avocados-flow.md deleted file mode 100644 index 33ff37dfe5..0000000000 --- a/.changeset/light-avocados-flow.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -**Button**: Make loading spinner scale accordion to button size diff --git a/.changeset/little-berries-divide.md b/.changeset/little-berries-divide.md deleted file mode 100644 index 3fc43940af..0000000000 --- a/.changeset/little-berries-divide.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -**ErrorSummary**: Add support for `asChild` diff --git a/.changeset/long-boxes-sniff.md b/.changeset/long-boxes-sniff.md deleted file mode 100644 index 8da333a73f..0000000000 --- a/.changeset/long-boxes-sniff.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Combobox: Make controlled input adhere to `inputValue` and send all change events diff --git a/.changeset/long-countries-check.md b/.changeset/long-countries-check.md deleted file mode 100644 index 190bfa7dce..0000000000 --- a/.changeset/long-countries-check.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Disable contrast color-scheme in tokens create script diff --git a/.changeset/long-stingrays-repeat.md b/.changeset/long-stingrays-repeat.md deleted file mode 100644 index baaca4b375..0000000000 --- a/.changeset/long-stingrays-repeat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Loosen default types for `data-color` and `data-size` to support accept `string` diff --git a/.changeset/long-taxis-tease.md b/.changeset/long-taxis-tease.md deleted file mode 100644 index 1f608a840c..0000000000 --- a/.changeset/long-taxis-tease.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Fix `ref` type on `useCheckboxGroup` and `useRadioGroup` diff --git a/.changeset/loud-bobcats-look.md b/.changeset/loud-bobcats-look.md deleted file mode 100644 index 889d9ab212..0000000000 --- a/.changeset/loud-bobcats-look.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Refactored `characterLimit` to `counter` and now use new `Field.Counter` sub-component diff --git a/.changeset/loud-dragons-build.md b/.changeset/loud-dragons-build.md deleted file mode 100644 index c684c84dfe..0000000000 --- a/.changeset/loud-dragons-build.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -CLI: `tokens build` command now generates a `colors.d.ts` file which enables type safety for the `data-color` attribute when included in your `tsconfig.json`. The `@digdir/designsystemet-theme` package has been updated to include types for those themes. diff --git a/.changeset/loud-tips-return.md b/.changeset/loud-tips-return.md deleted file mode 100644 index 274a661674..0000000000 --- a/.changeset/loud-tips-return.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Popover: -- Rename `` to `` -- use Popover API, allowing `` to be used without `Popover.Context` -- Remove `portal` prop diff --git a/.changeset/lovely-turtles-cheer.md b/.changeset/lovely-turtles-cheer.md deleted file mode 100644 index fcd4f4c8c1..0000000000 --- a/.changeset/lovely-turtles-cheer.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Tabs**: Add overflow-x scroll to tablist diff --git a/.changeset/many-cherries-look.md b/.changeset/many-cherries-look.md deleted file mode 100644 index 48cfcb5cbf..0000000000 --- a/.changeset/many-cherries-look.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet-css": minor ---- - -Removed CSS variables `--ds-spacing-*` & `--ds-sizing-*`, use `--ds-size-*`. diff --git a/.changeset/mean-ducks-argue.md b/.changeset/mean-ducks-argue.md deleted file mode 100644 index fa9ae2bd16..0000000000 --- a/.changeset/mean-ducks-argue.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Tooltip: Only expose background css variable diff --git a/.changeset/mean-jokes-jog.md b/.changeset/mean-jokes-jog.md deleted file mode 100644 index 37c6c4c58a..0000000000 --- a/.changeset/mean-jokes-jog.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Table**: Add margin-bottom to `caption` element diff --git a/.changeset/mean-penguins-sing.md b/.changeset/mean-penguins-sing.md deleted file mode 100644 index 06a87cf94d..0000000000 --- a/.changeset/mean-penguins-sing.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": minor ---- - -`data-color` prop now supports type safety based on the token structure which was used to generate the theme CSS. Instructions for enabling this has been added to the README. An optional `react-types.d.ts` has also been added, which adds type hints for `data-color` and `data-size` to all HTML elements. diff --git a/.changeset/mean-snails-visit.md b/.changeset/mean-snails-visit.md deleted file mode 100644 index 839e149211..0000000000 --- a/.changeset/mean-snails-visit.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -chip: Fix wrong font sizes diff --git a/.changeset/mean-starfishes-hear.md b/.changeset/mean-starfishes-hear.md deleted file mode 100644 index 86cb034b7f..0000000000 --- a/.changeset/mean-starfishes-hear.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Field: Don't show as disabled when option is disabled diff --git a/.changeset/metal-bananas-notice.md b/.changeset/metal-bananas-notice.md deleted file mode 100644 index 933209fd0b..0000000000 --- a/.changeset/metal-bananas-notice.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Switch: don't show check when not checked in readonly diff --git a/.changeset/metal-tomatoes-compete.md b/.changeset/metal-tomatoes-compete.md deleted file mode 100644 index 6139799c1e..0000000000 --- a/.changeset/metal-tomatoes-compete.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Card: -- Allow `Card` with content placed directly inside -- Replace `Card.Header`, `Card.Content` and `Card.Footer` with `Card.Block` -- Replace `isLink` with anchor-in-heading + `click` handler for better accessibility diff --git a/.changeset/mighty-buttons-yell.md b/.changeset/mighty-buttons-yell.md deleted file mode 100644 index 2e57921df9..0000000000 --- a/.changeset/mighty-buttons-yell.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Button: Fix SVG and images shrinking in flex containers diff --git a/.changeset/mighty-days-eat.md b/.changeset/mighty-days-eat.md deleted file mode 100644 index 728b66eba2..0000000000 --- a/.changeset/mighty-days-eat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet': patch ---- - -fix: Export correct types for color diff --git a/.changeset/modern-hats-destroy.md b/.changeset/modern-hats-destroy.md deleted file mode 100644 index c8bbd11704..0000000000 --- a/.changeset/modern-hats-destroy.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-theme": patch -"@digdir/designsystemet": patch -"@digdir/designsystemet-css": patch ---- - -Changed focus color to use neutral instead of accent color diff --git a/.changeset/nasty-ligers-reflect.md b/.changeset/nasty-ligers-reflect.md deleted file mode 100644 index 548f0eb32c..0000000000 --- a/.changeset/nasty-ligers-reflect.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-react": minor -"@digdir/designsystemet-theme": minor ---- - -Changed alias for type declaration exports - - React: export alias `./react-types.d.ts` was changed to `./react-types` - - Theme: added `types` field to default export in package.json, so now it should be posssible to use `"@digdir/designsystemet-theme"` diff --git a/.changeset/nasty-monkeys-care.md b/.changeset/nasty-monkeys-care.md deleted file mode 100644 index 5ffd2b88b7..0000000000 --- a/.changeset/nasty-monkeys-care.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Add whitelist for `type` diff --git a/.changeset/nasty-turtles-happen.md b/.changeset/nasty-turtles-happen.md deleted file mode 100644 index 6b10a1b02a..0000000000 --- a/.changeset/nasty-turtles-happen.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": major ---- - -Fieldset: Move to compound components `Fieldset.Legend` and `Fieldset.Description` diff --git a/.changeset/new-kangaroos-count.md b/.changeset/new-kangaroos-count.md deleted file mode 100644 index 55052774d1..0000000000 --- a/.changeset/new-kangaroos-count.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -fix: Use correct DOM property for Popover API when used in React 19 diff --git a/.changeset/nine-cameras-peel.md b/.changeset/nine-cameras-peel.md deleted file mode 100644 index 189341970a..0000000000 --- a/.changeset/nine-cameras-peel.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Modal: Remove `Modal.Header` and `Modal.Footer`, replace with `Modal.Block` diff --git a/.changeset/nine-countries-invent.md b/.changeset/nine-countries-invent.md deleted file mode 100644 index 022c44e479..0000000000 --- a/.changeset/nine-countries-invent.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -useRadioGroup: Add hook to easily control groups of `` components diff --git a/.changeset/ninety-cobras-juggle.md b/.changeset/ninety-cobras-juggle.md deleted file mode 100644 index 313282eb55..0000000000 --- a/.changeset/ninety-cobras-juggle.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Table**: Use `border-top` in `tbody` ensure prettier tables when no `thead` diff --git a/.changeset/ninety-horses-juggle.md b/.changeset/ninety-horses-juggle.md deleted file mode 100644 index 50619ead29..0000000000 --- a/.changeset/ninety-horses-juggle.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -useCheckboxGroup: Add hook to easily control groups of `` components diff --git a/.changeset/ninety-jeans-punch.md b/.changeset/ninety-jeans-punch.md deleted file mode 100644 index 36fd8b1f5d..0000000000 --- a/.changeset/ninety-jeans-punch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -React: Set `"type": "module"` in `package.json` diff --git a/.changeset/odd-eyes-grow.md b/.changeset/odd-eyes-grow.md deleted file mode 100644 index 00223e5e0c..0000000000 --- a/.changeset/odd-eyes-grow.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": minor ---- - -Upgrade to React 19 and other related dependencies diff --git a/.changeset/odd-hornets-sleep.md b/.changeset/odd-hornets-sleep.md deleted file mode 100644 index 082f9b9408..0000000000 --- a/.changeset/odd-hornets-sleep.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Select: Rename from `NativeSelect` diff --git a/.changeset/odd-oranges-yell.md b/.changeset/odd-oranges-yell.md deleted file mode 100644 index b988aaa855..0000000000 --- a/.changeset/odd-oranges-yell.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": minor -"@digdir/designsystemet-react": minor ---- - -ValidationMessage: Add support for all severity colors and tweak icons diff --git a/.changeset/old-jeans-ring.md b/.changeset/old-jeans-ring.md deleted file mode 100644 index facac4edf2..0000000000 --- a/.changeset/old-jeans-ring.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Export all utilities diff --git a/.changeset/old-melons-stare.md b/.changeset/old-melons-stare.md deleted file mode 100644 index 9266526fd9..0000000000 --- a/.changeset/old-melons-stare.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Table: add `z-index` to stickhy header diff --git a/.changeset/old-sheep-dress.md b/.changeset/old-sheep-dress.md deleted file mode 100644 index f7b1100b09..0000000000 --- a/.changeset/old-sheep-dress.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Modal: Expose native close event object to onClose callback diff --git a/.changeset/olive-tools-cry.md b/.changeset/olive-tools-cry.md deleted file mode 100644 index 4a5375f48a..0000000000 --- a/.changeset/olive-tools-cry.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch - ---- - -Tooltip: Add more variables diff --git a/.changeset/olive-waves-build.md b/.changeset/olive-waves-build.md deleted file mode 100644 index 189df40863..0000000000 --- a/.changeset/olive-waves-build.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Now works as expected with `data-size` diff --git a/.changeset/olive-windows-share.md b/.changeset/olive-windows-share.md deleted file mode 100644 index d4d7685b77..0000000000 --- a/.changeset/olive-windows-share.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet": patch -"@digdir/designsystemet-theme": patch ---- - -Rename `data-ds-typography` to `data-typography` diff --git a/.changeset/orange-months-listen.md b/.changeset/orange-months-listen.md deleted file mode 100644 index 8813fe7a99..0000000000 --- a/.changeset/orange-months-listen.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Button: Use font-weight `--ds-font-weight-medium` diff --git a/.changeset/plenty-parents-rest.md b/.changeset/plenty-parents-rest.md deleted file mode 100644 index f35296cae3..0000000000 --- a/.changeset/plenty-parents-rest.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Rename `ErrorMessage` to `ValidationMessage` diff --git a/.changeset/plenty-singers-matter.md b/.changeset/plenty-singers-matter.md deleted file mode 100644 index 68211250fe..0000000000 --- a/.changeset/plenty-singers-matter.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Field: Adds `` component wrapping and connecting internal form elements for better accessibility diff --git a/.changeset/plenty-vans-sneeze.md b/.changeset/plenty-vans-sneeze.md deleted file mode 100644 index 09bbee853c..0000000000 --- a/.changeset/plenty-vans-sneeze.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -AccordionHeading: Correct name on types diff --git a/.changeset/poor-roses-film.md b/.changeset/poor-roses-film.md deleted file mode 100644 index 7f05d37e05..0000000000 --- a/.changeset/poor-roses-film.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Field: Fix `position` not working diff --git a/.changeset/poor-toes-return.md b/.changeset/poor-toes-return.md deleted file mode 100644 index ad1e4ad302..0000000000 --- a/.changeset/poor-toes-return.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Renamed color step `contrast-1` to `16` diff --git a/.changeset/poor-tools-brush.md b/.changeset/poor-tools-brush.md deleted file mode 100644 index 14eeb9af12..0000000000 --- a/.changeset/poor-tools-brush.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": minor ---- - -Disallow arbitrary strings for data-size, and only allow arbitrary strings for data-color if generated color types haven't been added to the downstream TypeScript environment. This fixes missing controls for data-size and data-color in the Storybook docs. diff --git a/.changeset/popular-bugs-shout.md b/.changeset/popular-bugs-shout.md deleted file mode 100644 index 69829b7bac..0000000000 --- a/.changeset/popular-bugs-shout.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Table**: Now inherits `data-color` by default diff --git a/.changeset/popular-jeans-happen.md b/.changeset/popular-jeans-happen.md deleted file mode 100644 index c591e323ee..0000000000 --- a/.changeset/popular-jeans-happen.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Added `multiline` for switching between `input` and `textarea` diff --git a/.changeset/popular-parrots-begin.md b/.changeset/popular-parrots-begin.md deleted file mode 100644 index 3e6de1becd..0000000000 --- a/.changeset/popular-parrots-begin.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Fixes issue where all React prop types were inlined instead of referenced diff --git a/.changeset/popular-tools-impress.md b/.changeset/popular-tools-impress.md deleted file mode 100644 index c0bca17180..0000000000 --- a/.changeset/popular-tools-impress.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": minor ---- - -**Checkbox**: Rename `validation` to `error` diff --git a/.changeset/pre.json b/.changeset/pre.json deleted file mode 100644 index 5078b42aa5..0000000000 --- a/.changeset/pre.json +++ /dev/null @@ -1,287 +0,0 @@ -{ - "mode": "exit", - "tag": "next", - "initialVersions": { - "@repo/components": "0.0.0", - "dev": "0.1.0", - "storefront": "0.1.0", - "theme": "0.1.0", - "@digdir/designsystemet": "0.1.0-alpha.19", - "@digdir/designsystemet-css": "0.11.0-alpha.9", - "@digdir/designsystemet-react": "1.0.0-rc.13", - "@digdir/designsystemet-theme": "1.0.0-rc.13", - "figma-plugin": "0.1.0", - "@designsystemet/storybook": "0.1.0" - }, - "changesets": [ - "angry-planes-thank", - "beige-eggs-sip", - "beige-grapes-report", - "blue-rocks-pull", - "blue-singers-switch", - "blue-stingrays-heal", - "brave-months-shop", - "brave-months-sleep", - "breezy-actors-raise", - "bright-eyes-beam", - "bright-knives-remain", - "brown-walls-smell", - "calm-hairs-pull", - "chatty-cheetahs-fetch", - "chatty-items-sell", - "chilled-badgers-jog", - "chilled-icons-chew", - "chilled-pumas-march", - "chilled-ravens-rush", - "chilled-terms-look", - "chilly-walls-hunt", - "clean-insects-move", - "clean-lizards-chew", - "clever-cobras-rescue", - "clever-files-fix", - "cold-seals-draw", - "cool-lamps-drive", - "curvy-oranges-notice", - "cyan-adults-roll", - "cyan-bears-brush", - "dull-buttons-argue", - "eight-dancers-deliver", - "eight-grapes-flash", - "eighty-cougars-relax", - "eighty-cougars-think", - "eleven-apples-clean", - "eleven-bags-shop", - "eleven-experts-raise", - "eleven-peaches-agree", - "eleven-rings-travel", - "empty-pears-hide", - "empty-singers-yell", - "fair-beds-destroy", - "fair-gorillas-pay", - "famous-coins-fly", - "famous-pillows-cheat", - "fast-cows-impress", - "fast-cows-march", - "fast-months-compare", - "fast-toys-explain", - "few-brooms-confess", - "few-brooms-draw", - "few-plums-drum", - "few-squids-speak", - "fifty-buses-beam", - "fifty-hornets-hang", - "five-apricots-scream", - "five-mails-pull", - "five-pens-accept", - "five-turkeys-confess", - "flat-experts-drop", - "fluffy-coins-run", - "fluffy-moose-swim", - "fluffy-pears-pull", - "four-crabs-chew", - "four-jokes-lick", - "four-pears-tie", - "four-schools-wait", - "fresh-planes-complain", - "friendly-cups-kiss", - "friendly-goats-fix", - "friendly-hotels-behave", - "friendly-islands-punch", - "funny-boxes-remember", - "funny-peaches-lie", - "fuzzy-needles-explode", - "fuzzy-shrimps-hang", - "fuzzy-snails-arrive", - "gold-chairs-jog", - "gold-lemons-fry", - "gorgeous-geese-boil", - "gorgeous-lizards-begin", - "gorgeous-readers-burn", - "gorgeous-rockets-jam", - "gorgeous-shrimps-crash", - "great-cameras-check", - "green-plums-scream", - "grumpy-pianos-lick", - "happy-clocks-promise", - "happy-hounds-tie", - "happy-worms-applaud", - "healthy-apples-explode", - "healthy-fishes-brush", - "healthy-monkeys-repair", - "heavy-rabbits-boil", - "hip-beans-walk", - "hip-brooms-brush", - "hip-masks-greet", - "hip-papayas-decide", - "hip-schools-greet", - "hip-weeks-fetch", - "honest-roses-hunt", - "hot-chairs-drop", - "hot-crews-perform", - "hot-ligers-rush", - "hot-weeks-tease", - "hungry-moles-repeat", - "itchy-walls-push", - "kind-eyes-cheat", - "lazy-wolves-provide", - "lemon-countries-smoke", - "light-avocados-flow", - "little-berries-divide", - "long-boxes-sniff", - "long-countries-check", - "long-stingrays-repeat", - "long-taxis-tease", - "loud-bobcats-look", - "loud-dragons-build", - "loud-tips-return", - "lovely-turtles-cheer", - "many-cherries-look", - "mean-ducks-argue", - "mean-jokes-jog", - "mean-penguins-sing", - "mean-snails-visit", - "mean-starfishes-hear", - "metal-bananas-notice", - "metal-tomatoes-compete", - "mighty-buttons-yell", - "mighty-days-eat", - "modern-hats-destroy", - "nasty-ligers-reflect", - "nasty-monkeys-care", - "nasty-turtles-happen", - "new-kangaroos-count", - "nine-cameras-peel", - "nine-countries-invent", - "ninety-cobras-juggle", - "ninety-horses-juggle", - "ninety-jeans-punch", - "odd-eyes-grow", - "odd-hornets-sleep", - "odd-oranges-yell", - "old-jeans-ring", - "old-melons-stare", - "old-sheep-dress", - "olive-tools-cry", - "olive-waves-build", - "olive-windows-share", - "orange-months-listen", - "plenty-parents-rest", - "plenty-singers-matter", - "plenty-vans-sneeze", - "poor-roses-film", - "poor-toes-return", - "poor-tools-brush", - "popular-bugs-shout", - "popular-jeans-happen", - "popular-parrots-begin", - "popular-tools-impress", - "pretty-dancers-taste", - "proud-dogs-ring", - "proud-walls-flash", - "purple-berries-repeat", - "purple-pianos-melt", - "quick-ladybugs-marry", - "quiet-mangos-cry", - "quiet-rings-heal", - "rare-bats-laugh", - "real-zoos-fail", - "red-chefs-refuse", - "red-eagles-give", - "red-gorillas-argue", - "red-queens-love", - "rich-carrots-deny", - "rich-lizards-whisper", - "rotten-badgers-jump", - "rotten-tomatoes-run", - "rotten-zoos-live", - "rude-lies-smile", - "selfish-meals-pump", - "serious-ears-tan", - "serious-frogs-rescue", - "serious-readers-marry", - "seven-ladybugs-admire", - "seven-tips-rest", - "shaggy-bears-tan", - "shaggy-rockets-repair", - "sharp-humans-itch", - "shiny-dryers-count", - "shiny-ears-enjoy", - "shiny-kiwis-switch", - "shiny-pans-film", - "short-kiwis-turn", - "short-ravens-pretend", - "short-walls-judge", - "shy-cameras-approve", - "shy-yaks-leave", - "silly-flowers-decide", - "silver-penguins-occur", - "six-carrots-guess", - "six-sheep-hunt", - "six-trees-tie", - "slimy-bees-arrive", - "slimy-buttons-train", - "slow-impalas-vanish", - "slow-maps-teach", - "slow-news-act", - "small-houses-stare", - "small-queens-breathe", - "small-seahorses-add", - "smooth-hats-swim", - "smooth-radios-leave", - "smooth-wombats-grab", - "sour-frogs-arrive", - "spotty-ants-tickle", - "spotty-oranges-guess", - "spotty-pumas-cross", - "stale-flowers-count", - "stale-tables-eat", - "strange-feet-check", - "strange-jars-compete", - "strange-ligers-search", - "strange-ties-burn", - "strong-flowers-ring", - "strong-ghosts-marry", - "stupid-tables-applaud", - "sweet-dolphins-hang", - "sweet-zebras-learn", - "swift-forks-drop", - "tall-guests-arrive", - "tame-rats-mix", - "tasty-phones-invite", - "ten-mirrors-pretend", - "ten-wolves-yawn", - "tender-grapes-refuse", - "tender-ties-swim", - "thin-icons-pay", - "three-carrots-hammer", - "three-dingos-unite", - "three-ducks-chew", - "three-humans-poke", - "three-moles-attack", - "tidy-balloons-rule", - "tidy-cheetahs-cry", - "tricky-ghosts-flow", - "tricky-islands-jam", - "twelve-onions-laugh", - "twelve-paws-jog", - "twenty-cheetahs-leave", - "two-spoons-glow", - "unlucky-hairs-sit", - "violet-paws-begin", - "violet-steaks-repeat", - "weak-keys-tap", - "wet-scissors-tickle", - "wet-spies-tan", - "wicked-balloons-juggle", - "wicked-plants-eat", - "wicked-pots-allow", - "wise-cooks-compare", - "wise-countries-double", - "witty-clouds-judge", - "witty-moons-sleep", - "witty-moose-scream", - "yellow-days-talk", - "yellow-zoos-camp", - "young-bikes-try" - ] -} diff --git a/.changeset/pretty-dancers-taste.md b/.changeset/pretty-dancers-taste.md deleted file mode 100644 index ed2f012c7b..0000000000 --- a/.changeset/pretty-dancers-taste.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Table: Set sort button type to prevent form submit diff --git a/.changeset/proud-dogs-ring.md b/.changeset/proud-dogs-ring.md deleted file mode 100644 index 0c7eb44eb6..0000000000 --- a/.changeset/proud-dogs-ring.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Breadcrumbs:** Prevent shrinking chevron diff --git a/.changeset/proud-walls-flash.md b/.changeset/proud-walls-flash.md deleted file mode 100644 index ab31bf63fe..0000000000 --- a/.changeset/proud-walls-flash.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -DropdownMenu: -- Rename from `DropdownMenu` to `Dropdown` -- Change API and structure -- Rename `.Root` to `.Context` -- Rename `.Content` to `Dropdown` diff --git a/.changeset/purple-berries-repeat.md b/.changeset/purple-berries-repeat.md deleted file mode 100644 index d94fb95d02..0000000000 --- a/.changeset/purple-berries-repeat.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Tabs: css changes diff --git a/.changeset/purple-pianos-melt.md b/.changeset/purple-pianos-melt.md deleted file mode 100644 index 3c072f60b1..0000000000 --- a/.changeset/purple-pianos-melt.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Rename to `Modal` to `Dialog` diff --git a/.changeset/quick-ladybugs-marry.md b/.changeset/quick-ladybugs-marry.md deleted file mode 100644 index 88dcd82109..0000000000 --- a/.changeset/quick-ladybugs-marry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Removed predefined `accent` variables added during `tokens build`. Use `data-color` or generated named color variables instead. diff --git a/.changeset/quiet-mangos-cry.md b/.changeset/quiet-mangos-cry.md deleted file mode 100644 index c4fca8e3e0..0000000000 --- a/.changeset/quiet-mangos-cry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Divider: hide from screen readers diff --git a/.changeset/quiet-rings-heal.md b/.changeset/quiet-rings-heal.md deleted file mode 100644 index b7696ceeff..0000000000 --- a/.changeset/quiet-rings-heal.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Tooltip: Be able to send `string` as children diff --git a/.changeset/rare-bats-laugh.md b/.changeset/rare-bats-laugh.md deleted file mode 100644 index 589544c9a3..0000000000 --- a/.changeset/rare-bats-laugh.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Reduced `font-size` scale by one, from 11 to 10. All sizes above and including `font-size-2` have shifted down size by one diff --git a/.changeset/real-zoos-fail.md b/.changeset/real-zoos-fail.md deleted file mode 100644 index d4533224ce..0000000000 --- a/.changeset/real-zoos-fail.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Removed `hideLabel`, use `aria-label` or `aria-describedby` for "hidden" labels diff --git a/.changeset/red-chefs-refuse.md b/.changeset/red-chefs-refuse.md deleted file mode 100644 index 67df321729..0000000000 --- a/.changeset/red-chefs-refuse.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Tooltip: Use popover API -- Removes `delay`, this is now `--dsc-tooltip-transition-delay` -- Removes `defaultOpen` -- Removes `portal` -- Removes ability to hover to keep open diff --git a/.changeset/red-eagles-give.md b/.changeset/red-eagles-give.md deleted file mode 100644 index 0afda4b25d..0000000000 --- a/.changeset/red-eagles-give.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Added new step to color scale, now with a total of 16 diff --git a/.changeset/red-gorillas-argue.md b/.changeset/red-gorillas-argue.md deleted file mode 100644 index 8ef9ee9c9e..0000000000 --- a/.changeset/red-gorillas-argue.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Tabs: Content will get focus when it has no focusable elements diff --git a/.changeset/red-queens-love.md b/.changeset/red-queens-love.md deleted file mode 100644 index ec7371d1e1..0000000000 --- a/.changeset/red-queens-love.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -ToggleGroup: Rename ToggleGroup.Root to ToggleGroup diff --git a/.changeset/rich-carrots-deny.md b/.changeset/rich-carrots-deny.md deleted file mode 100644 index 52a5716b18..0000000000 --- a/.changeset/rich-carrots-deny.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Heading: default level is now 2 diff --git a/.changeset/rich-lizards-whisper.md b/.changeset/rich-lizards-whisper.md deleted file mode 100644 index 9590d53af7..0000000000 --- a/.changeset/rich-lizards-whisper.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -`typography` and `borderRadius` are now optional in config file diff --git a/.changeset/rotten-badgers-jump.md b/.changeset/rotten-badgers-jump.md deleted file mode 100644 index c549cb583e..0000000000 --- a/.changeset/rotten-badgers-jump.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Tag**: Set `height` in case it is used in `display: flex` diff --git a/.changeset/rotten-tomatoes-run.md b/.changeset/rotten-tomatoes-run.md deleted file mode 100644 index 176c1e9532..0000000000 --- a/.changeset/rotten-tomatoes-run.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": minor ---- - -New CSS variables for sizes, `--ds-size-*` diff --git a/.changeset/rotten-zoos-live.md b/.changeset/rotten-zoos-live.md deleted file mode 100644 index 46aa063a17..0000000000 --- a/.changeset/rotten-zoos-live.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Removed `init` command. Use `tokens create` instead. diff --git a/.changeset/rude-lies-smile.md b/.changeset/rude-lies-smile.md deleted file mode 100644 index f364df65bf..0000000000 --- a/.changeset/rude-lies-smile.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -"@digdir/designsystemet-react": major -"@digdir/designsystemet-css": minor -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -React components and css now support custom colors through the `data-color` attribute. - -**BREAKING CHANGE**: All React components that had a `color` prop have been changed to use `data-color`. - -All1 css targeting `data-color` has been changed to work with all custom colors generated by the CLI. - -`Avatar`, `Badge`, `Button`, and `Link` use `--ds-color-accent-*`2, unless `data-color` is set directly on the element. - -For components that had a `color` prop, but defaulted to something other than `"accent"`, `data-color` must also be set directly on the element. - -All other components that defaulted to `"accent"`, or previously only existed in `"accent"` color, now support `data-color`. They will also inherit their color from the closest `data-color` attribute. If none is found, they use `--ds-color-accent-*`2. - -1: ...except `Alert`, which only supports `info`, `warning`, `danger` and `success` colors. -2: If an `"accent"` color is not defined in the theme, the `--ds-color-accent-*` variables will point to the first `main-color`. diff --git a/.changeset/selfish-meals-pump.md b/.changeset/selfish-meals-pump.md deleted file mode 100644 index 3023c47c75..0000000000 --- a/.changeset/selfish-meals-pump.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": major ---- - -Input+Select: Use native HTML `size` prop instead of `htmlSize` diff --git a/.changeset/serious-ears-tan.md b/.changeset/serious-ears-tan.md deleted file mode 100644 index 262ecc247c..0000000000 --- a/.changeset/serious-ears-tan.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Table**: Added component token `--dsc-table-divider-border-color` diff --git a/.changeset/serious-frogs-rescue.md b/.changeset/serious-frogs-rescue.md deleted file mode 100644 index ecd73414df..0000000000 --- a/.changeset/serious-frogs-rescue.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet': minor ---- - -New create tokens script with color options support diff --git a/.changeset/serious-readers-marry.md b/.changeset/serious-readers-marry.md deleted file mode 100644 index bdd5c00e5e..0000000000 --- a/.changeset/serious-readers-marry.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Dialog: -- Add missing `overflow: auto` -- Position with `transform` for easier `translate` animation diff --git a/.changeset/seven-ladybugs-admire.md b/.changeset/seven-ladybugs-admire.md deleted file mode 100644 index a46b621401..0000000000 --- a/.changeset/seven-ladybugs-admire.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Badge: Only use single DOM element for rendering diff --git a/.changeset/seven-tips-rest.md b/.changeset/seven-tips-rest.md deleted file mode 100644 index 7c8a5d9168..0000000000 --- a/.changeset/seven-tips-rest.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Avatar: Fix `aria-hidden` being wrongly added to a fragment diff --git a/.changeset/shaggy-bears-tan.md b/.changeset/shaggy-bears-tan.md deleted file mode 100644 index 96475a3e4a..0000000000 --- a/.changeset/shaggy-bears-tan.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Modal: remove `FloatingFocusManager` diff --git a/.changeset/shaggy-rockets-repair.md b/.changeset/shaggy-rockets-repair.md deleted file mode 100644 index 09dcb6f27f..0000000000 --- a/.changeset/shaggy-rockets-repair.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Select: -- Add Select.Option and Select.Optgroup compond components -- Remove `multiple` prop diff --git a/.changeset/sharp-humans-itch.md b/.changeset/sharp-humans-itch.md deleted file mode 100644 index 4b07c3a5f0..0000000000 --- a/.changeset/sharp-humans-itch.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-react": major -"@digdir/designsystemet-theme": major -"@digdir/designsystemet-css": major -"@digdir/designsystemet": minor ---- - -**BREAKING CHANGE**: The attribute / prop `data-ds-color-mode` has been renamed to `data-color-scheme` diff --git a/.changeset/shiny-dryers-count.md b/.changeset/shiny-dryers-count.md deleted file mode 100644 index 727a9af1e1..0000000000 --- a/.changeset/shiny-dryers-count.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-css": major -"@digdir/designsystemet-react": major ---- - -Radio + Checkbox: -- Use `label` prop instead of `children` as label text -- Remove `Radio.Group` and `Checkbox.Group` and use `Fieldset` instead diff --git a/.changeset/shiny-ears-enjoy.md b/.changeset/shiny-ears-enjoy.md deleted file mode 100644 index 1b8cd31bef..0000000000 --- a/.changeset/shiny-ears-enjoy.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -Rename config option from `--json` to `--config` diff --git a/.changeset/shiny-kiwis-switch.md b/.changeset/shiny-kiwis-switch.md deleted file mode 100644 index cfeaab5022..0000000000 --- a/.changeset/shiny-kiwis-switch.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet-react': patch ---- - -Badge: Export component diff --git a/.changeset/shiny-pans-film.md b/.changeset/shiny-pans-film.md deleted file mode 100644 index a5077a8941..0000000000 --- a/.changeset/shiny-pans-film.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -PopoverTrigger: New prop `inline` for use when inline elements (such as text) need a `Popover` diff --git a/.changeset/short-kiwis-turn.md b/.changeset/short-kiwis-turn.md deleted file mode 100644 index 6b6c201162..0000000000 --- a/.changeset/short-kiwis-turn.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet": patch -"@digdir/designsystemet-theme": patch ---- - -chore: Reset `data-color` to degfault color when setting `data-color-scheme` diff --git a/.changeset/short-ravens-pretend.md b/.changeset/short-ravens-pretend.md deleted file mode 100644 index 3b89d6dfd1..0000000000 --- a/.changeset/short-ravens-pretend.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": patch -"@digdir/designsystemet": patch ---- - -Increased the luminance of the Surface Tinted color in light mode and made Surface Tinted stand out more against Surface Default in dark mode. diff --git a/.changeset/short-walls-judge.md b/.changeset/short-walls-judge.md deleted file mode 100644 index 5cb3b0ade0..0000000000 --- a/.changeset/short-walls-judge.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -feat(Combobox): :sparkles: Label now supports other elements diff --git a/.changeset/shy-cameras-approve.md b/.changeset/shy-cameras-approve.md deleted file mode 100644 index 2cd77f78aa..0000000000 --- a/.changeset/shy-cameras-approve.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Chip: Use correct `32px` height to align nicely with `` diff --git a/.changeset/shy-yaks-leave.md b/.changeset/shy-yaks-leave.md deleted file mode 100644 index 471aa8a2ab..0000000000 --- a/.changeset/shy-yaks-leave.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -bump version diff --git a/.changeset/silly-flowers-decide.md b/.changeset/silly-flowers-decide.md deleted file mode 100644 index 223395f96b..0000000000 --- a/.changeset/silly-flowers-decide.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -`ds-input` will now by default fill width. diff --git a/.changeset/silver-penguins-occur.md b/.changeset/silver-penguins-occur.md deleted file mode 100644 index c86bc3f3d9..0000000000 --- a/.changeset/silver-penguins-occur.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-react": patch -"@digdir/designsystemet-css": patch ---- - -Rename `Accordion` to `Details` diff --git a/.changeset/six-carrots-guess.md b/.changeset/six-carrots-guess.md deleted file mode 100644 index e6ed28e647..0000000000 --- a/.changeset/six-carrots-guess.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -SkipLink: Remove ds-sr-only class diff --git a/.changeset/six-sheep-hunt.md b/.changeset/six-sheep-hunt.md deleted file mode 100644 index 14e8d0b85b..0000000000 --- a/.changeset/six-sheep-hunt.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Changed order for semantic color tokens in design-tokens diff --git a/.changeset/six-trees-tie.md b/.changeset/six-trees-tie.md deleted file mode 100644 index 3bc859c0b5..0000000000 --- a/.changeset/six-trees-tie.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Skeleton: Replace Skeleton.Text, Skeleton.Circle and Skeleton.Rectangle with diff --git a/.changeset/slimy-bees-arrive.md b/.changeset/slimy-bees-arrive.md deleted file mode 100644 index cc1d78e686..0000000000 --- a/.changeset/slimy-bees-arrive.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@digdir/designsystemet-react': patch -'@digdir/designsystemet-css': patch ---- - -Accordion: Now uses details and summary HTML elements diff --git a/.changeset/slimy-buttons-train.md b/.changeset/slimy-buttons-train.md deleted file mode 100644 index 06e0a25d73..0000000000 --- a/.changeset/slimy-buttons-train.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet-css': patch ---- - -Combobox: fix overflow on screens narrower than ~340px diff --git a/.changeset/slow-impalas-vanish.md b/.changeset/slow-impalas-vanish.md deleted file mode 100644 index b01f7f3776..0000000000 --- a/.changeset/slow-impalas-vanish.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Label: Fix icon abandoning parent in scroll container diff --git a/.changeset/slow-maps-teach.md b/.changeset/slow-maps-teach.md deleted file mode 100644 index c97eb8d03f..0000000000 --- a/.changeset/slow-maps-teach.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -**Popover**: Add `data-variant="default/tinted"`, `default` is default diff --git a/.changeset/slow-news-act.md b/.changeset/slow-news-act.md deleted file mode 100644 index 360ddb79dd..0000000000 --- a/.changeset/slow-news-act.md +++ /dev/null @@ -1,26 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -CSS variables: `--ds-color-*-{1,2,...,13,contrast-1,contrast-2}`, which were generated from the `primitives` layer of design tokens, have been removed since they are always 1-to-1 with the semantic layer. Use the equivalent variables from the semantic layer instead - -Example, for the `neutral` scale: -```css - var(--ds-color-neutral-background-default); /* instead of: var(--ds-color-neutral-1) */ - var(--ds-color-neutral-background-subtle); /* instead of: var(--ds-color-neutral-2) */ - var(--ds-color-neutral-surface-default); /* instead of: var(--ds-color-neutral-3) */ - var(--ds-color-neutral-surface-hover); /* instead of: var(--ds-color-neutral-4) */ - var(--ds-color-neutral-surface-active); /* instead of: var(--ds-color-neutral-5) */ - var(--ds-color-neutral-border-subtle); /* instead of: var(--ds-color-neutral-6) */ - var(--ds-color-neutral-border-default); /* instead of: var(--ds-color-neutral-7) */ - var(--ds-color-neutral-border-strong); /* instead of: var(--ds-color-neutral-8) */ - var(--ds-color-neutral-base-default); /* instead of: var(--ds-color-neutral-9) */ - var(--ds-color-neutral-base-hover); /* instead of: var(--ds-color-neutral-10) */ - var(--ds-color-neutral-base-active); /* instead of: var(--ds-color-neutral-11) */ - var(--ds-color-neutral-text-subtle); /* instead of: var(--ds-color-neutral-12) */ - var(--ds-color-neutral-text-default); /* instead of: var(--ds-color-neutral-13) */ - var(--ds-color-neutral-contrast-default); /* instead of: var(--ds-color-neutral-contrast-1) */ - var(--ds-color-neutral-contrast-subtle); /* instead of: var(--ds-color-neutral-contrast-2) */ -``` -...and similarly for `accent`, `brand1`, `brand2` and `brand3`. diff --git a/.changeset/small-houses-stare.md b/.changeset/small-houses-stare.md deleted file mode 100644 index 903a3f3d8d..0000000000 --- a/.changeset/small-houses-stare.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": patch -"@digdir/designsystemet": patch ---- - -Update global colors diff --git a/.changeset/small-queens-breathe.md b/.changeset/small-queens-breathe.md deleted file mode 100644 index 739f242e0d..0000000000 --- a/.changeset/small-queens-breathe.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Spinner: Style using data attributes diff --git a/.changeset/small-seahorses-add.md b/.changeset/small-seahorses-add.md deleted file mode 100644 index e1c4d97c11..0000000000 --- a/.changeset/small-seahorses-add.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-theme": patch ---- - -Tweaked color codes. Visually remains the same diff --git a/.changeset/smooth-hats-swim.md b/.changeset/smooth-hats-swim.md deleted file mode 100644 index 27483ae43f..0000000000 --- a/.changeset/smooth-hats-swim.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Suggestion**: Add chevron to empty input diff --git a/.changeset/smooth-radios-leave.md b/.changeset/smooth-radios-leave.md deleted file mode 100644 index 742c987187..0000000000 --- a/.changeset/smooth-radios-leave.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Label: Use data attributes for styling - -ValidationMessage: Use data attributes for styling diff --git a/.changeset/smooth-wombats-grab.md b/.changeset/smooth-wombats-grab.md deleted file mode 100644 index cfebabb6a0..0000000000 --- a/.changeset/smooth-wombats-grab.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Select + Textarea: -- Remove `label`, `hideLabel`, `description`, `characterLimit` and `error` as these will be part of `Field` API diff --git a/.changeset/sour-frogs-arrive.md b/.changeset/sour-frogs-arrive.md deleted file mode 100644 index 50116e9eda..0000000000 --- a/.changeset/sour-frogs-arrive.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Changed `warning` colors to use global `orange` diff --git a/.changeset/spotty-ants-tickle.md b/.changeset/spotty-ants-tickle.md deleted file mode 100644 index ae6452c1ff..0000000000 --- a/.changeset/spotty-ants-tickle.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Renamed color step `contrast-2` to `15` diff --git a/.changeset/spotty-oranges-guess.md b/.changeset/spotty-oranges-guess.md deleted file mode 100644 index 1415032986..0000000000 --- a/.changeset/spotty-oranges-guess.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Avatar: new component diff --git a/.changeset/spotty-pumas-cross.md b/.changeset/spotty-pumas-cross.md deleted file mode 100644 index 51c84a51e1..0000000000 --- a/.changeset/spotty-pumas-cross.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": minor ---- - -Breadcrumbs: ✨ new component diff --git a/.changeset/stale-flowers-count.md b/.changeset/stale-flowers-count.md deleted file mode 100644 index 1692dceb4f..0000000000 --- a/.changeset/stale-flowers-count.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Table**: Use correct background color variables on th diff --git a/.changeset/stale-tables-eat.md b/.changeset/stale-tables-eat.md deleted file mode 100644 index ffca676b55..0000000000 --- a/.changeset/stale-tables-eat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -CLI now supports creating themes with 1 or more "main" colors, a neutral color, and 1 or more "support" colors. The "main" and "support" colors can have arbitrary names. There can not be more than 4 colors of each category unless you're using Figma on the Enterprise plan, due to plan-based restrictions on the number of variable modes per collection. diff --git a/.changeset/strange-feet-check.md b/.changeset/strange-feet-check.md deleted file mode 100644 index 7c01b4b705..0000000000 --- a/.changeset/strange-feet-check.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor -"@digdir/designsystemet-css": minor ---- - -Moved typography based sizing formula to design-tokens diff --git a/.changeset/strange-jars-compete.md b/.changeset/strange-jars-compete.md deleted file mode 100644 index e27c13cad3..0000000000 --- a/.changeset/strange-jars-compete.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Pagination: Add css variable for chevron diff --git a/.changeset/strange-ligers-search.md b/.changeset/strange-ligers-search.md deleted file mode 100644 index 527520f5be..0000000000 --- a/.changeset/strange-ligers-search.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Added styling for Windows High Contrast mode and [forced-colors](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors) diff --git a/.changeset/strange-ties-burn.md b/.changeset/strange-ties-burn.md deleted file mode 100644 index 7bc02dd0f0..0000000000 --- a/.changeset/strange-ties-burn.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -**Feat**: New `clean` option for cleaning `outDir` before `tokens create/build` diff --git a/.changeset/strong-flowers-ring.md b/.changeset/strong-flowers-ring.md deleted file mode 100644 index 1683f7d351..0000000000 --- a/.changeset/strong-flowers-ring.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'@digdir/designsystemet': minor ---- - -Fix crash when running CLI command `tokens build`: -- add --verbose option to `tokens build` for easier debugging -- `tokens build` crashed when run on result of `tokens create` - -Update tokens template used by CLI command `tokens create` -- removes `ingress`, renames `paragraph` to `body`, and adds `xl` size diff --git a/.changeset/strong-ghosts-marry.md b/.changeset/strong-ghosts-marry.md deleted file mode 100644 index dcd11341dd..0000000000 --- a/.changeset/strong-ghosts-marry.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Paragraph: Add css classes and style with data attributes diff --git a/.changeset/stupid-tables-applaud.md b/.changeset/stupid-tables-applaud.md deleted file mode 100644 index 5f2f34c509..0000000000 --- a/.changeset/stupid-tables-applaud.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Tag: Make neutral default color in CSS diff --git a/.changeset/sweet-dolphins-hang.md b/.changeset/sweet-dolphins-hang.md deleted file mode 100644 index 85e9ed9a00..0000000000 --- a/.changeset/sweet-dolphins-hang.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Field.Affix: -- Rename `Field.AffixWrapper` to `Field.Affixes` -- Support inputs with `size` attribute diff --git a/.changeset/sweet-zebras-learn.md b/.changeset/sweet-zebras-learn.md deleted file mode 100644 index 8b2d891b93..0000000000 --- a/.changeset/sweet-zebras-learn.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -**Badge**: Add `data-variant="base/tinted"`, `base` is default diff --git a/.changeset/swift-forks-drop.md b/.changeset/swift-forks-drop.md deleted file mode 100644 index e429584679..0000000000 --- a/.changeset/swift-forks-drop.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Breadcrumbs: Rename `Breadcrumbs.Root` to `Breadcrumbs` and remove `Breadcrumbs.Nav` diff --git a/.changeset/tall-guests-arrive.md b/.changeset/tall-guests-arrive.md deleted file mode 100644 index a9b79b95eb..0000000000 --- a/.changeset/tall-guests-arrive.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Chip: -- Add `Chip.Button` -- Rename `Chip.Toggle` to `Chip.Radio` and `Chip.Checkbox` -- Remove `Chip.Group` diff --git a/.changeset/tame-rats-mix.md b/.changeset/tame-rats-mix.md deleted file mode 100644 index 827c655035..0000000000 --- a/.changeset/tame-rats-mix.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -HelpText: -- Use Popover API -- Remove `portal` prop -- Render icon with pseudo element and require aria-label diff --git a/.changeset/tasty-phones-invite.md b/.changeset/tasty-phones-invite.md deleted file mode 100644 index baa9a7e169..0000000000 --- a/.changeset/tasty-phones-invite.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Fix crash when running @digdir/designsystemet CLI due to differences in module resolution when used as a package diff --git a/.changeset/ten-mirrors-pretend.md b/.changeset/ten-mirrors-pretend.md deleted file mode 100644 index bb0a60fc67..0000000000 --- a/.changeset/ten-mirrors-pretend.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": minor ---- - -**Radio**: Rename `validation` to `error` diff --git a/.changeset/ten-wolves-yawn.md b/.changeset/ten-wolves-yawn.md deleted file mode 100644 index 3e573e5ddb..0000000000 --- a/.changeset/ten-wolves-yawn.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Make one of `label`, `aria-label` or `aria-labelledby` required diff --git a/.changeset/tender-grapes-refuse.md b/.changeset/tender-grapes-refuse.md deleted file mode 100644 index f110e8808d..0000000000 --- a/.changeset/tender-grapes-refuse.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": minor ---- - -Badge: ✨ New component diff --git a/.changeset/tender-ties-swim.md b/.changeset/tender-ties-swim.md deleted file mode 100644 index 535771c7b8..0000000000 --- a/.changeset/tender-ties-swim.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@digdir/designsystemet-react': patch -'@digdir/designsystemet': patch ---- - -chore: Replace eslint with biomejs diff --git a/.changeset/thin-icons-pay.md b/.changeset/thin-icons-pay.md deleted file mode 100644 index ce133e0f7d..0000000000 --- a/.changeset/thin-icons-pay.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -ToggleGroup, Tabs: Active item equality check is now strict diff --git a/.changeset/three-carrots-hammer.md b/.changeset/three-carrots-hammer.md deleted file mode 100644 index 49d3b3d967..0000000000 --- a/.changeset/three-carrots-hammer.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet': patch ---- - -fix: Export correct bin files diff --git a/.changeset/three-dingos-unite.md b/.changeset/three-dingos-unite.md deleted file mode 100644 index d9551b338c..0000000000 --- a/.changeset/three-dingos-unite.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet': minor ---- - -feat: Convert to W3C design token format diff --git a/.changeset/three-ducks-chew.md b/.changeset/three-ducks-chew.md deleted file mode 100644 index b92e847bf2..0000000000 --- a/.changeset/three-ducks-chew.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Fieldset: Style using css attributes diff --git a/.changeset/three-humans-poke.md b/.changeset/three-humans-poke.md deleted file mode 100644 index 28fc5e9e8e..0000000000 --- a/.changeset/three-humans-poke.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Dialog**: Fix background to surface color variable diff --git a/.changeset/three-moles-attack.md b/.changeset/three-moles-attack.md deleted file mode 100644 index 75f5014bfd..0000000000 --- a/.changeset/three-moles-attack.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor -"@digdir/designsystemet-css": minor ---- - -Implemented a more flexible system of semantic border-radius tokens. diff --git a/.changeset/tidy-balloons-rule.md b/.changeset/tidy-balloons-rule.md deleted file mode 100644 index 79e5477b47..0000000000 --- a/.changeset/tidy-balloons-rule.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Removed design-tokens `sizing` & `spacing`, use `size`. diff --git a/.changeset/tidy-cheetahs-cry.md b/.changeset/tidy-cheetahs-cry.md deleted file mode 100644 index 45f8ba1609..0000000000 --- a/.changeset/tidy-cheetahs-cry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Remove `baseline` layer and fix layerorder for typography diff --git a/.changeset/tricky-ghosts-flow.md b/.changeset/tricky-ghosts-flow.md deleted file mode 100644 index a02353414b..0000000000 --- a/.changeset/tricky-ghosts-flow.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -tokens build: fix invalid values in --ds-size calculations diff --git a/.changeset/tricky-islands-jam.md b/.changeset/tricky-islands-jam.md deleted file mode 100644 index cf40a58135..0000000000 --- a/.changeset/tricky-islands-jam.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -Support for building typography based sizing design-tokens diff --git a/.changeset/twelve-onions-laugh.md b/.changeset/twelve-onions-laugh.md deleted file mode 100644 index 4680176c4e..0000000000 --- a/.changeset/twelve-onions-laugh.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Modal backdrop was invisible in some browser versions. See https://caniuse.com/mdn-css_selectors_backdrop_inherit_from_originating_element for affected versions. diff --git a/.changeset/twelve-paws-jog.md b/.changeset/twelve-paws-jog.md deleted file mode 100644 index 2560ba8ed7..0000000000 --- a/.changeset/twelve-paws-jog.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -outDir option was required, but it should have a default value diff --git a/.changeset/twenty-cheetahs-leave.md b/.changeset/twenty-cheetahs-leave.md deleted file mode 100644 index ecaf8b0d0e..0000000000 --- a/.changeset/twenty-cheetahs-leave.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Table: Add `Table.Foot` and style caption diff --git a/.changeset/two-spoons-glow.md b/.changeset/two-spoons-glow.md deleted file mode 100644 index f81de1ab81..0000000000 --- a/.changeset/two-spoons-glow.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-theme": minor -"@digdir/designsystemet": minor ---- - -Removed global `yellow` color. diff --git a/.changeset/unlucky-hairs-sit.md b/.changeset/unlucky-hairs-sit.md deleted file mode 100644 index ab8a2cc69b..0000000000 --- a/.changeset/unlucky-hairs-sit.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Tabs: Rework component CSS diff --git a/.changeset/violet-paws-begin.md b/.changeset/violet-paws-begin.md deleted file mode 100644 index f3809a2f01..0000000000 --- a/.changeset/violet-paws-begin.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Badge: Convert to two elements, add `Badge.Position` component for placement diff --git a/.changeset/violet-steaks-repeat.md b/.changeset/violet-steaks-repeat.md deleted file mode 100644 index e982c50ca2..0000000000 --- a/.changeset/violet-steaks-repeat.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Popover: Rename `PopoverContext` to `PopoverTriggerContext` diff --git a/.changeset/weak-keys-tap.md b/.changeset/weak-keys-tap.md deleted file mode 100644 index 6556fee9ed..0000000000 --- a/.changeset/weak-keys-tap.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - - `ValidationMessage` now uses the `p`-element diff --git a/.changeset/wet-scissors-tickle.md b/.changeset/wet-scissors-tickle.md deleted file mode 100644 index 6280a26b3e..0000000000 --- a/.changeset/wet-scissors-tickle.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Spinner: `aria-label` required instead of `title` prop diff --git a/.changeset/wet-spies-tan.md b/.changeset/wet-spies-tan.md deleted file mode 100644 index f241fee45a..0000000000 --- a/.changeset/wet-spies-tan.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Use `var(--ds-border-width-default)` for border widths diff --git a/.changeset/wicked-balloons-juggle.md b/.changeset/wicked-balloons-juggle.md deleted file mode 100644 index 8c8ba6f6fb..0000000000 --- a/.changeset/wicked-balloons-juggle.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -Rename `ds-modal` to `ds-dialog` diff --git a/.changeset/wicked-plants-eat.md b/.changeset/wicked-plants-eat.md deleted file mode 100644 index 562d8d43c6..0000000000 --- a/.changeset/wicked-plants-eat.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Select: Add `width="auto"` option and default to full width diff --git a/.changeset/wicked-pots-allow.md b/.changeset/wicked-pots-allow.md deleted file mode 100644 index d5ed47981b..0000000000 --- a/.changeset/wicked-pots-allow.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": minor ---- - -Changed `-w, --write` to `-o, --out-dir` on `tokens create` & `tokens build` for defining output dir diff --git a/.changeset/wise-cooks-compare.md b/.changeset/wise-cooks-compare.md deleted file mode 100644 index 189fb51009..0000000000 --- a/.changeset/wise-cooks-compare.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -chore: change default tokens build output folder diff --git a/.changeset/wise-countries-double.md b/.changeset/wise-countries-double.md deleted file mode 100644 index 060faed18f..0000000000 --- a/.changeset/wise-countries-double.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -NativeSelect: add focus in `readOnly` state diff --git a/.changeset/witty-clouds-judge.md b/.changeset/witty-clouds-judge.md deleted file mode 100644 index 34393eb3ff..0000000000 --- a/.changeset/witty-clouds-judge.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@digdir/designsystemet-css": patch -"@digdir/designsystemet-react": patch ---- - -Card: Use data attrs diff --git a/.changeset/witty-moons-sleep.md b/.changeset/witty-moons-sleep.md deleted file mode 100644 index 9837ebaa1f..0000000000 --- a/.changeset/witty-moons-sleep.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Combobox: fix virtual combobox having large gap between items diff --git a/.changeset/witty-moose-scream.md b/.changeset/witty-moose-scream.md deleted file mode 100644 index 5dff1a2114..0000000000 --- a/.changeset/witty-moose-scream.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-react": patch ---- - -Textfield: Update to use `Field` internally diff --git a/.changeset/yellow-days-talk.md b/.changeset/yellow-days-talk.md deleted file mode 100644 index dbf259cb15..0000000000 --- a/.changeset/yellow-days-talk.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Card**: Add css properties for `Card.Block` border (`--dsc-card-block-border-*`) diff --git a/.changeset/yellow-zoos-camp.md b/.changeset/yellow-zoos-camp.md deleted file mode 100644 index 55cc68f9b2..0000000000 --- a/.changeset/yellow-zoos-camp.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@digdir/designsystemet': patch ---- - -Make sure the internal order of sections in the CSS generated by the CLI is deterministic, to avoid unnecessary git diffs diff --git a/.changeset/young-bikes-try.md b/.changeset/young-bikes-try.md deleted file mode 100644 index 1112088590..0000000000 --- a/.changeset/young-bikes-try.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet-css": patch ---- - -**Field**: Move `align-items: start` from `.ds-field` to `align-self: start` on `.ds-input` for easier styling diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md index f4d11b7654..a358d82ed0 100644 --- a/packages/cli/CHANGELOG.md +++ b/packages/cli/CHANGELOG.md @@ -1,5 +1,122 @@ # Change Log +## 0.100.51 + +- 2d1da9a: Testing snapshot release +- 10e7b55: Fix wrong base default color beeing set by the themebuilder +- 0f7418e: Added token `border-width-focus` +- 882c206: Create & build tokens correctly if support-color is missing +- 418b31a: chore: Fix rollup build warnings for react package +- 482f765: Renamed background, surface and contrast color tokens and CSS variables +- b9c5deb: Fix design-token warning contrast color reference +- 58724b7: tokens: fix wrong reference for focus color. +- a42f6f7: refactor: Changed border-radius token to dimension type +- a9f0528: refactor: single CSS file for theme +- d146fbe: `clean` should only run once during `tokens create` when multiple themes are defined using config file +- c25920a: Add JSON schema for CLI config file, which enables editor hints. To use it, do something like this: + ```jsonc + { + "$schema": "node_modules/@digdir/designsystemet/dist/config.schema.json", + // ...config options here... + } + ``` +- d679d0c: fix: Correct name on Figma collection for color schemes +- bcd50d9: cli: better error messages for wrong or missing options +- cc236ab: Changed name of Tokens Studio theme "Mode" to "Color scheme", and updated the path in the token structure from `primitives/modes/colors` to `primitives/modes/color-scheme` +- 957d418: Increased lightness of global `orange` color +- 3109699: Add json config file support for `tokens create` +- 2f94b73: Added option dry run using `--dry` on `tokens create` & `tokens build` +- 24d8f90: Update init script to new design-tokens format +- 0f7418e: Removed token `border-width-highlight` +- 38a0843: **fix(cli)**: 🚑 include missing build files for designsystemet bin +- 482f765: Added migration for color tokens renaming. Run `designsystemet migrate css-renames-next48-to-next49 --glob "./**/*.css"` +- 2f94b73: `tokens create` now writes by default +- 7ed2b22: Disable contrast color-scheme in tokens create script +- 188bd19: CLI: `tokens build` command now generates a `colors.d.ts` file which enables type safety for the `data-color` attribute when included in your `tsconfig.json`. The `@digdir/designsystemet-theme` package has been updated to include types for those themes. +- e6325af: fix: Export correct types for color +- 58724b7: Changed focus color to use neutral instead of accent color +- dc6ab52: Rename `data-ds-typography` to `data-typography` +- 1a37354: Renamed color step `contrast-1` to `16` +- 7115f38: Removed predefined `accent` variables added during `tokens build`. Use `data-color` or generated named color variables instead. +- 0f7418e: Reduced `font-size` scale by one, from 11 to 10. All sizes above and including `font-size-2` have shifted down size by one +- 1a37354: Added new step to color scale, now with a total of 16 +- d146fbe: `typography` and `borderRadius` are now optional in config file +- db678d4: Removed `init` command. Use `tokens create` instead. +- 1767724: React components and css now support custom colors through the `data-color` attribute. + + **BREAKING CHANGE**: All React components that had a `color` prop have been changed to use `data-color`. + + All1 css targeting `data-color` has been changed to work with all custom colors generated by the CLI. + + `Avatar`, `Badge`, `Button`, and `Link` use `--ds-color-accent-*`2, unless `data-color` is set directly on the element. + + For components that had a `color` prop, but defaulted to something other than `"accent"`, `data-color` must also be set directly on the element. + + All other components that defaulted to `"accent"`, or previously only existed in `"accent"` color, now support `data-color`. They will also inherit their color from the closest `data-color` attribute. If none is found, they use `--ds-color-accent-*`2. + + 1: ...except `Alert`, which only supports `info`, `warning`, `danger` and `success` colors. + 2: If an `"accent"` color is not defined in the theme, the `--ds-color-accent-*` variables will point to the first `main-color`. + +- cd1c607: New create tokens script with color options support +- 6998d4b: **BREAKING CHANGE**: The attribute / prop `data-ds-color-mode` has been renamed to `data-color-scheme` +- 347bb61: Rename config option from `--json` to `--config` +- f2b9922: chore: Reset `data-color` to degfault color when setting `data-color-scheme` +- 83e083b: Increased the luminance of the Surface Tinted color in light mode and made Surface Tinted stand out more against Surface Default in dark mode. +- 65c1d54: bump version +- 1a37354: Changed order for semantic color tokens in design-tokens +- a452813: CSS variables: `--ds-color-*-{1,2,...,13,contrast-1,contrast-2}`, which were generated from the `primitives` layer of design tokens, have been removed since they are always 1-to-1 with the semantic layer. Use the equivalent variables from the semantic layer instead + + Example, for the `neutral` scale: + + ```css + var(--ds-color-neutral-background-default); /* instead of: var(--ds-color-neutral-1) */ + var(--ds-color-neutral-background-subtle); /* instead of: var(--ds-color-neutral-2) */ + var(--ds-color-neutral-surface-default); /* instead of: var(--ds-color-neutral-3) */ + var(--ds-color-neutral-surface-hover); /* instead of: var(--ds-color-neutral-4) */ + var(--ds-color-neutral-surface-active); /* instead of: var(--ds-color-neutral-5) */ + var(--ds-color-neutral-border-subtle); /* instead of: var(--ds-color-neutral-6) */ + var(--ds-color-neutral-border-default); /* instead of: var(--ds-color-neutral-7) */ + var(--ds-color-neutral-border-strong); /* instead of: var(--ds-color-neutral-8) */ + var(--ds-color-neutral-base-default); /* instead of: var(--ds-color-neutral-9) */ + var(--ds-color-neutral-base-hover); /* instead of: var(--ds-color-neutral-10) */ + var(--ds-color-neutral-base-active); /* instead of: var(--ds-color-neutral-11) */ + var(--ds-color-neutral-text-subtle); /* instead of: var(--ds-color-neutral-12) */ + var(--ds-color-neutral-text-default); /* instead of: var(--ds-color-neutral-13) */ + var(--ds-color-neutral-contrast-default); /* instead of: var(--ds-color-neutral-contrast-1) */ + var(--ds-color-neutral-contrast-subtle); /* instead of: var(--ds-color-neutral-contrast-2) */ + ``` + + ...and similarly for `accent`, `brand1`, `brand2` and `brand3`. + +- 829ec13: Update global colors +- 957d418: Changed `warning` colors to use global `orange` +- 1a37354: Renamed color step `contrast-2` to `15` +- f304115: CLI now supports creating themes with 1 or more "main" colors, a neutral color, and 1 or more "support" colors. The "main" and "support" colors can have arbitrary names. There can not be more than 4 colors of each category unless you're using Figma on the Enterprise plan, due to plan-based restrictions on the number of variable modes per collection. +- 9d54191: Moved typography based sizing formula to design-tokens +- 4ff02ff: **Feat**: New `clean` option for cleaning `outDir` before `tokens create/build` +- 48bd80e: Fix crash when running CLI command `tokens build`: + + - add --verbose option to `tokens build` for easier debugging + - `tokens build` crashed when run on result of `tokens create` + + Update tokens template used by CLI command `tokens create` + + - removes `ingress`, renames `paragraph` to `body`, and adds `xl` size + +- 9b6401b: Fix crash when running @digdir/designsystemet CLI due to differences in module resolution when used as a package +- 6959e9d: chore: Replace eslint with biomejs +- 019e723: fix: Export correct bin files +- f32f1fb: feat: Convert to W3C design token format +- 5f51c95: Implemented a more flexible system of semantic border-radius tokens. +- 2a3c4d3: Removed design-tokens `sizing` & `spacing`, use `size`. +- c3da81b: tokens build: fix invalid values in --ds-size calculations +- 9d54191: Support for building typography based sizing design-tokens +- f8eeb6c: outDir option was required, but it should have a default value +- 957d418: Removed global `yellow` color. +- 2f94b73: Changed `-w, --write` to `-o, --out-dir` on `tokens create` & `tokens build` for defining output dir +- f8986b8: chore: change default tokens build output folder +- 5fe5050: Make sure the internal order of sections in the CSS generated by the CLI is deterministic, to avoid unnecessary git diffs + ## 0.100.51-next.52 ### Patch Changes diff --git a/packages/cli/package.json b/packages/cli/package.json index 6a0db41d30..9aff784766 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet", - "version": "0.100.51-next.52", + "version": "0.100.51", "description": "CLI for Designsystemet", "author": "Designsystemet team", "engines": { diff --git a/packages/css/CHANGELOG.md b/packages/css/CHANGELOG.md index a0f82d78c5..bc99b05af1 100644 --- a/packages/css/CHANGELOG.md +++ b/packages/css/CHANGELOG.md @@ -1,5 +1,225 @@ # Change Log +## 0.100.51 + +- e9ca9b7: Pagination: + - Remove attributes `currentPage` and `totalPages` on `Pagination` + - Replace `Pagination.Root` with `Paginaton` + - Replace `Pagination.Next`, `Pagination.Previous` and `Pagination.Ellipsis` with `Paginaton.Button` + - Make `usePagination` return spreadable props for subcomponents + - Add support for `showPages` and `onChange` in `usePagination` +- 0607ee0: **Details**: Change `--dsc-details-heading-*` to `--dsc-details-summary-*` +- 037255c: Pagination: Use data attrs instead of class names +- 2d1da9a: Testing snapshot release +- c25b798: Chip: Support wrapping in group +- c43a438: Accordion: Fix chevron abandoning parent in scroll container +- 0c86e30: :sparkles: New experimental component; **Suggestion** +- d4c1ddb: Button: add `height: fit-content` +- 1d79992: SkipLink: New style +- 6ba03fe: **Chip**: Make radio and checkbox smaller +- a0b119d: Badge: Style using css attributes +- c14441a: **Details:** Hide native `` arrow in Safari +- 0f7418e: Added token `border-width-focus` +- 2a51c04: SkipLink: Add css variables +- 0efd598: ValidationMessage: Add icon when `error={true}` +- 1c67d53: Textarea: Use `field-sizing: content` +- d4c1ddb: Pagination: Use empty `li` for ellipsis +- fe20145: Skiplink: + - Simplify DOM + - Add support for `forwardRef` +- dba4376: **Table**: New colors on zebra (`--ds-color-surface-tinted`) and hover (`--ds-color-surface-hover`) +- 630f0af: ValidationMessage: fix icon abandoning the component when scrolling +- c00a293: **Dialog**: Add border around dialog element +- dda5b21: TableHeaderCell: Remove `sortable` prop, `sort` now handles this +- 722fbe4: dropdownmenu: Style using data attributes +- 2a51c04: Accordion: Add css variable for chevron +- 7f04d18: Chip: Text color is now `accent` +- df0da9a: CSS: base sizing on font-size so all components can have all sizes, and naturally inherits size from context +- 41bb41d: Link: Fix missing underline when using Tailwind +- 529d942: **Card**: Add `data-variant="default/tinted"`, `default` is default +- 3f7d762: **ToggleGroup**: Change height to match other form elements +- ee4fe43: **Checkbox**: Reduce border-radius by one size, making them more square. +- bbd8086: Table: New hover prop and class for toggling hover on rows +- 28deb68: Accordion: Animate open/close with CSS + - Replace onFound with onToggle +- bbf2994: Search: New compound API +- bbd8086: Table: Width is now by default `100%` +- d75ffad: CSS: Move default background-color to `` element +- 7dff650: Table: + - Correct footer styling + - Automatic focus styling for sorting buttons +- 519fe18: Dropdown: Add `Dropdown.Button` for more explicit API +- b8f3153: ErrorSummary: Rename ErrorSummary.Root to ErrorSummary +- dba4376: \*_Table_: Background is now transparent by default +- 8f9e6e5: **Badge**: Fix empty badge not being displayed +- 529d942: **Details**: Add `data-variant="default/tinted"`, `default` is default. + - This can also be controlled from `Card` +- 209e2d5: Fixes so spacing is the same in checkbox and radio groups +- 2a51c04: Breadcrumbs: Add css variable for chevron +- aa344ec: Remove `neutral` color on `ValidationMessage` +- 31c036d: Input: Sufficient color contrast for readonly +- ab20c35: **Details**: Change default variant colors for open and hover +- ed179a1: Tabs: + - Renames `Tabs.Root` to `Tabs` + - Renames `Tabs.Content` to `Tabs.Panel` +- 1a1b548: **Popover**: Added shadow and fixed default background color +- 781f0ef: **Dialog**: + - Correctly centers position also when placed in `display: flex` + - Only prevents scroll if opened with `.showModal()` +- ba2f79f: Heading: + - Classes with data attributes + - Move base style to utility classes +- da5696a: Switch: Adjust design to better align with radio and checkbox +- f3abcda: List: Remove `List.Root` and `List.Heading`, which changes API +- f794c60: Rename classes from `ds-error-message*` to `ds-validation-message*` +- f45d853: Alert, Avatar, Button, Divider, Link: Use data-attributes for variant, size and color and move icons to CSS +- 7750ad9: Helptext: Remove component +- f71185c: Modal: css changes +- 24f452d: **SkipLink**: Increaed padding bottom by one size +- ce5b845: Alert: fix icon abandoning the component when scrolling +- 98d5423: Button: `text-align: inherit` when not in full width +- 9587449: **Dropdown**: Fix background to surface color variable +- 1002d87: Modal: + - Rename `Modal.Dialog` to `Modal` + - Rename `Modal.Root` to `Modal.Context` + - Replace `onInteractOutside` event with `backdropClose` boolean + - Replace `closeButton` and `closeButtonTitle` on `Modal.Header` with `closeButton` on `Modal` + - Add border to `Modal.Header` and `Modal.Footer` + - Remove `Modal.Content` + - Remove `onBeforeClose` + - Remove `subtitle` from `Modal.Header` +- bdd9881: Box: Remove component +- 8277775: Body/Paragraph + - Add body-xl token + - Add xl paragraph + - Remove ingress tokens +- adcaece: Ingress: Remove component + - Use `Paragraph variant='long'` instead +- 0f8814b: Chip: avoid reassigning custom properties +- 40f8dc8: Heading: Fix `md` heading size +- 6f8d6e6: **Button**: Make loading spinner scale accordion to button size +- 48f5713: Popover: + - Rename `` to `` + - use Popover API, allowing `` to be used without `Popover.Context` + - Remove `portal` prop +- a3419cc: **Tabs**: Add overflow-x scroll to tablist +- 2a3c4d3: Removed CSS variables `--ds-spacing-*` & `--ds-sizing-*`, use `--ds-size-*`. +- 0dbcee5: Tooltip: Only expose background css variable +- 2125b66: **Table**: Add margin-bottom to `caption` element +- f9d651e: chip: Fix wrong font sizes +- cfef668: Field: Don't show as disabled when option is disabled +- 4abf5e6: Switch: don't show check when not checked in readonly +- bf31bfc: Card: + - Allow `Card` with content placed directly inside + - Replace `Card.Header`, `Card.Content` and `Card.Footer` with `Card.Block` + - Replace `isLink` with anchor-in-heading + `click` handler for better accessibility +- 6c35bb3: Button: Fix SVG and images shrinking in flex containers +- 58724b7: Changed focus color to use neutral instead of accent color +- e9b6ec1: Fieldset: Move to compound components `Fieldset.Legend` and `Fieldset.Description` +- 12e10e6: Modal: Remove `Modal.Header` and `Modal.Footer`, replace with `Modal.Block` +- 95f67ce: **Table**: Use `border-top` in `tbody` ensure prettier tables when no `thead` +- 9220945: Select: Rename from `NativeSelect` +- ffe7811: ValidationMessage: Add support for all severity colors and tweak icons +- 780256b: Table: add `z-index` to stickhy header +- 2a51c04: Tooltip: Add more variables +- 220c105: Button: Use font-weight `--ds-font-weight-medium` +- 50efed2: Field: Adds `` component wrapping and connecting internal form elements for better accessibility +- bea7b53: AccordionHeading: Correct name on types +- 0daa2b3: **Table**: Now inherits `data-color` by default +- 0c60454: **Breadcrumbs:** Prevent shrinking chevron +- 7dceadd: DropdownMenu: + - Rename from `DropdownMenu` to `Dropdown` + - Change API and structure + - Rename `.Root` to `.Context` + - Rename `.Content` to `Dropdown` +- 3451704: Tabs: css changes +- 39499b8: Tooltip: Use popover API + - Removes `delay`, this is now `--dsc-tooltip-transition-delay` + - Removes `defaultOpen` + - Removes `portal` + - Removes ability to hover to keep open +- c2b78ed: ToggleGroup: Rename ToggleGroup.Root to ToggleGroup +- 95f67ce: **Tag**: Set `height` in case it is used in `display: flex` +- 2d841a1: New CSS variables for sizes, `--ds-size-*` +- 1767724: React components and css now support custom colors through the `data-color` attribute. + + **BREAKING CHANGE**: All React components that had a `color` prop have been changed to use `data-color`. + + All1 css targeting `data-color` has been changed to work with all custom colors generated by the CLI. + + `Avatar`, `Badge`, `Button`, and `Link` use `--ds-color-accent-*`2, unless `data-color` is set directly on the element. + + For components that had a `color` prop, but defaulted to something other than `"accent"`, `data-color` must also be set directly on the element. + + All other components that defaulted to `"accent"`, or previously only existed in `"accent"` color, now support `data-color`. They will also inherit their color from the closest `data-color` attribute. If none is found, they use `--ds-color-accent-*`2. + + 1: ...except `Alert`, which only supports `info`, `warning`, `danger` and `success` colors. + 2: If an `"accent"` color is not defined in the theme, the `--ds-color-accent-*` variables will point to the first `main-color`. + +- e93207b: **Table**: Added component token `--dsc-table-divider-border-color` +- 43125f0: Dialog: + - Add missing `overflow: auto` + - Position with `transform` for easier `translate` animation +- a4e8845: Badge: Only use single DOM element for rendering +- 6998d4b: **BREAKING CHANGE**: The attribute / prop `data-ds-color-mode` has been renamed to `data-color-scheme` +- 7520547: Radio + Checkbox: + - Use `label` prop instead of `children` as label text + - Remove `Radio.Group` and `Checkbox.Group` and use `Fieldset` instead +- eb3f58b: PopoverTrigger: New prop `inline` for use when inline elements (such as text) need a `Popover` +- ce23f32: Chip: Use correct `32px` height to align nicely with `` +- 95f67ce: `ds-input` will now by default fill width. +- 36cefe3: Rename `Accordion` to `Details` +- 5a77def: SkipLink: Remove ds-sr-only class +- 03d776b: Skeleton: Replace Skeleton.Text, Skeleton.Circle and Skeleton.Rectangle with +- 5d1c506: Accordion: Now uses details and summary HTML elements +- 2238293: Combobox: fix overflow on screens narrower than ~340px +- c43a438: Label: Fix icon abandoning parent in scroll container +- 529d942: **Popover**: Add `data-variant="default/tinted"`, `default` is default +- 1afa5c5: Spinner: Style using data attributes +- 265ce6e: **Suggestion**: Add chevron to empty input +- a1a3afd: Label: Use data attributes for styling + + ValidationMessage: Use data attributes for styling + +- 181ea10: Select + Textarea: + - Remove `label`, `hideLabel`, `description`, `characterLimit` and `error` as these will be part of `Field` API +- b884fda: Avatar: new component +- c73d83c: Breadcrumbs: ✨ new component +- 91bf499: **Table**: Use correct background color variables on th +- 9d54191: Moved typography based sizing formula to design-tokens +- 2a51c04: Pagination: Add css variable for chevron +- 68a8c3d: Added styling for Windows High Contrast mode and [forced-colors](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/forced-colors) +- d0288e2: Paragraph: Add css classes and style with data attributes +- 0e2cdb5: Tag: Make neutral default color in CSS +- a16e83e: Field.Affix: + - Rename `Field.AffixWrapper` to `Field.Affixes` + - Support inputs with `size` attribute +- 529d942: **Badge**: Add `data-variant="base/tinted"`, `base` is default +- 32fdbd4: Breadcrumbs: Rename `Breadcrumbs.Root` to `Breadcrumbs` and remove `Breadcrumbs.Nav` +- d0fad1d: Chip: + - Add `Chip.Button` + - Rename `Chip.Toggle` to `Chip.Radio` and `Chip.Checkbox` + - Remove `Chip.Group` +- 0e4faee: HelpText: + - Use Popover API + - Remove `portal` prop + - Render icon with pseudo element and require aria-label +- 629bc43: Badge: ✨ New component +- d3229a0: Fieldset: Style using css attributes +- 5216b18: **Dialog**: Fix background to surface color variable +- 5f51c95: Implemented a more flexible system of semantic border-radius tokens. +- a1a3afd: Remove `baseline` layer and fix layerorder for typography +- f6eb237: Modal backdrop was invisible in some browser versions. See https://caniuse.com/mdn-css_selectors_backdrop_inherit_from_originating_element for affected versions. +- 6b56db2: Table: Add `Table.Foot` and style caption +- 4276d94: Tabs: Rework component CSS +- de912ae: Badge: Convert to two elements, add `Badge.Position` component for placement +- eae29d9: Use `var(--ds-border-width-default)` for border widths +- c00a293: Rename `ds-modal` to `ds-dialog` +- 23450ce: Select: Add `width="auto"` option and default to full width +- 54d3037: Card: Use data attrs +- 2ec0118: **Card**: Add css properties for `Card.Block` border (`--dsc-card-block-border-*`) +- 95f67ce: **Field**: Move `align-items: start` from `.ds-field` to `align-self: start` on `.ds-input` for easier styling + ## 0.100.51-next.52 ## 1.0.0-next.51 diff --git a/packages/css/package.json b/packages/css/package.json index 7754bffdcb..d2750fdeed 100644 --- a/packages/css/package.json +++ b/packages/css/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet-css", - "version": "0.100.51-next.52", + "version": "0.100.51", "description": "CSS for Designsystemet", "author": "Designsystemet team", "repository": { diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 9935d09c64..be7c3286b4 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,226 @@ # Change Log +## 0.100.51 + +- e9ca9b7: Pagination: + - Remove attributes `currentPage` and `totalPages` on `Pagination` + - Replace `Pagination.Root` with `Paginaton` + - Replace `Pagination.Next`, `Pagination.Previous` and `Pagination.Ellipsis` with `Paginaton.Button` + - Make `usePagination` return spreadable props for subcomponents + - Add support for `showPages` and `onChange` in `usePagination` +- 037255c: Pagination: Use data attrs instead of class names +- 2d1da9a: Testing snapshot release +- 047c9c1: Correctly mark dependencies as external. This ensures Accordion works when consumers have enabled tree-shaking. +- 6c87035: Modal: add missing ModalRoot export +- 0c86e30: :sparkles: New experimental component; **Suggestion** +- 68ff033: RovingFocus: add `orientation` to support for different arrow directions, and add support home/end buttons + - Affects `ToggleGroup`, where up and down arrows can now be used + - Affects `ToggleGroup`, where home and end can now be used + - Affects `Tabs`, where home and end can now be used +- 05b9ffb: **ErrorSummary**: Split `.Item` into two components + - `ErrorSummary.Item` renders a `li` + - `ErrorSummary.Link` renders the link +- 90ca009: Accordion: Fix `defaultOpen` flicker on first render +- a0b119d: Badge: Style using css attributes +- 0006140: **Suggestion.Empty**: Remove `asChild` support +- d4c1ddb: Pagination: Use empty `li` for ellipsis +- 418b31a: chore: Fix rollup build warnings for react package +- dacf6f0: Button: Remove `type` when `asChild={true}` +- fe20145: Skiplink: + - Simplify DOM + - Add support for `forwardRef` +- 436b876: Dropdown: Rename `DropdownContext` to `DropdownTriggerContext` +- 518bf72: Input: Add whitelist for `type` +- 6445a77: Tabs: Make arrow keys work in any direction +- dda5b21: TableHeaderCell: Remove `sortable` prop, `sort` now handles this +- 5601aad: Textfield: Removed `htmlSize`, you can now use native `size` +- 722fbe4: dropdownmenu: Style using data attributes +- 8ed875f: ValidationMessage: use `data-color="danger | success"` instead of `data-error="true | false"` +- df0da9a: CSS: base sizing on font-size so all components can have all sizes, and naturally inherits size from context +- 529d942: **Card**: Add `data-variant="default/tinted"`, `default` is default +- f126c2c: Add missing `data-size` and `data-color` props to Details +- bbd8086: Table: New hover prop and class for toggling hover on rows +- 28deb68: Accordion: Animate open/close with CSS + - Replace onFound with onToggle +- bbf2994: Search: New compound API +- 7dff650: Table: + - Correct footer styling + - Automatic focus styling for sorting buttons +- 9bb2fa6: Popover+Dropdown: Fix issue when combining controlled state with changing child elements +- 519fe18: Dropdown: Add `Dropdown.Button` for more explicit API +- b8f3153: ErrorSummary: Rename ErrorSummary.Root to ErrorSummary +- 436b876: Modal: Rename `ModalContext` to `ModalTriggerContext` +- 529d942: **Details**: Add `data-variant="default/tinted"`, `default` is default. + - This can also be controlled from `Card` +- 209e2d5: Fixes so spacing is the same in checkbox and radio groups +- 31c036d: Input: Sufficient color contrast for readonly +- 8b2abdb: fix(Combobox): :bug: Button for toggling open/close should now close when open +- ed179a1: Tabs: + - Renames `Tabs.Root` to `Tabs` + - Renames `Tabs.Content` to `Tabs.Panel` +- 6f8d6e6: **Button**: `loading` type now correctly accepts a `ReactNode` +- ba2f79f: Heading: + - Classes with data attributes + - Move base style to utility classes +- 1297ddc: Field.Counter: Run on mount to support initial `defaultValue` +- f3abcda: List: Remove `List.Root` and `List.Heading`, which changes API +- f45d853: Alert, Avatar, Button, Divider, Link: Use data-attributes for variant, size and color and move icons to CSS +- 7750ad9: Helptext: Remove component +- c9c77f7: Radio, Checkbox: Spread `className` and `style` on outermost element +- f71185c: Modal: css changes +- 1002d87: Modal: + - Rename `Modal.Dialog` to `Modal` + - Rename `Modal.Root` to `Modal.Context` + - Replace `onInteractOutside` event with `backdropClose` boolean + - Replace `closeButton` and `closeButtonTitle` on `Modal.Header` with `closeButton` on `Modal` + - Add border to `Modal.Header` and `Modal.Footer` + - Remove `Modal.Content` + - Remove `onBeforeClose` + - Remove `subtitle` from `Modal.Header` +- bdd9881: Box: Remove component +- f1edfac: Popover: Make sure arrow does not leave the popover +- 8277775: Body/Paragraph + - Add body-xl token + - Add xl paragraph + - Remove ingress tokens +- adcaece: Ingress: Remove component + - Use `Paragraph variant='long'` instead +- 581863a: Switch: Use `label` prop instead of `children` to render label +- 16b2988: Modal: Fix `onClose` not being called +- 6f8d6e6: **Button**: Make loading spinner scale accordion to button size +- 05b9ffb: **ErrorSummary**: Add support for `asChild` +- 2444bfe: Combobox: Make controlled input adhere to `inputValue` and send all change events +- f242e53: Loosen default types for `data-color` and `data-size` to support accept `string` +- 171c455: Fix `ref` type on `useCheckboxGroup` and `useRadioGroup` +- 5601aad: Textfield: Refactored `characterLimit` to `counter` and now use new `Field.Counter` sub-component +- 48f5713: Popover: + - Rename `` to `` + - use Popover API, allowing `` to be used without `Popover.Context` + - Remove `portal` prop +- 188bd19: `data-color` prop now supports type safety based on the token structure which was used to generate the theme CSS. Instructions for enabling this has been added to the README. An optional `react-types.d.ts` has also been added, which adds type hints for `data-color` and `data-size` to all HTML elements. +- bf31bfc: Card: + - Allow `Card` with content placed directly inside + - Replace `Card.Header`, `Card.Content` and `Card.Footer` with `Card.Block` + - Replace `isLink` with anchor-in-heading + `click` handler for better accessibility +- df037aa: Changed alias for type declaration exports + - React: export alias `./react-types.d.ts` was changed to `./react-types` + - Theme: added `types` field to default export in package.json, so now it should be posssible to use `"@digdir/designsystemet-theme"` +- 518bf72: Textfield: Add whitelist for `type` +- e9b6ec1: Fieldset: Move to compound components `Fieldset.Legend` and `Fieldset.Description` +- 13b3b50: fix: Use correct DOM property for Popover API when used in React 19 +- 12e10e6: Modal: Remove `Modal.Header` and `Modal.Footer`, replace with `Modal.Block` +- 7eebe0a: useRadioGroup: Add hook to easily control groups of `` components +- 7eebe0a: useCheckboxGroup: Add hook to easily control groups of `` components +- 99aa669: React: Set `"type": "module"` in `package.json` +- a56150f: Upgrade to React 19 and other related dependencies +- 9220945: Select: Rename from `NativeSelect` +- ffe7811: ValidationMessage: Add support for all severity colors and tweak icons +- 2e955f4: Export all utilities +- a0c6744: Modal: Expose native close event object to onClose callback +- 5601aad: Textfield: Now works as expected with `data-size` +- f794c60: Rename `ErrorMessage` to `ValidationMessage` +- 50efed2: Field: Adds `` component wrapping and connecting internal form elements for better accessibility +- bea7b53: AccordionHeading: Correct name on types +- c500f47: Field: Fix `position` not working +- 8ad8c56: Disallow arbitrary strings for data-size, and only allow arbitrary strings for data-color if generated color types haven't been added to the downstream TypeScript environment. This fixes missing controls for data-size and data-color in the Storybook docs. +- 5601aad: Textfield: Added `multiline` for switching between `input` and `textarea` +- 79c8f0d: Fixes issue where all React prop types were inlined instead of referenced +- fea6de8: **Checkbox**: Rename `validation` to `error` +- b03692a: Table: Set sort button type to prevent form submit +- 7dceadd: DropdownMenu: + - Rename from `DropdownMenu` to `Dropdown` + - Change API and structure + - Rename `.Root` to `.Context` + - Rename `.Content` to `Dropdown` +- 3451704: Tabs: css changes +- c00a293: Rename to `Modal` to `Dialog` +- 5d1fe24: Divider: hide from screen readers +- f1424ff: Tooltip: Be able to send `string` as children +- 5601aad: Textfield: Removed `hideLabel`, use `aria-label` or `aria-describedby` for "hidden" labels +- 39499b8: Tooltip: Use popover API + - Removes `delay`, this is now `--dsc-tooltip-transition-delay` + - Removes `defaultOpen` + - Removes `portal` + - Removes ability to hover to keep open +- 4276d94: Tabs: Content will get focus when it has no focusable elements +- c2b78ed: ToggleGroup: Rename ToggleGroup.Root to ToggleGroup +- 8cdd5c5: Heading: default level is now 2 +- 1767724: React components and css now support custom colors through the `data-color` attribute. + + **BREAKING CHANGE**: All React components that had a `color` prop have been changed to use `data-color`. + + All1 css targeting `data-color` has been changed to work with all custom colors generated by the CLI. + + `Avatar`, `Badge`, `Button`, and `Link` use `--ds-color-accent-*`2, unless `data-color` is set directly on the element. + + For components that had a `color` prop, but defaulted to something other than `"accent"`, `data-color` must also be set directly on the element. + + All other components that defaulted to `"accent"`, or previously only existed in `"accent"` color, now support `data-color`. They will also inherit their color from the closest `data-color` attribute. If none is found, they use `--ds-color-accent-*`2. + + 1: ...except `Alert`, which only supports `info`, `warning`, `danger` and `success` colors. + 2: If an `"accent"` color is not defined in the theme, the `--ds-color-accent-*` variables will point to the first `main-color`. + +- 157bb86: Input+Select: Use native HTML `size` prop instead of `htmlSize` +- a4e8845: Badge: Only use single DOM element for rendering +- 2a51c04: Avatar: Fix `aria-hidden` being wrongly added to a fragment +- 795bbe1: Modal: remove `FloatingFocusManager` +- 7f0cc0d: Select: + - Add Select.Option and Select.Optgroup compond components + - Remove `multiple` prop +- 6998d4b: **BREAKING CHANGE**: The attribute / prop `data-ds-color-mode` has been renamed to `data-color-scheme` +- 7520547: Radio + Checkbox: + - Use `label` prop instead of `children` as label text + - Remove `Radio.Group` and `Checkbox.Group` and use `Fieldset` instead +- 9c02237: Badge: Export component +- eb3f58b: PopoverTrigger: New prop `inline` for use when inline elements (such as text) need a `Popover` +- 567329b: feat(Combobox): :sparkles: Label now supports other elements +- ce23f32: Chip: Use correct `32px` height to align nicely with `` +- 36cefe3: Rename `Accordion` to `Details` +- 5a77def: SkipLink: Remove ds-sr-only class +- 03d776b: Skeleton: Replace Skeleton.Text, Skeleton.Circle and Skeleton.Rectangle with +- 5d1c506: Accordion: Now uses details and summary HTML elements +- 529d942: **Popover**: Add `data-variant="default/tinted"`, `default` is default +- 1afa5c5: Spinner: Style using data attributes +- a1a3afd: Label: Use data attributes for styling + + ValidationMessage: Use data attributes for styling + +- 181ea10: Select + Textarea: + - Remove `label`, `hideLabel`, `description`, `characterLimit` and `error` as these will be part of `Field` API +- b884fda: Avatar: new component +- c73d83c: Breadcrumbs: ✨ new component +- d0288e2: Paragraph: Add css classes and style with data attributes +- 0e2cdb5: Tag: Make neutral default color in CSS +- a16e83e: Field.Affix: + - Rename `Field.AffixWrapper` to `Field.Affixes` + - Support inputs with `size` attribute +- 529d942: **Badge**: Add `data-variant="base/tinted"`, `base` is default +- 32fdbd4: Breadcrumbs: Rename `Breadcrumbs.Root` to `Breadcrumbs` and remove `Breadcrumbs.Nav` +- d0fad1d: Chip: + - Add `Chip.Button` + - Rename `Chip.Toggle` to `Chip.Radio` and `Chip.Checkbox` + - Remove `Chip.Group` +- 0e4faee: HelpText: + - Use Popover API + - Remove `portal` prop + - Render icon with pseudo element and require aria-label +- fea6de8: **Radio**: Rename `validation` to `error` +- a8f80a6: Textfield: Make one of `label`, `aria-label` or `aria-labelledby` required +- 629bc43: Badge: ✨ New component +- 6959e9d: chore: Replace eslint with biomejs +- dc6e910: ToggleGroup, Tabs: Active item equality check is now strict +- d3229a0: Fieldset: Style using css attributes +- 6b56db2: Table: Add `Table.Foot` and style caption +- de912ae: Badge: Convert to two elements, add `Badge.Position` component for placement +- 436b876: Popover: Rename `PopoverContext` to `PopoverTriggerContext` +- aa344ec: `ValidationMessage` now uses the `p`-element +- d3c58b0: Spinner: `aria-label` required instead of `title` prop +- 23450ce: Select: Add `width="auto"` option and default to full width +- 23192dd: NativeSelect: add focus in `readOnly` state +- 54d3037: Card: Use data attrs +- fce0810: Combobox: fix virtual combobox having large gap between items +- 5601aad: Textfield: Update to use `Field` internally + ## 0.100.51-next.52 ## 1.0.0-next.51 diff --git a/packages/react/package.json b/packages/react/package.json index 84f46bc418..86ac72aa94 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,7 +1,7 @@ { "name": "@digdir/designsystemet-react", "type": "module", - "version": "0.100.51-next.52", + "version": "0.100.51", "description": "React components for Designsystemet", "author": "Designsystemet team", "repository": { diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md index 0bafd07cfa..e222572c86 100644 --- a/packages/theme/CHANGELOG.md +++ b/packages/theme/CHANGELOG.md @@ -1,5 +1,81 @@ # Change Log +## 0.100.51 + +- 2d1da9a: Testing snapshot release +- bbcd95e: tokens: Removed validationmessage and label typography styles +- 0f7418e: Added token `border-width-focus` +- 482f765: Renamed background, surface and contrast color tokens and CSS variables +- a9f0528: refactor: single CSS file for theme +- 957d418: Increased lightness of global `orange` color +- 2cfd56e: docs: :memo: Fix some outdated information in readme +- 0f7418e: Removed token `border-width-highlight` +- 8277775: Body/Paragraph + - Add body-xl token + - Add xl paragraph + - Remove ingress tokens +- 188bd19: CLI: `tokens build` command now generates a `colors.d.ts` file which enables type safety for the `data-color` attribute when included in your `tsconfig.json`. The `@digdir/designsystemet-theme` package has been updated to include types for those themes. +- 2a3c4d3: Removed CSS variables `--ds-spacing-*` & `--ds-sizing-*`, use `--ds-size-*`. +- 58724b7: Changed focus color to use neutral instead of accent color +- df037aa: Changed alias for type declaration exports + - React: export alias `./react-types.d.ts` was changed to `./react-types` + - Theme: added `types` field to default export in package.json, so now it should be posssible to use `"@digdir/designsystemet-theme"` +- dc6ab52: Rename `data-ds-typography` to `data-typography` +- 1a37354: Renamed color step `contrast-1` to `16` +- 0f7418e: Reduced `font-size` scale by one, from 11 to 10. All sizes above and including `font-size-2` have shifted down size by one +- 1a37354: Added new step to color scale, now with a total of 16 +- 1767724: React components and css now support custom colors through the `data-color` attribute. + + **BREAKING CHANGE**: All React components that had a `color` prop have been changed to use `data-color`. + + All1 css targeting `data-color` has been changed to work with all custom colors generated by the CLI. + + `Avatar`, `Badge`, `Button`, and `Link` use `--ds-color-accent-*`2, unless `data-color` is set directly on the element. + + For components that had a `color` prop, but defaulted to something other than `"accent"`, `data-color` must also be set directly on the element. + + All other components that defaulted to `"accent"`, or previously only existed in `"accent"` color, now support `data-color`. They will also inherit their color from the closest `data-color` attribute. If none is found, they use `--ds-color-accent-*`2. + + 1: ...except `Alert`, which only supports `info`, `warning`, `danger` and `success` colors. + 2: If an `"accent"` color is not defined in the theme, the `--ds-color-accent-*` variables will point to the first `main-color`. + +- 6998d4b: **BREAKING CHANGE**: The attribute / prop `data-ds-color-mode` has been renamed to `data-color-scheme` +- f2b9922: chore: Reset `data-color` to degfault color when setting `data-color-scheme` +- 83e083b: Increased the luminance of the Surface Tinted color in light mode and made Surface Tinted stand out more against Surface Default in dark mode. +- 1a37354: Changed order for semantic color tokens in design-tokens +- a452813: CSS variables: `--ds-color-*-{1,2,...,13,contrast-1,contrast-2}`, which were generated from the `primitives` layer of design tokens, have been removed since they are always 1-to-1 with the semantic layer. Use the equivalent variables from the semantic layer instead + + Example, for the `neutral` scale: + + ```css + var(--ds-color-neutral-background-default); /* instead of: var(--ds-color-neutral-1) */ + var(--ds-color-neutral-background-subtle); /* instead of: var(--ds-color-neutral-2) */ + var(--ds-color-neutral-surface-default); /* instead of: var(--ds-color-neutral-3) */ + var(--ds-color-neutral-surface-hover); /* instead of: var(--ds-color-neutral-4) */ + var(--ds-color-neutral-surface-active); /* instead of: var(--ds-color-neutral-5) */ + var(--ds-color-neutral-border-subtle); /* instead of: var(--ds-color-neutral-6) */ + var(--ds-color-neutral-border-default); /* instead of: var(--ds-color-neutral-7) */ + var(--ds-color-neutral-border-strong); /* instead of: var(--ds-color-neutral-8) */ + var(--ds-color-neutral-base-default); /* instead of: var(--ds-color-neutral-9) */ + var(--ds-color-neutral-base-hover); /* instead of: var(--ds-color-neutral-10) */ + var(--ds-color-neutral-base-active); /* instead of: var(--ds-color-neutral-11) */ + var(--ds-color-neutral-text-subtle); /* instead of: var(--ds-color-neutral-12) */ + var(--ds-color-neutral-text-default); /* instead of: var(--ds-color-neutral-13) */ + var(--ds-color-neutral-contrast-default); /* instead of: var(--ds-color-neutral-contrast-1) */ + var(--ds-color-neutral-contrast-subtle); /* instead of: var(--ds-color-neutral-contrast-2) */ + ``` + + ...and similarly for `accent`, `brand1`, `brand2` and `brand3`. + +- 829ec13: Update global colors +- 171eba9: Tweaked color codes. Visually remains the same +- 957d418: Changed `warning` colors to use global `orange` +- 1a37354: Renamed color step `contrast-2` to `15` +- 9d54191: Moved typography based sizing formula to design-tokens +- 5f51c95: Implemented a more flexible system of semantic border-radius tokens. +- 2a3c4d3: Removed design-tokens `sizing` & `spacing`, use `size`. +- 957d418: Removed global `yellow` color. + ## 0.100.51-next.52 ## 1.0.0-next.51 diff --git a/packages/theme/package.json b/packages/theme/package.json index 900c99caa0..960422750b 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet-theme", - "version": "0.100.51-next.52", + "version": "0.100.51", "description": "Predefined themes for Designsystemet", "author": "Designsystemet team", "repository": { From 5bce0a2eacaedb1f30d06b704f01e86ef4ad9c0d Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 13:27:08 +0100 Subject: [PATCH 02/19] chore: remove deprecated actions --- .github/workflows/release-pre-enter.yml | 29 ------------------------- .github/workflows/release-pre-exit.yml | 28 ------------------------ 2 files changed, 57 deletions(-) delete mode 100644 .github/workflows/release-pre-enter.yml delete mode 100644 .github/workflows/release-pre-exit.yml diff --git a/.github/workflows/release-pre-enter.yml b/.github/workflows/release-pre-enter.yml deleted file mode 100644 index 80d0a99673..0000000000 --- a/.github/workflows/release-pre-enter.yml +++ /dev/null @@ -1,29 +0,0 @@ -# https://github.com/changesets/changesets/blob/main/docs/prereleases.md -name: Enter prerelease mode - -on: - workflow_dispatch: - -concurrency: ${{ github.workflow }}-${{ github.ref }} - -jobs: - release: - name: Enter prerelease with next tag - runs-on: ubuntu-latest - timeout-minutes: 20 - steps: - - uses: actions/checkout@v4 - - uses: ./.github/actions/gh-setup - # Only enter prerelease mode if the prerelease file is not present - if: ${{ hashFiles('.changeset/pre.json') == '' }} - - name: Enter prerelease mode for changesets - if: ${{ hashFiles('.changeset/pre.json') == '' }} - run: yarn changeset pre enter next - - name: Commit changes - if: ${{ hashFiles('.changeset/pre.json') == '' }} - uses: EndBug/add-and-commit@v9 - with: - pull: '--rebase --autostash' - default_author: github_actions - message: 'ci: 📖 Enter prerelease mode for changesets' - add: '.' diff --git a/.github/workflows/release-pre-exit.yml b/.github/workflows/release-pre-exit.yml deleted file mode 100644 index 6ed9f44d6b..0000000000 --- a/.github/workflows/release-pre-exit.yml +++ /dev/null @@ -1,28 +0,0 @@ -# https://github.com/changesets/changesets/blob/main/docs/prereleases.md -name: Exit prerelease mode - -on: - workflow_dispatch: - -concurrency: ${{ github.workflow }}-${{ github.ref }} - -jobs: - release: - name: Exit prerelease mode - runs-on: ubuntu-latest - timeout-minutes: 20 - steps: - - uses: actions/checkout@v4 - - uses: ./.github/actions/gh-setup - # Only exit prerelease mode if the prerelease file is present - if: ${{ hashFiles('.changeset/pre.json') != '' }} - - name: Exit prerelease mode for changesets - if: ${{ hashFiles('.changeset/pre.json') != '' }} - run: yarn changeset pre exit next - - name: Commit changes - uses: EndBug/add-and-commit@v9 - with: - pull: '--rebase --autostash' - default_author: github_actions - message: 'ci: 📕 Exit prerelease mode for changesets' - add: '.' From e1b02761470091ea567788c499b8e01f4a6e84bc Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 13:33:36 +0100 Subject: [PATCH 03/19] chore: add check for changeset on changes in packages --- .github/workflows/check-changeset | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 .github/workflows/check-changeset diff --git a/.github/workflows/check-changeset b/.github/workflows/check-changeset new file mode 100644 index 0000000000..d8eaa45c42 --- /dev/null +++ b/.github/workflows/check-changeset @@ -0,0 +1,18 @@ +name: Check if changeset is present +on: + workflow_dispatch: + pull_request: + branches: [main, next] + paths: + - 'packages/cli' + - 'packages/css' + - 'packages/react' + - 'packages/theme' +jobs: + checks: + name: Check if changeset is present + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4 + - name: Check if changeset is present since main + run: yarn changeset status --since=main From bac956b49f43e713b1d29374fd10422eb77196d9 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 13:37:50 +0100 Subject: [PATCH 04/19] chore: enter prerelease --- .changeset/pre.json | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 .changeset/pre.json diff --git a/.changeset/pre.json b/.changeset/pre.json new file mode 100644 index 0000000000..8755f1617e --- /dev/null +++ b/.changeset/pre.json @@ -0,0 +1,16 @@ +{ + "mode": "pre", + "tag": "next", + "initialVersions": { + "@repo/components": "0.0.0", + "storefront": "0.1.0", + "@designsystemet/storybook": "0.1.0", + "theme": "0.1.0", + "@digdir/designsystemet": "0.100.51", + "@digdir/designsystemet-css": "0.100.51", + "@digdir/designsystemet-react": "0.100.51", + "@digdir/designsystemet-theme": "0.100.51", + "figma-plugin": "0.3.0" + }, + "changesets": [] +} From 25f7f8c88709a918b462591cf7e5f53d1c942b6f Mon Sep 17 00:00:00 2001 From: Tobias Barsnes Date: Wed, 26 Feb 2025 13:38:06 +0100 Subject: [PATCH 05/19] feat(cli, themebuilder): invalidate systemcolors as name for color (#3194) Co-authored-by: Michael Marszalek --- .changeset/hungry-singers-fry.md | 5 +++ .../TableCard/TableCard.tsx | 2 +- .../Sidebar/ColorPane/ColorPane.tsx | 35 ++++++++++++++++--- packages/cli/bin/config.ts | 22 ++++++++++-- packages/cli/src/colors/theme.ts | 13 +++++++ 5 files changed, 70 insertions(+), 7 deletions(-) create mode 100644 .changeset/hungry-singers-fry.md diff --git a/.changeset/hungry-singers-fry.md b/.changeset/hungry-singers-fry.md new file mode 100644 index 0000000000..7b77706c35 --- /dev/null +++ b/.changeset/hungry-singers-fry.md @@ -0,0 +1,5 @@ +--- +"@digdir/designsystemet": patch +--- + +Invalidate system colors as color names (success, danger, warning, info, blue, green, orange, red, purple) diff --git a/apps/theme/components/OverviewComponents/TableCard/TableCard.tsx b/apps/theme/components/OverviewComponents/TableCard/TableCard.tsx index 966f94c44c..dc4d4fba9f 100644 --- a/apps/theme/components/OverviewComponents/TableCard/TableCard.tsx +++ b/apps/theme/components/OverviewComponents/TableCard/TableCard.tsx @@ -51,7 +51,7 @@ export const TableCard = () => { - +
diff --git a/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx b/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx index 0684cadbd3..4bfa443d66 100644 --- a/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx +++ b/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx @@ -1,3 +1,4 @@ +import { RESERVED_COLORS } from '@digdir/designsystemet'; import { Button, Heading, @@ -10,6 +11,7 @@ import { ColorPicker, type IColor } from 'react-color-palette'; import { useThemeStore } from '../../../store'; import cl from 'clsx/lite'; +import { useState } from 'react'; import classes from './ColorPane.module.css'; type ColorPaneProps = { @@ -38,6 +40,8 @@ export const ColorPane = ({ colorType, }: ColorPaneProps) => { const mainColors = useThemeStore((state) => state.colors.main); + const [colorError, setColorError] = useState(''); + const disableRemoveButton = colorType === 'main' && mainColors.length === 1; const getHeading = () => { @@ -45,6 +49,27 @@ export const ColorPane = ({ return type === 'addColor' ? 'Legg til ' + t : 'Rediger farge'; }; + const checkNameIsValid = () => { + if (name === '') { + setColorError('Navnet på fargen kan ikke være tomt'); + return false; + } + + if (RESERVED_COLORS.includes(name.toLowerCase())) { + setColorError( + 'Navnet på fargen kan ikke være det samme som våre systemfarger', + ); + return false; + } + setColorError(''); + return true; + }; + + const closeTab = () => { + setColorError(''); + onClose(); + }; + return (
onClose()} + onClick={closeTab} className={classes.back} > Gå tilbake @@ -102,6 +127,8 @@ export const ColorPane = ({ .toLowerCase(); setName(value); }} + onBlur={checkNameIsValid} + error={colorError} /> )}
Farge
@@ -122,6 +149,8 @@ export const ColorPane = ({ data-size='sm' color='neutral' onClick={() => { + /* Check here as well to disable sending new color */ + if (!checkNameIsValid()) return; onPrimaryClicked(color.hex, name); }} > @@ -132,9 +161,7 @@ export const ColorPane = ({ data-size='sm' color='neutral' variant='secondary' - onClick={() => { - onClose(); - }} + onClick={closeTab} > Avbryt diff --git a/packages/cli/bin/config.ts b/packages/cli/bin/config.ts index d2e2f0f87f..dca0585e85 100644 --- a/packages/cli/bin/config.ts +++ b/packages/cli/bin/config.ts @@ -1,6 +1,7 @@ import * as R from 'ramda'; import { z } from 'zod'; import { convertToHex } from '../src/colors/index.js'; +import { RESERVED_COLORS } from '../src/colors/theme.js'; import { cliOptions } from '../src/tokens/create.js'; export function mapPathToOptionName(path: (string | number)[]) { @@ -20,14 +21,31 @@ const hexPatterns = [ `#[0-9a-fA-F]{6}`, `#[0-9a-fA-F]{8}`, ]; +const reservedColorsPattern = `^(?!(?:${RESERVED_COLORS.join('|')})$)`; export const colorRegex = new RegExp(`^${hexPatterns.join('|')}$`); const colorSchema = z - .string({ description: 'A hex color, which is used for creating a color scale' }) + .string({ + description: `A hex color, which is used for creating a color scale. Invalid color names: ${RESERVED_COLORS.join(', ')}`, + }) .regex(colorRegex) .transform(convertToHex); -const colorCategorySchema = z.record(colorSchema, { description: 'One or more color definitions' }); + +const colorCategorySchema = z + .record( + z.string().regex(new RegExp(reservedColorsPattern, 'i'), { + message: `Color names cannot include reserved names: ${RESERVED_COLORS.join(', ')}`, + }), + colorSchema, + { + description: 'One or more color definitions', + invalid_type_error: 'Color definitions must be hex color values', + }, + ) + .refine((colors) => !Object.keys(colors).some((key) => RESERVED_COLORS.includes(key.toLowerCase())), { + message: `Color names cannot include reserved names: ${RESERVED_COLORS.join(', ')}`, + }); const themeSchema = z.object( { diff --git a/packages/cli/src/colors/theme.ts b/packages/cli/src/colors/theme.ts index 4bd163ca1f..419c21528d 100644 --- a/packages/cli/src/colors/theme.ts +++ b/packages/cli/src/colors/theme.ts @@ -5,6 +5,19 @@ import type { CssColor } from './types.js'; import type { Color, ColorNumber, ColorScheme, ThemeInfo } from './types.js'; import { getLightnessFromHex, getLuminanceFromLightness } from './utils.js'; +export const RESERVED_COLORS = [ + 'neutral', + 'success', + 'warning', + 'danger', + 'info', + 'blue', + 'green', + 'orange', + 'purple', + 'red', +]; + /** * Generates a color scale based on a base color and a color mode. * From d19851a5be4766a49f783bb1f2a4c2bf84e2b019 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 26 Feb 2025 13:42:12 +0100 Subject: [PATCH 06/19] chore: new release (next) (#3227) Co-authored-by: github-actions[bot] --- .changeset/pre.json | 4 +++- packages/cli/CHANGELOG.md | 6 ++++++ packages/cli/package.json | 2 +- packages/css/CHANGELOG.md | 2 ++ packages/css/package.json | 2 +- packages/react/CHANGELOG.md | 2 ++ packages/react/package.json | 2 +- packages/theme/CHANGELOG.md | 2 ++ packages/theme/package.json | 2 +- 9 files changed, 19 insertions(+), 5 deletions(-) diff --git a/.changeset/pre.json b/.changeset/pre.json index 8755f1617e..966ccd4ad7 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -12,5 +12,7 @@ "@digdir/designsystemet-theme": "0.100.51", "figma-plugin": "0.3.0" }, - "changesets": [] + "changesets": [ + "hungry-singers-fry" + ] } diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md index a358d82ed0..f0f136cc2d 100644 --- a/packages/cli/CHANGELOG.md +++ b/packages/cli/CHANGELOG.md @@ -1,5 +1,11 @@ # Change Log +## 0.100.52-next.0 + +### Patch Changes + +- Invalidate system colors as color names (success, danger, warning, info, blue, green, orange, red, purple) ([#3194](https://github.com/digdir/designsystemet/pull/3194)) + ## 0.100.51 - 2d1da9a: Testing snapshot release diff --git a/packages/cli/package.json b/packages/cli/package.json index 9aff784766..50084e8150 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet", - "version": "0.100.51", + "version": "0.100.52-next.0", "description": "CLI for Designsystemet", "author": "Designsystemet team", "engines": { diff --git a/packages/css/CHANGELOG.md b/packages/css/CHANGELOG.md index bc99b05af1..1a34307989 100644 --- a/packages/css/CHANGELOG.md +++ b/packages/css/CHANGELOG.md @@ -1,5 +1,7 @@ # Change Log +## 0.100.52-next.0 + ## 0.100.51 - e9ca9b7: Pagination: diff --git a/packages/css/package.json b/packages/css/package.json index d2750fdeed..222b709521 100644 --- a/packages/css/package.json +++ b/packages/css/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet-css", - "version": "0.100.51", + "version": "0.100.52-next.0", "description": "CSS for Designsystemet", "author": "Designsystemet team", "repository": { diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index be7c3286b4..43a81be1f9 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,7 @@ # Change Log +## 0.100.52-next.0 + ## 0.100.51 - e9ca9b7: Pagination: diff --git a/packages/react/package.json b/packages/react/package.json index 86ac72aa94..a2834e4cc4 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,7 +1,7 @@ { "name": "@digdir/designsystemet-react", "type": "module", - "version": "0.100.51", + "version": "0.100.52-next.0", "description": "React components for Designsystemet", "author": "Designsystemet team", "repository": { diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md index e222572c86..e7614743dd 100644 --- a/packages/theme/CHANGELOG.md +++ b/packages/theme/CHANGELOG.md @@ -1,5 +1,7 @@ # Change Log +## 0.100.52-next.0 + ## 0.100.51 - 2d1da9a: Testing snapshot release diff --git a/packages/theme/package.json b/packages/theme/package.json index 960422750b..6bb82ddc16 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet-theme", - "version": "0.100.51", + "version": "0.100.52-next.0", "description": "Predefined themes for Designsystemet", "author": "Designsystemet team", "repository": { From db398e34aa1ccd81dfaef497923e7dc7d14bde98 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 13:45:06 +0100 Subject: [PATCH 07/19] chore: exit prerelease --- .changeset/pre.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/pre.json b/.changeset/pre.json index 966ccd4ad7..e09c565ec3 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -1,5 +1,5 @@ { - "mode": "pre", + "mode": "exit", "tag": "next", "initialVersions": { "@repo/components": "0.0.0", From 22a544d0315d07c6e26d13ab01f83e71af01c275 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 26 Feb 2025 13:56:26 +0100 Subject: [PATCH 08/19] chore: new release (#3229) Co-authored-by: github-actions[bot] --- .changeset/hungry-singers-fry.md | 5 ----- .changeset/pre.json | 18 ------------------ packages/cli/CHANGELOG.md | 6 ++++++ packages/cli/package.json | 2 +- packages/css/CHANGELOG.md | 2 ++ packages/css/package.json | 2 +- packages/react/CHANGELOG.md | 2 ++ packages/react/package.json | 2 +- packages/theme/CHANGELOG.md | 2 ++ packages/theme/package.json | 2 +- 10 files changed, 16 insertions(+), 27 deletions(-) delete mode 100644 .changeset/hungry-singers-fry.md delete mode 100644 .changeset/pre.json diff --git a/.changeset/hungry-singers-fry.md b/.changeset/hungry-singers-fry.md deleted file mode 100644 index 7b77706c35..0000000000 --- a/.changeset/hungry-singers-fry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@digdir/designsystemet": patch ---- - -Invalidate system colors as color names (success, danger, warning, info, blue, green, orange, red, purple) diff --git a/.changeset/pre.json b/.changeset/pre.json deleted file mode 100644 index e09c565ec3..0000000000 --- a/.changeset/pre.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "mode": "exit", - "tag": "next", - "initialVersions": { - "@repo/components": "0.0.0", - "storefront": "0.1.0", - "@designsystemet/storybook": "0.1.0", - "theme": "0.1.0", - "@digdir/designsystemet": "0.100.51", - "@digdir/designsystemet-css": "0.100.51", - "@digdir/designsystemet-react": "0.100.51", - "@digdir/designsystemet-theme": "0.100.51", - "figma-plugin": "0.3.0" - }, - "changesets": [ - "hungry-singers-fry" - ] -} diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md index f0f136cc2d..1cb3e4b3a8 100644 --- a/packages/cli/CHANGELOG.md +++ b/packages/cli/CHANGELOG.md @@ -1,5 +1,11 @@ # Change Log +## 0.100.52 + +### Patch Changes + +- Invalidate system colors as color names (success, danger, warning, info, blue, green, orange, red, purple) ([#3228](https://github.com/digdir/designsystemet/pull/3228)) + ## 0.100.52-next.0 ### Patch Changes diff --git a/packages/cli/package.json b/packages/cli/package.json index 50084e8150..c854da441f 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet", - "version": "0.100.52-next.0", + "version": "0.100.52", "description": "CLI for Designsystemet", "author": "Designsystemet team", "engines": { diff --git a/packages/css/CHANGELOG.md b/packages/css/CHANGELOG.md index 1a34307989..cd9691eef2 100644 --- a/packages/css/CHANGELOG.md +++ b/packages/css/CHANGELOG.md @@ -1,5 +1,7 @@ # Change Log +## 0.100.52 + ## 0.100.52-next.0 ## 0.100.51 diff --git a/packages/css/package.json b/packages/css/package.json index 222b709521..93bb733257 100644 --- a/packages/css/package.json +++ b/packages/css/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet-css", - "version": "0.100.52-next.0", + "version": "0.100.52", "description": "CSS for Designsystemet", "author": "Designsystemet team", "repository": { diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 43a81be1f9..44adad8018 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,7 @@ # Change Log +## 0.100.52 + ## 0.100.52-next.0 ## 0.100.51 diff --git a/packages/react/package.json b/packages/react/package.json index a2834e4cc4..4c25c7c513 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,7 +1,7 @@ { "name": "@digdir/designsystemet-react", "type": "module", - "version": "0.100.52-next.0", + "version": "0.100.52", "description": "React components for Designsystemet", "author": "Designsystemet team", "repository": { diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md index e7614743dd..d071e82b99 100644 --- a/packages/theme/CHANGELOG.md +++ b/packages/theme/CHANGELOG.md @@ -1,5 +1,7 @@ # Change Log +## 0.100.52 + ## 0.100.52-next.0 ## 0.100.51 diff --git a/packages/theme/package.json b/packages/theme/package.json index 6bb82ddc16..fbf593c04a 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/designsystemet-theme", - "version": "0.100.52-next.0", + "version": "0.100.52", "description": "Predefined themes for Designsystemet", "author": "Designsystemet team", "repository": { From 8dbd04582081f5106f9cdae3a798224aebba97f1 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 17:20:45 +0100 Subject: [PATCH 09/19] chore: update main (#3233) Co-authored-by: Tobias Barsnes Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] --- .github/workflows/check-changeset | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/.github/workflows/check-changeset b/.github/workflows/check-changeset index d8eaa45c42..073e3c3715 100644 --- a/.github/workflows/check-changeset +++ b/.github/workflows/check-changeset @@ -1,18 +1,17 @@ -name: Check if changeset is present +name: Check if changeset is present for package changes on: workflow_dispatch: pull_request: - branches: [main, next] paths: - - 'packages/cli' - - 'packages/css' - - 'packages/react' - - 'packages/theme' + - 'packages/cli/**' + - 'packages/css/**' + - 'packages/react/**' + - 'packages/theme/**' jobs: checks: name: Check if changeset is present runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - - name: Check if changeset is present since main + - name: Check if changeset run: yarn changeset status --since=main From e5f0943a079fce31ad0d905f0112c4ada66411cd Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 17:30:13 +0100 Subject: [PATCH 10/19] chore: fix faulty file ext. --- .github/workflows/{check-changeset => check-changeset.yml} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename .github/workflows/{check-changeset => check-changeset.yml} (100%) diff --git a/.github/workflows/check-changeset b/.github/workflows/check-changeset.yml similarity index 100% rename from .github/workflows/check-changeset rename to .github/workflows/check-changeset.yml From eac1cc97b54f360d1bdc000bc8e16136fe693bb3 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 17:34:29 +0100 Subject: [PATCH 11/19] chore: fix check changeset --- .github/workflows/check-changeset.yml | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/.github/workflows/check-changeset.yml b/.github/workflows/check-changeset.yml index 073e3c3715..f2c2fb7a1d 100644 --- a/.github/workflows/check-changeset.yml +++ b/.github/workflows/check-changeset.yml @@ -1,4 +1,4 @@ -name: Check if changeset is present for package changes +name: Check changeset on: workflow_dispatch: pull_request: @@ -13,5 +13,6 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 - - name: Check if changeset + - uses: ./.github/actions/gh-setup + - name: Check if changeset status run: yarn changeset status --since=main From 415e5404e1589e4b60e68631b3a561077a42b1e3 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 17:38:35 +0100 Subject: [PATCH 12/19] chore: check changeset against PR base ref --- .github/workflows/check-changeset.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.github/workflows/check-changeset.yml b/.github/workflows/check-changeset.yml index f2c2fb7a1d..a8a03616e5 100644 --- a/.github/workflows/check-changeset.yml +++ b/.github/workflows/check-changeset.yml @@ -15,4 +15,4 @@ jobs: - uses: actions/checkout@v4 - uses: ./.github/actions/gh-setup - name: Check if changeset status - run: yarn changeset status --since=main + run: yarn changeset status --since=${{ github.event.pull_request.base.ref}} From fe69516ab0923803cfedc442dad021f0891dc58e Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Wed, 26 Feb 2025 19:47:01 +0100 Subject: [PATCH 13/19] chore: add fetch-depth 0 to action --- .github/workflows/check-changeset.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/.github/workflows/check-changeset.yml b/.github/workflows/check-changeset.yml index a8a03616e5..958303a55f 100644 --- a/.github/workflows/check-changeset.yml +++ b/.github/workflows/check-changeset.yml @@ -13,6 +13,8 @@ jobs: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 + with: + fetch-depth: 0 - uses: ./.github/actions/gh-setup - name: Check if changeset status run: yarn changeset status --since=${{ github.event.pull_request.base.ref}} From 104fc460acec8e2bc344812786bfe2888c32f207 Mon Sep 17 00:00:00 2001 From: Tobias Barsnes Date: Wed, 26 Feb 2025 19:49:12 +0100 Subject: [PATCH 14/19] feat(Button): `loading` sets `aria-disabled` (#3211) --- .changeset/eleven-hounds-mix.md | 5 +++++ .changeset/fast-years-push.md | 5 +++++ packages/css/src/button.css | 6 ++++++ packages/react/src/components/Button/Button.mdx | 3 ++- packages/react/src/components/Button/Button.tsx | 1 + 5 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 .changeset/eleven-hounds-mix.md create mode 100644 .changeset/fast-years-push.md diff --git a/.changeset/eleven-hounds-mix.md b/.changeset/eleven-hounds-mix.md new file mode 100644 index 0000000000..afc95bf13d --- /dev/null +++ b/.changeset/eleven-hounds-mix.md @@ -0,0 +1,5 @@ +--- +"@digdir/designsystemet-css": patch +--- + +**Button**: When setting both `aria-busy` and `aria-disabled`, we don't turn down opacity, and show a progress cursor diff --git a/.changeset/fast-years-push.md b/.changeset/fast-years-push.md new file mode 100644 index 0000000000..30412c160a --- /dev/null +++ b/.changeset/fast-years-push.md @@ -0,0 +1,5 @@ +--- +"@digdir/designsystemet-react": patch +--- + +**Button**: `loading` now sets `aria-disabled="true"` diff --git a/packages/css/src/button.css b/packages/css/src/button.css index 0cc4873cbb..985ca7995f 100644 --- a/packages/css/src/button.css +++ b/packages/css/src/button.css @@ -99,6 +99,12 @@ &:is(:disabled, [aria-disabled='true']) { cursor: not-allowed; opacity: var(--ds-disabled-opacity); + + /* When both aria-disabled and aria-busy is true, opacity should be 1 and cursor should be progress */ + &[aria-busy='true'] { + opacity: 1; + cursor: progress; + } } /* Using :where to prevent adding specificity */ diff --git a/packages/react/src/components/Button/Button.mdx b/packages/react/src/components/Button/Button.mdx index 2f05a1d675..01c61166fb 100644 --- a/packages/react/src/components/Button/Button.mdx +++ b/packages/react/src/components/Button/Button.mdx @@ -118,10 +118,11 @@ Ikon skalerer automatisk basert på knappestørrelse, men du endre denne ved å ### Last inn Når vi skal vise brukeren at knappen laster noe, kan vi kombinere knappen med en `spinner`. +I eksempelet under bruker vi proppen `loading` for å vise at knappen laster. -I eksempelet over har vi brukt `aria-disabled` til å deaktivere knappene. Dette er den anbefalte måten for å vise at en knapp er deaktivert. Da kan den fortsatt få fokus når noen navigerer med tastaturet. Slik vil blant annet skjermlesere og andre hjelpemidler bli informert om at knappen finnes, men ikke er aktiv. +I eksempelet over blir `aria-disabled` satt av `loading="true"`. Dette er den anbefalte måten for å vise at en knapp er deaktivert. Da kan den fortsatt få fokus når noen navigerer med tastaturet. Slik vil blant annet skjermlesere og andre hjelpemidler bli informert om at knappen finnes, men ikke er aktiv. Denne egenskapen stopper ikke automatisk knappen fra å utløse `onClick`. diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx index a0fbe99bf1..390ad451ad 100644 --- a/packages/react/src/components/Button/Button.tsx +++ b/packages/react/src/components/Button/Button.tsx @@ -64,6 +64,7 @@ export const Button = forwardRef( return ( Date: Wed, 26 Feb 2025 19:54:34 +0100 Subject: [PATCH 15/19] fix(Suggestion): fix clear button not unselecting option (#3212) --- .changeset/fair-geckos-judge.md | 5 ++++ .../Suggestion/Suggestion.stories.tsx | 4 +-- .../components/Suggestion/SuggestionClear.tsx | 25 +++++++++++-------- 3 files changed, 21 insertions(+), 13 deletions(-) create mode 100644 .changeset/fair-geckos-judge.md diff --git a/.changeset/fair-geckos-judge.md b/.changeset/fair-geckos-judge.md new file mode 100644 index 0000000000..f04cd344a2 --- /dev/null +++ b/.changeset/fair-geckos-judge.md @@ -0,0 +1,5 @@ +--- +"@digdir/designsystemet-react": patch +--- + +**Suggestion**: Fix clear button not unselecting the selected option diff --git a/packages/react/src/components/Suggestion/Suggestion.stories.tsx b/packages/react/src/components/Suggestion/Suggestion.stories.tsx index 2a6819a6f1..b0ff1f4133 100644 --- a/packages/react/src/components/Suggestion/Suggestion.stories.tsx +++ b/packages/react/src/components/Suggestion/Suggestion.stories.tsx @@ -52,13 +52,13 @@ async function testSuggestion(el: HTMLElement) { } const DATA_PLACES = [ - 'Lillestrøm', 'Sogndal', 'Oslo', - 'Stavanger', 'Brønnøysund', + 'Stavanger', 'Trondheim', 'Bergen', + 'Lillestrøm', ]; export const Preview: StoryFn = (args) => { diff --git a/packages/react/src/components/Suggestion/SuggestionClear.tsx b/packages/react/src/components/Suggestion/SuggestionClear.tsx index a50b473226..86e39c6e84 100644 --- a/packages/react/src/components/Suggestion/SuggestionClear.tsx +++ b/packages/react/src/components/Suggestion/SuggestionClear.tsx @@ -42,6 +42,7 @@ export const SuggestionClear = forwardRef< event.preventDefault(); setReactInputValue(inputRef.current, ''); + inputRef.current.focus(); onClick?.(event); }; @@ -63,20 +64,22 @@ export const SuggestionClear = forwardRef< // React ignores 'dispathEvent' on input/textarea, see https://github.com/facebook/react/issues/10135 type ReactInternalHack = { _valueTracker?: { setValue: (a: string) => void } }; +// Copied from https://github.com/facebook/react/issues/11488#issuecomment-1300987446 export const setReactInputValue = ( input: HTMLInputElement & ReactInternalHack, value: string, ): void => { - const previousValue = input.value; - - input.value = value; - - const tracker = input._valueTracker; - - if (typeof tracker !== 'undefined') { - tracker.setValue(previousValue); + const nativeInputValueSetter = Object.getOwnPropertyDescriptor( + window.HTMLInputElement.prototype, + 'value', + )?.set; + if (nativeInputValueSetter) { + nativeInputValueSetter.call(input, value); + } else { + throw new Error('Unable to find the native input value setter'); } - - //'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324 - input.dispatchEvent(new Event('change', { bubbles: true })); + const inputEvent = new Event('input', { bubbles: true }); + const changeEvent = new Event('change', { bubbles: true }); + input.dispatchEvent(inputEvent); + input.dispatchEvent(changeEvent); }; From 5d48e99474f05c382029e9f9277cfc2146bc198d Mon Sep 17 00:00:00 2001 From: Tobias Barsnes Date: Wed, 26 Feb 2025 19:55:26 +0100 Subject: [PATCH 16/19] chore(storefront): streamline headinglevels (#3215) --- apps/storefront/app/(frontpage)/layout.tsx | 2 +- apps/storefront/app/bloggen/(frontpage)/layout.tsx | 2 +- apps/storefront/app/bloggen/(frontpage)/page.mdx | 5 +++++ .../bloggen/_components/PostLayout/PostLayout.module.css | 9 ++------- .../app/bloggen/_components/PostLayout/PostLayout.tsx | 2 +- apps/storefront/app/komponenter/layout.tsx | 2 +- .../components/ComponentCard/ComponentCard.tsx | 1 + apps/storefront/components/SidebarMenu/SidebarMenu.tsx | 4 ++-- .../storefront/layouts/MenuPageLayout/MenuPageLayout.tsx | 6 ++++-- .../layouts/NavMenuPageLayout/NavMenuPageLayout.tsx | 2 +- apps/storefront/layouts/NavPageLayout/NavPageLayout.tsx | 2 +- apps/storefront/layouts/PageLayout/PageLayout.module.css | 5 ----- 12 files changed, 20 insertions(+), 22 deletions(-) diff --git a/apps/storefront/app/(frontpage)/layout.tsx b/apps/storefront/app/(frontpage)/layout.tsx index 8d052e7d9d..d30600c7a1 100644 --- a/apps/storefront/app/(frontpage)/layout.tsx +++ b/apps/storefront/app/(frontpage)/layout.tsx @@ -75,7 +75,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
Next
- + Designsystemet hjelper deg å lage gode digitale tjenester
diff --git a/apps/storefront/app/bloggen/(frontpage)/layout.tsx b/apps/storefront/app/bloggen/(frontpage)/layout.tsx index 47ea2bef1d..906acbfa67 100644 --- a/apps/storefront/app/bloggen/(frontpage)/layout.tsx +++ b/apps/storefront/app/bloggen/(frontpage)/layout.tsx @@ -17,7 +17,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => { - Bloggen + Bloggen
diff --git a/apps/storefront/app/bloggen/(frontpage)/page.mdx b/apps/storefront/app/bloggen/(frontpage)/page.mdx index 31189df65a..ded1295356 100644 --- a/apps/storefront/app/bloggen/(frontpage)/page.mdx +++ b/apps/storefront/app/bloggen/(frontpage)/page.mdx @@ -17,6 +17,7 @@ export const metadata = { image='/img/bloggen/fargepallet.png' author='Designsystemet' featured={true} + level={2} /> @@ -28,6 +29,7 @@ export const metadata = { image='/img/bloggen/helptext.png' author='Designsystemet' featured={false} + level={2} /> {content} -
+
Ønsker du å skrive for bloggen? diff --git a/apps/storefront/app/komponenter/layout.tsx b/apps/storefront/app/komponenter/layout.tsx index 7c6187abf4..6d27adc289 100644 --- a/apps/storefront/app/komponenter/layout.tsx +++ b/apps/storefront/app/komponenter/layout.tsx @@ -21,7 +21,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => { - Komponenter + Komponenter Designsystemet inneholder grunnleggende komponenter som kan settes sammen på mange ulike måter og i forskjellige mønstre. diff --git a/apps/storefront/components/ComponentCard/ComponentCard.tsx b/apps/storefront/components/ComponentCard/ComponentCard.tsx index 2b7eee02b8..4305e9d6d7 100644 --- a/apps/storefront/components/ComponentCard/ComponentCard.tsx +++ b/apps/storefront/components/ComponentCard/ComponentCard.tsx @@ -17,6 +17,7 @@ const ComponentCard = ({ title, image, url }: ComponentCardProps) => { src={'/img/component-previews/' + image} alt={title} className={classes.image} + aria-hidden='true' /> {title} diff --git a/apps/storefront/components/SidebarMenu/SidebarMenu.tsx b/apps/storefront/components/SidebarMenu/SidebarMenu.tsx index 85808e4eb4..7aa8280dc5 100644 --- a/apps/storefront/components/SidebarMenu/SidebarMenu.tsx +++ b/apps/storefront/components/SidebarMenu/SidebarMenu.tsx @@ -51,9 +51,9 @@ const SidebarMenu = ({ routerPath }: SidebarMenuProps) => {
-

+

{SiteConfig.menu[activeIndex].name} -

+
    {SiteConfig.menu[activeIndex].children.map( diff --git a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx index 8141ac497c..a1b525136f 100644 --- a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx +++ b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.tsx @@ -42,7 +42,7 @@ const MenuPageLayout = ({ content, data, banner }: PageLayoutProps) => { {banner && ( {banner.icon} - {banner.title} + {banner.title} {banner.ingress && {banner.ingress}} )} @@ -54,7 +54,9 @@ const MenuPageLayout = ({ content, data, banner }: PageLayoutProps) => { {data && (
    - {data.title} + + {data.title} + {data.date &&
    {data.date}
    }
    { {banner && ( {banner.icon} - {banner.title} + {banner.title} {banner.ingress && {banner.ingress}} )} diff --git a/apps/storefront/layouts/NavPageLayout/NavPageLayout.tsx b/apps/storefront/layouts/NavPageLayout/NavPageLayout.tsx index 156baedebb..dd4f096eb3 100644 --- a/apps/storefront/layouts/NavPageLayout/NavPageLayout.tsx +++ b/apps/storefront/layouts/NavPageLayout/NavPageLayout.tsx @@ -32,7 +32,7 @@ const NavPageLayout = ({ content, data, banner }: NavPageLayoutProps) => { {banner && ( {banner.icon} - {banner.title} + {banner.title} {banner.ingress && {banner.ingress}} )} diff --git a/apps/storefront/layouts/PageLayout/PageLayout.module.css b/apps/storefront/layouts/PageLayout/PageLayout.module.css index e76979afc2..5b4f7590af 100644 --- a/apps/storefront/layouts/PageLayout/PageLayout.module.css +++ b/apps/storefront/layouts/PageLayout/PageLayout.module.css @@ -27,11 +27,6 @@ .backBtn { margin-bottom: var(--ds-size-10); - color: inherit; -} - -.backBtn:visited { - color: inherit; } .backBtn svg { From d139e10c35032b3ee854e25a31bf95f2589fb93a Mon Sep 17 00:00:00 2001 From: Tobias Barsnes Date: Wed, 26 Feb 2025 20:04:27 +0100 Subject: [PATCH 17/19] chore(Themebuilder): a11y enhancements (#3230) Co-authored-by: Michael Marszalek Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] --- .github/workflows/check-changeset | 17 ++ apps/_components/src/Header/Header.tsx | 4 +- apps/theme/app/page.tsx | 6 +- apps/theme/app/themebuilder/page.module.css | 1 + apps/theme/app/themebuilder/page.tsx | 10 +- .../AppearanceToggle/AppearanceToggle.tsx | 4 +- .../BorderRadiusInput/BorderRadiusInput.tsx | 6 +- apps/theme/components/Color/Color.tsx | 4 +- .../ColorContrasts/ColorContrasts.tsx | 2 + .../components/ColorInput/ColorInput.tsx | 6 +- apps/theme/components/Group/Group.tsx | 1 + .../OverviewComponents/OverviewComponents.tsx | 7 +- .../SettingsCard/SettingsCard.tsx | 23 +- .../Dashboard/AreaChart/AreaChart.module.css | 11 - .../Dashboard/AreaChart/AreaChart.tsx | 82 ------- .../Dashboard/BarChart/BarChart.module.css | 11 - .../Previews/Dashboard/BarChart/BarChart.tsx | 60 ----- .../Dashboard/ColorCard/ColorCard.module.css | 55 ----- .../Dashboard/ColorCard/ColorCard.tsx | 45 ---- .../Previews/Dashboard/Dashboard.module.css | 169 ------------- .../Previews/Dashboard/Dashboard.tsx | 183 -------------- .../Dashboard/LineCart/LineChart.module.css | 11 - .../Previews/Dashboard/LineCart/LineChart.tsx | 72 ------ .../components/Previews/Landing/Landing.tsx | 4 +- .../Sidebar/ColorPage/ColorPage.tsx | 231 +++++++++--------- .../Sidebar/ColorPane/ColorPane.tsx | 12 +- .../Sidebar/FinishPage/FinishPage.tsx | 2 +- apps/theme/components/Sidebar/Sidebar.tsx | 3 +- apps/theme/components/SizeInput/SizeInput.tsx | 6 +- .../components/ThemeHeader/ThemeHeader.tsx | 6 +- .../components/TokenModal/TokenModal.tsx | 2 +- 31 files changed, 188 insertions(+), 868 deletions(-) create mode 100644 .github/workflows/check-changeset delete mode 100644 apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.module.css delete mode 100644 apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.tsx delete mode 100644 apps/theme/components/Previews/Dashboard/BarChart/BarChart.module.css delete mode 100644 apps/theme/components/Previews/Dashboard/BarChart/BarChart.tsx delete mode 100644 apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.module.css delete mode 100644 apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.tsx delete mode 100644 apps/theme/components/Previews/Dashboard/Dashboard.module.css delete mode 100644 apps/theme/components/Previews/Dashboard/Dashboard.tsx delete mode 100644 apps/theme/components/Previews/Dashboard/LineCart/LineChart.module.css delete mode 100644 apps/theme/components/Previews/Dashboard/LineCart/LineChart.tsx diff --git a/.github/workflows/check-changeset b/.github/workflows/check-changeset new file mode 100644 index 0000000000..073e3c3715 --- /dev/null +++ b/.github/workflows/check-changeset @@ -0,0 +1,17 @@ +name: Check if changeset is present for package changes +on: + workflow_dispatch: + pull_request: + paths: + - 'packages/cli/**' + - 'packages/css/**' + - 'packages/react/**' + - 'packages/theme/**' +jobs: + checks: + name: Check if changeset is present + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4 + - name: Check if changeset + run: yarn changeset status --since=main diff --git a/apps/_components/src/Header/Header.tsx b/apps/_components/src/Header/Header.tsx index beba9b29b1..5d00cd39ab 100644 --- a/apps/_components/src/Header/Header.tsx +++ b/apps/_components/src/Header/Header.tsx @@ -222,9 +222,9 @@ const Header = ({ className={classes.toggleButton} > {theme === 'dark' ? ( - + ) : ( - + )} diff --git a/apps/theme/app/page.tsx b/apps/theme/app/page.tsx index 41e6c55338..2b21e7a1df 100644 --- a/apps/theme/app/page.tsx +++ b/apps/theme/app/page.tsx @@ -65,7 +65,7 @@ export default function Home() {
    Designsystemet sin temabygger - + Sett i gang med å bygge ditt eget tema @@ -76,13 +76,13 @@ export default function Home() {
    diff --git a/apps/theme/app/themebuilder/page.module.css b/apps/theme/app/themebuilder/page.module.css index cb3a0e2ea3..f3a75f9ac7 100644 --- a/apps/theme/app/themebuilder/page.module.css +++ b/apps/theme/app/themebuilder/page.module.css @@ -18,6 +18,7 @@ justify-content: space-between; flex-wrap: wrap; gap: 24px; + flex-direction: row-reverse; } .hide { diff --git a/apps/theme/app/themebuilder/page.tsx b/apps/theme/app/themebuilder/page.tsx index b9ce52ddc8..0bdd7d8c8e 100644 --- a/apps/theme/app/themebuilder/page.tsx +++ b/apps/theme/app/themebuilder/page.tsx @@ -10,19 +10,19 @@ export default function Page() { useThemeParams(); return ( -
    +
    +
    + +
    -
    - -
    -
    +
); } diff --git a/apps/theme/components/AppearanceToggle/AppearanceToggle.tsx b/apps/theme/components/AppearanceToggle/AppearanceToggle.tsx index cc5ea89ee9..f2f6e15b27 100644 --- a/apps/theme/components/AppearanceToggle/AppearanceToggle.tsx +++ b/apps/theme/components/AppearanceToggle/AppearanceToggle.tsx @@ -50,10 +50,10 @@ export const AppearanceToggle = ({ aria-current={colorScheme.value === active} > {colorScheme.value === 'light' && ( - + )} {colorScheme.value === 'dark' && ( - + )} {colorScheme.name} diff --git a/apps/theme/components/BorderRadiusInput/BorderRadiusInput.tsx b/apps/theme/components/BorderRadiusInput/BorderRadiusInput.tsx index d8abd7501f..c659a2b339 100644 --- a/apps/theme/components/BorderRadiusInput/BorderRadiusInput.tsx +++ b/apps/theme/components/BorderRadiusInput/BorderRadiusInput.tsx @@ -19,7 +19,11 @@ export const BorderRadiusInput = () => { Foreslått basis Border radius -
+
{items.map((item, index) => (
( { color, contrast, featured, lightness, showColorMeta = true, ...rest }, ref, ) => { - const setSelectedColor = useThemeStore((state) => state.setSelectedColor); return ( <> @@ -45,7 +43,7 @@ export const Color = forwardRef( {contrast}
- + {lightness}
diff --git a/apps/theme/components/ColorContrasts/ColorContrasts.tsx b/apps/theme/components/ColorContrasts/ColorContrasts.tsx index 059c39bc9f..0a55dc0c65 100644 --- a/apps/theme/components/ColorContrasts/ColorContrasts.tsx +++ b/apps/theme/components/ColorContrasts/ColorContrasts.tsx @@ -190,6 +190,7 @@ export const ColorContrasts = () => { onChange={(e) => { setSelectedColor(e.target.value); }} + aria-label='Velg farge for å se kontraster' > {(['main', 'neutral', 'support'] as Array).map( (group) => @@ -237,6 +238,7 @@ export const ColorContrasts = () => { onChange={(e) => { setSelectedBaseColor(e.target.value); }} + aria-label='Velg farge for å se kontraster' > {(['main', 'neutral', 'support'] as Array).map( (group) => diff --git a/apps/theme/components/ColorInput/ColorInput.tsx b/apps/theme/components/ColorInput/ColorInput.tsx index 2ac3ba4a40..c0b367218f 100644 --- a/apps/theme/components/ColorInput/ColorInput.tsx +++ b/apps/theme/components/ColorInput/ColorInput.tsx @@ -20,11 +20,7 @@ export const ColorInput = ({ name, color, onClick }: ColorInputProps) => { >
{color}
- +
); diff --git a/apps/theme/components/Group/Group.tsx b/apps/theme/components/Group/Group.tsx index 2755ffd762..736be6780b 100644 --- a/apps/theme/components/Group/Group.tsx +++ b/apps/theme/components/Group/Group.tsx @@ -75,6 +75,7 @@ export const Group = ({ contrast={'dd'} lightness={'dd'} showColorMeta={showColorMeta} + aria-label={`Se mer om ${namespace} ${color?.displayName}`} onClick={() => colorModalRefs.current[index]?.current?.showModal() } diff --git a/apps/theme/components/OverviewComponents/OverviewComponents.tsx b/apps/theme/components/OverviewComponents/OverviewComponents.tsx index ce86d42b52..779e98ccfa 100644 --- a/apps/theme/components/OverviewComponents/OverviewComponents.tsx +++ b/apps/theme/components/OverviewComponents/OverviewComponents.tsx @@ -87,16 +87,17 @@ export const OverviewComponents = forwardRef( variant='square' className={classes.avatar} > - +
-
Designer
-
Ola Normann
+
{user.role}
+
{user.name}
diff --git a/apps/theme/components/OverviewComponents/SettingsCard/SettingsCard.tsx b/apps/theme/components/OverviewComponents/SettingsCard/SettingsCard.tsx index 1231f847a1..fb030d862e 100644 --- a/apps/theme/components/OverviewComponents/SettingsCard/SettingsCard.tsx +++ b/apps/theme/components/OverviewComponents/SettingsCard/SettingsCard.tsx @@ -11,27 +11,21 @@ import classes from './SettingsCard.module.css'; export const SettingsCard = () => { const { getRadioProps } = useRadioGroup({ name: 'my-group', - value: 'sjokolade', + value: 'datamaskin', }); return (
Innstillinger - Her kan du administrere brukerene{' '} + Her kan du administrere visning
-
- Visning - - Her kan du administrere - -
@@ -39,13 +33,10 @@ export const SettingsCard = () => {
Visnigsmodus - - - - + + + +
diff --git a/apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.module.css b/apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.module.css deleted file mode 100644 index b737cf9bad..0000000000 --- a/apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.module.css +++ /dev/null @@ -1,11 +0,0 @@ -.area { - margin-top: 24px; -} - -.area svg g:nth-child(7) path:first-child { - fill: var(--brand1-7); -} - -.area svg g:nth-child(8) path:first-child { - fill: var(--brand3-7); -} diff --git a/apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.tsx b/apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.tsx deleted file mode 100644 index 3ec35be63a..0000000000 --- a/apps/theme/components/Previews/Dashboard/AreaChart/AreaChart.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import { - Area, - AreaChart, - CartesianGrid, - ResponsiveContainer, - Tooltip, - XAxis, - YAxis, -} from 'recharts'; - -import classes from './AreaChart.module.css'; - -const data = [ - { - name: 'Jan', - uv: 4000, - pv: 2400, - amt: 2400, - }, - { - name: 'Feb', - uv: 3000, - pv: 1398, - amt: 2210, - }, - { - name: 'Mars', - uv: 2000, - pv: 9000, - amt: 2290, - }, - { - name: 'Apr', - uv: 2780, - pv: 3908, - amt: 2000, - }, - { - name: 'Mai', - uv: 1890, - pv: 4800, - amt: 2181, - }, - { - name: 'Juni', - uv: 2390, - pv: 3800, - amt: 2500, - }, -]; - -export const AreaChartComponent = () => { - return ( - - - - - - - - - - - ); -}; diff --git a/apps/theme/components/Previews/Dashboard/BarChart/BarChart.module.css b/apps/theme/components/Previews/Dashboard/BarChart/BarChart.module.css deleted file mode 100644 index 0e6a3e5587..0000000000 --- a/apps/theme/components/Previews/Dashboard/BarChart/BarChart.module.css +++ /dev/null @@ -1,11 +0,0 @@ -.bar { - margin-top: 24px; -} - -.bar svg g:nth-child(7) path { - fill: var(--brand3-6); -} - -.bar svg g:nth-child(8) path { - fill: var(--brand1-6); -} diff --git a/apps/theme/components/Previews/Dashboard/BarChart/BarChart.tsx b/apps/theme/components/Previews/Dashboard/BarChart/BarChart.tsx deleted file mode 100644 index 957accade5..0000000000 --- a/apps/theme/components/Previews/Dashboard/BarChart/BarChart.tsx +++ /dev/null @@ -1,60 +0,0 @@ -import { - Bar, - BarChart, - CartesianGrid, - Rectangle, - ResponsiveContainer, - Tooltip, - XAxis, - YAxis, -} from 'recharts'; - -import classes from './BarChart.module.css'; - -const data = [ - { - name: '2022', - uv: 4000, - pv: 2400, - }, - { - name: '2023', - uv: 3000, - pv: 6000, - }, - { - name: '2024', - uv: 2000, - pv: 9000, - }, -]; - -export const BarChartComponent = () => { - return ( - - - - - - - - } - className={classes.test} - /> - } - /> - - - ); -}; diff --git a/apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.module.css b/apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.module.css deleted file mode 100644 index ccea40050a..0000000000 --- a/apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.module.css +++ /dev/null @@ -1,55 +0,0 @@ -.colorCard { - background-color: var(--brand1-3); - width: 270px; - border-radius: 8px; - padding: 24px; -} - -.colorCardTwo { - background-color: var(--brand2-3); -} - -.colorCardThree { - background-color: var(--brand3-3); -} - -.colorCardIcon { - background-color: var(--brand1-5); - height: 40px; - width: 40px; - border-radius: 50%; - margin-bottom: 12px; - display: flex; - align-items: center; - justify-content: center; - color: var(--brandOne12); -} - -.colorCardIconTwo { - background-color: var(--brand2-5); - color: var(--brand2-12); -} - -.colorCardIconThree { - background-color: var(--brand3-5); - color: var(--brand3-12); -} - -.colorCardTitle { - color: var(--brand1-12); - margin-bottom: 8px; -} - -.colorCardDesc { - color: var(--brand1-12); -} - -.textTwo .colorCardTitle, -.textTwo .colorCardDesc { - color: var(--brand2-12) !important; -} - -.textThree .colorCardTitle, -.textThree .colorCardDesc { - color: var(--brand3-12) !important; -} diff --git a/apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.tsx b/apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.tsx deleted file mode 100644 index be0966c292..0000000000 --- a/apps/theme/components/Previews/Dashboard/ColorCard/ColorCard.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import { Heading, Paragraph } from '@digdir/designsystemet-react'; -import cl from 'clsx/lite'; - -import classes from './ColorCard.module.css'; - -type ColorCardProps = { - brand: 'one' | 'two' | 'three'; - icon: React.ReactNode; -}; - -export const ColorCard = ({ brand, icon }: ColorCardProps) => { - return ( -
-
- {icon} -
-
- - Grafikk one - - - Her er ein beskrivelse - -
-
- ); -}; diff --git a/apps/theme/components/Previews/Dashboard/Dashboard.module.css b/apps/theme/components/Previews/Dashboard/Dashboard.module.css deleted file mode 100644 index 55cf7f6e8b..0000000000 --- a/apps/theme/components/Previews/Dashboard/Dashboard.module.css +++ /dev/null @@ -1,169 +0,0 @@ -.dashboard { - background-color: var(--background); - width: 100%; - position: relative; - min-height: 815px; - border-radius: 12px; - overflow: hidden; -} - -.sidebar { - background-color: var(--foreground); - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 280px; - padding: 16px; -} - -.content { - top: 0; - left: 280px; - right: 0; - padding: 32px; - position: absolute; -} - -.menu { - display: flex; - flex-direction: column; - gap: 8px; - margin-top: 32px; -} - -.btn { - justify-content: start; - gap: 16px; - transition: 0.1s all; -} - -.btnActive { - background-color: var(--ds-color-accent-surface-tinted); -} - -.logo { - padding: 10.5px; - display: flex; - align-items: center; - gap: 10px; - font-weight: 500; - font-size: 18px; - color: var(--ds-color-neutral-text-default); -} - -.logo svg { - height: 22px; - margin-bottom: -1px; -} - -.logo svg path:first-child { - fill: var(--ds-color-accent-base-default); -} - -.logo svg path:last-child { - fill: var(--ds-color-accent-border-subtle); -} - -.cardTitle { - margin-bottom: 6px; -} - -.colorCardsContainer { - grid-area: colorcards; -} - -.card { - background-color: var(--foreground); - padding: 24px; - border-radius: 8px; -} - -.colorCards { - margin-top: 24px; - display: flex; - gap: 24px; -} - -.title { - margin-bottom: 20px; -} - -.grid { - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; - row-gap: 24px; - column-gap: 24px; - grid-template-areas: - 'colorcards colorcards colorcards colorcards colorcards colorcards colorcards colorcards users users users users' - 'graph graph graph graph graph2 graph2 graph2 graph2 graph3 graph3 graph3 graph3'; -} - -.users { - grid-area: users; -} - -.usersContainer { - display: flex; - flex-direction: column; - gap: 24px; - margin-top: 20px; -} - -.user { - display: flex; - align-items: center; - gap: 16px; -} - -.userName { - font-size: 16px; - color: var(--neutral-13); -} - -.user img { - width: 44px; - height: 44px; - border-radius: 50%; - box-shadow: 0 0 1px 1px #333; -} - -.userTextContainer { - display: flex; - gap: 4px; - flex-direction: column; -} - -.userRole { - font-size: 15px; - min-height: 8px; - display: block; - color: var(--ds-color-brand1-text-subtle); - font-weight: 500; -} - -.userRoleTwo { - color: var(--ds-color-brand2-text-subtle); -} - -.userRoleThree { - color: var(--ds-color-brand3-text-subtle); -} - -.graph { - grid-area: graph; - height: 400px; - padding-bottom: 64px; -} - -.graph2 { - grid-area: graph2; - height: 400px; - padding-bottom: 70px; -} - -.graph3 { - grid-area: graph3; - height: 400px; - padding-bottom: 70px; -} diff --git a/apps/theme/components/Previews/Dashboard/Dashboard.tsx b/apps/theme/components/Previews/Dashboard/Dashboard.tsx deleted file mode 100644 index 27e3a20d14..0000000000 --- a/apps/theme/components/Previews/Dashboard/Dashboard.tsx +++ /dev/null @@ -1,183 +0,0 @@ -import { Button, Heading, Paragraph } from '@digdir/designsystemet-react'; -import { - ArchiveIcon, - CogIcon, - FileTextIcon, - HouseIcon, - NewspaperIcon, - PadlockLockedIcon, - PersonGroupIcon, - TeddyBearIcon, - TokenIcon, -} from '@navikt/aksel-icons'; -import cl from 'clsx/lite'; - -import { AreaChartComponent } from './AreaChart/AreaChart'; -import { BarChartComponent } from './BarChart/BarChart'; -import { ColorCard } from './ColorCard/ColorCard'; -import classes from './Dashboard.module.css'; -import { LineChartComponent } from './LineCart/LineChart'; - -export const Dashboard = () => { - return ( -
-
-
-
- - - - - Virksomhet -
-
- - - - - - -
-
-
- - Dashboard - -
-
- - Grafikk one - - - Her er ein stor beskrivelse - -
- - } - /> - } - /> - } - /> -
-
-
- - Siste brukere - -
-
- -
- Administrator - Kari Olsen -
-
-
- -
- - Subscriber - - Ola Normann -
-
-
- -
- - Editor - - Jens Birkemoen -
-
-
-
-
- - Vekst de siste 3 årene - - -
-
- - Sideklikk siste 6 mnd - - -
-
- - Antall innlogginger - - -
-
-
-
- ); -}; diff --git a/apps/theme/components/Previews/Dashboard/LineCart/LineChart.module.css b/apps/theme/components/Previews/Dashboard/LineCart/LineChart.module.css deleted file mode 100644 index a41f67dfa3..0000000000 --- a/apps/theme/components/Previews/Dashboard/LineCart/LineChart.module.css +++ /dev/null @@ -1,11 +0,0 @@ -.line { - margin-top: 24px; -} - -.line svg g:nth-child(7) path { - stroke: var(--brand1-9); -} - -.line svg g:nth-child(8) path { - stroke: var(--brand3-9); -} diff --git a/apps/theme/components/Previews/Dashboard/LineCart/LineChart.tsx b/apps/theme/components/Previews/Dashboard/LineCart/LineChart.tsx deleted file mode 100644 index c07c500cb1..0000000000 --- a/apps/theme/components/Previews/Dashboard/LineCart/LineChart.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import { - CartesianGrid, - Line, - LineChart, - ResponsiveContainer, - Tooltip, - XAxis, - YAxis, -} from 'recharts'; - -import classes from './LineChart.module.css'; -const data = [ - { - name: '2018', - uv: 4000, - pv: 2400, - amt: 2400, - }, - { - name: '2019', - uv: 3000, - pv: 1398, - amt: 2210, - }, - { - name: '2020', - uv: 2000, - pv: 9000, - amt: 2290, - }, - { - name: '2021', - uv: 2780, - pv: 3908, - amt: 2000, - }, - { - name: '2022', - uv: 1890, - pv: 4800, - amt: 2181, - }, -]; - -export const LineChartComponent = () => { - return ( - - - - - - - - - - - - ); -}; diff --git a/apps/theme/components/Previews/Landing/Landing.tsx b/apps/theme/components/Previews/Landing/Landing.tsx index ceb1252ad6..303c3db4c0 100644 --- a/apps/theme/components/Previews/Landing/Landing.tsx +++ b/apps/theme/components/Previews/Landing/Landing.tsx @@ -37,11 +37,11 @@ export const Landing = () => {
diff --git a/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx b/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx index f08bf06dbf..319bf4f071 100644 --- a/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx +++ b/apps/theme/components/Sidebar/ColorPage/ColorPage.tsx @@ -10,7 +10,7 @@ import { ColorPane } from '../ColorPane/ColorPane'; import classes from './ColorPage.module.css'; export const ColorPage = () => { - type Pages = 'addColor' | 'editColor' | 'none'; + type Pages = 'add-color' | 'edit-color' | 'none'; type ColorType = 'main' | 'neutral' | 'support'; const removeColor = useThemeStore((state) => state.removeColor); @@ -40,7 +40,7 @@ export const ColorPage = () => { index: number, type: ColorType, ) => { - setActivePanel('editColor'); + setActivePanel('edit-color'); setColor(ColorService.convert('hex', color.colors.light[11].hex)); setName(color.name); setIndex(index); @@ -50,117 +50,126 @@ export const ColorPage = () => { return (
{/* MAIN COLORS */} -
-
- Hovedfarger - {colors.main.length < 40 && ( - - )} - {colors.main.length >= 40 && ( -
Maks 4 hovedfarger
- )} -
-
- {colors.main.map((color, index) => ( - setupEditState(color, index, 'main')} - /> - ))} -
-
-
-
-
- {colors.neutral.map((color, index) => ( - setupEditState(color, index, 'neutral')} - /> - ))} -
-
- {/* SUPPORT COLORS */} -
-
- Støttefarger - {colors.support.length < 40 && ( - - )} - {colors.support.length >= 40 && ( -
Maks 4 støttefarger
- )} -
-
- {colors.support.map((color, index) => ( - setupEditState(color, index, 'support')} - /> - ))} -
-
+ {activePanel === 'none' && ( + <> +
+
+ Hovedfarger + {colors.main.length < 40 && ( + + )} + {colors.main.length >= 40 && ( +
Maks 4 hovedfarger
+ )} +
+
+ {colors.main.map((color, index) => ( + setupEditState(color, index, 'main')} + /> + ))} +
+
+
+
+
+ {colors.neutral.map((color, index) => ( + setupEditState(color, index, 'neutral')} + /> + ))} +
+
- { - setColor(ColorService.convert('hex', '#0062ba')); - setName(''); - setActivePanel('none'); - }} - onPrimaryClicked={(color, name) => { - if (name === '') { - return; - } - if (activePanel === 'addColor') { - addNewColor(color, name); - } else { - updateExistingColor(color, name); - } - setColor(ColorService.convert('hex', '#0062ba')); - setName(''); - setActivePanel('none'); - }} - onRemove={() => { - removeColor(index, colorType); - setName(''); - setActivePanel('none'); - }} - type={activePanel} - color={color} - name={name} - setColor={setColor} - setName={setName} - colorType={colorType} - /> + {/* SUPPORT COLORS */} +
+
+ Støttefarger + {colors.support.length < 40 && ( + + )} + {colors.support.length >= 40 && ( +
Maks 4 støttefarger
+ )} +
+
+ {colors.support.map((color, index) => ( + setupEditState(color, index, 'support')} + /> + ))} +
+
+ + )} + + {(activePanel === 'add-color' || activePanel === 'edit-color') && ( + { + setColor(ColorService.convert('hex', '#0062ba')); + setName(''); + setActivePanel('none'); + }} + onPrimaryClicked={(color, name) => { + if (name === '') { + return; + } + if (activePanel === 'add-color') { + addNewColor(color, name); + } else { + updateExistingColor(color, name); + } + setColor(ColorService.convert('hex', '#0062ba')); + setName(''); + setActivePanel('none'); + }} + onRemove={() => { + removeColor(index, colorType); + setName(''); + setActivePanel('none'); + }} + type={activePanel} + color={color} + name={name} + setColor={setColor} + setName={setName} + colorType={colorType} + /> + )}
); }; diff --git a/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx b/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx index 4bfa443d66..49a30ade59 100644 --- a/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx +++ b/apps/theme/components/Sidebar/ColorPane/ColorPane.tsx @@ -18,7 +18,7 @@ type ColorPaneProps = { onClose: () => void; onPrimaryClicked: (color: string, name: string) => void; show?: boolean; - type: 'addColor' | 'editColor' | 'none'; + type: 'add-color' | 'edit-color' | 'none'; color: IColor; setColor: (color: IColor) => void; name: string; @@ -46,7 +46,7 @@ export const ColorPane = ({ const getHeading = () => { const t = colorType === 'main' ? 'hovedfarge' : 'støttefarge'; - return type === 'addColor' ? 'Legg til ' + t : 'Rediger farge'; + return type === 'add-color' ? 'Legg til ' + t : 'Rediger farge'; }; const checkNameIsValid = () => { @@ -72,7 +72,7 @@ export const ColorPane = ({ return (