Merge branch 'digdir-next' into next

linus-jansson · Dec 2, 2024 · 1fcf5ca · 1fcf5ca
2 parents e989fd3 + 37f51fc
commit 1fcf5ca
Show file tree

Hide file tree

Showing 616 changed files with 22,553 additions and 22,376 deletions.
diff --git a/.changeset/blue-stingrays-heal.md b/.changeset/blue-stingrays-heal.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+Accordion: Fix chevron abandoning parent in scroll container
diff --git a/.changeset/brown-walls-smell.md b/.changeset/brown-walls-smell.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-theme": patch
+---
+
+tokens: Removed validationmessage and label typography styles
diff --git a/.changeset/dull-buttons-argue.md b/.changeset/dull-buttons-argue.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Dropdown: Rename `DropdownContext` to `DropdownTriggerContext`
diff --git a/.changeset/eleven-experts-raise.md b/.changeset/eleven-experts-raise.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Textfield: Removed `htmlSize`, you can now use native `size`
diff --git a/.changeset/fair-beds-destroy.md b/.changeset/fair-beds-destroy.md
@@ -0,0 +1,6 @@
+---
+"@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/few-squids-speak.md b/.changeset/few-squids-speak.md
@@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet-css": major
+"@digdir/designsystemet-react": major
+---
+
+Search: New compound API
diff --git a/.changeset/fifty-hornets-hang.md b/.changeset/fifty-hornets-hang.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+CSS: Move default background-color to `<body>` element
diff --git a/.changeset/five-pens-accept.md b/.changeset/five-pens-accept.md
@@ -0,0 +1,5 @@
+---
+"@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
@@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet-css": patch
+"@digdir/designsystemet-react": major
+---
+
+Dropdown: Add `Dropdown.Button` for more explicit API
diff --git a/.changeset/fluffy-coins-run.md b/.changeset/fluffy-coins-run.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Modal: Rename `ModalContext` to `ModalTriggerContext`
diff --git a/.changeset/funny-boxes-remember.md b/.changeset/funny-boxes-remember.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet": patch
+---
+
+fix: Correct name on Figma collection for color schemes
diff --git a/.changeset/fuzzy-needles-explode.md b/.changeset/fuzzy-needles-explode.md
@@ -0,0 +1,5 @@
+---
+"@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/hungry-moles-repeat.md b/.changeset/hungry-moles-repeat.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": major
+---
+
+Switch: Use `label` prop instead of `children` to render label
diff --git a/.changeset/long-countries-check.md b/.changeset/long-countries-check.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet": patch
+---
+
+Disable contrast color-scheme in tokens create script
diff --git a/.changeset/loud-bobcats-look.md b/.changeset/loud-bobcats-look.md
@@ -0,0 +1,5 @@
+---
+"@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
@@ -0,0 +1,6 @@
+---
+"@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/mean-penguins-sing.md b/.changeset/mean-penguins-sing.md
@@ -0,0 +1,5 @@
+---
+"@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/nasty-turtles-happen.md b/.changeset/nasty-turtles-happen.md
@@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet-css": patch
+"@digdir/designsystemet-react": major
+---
+
+Fieldset: Move to compound components `Fieldset.Legend` and `Fieldset.Description`
diff --git a/.changeset/nine-countries-invent.md b/.changeset/nine-countries-invent.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+useRadioGroup: Add hook to easily control groups of `<Radio>` components
diff --git a/.changeset/ninety-horses-juggle.md b/.changeset/ninety-horses-juggle.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+useCheckboxGroup: Add hook to easily control groups of `<Checkbox>` components
diff --git a/.changeset/ninety-jeans-punch.md b/.changeset/ninety-jeans-punch.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+React: Set `"type": "module"` in `package.json`
diff --git a/.changeset/old-melons-stare.md b/.changeset/old-melons-stare.md
@@ -0,0 +1,5 @@
+---
+"@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
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Modal: Expose native close event object to onClose callback
diff --git a/.changeset/olive-waves-build.md b/.changeset/olive-waves-build.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Textfield: Now works as expected with `data-size`
diff --git a/.changeset/popular-jeans-happen.md b/.changeset/popular-jeans-happen.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Textfield: Added `multiline` for switching between `input` and `textarea`
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -18,84 +18,150 @@
     "beige-grapes-report",
     "blue-rocks-pull",
     "blue-singers-switch",
+    "blue-stingrays-heal",
     "brave-months-shop",
     "brave-months-sleep",
     "bright-knives-remain",
+    "brown-walls-smell",
     "chatty-cheetahs-fetch",
     "chilled-icons-chew",
     "chilled-pumas-march",
+    "clean-insects-move",
+    "clean-lizards-chew",
     "clever-cobras-rescue",
     "cool-lamps-drive",
     "curvy-oranges-notice",
     "cyan-adults-roll",
+    "dull-buttons-argue",
+    "eight-dancers-deliver",
     "eighty-cougars-think",
     "eleven-bags-shop",
+    "eleven-experts-raise",
     "eleven-peaches-agree",
+    "empty-pears-hide",
     "empty-singers-yell",
+    "fair-beds-destroy",
     "famous-pillows-cheat",
     "few-brooms-confess",
     "few-plums-drum",
+    "few-squids-speak",
     "fifty-buses-beam",
+    "fifty-hornets-hang",
     "five-apricots-scream",
+    "five-pens-accept",
+    "five-turkeys-confess",
     "flat-experts-drop",
+    "fluffy-coins-run",
     "four-pears-tie",
+    "four-schools-wait",
+    "friendly-cups-kiss",
     "friendly-islands-punch",
+    "funny-boxes-remember",
+    "fuzzy-needles-explode",
     "gold-chairs-jog",
     "gorgeous-readers-burn",
     "gorgeous-shrimps-crash",
     "happy-hounds-tie",
     "happy-worms-applaud",
     "healthy-apples-explode",
     "heavy-rabbits-boil",
+    "hip-brooms-brush",
     "hip-masks-greet",
     "hip-schools-greet",
     "honest-roses-hunt",
+    "hot-crews-perform",
     "hot-ligers-rush",
     "hot-weeks-tease",
+    "hungry-moles-repeat",
+    "kind-eyes-cheat",
     "lemon-countries-smoke",
     "long-boxes-sniff",
+    "long-countries-check",
+    "loud-bobcats-look",
+    "loud-dragons-build",
     "loud-tips-return",
     "mean-ducks-argue",
+    "mean-penguins-sing",
+    "mean-snails-visit",
     "metal-bananas-notice",
     "metal-tomatoes-compete",
+    "mighty-buttons-yell",
     "mighty-days-eat",
+    "nasty-turtles-happen",
     "nine-cameras-peel",
+    "nine-countries-invent",
+    "ninety-horses-juggle",
     "odd-hornets-sleep",
+    "old-melons-stare",
+    "old-sheep-dress",
+    "olive-tools-cry",
+    "olive-waves-build",
+    "orange-months-listen",
     "plenty-parents-rest",
+    "plenty-singers-matter",
     "plenty-vans-sneeze",
+    "popular-jeans-happen",
     "pretty-dancers-taste",
     "proud-walls-flash",
     "purple-berries-repeat",
     "quiet-mangos-cry",
+    "quiet-rings-heal",
+    "real-zoos-fail",
     "red-queens-love",
     "rich-carrots-deny",
+    "rotten-zoos-live",
+    "rude-lies-smile",
+    "selfish-meals-pump",
     "serious-frogs-rescue",
     "seven-ladybugs-admire",
+    "seven-tips-rest",
     "shaggy-bears-tan",
     "shaggy-rockets-repair",
+    "sharp-humans-itch",
+    "shiny-dryers-count",
     "shiny-kiwis-switch",
+    "short-kiwis-turn",
     "short-walls-judge",
+    "shy-cameras-approve",
     "six-carrots-guess",
     "six-trees-tie",
     "slimy-bees-arrive",
+    "slimy-buttons-train",
+    "slow-impalas-vanish",
+    "slow-news-act",
+    "small-houses-stare",
     "small-queens-breathe",
+    "smooth-radios-leave",
+    "smooth-wombats-grab",
     "spotty-oranges-guess",
     "spotty-pumas-cross",
+    "stale-tables-eat",
+    "strange-jars-compete",
     "strong-flowers-ring",
     "strong-ghosts-marry",
     "stupid-tables-applaud",
+    "sweet-dolphins-hang",
     "swift-forks-drop",
     "tall-guests-arrive",
     "tame-rats-mix",
+    "ten-wolves-yawn",
     "tender-grapes-refuse",
     "tender-ties-swim",
     "thin-icons-pay",
     "three-carrots-hammer",
     "three-dingos-unite",
     "three-ducks-chew",
+    "three-moles-attack",
+    "tidy-cheetahs-cry",
+    "twelve-onions-laugh",
+    "twenty-cheetahs-leave",
+    "violet-steaks-repeat",
+    "wet-scissors-tickle",
+    "wise-cooks-compare",
     "wise-countries-double",
     "witty-clouds-judge",
     "witty-moons-sleep",
+    "witty-moose-scream",
     "yellow-zoos-camp"
   ]
 }
diff --git a/.changeset/quiet-rings-heal.md b/.changeset/quiet-rings-heal.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Tooltip: Be able to send `string` as children
diff --git a/.changeset/real-zoos-fail.md b/.changeset/real-zoos-fail.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Textfield: Removed `hideLabel`, use `aria-label` or `aria-describedby` for "hidden" labels
diff --git a/.changeset/rude-lies-smile.md b/.changeset/rude-lies-smile.md
@@ -0,0 +1,21 @@
+---
+"@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`.
+
+All<sup>1</sup> 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-*`<sup>2</sup>, 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-*`<sup>2</sup>.
+
+<sup>1</sup>: ...except `Alert`, which only supports `info`, `warning`, `danger` and `success` colors.  
+<sup>2</sup>: 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
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": major
+---
+
+Input+Select: Use native HTML `size` prop instead of `htmlSize`
diff --git a/.changeset/sharp-humans-itch.md b/.changeset/sharp-humans-itch.md
@@ -0,0 +1,8 @@
+---
+"@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
@@ -0,0 +1,8 @@
+---
+"@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/short-kiwis-turn.md b/.changeset/short-kiwis-turn.md
@@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet": patch
+"@digdir/designsystemet-theme": patch
+---
+
+chore: Reset `data-color` to degfault color when setting `data-color-scheme`
diff --git a/.changeset/shy-cameras-approve.md b/.changeset/shy-cameras-approve.md
@@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet-css": patch
+"@digdir/designsystemet-react": patch
+---
+
+Chip: Use correct `32px` height to align nicely with `<Tag>`
diff --git a/.changeset/silver-penguins-occur.md b/.changeset/silver-penguins-occur.md
@@ -0,0 +1,6 @@
+---
+"@digdir/designsystemet-react": patch
+"@digdir/designsystemet-css": patch
+---
+
+Rename `Accordion` to `Details`
diff --git a/.changeset/slow-impalas-vanish.md b/.changeset/slow-impalas-vanish.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+Label: Fix icon abandoning parent in scroll container