Skip to content

Commit e65c1a8

Browse files
mrosvikmrosvik
authored
Merge branch 'next' into docs/article-researchops
2 parents c0046d3 + 2384c36 commit e65c1a8

File tree

200 files changed

+15354
-36534
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

200 files changed

+15354
-36534
lines changed

‎.changeset/blue-singers-switch.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@digdir/designsystemet-css": patch
3+
---
4+
5+
Chip: Support wrapping in group

‎.changeset/brave-months-sleep.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@digdir/designsystemet-react": patch
3+
---
4+
5+
Modal: add missing ModalRoot export

‎.changeset/chatty-cheetahs-fetch.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@digdir/designsystemet-css": minor
3+
---
4+
5+
SkipLink: New style

‎.changeset/config.json

+8-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,14 @@
55
{ "repo": "digdir/designsystemet" }
66
],
77
"commit": false,
8-
"fixed": [],
8+
"fixed": [
9+
[
10+
"@digdir/designsystemet",
11+
"@digdir/designsystemet-css",
12+
"@digdir/designsystemet-theme",
13+
"@digdir/designsystemet-react"
14+
]
15+
],
916
"linked": [],
1017
"access": "restricted",
1118
"baseBranch": "main",

‎.changeset/eighty-cougars-think.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@digdir/designsystemet-react": patch
3+
---
4+
5+
Tabs: Make arrow keys work in any direction

‎.changeset/few-brooms-confess.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@digdir/designsystemet-react": patch
3+
"@digdir/designsystemet-css": patch
4+
---
5+
6+
Table: New hover prop and class for toggling hover on rows

‎.changeset/fifty-buses-beam.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@digdir/designsystemet-css": patch
3+
---
4+
5+
Table: Width is now by default `100%`
6+

‎.changeset/four-pears-tie.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@digdir/designsystemet-css": patch
3+
"@digdir/designsystemet-react": patch
4+
---
5+
6+
Fixes so spacing is the same in checkbox and radio groups

‎.changeset/gorgeous-readers-burn.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@digdir/designsystemet': minor
3+
---
4+
5+
Update init script to new design-tokens format

‎.changeset/long-boxes-sniff.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@digdir/designsystemet-react": patch
3+
---
4+
5+
Combobox: Make controlled input adhere to `inputValue` and send all change events

‎.changeset/plenty-vans-sneeze.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@digdir/designsystemet-css": patch
3+
"@digdir/designsystemet-react": patch
4+
---
5+
6+
AccordionHeading: Correct name on types

‎.changeset/pre.json

+23-1
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,32 @@
1616
},
1717
"changesets": [
1818
"blue-rocks-pull",
19+
"brave-months-sleep",
20+
"bright-knives-remain",
21+
"chatty-cheetahs-fetch",
22+
"chilled-icons-chew",
1923
"cool-lamps-drive",
24+
"eighty-cougars-think",
25+
"few-brooms-confess",
26+
"fifty-buses-beam",
27+
"five-apricots-scream",
28+
"four-pears-tie",
2029
"friendly-islands-punch",
30+
"gorgeous-readers-burn",
31+
"hip-masks-greet",
32+
"long-boxes-sniff",
33+
"mighty-days-eat",
34+
"plenty-vans-sneeze",
35+
"quiet-mangos-cry",
36+
"shaggy-bears-tan",
37+
"shiny-kiwis-switch",
2138
"short-walls-judge",
39+
"spotty-pumas-cross",
40+
"tender-grapes-refuse",
2241
"tender-ties-swim",
23-
"three-carrots-hammer"
42+
"thin-icons-pay",
43+
"three-carrots-hammer",
44+
"three-dingos-unite",
45+
"wise-countries-double"
2446
]
2547
}

‎.changeset/quiet-mangos-cry.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@digdir/designsystemet-react": patch
3+
---
4+
5+
Divider: hide from screen readers

‎.changeset/shiny-kiwis-switch.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@digdir/designsystemet-react': patch
3+
---
4+
5+
Badge: Export component

‎.changeset/spotty-pumas-cross.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@digdir/designsystemet-css": patch
3+
"@digdir/designsystemet-react": minor
4+
---
5+
6+
Breadcrumbs: ✨ new component

‎.changeset/tender-grapes-refuse.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"@digdir/designsystemet-css": patch
3+
"@digdir/designsystemet-react": minor
4+
---
5+
6+
Badge: ✨ New component

‎.changeset/thin-icons-pay.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@digdir/designsystemet-react": patch
3+
---
4+
5+
ToggleGroup, Tabs: Active item equality check is now strict

‎.changeset/three-dingos-unite.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@digdir/designsystemet': minor
3+
---
4+
5+
feat: Convert to W3C design token format

‎.github/workflows/conventional-pr.yml

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,4 +19,4 @@ jobs:
1919
env:
2020
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
2121
with:
22-
commitlintRulesPath: './commitlint.rules.cjs'
22+
commitlintRulesPath: './commitlint.rules.js'

‎.github/workflows/release.yml

+1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ on:
55
push:
66
branches:
77
- main
8+
- next
89

910
concurrency: ${{ github.workflow }}-${{ github.ref }}
1011

‎apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css

+11-1
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
}
1313

1414
.intro {
15+
width: 100%;
1516
max-width: 720px;
1617
display: flex;
1718
flex-wrap: wrap;
@@ -57,12 +58,21 @@
5758

5859
.content img {
5960
display: block;
60-
width: 860px !important;
61+
width: 860px;
6162
margin: var(--ds-spacing-12) 0;
6263
margin-left: calc((100% - 860px) / 2) !important;
6364
background-color: var(--ds-color-neutral-background-subtle);
6465
}
6566

67+
.main > figure {
68+
margin: auto;
69+
width: 100%;
70+
}
71+
72+
.main > figure img {
73+
width: 100%;
74+
}
75+
6676
.content:last-child {
6777
margin-bottom: var(--ds-spacing-12);
6878
}

‎apps/storefront/app/bloggen/_components/PostLayout/PostLayout.tsx

+6-6
Original file line numberDiff line numberDiff line change
@@ -61,13 +61,13 @@ function PostLayout({
6161
<span>{author}</span>
6262
</Paragraph>
6363
</div>
64+
<Image
65+
src={imageSrc}
66+
alt={imageAlt}
67+
caption={imageCaption}
68+
boxShadow={false}
69+
/>
6470
<MdxContent classname={classes.content}>
65-
<Image
66-
src={imageSrc}
67-
alt={imageAlt}
68-
caption={imageCaption}
69-
boxShadow={false}
70-
/>
7171
{content}
7272
<div className={classes.wantToWrite}>
7373
<Heading level={3} size='xs'>

‎apps/storefront/app/grunnleggende/designelementer/skygger/page.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ Skygger kan hjelpe svaksynte til å identifisere komponenter. Bruk av skygger og
3030

3131
Vi har ulike styrker på skyggene, fra xsmall til xlarge. De ulike styrkene brukes for å antyde høyden til overflaten. Overflater i høyere høyder har større skygger, mens de på lavere høyder bør ha mindre skygger. Skygger skal skape et hierarki slik at det som ligger over eller under noe annet kommer tydeligere frem.
3232

33-
<TokenList type='boxShadow' />
33+
<TokenList type='shadow' />
3434

3535
### Eksempel
3636

‎apps/storefront/app/grunnleggende/designelementer/storrelser-og-avstander/page.mdx

+1-5
Original file line numberDiff line numberDiff line change
@@ -25,14 +25,10 @@ Størrelser (`sizing`) brukes til å definere bredde og høyde på elementer.
2525
Avstand (`spacing`) brukes til å sette marging og padding. Settet med avstander som er definert i tokens gir oss mulighet til å definere verdier for _"Auto Layout"_ i Figma og sikrer dermed konsistent design på tvers av grensesnitt.
2626

2727
<TokenList
28-
type='sizing'
28+
type='dimension'
2929
hideValue={true}
3030
/>
3131

32-
<TokenList
33-
type='spacing'
34-
hideValue={true}
35-
/>
3632

3733
## Men hvorfor må vi ha både `sizing` og `spacing` når de er helt like?
3834

0 commit comments

Comments
 (0)