@digigov/ui 1.1.5-496927f3 → 1.2.0-39d8f7d2

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 (132) hide show
  1. package/app/Header/__snapshots__/index.spec.tsx.snap +4 -4
  2. package/app/QrCodeViewer/QRCode.stories.d.ts +1 -0
  3. package/app/QrCodeViewer/index.d.ts +1 -0
  4. package/app/QrCodeViewer/index.js +2 -1
  5. package/app/hooks/useHighlightLinks/index.js +4 -4
  6. package/cjs/app/Header/__snapshots__/index.spec.tsx.snap +4 -4
  7. package/cjs/app/QrCodeViewer/index.js +3 -2
  8. package/cjs/app/hooks/useHighlightLinks/index.js +4 -4
  9. package/cjs/content/Accordion/__snapshots__/index.spec.tsx.snap +20 -20
  10. package/cjs/content/Blockquote/__snapshots__/index.spec.tsx.snap +2 -2
  11. package/cjs/content/Details/__snapshots__/index.spec.tsx.snap +12 -12
  12. package/cjs/content/SafeHTML/index.js +9 -9
  13. package/cjs/content/SummaryList/__snapshots__/index.spec.tsx.snap +16 -16
  14. package/cjs/form/AutoComplete/index.js +2 -2
  15. package/cjs/form/Button/__snapshots__/index.spec.tsx.snap +2 -2
  16. package/cjs/layouts/Basic/__snapshots__/index.spec.tsx.snap +15 -15
  17. package/cjs/layouts/Screen/Screen.stories/index.js +12 -0
  18. package/cjs/layouts/Screen/__stories__/ScreenUp/index.js +16 -0
  19. package/cjs/lazy/index.js +2767 -0
  20. package/cjs/navigation/Link/__snapshots__/index.spec.tsx.snap +2 -2
  21. package/cjs/registry/index.js +0 -12
  22. package/cjs/typography/Heading/__stories__/Default/index.js +5 -5
  23. package/cjs/typography/HeadingCaption/__stories__/Default/index.js +6 -6
  24. package/cjs/typography/HeadingCaption/__stories__/NestedToTitle/index.js +1 -1
  25. package/cjs/typography/Hint/__stories__/Default/index.js +1 -1
  26. package/cjs/typography/Hint/__stories__/FontSizes/index.js +4 -4
  27. package/cjs/typography/NormalText/__stories__/Default/index.js +1 -1
  28. package/cjs/typography/NormalText/__stories__/FontSizes/index.js +7 -7
  29. package/cjs/typography/NormalText/__stories__/FontWeight/index.js +2 -2
  30. package/cjs/typography/NormalText/__stories__/Variants/index.js +2 -2
  31. package/cjs/typography/Paragraph/__stories__/Default/index.js +1 -1
  32. package/cjs/typography/Paragraph/__stories__/FontSizes/index.js +7 -7
  33. package/cjs/typography/Paragraph/__stories__/FontWeight/index.js +2 -2
  34. package/cjs/typography/Paragraph/__stories__/LeadVariant/index.js +1 -1
  35. package/cjs/typography/Paragraph/__stories__/SmallVariant/index.js +1 -1
  36. package/cjs/utils/hooks/useScreen/index.js +0 -2
  37. package/content/Accordion/__snapshots__/index.spec.tsx.snap +20 -20
  38. package/content/Blockquote/__snapshots__/index.spec.tsx.snap +2 -2
  39. package/content/Details/__snapshots__/index.spec.tsx.snap +12 -12
  40. package/content/SafeHTML/index.d.ts +1 -1
  41. package/content/SafeHTML/index.js +9 -9
  42. package/content/SummaryList/__snapshots__/index.spec.tsx.snap +16 -16
  43. package/form/AutoComplete/index.js +2 -2
  44. package/form/Button/__snapshots__/index.spec.tsx.snap +2 -2
  45. package/index.js +1 -1
  46. package/layouts/Basic/__snapshots__/index.spec.tsx.snap +15 -15
  47. package/layouts/Screen/Screen.stories/index.js +2 -1
  48. package/layouts/Screen/Screen.stories.d.ts +1 -0
  49. package/layouts/Screen/__stories__/ScreenUp/index.js +9 -0
  50. package/{utils/Kitchensink/KitchensinkDashboard → layouts/Screen/__stories__/ScreenUp}/package.json +1 -1
  51. package/layouts/Screen/__stories__/ScreenUp.d.ts +3 -0
  52. package/lazy/index.js +2145 -0
  53. package/{misc/KitchenSink → lazy}/package.json +1 -1
  54. package/lazy.d.ts +334 -0
  55. package/navigation/Link/__snapshots__/index.spec.tsx.snap +2 -2
  56. package/package.json +5 -6
  57. package/registry/index.js +0 -12
  58. package/registry.d.ts +0 -6
  59. package/src/app/Header/__snapshots__/index.spec.tsx.snap +4 -4
  60. package/src/app/QrCodeViewer/index.tsx +2 -0
  61. package/src/app/hooks/useHighlightLinks.ts +4 -4
  62. package/src/content/Accordion/__snapshots__/index.spec.tsx.snap +20 -20
  63. package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap +2 -2
  64. package/src/content/Details/__snapshots__/index.spec.tsx.snap +12 -12
  65. package/src/content/SafeHTML/index.tsx +10 -10
  66. package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +16 -16
  67. package/src/form/AutoComplete/index.tsx +4 -4
  68. package/src/form/Button/__snapshots__/index.spec.tsx.snap +2 -2
  69. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +15 -15
  70. package/src/layouts/Screen/Screen.stories.js +2 -1
  71. package/src/layouts/Screen/__stories__/ScreenUp.tsx +11 -0
  72. package/src/lazy.js +310 -0
  73. package/src/navigation/Link/__snapshots__/index.spec.tsx.snap +2 -2
  74. package/src/registry.js +0 -12
  75. package/src/typography/Heading/__stories__/Default.tsx +5 -5
  76. package/src/typography/HeadingCaption/__stories__/Default.tsx +6 -6
  77. package/src/typography/HeadingCaption/__stories__/NestedToTitle.tsx +2 -2
  78. package/src/typography/Hint/__stories__/Default.tsx +1 -1
  79. package/src/typography/Hint/__stories__/FontSizes.tsx +4 -4
  80. package/src/typography/NormalText/__stories__/Default.tsx +1 -1
  81. package/src/typography/NormalText/__stories__/FontSizes.tsx +7 -7
  82. package/src/typography/NormalText/__stories__/FontWeight.tsx +2 -2
  83. package/src/typography/NormalText/__stories__/Variants.tsx +2 -2
  84. package/src/typography/Paragraph/__stories__/Default.tsx +1 -1
  85. package/src/typography/Paragraph/__stories__/FontSizes.tsx +7 -7
  86. package/src/typography/Paragraph/__stories__/FontWeight.tsx +2 -2
  87. package/src/typography/Paragraph/__stories__/LeadVariant.tsx +1 -1
  88. package/src/typography/Paragraph/__stories__/SmallVariant.tsx +1 -1
  89. package/src/utils/hooks/useScreen.ts +1 -2
  90. package/typography/Heading/__stories__/Default/index.js +5 -5
  91. package/typography/HeadingCaption/__stories__/Default/index.js +6 -6
  92. package/typography/HeadingCaption/__stories__/NestedToTitle/index.js +1 -1
  93. package/typography/Hint/__stories__/Default/index.js +1 -1
  94. package/typography/Hint/__stories__/FontSizes/index.js +4 -4
  95. package/typography/NormalText/__stories__/Default/index.js +1 -1
  96. package/typography/NormalText/__stories__/FontSizes/index.js +7 -7
  97. package/typography/NormalText/__stories__/FontWeight/index.js +2 -2
  98. package/typography/NormalText/__stories__/Variants/index.js +2 -2
  99. package/typography/Paragraph/__stories__/Default/index.js +1 -1
  100. package/typography/Paragraph/__stories__/FontSizes/index.js +7 -7
  101. package/typography/Paragraph/__stories__/FontWeight/index.js +2 -2
  102. package/typography/Paragraph/__stories__/LeadVariant/index.js +1 -1
  103. package/typography/Paragraph/__stories__/SmallVariant/index.js +1 -1
  104. package/utils/hooks/useScreen/index.js +0 -2
  105. package/cjs/misc/KitchenSink/index.js +0 -93
  106. package/cjs/utils/Kitchensink/AllComponents/index.js +0 -16
  107. package/cjs/utils/Kitchensink/KitchensinkByCategory/index.js +0 -39
  108. package/cjs/utils/Kitchensink/KitchensinkByLetter/index.js +0 -26
  109. package/cjs/utils/Kitchensink/KitchensinkComponent/index.js +0 -55
  110. package/cjs/utils/Kitchensink/KitchensinkDashboard/index.js +0 -47
  111. package/misc/KitchenSink/index.d.ts +0 -8
  112. package/misc/KitchenSink/index.js +0 -8
  113. package/src/misc/KitchenSink/index.tsx +0 -8
  114. package/src/utils/Kitchensink/AllComponents.tsx +0 -6
  115. package/src/utils/Kitchensink/KitchensinkByCategory.tsx +0 -56
  116. package/src/utils/Kitchensink/KitchensinkByLetter.tsx +0 -35
  117. package/src/utils/Kitchensink/KitchensinkComponent.tsx +0 -70
  118. package/src/utils/Kitchensink/KitchensinkDashboard.tsx +0 -56
  119. package/utils/Kitchensink/AllComponents/index.js +0 -9
  120. package/utils/Kitchensink/AllComponents/package.json +0 -6
  121. package/utils/Kitchensink/AllComponents.d.ts +0 -2
  122. package/utils/Kitchensink/KitchensinkByCategory/index.js +0 -32
  123. package/utils/Kitchensink/KitchensinkByCategory/package.json +0 -6
  124. package/utils/Kitchensink/KitchensinkByCategory.d.ts +0 -6
  125. package/utils/Kitchensink/KitchensinkByLetter/index.js +0 -19
  126. package/utils/Kitchensink/KitchensinkByLetter/package.json +0 -6
  127. package/utils/Kitchensink/KitchensinkByLetter.d.ts +0 -6
  128. package/utils/Kitchensink/KitchensinkComponent/index.js +0 -45
  129. package/utils/Kitchensink/KitchensinkComponent/package.json +0 -6
  130. package/utils/Kitchensink/KitchensinkComponent.d.ts +0 -10
  131. package/utils/Kitchensink/KitchensinkDashboard/index.js +0 -40
  132. package/utils/Kitchensink/KitchensinkDashboard.d.ts +0 -5
@@ -3,10 +3,10 @@ import { Hint } from '@digigov/ui/typography/Hint';
3
3
 
4
4
  export const FontSizes = () => (
5
5
  <>
6
- <Hint fontSize={14}> govgr-hint </Hint>
7
- <Hint fontSize={16}> govgr-hint </Hint>
8
- <Hint> govgr-hint </Hint>
9
- <Hint fontSize={24}> govgr-hint </Hint>
6
+ <Hint fontSize={14}> ds-hint </Hint>
7
+ <Hint fontSize={16}> ds-hint </Hint>
8
+ <Hint> ds-hint </Hint>
9
+ <Hint fontSize={24}> ds-hint </Hint>
10
10
  </>
11
11
  );
12
12
 
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { NormalText } from '@digigov/ui/typography/NormalText';
3
3
 
4
- export const Default = () => <NormalText>govgr-normal-text</NormalText>;
4
+ export const Default = () => <NormalText>ds-normal-text</NormalText>;
5
5
 
6
6
  export default Default;
@@ -4,19 +4,19 @@ import { NormalText } from '@digigov/ui/typography/NormalText';
4
4
 
5
5
  export const FontSizes = () => (
6
6
  <>
7
- <NormalText fontSize={14}> govgr-!-font-size-14 </NormalText>
7
+ <NormalText fontSize={14}> ds-!-font-size-14 </NormalText>
8
8
  <SectionBreak visible={false} />
9
- <NormalText fontSize={16}> govgr-!-font-size-16 </NormalText>
9
+ <NormalText fontSize={16}> ds-!-font-size-16 </NormalText>
10
10
  <SectionBreak visible={false} />
11
- <NormalText fontSize={19}> govgr-!-font-size-19 </NormalText>
11
+ <NormalText fontSize={19}> ds-!-font-size-19 </NormalText>
12
12
  <SectionBreak visible={false} />
13
- <NormalText fontSize={24}> govgr-!-font-size-24 </NormalText>
13
+ <NormalText fontSize={24}> ds-!-font-size-24 </NormalText>
14
14
  <SectionBreak visible={false} />
15
- <NormalText fontSize={30}> govgr-!-font-size-30 </NormalText>
15
+ <NormalText fontSize={30}> ds-!-font-size-30 </NormalText>
16
16
  <SectionBreak visible={false} />
17
- <NormalText fontSize={48}> govgr-!-font-size-48 </NormalText>
17
+ <NormalText fontSize={48}> ds-!-font-size-48 </NormalText>
18
18
  <SectionBreak visible={false} />
19
- <NormalText fontSize={72}> govgr-!-font-size-72 </NormalText>
19
+ <NormalText fontSize={72}> ds-!-font-size-72 </NormalText>
20
20
  </>
21
21
  );
22
22
 
@@ -4,9 +4,9 @@ import { NormalText } from '@digigov/ui/typography/NormalText';
4
4
 
5
5
  export const FontWeight = () => (
6
6
  <>
7
- <NormalText fontWeight="regular"> govgr-!-font-weight-regular </NormalText>
7
+ <NormalText fontWeight="regular"> ds-!-font-weight-regular </NormalText>
8
8
  <SectionBreak visible={false} />
9
- <NormalText fontWeight="bold"> govgr-!-font-weight-bold </NormalText>
9
+ <NormalText fontWeight="bold"> ds-!-font-weight-bold </NormalText>
10
10
  </>
11
11
  );
12
12
 
@@ -4,9 +4,9 @@ import { NormalText } from '@digigov/ui/typography/NormalText';
4
4
 
5
5
  export const Variants = () => (
6
6
  <>
7
- <NormalText size={'sm'}> govgr-size-small </NormalText>
7
+ <NormalText size={'sm'}> ds-size-small </NormalText>
8
8
  <SectionBreak visible={false} />
9
- <NormalText size={'lg'}> govgr-size-large </NormalText>
9
+ <NormalText size={'lg'}> ds-size-large </NormalText>
10
10
  </>
11
11
  );
12
12
 
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
 
4
- export const Default = () => <Paragraph>govgr-body</Paragraph>;
4
+ export const Default = () => <Paragraph>ds-body</Paragraph>;
5
5
 
6
6
  export default Default;
@@ -3,13 +3,13 @@ import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
 
4
4
  export const FontSizes = () => (
5
5
  <>
6
- <Paragraph fontSize={14}> govgr-!-font-size-14 </Paragraph>
7
- <Paragraph fontSize={16}> govgr-!-font-size-16 </Paragraph>
8
- <Paragraph fontSize={19}> govgr-!-font-size-19 </Paragraph>
9
- <Paragraph fontSize={24}> govgr-!-font-size-24 </Paragraph>
10
- <Paragraph fontSize={30}> govgr-!-font-size-30 </Paragraph>
11
- <Paragraph fontSize={48}> govgr-!-font-size-48 </Paragraph>
12
- <Paragraph fontSize={72}> govgr-!-font-size-72 </Paragraph>
6
+ <Paragraph fontSize={14}> ds-!-font-size-14 </Paragraph>
7
+ <Paragraph fontSize={16}> ds-!-font-size-16 </Paragraph>
8
+ <Paragraph fontSize={19}> ds-!-font-size-19 </Paragraph>
9
+ <Paragraph fontSize={24}> ds-!-font-size-24 </Paragraph>
10
+ <Paragraph fontSize={30}> ds-!-font-size-30 </Paragraph>
11
+ <Paragraph fontSize={48}> ds-!-font-size-48 </Paragraph>
12
+ <Paragraph fontSize={72}> ds-!-font-size-72 </Paragraph>
13
13
  </>
14
14
  );
15
15
 
@@ -3,8 +3,8 @@ import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
 
4
4
  export const FontWeight = () => (
5
5
  <>
6
- <Paragraph fontWeight="regular"> govgr-!-font-weight-regular </Paragraph>
7
- <Paragraph fontWeight="bold"> govgr-!-font-weight-bold </Paragraph>
6
+ <Paragraph fontWeight="regular"> ds-!-font-weight-regular </Paragraph>
7
+ <Paragraph fontWeight="bold"> ds-!-font-weight-bold </Paragraph>
8
8
  </>
9
9
  );
10
10
 
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
 
4
- export const LeadVariant = () => <Paragraph size={'lg'}>govgr-body</Paragraph>;
4
+ export const LeadVariant = () => <Paragraph size={'lg'}>ds-body</Paragraph>;
5
5
 
6
6
  export default LeadVariant;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
 
4
- export const SmallVariant = () => <Paragraph size={'sm'}>govgr-body</Paragraph>;
4
+ export const SmallVariant = () => <Paragraph size={'sm'}>ds-body</Paragraph>;
5
5
 
6
6
  export default SmallVariant;
@@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
2
2
  import breakpoints from '@digigov/css/screens.json'
3
3
  export type Breakpoints = 'xs' |'sm' |'md' | 'lg' | 'xl';
4
4
  export const breakpointKeys: Breakpoints[] = Object.keys(breakpoints) as Breakpoints[];
5
- export const breakpointValues = Object.values(breakpoints) as number[];;
5
+ export const breakpointValues = Object.values(breakpoints) as number[];
6
6
 
7
7
  function resolveScreenSize(width: number): Breakpoints {
8
8
  let breakpointIndex = 0
@@ -24,7 +24,6 @@ function createResizeObserver() {
24
24
  listener(body.contentRect.width)
25
25
  })
26
26
  })
27
- console.log('createResizeObserver')
28
27
  resizeObserver.observe(document.body);
29
28
  }
30
29
  return listeners
@@ -1,22 +1,22 @@
1
1
  import React from 'react';
2
2
  import { Heading } from '@digigov/ui/typography/Heading';
3
- var _ref = /*#__PURE__*/React.createElement(Heading, null, " govgr-heading-xl ");
3
+ var _ref = /*#__PURE__*/React.createElement(Heading, null, " ds-heading-xl ");
4
4
  var _ref2 = /*#__PURE__*/React.createElement(Heading, {
5
5
  size: "lg",
6
6
  element: "h2"
7
- }, "govgr-heading-lg");
7
+ }, "ds-heading-lg");
8
8
  var _ref3 = /*#__PURE__*/React.createElement(Heading, {
9
9
  size: "md",
10
10
  element: "h3"
11
- }, "govgr-heading-md");
11
+ }, "ds-heading-md");
12
12
  var _ref4 = /*#__PURE__*/React.createElement(Heading, {
13
13
  size: "sm",
14
14
  element: "h4"
15
- }, "govgr-heading-sm");
15
+ }, "ds-heading-sm");
16
16
  var _ref5 = /*#__PURE__*/React.createElement(Heading, {
17
17
  size: "xs",
18
18
  element: "h5"
19
- }, "govgr-heading-xs");
19
+ }, "ds-heading-xs");
20
20
  export var Default = function Default() {
21
21
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5);
22
22
  };
@@ -3,25 +3,25 @@ import { Heading } from '@digigov/ui/typography/Heading';
3
3
  import { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';
4
4
  var _ref = /*#__PURE__*/React.createElement(HeadingCaption, {
5
5
  size: "xl"
6
- }, "caption for govgr-heading-xl ");
6
+ }, "caption for ds-heading-xl ");
7
7
  var _ref2 = /*#__PURE__*/React.createElement(Heading, {
8
8
  size: "lg",
9
9
  element: "h2"
10
- }, ' ', "govgr-heading-xl", ' ');
10
+ }, ' ', "ds-heading-xl", ' ');
11
11
  var _ref3 = /*#__PURE__*/React.createElement(HeadingCaption, {
12
12
  size: "lg"
13
- }, "caption for govgr-heading-lg ");
13
+ }, "caption for ds-heading-lg ");
14
14
  var _ref4 = /*#__PURE__*/React.createElement(Heading, {
15
15
  size: "lg",
16
16
  element: "h2"
17
- }, ' ', "govgr-heading-lg", ' ');
17
+ }, ' ', "ds-heading-lg", ' ');
18
18
  var _ref5 = /*#__PURE__*/React.createElement(HeadingCaption, {
19
19
  size: "md"
20
- }, "caption for govgr-heading-md ");
20
+ }, "caption for ds-heading-md ");
21
21
  var _ref6 = /*#__PURE__*/React.createElement(Heading, {
22
22
  size: "md",
23
23
  element: "h3"
24
- }, ' ', "govgr-heading-md", ' ');
24
+ }, ' ', "ds-heading-md", ' ');
25
25
  export var Default = function Default() {
26
26
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
27
27
  };
@@ -6,7 +6,7 @@ var _ref = /*#__PURE__*/React.createElement(Heading, {
6
6
  element: "h2"
7
7
  }, /*#__PURE__*/React.createElement(HeadingCaption, {
8
8
  size: "xl"
9
- }, "caption for govgr-heading-xl "), "govgr-heading-xl");
9
+ }, "caption for ds-heading-xl "), "ds-heading-xl");
10
10
  export var NestedToTitle = function NestedToTitle() {
11
11
  return _ref;
12
12
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Hint } from '@digigov/ui/typography/Hint';
3
- var _ref = /*#__PURE__*/React.createElement(Hint, null, " govgr-hint ");
3
+ var _ref = /*#__PURE__*/React.createElement(Hint, null, " ds-hint ");
4
4
  export var Default = function Default() {
5
5
  return _ref;
6
6
  };
@@ -2,14 +2,14 @@ import React from 'react';
2
2
  import { Hint } from '@digigov/ui/typography/Hint';
3
3
  var _ref = /*#__PURE__*/React.createElement(Hint, {
4
4
  fontSize: 14
5
- }, " govgr-hint ");
5
+ }, " ds-hint ");
6
6
  var _ref2 = /*#__PURE__*/React.createElement(Hint, {
7
7
  fontSize: 16
8
- }, " govgr-hint ");
9
- var _ref3 = /*#__PURE__*/React.createElement(Hint, null, " govgr-hint ");
8
+ }, " ds-hint ");
9
+ var _ref3 = /*#__PURE__*/React.createElement(Hint, null, " ds-hint ");
10
10
  var _ref4 = /*#__PURE__*/React.createElement(Hint, {
11
11
  fontSize: 24
12
- }, " govgr-hint ");
12
+ }, " ds-hint ");
13
13
  export var FontSizes = function FontSizes() {
14
14
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4);
15
15
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { NormalText } from '@digigov/ui/typography/NormalText';
3
- var _ref = /*#__PURE__*/React.createElement(NormalText, null, "govgr-normal-text");
3
+ var _ref = /*#__PURE__*/React.createElement(NormalText, null, "ds-normal-text");
4
4
  export var Default = function Default() {
5
5
  return _ref;
6
6
  };
@@ -3,43 +3,43 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
3
3
  import { NormalText } from '@digigov/ui/typography/NormalText';
4
4
  var _ref = /*#__PURE__*/React.createElement(NormalText, {
5
5
  fontSize: 14
6
- }, " govgr-!-font-size-14 ");
6
+ }, " ds-!-font-size-14 ");
7
7
  var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
8
8
  visible: false
9
9
  });
10
10
  var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
11
11
  fontSize: 16
12
- }, " govgr-!-font-size-16 ");
12
+ }, " ds-!-font-size-16 ");
13
13
  var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, {
14
14
  visible: false
15
15
  });
16
16
  var _ref5 = /*#__PURE__*/React.createElement(NormalText, {
17
17
  fontSize: 19
18
- }, " govgr-!-font-size-19 ");
18
+ }, " ds-!-font-size-19 ");
19
19
  var _ref6 = /*#__PURE__*/React.createElement(SectionBreak, {
20
20
  visible: false
21
21
  });
22
22
  var _ref7 = /*#__PURE__*/React.createElement(NormalText, {
23
23
  fontSize: 24
24
- }, " govgr-!-font-size-24 ");
24
+ }, " ds-!-font-size-24 ");
25
25
  var _ref8 = /*#__PURE__*/React.createElement(SectionBreak, {
26
26
  visible: false
27
27
  });
28
28
  var _ref9 = /*#__PURE__*/React.createElement(NormalText, {
29
29
  fontSize: 30
30
- }, " govgr-!-font-size-30 ");
30
+ }, " ds-!-font-size-30 ");
31
31
  var _ref10 = /*#__PURE__*/React.createElement(SectionBreak, {
32
32
  visible: false
33
33
  });
34
34
  var _ref11 = /*#__PURE__*/React.createElement(NormalText, {
35
35
  fontSize: 48
36
- }, " govgr-!-font-size-48 ");
36
+ }, " ds-!-font-size-48 ");
37
37
  var _ref12 = /*#__PURE__*/React.createElement(SectionBreak, {
38
38
  visible: false
39
39
  });
40
40
  var _ref13 = /*#__PURE__*/React.createElement(NormalText, {
41
41
  fontSize: 72
42
- }, " govgr-!-font-size-72 ");
42
+ }, " ds-!-font-size-72 ");
43
43
  export var FontSizes = function FontSizes() {
44
44
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13);
45
45
  };
@@ -3,13 +3,13 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
3
3
  import { NormalText } from '@digigov/ui/typography/NormalText';
4
4
  var _ref = /*#__PURE__*/React.createElement(NormalText, {
5
5
  fontWeight: "regular"
6
- }, " govgr-!-font-weight-regular ");
6
+ }, " ds-!-font-weight-regular ");
7
7
  var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
8
8
  visible: false
9
9
  });
10
10
  var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
11
11
  fontWeight: "bold"
12
- }, " govgr-!-font-weight-bold ");
12
+ }, " ds-!-font-weight-bold ");
13
13
  export var FontWeight = function FontWeight() {
14
14
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);
15
15
  };
@@ -3,13 +3,13 @@ import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
3
3
  import { NormalText } from '@digigov/ui/typography/NormalText';
4
4
  var _ref = /*#__PURE__*/React.createElement(NormalText, {
5
5
  size: 'sm'
6
- }, " govgr-size-small ");
6
+ }, " ds-size-small ");
7
7
  var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, {
8
8
  visible: false
9
9
  });
10
10
  var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
11
11
  size: 'lg'
12
- }, " govgr-size-large ");
12
+ }, " ds-size-large ");
13
13
  export var Variants = function Variants() {
14
14
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);
15
15
  };
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
- var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "govgr-body");
3
+ var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "ds-body");
4
4
  export var Default = function Default() {
5
5
  return _ref;
6
6
  };
@@ -2,25 +2,25 @@ import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
  var _ref = /*#__PURE__*/React.createElement(Paragraph, {
4
4
  fontSize: 14
5
- }, " govgr-!-font-size-14 ");
5
+ }, " ds-!-font-size-14 ");
6
6
  var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
7
7
  fontSize: 16
8
- }, " govgr-!-font-size-16 ");
8
+ }, " ds-!-font-size-16 ");
9
9
  var _ref3 = /*#__PURE__*/React.createElement(Paragraph, {
10
10
  fontSize: 19
11
- }, " govgr-!-font-size-19 ");
11
+ }, " ds-!-font-size-19 ");
12
12
  var _ref4 = /*#__PURE__*/React.createElement(Paragraph, {
13
13
  fontSize: 24
14
- }, " govgr-!-font-size-24 ");
14
+ }, " ds-!-font-size-24 ");
15
15
  var _ref5 = /*#__PURE__*/React.createElement(Paragraph, {
16
16
  fontSize: 30
17
- }, " govgr-!-font-size-30 ");
17
+ }, " ds-!-font-size-30 ");
18
18
  var _ref6 = /*#__PURE__*/React.createElement(Paragraph, {
19
19
  fontSize: 48
20
- }, " govgr-!-font-size-48 ");
20
+ }, " ds-!-font-size-48 ");
21
21
  var _ref7 = /*#__PURE__*/React.createElement(Paragraph, {
22
22
  fontSize: 72
23
- }, " govgr-!-font-size-72 ");
23
+ }, " ds-!-font-size-72 ");
24
24
  export var FontSizes = function FontSizes() {
25
25
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7);
26
26
  };
@@ -2,10 +2,10 @@ import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
  var _ref = /*#__PURE__*/React.createElement(Paragraph, {
4
4
  fontWeight: "regular"
5
- }, " govgr-!-font-weight-regular ");
5
+ }, " ds-!-font-weight-regular ");
6
6
  var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
7
7
  fontWeight: "bold"
8
- }, " govgr-!-font-weight-bold ");
8
+ }, " ds-!-font-weight-bold ");
9
9
  export var FontWeight = function FontWeight() {
10
10
  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2);
11
11
  };
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
  var _ref = /*#__PURE__*/React.createElement(Paragraph, {
4
4
  size: 'lg'
5
- }, "govgr-body");
5
+ }, "ds-body");
6
6
  export var LeadVariant = function LeadVariant() {
7
7
  return _ref;
8
8
  };
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { Paragraph } from '@digigov/ui/typography/Paragraph';
3
3
  var _ref = /*#__PURE__*/React.createElement(Paragraph, {
4
4
  size: 'sm'
5
- }, "govgr-body");
5
+ }, "ds-body");
6
6
  export var SmallVariant = function SmallVariant() {
7
7
  return _ref;
8
8
  };
@@ -3,7 +3,6 @@ import { useEffect, useState } from "react";
3
3
  import breakpoints from '@digigov/css/screens.json';
4
4
  export var breakpointKeys = Object.keys(breakpoints);
5
5
  export var breakpointValues = Object.values(breakpoints);
6
- ;
7
6
  function resolveScreenSize(width) {
8
7
  var breakpointIndex = 0;
9
8
  for (var _i = 0, _breakpointValues = breakpointValues; _i < _breakpointValues.length; _i++) {
@@ -26,7 +25,6 @@ function createResizeObserver() {
26
25
  listener(body.contentRect.width);
27
26
  });
28
27
  });
29
- console.log('createResizeObserver');
30
28
  resizeObserver.observe(document.body);
31
29
  }
32
30
  return listeners;
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- var _KitchenSinkAllComponents = require("@digigov/react-core/cjs/KitchenSinkAllComponents");
7
- Object.keys(_KitchenSinkAllComponents).forEach(function (key) {
8
- if (key === "default" || key === "__esModule") return;
9
- if (key in exports && exports[key] === _KitchenSinkAllComponents[key]) return;
10
- Object.defineProperty(exports, key, {
11
- enumerable: true,
12
- get: function get() {
13
- return _KitchenSinkAllComponents[key];
14
- }
15
- });
16
- });
17
- var _KitchenSinkCard = require("@digigov/react-core/cjs/KitchenSinkCard");
18
- Object.keys(_KitchenSinkCard).forEach(function (key) {
19
- if (key === "default" || key === "__esModule") return;
20
- if (key in exports && exports[key] === _KitchenSinkCard[key]) return;
21
- Object.defineProperty(exports, key, {
22
- enumerable: true,
23
- get: function get() {
24
- return _KitchenSinkCard[key];
25
- }
26
- });
27
- });
28
- var _KitchenSinkCategory = require("@digigov/react-core/cjs/KitchenSinkCategory");
29
- Object.keys(_KitchenSinkCategory).forEach(function (key) {
30
- if (key === "default" || key === "__esModule") return;
31
- if (key in exports && exports[key] === _KitchenSinkCategory[key]) return;
32
- Object.defineProperty(exports, key, {
33
- enumerable: true,
34
- get: function get() {
35
- return _KitchenSinkCategory[key];
36
- }
37
- });
38
- });
39
- var _KitchenSinkContent = require("@digigov/react-core/cjs/KitchenSinkContent");
40
- Object.keys(_KitchenSinkContent).forEach(function (key) {
41
- if (key === "default" || key === "__esModule") return;
42
- if (key in exports && exports[key] === _KitchenSinkContent[key]) return;
43
- Object.defineProperty(exports, key, {
44
- enumerable: true,
45
- get: function get() {
46
- return _KitchenSinkContent[key];
47
- }
48
- });
49
- });
50
- var _KitchenSinkContentInfo = require("@digigov/react-core/cjs/KitchenSinkContentInfo");
51
- Object.keys(_KitchenSinkContentInfo).forEach(function (key) {
52
- if (key === "default" || key === "__esModule") return;
53
- if (key in exports && exports[key] === _KitchenSinkContentInfo[key]) return;
54
- Object.defineProperty(exports, key, {
55
- enumerable: true,
56
- get: function get() {
57
- return _KitchenSinkContentInfo[key];
58
- }
59
- });
60
- });
61
- var _KitchenSinkContentTags = require("@digigov/react-core/cjs/KitchenSinkContentTags");
62
- Object.keys(_KitchenSinkContentTags).forEach(function (key) {
63
- if (key === "default" || key === "__esModule") return;
64
- if (key in exports && exports[key] === _KitchenSinkContentTags[key]) return;
65
- Object.defineProperty(exports, key, {
66
- enumerable: true,
67
- get: function get() {
68
- return _KitchenSinkContentTags[key];
69
- }
70
- });
71
- });
72
- var _KitchenSinkHeading = require("@digigov/react-core/cjs/KitchenSinkHeading");
73
- Object.keys(_KitchenSinkHeading).forEach(function (key) {
74
- if (key === "default" || key === "__esModule") return;
75
- if (key in exports && exports[key] === _KitchenSinkHeading[key]) return;
76
- Object.defineProperty(exports, key, {
77
- enumerable: true,
78
- get: function get() {
79
- return _KitchenSinkHeading[key];
80
- }
81
- });
82
- });
83
- var _KitchenSinkLetterContent = require("@digigov/react-core/cjs/KitchenSinkLetterContent");
84
- Object.keys(_KitchenSinkLetterContent).forEach(function (key) {
85
- if (key === "default" || key === "__esModule") return;
86
- if (key in exports && exports[key] === _KitchenSinkLetterContent[key]) return;
87
- Object.defineProperty(exports, key, {
88
- enumerable: true,
89
- get: function get() {
90
- return _KitchenSinkLetterContent[key];
91
- }
92
- });
93
- });
@@ -1,16 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.AllComponents = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _registry = require("@digigov/ui/registry");
10
- var _KitchensinkDashboard = require("@digigov/ui/utils/Kitchensink/KitchensinkDashboard");
11
- var _ref = /*#__PURE__*/_react["default"].createElement(_KitchensinkDashboard.KitchenSinkDashboard, {
12
- stories: _registry.stories
13
- });
14
- var AllComponents = exports.AllComponents = function AllComponents() {
15
- return _ref;
16
- };
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.KitchensinkByCategory = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _KitchenSink = require("@digigov/ui/misc/KitchenSink");
10
- var _KitchensinkByLetter = require("@digigov/ui/utils/Kitchensink/KitchensinkByLetter");
11
- var KitchensinkByCategory = exports.KitchensinkByCategory = function KitchensinkByCategory(_ref) {
12
- var category = _ref.category,
13
- stories = _ref.stories;
14
- var alphabeticalOrder = Object.keys(stories).reduce(function (abStories, componentStoriesKey) {
15
- var componentStories = stories[componentStoriesKey];
16
- if (!componentStories["default"].component) {
17
- throw new Error("no component was found in ".concat(componentStoriesKey));
18
- }
19
- var name = componentStories["default"].displayName;
20
- console.log('componentStories', componentStories, 'stories', stories);
21
- if (!name) {
22
- throw new Error("no name was found for ".concat(componentStoriesKey));
23
- }
24
- var letter = name[0];
25
- if (abStories[letter]) {
26
- abStories[letter].push(componentStories);
27
- } else {
28
- abStories[letter] = [componentStories];
29
- }
30
- return abStories;
31
- }, {});
32
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_KitchenSink.KitchenSinkHeading, null, category), /*#__PURE__*/_react["default"].createElement(_KitchenSink.KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map(function (letter, index) {
33
- return /*#__PURE__*/_react["default"].createElement(_KitchensinkByLetter.KitchensinkByLetter, {
34
- letter: letter,
35
- stories: alphabeticalOrder[letter],
36
- key: index
37
- });
38
- })));
39
- };
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.KitchensinkByLetter = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _Heading = _interopRequireDefault(require("@digigov/react-core/cjs/Heading"));
10
- var _KitchenSinkLetterContent = require("@digigov/react-core/cjs/KitchenSinkLetterContent");
11
- var _KitchensinkComponent = require("@digigov/ui/utils/Kitchensink/KitchensinkComponent");
12
- var KitchensinkByLetter = exports.KitchensinkByLetter = function KitchensinkByLetter(_ref) {
13
- var letter = _ref.letter,
14
- stories = _ref.stories;
15
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], null, letter), /*#__PURE__*/_react["default"].createElement(_KitchenSinkLetterContent.KitchenSinkLetterContent, null, stories.map(function (story, index) {
16
- return /*#__PURE__*/_react["default"].createElement(_KitchensinkComponent.KitchensinkComponent, {
17
- tags: story["default"].tags,
18
- title: story["default"].displayName,
19
- description: story["default"].description,
20
- link: story["default"].link,
21
- width: story["default"].defaultWidth,
22
- stories: story,
23
- key: index
24
- });
25
- })));
26
- };