Open
Conversation
c9d7fdd to
ff4a7cd
Compare
d44808f to
e41ff5c
Compare
728d40a to
4b479e6
Compare
fea9585 to
933c8aa
Compare
9a92dd3 to
af64c48
Compare
5d7b2da to
1a59ce9
Compare
8c99c2a to
253b66b
Compare
c586090 to
2085ff1
Compare
0c894a6 to
fe6c9ea
Compare
e82fd2a to
4dac0ec
Compare
cb35cbe to
4943720
Compare
1ca8dc2 to
31a9ed1
Compare
c87bf1a to
caf7266
Compare
30824ec to
3e66faf
Compare
089a7ad to
fa32601
Compare
fa32601 to
f73ea1d
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
1.0.8→1.11.01.0.8→1.11.01.0.8→1.11.09.29.0→9.39.27.24.0→7.40.05.0.3→5.0.624.0.2→24.10.1019.1.8→19.2.1019.1.6→19.2.34.5.2→4.7.02.8.5→2.8.69.29.0→9.39.25.1.0→5.2.116.2.0→16.5.025.3.2→25.8.119.1.0→19.2.419.1.0→19.2.415.6.0→15.7.47.6.2→7.13.0~5.8.3→~5.9.08.34.0→8.54.0Release Notes
digdir/designsystemet (@digdir/designsystemet-css)
v1.11.0@digdir/designsystemet@1.11.0
Minor Changes
1.10.0was released by accident, and we are skipping to1.11.0(#4392)1.10.0is deprecated on npm, and not accessible on Github. Use1.11.0or newer.Patch Changes
update npm non-major dependencies (#4373)
Update dependency zod-validation-error to v5 (#4401)
Update dependency colorjs.io to ^0.6.0 (#4372)
Remove
change-caseas dependency (#4343)Update
@types/nodeto24.10.7(#4396)update npm non-major dependencies (#4336)
update npm non-major dependencies (#4398)
Update npm non-major dependencies (#4347)
Updated dependencies [
4d48a81]:@digdir/designsystemet-css@1.11.0
Minor Changes
Version
1.10.0was released by accident, and we are skipping to1.11.0(#4392)1.10.0is deprecated on npm, and not accessible on Github. Use1.11.0or newer.avatar-stack: New experimental component (#4331)
Patch Changes
avatar: added
--dsc-avatar-font-sizeto easier override font size (#4331)Hover styles for cards containing
<a>inside a heading will no longer propagate to wrapping cards (#4360)update npm non-major dependencies (#4336)
card: Fix focus being clipped on nested
<summary>(#4379)Dialog: removed media-query that forces 100% width under 640px (#4345)
dialog: More gentle animations when using
data-placement(#4350)Updated dependencies [
4d48a81]:@digdir/designsystemet-react@1.11.0
Minor Changes
Version
1.10.0was released by accident, and we are skipping to1.11.0(#4392)1.10.0is deprecated on npm, and not accessible on Github. Use1.11.0or newer.Avatar: added
asChildprop (#4331)AvatarStack: New experimental component (#4331)
Suggestion: Add new prop
autoPlacement, which is by defaulttrue(#4359)Suggestionwill now try to stay within the viewport on the y-axisPatch Changes
update npm non-major dependencies (#4373)
Removed
sideEffects:falseproperty used by some bundlers to help tree-shake cjs files. (#4376)update npm non-major dependencies (#4336)
update npm non-major dependencies (#4398)
Suggestion: Always call
onSelectedChange, and returnnullinstead ofundefined(#4388)Update npm non-major dependencies (#4347)
Updated dependencies [
4d48a81]:@digdir/designsystemet-theme@1.11.0
Minor Changes
Version
1.10.0was released by accident, and we are skipping to1.11.0(#4392)1.10.0is deprecated on npm, and not accessible on Github. Use1.11.0or newer.Patch Changes
4d48a81]:@digdir/designsystemet-types@1.11.0
Minor Changes
1.10.0was released by accident, and we are skipping to1.11.0(#4392)1.10.0is deprecated on npm, and not accessible on Github. Use1.11.0or newer.v1.9.0Compare Source
@digdir/designsystemet@1.9.0
Minor Changes
Add ability to override focus colors from config: (#4320)
{ "overrides": { "focus": { "inner": { "light": "HEX", "dark": "HEX" }, "outer": { "light": "HEX", "dark": "HEX" } } } }This comes with a change to you design tokens, where focus colors are now on the theme layer.
Make sure you rebuild your tokens:
npx @​digdir/designsystemet tokens create <options> --cleanPatch Changes
Update
@tokens-studio/sd-transformsto2.0.3(#4315)Updated dependencies []:
@digdir/designsystemet-css@1.9.0
Minor Changes
data-placementselector styles the Dialog as a "drawer"-component from the direction given (left | right | top | bottomorcenterwhich is the default) (#4323)Added 3 new local variables:
--dsc-dialog-placement-inline-max-width(max-width when placement="left | right")--dsc-dialog-placement-block-max-width(max-width when placement="top | bottom")--dsc-dialog-transition-duration(duration for the slide in animations)Patch Changes
Input, Search, Suggestion, Textfield: Uppercase Å was cut off at the top in Chrome and Safari, making it look like Ă (#4301)
link: Style background, border, and padding regardless of default browser styles (#4231) (#4302)
Add export for a default theme under
/theme. (#4328)If you are using the default theme from
@digdir/designsystemet-theme, we recommend importing the CSS from@digdir/designsystemet-css/theme.cssand removing@digdir/designsystemet-themefrom your dependencies.@digdir/designsystemet-react@1.9.0
Minor Changes
placementprop. This will setdata-placementand style theDialogas a "drawer"-component from the direction given:left | right | top | bottomorcenter(default) (#4323)Patch Changes
SuggestionClear: send
onClick. In earlier versionsonClickwas never called (#4327)Popover: Fix controlled open state going out of sync (#4314)
Update npm non-major dependencies (#4308)
Updated dependencies []:
@digdir/designsystemet-theme@1.9.0
Patch Changes
Export
designsystemet.cssunder@digdir/designsystemet-theme/index.css(#4291)Updated dependencies []:
@digdir/designsystemet-types@1.9.0
v1.8.0Compare Source
@digdir/designsystemet-theme
Minor Changes
Move submodule
@digdir/designsystemet/typesto a new package@digdir/designsystemet-typesand change all references. (#4241)After re-running
tokens builddownstream, this removes transitive dependencies on runtime dependencies on CLI tools likecommanderandstyle-dictionarywhich are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due tostyle-dictionary).@digdir/designsystemet/typesis preserved for now as a deprecated re-export of@digdir/designsystemet-typesto avoid breaking people's builds.Patch Changes
Update npm non-major dependencies (#4262)
Updated dependencies [
c2faf2e]:@digdir/designsystemet-react
Minor Changes
Move submodule
@digdir/designsystemet/typesto a new package@digdir/designsystemet-typesand change all references. (#4241)After re-running
tokens builddownstream, this removes transitive dependencies on runtime dependencies on CLI tools likecommanderandstyle-dictionarywhich are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due tostyle-dictionary).@digdir/designsystemet/typesis preserved for now as a deprecated re-export of@digdir/designsystemet-typesto avoid breaking people's builds.Patch Changes
Update npm non-major dependencies (#4275)
Update npm non-major dependencies (#4242)
Popover: Fix unnecesary call of
onOpenand missing call ofonClose(#4230)onOpenwhen clickingPopover.TriggerwhenPopoveris already open.onClosewhen a controlledPopoveris closed by clicking onPopover.Trigger.Update npm non-major dependencies (#4262)
Update
reactandreact-domto19.2.1(#4276)Updated dependencies [
c2faf2e]:@digdir/designsystemet-css
Patch Changes
badge: Set
display: inline-flexon.ds-badge(#4269)Update npm non-major dependencies (#4242)
select: Fix
:hoveron<label>adding border to<select>(#4248)Update npm non-major dependencies (#4262)
@digdir/designsystemet
Minor Changes
Move submodule
@digdir/designsystemet/typesto a new package@digdir/designsystemet-typesand change all references. (#4241)After re-running
tokens builddownstream, this removes transitive dependencies on runtime dependencies on CLI tools likecommanderandstyle-dictionarywhich are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due tostyle-dictionary).@digdir/designsystemet/typesis preserved for now as a deprecated re-export of@digdir/designsystemet-typesto avoid breaking people's builds.Patch Changes
Update npm non-major dependencies (#4275)
Update npm non-major dependencies (#4242)
Update npm non-major dependencies (#4262)
Update dependency @tokens-studio/sd-transforms to v2 (#4271)
Updated dependencies [
c2faf2e]:@digdir/designsystemet-types@1.8.0
Minor Changes
Move submodule
@digdir/designsystemet/typesto a new package@digdir/designsystemet-typesand change all references. (#4241)After re-running
tokens builddownstream, this removes transitive dependencies on runtime dependencies on CLI tools likecommanderandstyle-dictionarywhich are never used in runtime, but are required for the CLI to function. It also makes code which doesn't use the CLI unaffected by our node version limitations (currently >= 22 due tostyle-dictionary).@digdir/designsystemet/typesis preserved for now as a deprecated re-export of@digdir/designsystemet-typesto avoid breaking people's builds.v1.7.3Compare Source
@digdir/designsystemet@1.7.3
@digdir/designsystemet-css@1.7.3
@digdir/designsystemet-react@1.7.3
Patch Changes
Update npm non-major dependencies (#4233)
Tooltip: Check if
trim()is available (#4239)Tooltiphas<svg>as a child@digdir/designsystemet-theme@1.7.3
v1.7.2Compare Source
@digdir/designsystemet@1.7.2
Patch Changes
Add option to override
linkVisitedcolor in config: (#4182)New command that lets you generate a config file from your design tokens: (#4207)
npx @​digdir/designsystemet generate-config-from-tokens --dir <path to design tokens>Update npm non-major dependencies (#4193)
Update npm non-major dependencies (#4214)
For your config file, you can now get the schema file from designsystemet.no (#4195)
@digdir/designsystemet-css@1.7.2
Patch Changes
input: Remove hover effect when
<label>is hovered (#4196)tag: Add new variant,
[data-variant="outline"]. (#4173)data-variant, or set it todefault.Update npm non-major dependencies (#4214)
card: Add support for
<picture>(#4137)search: Don't set
position: relative, but useisolation: isolateon.ds-search(#4212)z-indexonbutton[type="reset"]tag: New css variables to go with
[data-variant="outline"]: (#4173)--dsc-tag-border-width--dsc-tag-border-color--dsc-tag-border-style@digdir/designsystemet-react@1.7.2
Patch Changes
Update
@u-elements/comboboxto v1.0.4 (#4226)Dialog: If the browser supports
closedByon<dialog>, we let the browser handle it (#4210)Tooltip: Tooltip is now automatically
aria-describedbyoraria-labelledbybased on the content of the trigger component. (#4202)type-prop that acceptsdecribedbyorlabelledby.Update npm non-major dependencies (#4193)
Update npm non-major dependencies (#4214)
Tag: Add new prop
variant(#4173)default|outline.defaultis the default value.@digdir/designsystemet-theme@1.7.2
Patch Changes
v1.7.1Compare Source
@digdir/designsystemet@1.7.1
@digdir/designsystemet-css@1.7.1
@digdir/designsystemet-react@1.7.1
Patch Changes
onSelectedChangenot always calling the latest callback (#4176)@digdir/designsystemet-theme@1.7.1
v1.7.0Compare Source
@digdir/designsystemet@1.7.0
Minor Changes
Restructure design tokens: (#4105)
primitives/modes/color-scheme/[dark/light]/global.json"link.color.visited"now references"$value": "color.link.visited"from your theme fileMake sure to regenerate your design tokens:
npx @​digdir/designsystemet tokens create <options> --cleanPatch Changes
Update npm non-major dependencies (#4147)
Export zod schema and type for config file: (#4170)
configSchematype ConfigSchemaAdd option override severity colors from config. (#4105)
You can override the base-hexcode, as well as individual steps:
Update npm non-major dependencies (#4167)
Update dependency ramda to ^0.32.0 (#4146)
@digdir/designsystemet-css@1.7.0
Patch Changes
Field: Set
display: blockon<label>(#4134)ToggleGroup: ensure ToggleGroup has same height as Button, and that individual buttons within the group never wrap their text (#4139)
ToggleGroup: use correct border-color (
--ds-color-text-default) to match text/icon color on selected button in secondary variant (#4139)Label: Use
line-height: var(--ds-body-md-line-height);(#4134)Field:
data-field="description"no longer getsmargin-top(#4134)chip: Remove hover effect on
.ds-input(#4165)@digdir/designsystemet-react@1.7.0
Patch Changes
Update npm non-major dependencies (#4147)
Suggestion, Tooltip, Popover: Positioning of floating elements rounded to nearest pixel (#4142)
Update npm non-major dependencies (#4167)
Dialog: Removed the autofocus attribute from built in closeButton, which prevented setting autofocus on other elements in Dialog. (#4159)
Field.Counter: Adjustments to how it works internally. (#4140)
Now, none of the validation messages underneath are
aria-describedon the input/textarea. This is done by anaria-liveregion only for screenreaders.A new
hintprop has been added, to announce how many characters are allowed when entering the input/textarea. Default value is'Maks %d tegn tillatt.'.@digdir/designsystemet-theme@1.7.0
Patch Changes
@digdir/designsystemet. See changelog for changes (#4105)v1.6.1Compare Source
@digdir/designsystemet@1.6.1
Patch Changes
Update npm non-major dependencies (#4129)
Update npm non-major dependencies (#4110)
@digdir/designsystemet-css@1.6.1
Patch Changes
pagination: If direct child of
lihasaria-hidden="true"it setsvisibility: hidden;(#4123)input: Add outline on
:hoverwhen not:focus-visible,:disabledor[readonly]. This adds a few new CSS variables: (#4125)--dsc-input-outline-color--hover--dsc-input-outline-color--toggle--hover--dsc-input-outline-width--hover--dsc-input-outline-style--hoverChip, Tag: Ensure font size scales correctly with the current size mode by using the token
--ds-body-sm-font-size. Note: there might be a small visual change forChipused without explicitdata-size, since it used to havefont-size: 90%. (#4098)@digdir/designsystemet-react@1.6.1
Patch Changes
Button: For
icon-buttons, dont render children if loading is true (#4023)Update npm non-major dependencies (#4129)
Suggestion: Updated u-combobox to 1.0.2 to fix a bug where input would not clear in conrolled mode (#4119)
Update npm non-major dependencies (#4110)
usePagination: Hide prev/next buttons with
aria-hidden="true"andvisibility: hidden;instead of disabling (#4123)Textfield: Move counter error message before error (#4104)
@digdir/designsystemet-theme@1.6.1
v1.6.0Compare Source
@digdir/designsystemet@1.6.0
Patch Changes
Add possiblity to override colors in config: (#4073)
Font size variables are now rounded to the nearest pixel. This affects size modes "sm" and "lg", which had subpixel values after v1.5.0. (#4070)
Update npm non-major dependencies (#4093)
Update supported engines. Now supports node >=20 <25 (#3925)
@digdir/designsystemet-css@1.6.0
Minor Changes
toggle-group: Added new secondary design available with
data-variant="secondary"(orvariant="secondary"in react) (#4092)toggle-group: Changed border-radius to
--ds-border-radius-default, border-color to--ds-color-border-defaultand color to--ds-color-text-default. (#4092)Patch Changes
link: Change
:focus-visiblestyling to use border, not background (#4095)--dsc-link-background--focus--dsc-link-color--focuslink: Add
--dsc-link-border-radius, default isvar(--ds-border-radius-md)(#4095)Dropdown:
Dropdown.Heading(h2-h6) - changed color to text-default and font-weight to 500 (#4076)@digdir/designsystemet-react@1.6.0
Minor Changes
variantto enable newsecondarydesign option (#4092)Patch Changes
Spinner: Allow using
aria-hiddenwhenaria-labelis set, which can be useful to hide or show the element from the accessibility tree based on some UI state like whether a visual label is also rendered. (#4077)Update npm non-major dependencies (#4093)
Avatar: Allow using
aria-hiddeninstead ofaria-labelin situations with visible text (#4077)@digdir/designsystemet-theme@1.6.0
Patch Changes
v1.5.1Compare Source
@digdir/designsystemet@1.5.1
Patch Changes
@digdir/designsystemet-css@1.5.1
Patch Changes
<select>and<textarea>is not on same line as label (#4048)@digdir/designsystemet-react@1.5.1
Patch Changes
Field.Counter: Update count when react controls the input (#4047)
Popover: Only call
onClosewhenPopoveris open (#4065)@digdir/designsystemet-theme@1.5.1
v1.5.0Compare Source
@digdir/designsystemet@1.5.0
Minor Changes
Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#3866)
--ds-size-*variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).Read Sizes in code for info on how size modes work after these changes.
Patch Changes
@digdir/designsystemet-css@1.5.0
Minor Changes
Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#3866)
--ds-size-*variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).Read Sizes in code for info on how size modes work after these changes.
@digdir/designsystemet-react@1.5.0
Minor Changes
Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#3866)
--ds-size-*variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).Read Sizes in code for info on how size modes work after these changes.
Patch Changes
Update npm non-major dependencies (#4039)
Details: Updated
u-detailspackage to adress an issue where you could tab into the content when details was closed (firefox only) (#4022)@digdir/designsystemet-theme@1.5.0
Minor Changes
Sizing and size modes have been reimplemented align code and Figma implementations, and to support setting size mode in css queries. (#3866)
--ds-size-*variables are now independent of the element's font size, and only depend on the size mode, which aligns the code implementation with how the modes already worked in Figma. Important: This will have a large visual impact on existing code where size variables have been used to style Heading elements (e.g. margin).Read Sizes in code for info on how size modes work after these changes.
v1.4.0Compare Source
@digdir/designsystemet@1.4.0
Patch Changes
Update npm non-major dependencies (#3989)
Update npm non-major dependencies (#4014)
@digdir/designsystemet-css@1.4.0
Patch Changes
Card: If
.ds-linkis used in a heading, remove focus and active styling (#4005)Fieldset: Removed uneccessary margin when visually hiding
Fieldset.Legendwith.ds-sr-only(#3996)Update npm non-major dependencies (#3989)
Button: Change sizes of svg and icon (#3998)
[data-icon]), it is1.5em1.3em@digdir/designsystemet-react@1.4.0
Patch Changes
Update npm non-major dependencies (#3989)
Update npm non-major dependencies (#4014)
Switch: correct jsdoc on
labelprop (#3984)@digdir/designsystemet-theme@1.4.0
Minor Changes
brand3(#4008)import '@​digdir/designsystemet-theme/digdir.css';v1.3.0Compare Source
@digdir/designsystemet@1.3.0
Minor Changes
Patch Changes
@digdir/designsystemet-css@1.3.0
@digdir/designsystemet-react@1.3.0
Minor Changes
Suggestion: TypeScript typing now depends on whether
multipleis true or false. Whenmultipleis true,selected,defaultSelectedandonSelectedChangeare typed for arrays of items. Otherwise, they are typed for single items. (#3909)Suggestion: Removed type
SuggestionValues, as this union is no longer useful. UsestringorSuggestionItemwhenmultipleisfalse, andstring[]orSuggestionItem[]whenmultipleistrue. (#3909)Suggestion: remove deprecated props
value,defaultValueandonValueChange. Useselected,defaultSelectedandonSelectedChangeinstead. (#3909)Patch Changes
update u-elements/u-details to 0.1.3 (#3981)
update u-elements/u-combobox to 1.0.1 (#3981)
Suggestion: Remove deprecated
Suggestion.Chips(#3981)update u-elements/u-datalist to 1.0.14 (#3981)
Update npm non-major dependencies (#3973)
@digdir/designsystemet-theme@1.3.0
v1.2.0Compare Source
@digdir/designsystemet@1.2.0
Patch Changes
Update npm non-major dependencies (#3923)
Replace
chalkwithpicocolors(#3910)@digdir/designsystemet-css@1.2.0
Minor Changes
Badge: Allow adjusting the position of the badge using css variables
--dsc-badge-{top,bottom,left,right}(#3965)Link: Automatically add recommended spacing to icons (svg or img), when there is also a
<span>present. (#3942)<Link><Icon />Text</Link>will not get spacing<Link><Icon /> Text</Link>will get a leading underlined space character between icon and text, which looks bad<Link><Icon /><span>Text</span></Link>will get recommended spacingPatch Changes
data-command="close"will get an "X" iconbutton[data-command="close"]is the first child of.ds-dialog, it will float to the top right@digdir/designsystemet-react@1.2.0
Patch Changes
Field: Don't check for hidden elements (#3950)
Dialog: Add
data-command="close", which you can use to close the modal. (#3959)<form>on our close buttonDialog: Deprecate
asChild. Should always be a<dialog>element. Will be removed in the next major version (#3940)Tabs.Panel: Add
aria-labelledbyto associated button (#3939)Tabs: Don't conditionally render
TabPanel, usehiddeninstead (#3936)TabPanelcomponents have heavy code, consider conditional rendering to improve performanceUpdate dependency @u-elements/u-details to ^0.1.2 (#3955)
Update npm non-major dependencies (#3923)
Skeleton: Deprecate
charactersprop, which never had any effect. (#3961)Tooltip: Close on click outside, applicable for mobile devices (#3957)
@digdir/designsystemet-theme@1.2.0
[`v1.1.1
Configuration
📅 Schedule: Branch creation - "before 07:00 on Thursday" in timezone Europe/Oslo, Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.
This PR was generated by Mend Renovate. View the repository job log.