chore: new release candidate (next)

.changeset/pre.json

@@ -18,27 +18,43 @@
     "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",
     "gold-chairs-jog",
     "gorgeous-readers-burn",
@@ -47,40 +63,72 @@
     "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",
+    "loud-bobcats-look",
     "loud-tips-return",
     "mean-ducks-argue",
+    "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",
+    "selfish-meals-pump",
     "serious-frogs-rescue",
     "seven-ladybugs-admire",
+    "seven-tips-rest",
     "shaggy-bears-tan",
     "shaggy-rockets-repair",
+    "shiny-dryers-count",
     "shiny-kiwis-switch",
     "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",
@@ -93,9 +141,16 @@
     "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-countries-double",
     "witty-clouds-judge",
     "witty-moons-sleep",
+    "witty-moose-scream",
     "yellow-zoos-camp"
   ]
 }

packages/cli/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Change Log
 
+## 1.0.0-next.36
+
+### Minor Changes
+
+- 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 ([#2641](https://github.com/digdir/designsystemet/pull/2641))
+
+  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`.
+
+- 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. ([#2733](https://github.com/digdir/designsystemet/pull/2733))
+
+- Implemented a more flexible system of semantic border-radius tokens. ([#2497](https://github.com/digdir/designsystemet/pull/2497))
+
+### Patch Changes
+
+- Removed `init` command. Use `tokens create` instead. ([#2616](https://github.com/digdir/designsystemet/pull/2616))
+
+- Update global colors ([#2662](https://github.com/digdir/designsystemet/pull/2662))
+
 ## 1.0.0-next.35
 
 ### Minor Changes

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "1.0.0-next.35",
+  "version": "1.0.0-next.36",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {

packages/css/CHANGELOG.md

@@ -1,5 +1,79 @@
 # Change Log
 
+## 1.0.0-next.36
+
+### Major Changes
+
+- Search: New compound API ([#2708](https://github.com/digdir/designsystemet/pull/2708))
+
+- Radio + Checkbox: ([#2607](https://github.com/digdir/designsystemet/pull/2607))
+  - Use `label` prop instead of `children` as label text
+  - Remove `Radio.Group` and `Checkbox.Group` and use `Fieldset` instead
+
+### Minor Changes
+
+- Implemented a more flexible system of semantic border-radius tokens. ([#2497](https://github.com/digdir/designsystemet/pull/2497))
+
+### Patch Changes
+
+- Accordion: Fix chevron abandoning parent in scroll container ([#2699](https://github.com/digdir/designsystemet/pull/2699))
+
+- SkipLink: Add css variables ([#2626](https://github.com/digdir/designsystemet/pull/2626))
+
+- ValidationMessage: Add icon when `error={true}` ([#2596](https://github.com/digdir/designsystemet/pull/2596))
+
+- ValidationMessage: fix icon abandoning the component when scrolling ([#2646](https://github.com/digdir/designsystemet/pull/2646))
+
+- Accordion: Add css variable for chevron ([#2626](https://github.com/digdir/designsystemet/pull/2626))
+
+- CSS: base sizing on font-size so all components can have all sizes, and naturally inherits size from context ([#2541](https://github.com/digdir/designsystemet/pull/2541))
+
+- CSS: Move default background-color to `<body>` element ([#2754](https://github.com/digdir/designsystemet/pull/2754))
+
+- Dropdown: Add `Dropdown.Button` for more explicit API ([#2694](https://github.com/digdir/designsystemet/pull/2694))
+
+- Breadcrumbs: Add css variable for chevron ([#2626](https://github.com/digdir/designsystemet/pull/2626))
+
+- Input: Sufficient color contrast for readonly ([#2621](https://github.com/digdir/designsystemet/pull/2621))
+
+- Alert: fix icon abandoning the component when scrolling ([#2648](https://github.com/digdir/designsystemet/pull/2648))
+
+- chip: Fix wrong font sizes ([#2595](https://github.com/digdir/designsystemet/pull/2595))
+
+- Button: Fix SVG and images shrinking in flex containers ([#2612](https://github.com/digdir/designsystemet/pull/2612))
+
+- Fieldset: Move to compound components `Fieldset.Legend` and `Fieldset.Description` ([#2705](https://github.com/digdir/designsystemet/pull/2705))
+
+- Table: add `z-index` to stickhy header ([#2761](https://github.com/digdir/designsystemet/pull/2761))
+
+- Tooltip: Add more variables ([#2626](https://github.com/digdir/designsystemet/pull/2626))
+
+- Button: Use font-weight `--ds-font-weight-medium` ([#2618](https://github.com/digdir/designsystemet/pull/2618))
+
+- Field: Adds `<Field>` component wrapping and connecting internal form elements for better accessibility ([#2502](https://github.com/digdir/designsystemet/pull/2502))
+
+- Chip: Use correct `32px` height to align nicely with `<Tag>` ([#2683](https://github.com/digdir/designsystemet/pull/2683))
+
+- Combobox: fix overflow on screens narrower than ~340px ([#2570](https://github.com/digdir/designsystemet/pull/2570))
+
+- Label: Fix icon abandoning parent in scroll container ([#2699](https://github.com/digdir/designsystemet/pull/2699))
+
+- Label: Use data attributes for styling ([#2588](https://github.com/digdir/designsystemet/pull/2588))
+
+  ValidationMessage: Use data attributes for styling
+
+- Select + Textarea: ([#2571](https://github.com/digdir/designsystemet/pull/2571))
+
+  - Remove `label`, `hideLabel`, `description`, `characterLimit` and `error` as these will be part of `Field` API
+
+- Pagination: Add css variable for chevron ([#2626](https://github.com/digdir/designsystemet/pull/2626))
+
+- Remove `baseline` layer and fix layerorder for typography ([#2588](https://github.com/digdir/designsystemet/pull/2588))
+
+- Modal backdrop was invisible in some browser versions. See https://caniuse.com/mdn-css_selectors_backdrop_inherit_from_originating_element for affected versions. ([#2615](https://github.com/digdir/designsystemet/pull/2615))
+
+- Table: Add `Table.Foot` and style caption ([#2744](https://github.com/digdir/designsystemet/pull/2744))
+
 ## 1.0.0-next.35
 
 ### Patch Changes

packages/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-css",
-  "version": "1.0.0-next.35",
+  "version": "1.0.0-next.36",
   "description": "CSS for Designsystemet",
   "author": "Designsystemet team",
   "repository": {

packages/react/CHANGELOG.md

@@ -1,5 +1,79 @@
 # Change Log
 
+## 1.0.0-next.36
+
+### Major Changes
+
+- Search: New compound API ([#2708](https://github.com/digdir/designsystemet/pull/2708))
+
+- Dropdown: Add `Dropdown.Button` for more explicit API ([#2694](https://github.com/digdir/designsystemet/pull/2694))
+
+- Switch: Use `label` prop instead of `children` to render label ([#2773](https://github.com/digdir/designsystemet/pull/2773))
+
+- Fieldset: Move to compound components `Fieldset.Legend` and `Fieldset.Description` ([#2705](https://github.com/digdir/designsystemet/pull/2705))
+
+- Input+Select: Use native HTML `size` prop instead of `htmlSize` ([#2697](https://github.com/digdir/designsystemet/pull/2697))
+
+- Radio + Checkbox: ([#2607](https://github.com/digdir/designsystemet/pull/2607))
+  - Use `label` prop instead of `children` as label text
+  - Remove `Radio.Group` and `Checkbox.Group` and use `Fieldset` instead
+
+### Patch Changes
+
+- Dropdown: Rename `DropdownContext` to `DropdownTriggerContext` ([#2782](https://github.com/digdir/designsystemet/pull/2782))
+
+- Textfield: Removed `htmlSize`, you can now use native `size` ([#2710](https://github.com/digdir/designsystemet/pull/2710))
+
+- CSS: base sizing on font-size so all components can have all sizes, and naturally inherits size from context ([#2541](https://github.com/digdir/designsystemet/pull/2541))
+
+- Popover+Dropdown: Fix issue when combining controlled state with changing child elements ([#2707](https://github.com/digdir/designsystemet/pull/2707))
+
+- Modal: Rename `ModalContext` to `ModalTriggerContext` ([#2782](https://github.com/digdir/designsystemet/pull/2782))
+
+- Input: Sufficient color contrast for readonly ([#2621](https://github.com/digdir/designsystemet/pull/2621))
+
+- Popover: Make sure arrow does not leave the popover ([#2652](https://github.com/digdir/designsystemet/pull/2652))
+
+- Modal: Fix `onClose` not being called ([#2622](https://github.com/digdir/designsystemet/pull/2622))
+
+- Textfield: Refactored `characterLimit` to `counter` and now use new `Field.Counter` sub-component ([#2710](https://github.com/digdir/designsystemet/pull/2710))
+
+- useRadioGroup: Add hook to easily control groups of `<Radio>` components ([#2739](https://github.com/digdir/designsystemet/pull/2739))
+
+- useCheckboxGroup: Add hook to easily control groups of `<Checkbox>` components ([#2739](https://github.com/digdir/designsystemet/pull/2739))
+
+- Modal: Expose native close event object to onClose callback ([#2738](https://github.com/digdir/designsystemet/pull/2738))
+
+- Textfield: Now works as expected with `data-size` ([#2710](https://github.com/digdir/designsystemet/pull/2710))
+
+- Field: Adds `<Field>` component wrapping and connecting internal form elements for better accessibility ([#2502](https://github.com/digdir/designsystemet/pull/2502))
+
+- Textfield: Added `multiline` for switching between `input` and `textarea` ([#2710](https://github.com/digdir/designsystemet/pull/2710))
+
+- Tooltip: Be able to send `string` as children ([#2777](https://github.com/digdir/designsystemet/pull/2777))
+
+- Textfield: Removed `hideLabel`, use `aria-label` or `aria-describedby` for "hidden" labels ([#2710](https://github.com/digdir/designsystemet/pull/2710))
+
+- Avatar: Fix `aria-hidden` being wrongly added to a fragment ([#2626](https://github.com/digdir/designsystemet/pull/2626))
+
+- Chip: Use correct `32px` height to align nicely with `<Tag>` ([#2683](https://github.com/digdir/designsystemet/pull/2683))
+
+- Label: Use data attributes for styling ([#2588](https://github.com/digdir/designsystemet/pull/2588))
+
+  ValidationMessage: Use data attributes for styling
+
+- Select + Textarea: ([#2571](https://github.com/digdir/designsystemet/pull/2571))
+
+  - Remove `label`, `hideLabel`, `description`, `characterLimit` and `error` as these will be part of `Field` API
+
+- Table: Add `Table.Foot` and style caption ([#2744](https://github.com/digdir/designsystemet/pull/2744))
+
+- Popover: Rename `PopoverContext` to `PopoverTriggerContext` ([#2782](https://github.com/digdir/designsystemet/pull/2782))
+
+- Spinner: `aria-label` required instead of `title` prop ([#2682](https://github.com/digdir/designsystemet/pull/2682))
+
+- Textfield: Update to use `Field` internally ([#2710](https://github.com/digdir/designsystemet/pull/2710))
+
 ## 1.0.0-next.35
 
 ### Patch Changes

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "1.0.0-next.35",
+  "version": "1.0.0-next.36",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {