Lerna versionbump [ci skip]

- @navikt/ds-react@0.13.2
 - @navikt/ds-react-internal@0.8.2

.github/workflows/update-tokens.yml

@@ -36,6 +36,6 @@ jobs:
           branch: figma-tokens-sync
           delete-branch: true
           title: "[FEATURE] Tokens sync Figma"
-          commit-message: "Ikoner synket fra figma"
+          commit-message: "Tokens synket fra figma"
           committer: GitHub <noreply@github.com>
           signoff: false

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "private": false,
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",

@navikt/core/react/src/form/Fieldset/Fieldset.tsx

@@ -103,6 +103,7 @@ const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(
           </Label>
           {!!description && (
             <BodyShort
+              as="div"
               className={cl("navds-fieldset__description", {
                 "sr-only": !!hideLegend,
               })}

@navikt/core/react/src/form/Select.tsx

@@ -67,6 +67,7 @@ const Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {
       </Label>
       {!!description && (
         <BodyShort
+          as="div"
           className={cl("navds-select__description", {
             "sr-only": hideLabel,
           })}

@navikt/core/react/src/form/TextField.tsx

@@ -66,6 +66,7 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>((props, ref) => {
 
       {!!description && (
         <BodyShort
+          as="div"
           className={cl("navds-text-field__description", {
             "sr-only": hideLabel,
           })}

@navikt/core/react/src/form/Textarea.tsx

@@ -81,6 +81,7 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
         </Label>
         {!!description && (
           <BodyShort
+            as="div"
             className={cl("navds-textarea__description", {
               "sr-only": hideLabel,
             })}

@navikt/core/react/src/form/checkbox/Checkbox.tsx

@@ -72,6 +72,7 @@ const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {
       </BodyShort>
       {props.description && (
         <BodyShort
+          as="div"
           size={size}
           id={inputDescriptionId}
           className="navds-checkbox__description"

@navikt/core/react/src/form/checkbox/stories/checkbox.stories.tsx

@@ -21,7 +21,7 @@ export const All = () => {
         description="Exercitation do labore"
       >
         <Checkbox value="Apple">Apple</Checkbox>
-        <Checkbox value="Orange" description="Laborum ad">
+        <Checkbox value="Orange" description={<div>Laborum ad</div>}>
           Orange
         </Checkbox>
         <Checkbox value="Melon">Melon</Checkbox>

@navikt/core/react/src/form/radio/Radio.tsx

@@ -55,6 +55,7 @@ const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {
       </BodyShort>
       {props.description && (
         <BodyShort
+          as="div"
           size={size}
           id={inputDescriptionId}
           className="navds-radio__description"

@navikt/core/react/src/form/radio/stories/radio.stories.tsx

@@ -16,9 +16,12 @@ export const All = () => {
         <Radio value="Melon">Melon</Radio>
       </RadioGroup>
       <h2>description</h2>
-      <RadioGroup legend="Mollit eiusmod" description="Exercitation do labore">
+      <RadioGroup
+        legend="Mollit eiusmod"
+        description={<div>Exercitation do labore</div>}
+      >
         <Radio value="Apple">Apple</Radio>
-        <Radio value="Orange" description="Laborum ad">
+        <Radio value="Orange" description={<div>Laborum ad</div>}>
           Orange
         </Radio>
         <Radio value="Melon">Melon</Radio>

@navikt/core/react/src/form/search-field/SearchField.tsx

@@ -94,6 +94,7 @@ const SearchField = forwardRef<HTMLDivElement, SearchFieldProps>(
         </Label>
         {!!description && (
           <BodyShort
+            as="div"
             className={cl("navds-text-field__description", {
               "sr-only": hideLabel,
             })}

@navikt/core/react/src/form/search-field/stories/search-field.stories.tsx

@@ -15,7 +15,7 @@ export const All = () => {
       <h1>SearchField</h1>
       <SearchField
         label="Mollit eiusmod"
-        description="Ea cupidatat eu sunt commodo"
+        description={<div>Ea cupidatat eu sunt commodo</div>}
       >
         <SearchField.Input />
         <SearchField.Button>

@navikt/core/react/src/form/stories/fieldset.stories.tsx

@@ -21,9 +21,13 @@ export const All = () => {
 
       <Fieldset
         legend="Mollit eiusmod"
-        description="Quis reprehenderit esse cillum"
+        description={<div>Quis reprehenderit esse cillum</div>}
       >
-        <TextField label="Textfield label" hideLabel />
+        <TextField
+          label="Textfield label"
+          hideLabel
+          description={<div>Quis reprehenderit esse cillum</div>}
+        />
         <TextField label="Textfield label" hideLabel />
       </Fieldset>
 

@navikt/core/react/src/form/stories/select.stories.tsx

@@ -19,7 +19,7 @@ export const All = () => {
 
       <h2>Description</h2>
 
-      <Select label="Ipsum enim quis culpa" description="Aute enim">
+      <Select label="Ipsum enim quis culpa" description={<div>Aute enim</div>}>
         <option value="">Velg land</option>
         <option value="norge">Norge</option>
         <option value="sverige">Sverige</option>

@navikt/core/react/src/form/stories/text-field.stories.tsx

@@ -15,7 +15,10 @@ export const All = () => {
 
       <h2>Description</h2>
 
-      <TextField label="Laborum excepteur" description="Cillum mollit" />
+      <TextField
+        label="Laborum excepteur"
+        description={<div>Cillum mollit</div>}
+      />
 
       <h2>Passord-type</h2>
       <TextField label="Passord" type="password" />

@navikt/core/react/src/form/stories/textarea.stories.tsx

@@ -23,7 +23,7 @@ export const All = () => {
 
       <Textarea
         label="In anim elit"
-        description="Reprehenderit esse proident"
+        description={<div>Reprehenderit esse proident</div>}
         value={value}
         onChange={handleChange}
       />

@navikt/internal/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react-internal",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "private": false,
   "description": "NAV internal designsystem react components",
   "author": "NAV Designsystem team",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@navikt/ds-icons": "^0.6.3",
-    "@navikt/ds-react": "^0.13.1",
+    "@navikt/ds-react": "^0.13.2",
     "@popperjs/core": "^2.10.1",
     "classnames": "^2.3.1",
     "copy-to-clipboard": "^3.3.1",

README.md

@@ -26,7 +26,7 @@ Repoet inneholder følgende:
 - [Eksempler på forskjellige frontend-oppsett](https://github.com/navikt/nav-frontend-moduler/tree/master/examples) til applikasjoner som skal bruke komponentene
 - [Storybook](https://navikt.github.io/Designsystemet/?path=/story/ds-react-kom-i-gang--page) for v2 komponenter (wip) og eldre komponenter.
 
-## Bidra
+## Bidrag
 
 Gå til [CONTRIBUTING.md](https://github.com/navikt/nav-frontend-moduler/blob/master/CONTRIBUTING.md)