@navikt/ds-react 0.19.4 → 0.19.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 (46) hide show
  1. package/_docs.json +306 -287
  2. package/cjs/alert/Alert.js +4 -4
  3. package/cjs/form/ConfirmationPanel.js +1 -2
  4. package/cjs/form/Fieldset/Fieldset.js +1 -2
  5. package/cjs/form/Select.js +1 -2
  6. package/cjs/form/TextField.js +1 -2
  7. package/cjs/form/Textarea.js +1 -2
  8. package/cjs/typography/Detail.js +2 -1
  9. package/cjs/{form → typography}/ErrorMessage.js +1 -4
  10. package/cjs/typography/index.js +3 -1
  11. package/esm/alert/Alert.js +5 -5
  12. package/esm/alert/Alert.js.map +1 -1
  13. package/esm/form/ConfirmationPanel.js +1 -2
  14. package/esm/form/ConfirmationPanel.js.map +1 -1
  15. package/esm/form/Fieldset/Fieldset.js +1 -2
  16. package/esm/form/Fieldset/Fieldset.js.map +1 -1
  17. package/esm/form/Select.js +1 -2
  18. package/esm/form/Select.js.map +1 -1
  19. package/esm/form/TextField.js +1 -2
  20. package/esm/form/TextField.js.map +1 -1
  21. package/esm/form/Textarea.js +1 -2
  22. package/esm/form/Textarea.js.map +1 -1
  23. package/esm/typography/Detail.d.ts +4 -0
  24. package/esm/typography/Detail.js +2 -1
  25. package/esm/typography/Detail.js.map +1 -1
  26. package/esm/typography/ErrorMessage.d.ts +14 -0
  27. package/esm/typography/ErrorMessage.js +6 -0
  28. package/esm/typography/ErrorMessage.js.map +1 -0
  29. package/esm/typography/index.d.ts +1 -0
  30. package/esm/typography/index.js +1 -0
  31. package/esm/typography/index.js.map +1 -1
  32. package/package.json +4 -4
  33. package/src/alert/Alert.tsx +8 -8
  34. package/src/form/ConfirmationPanel.tsx +1 -2
  35. package/src/form/Fieldset/Fieldset.tsx +1 -2
  36. package/src/form/Select.tsx +1 -2
  37. package/src/form/TextField.tsx +1 -2
  38. package/src/form/Textarea.tsx +1 -2
  39. package/src/typography/Detail.tsx +28 -18
  40. package/src/typography/ErrorMessage.tsx +26 -0
  41. package/src/typography/index.ts +1 -0
  42. package/src/typography/typography.stories.tsx +19 -4
  43. package/esm/form/ErrorMessage.d.ts +0 -3
  44. package/esm/form/ErrorMessage.js +0 -9
  45. package/esm/form/ErrorMessage.js.map +0 -1
  46. package/src/form/ErrorMessage.tsx +0 -17
package/src/typography/typography.stories.tsx CHANGED
@@ -1,5 +1,13 @@
1
1
  import React from "react";
2
- import { Heading, BodyShort, BodyLong, Detail, Ingress, Label } from "../index";
2
+ import {
3
+ Heading,
4
+ BodyShort,
5
+ BodyLong,
6
+ Detail,
7
+ Ingress,
8
+ Label,
9
+ ErrorMessage,
10
+ } from "..";
3
11
 
4
12
  export default {
5
13
  title: "ds-react/typography",
@@ -51,14 +59,21 @@ const LabelTemplate = ({ spacing, size }) => (
51
59
  export const LabelStory = LabelTemplate.bind({});
52
60
  LabelStory.args = { spacing: false, size: "medium" };
53
61
 
54
- const DetailTemplate = ({ spacing, size }) => (
55
- <Detail size={size} spacing={spacing}>
62
+ const DetailTemplate = ({ spacing, size, uppercase }) => (
63
+ <Detail size={size} spacing={spacing} uppercase={uppercase}>
56
64
  {lorem()}
57
65
  </Detail>
58
66
  );
59
67
 
60
68
  export const DetailStory = DetailTemplate.bind({});
61
- DetailStory.args = { spacing: false, size: "medium" };
69
+ DetailStory.args = { spacing: false, uppercase: false, size: "medium" };
70
+
71
+ const ErrorMessageTemplate = ({ size }) => (
72
+ <ErrorMessage size={size}>{lorem()}</ErrorMessage>
73
+ );
74
+
75
+ export const ErrorMessageStory = ErrorMessageTemplate.bind({});
76
+ ErrorMessageStory.args = { size: "medium" };
62
77
 
63
78
  export const SideInnholdEksempel = () => {
64
79
  return (
package/esm/form/ErrorMessage.d.ts DELETED
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const ErrorMessage: (props: any) => JSX.Element;
3
- export default ErrorMessage;
package/esm/form/ErrorMessage.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import cl from "classnames";
3
- import { Label } from "..";
4
- const ErrorMessage = (props) => {
5
- var _a;
6
- return (React.createElement(Label, Object.assign({}, props, { as: "div", className: cl("navds-error-message", props.className, `navds-error-message--${(_a = props.size) !== null && _a !== void 0 ? _a : "medium"}`) })));
7
- };
8
- export default ErrorMessage;
9
- //# sourceMappingURL=ErrorMessage.js.map
package/esm/form/ErrorMessage.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/form/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;AAE3B,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;;IAAC,OAAA,CAC9B,oBAAC,KAAK,oBACA,KAAK,IACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,KAAK,CAAC,SAAS,EACf,wBAAwB,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,EAAE,CACjD,IACD,CACH,CAAA;CAAA,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/src/form/ErrorMessage.tsx DELETED
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import cl from "classnames";
3
- import { Label } from "..";
4
-
5
- const ErrorMessage = (props) => (
6
- <Label
7
- {...props}
8
- as="div"
9
- className={cl(
10
- "navds-error-message",
11
- props.className,
12
- `navds-error-message--${props.size ?? "medium"}`
13
- )}
14
- />
15
- );
16
-
17
- export default ErrorMessage;