@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.
- package/app/Header/__snapshots__/index.spec.tsx.snap +4 -4
- package/app/QrCodeViewer/QRCode.stories.d.ts +1 -0
- package/app/QrCodeViewer/index.d.ts +1 -0
- package/app/QrCodeViewer/index.js +2 -1
- package/app/hooks/useHighlightLinks/index.js +4 -4
- package/cjs/app/Header/__snapshots__/index.spec.tsx.snap +4 -4
- package/cjs/app/QrCodeViewer/index.js +3 -2
- package/cjs/app/hooks/useHighlightLinks/index.js +4 -4
- package/cjs/content/Accordion/__snapshots__/index.spec.tsx.snap +20 -20
- package/cjs/content/Blockquote/__snapshots__/index.spec.tsx.snap +2 -2
- package/cjs/content/Details/__snapshots__/index.spec.tsx.snap +12 -12
- package/cjs/content/SafeHTML/index.js +9 -9
- package/cjs/content/SummaryList/__snapshots__/index.spec.tsx.snap +16 -16
- package/cjs/form/AutoComplete/index.js +2 -2
- package/cjs/form/Button/__snapshots__/index.spec.tsx.snap +2 -2
- package/cjs/layouts/Basic/__snapshots__/index.spec.tsx.snap +15 -15
- package/cjs/layouts/Screen/Screen.stories/index.js +12 -0
- package/cjs/layouts/Screen/__stories__/ScreenUp/index.js +16 -0
- package/cjs/lazy/index.js +2767 -0
- package/cjs/navigation/Link/__snapshots__/index.spec.tsx.snap +2 -2
- package/cjs/registry/index.js +0 -12
- package/cjs/typography/Heading/__stories__/Default/index.js +5 -5
- package/cjs/typography/HeadingCaption/__stories__/Default/index.js +6 -6
- package/cjs/typography/HeadingCaption/__stories__/NestedToTitle/index.js +1 -1
- package/cjs/typography/Hint/__stories__/Default/index.js +1 -1
- package/cjs/typography/Hint/__stories__/FontSizes/index.js +4 -4
- package/cjs/typography/NormalText/__stories__/Default/index.js +1 -1
- package/cjs/typography/NormalText/__stories__/FontSizes/index.js +7 -7
- package/cjs/typography/NormalText/__stories__/FontWeight/index.js +2 -2
- package/cjs/typography/NormalText/__stories__/Variants/index.js +2 -2
- package/cjs/typography/Paragraph/__stories__/Default/index.js +1 -1
- package/cjs/typography/Paragraph/__stories__/FontSizes/index.js +7 -7
- package/cjs/typography/Paragraph/__stories__/FontWeight/index.js +2 -2
- package/cjs/typography/Paragraph/__stories__/LeadVariant/index.js +1 -1
- package/cjs/typography/Paragraph/__stories__/SmallVariant/index.js +1 -1
- package/cjs/utils/hooks/useScreen/index.js +0 -2
- package/content/Accordion/__snapshots__/index.spec.tsx.snap +20 -20
- package/content/Blockquote/__snapshots__/index.spec.tsx.snap +2 -2
- package/content/Details/__snapshots__/index.spec.tsx.snap +12 -12
- package/content/SafeHTML/index.d.ts +1 -1
- package/content/SafeHTML/index.js +9 -9
- package/content/SummaryList/__snapshots__/index.spec.tsx.snap +16 -16
- package/form/AutoComplete/index.js +2 -2
- package/form/Button/__snapshots__/index.spec.tsx.snap +2 -2
- package/index.js +1 -1
- package/layouts/Basic/__snapshots__/index.spec.tsx.snap +15 -15
- package/layouts/Screen/Screen.stories/index.js +2 -1
- package/layouts/Screen/Screen.stories.d.ts +1 -0
- package/layouts/Screen/__stories__/ScreenUp/index.js +9 -0
- package/{utils/Kitchensink/KitchensinkDashboard → layouts/Screen/__stories__/ScreenUp}/package.json +1 -1
- package/layouts/Screen/__stories__/ScreenUp.d.ts +3 -0
- package/lazy/index.js +2145 -0
- package/{misc/KitchenSink → lazy}/package.json +1 -1
- package/lazy.d.ts +334 -0
- package/navigation/Link/__snapshots__/index.spec.tsx.snap +2 -2
- package/package.json +5 -6
- package/registry/index.js +0 -12
- package/registry.d.ts +0 -6
- package/src/app/Header/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/app/QrCodeViewer/index.tsx +2 -0
- package/src/app/hooks/useHighlightLinks.ts +4 -4
- package/src/content/Accordion/__snapshots__/index.spec.tsx.snap +20 -20
- package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/content/Details/__snapshots__/index.spec.tsx.snap +12 -12
- package/src/content/SafeHTML/index.tsx +10 -10
- package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +16 -16
- package/src/form/AutoComplete/index.tsx +4 -4
- package/src/form/Button/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +15 -15
- package/src/layouts/Screen/Screen.stories.js +2 -1
- package/src/layouts/Screen/__stories__/ScreenUp.tsx +11 -0
- package/src/lazy.js +310 -0
- package/src/navigation/Link/__snapshots__/index.spec.tsx.snap +2 -2
- package/src/registry.js +0 -12
- package/src/typography/Heading/__stories__/Default.tsx +5 -5
- package/src/typography/HeadingCaption/__stories__/Default.tsx +6 -6
- package/src/typography/HeadingCaption/__stories__/NestedToTitle.tsx +2 -2
- package/src/typography/Hint/__stories__/Default.tsx +1 -1
- package/src/typography/Hint/__stories__/FontSizes.tsx +4 -4
- package/src/typography/NormalText/__stories__/Default.tsx +1 -1
- package/src/typography/NormalText/__stories__/FontSizes.tsx +7 -7
- package/src/typography/NormalText/__stories__/FontWeight.tsx +2 -2
- package/src/typography/NormalText/__stories__/Variants.tsx +2 -2
- package/src/typography/Paragraph/__stories__/Default.tsx +1 -1
- package/src/typography/Paragraph/__stories__/FontSizes.tsx +7 -7
- package/src/typography/Paragraph/__stories__/FontWeight.tsx +2 -2
- package/src/typography/Paragraph/__stories__/LeadVariant.tsx +1 -1
- package/src/typography/Paragraph/__stories__/SmallVariant.tsx +1 -1
- package/src/utils/hooks/useScreen.ts +1 -2
- package/typography/Heading/__stories__/Default/index.js +5 -5
- package/typography/HeadingCaption/__stories__/Default/index.js +6 -6
- package/typography/HeadingCaption/__stories__/NestedToTitle/index.js +1 -1
- package/typography/Hint/__stories__/Default/index.js +1 -1
- package/typography/Hint/__stories__/FontSizes/index.js +4 -4
- package/typography/NormalText/__stories__/Default/index.js +1 -1
- package/typography/NormalText/__stories__/FontSizes/index.js +7 -7
- package/typography/NormalText/__stories__/FontWeight/index.js +2 -2
- package/typography/NormalText/__stories__/Variants/index.js +2 -2
- package/typography/Paragraph/__stories__/Default/index.js +1 -1
- package/typography/Paragraph/__stories__/FontSizes/index.js +7 -7
- package/typography/Paragraph/__stories__/FontWeight/index.js +2 -2
- package/typography/Paragraph/__stories__/LeadVariant/index.js +1 -1
- package/typography/Paragraph/__stories__/SmallVariant/index.js +1 -1
- package/utils/hooks/useScreen/index.js +0 -2
- package/cjs/misc/KitchenSink/index.js +0 -93
- package/cjs/utils/Kitchensink/AllComponents/index.js +0 -16
- package/cjs/utils/Kitchensink/KitchensinkByCategory/index.js +0 -39
- package/cjs/utils/Kitchensink/KitchensinkByLetter/index.js +0 -26
- package/cjs/utils/Kitchensink/KitchensinkComponent/index.js +0 -55
- package/cjs/utils/Kitchensink/KitchensinkDashboard/index.js +0 -47
- package/misc/KitchenSink/index.d.ts +0 -8
- package/misc/KitchenSink/index.js +0 -8
- package/src/misc/KitchenSink/index.tsx +0 -8
- package/src/utils/Kitchensink/AllComponents.tsx +0 -6
- package/src/utils/Kitchensink/KitchensinkByCategory.tsx +0 -56
- package/src/utils/Kitchensink/KitchensinkByLetter.tsx +0 -35
- package/src/utils/Kitchensink/KitchensinkComponent.tsx +0 -70
- package/src/utils/Kitchensink/KitchensinkDashboard.tsx +0 -56
- package/utils/Kitchensink/AllComponents/index.js +0 -9
- package/utils/Kitchensink/AllComponents/package.json +0 -6
- package/utils/Kitchensink/AllComponents.d.ts +0 -2
- package/utils/Kitchensink/KitchensinkByCategory/index.js +0 -32
- package/utils/Kitchensink/KitchensinkByCategory/package.json +0 -6
- package/utils/Kitchensink/KitchensinkByCategory.d.ts +0 -6
- package/utils/Kitchensink/KitchensinkByLetter/index.js +0 -19
- package/utils/Kitchensink/KitchensinkByLetter/package.json +0 -6
- package/utils/Kitchensink/KitchensinkByLetter.d.ts +0 -6
- package/utils/Kitchensink/KitchensinkComponent/index.js +0 -45
- package/utils/Kitchensink/KitchensinkComponent/package.json +0 -6
- package/utils/Kitchensink/KitchensinkComponent.d.ts +0 -10
- package/utils/Kitchensink/KitchensinkDashboard/index.js +0 -40
- 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}>
|
|
7
|
-
<Hint fontSize={16}>
|
|
8
|
-
<Hint>
|
|
9
|
-
<Hint fontSize={24}>
|
|
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>
|
|
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}>
|
|
7
|
+
<NormalText fontSize={14}> ds-!-font-size-14 </NormalText>
|
|
8
8
|
<SectionBreak visible={false} />
|
|
9
|
-
<NormalText fontSize={16}>
|
|
9
|
+
<NormalText fontSize={16}> ds-!-font-size-16 </NormalText>
|
|
10
10
|
<SectionBreak visible={false} />
|
|
11
|
-
<NormalText fontSize={19}>
|
|
11
|
+
<NormalText fontSize={19}> ds-!-font-size-19 </NormalText>
|
|
12
12
|
<SectionBreak visible={false} />
|
|
13
|
-
<NormalText fontSize={24}>
|
|
13
|
+
<NormalText fontSize={24}> ds-!-font-size-24 </NormalText>
|
|
14
14
|
<SectionBreak visible={false} />
|
|
15
|
-
<NormalText fontSize={30}>
|
|
15
|
+
<NormalText fontSize={30}> ds-!-font-size-30 </NormalText>
|
|
16
16
|
<SectionBreak visible={false} />
|
|
17
|
-
<NormalText fontSize={48}>
|
|
17
|
+
<NormalText fontSize={48}> ds-!-font-size-48 </NormalText>
|
|
18
18
|
<SectionBreak visible={false} />
|
|
19
|
-
<NormalText fontSize={72}>
|
|
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">
|
|
7
|
+
<NormalText fontWeight="regular"> ds-!-font-weight-regular </NormalText>
|
|
8
8
|
<SectionBreak visible={false} />
|
|
9
|
-
<NormalText fontWeight="bold">
|
|
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'}>
|
|
7
|
+
<NormalText size={'sm'}> ds-size-small </NormalText>
|
|
8
8
|
<SectionBreak visible={false} />
|
|
9
|
-
<NormalText size={'lg'}>
|
|
9
|
+
<NormalText size={'lg'}> ds-size-large </NormalText>
|
|
10
10
|
</>
|
|
11
11
|
);
|
|
12
12
|
|
|
@@ -3,13 +3,13 @@ import { Paragraph } from '@digigov/ui/typography/Paragraph';
|
|
|
3
3
|
|
|
4
4
|
export const FontSizes = () => (
|
|
5
5
|
<>
|
|
6
|
-
<Paragraph fontSize={14}>
|
|
7
|
-
<Paragraph fontSize={16}>
|
|
8
|
-
<Paragraph fontSize={19}>
|
|
9
|
-
<Paragraph fontSize={24}>
|
|
10
|
-
<Paragraph fontSize={30}>
|
|
11
|
-
<Paragraph fontSize={48}>
|
|
12
|
-
<Paragraph fontSize={72}>
|
|
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">
|
|
7
|
-
<Paragraph fontWeight="bold">
|
|
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'}>
|
|
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'}>
|
|
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, "
|
|
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
|
-
}, "
|
|
7
|
+
}, "ds-heading-lg");
|
|
8
8
|
var _ref3 = /*#__PURE__*/React.createElement(Heading, {
|
|
9
9
|
size: "md",
|
|
10
10
|
element: "h3"
|
|
11
|
-
}, "
|
|
11
|
+
}, "ds-heading-md");
|
|
12
12
|
var _ref4 = /*#__PURE__*/React.createElement(Heading, {
|
|
13
13
|
size: "sm",
|
|
14
14
|
element: "h4"
|
|
15
|
-
}, "
|
|
15
|
+
}, "ds-heading-sm");
|
|
16
16
|
var _ref5 = /*#__PURE__*/React.createElement(Heading, {
|
|
17
17
|
size: "xs",
|
|
18
18
|
element: "h5"
|
|
19
|
-
}, "
|
|
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
|
|
6
|
+
}, "caption for ds-heading-xl ");
|
|
7
7
|
var _ref2 = /*#__PURE__*/React.createElement(Heading, {
|
|
8
8
|
size: "lg",
|
|
9
9
|
element: "h2"
|
|
10
|
-
}, ' ', "
|
|
10
|
+
}, ' ', "ds-heading-xl", ' ');
|
|
11
11
|
var _ref3 = /*#__PURE__*/React.createElement(HeadingCaption, {
|
|
12
12
|
size: "lg"
|
|
13
|
-
}, "caption for
|
|
13
|
+
}, "caption for ds-heading-lg ");
|
|
14
14
|
var _ref4 = /*#__PURE__*/React.createElement(Heading, {
|
|
15
15
|
size: "lg",
|
|
16
16
|
element: "h2"
|
|
17
|
-
}, ' ', "
|
|
17
|
+
}, ' ', "ds-heading-lg", ' ');
|
|
18
18
|
var _ref5 = /*#__PURE__*/React.createElement(HeadingCaption, {
|
|
19
19
|
size: "md"
|
|
20
|
-
}, "caption for
|
|
20
|
+
}, "caption for ds-heading-md ");
|
|
21
21
|
var _ref6 = /*#__PURE__*/React.createElement(Heading, {
|
|
22
22
|
size: "md",
|
|
23
23
|
element: "h3"
|
|
24
|
-
}, ' ', "
|
|
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
|
|
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, "
|
|
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
|
-
}, "
|
|
5
|
+
}, " ds-hint ");
|
|
6
6
|
var _ref2 = /*#__PURE__*/React.createElement(Hint, {
|
|
7
7
|
fontSize: 16
|
|
8
|
-
}, "
|
|
9
|
-
var _ref3 = /*#__PURE__*/React.createElement(Hint, null, "
|
|
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
|
-
}, "
|
|
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, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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, "
|
|
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
|
-
}, "
|
|
5
|
+
}, " ds-!-font-size-14 ");
|
|
6
6
|
var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
|
|
7
7
|
fontSize: 16
|
|
8
|
-
}, "
|
|
8
|
+
}, " ds-!-font-size-16 ");
|
|
9
9
|
var _ref3 = /*#__PURE__*/React.createElement(Paragraph, {
|
|
10
10
|
fontSize: 19
|
|
11
|
-
}, "
|
|
11
|
+
}, " ds-!-font-size-19 ");
|
|
12
12
|
var _ref4 = /*#__PURE__*/React.createElement(Paragraph, {
|
|
13
13
|
fontSize: 24
|
|
14
|
-
}, "
|
|
14
|
+
}, " ds-!-font-size-24 ");
|
|
15
15
|
var _ref5 = /*#__PURE__*/React.createElement(Paragraph, {
|
|
16
16
|
fontSize: 30
|
|
17
|
-
}, "
|
|
17
|
+
}, " ds-!-font-size-30 ");
|
|
18
18
|
var _ref6 = /*#__PURE__*/React.createElement(Paragraph, {
|
|
19
19
|
fontSize: 48
|
|
20
|
-
}, "
|
|
20
|
+
}, " ds-!-font-size-48 ");
|
|
21
21
|
var _ref7 = /*#__PURE__*/React.createElement(Paragraph, {
|
|
22
22
|
fontSize: 72
|
|
23
|
-
}, "
|
|
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
|
-
}, "
|
|
5
|
+
}, " ds-!-font-weight-regular ");
|
|
6
6
|
var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
|
|
7
7
|
fontWeight: "bold"
|
|
8
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
}, "
|
|
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
|
-
};
|