@mrshmllw/smores-react 2.17.0 → 2.17.2
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/dist/Dropdown/__tests__/Dropdown.d.ts +1 -0
- package/dist/Dropdown/__tests__/Dropdown.js +80 -0
- package/dist/Dropdown/__tests__/Dropdown.js.map +1 -0
- package/dist/Modal/Modal.js +13 -10
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/Modal/Modal.stories.d.ts +0 -2
- package/dist/Modal/Modal.stories.js +0 -23
- package/dist/Modal/Modal.stories.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,80 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { render } from '@testing-library/react';
|
3
|
+
import 'jest-styled-components';
|
4
|
+
import { Dropdown } from '../Dropdown';
|
5
|
+
const days = [
|
6
|
+
{
|
7
|
+
label: 'Monday',
|
8
|
+
value: 'MONDAY',
|
9
|
+
},
|
10
|
+
{
|
11
|
+
label: 'Tuesday',
|
12
|
+
value: 'TUESDAY',
|
13
|
+
},
|
14
|
+
{
|
15
|
+
label: 'Wednesday',
|
16
|
+
value: 'WEDNESDAY',
|
17
|
+
},
|
18
|
+
{
|
19
|
+
label: 'Thursday',
|
20
|
+
value: 'THURSDAY',
|
21
|
+
},
|
22
|
+
{
|
23
|
+
label: 'Friday',
|
24
|
+
value: 'FRIDAY',
|
25
|
+
},
|
26
|
+
{
|
27
|
+
label: 'Saturday',
|
28
|
+
value: 'SATURDAY',
|
29
|
+
},
|
30
|
+
{
|
31
|
+
label: 'Sunday',
|
32
|
+
value: 'SUNDAY',
|
33
|
+
},
|
34
|
+
];
|
35
|
+
const daysWithGroups = [
|
36
|
+
{
|
37
|
+
label: 'Monday',
|
38
|
+
value: 'MONDAY',
|
39
|
+
optionGroupLabel: 'Weekday',
|
40
|
+
},
|
41
|
+
{
|
42
|
+
label: 'Tuesday',
|
43
|
+
value: 'TUESDAY',
|
44
|
+
optionGroupLabel: 'Weekday',
|
45
|
+
},
|
46
|
+
{
|
47
|
+
label: 'Wednesday',
|
48
|
+
value: 'WEDNESDAY',
|
49
|
+
optionGroupLabel: 'Weekday',
|
50
|
+
},
|
51
|
+
{
|
52
|
+
label: 'Thursday',
|
53
|
+
value: 'THURSDAY',
|
54
|
+
optionGroupLabel: 'Weekday',
|
55
|
+
},
|
56
|
+
{
|
57
|
+
label: 'Friday',
|
58
|
+
value: 'FRIDAY',
|
59
|
+
optionGroupLabel: 'Weekday',
|
60
|
+
},
|
61
|
+
{
|
62
|
+
label: 'Saturday',
|
63
|
+
value: 'SATURDAY',
|
64
|
+
optionGroupLabel: 'Weekend',
|
65
|
+
},
|
66
|
+
{
|
67
|
+
label: 'Sunday',
|
68
|
+
value: 'SUNDAY',
|
69
|
+
optionGroupLabel: 'Weekend',
|
70
|
+
},
|
71
|
+
];
|
72
|
+
test('rendersDropdown', () => {
|
73
|
+
const { container } = render(React.createElement(Dropdown, { list: days }));
|
74
|
+
expect(container.firstChild).toMatchSnapshot();
|
75
|
+
});
|
76
|
+
test('rendersDropdownWithGroups', () => {
|
77
|
+
const { container } = render(React.createElement(Dropdown, { list: daysWithGroups }));
|
78
|
+
expect(container.firstChild).toMatchSnapshot();
|
79
|
+
});
|
80
|
+
//# sourceMappingURL=Dropdown.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/__tests__/Dropdown.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,cAAc,GAAG;IACrB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;CACF,CAAA;AAED,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAA;IAEtD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,cAAc,GAAI,CAAC,CAAA;IAEhE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}
|
package/dist/Modal/Modal.js
CHANGED
@@ -1,19 +1,22 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import styled, { css } from 'styled-components';
|
3
3
|
import { theme } from '../theme';
|
4
|
+
import { createPortal } from 'react-dom';
|
4
5
|
import { Box } from '../Box';
|
5
6
|
import { Icon } from '../Icon';
|
6
7
|
import { Text } from '../Text';
|
7
|
-
export const Modal = ({ title = '', icon = '', children, showModal = false, handleClick, drawer = true, cross = true, width, containerClass, }) =>
|
8
|
-
React.createElement(
|
9
|
-
|
10
|
-
React.createElement(
|
11
|
-
React.createElement(
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
React.createElement(
|
16
|
-
|
8
|
+
export const Modal = ({ title = '', icon = '', children, showModal = false, handleClick, drawer = true, cross = true, width, containerClass, }) => {
|
9
|
+
return createPortal(React.createElement(Wrapper, { showModal: showModal },
|
10
|
+
React.createElement(Overlay, { onClick: handleClick }),
|
11
|
+
React.createElement(Container, { drawer: drawer, width: width || '460px', className: containerClass },
|
12
|
+
React.createElement(Box, { flex: true, alignItems: "flex-start", justifyContent: "space-between", mb: "8px" },
|
13
|
+
React.createElement(TitleElements, { flex: true, direction: "column" },
|
14
|
+
icon !== '' && (React.createElement(Icon, { render: icon, size: 42, color: "secondary", mb: "16px" })),
|
15
|
+
React.createElement(Text, { tag: "h2", typo: "heading-small", align: "left" }, title)),
|
16
|
+
cross && (React.createElement(IconContainer, { onClick: handleClick },
|
17
|
+
React.createElement(Icon, { render: "cross", color: "secondary", size: 32 })))),
|
18
|
+
React.createElement(Box, { flex: true, direction: "column" }, children))), document.body);
|
19
|
+
};
|
17
20
|
const Wrapper = styled(Box)(({ showModal }) => css `
|
18
21
|
display: ${showModal ? 'flex' : 'none'};
|
19
22
|
position: absolute;
|
package/dist/Modal/Modal.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAyB9B,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,IAAI,EACZ,KAAK,EACL,cAAc,GACf,EAAE,EAAE;IACH,OAAO,YAAY,CACjB,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS;QAC3B,oBAAC,OAAO,IAAE,OAAO,EAAE,WAAW,GAAI;QAClC,oBAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IAAI,OAAO,EACvB,SAAS,EAAE,cAAc;YAEzB,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,YAAY,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAC,KAAK;gBACvE,oBAAC,aAAa,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ;oBACnC,IAAI,KAAK,EAAE,IAAI,CACd,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,EAAE,EAAC,MAAM,GAAG,CAC7D;oBACD,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,IAC7C,KAAK,CACD,CACO;gBACf,KAAK,IAAI,CACR,oBAAC,aAAa,IAAC,OAAO,EAAE,WAAW;oBACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,CACrC,CACjB,CACG;YACN,oBAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,IACzB,QAAQ,CACL,CACI,CACJ,EACR,QAAQ,CAAC,IAAI,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CACzB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;eACT,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;;;;;;;GASvC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEV,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;CAMrC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAC1B,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACV,KAAK,CAAC,MAAM,CAAC,KAAK;wBACZ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;iBAK3B,KAAK;;;;;MAKhB,MAAM,KAAK,IAAI;IACjB,GAAG,CAAA;;;;;;;;;;;;KAYF;GACF,CACF,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEhB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;kBAKrB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;;CAMxC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEhC,CAAA"}
|
@@ -2,22 +2,11 @@ import React, { useState } from 'react';
|
|
2
2
|
import { Button } from '../Button';
|
3
3
|
import { Box } from '../Box';
|
4
4
|
import { Modal } from './Modal';
|
5
|
-
const placeholderText = "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.";
|
6
5
|
export default {
|
7
6
|
title: 'Modal',
|
8
7
|
component: Modal,
|
9
8
|
argTypes: { handleClick: { action: 'Callback - `handleClick`' } },
|
10
9
|
};
|
11
|
-
export const Playground = Modal.bind({});
|
12
|
-
Playground.args = {
|
13
|
-
icon: 'info',
|
14
|
-
title: 'What is Lorem Ipsum?',
|
15
|
-
showModal: true,
|
16
|
-
drawer: true,
|
17
|
-
cross: true,
|
18
|
-
width: '640px',
|
19
|
-
children: placeholderText,
|
20
|
-
};
|
21
10
|
const Template = (props) => {
|
22
11
|
const [showModal, setShowModal] = useState(false);
|
23
12
|
const handleClick = () => {
|
@@ -36,16 +25,4 @@ Interactive.args = {
|
|
36
25
|
cross: true,
|
37
26
|
width: '640px',
|
38
27
|
};
|
39
|
-
export const WithLongContent = Modal.bind({});
|
40
|
-
WithLongContent.args = {
|
41
|
-
icon: 'info',
|
42
|
-
title: 'What is Lorem Ipsum?',
|
43
|
-
showModal: true,
|
44
|
-
drawer: true,
|
45
|
-
cross: true,
|
46
|
-
width: '640px',
|
47
|
-
children: Array.from(Array(10))
|
48
|
-
.map((_, i) => placeholderText)
|
49
|
-
.join('\n'),
|
50
|
-
};
|
51
28
|
//# sourceMappingURL=Modal.stories.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../src/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAE3C,
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../src/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAE3C,eAAe;IACb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,0BAA0B,EAAE,EAAE;CAClE,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAE,EAAE;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,GAAG;QACF,oBAAC,KAAK,oBAAK,KAAK,IAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,mJAGxD;QACR,oBAAC,MAAM,IAAC,OAAO,QAAC,WAAW,EAAE,WAAW,oCAE/B,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,OAAO;CACf,CAAA"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}
|