@navikt/ds-react 2.1.5 → 2.1.7

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 (177) hide show
  1. package/README.md +4 -5
  2. package/_docs.json +356 -293
  3. package/cjs/accordion/AccordionContent.js +2 -2
  4. package/cjs/accordion/AccordionHeader.js +2 -2
  5. package/cjs/alert/Alert.js +2 -2
  6. package/cjs/chat/Chat.js +3 -3
  7. package/cjs/date/hooks/useDatepicker.js +2 -2
  8. package/cjs/date/hooks/useMonthPicker.js +2 -2
  9. package/cjs/date/hooks/useRangeDatepicker.js +3 -3
  10. package/esm/accordion/AccordionContent.js +1 -1
  11. package/esm/accordion/AccordionContent.js.map +1 -1
  12. package/esm/accordion/AccordionHeader.js +1 -1
  13. package/esm/accordion/AccordionHeader.js.map +1 -1
  14. package/esm/accordion/index.d.ts +1 -1
  15. package/esm/accordion/index.js.map +1 -1
  16. package/esm/alert/Alert.js +1 -1
  17. package/esm/alert/Alert.js.map +1 -1
  18. package/esm/alert/index.d.ts +1 -1
  19. package/esm/button/index.d.ts +1 -1
  20. package/esm/chat/Chat.js +1 -1
  21. package/esm/chat/Chat.js.map +1 -1
  22. package/esm/chat/index.d.ts +1 -1
  23. package/esm/chat/index.js.map +1 -1
  24. package/esm/chips/Removable.d.ts +1 -1
  25. package/esm/chips/Toggle.d.ts +1 -1
  26. package/esm/chips/index.d.ts +1 -1
  27. package/esm/chips/index.js.map +1 -1
  28. package/esm/date/hooks/useDatepicker.d.ts +5 -0
  29. package/esm/date/hooks/useDatepicker.js +2 -2
  30. package/esm/date/hooks/useDatepicker.js.map +1 -1
  31. package/esm/date/hooks/useMonthPicker.d.ts +5 -0
  32. package/esm/date/hooks/useMonthPicker.js +2 -2
  33. package/esm/date/hooks/useMonthPicker.js.map +1 -1
  34. package/esm/date/hooks/useRangeDatepicker.js +3 -3
  35. package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
  36. package/esm/date/index.d.ts +6 -6
  37. package/esm/date/utils/index.d.ts +1 -1
  38. package/esm/date/utils/index.js.map +1 -1
  39. package/esm/form/Fieldset/index.d.ts +1 -1
  40. package/esm/form/checkbox/index.d.ts +2 -2
  41. package/esm/form/checkbox/index.js +1 -1
  42. package/esm/form/checkbox/index.js.map +1 -1
  43. package/esm/form/error-summary/index.d.ts +1 -1
  44. package/esm/form/index.d.ts +10 -10
  45. package/esm/form/index.js +1 -1
  46. package/esm/form/index.js.map +1 -1
  47. package/esm/form/radio/index.d.ts +2 -2
  48. package/esm/form/radio/index.js.map +1 -1
  49. package/esm/form/search/index.d.ts +1 -1
  50. package/esm/form/search/index.js +1 -1
  51. package/esm/form/search/index.js.map +1 -1
  52. package/esm/grid/index.d.ts +3 -3
  53. package/esm/grid/index.js.map +1 -1
  54. package/esm/guide-panel/index.d.ts +2 -2
  55. package/esm/guide-panel/index.js.map +1 -1
  56. package/esm/help-text/index.d.ts +1 -1
  57. package/esm/link/Link.d.ts +1 -1
  58. package/esm/link/index.d.ts +1 -1
  59. package/esm/link-panel/LinkPanelTitle.d.ts +1 -1
  60. package/esm/link-panel/index.d.ts +1 -1
  61. package/esm/loader/index.d.ts +1 -1
  62. package/esm/modal/index.d.ts +2 -2
  63. package/esm/modal/index.js.map +1 -1
  64. package/esm/pagination/index.d.ts +1 -1
  65. package/esm/pagination/index.js.map +1 -1
  66. package/esm/panel/Panel.d.ts +1 -1
  67. package/esm/panel/index.d.ts +1 -1
  68. package/esm/popover/index.d.ts +2 -2
  69. package/esm/popover/index.js.map +1 -1
  70. package/esm/read-more/index.d.ts +1 -1
  71. package/esm/stepper/index.d.ts +1 -1
  72. package/esm/stepper/index.js.map +1 -1
  73. package/esm/table/index.d.ts +8 -8
  74. package/esm/table/index.js.map +1 -1
  75. package/esm/tabs/index.d.ts +4 -4
  76. package/esm/tabs/index.js.map +1 -1
  77. package/esm/tag/index.d.ts +1 -1
  78. package/esm/tag/index.js.map +1 -1
  79. package/esm/toggle-group/index.d.ts +2 -2
  80. package/esm/toggle-group/index.js.map +1 -1
  81. package/esm/tooltip/index.d.ts +1 -1
  82. package/esm/tooltip/index.js.map +1 -1
  83. package/esm/typography/BodyLong.d.ts +1 -1
  84. package/esm/typography/BodyShort.d.ts +1 -1
  85. package/esm/typography/Detail.d.ts +1 -1
  86. package/esm/typography/ErrorMessage.d.ts +1 -1
  87. package/esm/typography/Heading.d.ts +1 -1
  88. package/esm/typography/Ingress.d.ts +1 -1
  89. package/esm/typography/Label.d.ts +1 -1
  90. package/esm/typography/index.d.ts +7 -7
  91. package/esm/typography/index.js +1 -1
  92. package/esm/typography/index.js.map +1 -1
  93. package/package.json +3 -3
  94. package/src/accordion/AccordionContent.tsx +1 -1
  95. package/src/accordion/AccordionHeader.tsx +1 -1
  96. package/src/accordion/accordion.stories.tsx +16 -14
  97. package/src/accordion/index.ts +1 -1
  98. package/src/alert/Alert.tsx +1 -1
  99. package/src/alert/alert.stories.tsx +35 -27
  100. package/src/alert/index.ts +1 -1
  101. package/src/button/button.stories.tsx +95 -83
  102. package/src/button/index.ts +1 -1
  103. package/src/chat/Chat.tsx +1 -1
  104. package/src/chat/chat.stories.tsx +27 -25
  105. package/src/chat/index.ts +1 -1
  106. package/src/chips/Removable.tsx +1 -1
  107. package/src/chips/Toggle.tsx +1 -1
  108. package/src/chips/chips.stories.tsx +32 -29
  109. package/src/chips/index.ts +1 -1
  110. package/src/date/datepicker/datepicker.stories.tsx +103 -81
  111. package/src/date/hooks/useDatepicker.tsx +7 -1
  112. package/src/date/hooks/useMonthPicker.tsx +7 -1
  113. package/src/date/hooks/useRangeDatepicker.tsx +3 -2
  114. package/src/date/index.ts +8 -8
  115. package/src/date/monthpicker/monthpicker.stories.tsx +13 -11
  116. package/src/date/utils/index.ts +1 -1
  117. package/src/form/Fieldset/index.ts +1 -1
  118. package/src/form/checkbox/checkbox.stories.tsx +66 -61
  119. package/src/form/checkbox/index.ts +5 -2
  120. package/src/form/error-summary/error-summary.stories.tsx +16 -14
  121. package/src/form/error-summary/index.ts +1 -1
  122. package/src/form/index.ts +16 -11
  123. package/src/form/radio/index.ts +2 -2
  124. package/src/form/radio/radio.stories.tsx +39 -34
  125. package/src/form/search/index.ts +5 -1
  126. package/src/form/search/search.stories.tsx +26 -23
  127. package/src/form/stories/confirmation-panel.stories.tsx +19 -17
  128. package/src/form/stories/fieldset.stories.tsx +13 -11
  129. package/src/form/stories/select.stories.tsx +12 -10
  130. package/src/form/stories/switch.stories.tsx +9 -7
  131. package/src/form/stories/text-field.stories.tsx +8 -6
  132. package/src/form/stories/textarea.stories.tsx +16 -14
  133. package/src/grid/index.ts +3 -3
  134. package/src/guide-panel/guidepanel.stories.tsx +21 -19
  135. package/src/guide-panel/index.ts +2 -2
  136. package/src/help-text/help-text.stories.tsx +11 -9
  137. package/src/help-text/index.ts +1 -1
  138. package/src/link/Link.tsx +1 -1
  139. package/src/link/index.ts +1 -1
  140. package/src/link/link.stories.tsx +24 -22
  141. package/src/link-panel/LinkPanelTitle.tsx +1 -1
  142. package/src/link-panel/index.ts +1 -1
  143. package/src/link-panel/link-panel.stories.tsx +19 -17
  144. package/src/loader/index.ts +1 -1
  145. package/src/loader/loader.stories.tsx +8 -6
  146. package/src/modal/index.ts +2 -2
  147. package/src/modal/modal.stories.tsx +35 -30
  148. package/src/pagination/index.ts +1 -1
  149. package/src/pagination/pagination.stories.tsx +41 -36
  150. package/src/panel/Panel.tsx +1 -1
  151. package/src/panel/index.ts +1 -1
  152. package/src/panel/panel.stories.tsx +17 -15
  153. package/src/popover/index.ts +2 -2
  154. package/src/popover/popover.stories.tsx +25 -19
  155. package/src/read-more/index.ts +1 -1
  156. package/src/read-more/readmore.stories.tsx +20 -17
  157. package/src/stepper/index.ts +1 -1
  158. package/src/stepper/stepper.stories.tsx +44 -41
  159. package/src/table/index.ts +8 -8
  160. package/src/tabs/Tabs.stories.tsx +24 -22
  161. package/src/tabs/index.ts +4 -4
  162. package/src/tag/index.ts +1 -1
  163. package/src/tag/tag.stories.tsx +9 -7
  164. package/src/toggle-group/ToggleGroup.stories.tsx +21 -18
  165. package/src/toggle-group/index.ts +2 -2
  166. package/src/tooltip/index.ts +1 -1
  167. package/src/tooltip/tooltip.stories.tsx +22 -20
  168. package/src/typography/BodyLong.tsx +1 -1
  169. package/src/typography/BodyShort.tsx +1 -1
  170. package/src/typography/Detail.tsx +1 -1
  171. package/src/typography/ErrorMessage.tsx +1 -1
  172. package/src/typography/Heading.tsx +1 -1
  173. package/src/typography/Ingress.tsx +1 -1
  174. package/src/typography/Label.tsx +1 -1
  175. package/src/typography/heading.stories.tsx +5 -3
  176. package/src/typography/index.ts +10 -7
  177. package/src/typography/typography.stories.tsx +0 -44
@@ -1,10 +1,10 @@
1
- export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, } from "./checkbox";
2
- export { ConfirmationPanelProps, default as ConfirmationPanel, } from "./ConfirmationPanel";
3
- export { ErrorSummary, ErrorSummaryProps } from "./error-summary";
4
- export { Fieldset, FieldsetContext, FieldsetProps } from "./Fieldset";
5
- export { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./radio";
6
- export { Search, SearchClearEvent, SearchProps } from "./search";
7
- export { default as Select, SelectProps } from "./Select";
8
- export { default as Switch, SwitchProps } from "./Switch";
9
- export { Counter, default as Textarea, TextareaProps } from "./Textarea";
10
- export { default as TextField, TextFieldProps } from "./TextField";
1
+ export { Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, } from "./checkbox";
2
+ export { type ConfirmationPanelProps, default as ConfirmationPanel, } from "./ConfirmationPanel";
3
+ export { ErrorSummary, type ErrorSummaryProps } from "./error-summary";
4
+ export { Fieldset, FieldsetContext, type FieldsetProps } from "./Fieldset";
5
+ export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./radio";
6
+ export { Search, type SearchClearEvent, type SearchProps } from "./search";
7
+ export { default as Select, type SelectProps } from "./Select";
8
+ export { default as Switch, type SwitchProps } from "./Switch";
9
+ export { Counter, default as Textarea, type TextareaProps } from "./Textarea";
10
+ export { default as TextField, type TextFieldProps } from "./TextField";
package/esm/form/index.js CHANGED
@@ -2,7 +2,7 @@ export { Checkbox, CheckboxGroup, } from "./checkbox";
2
2
  export { default as ConfirmationPanel, } from "./ConfirmationPanel";
3
3
  export { ErrorSummary } from "./error-summary";
4
4
  export { Fieldset, FieldsetContext } from "./Fieldset";
5
- export { Radio, RadioGroup } from "./radio";
5
+ export { Radio, RadioGroup, } from "./radio";
6
6
  export { Search } from "./search";
7
7
  export { default as Select } from "./Select";
8
8
  export { default as Switch } from "./Switch";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,GAGd,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,OAAO,IAAI,iBAAiB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAiB,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,UAAU,EAA+B,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,MAAM,EAAiC,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAe,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAe,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAkB,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,aAAa,GAGd,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,OAAO,IAAI,iBAAiB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAsB,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,KAAK,EACL,UAAU,GAGX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,MAAM,EAA2C,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,aAAa,CAAC"}
@@ -1,2 +1,2 @@
1
- export { default as Radio, RadioProps } from "./Radio";
2
- export { default as RadioGroup, RadioGroupProps } from "./RadioGroup";
1
+ export { default as Radio, type RadioProps } from "./Radio";
2
+ export { default as RadioGroup, type RadioGroupProps } from "./RadioGroup";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAc,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAmB,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC"}
@@ -1 +1 @@
1
- export { default as Search, SearchProps, SearchClearEvent } from "./Search";
1
+ export { default as Search, type SearchProps, type SearchClearEvent, } from "./Search";
@@ -1,2 +1,2 @@
1
- export { default as Search } from "./Search";
1
+ export { default as Search, } from "./Search";
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAiC,MAAM,UAAU,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,MAAM,GAGlB,MAAM,UAAU,CAAC"}
@@ -1,3 +1,3 @@
1
- export { default as Cell, CellProps } from "./Cell";
2
- export { default as Grid, GridProps } from "./Grid";
3
- export { default as ContentContainer, ContentContainerProps, } from "./ContentContainer";
1
+ export { default as Cell, type CellProps } from "./Cell";
2
+ export { default as Grid, type GridProps } from "./Grid";
3
+ export { default as ContentContainer, type ContentContainerProps, } from "./ContentContainer";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAa,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAa,MAAM,QAAQ,CAAC;AACpD,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC;AACzD,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC"}
@@ -1,3 +1,3 @@
1
- export { default as GuidePanel, GuidePanelProps } from "./GuidePanel";
2
- export { GuideProps } from "./Guide";
1
+ export { default as GuidePanel, type GuidePanelProps } from "./GuidePanel";
2
+ export { type GuideProps } from "./Guide";
3
3
  export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/guide-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAmB,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/guide-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,2 +1,2 @@
1
1
  export { default as HelpText } from "./HelpText";
2
- export { HelpTextProps } from "./HelpText";
2
+ export { type HelpTextProps } from "./HelpText";
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
4
4
  /**
5
5
  * Link text
@@ -1,2 +1,2 @@
1
1
  export { default as Link } from "./Link";
2
- export { LinkProps } from "./Link";
2
+ export { type LinkProps } from "./Link";
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  interface LinkPanelTitleProps extends React.HTMLAttributes<HTMLDivElement> {
4
4
  children: React.ReactNode;
5
5
  }
@@ -1,2 +1,2 @@
1
1
  export { default as LinkPanel } from "./LinkPanel";
2
- export { LinkPanelProps } from "./LinkPanel";
2
+ export { type LinkPanelProps } from "./LinkPanel";
@@ -1,2 +1,2 @@
1
1
  export { default as Loader } from "./Loader";
2
- export { LoaderProps } from "./Loader";
2
+ export { type LoaderProps } from "./Loader";
@@ -1,2 +1,2 @@
1
- export { default as Modal, ModalProps } from "./Modal";
2
- export { ModalContentProps } from "./ModalContent";
1
+ export { default as Modal, type ModalProps } from "./Modal";
2
+ export { type ModalContentProps } from "./ModalContent";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAc,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC"}
@@ -1 +1 @@
1
- export { default as Pagination, PaginationProps } from "./Pagination";
1
+ export { default as Pagination, type PaginationProps } from "./Pagination";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAmB,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface PanelProps extends React.HTMLAttributes<HTMLElement> {
4
4
  /**
5
5
  * Panel content
@@ -1,2 +1,2 @@
1
1
  export { default as Panel } from "./Panel";
2
- export { PanelProps } from "./Panel";
2
+ export { type PanelProps } from "./Panel";
@@ -1,2 +1,2 @@
1
- export { default as Popover, PopoverProps } from "./Popover";
2
- export { PopoverContentProps } from "./PopoverContent";
1
+ export { default as Popover, type PopoverProps } from "./Popover";
2
+ export { type PopoverContentProps } from "./PopoverContent";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAgB,MAAM,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC"}
@@ -1,2 +1,2 @@
1
1
  export { default as ReadMore } from "./ReadMore";
2
- export { ReadMoreProps } from "./ReadMore";
2
+ export { type ReadMoreProps } from "./ReadMore";
@@ -1 +1 @@
1
- export { default as Stepper, StepperProps } from "./Stepper";
1
+ export { default as Stepper, type StepperProps } from "./Stepper";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAgB,MAAM,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC"}
@@ -1,8 +1,8 @@
1
- export { BodyProps } from "./Body";
2
- export { ColumnHeaderProps } from "./ColumnHeader";
3
- export { DataCellProps } from "./DataCell";
4
- export { ExpandableRowProps } from "./ExpandableRow";
5
- export { HeaderProps } from "./Header";
6
- export { HeaderCellProps } from "./HeaderCell";
7
- export { RowProps } from "./Row";
8
- export { default as Table, TableProps, SortState } from "./Table";
1
+ export { default as Table, type TableProps, type SortState } from "./Table";
2
+ export { type BodyProps } from "./Body";
3
+ export { type ColumnHeaderProps } from "./ColumnHeader";
4
+ export { type DataCellProps } from "./DataCell";
5
+ export { type ExpandableRowProps } from "./ExpandableRow";
6
+ export { type HeaderProps } from "./Header";
7
+ export { type HeaderCellProps } from "./HeaderCell";
8
+ export { type RowProps } from "./Row";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAyB,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmC,MAAM,SAAS,CAAC"}
@@ -1,4 +1,4 @@
1
- export { TabProps } from "./Tab";
2
- export { TabListProps } from "./TabList";
3
- export { TabPanelProps } from "./TabPanel";
4
- export { default as Tabs, TabsProps } from "./Tabs";
1
+ export { default as Tabs, type TabsProps } from "./Tabs";
2
+ export { type TabProps } from "./Tab";
3
+ export { type TabListProps } from "./TabList";
4
+ export { type TabPanelProps } from "./TabPanel";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAa,MAAM,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAkB,MAAM,QAAQ,CAAC"}
@@ -1 +1 @@
1
- export { default as Tag, TagProps } from "./Tag";
1
+ export { default as Tag, type TagProps } from "./Tag";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAY,MAAM,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAiB,MAAM,OAAO,CAAC"}
@@ -1,2 +1,2 @@
1
- export { default as ToggleGroup, ToggleGroupProps } from "./ToggleGroup";
2
- export { ToggleItemProps } from "./ToggleItem";
1
+ export { default as ToggleGroup, type ToggleGroupProps } from "./ToggleGroup";
2
+ export { type ToggleItemProps } from "./ToggleItem";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAoB,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,eAAe,CAAC"}
@@ -1 +1 @@
1
- export { default as Tooltip, TooltipProps } from "./Tooltip";
1
+ export { default as Tooltip, type TooltipProps } from "./Tooltip";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAgB,MAAM,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface BodyLongProps extends React.HTMLAttributes<HTMLParagraphElement> {
4
4
  /**
5
5
  * medium: 18px, small: 16px
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface BodyShortProps extends React.HTMLAttributes<HTMLParagraphElement> {
4
4
  /**
5
5
  * medium: 18px, small: 16px
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface DetailProps extends React.HTMLAttributes<HTMLParagraphElement> {
4
4
  /**
5
5
  * @deprecated Medium === small
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface ErrorMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
4
4
  /**
5
5
  * medium: 18px, small: 16px
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
4
4
  /**
5
5
  * Heading level
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface IngressProps extends React.HTMLAttributes<HTMLParagraphElement> {
4
4
  /**
5
5
  * Ingress text
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { OverridableComponent } from "..";
2
+ import { OverridableComponent } from "../util/OverridableComponent";
3
3
  export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
4
4
  /**
5
5
  * medium: 18px, small: 16px
@@ -1,7 +1,7 @@
1
- export { BodyLongProps, default as BodyLong } from "./BodyLong";
2
- export { BodyShortProps, default as BodyShort } from "./BodyShort";
3
- export { default as Detail, DetailProps } from "./Detail";
4
- export { default as ErrorMessage, ErrorMessageProps } from "./ErrorMessage";
5
- export { default as Heading, HeadingProps } from "./Heading";
6
- export { default as Ingress, IngressProps } from "./Ingress";
7
- export { default as Label, LabelProps } from "./Label";
1
+ export { type BodyLongProps, default as BodyLong } from "./BodyLong";
2
+ export { type BodyShortProps, default as BodyShort } from "./BodyShort";
3
+ export { default as Detail, type DetailProps } from "./Detail";
4
+ export { default as ErrorMessage, type ErrorMessageProps, } from "./ErrorMessage";
5
+ export { default as Heading, type HeadingProps } from "./Heading";
6
+ export { default as Ingress, type IngressProps } from "./Ingress";
7
+ export { default as Label, type LabelProps } from "./Label";
@@ -1,7 +1,7 @@
1
1
  export { default as BodyLong } from "./BodyLong";
2
2
  export { default as BodyShort } from "./BodyShort";
3
3
  export { default as Detail } from "./Detail";
4
- export { default as ErrorMessage } from "./ErrorMessage";
4
+ export { default as ErrorMessage, } from "./ErrorMessage";
5
5
  export { default as Heading } from "./Heading";
6
6
  export { default as Ingress } from "./Ingress";
7
7
  export { default as Label } from "./Label";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAkB,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAe,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAgB,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAgB,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAc,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAuB,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAoB,MAAM,UAAU,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,YAAY,GAExB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAqB,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "2.1.5",
3
+ "version": "2.1.7",
4
4
  "description": "Aksel react-components for NAV designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "license": "MIT",
@@ -11,7 +11,7 @@
11
11
  ],
12
12
  "repository": {
13
13
  "type": "git",
14
- "url": "git+https://github.com/navikt/Designsystemet.git"
14
+ "url": "git+https://github.com/navikt/aksel.git"
15
15
  },
16
16
  "sideEffects": false,
17
17
  "main": "./cjs/index.js",
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@floating-ui/react": "0.17.0",
40
- "@navikt/ds-icons": "^2.1.5",
40
+ "@navikt/ds-icons": "^2.1.7",
41
41
  "@radix-ui/react-tabs": "1.0.0",
42
42
  "@radix-ui/react-toggle-group": "1.0.0",
43
43
  "clsx": "^1.2.1",
@@ -1,7 +1,7 @@
1
1
  import cl from "clsx";
2
2
  import React, { forwardRef, useContext } from "react";
3
3
  import AnimateHeight from "../util/AnimateHeight";
4
- import { BodyLong } from "../typography";
4
+ import { BodyLong } from "../typography/BodyLong";
5
5
  import { AccordionItemContext } from "./AccordionItem";
6
6
 
7
7
  export interface AccordionContentProps
@@ -1,7 +1,7 @@
1
1
  import { Expand, ExpandFilled } from "@navikt/ds-icons";
2
2
  import cl from "clsx";
3
3
  import React, { forwardRef, useContext } from "react";
4
- import { Heading } from "..";
4
+ import { Heading } from "../typography/Heading";
5
5
  import { AccordionItemContext } from "./AccordionItem";
6
6
 
7
7
  export interface AccordionHeaderProps
@@ -50,21 +50,23 @@ const Item = (props) => {
50
50
  );
51
51
  };
52
52
 
53
- export const Default = (props) => {
54
- return (
55
- <div style={{ width: 500 }}>
56
- <Accordion>
57
- {[...Array(props.nItems ? props.nItems : 2)].map((_, y) => (
58
- <Item key={y} {...props} />
59
- ))}
60
- </Accordion>
61
- </div>
62
- );
63
- };
53
+ export const Default = {
54
+ render: (props) => {
55
+ return (
56
+ <div style={{ width: 500 }}>
57
+ <Accordion>
58
+ {[...Array(props.nItems ? props.nItems : 2)].map((_, y) => (
59
+ <Item key={y} {...props} />
60
+ ))}
61
+ </Accordion>
62
+ </div>
63
+ );
64
+ },
64
65
 
65
- Default.args = {
66
- controlled: false,
67
- nItems: 2,
66
+ args: {
67
+ controlled: false,
68
+ nItems: 2,
69
+ },
68
70
  };
69
71
 
70
72
  export const Controlled = () => {
@@ -1 +1 @@
1
- export { AccordionProps, default as Accordion } from "./Accordion";
1
+ export { type AccordionProps, default as Accordion } from "./Accordion";
@@ -6,7 +6,7 @@ import {
6
6
  } from "@navikt/ds-icons";
7
7
  import cl from "clsx";
8
8
  import React, { forwardRef } from "react";
9
- import { BodyLong } from "..";
9
+ import { BodyLong } from "../typography/BodyLong";
10
10
 
11
11
  export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
12
12
  /**
@@ -1,50 +1,58 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
1
2
  import React from "react";
2
3
  import { Alert } from ".";
3
4
  import { BodyLong, Heading as DsHeading } from "..";
4
5
 
5
- export default {
6
+ const meta: Meta<typeof Alert> = {
6
7
  title: "ds-react/Alert",
7
8
  component: Alert,
9
+ };
10
+
11
+ export default meta;
12
+
13
+ type Story = StoryObj<typeof Alert>;
14
+
15
+ const variants: Array<"error" | "warning" | "info" | "success"> = [
16
+ "error",
17
+ "warning",
18
+ "info",
19
+ "success",
20
+ ];
21
+
22
+ export const Default: Story = {
23
+ render: (props) => (
24
+ <Alert
25
+ variant={props.variant}
26
+ size={props.size}
27
+ fullWidth={props.fullWidth}
28
+ inline={props.inline}
29
+ >
30
+ {props.children}
31
+ </Alert>
32
+ ),
33
+
34
+ args: {
35
+ children: "Id elit esse enim reprehenderit enim nisi veniam nostrud.",
36
+ fullWidth: false,
37
+ variant: "info",
38
+ size: "medium",
39
+ },
8
40
  argTypes: {
9
41
  variant: {
10
- defaultValue: "info",
11
42
  control: {
12
43
  type: "radio",
13
- options: ["error", "warning", "info", "success"],
14
44
  },
45
+ options: ["info", "error", "warning", "success"],
15
46
  },
16
47
  size: {
17
48
  control: {
18
49
  type: "radio",
19
- options: ["medium", "small"],
20
50
  },
51
+ options: ["medium", "small"],
21
52
  },
22
53
  },
23
54
  };
24
55
 
25
- const variants: Array<"error" | "warning" | "info" | "success"> = [
26
- "error",
27
- "warning",
28
- "info",
29
- "success",
30
- ];
31
-
32
- export const Default = (props) => (
33
- <Alert
34
- variant={props.variant}
35
- size={props.size}
36
- fullWidth={props.fullWidth}
37
- inline={props.inline}
38
- >
39
- {props.children}
40
- </Alert>
41
- );
42
-
43
- Default.args = {
44
- children: "Id elit esse enim reprehenderit enim nisi veniam nostrud.",
45
- fullWidth: false,
46
- };
47
-
48
56
  export const Small = () => {
49
57
  return (
50
58
  <div className="colgap">
@@ -1,2 +1,2 @@
1
1
  export { default as Alert } from "./Alert";
2
- export { AlertProps } from "./Alert";
2
+ export { type AlertProps } from "./Alert";