@mrshmllw/smores-react 6.2.2-crumbs-test-pre-release.1 → 7.0.0-crumbs-sc-v6.1
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/README.md +1 -1
- package/dist/Accordion/Accordion.js +12 -12
- package/dist/Accordion/Accordion.js.map +1 -1
- package/dist/ActionDropdown/ActionDropdown.js +4 -4
- package/dist/ActionDropdown/ActionDropdown.js.map +1 -1
- package/dist/Banner/BannerItem.js +5 -5
- package/dist/Banner/BannerItem.js.map +1 -1
- package/dist/Box/Box.d.ts +8 -5
- package/dist/Box/Box.js +8 -2
- package/dist/Box/Box.js.map +1 -1
- package/dist/BrandCard/BrandCard.d.ts +2 -2
- package/dist/BrandCard/BrandCard.js +12 -12
- package/dist/BrandCard/BrandCard.js.map +1 -1
- package/dist/Button/Button.js +14 -14
- package/dist/Button/Button.js.map +1 -1
- package/dist/Card/Card.js +15 -15
- package/dist/Card/Card.js.map +1 -1
- package/dist/CheckBox/CheckBox.js +2 -2
- package/dist/CheckBox/CheckBox.js.map +1 -1
- package/dist/Chip/Chip.js +6 -6
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/CurrencyInput/CurrencyInput.js +3 -3
- package/dist/CurrencyInput/CurrencyInput.js.map +1 -1
- package/dist/Datepicker/Datepicker.js +3 -3
- package/dist/Datepicker/Datepicker.js.map +1 -1
- package/dist/Divider/Divider.d.ts +1 -1
- package/dist/Divider/Divider.js +7 -8
- package/dist/Divider/Divider.js.map +1 -1
- package/dist/Dropdown/Dropdown.js +7 -7
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Emoji/Emoji.js +3 -3
- package/dist/Emoji/Emoji.js.map +1 -1
- package/dist/Icon/Icon.js +1 -1
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Icon/iconFiles/Bullets.js +1 -1
- package/dist/Icon/iconFiles/Bullets.js.map +1 -1
- package/dist/IconStrict/IconStrict.js +8 -8
- package/dist/IconStrict/IconStrict.js.map +1 -1
- package/dist/IconWrapper/IconWrapper.js +8 -8
- package/dist/IconWrapper/IconWrapper.js.map +1 -1
- package/dist/LabelledText/LabelledText.d.ts +1 -1
- package/dist/LabelledText/LabelledText.js +2 -2
- package/dist/LabelledText/LabelledText.js.map +1 -1
- package/dist/Link/Link.d.ts +1 -1
- package/dist/Link/Link.js +5 -5
- package/dist/Link/Link.js.map +1 -1
- package/dist/Loader/Loader.js +7 -4
- package/dist/Loader/Loader.js.map +1 -1
- package/dist/Modal/Modal.js +9 -9
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/NumberInput/NumberInput.js +4 -4
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/Pagination/Pagination.js +6 -6
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/RadioGroup/RadioElement.js +6 -6
- package/dist/RadioGroup/RadioElement.js.map +1 -1
- package/dist/RadioGroup/RadioGroup.js +3 -3
- package/dist/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/RadioGroup/RadioItem.js +15 -14
- package/dist/RadioGroup/RadioItem.js.map +1 -1
- package/dist/Row/Row.js +9 -9
- package/dist/Row/Row.js.map +1 -1
- package/dist/SearchInput/SearchInput.js +1 -1
- package/dist/SearchInput/SearchInput.js.map +1 -1
- package/dist/SearchInput/SearchOptions.js +6 -6
- package/dist/SearchInput/SearchOptions.js.map +1 -1
- package/dist/SupportMessage/SupportMessage.js +4 -4
- package/dist/SupportMessage/SupportMessage.js.map +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/components/RowActions.js +4 -4
- package/dist/Table/components/RowActions.js.map +1 -1
- package/dist/Table/components/TableHeader.js +2 -2
- package/dist/Table/components/TableHeader.js.map +1 -1
- package/dist/Table/components/TableRow.js +2 -2
- package/dist/Table/components/TableRow.js.map +1 -1
- package/dist/Table/components/commonComponents.d.ts +6 -4
- package/dist/Table/components/commonComponents.js +35 -35
- package/dist/Table/components/commonComponents.js.map +1 -1
- package/dist/Tag/Tag.js +4 -4
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Text/Text.js +20 -20
- package/dist/Text/Text.js.map +1 -1
- package/dist/TextInput/TextInput.js +5 -5
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/Textarea/Textarea.js +6 -6
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/Toggle/Toggle.js +1 -1
- package/dist/Toggle/Toggle.js.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +10 -10
- package/dist/Tooltip/Tooltip.js +16 -16
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/fields/components/CommonInput.d.ts +20 -8
- package/dist/fields/components/CommonInput.js +9 -9
- package/dist/fields/components/CommonInput.js.map +1 -1
- package/dist/fields/components/InternalField.js +5 -5
- package/dist/fields/components/InternalField.js.map +1 -1
- package/dist/fontStyle.d.ts +2 -1
- package/dist/utils/flex.d.ts +3 -1
- package/dist/utils/flex.js +18 -18
- package/dist/utils/flex.js.map +1 -1
- package/dist/utils/focusOutline.d.ts +2 -2
- package/dist/utils/measure.d.ts +3 -1
- package/dist/utils/measure.js +7 -7
- package/dist/utils/measure.js.map +1 -1
- package/dist/utils/space.d.ts +5 -2
- package/dist/utils/space.js +30 -30
- package/dist/utils/space.js.map +1 -1
- package/dist/utils/utilTypes.d.ts +7 -0
- package/dist/utils/utilTypes.js +2 -0
- package/dist/utils/utilTypes.js.map +1 -0
- package/package.json +2 -3
@@ -1,5 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { TransientProps } from 'utils/utilTypes';
|
1
3
|
import { TableStylesProps } from '../types';
|
2
|
-
export declare const StyledTable: import("styled-components").
|
3
|
-
export declare const StyledHeaderCell: import("styled-components").
|
4
|
-
export declare const StyledCell: import("styled-components").
|
5
|
-
export declare const StyledRow: import("styled-components").
|
4
|
+
export declare const StyledTable: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>;
|
5
|
+
export declare const StyledHeaderCell: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, TransientProps<TableStylesProps>>>;
|
6
|
+
export declare const StyledCell: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, TransientProps<TableStylesProps>>>;
|
7
|
+
export declare const StyledRow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, TransientProps<TableStylesProps>>>;
|
@@ -13,7 +13,7 @@ export const StyledTable = styled.table `
|
|
13
13
|
`;
|
14
14
|
export const StyledHeaderCell = styled.th `
|
15
15
|
background: ${theme.colors.coconut};
|
16
|
-
position: ${({ fixedHeader }) => (fixedHeader ? 'sticky' : 'auto')};
|
16
|
+
position: ${({ $fixedHeader }) => ($fixedHeader ? 'sticky' : 'auto')};
|
17
17
|
top: 0;
|
18
18
|
z-index: 2;
|
19
19
|
text-align: left;
|
@@ -24,30 +24,30 @@ export const StyledHeaderCell = styled.th `
|
|
24
24
|
padding-top: 8px;
|
25
25
|
padding-bottom: 8px;
|
26
26
|
|
27
|
-
${({ headerColor }) => headerColor &&
|
27
|
+
${({ $headerColor }) => $headerColor &&
|
28
28
|
css `
|
29
|
-
background: ${theme.colors[headerColor]};
|
29
|
+
background: ${theme.colors[$headerColor]};
|
30
30
|
`}
|
31
31
|
|
32
|
-
${({ headerHeight }) => headerHeight &&
|
32
|
+
${({ $headerHeight }) => $headerHeight &&
|
33
33
|
css `
|
34
|
-
height: ${headerHeight};
|
34
|
+
height: ${$headerHeight};
|
35
35
|
`}
|
36
36
|
|
37
|
-
${({ maxWidth }) => maxWidth &&
|
37
|
+
${({ $maxWidth }) => $maxWidth &&
|
38
38
|
css `
|
39
|
-
max-width: ${maxWidth};
|
39
|
+
max-width: ${$maxWidth};
|
40
40
|
`}
|
41
41
|
|
42
|
-
${({ minWidth }) => minWidth &&
|
42
|
+
${({ $minWidth }) => $minWidth &&
|
43
43
|
css `
|
44
|
-
min-width: ${minWidth};
|
44
|
+
min-width: ${$minWidth};
|
45
45
|
`}
|
46
46
|
|
47
|
-
${({ columnPadding }) => columnPadding &&
|
47
|
+
${({ $columnPadding }) => $columnPadding &&
|
48
48
|
css `
|
49
|
-
padding-left: ${columnPadding};
|
50
|
-
padding-right: ${columnPadding};
|
49
|
+
padding-left: ${$columnPadding};
|
50
|
+
padding-right: ${$columnPadding};
|
51
51
|
`};
|
52
52
|
`;
|
53
53
|
export const StyledCell = styled.td `
|
@@ -57,80 +57,80 @@ export const StyledCell = styled.td `
|
|
57
57
|
padding-top: 8px;
|
58
58
|
padding-bottom: 8px;
|
59
59
|
|
60
|
-
${({ hideOverflow }) => hideOverflow &&
|
60
|
+
${({ $hideOverflow }) => $hideOverflow &&
|
61
61
|
css `
|
62
62
|
overflow: hidden;
|
63
63
|
`};
|
64
64
|
|
65
|
-
${({ noWrapContent }) => noWrapContent &&
|
65
|
+
${({ $noWrapContent }) => $noWrapContent &&
|
66
66
|
css `
|
67
67
|
white-space: nowrap;
|
68
68
|
`};
|
69
69
|
|
70
|
-
${({ truncateContent }) => truncateContent &&
|
70
|
+
${({ $truncateContent }) => $truncateContent &&
|
71
71
|
css `
|
72
72
|
overflow: hidden;
|
73
73
|
white-space: nowrap;
|
74
74
|
text-overflow: ellipsis;
|
75
75
|
`};
|
76
76
|
|
77
|
-
${({ stickyCell }) => stickyCell &&
|
77
|
+
${({ $stickyCell }) => $stickyCell &&
|
78
78
|
css `
|
79
79
|
position: sticky;
|
80
80
|
right: 0;
|
81
81
|
`};
|
82
82
|
|
83
|
-
${({ rowPadding }) => rowPadding &&
|
83
|
+
${({ $rowPadding }) => $rowPadding &&
|
84
84
|
css `
|
85
|
-
padding-top: ${rowPadding};
|
86
|
-
padding-bottom: ${rowPadding};
|
85
|
+
padding-top: ${$rowPadding};
|
86
|
+
padding-bottom: ${$rowPadding};
|
87
87
|
`};
|
88
88
|
|
89
|
-
${({ columnPadding }) => columnPadding &&
|
89
|
+
${({ $columnPadding }) => $columnPadding &&
|
90
90
|
css `
|
91
|
-
padding-left: ${columnPadding};
|
92
|
-
padding-right: ${columnPadding};
|
91
|
+
padding-left: ${$columnPadding};
|
92
|
+
padding-right: ${$columnPadding};
|
93
93
|
`};
|
94
94
|
|
95
|
-
${({ maxWidth }) => maxWidth &&
|
95
|
+
${({ $maxWidth }) => $maxWidth &&
|
96
96
|
css `
|
97
|
-
max-width: ${maxWidth};
|
97
|
+
max-width: ${$maxWidth};
|
98
98
|
`}
|
99
99
|
|
100
|
-
${({ rowActionsBgColor }) => rowActionsBgColor &&
|
100
|
+
${({ $rowActionsBgColor }) => $rowActionsBgColor &&
|
101
101
|
css `
|
102
|
-
background: ${theme.colors[rowActionsBgColor]};
|
102
|
+
background: ${theme.colors[$rowActionsBgColor]};
|
103
103
|
`}
|
104
104
|
`;
|
105
105
|
export const StyledRow = styled.tr `
|
106
106
|
background: ${theme.colors.custard};
|
107
107
|
|
108
|
-
${({ rowBorderColor }) => rowBorderColor &&
|
108
|
+
${({ $rowBorderColor }) => $rowBorderColor &&
|
109
109
|
css `
|
110
|
-
border-bottom: 1px solid ${theme.colors[rowBorderColor]};
|
110
|
+
border-bottom: 1px solid ${theme.colors[$rowBorderColor]};
|
111
111
|
`}
|
112
112
|
|
113
|
-
${({ rowColor }) => rowColor &&
|
113
|
+
${({ $rowColor }) => $rowColor &&
|
114
114
|
css `
|
115
|
-
background: ${theme.colors[rowColor]};
|
115
|
+
background: ${theme.colors[$rowColor]};
|
116
116
|
`}
|
117
117
|
|
118
|
-
${({ stripedColor }) => stripedColor &&
|
118
|
+
${({ $stripedColor }) => $stripedColor &&
|
119
119
|
css `
|
120
120
|
&:nth-child(even) {
|
121
|
-
background: ${theme.colors[stripedColor]};
|
121
|
+
background: ${theme.colors[$stripedColor]};
|
122
122
|
}
|
123
123
|
`}
|
124
124
|
|
125
|
-
${({ clickableRow, rowColor }) => clickableRow &&
|
125
|
+
${({ $clickableRow, $rowColor }) => $clickableRow &&
|
126
126
|
css `
|
127
127
|
cursor: pointer;
|
128
128
|
&:hover {
|
129
|
-
background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};
|
129
|
+
background: ${darken(0.1, theme.colors[$rowColor ?? 'custard'])};
|
130
130
|
}
|
131
131
|
&:focus-visible {
|
132
132
|
${focusOutlineStyle}
|
133
|
-
background: ${darken(0.1, theme.colors[rowColor ?? 'custard'])};
|
133
|
+
background: ${darken(0.1, theme.colors[$rowColor ?? 'custard'])};
|
134
134
|
}
|
135
135
|
`}
|
136
136
|
`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"commonComponents.js","sourceRoot":"","sources":["../../../src/Table/components/commonComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;
|
1
|
+
{"version":3,"file":"commonComponents.js","sourceRoot":"","sources":["../../../src/Table/components/commonComponents.tsx"],"names":[],"mappings":"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"}
|
package/dist/Tag/Tag.js
CHANGED
@@ -1,13 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import styled from 'styled-components';
|
3
|
+
import { Box } from '../Box';
|
3
4
|
import { Text } from '../Text';
|
4
5
|
import { theme } from '../theme';
|
5
|
-
|
6
|
-
export const Tag = ({ label, color, borderColor, bgColor, className, ...marginProps }) => (React.createElement(Wrapper, { bgColor: bgColor, className: className, borderColor: borderColor, ...marginProps, alignContent: "center", justifyContent: "center" },
|
6
|
+
export const Tag = ({ label, color, borderColor, bgColor, className, ...marginProps }) => (React.createElement(Wrapper, { "$bgColor": bgColor, className: className, "$borderColor": borderColor, ...marginProps, alignContent: "center", justifyContent: "center" },
|
7
7
|
React.createElement(TagText, { tag: "span", typo: "label", color: color }, label)));
|
8
8
|
const Wrapper = styled(Box) `
|
9
|
-
background-color: ${({ bgColor }) => bgColor && theme.colors[bgColor]};
|
10
|
-
border: ${({ borderColor }) => borderColor && `1px solid ${theme.colors[borderColor]}`};
|
9
|
+
background-color: ${({ $bgColor }) => $bgColor && theme.colors[$bgColor]};
|
10
|
+
border: ${({ $borderColor }) => $borderColor && `1px solid ${theme.colors[$borderColor]}`};
|
11
11
|
|
12
12
|
border-radius: 6px;
|
13
13
|
padding: 4px 8px;
|
package/dist/Tag/Tag.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAUvC,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,gBACI,OAAO,EACjB,SAAS,EAAE,SAAS,kBACN,WAAW,KACrB,WAAW,EACf,YAAY,EAAC,QAAQ,EACrB,cAAc,EAAC,QAAQ;IAEvB,oBAAC,OAAO,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAC1C,KAAK,CACE,CACF,CACX,CAAA;AAID,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAc;sBACnB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;YAC9D,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAC7B,YAAY,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;;;;;;;;;CAS5D,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;CAO3B,CAAA"}
|
package/dist/Text/Text.js
CHANGED
@@ -1,21 +1,21 @@
|
|
1
1
|
import React, { forwardRef } from 'react';
|
2
2
|
import styled, { css } from 'styled-components';
|
3
|
-
import { theme } from '../theme';
|
4
|
-
import { linkStyleOverride } from '../Link/Link';
|
5
3
|
import { Box } from '../Box';
|
4
|
+
import { linkStyleOverride } from '../Link/Link';
|
5
|
+
import { theme } from '../theme';
|
6
6
|
import { fontStyleMapping } from './fontMapping';
|
7
|
-
export const Text = forwardRef(({ children, typo = 'body-regular', className = '', tag = 'p', align = 'left', color = 'liquorice', cursor = 'inherit', title = '', ...props }, ref) => (React.createElement(Container, {
|
7
|
+
export const Text = forwardRef(({ children, typo = 'body-regular', className = '', tag = 'p', align = 'left', color = 'liquorice', cursor = 'inherit', title = '', ...props }, ref) => (React.createElement(Container, { forwardedAs: tag, className: className, "$typo": typo, "$align": align, "$color": color, cursor: cursor, title: title, ...props, ref: ref }, children)));
|
8
8
|
Text.displayName = 'Text';
|
9
9
|
const isNewTypo = (value) => {
|
10
10
|
return Object.keys(fontStyleMapping).includes(value);
|
11
11
|
};
|
12
|
-
const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
12
|
+
const Container = styled(Box)(({ $align, $color, $cursor, $typo }) => css `
|
13
13
|
/** TYPOGRAPHY STYLES */
|
14
14
|
|
15
|
-
${isNewTypo(typo) && fontStyleMapping[typo]}
|
15
|
+
${isNewTypo($typo) && fontStyleMapping[$typo]}
|
16
16
|
|
17
17
|
/** DEPRECATED TYPOGRAPHY STYLES */
|
18
|
-
${typo === 'header-large' &&
|
18
|
+
${$typo === 'header-large' &&
|
19
19
|
css `
|
20
20
|
font-size: 24px;
|
21
21
|
line-height: 31px;
|
@@ -27,7 +27,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
27
27
|
}
|
28
28
|
`}
|
29
29
|
|
30
|
-
${typo === 'header-medium' &&
|
30
|
+
${$typo === 'header-medium' &&
|
31
31
|
css `
|
32
32
|
font-size: 21px;
|
33
33
|
line-height: 27px;
|
@@ -39,7 +39,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
39
39
|
}
|
40
40
|
`}
|
41
41
|
|
42
|
-
${typo === 'header-small' &&
|
42
|
+
${$typo === 'header-small' &&
|
43
43
|
css `
|
44
44
|
font-size: 18px;
|
45
45
|
line-height: 23px;
|
@@ -51,7 +51,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
51
51
|
}
|
52
52
|
`}
|
53
53
|
|
54
|
-
${typo === 'desc-heavy' &&
|
54
|
+
${$typo === 'desc-heavy' &&
|
55
55
|
css `
|
56
56
|
font-size: 14px;
|
57
57
|
line-height: 20px;
|
@@ -63,7 +63,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
63
63
|
}
|
64
64
|
`}
|
65
65
|
|
66
|
-
${typo === 'desc-medium' &&
|
66
|
+
${$typo === 'desc-medium' &&
|
67
67
|
css `
|
68
68
|
font-size: 14px;
|
69
69
|
line-height: 20px;
|
@@ -75,7 +75,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
75
75
|
}
|
76
76
|
`}
|
77
77
|
|
78
|
-
${typo === 'desc-light' &&
|
78
|
+
${$typo === 'desc-light' &&
|
79
79
|
css `
|
80
80
|
font-size: 14px;
|
81
81
|
line-height: 20px;
|
@@ -87,7 +87,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
87
87
|
}
|
88
88
|
`}
|
89
89
|
|
90
|
-
${typo === 'desc-small' &&
|
90
|
+
${$typo === 'desc-small' &&
|
91
91
|
css `
|
92
92
|
font-size: 12px;
|
93
93
|
line-height: 16px;
|
@@ -99,7 +99,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
99
99
|
}
|
100
100
|
`}
|
101
101
|
|
102
|
-
${typo === 'base' &&
|
102
|
+
${$typo === 'base' &&
|
103
103
|
css `
|
104
104
|
font-size: 14px;
|
105
105
|
line-height: 23px;
|
@@ -111,7 +111,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
111
111
|
}
|
112
112
|
`}
|
113
113
|
|
114
|
-
${typo === 'base-small' &&
|
114
|
+
${$typo === 'base-small' &&
|
115
115
|
css `
|
116
116
|
font-size: 12px;
|
117
117
|
line-height: 20px;
|
@@ -123,7 +123,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
123
123
|
}
|
124
124
|
`}
|
125
125
|
|
126
|
-
${typo === 'base-xsmall' &&
|
126
|
+
${$typo === 'base-xsmall' &&
|
127
127
|
css `
|
128
128
|
font-size: 10px;
|
129
129
|
line-height: 16px;
|
@@ -135,7 +135,7 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
135
135
|
}
|
136
136
|
`}
|
137
137
|
|
138
|
-
${typo === 'label-large' &&
|
138
|
+
${$typo === 'label-large' &&
|
139
139
|
css `
|
140
140
|
font-size: 12px;
|
141
141
|
line-height: 100%;
|
@@ -144,9 +144,9 @@ const Container = styled(Box)(({ align, color, cursor, typo }) => css `
|
|
144
144
|
letter-spacing: 0.75px;
|
145
145
|
`}
|
146
146
|
|
147
|
-
text-align: ${align};
|
148
|
-
cursor: ${cursor};
|
149
|
-
color: ${theme.colors[color]};
|
150
|
-
${linkStyleOverride({ color: theme.colors[color] })}
|
147
|
+
text-align: ${$align};
|
148
|
+
cursor: ${$cursor};
|
149
|
+
color: ${theme.colors[$color]};
|
150
|
+
${linkStyleOverride({ color: theme.colors[$color] })}
|
151
151
|
`);
|
152
152
|
//# sourceMappingURL=Text.js.map
|
package/dist/Text/Text.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AA6DhD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,IAAI,GAAG,cAAc,EACrB,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,SAAS,IACR,WAAW,EAAE,GAAG,EAChB,SAAS,EAAE,SAAS,WACb,IAAI,YACH,KAAK,YACL,KAAK,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,KACR,KAAK,EACT,GAAG,EAAE,GAAG,IAEP,QAAQ,CACC,CACb,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,CAAC,KAAa,EAAiB,EAAE;IACjD,OAAO,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;MAGvC,SAAS,CAAC,KAAK,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC;;;MAG3C,KAAK,KAAK,cAAc;IAC1B,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,eAAe;IACzB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,cAAc;IACxB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,YAAY;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,aAAa;IACvB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,YAAY;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,YAAY;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,MAAM;IAChB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,YAAY;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,aAAa;IACvB,GAAG,CAAA;;;;;;;;;KASF;;IAED,KAAK,KAAK,aAAa;IACvB,GAAG,CAAA;;;;;;KAMF;;kBAEa,MAAM;cACV,OAAO;aACR,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;MAC3B,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;GACrD,CACF,CAAA"}
|
@@ -1,17 +1,17 @@
|
|
1
1
|
import React, { forwardRef } from 'react';
|
2
|
-
import { Field } from '../fields/Field';
|
3
2
|
import { Box } from '../Box';
|
4
|
-
import {
|
3
|
+
import { Field } from '../fields/Field';
|
5
4
|
import { Input, StyledFrontIcon, StyledTrailingIcon, } from '../fields/components/CommonInput';
|
5
|
+
import { useUniqueId } from '../utils/id';
|
6
6
|
export const TextInput = forwardRef(function TextInput({ id: idProp, type = 'text', placeholder, name, value, error = false, onBlur, onChange, onInputChange, disabled = false, frontIcon, trailingIcon, fallbackStyle, ...fieldProps }, ref) {
|
7
7
|
const id = useUniqueId(idProp);
|
8
8
|
return (React.createElement(Field, { ...fieldProps, htmlFor: id, error: error },
|
9
9
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
|
10
|
-
frontIcon && (React.createElement(StyledFrontIcon, { disabled: disabled, render: frontIcon, color: "sesame" })),
|
11
|
-
React.createElement(Input, { disabled: disabled, type: type, id: id, name: name, ref: ref, placeholder: placeholder, value: value, error: error, frontIcon: frontIcon, fallbackStyle: fallbackStyle, autoComplete: "off", onChange: (e) => {
|
10
|
+
frontIcon && (React.createElement(StyledFrontIcon, { "$disabled": disabled, render: frontIcon, color: "sesame" })),
|
11
|
+
React.createElement(Input, { disabled: disabled, type: type, id: id, name: name, ref: ref, placeholder: placeholder, value: value, "$error": error, "$frontIcon": frontIcon, "$fallbackStyle": fallbackStyle, autoComplete: "off", onChange: (e) => {
|
12
12
|
onChange && onChange(e.currentTarget.value);
|
13
13
|
onInputChange && onInputChange(e);
|
14
14
|
}, onBlur: onBlur }),
|
15
|
-
trailingIcon && (React.createElement(StyledTrailingIcon, { disabled: disabled, render: trailingIcon, color: "sesame" })))));
|
15
|
+
trailingIcon && (React.createElement(StyledTrailingIcon, { "$disabled": disabled, render: trailingIcon, color: "sesame" })))));
|
16
16
|
});
|
17
17
|
//# sourceMappingURL=TextInput.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/TextInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,OAAO,EACL,KAAK,EACL,eAAe,EACf,kBAAkB,GACnB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAyBzC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,EACE,EAAE,EAAE,MAAM,EACV,IAAI,GAAG,MAAM,EACb,WAAW,EACX,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,KAAK,EACb,MAAM,EACN,QAAQ,EACR,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACE,EACjB,GAAmC;IAEnC,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAE9B,OAAO,CACL,oBAAC,KAAK,OAAK,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK;QAC9C,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY;YACtD,SAAS,IAAI,CACZ,oBAAC,eAAe,iBACH,QAAQ,EACnB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAC,QAAQ,GACd,CACH;YACD,oBAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,YACJ,KAAK,gBACD,SAAS,oBACL,aAAa,EAC7B,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAA8B,EAAE,EAAE;oBAC3C,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC3C,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;gBACnC,CAAC,EACD,MAAM,EAAE,MAAM,GACd;YACD,YAAY,IAAI,CACf,oBAAC,kBAAkB,iBACN,QAAQ,EACnB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,QAAQ,GACd,CACH,CACG,CACA,CACT,CAAA;AACH,CAAC,CAAC,CAAA"}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import React, { forwardRef } from 'react';
|
2
2
|
import styled from 'styled-components';
|
3
|
+
import { Field } from '../fields/Field';
|
3
4
|
import { theme } from '../theme';
|
4
5
|
import { useUniqueId } from '../utils/id';
|
5
|
-
import { Field } from '../fields/Field';
|
6
6
|
export const Textarea = forwardRef(function Textarea({ id: idProp, name, value, onChange, onInputChange, resize = 'none', error = false, placeholder, disabled = false, maxLength, onBlur, rows = 4, fallbackStyle, ...fieldProps }, ref) {
|
7
7
|
const id = useUniqueId(idProp);
|
8
8
|
return (React.createElement(Field, { ...fieldProps, htmlFor: id, error: error },
|
9
|
-
React.createElement(StyledTextArea, { ref: ref, error: error, id: id, name: name, disabled: disabled, resize: resize, fallbackStyle: fallbackStyle, placeholder: placeholder, value: value, onChange: (e) => {
|
9
|
+
React.createElement(StyledTextArea, { ref: ref, "$error": error, id: id, name: name, disabled: disabled, "$resize": resize, "$fallbackStyle": fallbackStyle, placeholder: placeholder, value: value, onChange: (e) => {
|
10
10
|
onChange?.(e.currentTarget.value);
|
11
11
|
onInputChange?.(e);
|
12
12
|
}, maxLength: maxLength, onBlur: onBlur, rows: rows })));
|
@@ -15,23 +15,23 @@ const StyledTextArea = styled.textarea `
|
|
15
15
|
font-size: 16px;
|
16
16
|
font: inherit;
|
17
17
|
line-height: 20px;
|
18
|
-
background: ${({ fallbackStyle }) => fallbackStyle ? theme.colors.custard : theme.colors.cream};
|
18
|
+
background: ${({ $fallbackStyle }) => $fallbackStyle ? theme.colors.custard : theme.colors.cream};
|
19
19
|
border: 2px solid ${theme.colors.oatmeal};
|
20
20
|
box-sizing: border-box;
|
21
21
|
border-radius: 12px;
|
22
22
|
width: 100%;
|
23
23
|
padding: 18px 14px;
|
24
24
|
color: ${theme.colors.liquorice};
|
25
|
-
resize: ${({ resize }) => resize};
|
25
|
+
resize: ${({ $resize }) => $resize};
|
26
26
|
cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'text')};
|
27
27
|
opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
|
28
|
-
border-color: ${({ error }) => theme.colors[`${error ? 'strawberry' : 'oatmeal'}`]};
|
28
|
+
border-color: ${({ $error }) => theme.colors[`${$error ? 'strawberry' : 'oatmeal'}`]};
|
29
29
|
outline: none;
|
30
30
|
|
31
31
|
&:hover,
|
32
32
|
&:focus,
|
33
33
|
&:focus-visible {
|
34
|
-
border-color: ${({ error }) => error ? theme.colors.strawberry : theme.colors.marzipan};
|
34
|
+
border-color: ${({ $error }) => $error ? theme.colors.strawberry : theme.colors.marzipan};
|
35
35
|
}
|
36
36
|
`;
|
37
37
|
//# sourceMappingURL=Textarea.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AA+BzC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EACE,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,KAAK,EACb,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,MAAM,EACN,IAAI,GAAG,CAAC,EACR,aAAa,EACb,GAAG,UAAU,EACC,EAChB,GAAsC;IAEtC,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,CACL,oBAAC,KAAK,OAAK,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK;QAC9C,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,YACA,KAAK,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,aACT,MAAM,oBACC,aAAa,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAiC,EAAE,EAAE;gBAC9C,QAAQ,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;gBACjC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAA;YACpB,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,GACV,CACI,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AASF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAU;;;;gBAIhC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACnC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;sBACxC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;WAK/B,KAAK,CAAC,MAAM,CAAC,SAAS;YACrB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;YACxB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC;aACpD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;kBACrC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAC7B,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;;;;;;oBAMpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAC7B,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;CAE7D,CAAA"}
|
package/dist/Toggle/Toggle.js
CHANGED
@@ -4,7 +4,7 @@ import { Box } from '../Box';
|
|
4
4
|
import { theme } from '../theme';
|
5
5
|
import { focusOutline } from '../utils/focusOutline';
|
6
6
|
export const Toggle = ({ id, checked, onToggle, ...marginProps }) => {
|
7
|
-
return (React.createElement(Switch, {
|
7
|
+
return (React.createElement(Switch, { forwardedAs: "label", id: id, ...marginProps },
|
8
8
|
React.createElement(Checkbox, { type: "checkbox", checked: checked, onChange: onToggle, onKeyDown: (e) => {
|
9
9
|
if (e.key === 'Enter') {
|
10
10
|
onToggle();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAYpD,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAChC,EAAE,EACF,OAAO,EACP,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,MAAM,IAAC,
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAYpD,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,EAChC,EAAE,EACF,OAAO,EACP,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,MAAM,IAAC,WAAW,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAM,WAAW;QACjD,oBAAC,QAAQ,IACP,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACtB,QAAQ,EAAE,CAAA;gBACZ,CAAC;YACH,CAAC,GACD;QACF,oBAAC,MAAM,OAAG,CACH,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;CAWzB,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;sBAOJ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;wBAOlB,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;;;;;;;wBAUrB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;CAI9C,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;IACzB,YAAY,CAAC,EAAE,QAAQ,EAAE,qBAAqB,MAAM,EAAE,EAAE,CAAC;;gBAE7C,MAAM;wBACE,KAAK,CAAC,MAAM,CAAC,SAAS;;;;gBAI9B,MAAM;;;CAGrB,CAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
1
|
+
import React, { FC, ReactNode } from 'react';
|
2
2
|
type Position = 'top' | 'bottom' | 'left' | 'right';
|
3
3
|
type ArrowPosition = Position | 'center';
|
4
4
|
export interface TooltipProps {
|
@@ -13,13 +13,13 @@ export interface TooltipProps {
|
|
13
13
|
portalContainer?: Element | DocumentFragment;
|
14
14
|
}
|
15
15
|
export declare const Tooltip: FC<TooltipProps>;
|
16
|
-
export declare const Container: import("styled-components").
|
17
|
-
export declare const Tip: import("styled-components").
|
18
|
-
showTip: boolean;
|
19
|
-
position: Position;
|
20
|
-
arrowPosition: ArrowPosition;
|
21
|
-
maxWidth?: number | undefined;
|
22
|
-
fallbackStyle?: boolean | undefined;
|
23
|
-
zIndex: number;
|
24
|
-
}
|
16
|
+
export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
17
|
+
export declare const Tip: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
18
|
+
$showTip: boolean;
|
19
|
+
$position: Position;
|
20
|
+
$arrowPosition: ArrowPosition;
|
21
|
+
$maxWidth?: number | undefined;
|
22
|
+
$fallbackStyle?: boolean | undefined;
|
23
|
+
$zIndex: number;
|
24
|
+
}>>;
|
25
25
|
export {};
|
package/dist/Tooltip/Tooltip.js
CHANGED
@@ -131,9 +131,9 @@ export const Tooltip = ({ children, title, content, position = 'top', maxWidth =
|
|
131
131
|
ref: documentRef,
|
132
132
|
});
|
133
133
|
return (React.createElement(Container, null,
|
134
|
-
React.createElement(UnderlinedChild, { id: randomId, underline: underline, onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
|
134
|
+
React.createElement(UnderlinedChild, { id: randomId, "$underline": underline, onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
|
135
135
|
childEl &&
|
136
|
-
createPortal(React.createElement(Tip, { className: "tooltip", showTip: showTip, position: position, arrowPosition: tooltipPosition, ref: tipContainer, maxWidth: maxWidth, fallbackStyle: fallbackStyle, zIndex: zIndex, style: {
|
136
|
+
createPortal(React.createElement(Tip, { className: "tooltip", "$showTip": showTip, "$position": position, "$arrowPosition": tooltipPosition, ref: tipContainer, "$maxWidth": maxWidth, "$fallbackStyle": fallbackStyle, "$zIndex": zIndex, style: {
|
137
137
|
position: 'absolute',
|
138
138
|
top: `${tooltipCoords.top}px`,
|
139
139
|
left: `${tooltipCoords.left}px`,
|
@@ -153,7 +153,7 @@ export const Container = styled.div `
|
|
153
153
|
`;
|
154
154
|
const UnderlinedChild = styled(Box) `
|
155
155
|
cursor: pointer;
|
156
|
-
${({ underline }) => underline &&
|
156
|
+
${({ $underline }) => $underline &&
|
157
157
|
css `
|
158
158
|
border-bottom: 1px dashed ${theme.colors.marshmallowPink};
|
159
159
|
`}
|
@@ -197,27 +197,27 @@ const top = css `
|
|
197
197
|
&:before {
|
198
198
|
bottom: -15px;
|
199
199
|
transform: rotate(-90deg);
|
200
|
-
${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
|
200
|
+
${({ $arrowPosition }) => handleHorizontalArrowPosition($arrowPosition)}
|
201
201
|
}
|
202
202
|
`;
|
203
203
|
const bottom = css `
|
204
204
|
&:before {
|
205
205
|
top: -15px;
|
206
206
|
transform: rotate(90deg);
|
207
|
-
${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
|
207
|
+
${({ $arrowPosition }) => handleHorizontalArrowPosition($arrowPosition)}
|
208
208
|
}
|
209
209
|
`;
|
210
210
|
const left = css `
|
211
211
|
&:before {
|
212
212
|
right: -11px;
|
213
213
|
transform: rotate(180deg);
|
214
|
-
${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
|
214
|
+
${({ $arrowPosition }) => handleVerticalArrowPosition($arrowPosition)}
|
215
215
|
}
|
216
216
|
`;
|
217
217
|
const right = css `
|
218
218
|
&:before {
|
219
219
|
left: -11px;
|
220
|
-
${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
|
220
|
+
${({ $arrowPosition }) => handleVerticalArrowPosition($arrowPosition)}
|
221
221
|
}
|
222
222
|
`;
|
223
223
|
export const Tip = styled.div `
|
@@ -227,20 +227,20 @@ export const Tip = styled.div `
|
|
227
227
|
padding: 16px 12px 20px;
|
228
228
|
border-radius: 16px;
|
229
229
|
max-width: 450px;
|
230
|
-
opacity: ${({ showTip }) => (showTip ? '1' : '0')};
|
230
|
+
opacity: ${({ $showTip }) => ($showTip ? '1' : '0')};
|
231
231
|
transition: opacity 0.2s ease-in-out;
|
232
232
|
pointer-events: none;
|
233
233
|
cursor: default;
|
234
|
-
z-index: ${({ zIndex }) => (zIndex ? zIndex : '10')};
|
234
|
+
z-index: ${({ $zIndex }) => ($zIndex ? $zIndex : '10')};
|
235
235
|
|
236
236
|
// this is the trick that will make sure the content can go up to maxWidth
|
237
|
-
margin-right: ${({ maxWidth }) => maxWidth &&
|
238
|
-
max-width: ${({ maxWidth }) => maxWidth && maxWidth + 'px'};
|
237
|
+
margin-right: ${({ $maxWidth }) => $maxWidth && -$maxWidth / 2 + 'px'};
|
238
|
+
max-width: ${({ $maxWidth }) => $maxWidth && $maxWidth + 'px'};
|
239
239
|
|
240
|
-
${({ arrowPosition }) => arrowPosition === 'top' && top}
|
241
|
-
${({ arrowPosition }) => arrowPosition === 'bottom' && bottom}
|
242
|
-
${({ arrowPosition }) => arrowPosition === 'left' && left}
|
243
|
-
${({ arrowPosition }) => arrowPosition === 'right' && right}
|
240
|
+
${({ $arrowPosition }) => $arrowPosition === 'top' && top}
|
241
|
+
${({ $arrowPosition }) => $arrowPosition === 'bottom' && bottom}
|
242
|
+
${({ $arrowPosition }) => $arrowPosition === 'left' && left}
|
243
|
+
${({ $arrowPosition }) => $arrowPosition === 'right' && right}
|
244
244
|
|
245
245
|
&:before {
|
246
246
|
content: '';
|
@@ -250,7 +250,7 @@ export const Tip = styled.div `
|
|
250
250
|
position: absolute;
|
251
251
|
}
|
252
252
|
|
253
|
-
${({ fallbackStyle }) => fallbackStyle &&
|
253
|
+
${({ $fallbackStyle }) => $fallbackStyle &&
|
254
254
|
css `
|
255
255
|
background: ${theme.colors.feijoa};
|
256
256
|
&:before {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAiB5C,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACxC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,KAAK,EACjB,aAAa,GAAG,KAAK,EACrB,MAAM,GAAG,EAAE,EACX,eAAe,GAAG,QAAQ,CAAC,IAAI,GAChC,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAW,QAAQ,CAAC,CAAA;IAC9C,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACjD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAW,QAAQ,CAAC,CAAA;IAC1E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAA;IAEvE,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAA;IAEzB,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAW,EAAE,CAClD,OAAO,CAAC,GAAG,IAAI,CAAC;QAChB,OAAO,CAAC,IAAI,IAAI,CAAC;QACjB,OAAO,CAAC,MAAM,IAAI,MAAM,CAAC,WAAW;QACpC,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAA;IAEpC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAA;QAEhE,IAAI,CAAC,UAAU;YAAE,OAAM;QACvB,IAAI,aAAa,CAAC,UAAU,CAAC;YAAE,OAAM;QAErC,iDAAiD;QACjD,IAAI,UAAU,CAAC,GAAG,IAAI,CAAC,IAAI,eAAe,KAAK,KAAK,EAAE,CAAC;YACrD,kBAAkB,CAAC,KAAK,CAAC,CAAA;YACzB,OAAM;QACR,CAAC;QACD,uBAAuB;QACvB,IAAI,UAAU,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;YACvB,kBAAkB,CAAC,QAAQ,CAAC,CAAA;YAC5B,OAAM;QACR,CAAC;QACD,yBAAyB;QACzB,IAAI,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;YACzC,kBAAkB,CAAC,MAAM,CAAC,CAAA;YAC1B,OAAM;QACR,CAAC;QACD,wBAAwB;QACxB,IAAI,UAAU,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACxB,kBAAkB,CAAC,OAAO,CAAC,CAAA;YAC3B,OAAM;QACR,CAAC;QACD,0BAA0B;QAC1B,IAAI,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;YAC3C,kBAAkB,CAAC,KAAK,CAAC,CAAA;YACzB,OAAM;QACR,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAA;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,EAAE,CAAA;QACnB,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,SAAS,GAAG,EAAE,CAAA;IAEpB,MAAM,wBAAwB,GAAG,GAAkC,EAAE;QACnE,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAA;QACxC,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAA;QAErD,MAAM,aAAa,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAA;QACrD,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;QAElE,IAAI,GAAG,GAAG,CAAC,CAAA;QACX,IAAI,IAAI,GAAG,CAAC,CAAA;QAEZ,QAAQ,eAAe,EAAE,CAAC;YACxB,KAAK,KAAK;gBACR,GAAG;oBACD,aAAa,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,SAAS,CAAA;gBACvE,IAAI;oBACF,aAAa,CAAC,IAAI;wBAClB,MAAM,CAAC,OAAO;wBACd,aAAa,CAAC,KAAK,GAAG,CAAC;wBACvB,aAAa,CAAC,KAAK,GAAG,CAAC,CAAA;gBACzB,MAAK;YACP,KAAK,QAAQ;gBACX,GAAG,GAAG,aAAa,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,GAAG,SAAS,CAAA;gBACvD,IAAI;oBACF,aAAa,CAAC,IAAI;wBAClB,MAAM,CAAC,OAAO;wBACd,aAAa,CAAC,KAAK,GAAG,CAAC;wBACvB,aAAa,CAAC,KAAK,GAAG,CAAC,CAAA;gBACzB,MAAK;YACP,KAAK,MAAM;gBACT,IAAI;oBACF,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC,KAAK,GAAG,SAAS,CAAA;gBACvE,GAAG;oBACD,aAAa,CAAC,GAAG;wBACjB,MAAM,CAAC,OAAO;wBACd,aAAa,CAAC,MAAM,GAAG,CAAC;wBACxB,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;gBAC1B,MAAK;YACP,KAAK,OAAO;gBACV,IAAI,GAAG,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,GAAG,SAAS,CAAA;gBACvD,GAAG;oBACD,aAAa,CAAC,GAAG;wBACjB,MAAM,CAAC,OAAO;wBACd,aAAa,CAAC,MAAM,GAAG,CAAC;wBACxB,aAAa,CAAC,MAAM,GAAG,CAAC,CAAA;gBAC1B,MAAK;YACP;gBACE,MAAK;QACT,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,gBAAgB,CAAC,wBAAwB,EAAE,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC,EAAE;QACD,QAAQ;QACR,MAAM,CAAC,OAAO;QACd,YAAY,CAAC,OAAO;QACpB,OAAO;QACP,OAAO,EAAE,qBAAqB,EAAE,CAAC,GAAG;QACpC,OAAO,EAAE,qBAAqB,EAAE,CAAC,IAAI;KACtC,CAAC,CAAA;IAEF,gBAAgB,CAAC;QACf,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,EAAE,GAAG,CAAC;QAC1C,GAAG,EAAE,WAAW;KACjB,CAAC,CAAA;IAEF,gBAAgB,CAAC;QACf,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,EAAE,GAAG,CAAC;QAC1C,GAAG,EAAE,WAAW;KACjB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,eAAe,IACd,EAAE,EAAE,QAAQ,gBACA,SAAS,EACrB,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,IAEpC,QAAQ,CACO;QACjB,OAAO;YACN,YAAY,CACV,oBAAC,GAAG,IACF,SAAS,EAAC,SAAS,cACT,OAAO,eACN,QAAQ,oBACH,eAAe,EAC/B,GAAG,EAAE,YAAY,eACN,QAAQ,oBACH,aAAa,aACpB,MAAM,EACf,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,GAAG,aAAa,CAAC,GAAG,IAAI;oBAC7B,IAAI,EAAE,GAAG,aAAa,CAAC,IAAI,IAAI;iBAChC;gBAEA,KAAK,IAAI,CACR,oBAAC,IAAI,IACH,GAAG,EAAC,IAAI,EACR,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,IAE3C,KAAK,CACD,CACR;gBACA,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,CAC/B,oBAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,IAE3C,OAAO,CACH,CACR,CAAC;oBACA,OAAO,CACL,EACN,eAAe,CAChB,CACO,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQlC,CAAA;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAyB;;IAExD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV,GAAG,CAAA;kCAC2B,KAAK,CAAC,MAAM,CAAC,eAAe;KACzD;CACJ,CAAA;AAED,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,mBAAmB,GAAG,iBAAiB,CAAA;AAC7C,MAAM,mBAAmB,GAAG,kBAAkB,CAAA;AAE9C,MAAM,6BAA6B,GAAG,CAAC,aAA4B,EAAE,EAAE;IACrE,QAAQ,aAAa,EAAE,CAAC;QACtB,KAAK,MAAM;YACT,OAAO,GAAG,CAAA;gBACA,UAAU;OACnB,CAAA;QACH,KAAK,OAAO;YACV,OAAO,GAAG,CAAA;iBACC,UAAU;OACpB,CAAA;QACH;YACE,OAAO,GAAG,CAAA;gBACA,mBAAmB;OAC5B,CAAA;IACL,CAAC;AACH,CAAC,CAAA;AAED,MAAM,2BAA2B,GAAG,CAAC,aAA4B,EAAE,EAAE;IACnE,QAAQ,aAAa,EAAE,CAAC;QACtB,KAAK,KAAK;YACR,OAAO,GAAG,CAAA;eACD,UAAU;OAClB,CAAA;QACH,KAAK,QAAQ;YACX,OAAO,GAAG,CAAA;kBACE,UAAU;OACrB,CAAA;QACH;YACE,OAAO,GAAG,CAAA;eACD,mBAAmB;OAC3B,CAAA;IACL,CAAC;AACH,CAAC,CAAA;AAED,MAAM,GAAG,GAAG,GAAG,CAAmC;;;;MAI5C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,6BAA6B,CAAC,cAAc,CAAC;;CAE1E,CAAA;AAED,MAAM,MAAM,GAAG,GAAG,CAAmC;;;;MAI/C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,6BAA6B,CAAC,cAAc,CAAC;;CAE1E,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,CAAmC;;;;MAI7C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,2BAA2B,CAAC,cAAc,CAAC;;CAExE,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,CAAmC;;;MAG9C,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,2BAA2B,CAAC,cAAc,CAAC;;CAExE,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAO3B;;;gBAGc,KAAK,CAAC,MAAM,CAAC,OAAO;;;;aAIvB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;;;;aAIxC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;;;kBAGtC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI;eACxD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,SAAS,GAAG,IAAI;;IAE3D,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc,KAAK,KAAK,IAAI,GAAG;IACvD,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc,KAAK,QAAQ,IAAI,MAAM;GAC9D,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc,KAAK,MAAM,IAAI,IAAI;GACzD,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,cAAc,KAAK,OAAO,IAAI,KAAK;;;;;;gCAM9B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;IAIhD,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACvB,cAAc;IACd,GAAG,CAAA;oBACa,KAAK,CAAC,MAAM,CAAC,MAAM;;oCAEH,KAAK,CAAC,MAAM,CAAC,MAAM;;KAElD;CACJ,CAAA"}
|