@helsenorge/designsystem-react 3.1.4 → 3.2.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/CHANGELOG.md +551 -590
  2. package/Checkbox.js +1 -1
  3. package/Checkbox.js.map +1 -1
  4. package/Input.js +1 -1
  5. package/Input.js.map +1 -1
  6. package/Label.js +2 -0
  7. package/Label.js.map +1 -0
  8. package/Panel.js +1 -1
  9. package/Panel.js.map +1 -1
  10. package/README.md +0 -8
  11. package/RadioButton.js +1 -1
  12. package/RadioButton.js.map +1 -1
  13. package/Select.js +1 -1
  14. package/Select.js.map +1 -1
  15. package/StatusDot.js +1 -1
  16. package/StatusDot.js.map +1 -1
  17. package/Textarea.js +1 -1
  18. package/Textarea.js.map +1 -1
  19. package/components/Button/componentdata.json +1 -1
  20. package/components/Checkbox/Checkbox.d.ts +3 -3
  21. package/components/Checkbox/Checkbox.d.ts.map +1 -1
  22. package/components/Checkbox/componentdata.json +1 -1
  23. package/components/Checkbox/index.js +1 -1
  24. package/components/Checkbox/styles.module.scss +223 -59
  25. package/components/Checkbox/styles.module.scss.d.ts +25 -3
  26. package/components/Dropdown/componentdata.json +1 -1
  27. package/components/ErrorWrapper/componentdata.json +1 -1
  28. package/components/Expander/componentdata.json +1 -1
  29. package/components/FormExample/FormExample.d.ts.map +1 -1
  30. package/components/FormExample/index.js +3 -3
  31. package/components/FormExample/index.js.map +1 -1
  32. package/components/FormGroup/index.js +1 -1
  33. package/components/HelpBubbleExample/componentdata.json +1 -1
  34. package/components/HighlightBox/componentdata.json +1 -1
  35. package/components/Input/Input.d.ts +2 -8
  36. package/components/Input/Input.d.ts.map +1 -1
  37. package/components/Input/componentdata.json +1 -1
  38. package/components/Input/index.js +1 -1
  39. package/components/Input/styles.module.scss.d.ts +0 -3
  40. package/components/Label/Label.d.ts +41 -0
  41. package/components/Label/Label.d.ts.map +1 -0
  42. package/components/Label/SubLabel.d.ts +17 -0
  43. package/components/Label/SubLabel.d.ts.map +1 -0
  44. package/components/Label/componentdata.json +1 -0
  45. package/components/Label/index.d.ts +5 -0
  46. package/components/Label/index.d.ts.map +1 -0
  47. package/components/Label/index.js +2 -0
  48. package/components/Label/index.js.map +1 -0
  49. package/components/Label/styles.module.scss +66 -0
  50. package/components/Label/styles.module.scss.d.ts +17 -0
  51. package/components/Panel/Panel.d.ts +2 -0
  52. package/components/Panel/Panel.d.ts.map +1 -1
  53. package/components/Panel/componentdata.json +1 -1
  54. package/components/Panel/styles.module.scss +65 -2
  55. package/components/Panel/styles.module.scss.d.ts +7 -0
  56. package/components/PopMenu/componentdata.json +1 -1
  57. package/components/RadioButton/RadioButton.d.ts +3 -3
  58. package/components/RadioButton/RadioButton.d.ts.map +1 -1
  59. package/components/RadioButton/componentdata.json +1 -1
  60. package/components/RadioButton/index.js +1 -1
  61. package/components/RadioButton/styles.module.scss +228 -52
  62. package/components/RadioButton/styles.module.scss.d.ts +15 -3
  63. package/components/Select/Select.d.ts +2 -2
  64. package/components/Select/Select.d.ts.map +1 -1
  65. package/components/Select/componentdata.json +1 -1
  66. package/components/Select/index.js +1 -1
  67. package/components/Select/styles.module.scss +0 -22
  68. package/components/Select/styles.module.scss.d.ts +0 -3
  69. package/components/ServiceMessage/ServiceMessage.d.ts.map +1 -1
  70. package/components/ServiceMessage/index.js +1 -1
  71. package/components/ServiceMessage/index.js.map +1 -1
  72. package/components/ServiceMessage/styles.module.scss +18 -0
  73. package/components/ServiceMessage/styles.module.scss.d.ts +4 -0
  74. package/components/StatusDot/StatusDot.d.ts +9 -0
  75. package/components/StatusDot/StatusDot.d.ts.map +1 -1
  76. package/components/StatusDot/componentdata.json +1 -1
  77. package/components/StatusDot/index.js +1 -1
  78. package/components/StatusDot/styles.module.scss +14 -3
  79. package/components/StatusDot/styles.module.scss.d.ts +1 -0
  80. package/components/Step/componentdata.json +1 -1
  81. package/components/Table/Table.d.ts.map +1 -1
  82. package/components/Table/TableBody/TableBody.d.ts +1 -1
  83. package/components/Table/TableBody/TableBody.d.ts.map +1 -1
  84. package/components/Table/TableCell/TableCell.d.ts +1 -1
  85. package/components/Table/TableCell/TableCell.d.ts.map +1 -1
  86. package/components/Table/TableExpandedRow/TableExpandedRow.d.ts +1 -1
  87. package/components/Table/TableExpandedRow/TableExpandedRow.d.ts.map +1 -1
  88. package/components/Table/TableExpanderCell/TableExpanderCell.d.ts +2 -2
  89. package/components/Table/TableExpanderCell/TableExpanderCell.d.ts.map +1 -1
  90. package/components/Table/TableHead/TableHead.d.ts +1 -1
  91. package/components/Table/TableHead/TableHead.d.ts.map +1 -1
  92. package/components/Table/TableHeadCell/TableHeadCell.d.ts +1 -1
  93. package/components/Table/TableHeadCell/TableHeadCell.d.ts.map +1 -1
  94. package/components/Table/TableRow/componentdata.json +1 -1
  95. package/components/Table/index.js +1 -1
  96. package/components/Table/index.js.map +1 -1
  97. package/components/Table/styles.module.scss +0 -2
  98. package/components/Table/utils.d.ts +8 -0
  99. package/components/Table/utils.d.ts.map +1 -1
  100. package/components/Tag/componentdata.json +1 -1
  101. package/components/Textarea/Textarea.d.ts +2 -6
  102. package/components/Textarea/Textarea.d.ts.map +1 -1
  103. package/components/Textarea/componentdata.json +1 -1
  104. package/components/Textarea/index.js +1 -1
  105. package/components/Textarea/styles.module.scss.d.ts +0 -3
  106. package/components/Tooltip/TooltipWord/styles.module.scss +4 -1
  107. package/components/Tooltip/componentdata.json +1 -1
  108. package/components/TooltipExample/componentdata.json +1 -1
  109. package/components/Validation/index.js +1 -1
  110. package/constants.d.ts +2 -0
  111. package/constants.d.ts.map +1 -1
  112. package/constants.js +1 -1
  113. package/constants.js.map +1 -1
  114. package/hooks/usePseudoClasses.d.ts +12 -0
  115. package/hooks/usePseudoClasses.d.ts.map +1 -0
  116. package/hooks/usePseudoClasses.js +2 -0
  117. package/hooks/usePseudoClasses.js.map +1 -0
  118. package/package.json +1 -1
  119. package/scss/_input.scss +6 -28
  120. package/scss/_spacers.scss +1 -1
@@ -1 +1 @@
1
- {"props":{"title":{"defaultValue":null,"description":"Title of the panel","name":"title","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"titleHtmlMarkup":{"defaultValue":null,"description":"Changes the underlying element of the title. Default: h2","name":"titleHtmlMarkup","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"TitleTags","value":[{"value":"\"h1\""},{"value":"\"h2\""},{"value":"\"h3\""},{"value":"\"h4\""},{"value":"\"h5\""},{"value":"\"span\""}]}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"status":{"defaultValue":null,"description":"Displays a status on the left side: defualt normal","name":"status","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"new\" | \"error\" | \"draft\"","value":[{"value":"\"normal\""},{"value":"\"new\""},{"value":"\"error\""},{"value":"\"draft\""}]}},"statusMessage":{"defaultValue":null,"description":"Displayed on top of the panel with a status icon","name":"statusMessage","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"variant":{"defaultValue":null,"description":"Changes the visual representation of the panel.","name":"variant","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"\"fill\" | \"white\" | \"stroke\" | \"line\"","value":[{"value":"\"fill\""},{"value":"\"white\""},{"value":"\"stroke\""},{"value":"\"line\""}]}},"url":{"defaultValue":null,"description":"Url to details, renders as a button with anchor tag","name":"url","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"target":{"defaultValue":null,"description":"target used in the button: default is _self","name":"target","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"AnchorTarget","value":[{"value":"\"_self\""},{"value":"\"_blank\""},{"value":"\"_parent\""},{"value":"\"_top\""}]}},"icon":{"defaultValue":null,"description":"Icon displayed in title","name":"icon","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"ReactNode"}},"iconRight":{"defaultValue":null,"description":"Display icon on right","name":"iconRight","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"contentA":{"defaultValue":null,"description":"Panel section A content","name":"contentA","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"ReactNode"}},"contentB":{"defaultValue":null,"description":"Panel section B content","name":"contentB","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"ReactNode"}},"buttonText":{"defaultValue":null,"description":"Panel button text","name":"buttonText","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"buttonTextClose":{"defaultValue":null,"description":"Panel button close text","name":"buttonTextClose","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"buttonHtmlMarkup":{"defaultValue":null,"description":"HTML markup for panel button. Default: a","name":"buttonHtmlMarkup","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"ButtonTags","value":[{"value":"\"button\""},{"value":"\"a\""}]}},"buttonOnClick":{"defaultValue":null,"description":"Callback when panel button is clicked","name":"buttonOnClick","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"((e?: MouseEvent<HTMLElement, MouseEvent> | FormEvent<{}> | KeyboardEvent<HTMLUListElement> | null) => void)"}},"buttonAriaLabelledById":{"defaultValue":null,"description":"Panel button is aria-labelledby the text in the button itself + the element set in buttonAriaLabelledById. Default: auto-generated id for title (if title is set).","name":"buttonAriaLabelledById","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"buttonAriaLabel":{"defaultValue":null,"description":"Panel button aria label","name":"buttonAriaLabel","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"showCloseButtonInExpand":{"defaultValue":null,"description":"@deprecated Has no effect anymore due to accessbility reasons. No close button is shown in expanded content. Will be removed in 2.0.0","name":"showCloseButtonInExpand","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"layout":{"defaultValue":null,"description":"Layout (see description)","name":"layout","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"\"layout1\" | \"layout2\" | \"layout3a\" | \"layout3b\" | \"layout3c\"","value":[{"value":"\"layout1\""},{"value":"\"layout2\""},{"value":"\"layout3a\""},{"value":"\"layout3b\""},{"value":"\"layout3c\""}]}},"containerAsButton":{"defaultValue":null,"description":"Clicking anywhere on the container will trigger a click on the panel's button","name":"containerAsButton","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"time":{"defaultValue":null,"description":"Displays time with icon","name":"time","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"date":{"defaultValue":null,"description":"Displays date with icon","name":"date","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"noTopBorder":{"defaultValue":null,"description":"Removes top border when variant is \"line\"","name":"noTopBorder","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"expanded":{"defaultValue":null,"description":"Opens or closes the panel","name":"expanded","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"onExpand":{"defaultValue":null,"description":"Called when panel is open/closed.","name":"onExpand","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"((isExpanded: boolean) => void)"}},"renderChildrenWhenClosed":{"defaultValue":null,"description":"Whether to render children when closed (in which case they are hidden with CSS). Default: false","name":"renderChildrenWhenClosed","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}}}}
1
+ {"props":{"title":{"defaultValue":null,"description":"Title of the panel","name":"title","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"titleHtmlMarkup":{"defaultValue":null,"description":"Changes the underlying element of the title. Default: h2","name":"titleHtmlMarkup","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"TitleTags","value":[{"value":"\"h1\""},{"value":"\"h2\""},{"value":"\"h3\""},{"value":"\"h4\""},{"value":"\"h5\""},{"value":"\"span\""}]}},"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"status":{"defaultValue":null,"description":"Displays a status on the left side: defualt normal","name":"status","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"new\" | \"error\" | \"draft\"","value":[{"value":"\"normal\""},{"value":"\"new\""},{"value":"\"error\""},{"value":"\"draft\""}]}},"statusMessage":{"defaultValue":null,"description":"Displayed on top of the panel with a status icon","name":"statusMessage","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"variant":{"defaultValue":null,"description":"Changes the visual representation of the panel.","name":"variant","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"\"fill\" | \"white\" | \"stroke\" | \"line\"","value":[{"value":"\"fill\""},{"value":"\"white\""},{"value":"\"stroke\""},{"value":"\"line\""}]}},"url":{"defaultValue":null,"description":"Url to details, renders as a button with anchor tag","name":"url","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"target":{"defaultValue":null,"description":"target used in the button: default is _self","name":"target","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"AnchorTarget","value":[{"value":"\"_self\""},{"value":"\"_blank\""},{"value":"\"_parent\""},{"value":"\"_top\""}]}},"icon":{"defaultValue":null,"description":"Icon displayed in title","name":"icon","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"ReactNode"}},"iconRight":{"defaultValue":null,"description":"Display icon on right","name":"iconRight","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"contentA":{"defaultValue":null,"description":"Panel section A content","name":"contentA","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"ReactNode"}},"contentB":{"defaultValue":null,"description":"Panel section B content","name":"contentB","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"ReactNode"}},"prioritiseMetaDataInContentB":{"defaultValue":null,"description":"A version of panel that prioritises content-B visually and audibly","name":"prioritiseMetaDataInContentB","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"buttonText":{"defaultValue":null,"description":"Panel button text","name":"buttonText","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"buttonTextClose":{"defaultValue":null,"description":"Panel button close text","name":"buttonTextClose","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"buttonHtmlMarkup":{"defaultValue":null,"description":"HTML markup for panel button. Default: a","name":"buttonHtmlMarkup","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"ButtonTags","value":[{"value":"\"button\""},{"value":"\"a\""}]}},"buttonOnClick":{"defaultValue":null,"description":"Callback when panel button is clicked","name":"buttonOnClick","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"((e?: MouseEvent<HTMLElement, MouseEvent> | FormEvent<{}> | KeyboardEvent<HTMLUListElement> | null) => void)"}},"buttonAriaLabelledById":{"defaultValue":null,"description":"Panel button is aria-labelledby the text in the button itself + the element set in buttonAriaLabelledById. Default: auto-generated id for title (if title is set).","name":"buttonAriaLabelledById","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"buttonAriaLabel":{"defaultValue":null,"description":"Panel button aria label","name":"buttonAriaLabel","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"showCloseButtonInExpand":{"defaultValue":null,"description":"@deprecated Has no effect anymore due to accessbility reasons. No close button is shown in expanded content. Will be removed in 2.0.0","name":"showCloseButtonInExpand","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"layout":{"defaultValue":null,"description":"Layout (see description)","name":"layout","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"enum","raw":"\"layout1\" | \"layout2\" | \"layout3a\" | \"layout3b\" | \"layout3c\"","value":[{"value":"\"layout1\""},{"value":"\"layout2\""},{"value":"\"layout3a\""},{"value":"\"layout3b\""},{"value":"\"layout3c\""}]}},"containerAsButton":{"defaultValue":null,"description":"Clicking anywhere on the container will trigger a click on the panel's button","name":"containerAsButton","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"time":{"defaultValue":null,"description":"Displays time with icon","name":"time","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"date":{"defaultValue":null,"description":"Displays date with icon","name":"date","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"string"}},"noTopBorder":{"defaultValue":null,"description":"Removes top border when variant is \"line\"","name":"noTopBorder","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"expanded":{"defaultValue":null,"description":"Opens or closes the panel","name":"expanded","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}},"onExpand":{"defaultValue":null,"description":"Called when panel is open/closed.","name":"onExpand","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"((isExpanded: boolean) => void)"}},"renderChildrenWhenClosed":{"defaultValue":null,"description":"Whether to render children when closed (in which case they are hidden with CSS). Default: false","name":"renderChildrenWhenClosed","parent":{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"},"declarations":[{"fileName":"src/components/Panel/Panel.tsx","name":"PanelProps"}],"required":false,"type":{"name":"boolean"}}}}
@@ -49,12 +49,24 @@
49
49
  flex: 1;
50
50
  }
51
51
 
52
+ &--prioritiseMetaDataInContentB,
52
53
  &--layout3 {
53
54
  @media (min-width: map.get($grid-breakpoints, lg)) {
54
55
  display: flex;
55
56
  flex-direction: row;
56
57
  }
57
58
  }
59
+ &--layout2#{&}--prioritiseMetaDataInContentB {
60
+ @media (min-width: map.get($grid-breakpoints, md)) {
61
+ display: flex;
62
+ flex-direction: row;
63
+ }
64
+ }
65
+ &--layout1#{&}--prioritiseMetaDataInContentB {
66
+ @media (min-width: map.get($grid-breakpoints, lg)) {
67
+ display: block;
68
+ }
69
+ }
58
70
 
59
71
  &--grow {
60
72
  flex: 1;
@@ -132,6 +144,26 @@
132
144
  &--layout3c {
133
145
  flex: 0.65;
134
146
  }
147
+
148
+ &--prioritiseMetaDataInContentB {
149
+ padding-bottom: getSpacer(s);
150
+ order: 1;
151
+
152
+ @media (min-width: map.get($grid-breakpoints, md)) {
153
+ order: 2;
154
+ }
155
+ }
156
+
157
+ &--layout2#{&}--prioritiseMetaDataInContentB {
158
+ @media (min-width: map.get($grid-breakpoints, md)) {
159
+ padding-bottom: 0;
160
+ }
161
+ }
162
+ &--layout3#{&}--prioritiseMetaDataInContentB {
163
+ @media (min-width: map.get($grid-breakpoints, lg)) {
164
+ padding-bottom: 0;
165
+ }
166
+ }
135
167
  }
136
168
 
137
169
  &__btn-container {
@@ -362,14 +394,22 @@
362
394
  &--layout3c {
363
395
  flex: 0.35;
364
396
  }
397
+
398
+ &--prioritiseMetaDataInContentB {
399
+ padding-bottom: getSpacer(s);
400
+
401
+ @media (min-width: map.get($grid-breakpoints, md)) {
402
+ padding-bottom: 0;
403
+ }
404
+ }
365
405
  }
366
406
 
367
407
  .panel-content-b {
368
408
  flex: 1;
369
- padding-top: getSpacer(s);
409
+ padding-top: 0;
370
410
 
371
411
  @media (min-width: map.get($grid-breakpoints, lg)) {
372
- padding-top: 0;
412
+ padding-top: getSpacer(s);
373
413
  }
374
414
 
375
415
  &--layout1 {
@@ -379,11 +419,34 @@
379
419
  @media (min-width: map.get($grid-breakpoints, md)) {
380
420
  padding-right: getSpacer(m);
381
421
  }
422
+
423
+ @media (min-width: map.get($grid-breakpoints, lg)) {
424
+ padding-top: getSpacer(s);
425
+ }
426
+ }
427
+
428
+ &--layout2 {
429
+ padding-top: getSpacer(s);
430
+
431
+ @media (min-width: map.get($grid-breakpoints, md)) {
432
+ padding-top: 0;
433
+ }
382
434
  }
383
435
 
384
436
  &--layout3 {
437
+ padding-top: getSpacer(s);
438
+
385
439
  @media (min-width: map.get($grid-breakpoints, lg)) {
386
440
  padding-right: getSpacer(m);
441
+ padding-top: 0;
442
+ }
443
+ }
444
+
445
+ &--prioritiseMetaDataInContentB {
446
+ padding-top: 0;
447
+
448
+ @media (min-width: map.get($grid-breakpoints, lg)) {
449
+ padding-top: 0;
387
450
  }
388
451
  }
389
452
  }
@@ -9,7 +9,10 @@ export type Styles = {
9
9
  'panel__btn-container--padding-top': string;
10
10
  panel__container: string;
11
11
  'panel__container--grow': string;
12
+ 'panel__container--layout1': string;
13
+ 'panel__container--layout2': string;
12
14
  'panel__container--layout3': string;
15
+ 'panel__container--prioritiseMetaDataInContentB': string;
13
16
  'panel__content-left--flex': string;
14
17
  'panel__content-right--layout1': string;
15
18
  'panel__content-right--layout2': string;
@@ -17,6 +20,7 @@ export type Styles = {
17
20
  'panel__content-right--layout3a': string;
18
21
  'panel__content-right--layout3b': string;
19
22
  'panel__content-right--layout3c': string;
23
+ 'panel__content-right--prioritiseMetaDataInContentB': string;
20
24
  'panel__details-btn': string;
21
25
  panel__expand: string;
22
26
  panel__icon: string;
@@ -41,9 +45,12 @@ export type Styles = {
41
45
  'panel-content-a--layout3a': string;
42
46
  'panel-content-a--layout3b': string;
43
47
  'panel-content-a--layout3c': string;
48
+ 'panel-content-a--prioritiseMetaDataInContentB': string;
44
49
  'panel-content-b': string;
45
50
  'panel-content-b--layout1': string;
51
+ 'panel-content-b--layout2': string;
46
52
  'panel-content-b--layout3': string;
53
+ 'panel-content-b--prioritiseMetaDataInContentB': string;
47
54
  'panel-details': string;
48
55
  'panel-details--line': string;
49
56
  'panel-details--open': string;
@@ -1 +1 @@
1
- {"props":{"children":{"defaultValue":null,"description":"Content shown inside PopOver. Can only be a LinkList","name":"children","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},{"fileName":"s/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactElement<LinkListProps, string | JSXElementConstructor<any>> & ReactNode"}},"popOverClassName":{"defaultValue":null,"description":"Adds custom classes to the popover element.","name":"popOverClassName","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"popMenuClassName":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"popMenuClassName","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"popMenuVariant":{"defaultValue":null,"description":"Changes responsive design for the trigger buttons.","name":"popMenuVariant","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"enum","raw":"PopMenuVariant","value":[{"value":"\"on-white\"","description":"","fullComment":"","tags":{}},{"value":"\"on-gray\"","description":"","fullComment":"","tags":{}},{"value":"\"on-blueberry\"","description":"","fullComment":"","tags":{}}]}},"openButtonTestId":{"defaultValue":null,"description":"Sets the data-testid attribute for the button that opens.","name":"openButtonTestId","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"closeButtonTestId":{"defaultValue":null,"description":"Sets the data-testid attribute for the button that closes.","name":"closeButtonTestId","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"popOverTestId":{"defaultValue":null,"description":"Sets the data-testid attribute for the popover.","name":"popOverTestId","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"openButtonAriaLabel":{"defaultValue":null,"description":"Sets the arial-label attribute for the openButton.","name":"openButtonAriaLabel","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"closeButtonAriaLabel":{"defaultValue":null,"description":"Sets the arial-label attribute for the closeButton.","name":"closeButtonAriaLabel","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}}}}
1
+ {"props":{"children":{"defaultValue":null,"description":"Content shown inside PopOver. Can only be a LinkList","name":"children","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"TypeLiteral"}],"required":false,"type":{"name":"ReactElement<LinkListProps, string | JSXElementConstructor<any>> & ReactNode"}},"popOverClassName":{"defaultValue":null,"description":"Adds custom classes to the popover element.","name":"popOverClassName","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"popMenuClassName":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"popMenuClassName","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"popMenuVariant":{"defaultValue":null,"description":"Changes responsive design for the trigger buttons.","name":"popMenuVariant","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"enum","raw":"PopMenuVariant","value":[{"value":"\"on-white\"","description":"","fullComment":"","tags":{}},{"value":"\"on-gray\"","description":"","fullComment":"","tags":{}},{"value":"\"on-blueberry\"","description":"","fullComment":"","tags":{}}]}},"openButtonTestId":{"defaultValue":null,"description":"Sets the data-testid attribute for the button that opens.","name":"openButtonTestId","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"closeButtonTestId":{"defaultValue":null,"description":"Sets the data-testid attribute for the button that closes.","name":"closeButtonTestId","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"popOverTestId":{"defaultValue":null,"description":"Sets the data-testid attribute for the popover.","name":"popOverTestId","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"openButtonAriaLabel":{"defaultValue":null,"description":"Sets the arial-label attribute for the openButton.","name":"openButtonAriaLabel","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}},"closeButtonAriaLabel":{"defaultValue":null,"description":"Sets the arial-label attribute for the closeButton.","name":"closeButtonAriaLabel","parent":{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"},"declarations":[{"fileName":"src/components/PopMenu/PopMenu.tsx","name":"PopMenuProps"}],"required":false,"type":{"name":"string"}}}}
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { FormMode, FormVariant } from '../../constants';
3
- export interface RadioButtonProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'value' | 'disabled' | 'defaultChecked' | 'required'> {
3
+ export interface RadioButtonProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'value' | 'disabled' | 'defaultChecked' | 'required' | 'onChange'> {
4
4
  /** Adds custom classes to the element. */
5
5
  className?: string;
6
- /** The label text next to the radioButton */
7
- label: string;
6
+ /** The <Label/> next to the radioButton - sublabels kan ikke kombineres med bigform variant */
7
+ label: React.ReactNode;
8
8
  /** input id of the radioButton */
9
9
  inputId?: string;
10
10
  /** Changes the visuals of the radioButton */
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKrE,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,gBAAgB,GAAG,UAAU,CAAC;IACxH,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,2FAmEtB,CAAC;AAIH,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOrE,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAChG;IACD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,2FAsGtB,CAAC;AAIH,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"label":{"defaultValue":null,"description":"The label text next to the radioButton","name":"label","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":true,"type":{"name":"string"}},"inputId":{"defaultValue":null,"description":"input id of the radioButton","name":"inputId","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"mode":{"defaultValue":null,"description":"Changes the visuals of the radioButton","name":"mode","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the radioButton","name":"variant","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"error":{"defaultValue":null,"description":"Activates Error style for the radioButton - This is can be true while errorText is empty, when in a FormGroup","name":"error","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"boolean"}},"errorText":{"defaultValue":null,"description":"Error text to show above the component","name":"errorText","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"value":{"defaultValue":null,"description":"","name":"value","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"disabled":{"defaultValue":null,"description":"","name":"disabled","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"defaultChecked":{"defaultValue":null,"description":"","name":"defaultChecked","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"required":{"defaultValue":null,"description":"","name":"required","parent":{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"s/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}}}}
1
+ {"props":{"className":{"defaultValue":null,"description":"Adds custom classes to the element.","name":"className","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"label":{"defaultValue":null,"description":"The <Label/> next to the radioButton - sublabels kan ikke kombineres med bigform variant","name":"label","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":true,"type":{"name":"ReactNode"}},"inputId":{"defaultValue":null,"description":"input id of the radioButton","name":"inputId","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"mode":{"defaultValue":null,"description":"Changes the visuals of the radioButton","name":"mode","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"enum","raw":"\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\"","value":[{"value":"\"onwhite\""},{"value":"\"ongrey\""},{"value":"\"onblueberry\""},{"value":"\"ondark\""},{"value":"\"oninvalid\""}]}},"variant":{"defaultValue":null,"description":"Changes the visuals of the radioButton","name":"variant","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"enum","raw":"\"normal\" | \"bigform\"","value":[{"value":"\"normal\""},{"value":"\"bigform\""}]}},"error":{"defaultValue":null,"description":"Activates Error style for the radioButton - This is can be true while errorText is empty, when in a FormGroup","name":"error","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"boolean"}},"errorText":{"defaultValue":null,"description":"Error text to show above the component","name":"errorText","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"testId":{"defaultValue":null,"description":"Sets the data-testid attribute.","name":"testId","parent":{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"},"declarations":[{"fileName":"src/components/RadioButton/RadioButton.tsx","name":"RadioButtonProps"}],"required":false,"type":{"name":"string"}},"aria-describedby":{"defaultValue":null,"description":"Identifies the element (or elements) that describes the object.\n@see aria-labelledby","name":"aria-describedby","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"AriaAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"AriaAttributes"}],"required":false,"type":{"name":"string"}},"name":{"defaultValue":null,"description":"","name":"name","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string"}},"value":{"defaultValue":null,"description":"","name":"value","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"string | number | readonly string[]"}},"disabled":{"defaultValue":null,"description":"","name":"disabled","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"defaultChecked":{"defaultValue":null,"description":"","name":"defaultChecked","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"HTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"required":{"defaultValue":null,"description":"","name":"required","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"boolean"}},"onChange":{"defaultValue":null,"description":"","name":"onChange","parent":{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"},"declarations":[{"fileName":"designsystem/node_modules/@types/react/index.d.ts","name":"InputHTMLAttributes"}],"required":false,"type":{"name":"ChangeEventHandler<HTMLInputElement>"}}}}
@@ -1,2 +1,2 @@
1
- import{R as t}from"../../RadioButton.js";import{a as s}from"../../RadioButton.js";import"react";import"classnames";import"../../constants.js";import"../../uuid.js";import"../../utils/environment.js";import"./styles.module.scss";export{s as RadioButton,t as default};
1
+ import{R as t}from"../../RadioButton.js";import{a as D}from"../../RadioButton.js";import"react";import"classnames";import"../../constants.js";import"../../hooks/usePseudoClasses.js";import"../../uuid.js";import"../../utils/environment.js";import"../../Label.js";import"../../Spacer.js";import"../Spacer/styles.module.scss";import"../Label/styles.module.scss";import"../../utils/component.js";import"../../StatusDot.js";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"./styles.module.scss";export{D as RadioButton,t as default};
2
2
  //# sourceMappingURL=index.js.map