@dev-crew-berlin/enter-js-utils 0.34.1 → 0.34.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/ui/guest-card.js +13 -13
- package/package.json +1 -1
package/dist/ui/guest-card.js
CHANGED
|
@@ -17,9 +17,12 @@ export const GuestCard = props => {
|
|
|
17
17
|
props.onClick(props.attendee.id);
|
|
18
18
|
} : undefined;
|
|
19
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: _JSXStyle.dynamic([["
|
|
20
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]]) + " " + (cx({
|
|
21
|
+
'guest-card-wrapper': true,
|
|
22
|
+
plain: props.plain
|
|
23
|
+
}) || "")
|
|
21
24
|
}, /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
className: _JSXStyle.dynamic([["
|
|
25
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]]) + " " + 'tag-color-list'
|
|
23
26
|
}, tags.map(tag => [tag, getTagColor(tag)]).filter(([, tagColor]) => tagColor).map(([tag, tagColor]) => /*#__PURE__*/React.createElement("div", {
|
|
24
27
|
key: tag,
|
|
25
28
|
title: tag,
|
|
@@ -27,17 +30,14 @@ export const GuestCard = props => {
|
|
|
27
30
|
backgroundColor: tagColor,
|
|
28
31
|
height: '100%'
|
|
29
32
|
},
|
|
30
|
-
className: _JSXStyle.dynamic([["
|
|
33
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]]) + " " + 'tag-color'
|
|
31
34
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
32
35
|
onClick: onClick,
|
|
33
|
-
className: _JSXStyle.dynamic([["
|
|
34
|
-
'guest-card': true,
|
|
35
|
-
plain: props.plain
|
|
36
|
-
}) || "")
|
|
36
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]]) + " " + 'guest-card'
|
|
37
37
|
}, /*#__PURE__*/React.createElement("div", {
|
|
38
|
-
className: _JSXStyle.dynamic([["
|
|
38
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]])
|
|
39
39
|
}, /*#__PURE__*/React.createElement("h2", {
|
|
40
|
-
className: _JSXStyle.dynamic([["
|
|
40
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]]) + " " + 'name'
|
|
41
41
|
}, props.formatName(props.attendee)), /*#__PURE__*/React.createElement(CompanionInfo, {
|
|
42
42
|
companionStatus: props.attendee.companions,
|
|
43
43
|
findMainGuest: props.findMainGuest,
|
|
@@ -47,13 +47,13 @@ export const GuestCard = props => {
|
|
|
47
47
|
response: props.attendee.getResponseForTag(props.checkinTag),
|
|
48
48
|
rsvpCount: props.attendee.getRsvpCountForTag(props.checkinTag)
|
|
49
49
|
})), /*#__PURE__*/React.createElement("div", {
|
|
50
|
-
className: _JSXStyle.dynamic([["
|
|
50
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]]) + " " + 'tag-list'
|
|
51
51
|
}, tags.map(tag => /*#__PURE__*/React.createElement(Tag, {
|
|
52
52
|
key: tag
|
|
53
53
|
}, tag)), props.infoText && /*#__PURE__*/React.createElement("div", {
|
|
54
|
-
className: _JSXStyle.dynamic([["
|
|
54
|
+
className: _JSXStyle.dynamic([["3176345188", [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]]]) + " " + 'info'
|
|
55
55
|
}, " ", props.infoText))), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
56
|
-
id: "
|
|
56
|
+
id: "3176345188",
|
|
57
57
|
dynamic: [theme.colors.enterGrey, theme.colors.enterBackground, theme.fonts.primary]
|
|
58
|
-
}, `.guest-card-wrapper.__jsx-style-dynamic-selector{border-radius:2px;border:1px solid ${theme.colors.enterGrey};background-color:${theme.colors.enterBackground};font-family:${theme.fonts.primary};margin:1.5em 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.guest-card.__jsx-style-dynamic-selector{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding:1.1em 1em 0.9em;-webkit-flex:1;-ms-flex:1;flex:1;}.tag-color-list.__jsx-style-dynamic-selector{width:0.
|
|
58
|
+
}, `.guest-card-wrapper.__jsx-style-dynamic-selector{border-radius:2px;border:1px solid ${theme.colors.enterGrey};background-color:${theme.colors.enterBackground};font-family:${theme.fonts.primary};margin:1.5em 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.guest-card.__jsx-style-dynamic-selector{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;padding:1.1em 1em 0.9em;-webkit-flex:1;-ms-flex:1;flex:1;}.tag-color-list.__jsx-style-dynamic-selector{width:0.35em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.tag-color.__jsx-style-dynamic-selector:first-child{border-top-left-radius:1px;}.tag-color.__jsx-style-dynamic-selector:last-child{border-bottom-left-radius:1px;}.plain.__jsx-style-dynamic-selector{border:none;background-color:transparent;}.name.__jsx-style-dynamic-selector{font-size:1.15em;margin:-0.1em 0 0.3em;}.tag-list.__jsx-style-dynamic-selector{max-width:40%;text-align:right;font-size:0.9em;}.info.__jsx-style-dynamic-selector{display:block;width:100%;text-align:right;}`));
|
|
59
59
|
};
|