@royaloperahouse/chord 0.7.41 → 0.7.43
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/CHANGELOG.md +8 -0
- package/dist/chord.cjs.development.js +11 -10
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +11 -10
- package/dist/chord.esm.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/organisms/{AnchorTapBar/AnchorTapBar.d.ts → AnchorTabBar/AnchorTabBar.d.ts} +2 -2
- package/dist/components/organisms/{AnchorTapBar/AnchorTapBar.style.d.ts → AnchorTabBar/AnchorTabBar.style.d.ts} +0 -0
- package/dist/components/organisms/AnchorTabBar/index.d.ts +2 -0
- package/dist/components/organisms/index.d.ts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/types/editorial.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/organisms/AnchorTapBar/index.d.ts +0 -2
package/dist/chord.esm.js
CHANGED
|
@@ -4042,7 +4042,7 @@ var ArrowWrapper = /*#__PURE__*/styled.div(_templateObject6$4 || (_templateObjec
|
|
|
4042
4042
|
|
|
4043
4043
|
var _excluded$7 = ["id", "text"];
|
|
4044
4044
|
|
|
4045
|
-
var
|
|
4045
|
+
var AnchorTabBar = function AnchorTabBar(_ref) {
|
|
4046
4046
|
var tabs = _ref.tabs,
|
|
4047
4047
|
onTabClick = _ref.onTabClick,
|
|
4048
4048
|
activeTab = _ref.activeTab;
|
|
@@ -4690,11 +4690,12 @@ var DIV_ID = 'tdWebchat';
|
|
|
4690
4690
|
var THEME_ICON = 'https://static.roh.org.uk/logos/crest.svg';
|
|
4691
4691
|
var THEME_FONT_BODY = fontFamilies.sansSerifFallback;
|
|
4692
4692
|
var THEME_COLOR = core.colors.core;
|
|
4693
|
-
var THEME_COLOR_LIGHT = core.colors.core + '
|
|
4694
|
-
var
|
|
4693
|
+
var THEME_COLOR_LIGHT = core.colors.core + '80';
|
|
4694
|
+
var THEME_COLOR_BLACK = core.colors.black;
|
|
4695
|
+
var THEME_COLOR_LIGHTGREY = core.colors.lightgrey;
|
|
4695
4696
|
var THEME_COLOR_WHITE = core.colors.white;
|
|
4696
|
-
|
|
4697
|
-
var SCRIPT_CONTENT = "var webchat;\n((window, document, node, props, configs) => {\n if (window.TalkdeskChatSDK) {\n console.error(\"TalkdeskChatSDK already included\");\n return;\n }\n var divContainer = document.createElement(\"div\");\n divContainer.id = node;\n document.body.appendChild(divContainer);\n var currentDate = new Date().getTime();\n var src = \"" + SCRIPT_SRC + "\" + currentDate;\n var script = document.createElement(\"script\");\n var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n script.type = \"text/javascript\";\n script.charset = \"UTF-8\";\n script.id = \"tdwebchatscript\";\n script.src = src;\n script.async = true;\n firstScriptTag.parentNode.insertBefore(script, firstScriptTag);\n script.onload = () => {\n webchat = TalkdeskChatSDK(node, props);\n webchat.init(configs);\n };\n})(\n window,\n document,\n \"" + DIV_ID + "\",\n { flowId: \"cd19d348b5fb4a0ab0d3277686f28d1e\", accountId: \"\", region: \"td-us-1\" },\n { enableEmoji: true, enableUserInput: true, styles :{\n \"botIcon\": \"" + THEME_ICON + "\",\n \"chatTitle\": \"Royal Opera House\",\n \"chatThemeColor\": \"" + THEME_COLOR + "\",\n \"chatTitleIcon\": \"" + THEME_ICON + "\",\n \"
|
|
4697
|
+
var THEME_COLOR_MIDGREY = core.colors.midgrey;
|
|
4698
|
+
var SCRIPT_CONTENT = "var webchat;\n((window, document, node, props, configs) => {\n if (window.TalkdeskChatSDK) {\n console.error(\"TalkdeskChatSDK already included\");\n return;\n }\n var divContainer = document.createElement(\"div\");\n divContainer.id = node;\n document.body.appendChild(divContainer);\n var currentDate = new Date().getTime();\n var src = \"" + SCRIPT_SRC + "\" + currentDate;\n var script = document.createElement(\"script\");\n var firstScriptTag = document.getElementsByTagName(\"script\")[0];\n script.type = \"text/javascript\";\n script.charset = \"UTF-8\";\n script.id = \"tdwebchatscript\";\n script.src = src;\n script.async = true;\n firstScriptTag.parentNode.insertBefore(script, firstScriptTag);\n script.onload = () => {\n webchat = TalkdeskChatSDK(node, props);\n webchat.init(configs);\n };\n})(\n window,\n document,\n \"" + DIV_ID + "\",\n { flowId: \"cd19d348b5fb4a0ab0d3277686f28d1e\", accountId: \"\", region: \"td-us-1\" },\n { enableEmoji: true, enableUserInput: true, styles :{\n \"botIcon\": \"" + THEME_ICON + "\",\n \"botBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"botTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"chatTitle\": \"Royal Opera House\",\n \"chatThemeColor\": \"" + THEME_COLOR + "\",\n \"chatTitleIcon\": \"" + THEME_ICON + "\",\n \"customButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"customButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"customButtonColor\": \"" + THEME_COLOR_WHITE + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_LIGHTGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"userBackgroundColor\":\"" + THEME_COLOR_MIDGREY + "\",\n \"userTextColor\": \"" + THEME_COLOR_BLACK + "\",\n \"welcomeMessageBackgroundColor\": \"" + THEME_COLOR_LIGHT + "\",\n \"welcomeMessageContentFontSize\": \"18px\",\n \"welcomeMessageTitleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"welcomeMessageContentFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customMessageNoBubbleFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customFieldInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownLabelFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"customDropdownInputFontFamily\": \"" + THEME_FONT_BODY + "\",\n \"startChatButtonBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonHoverBackgroundColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverBorderColor\": \"" + THEME_COLOR + "\",\n \"startChatButtonHoverTextColor\": \"" + THEME_COLOR_WHITE + "\",\n \"startChatButtonFontFamily\": \"" + THEME_FONT_BODY + "\",\n }}\n);";
|
|
4698
4699
|
|
|
4699
4700
|
var loadLiveChatScript = function loadLiveChatScript(callback) {
|
|
4700
4701
|
var existingScript = document.getElementById(DIV_ID);
|
|
@@ -5531,7 +5532,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5531
5532
|
links = _ref.links,
|
|
5532
5533
|
children = _ref.children,
|
|
5533
5534
|
aboveTitleTags = _ref.aboveTitleTags,
|
|
5534
|
-
|
|
5535
|
+
belowTitleTags = _ref.belowTitleTags,
|
|
5535
5536
|
middleText = _ref.middleText,
|
|
5536
5537
|
bottomText = _ref.bottomText;
|
|
5537
5538
|
|
|
@@ -5580,10 +5581,10 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
5580
5581
|
list: aboveTitleTags
|
|
5581
5582
|
})), /*#__PURE__*/React__default.createElement(Header, {
|
|
5582
5583
|
level: titleLevel
|
|
5583
|
-
}, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(
|
|
5584
|
-
marginBottom:
|
|
5584
|
+
}, title)), subtitle && /*#__PURE__*/React__default.createElement(PromoWithTagsSubtitle, null, subtitle), !!(belowTitleTags != null && belowTitleTags.length) && /*#__PURE__*/React__default.createElement(PromoWithTagsTagWrapper, {
|
|
5585
|
+
marginBottom: 8
|
|
5585
5586
|
}, /*#__PURE__*/React__default.createElement(TypeTags, {
|
|
5586
|
-
list:
|
|
5587
|
+
list: belowTitleTags
|
|
5587
5588
|
})), /*#__PURE__*/React__default.createElement(PromoWithTagsText, {
|
|
5588
5589
|
dangerouslySetInnerHTML: {
|
|
5589
5590
|
__html: text
|
|
@@ -6750,5 +6751,5 @@ var GlobalStyles = /*#__PURE__*/createGlobalStyle(_templateObject$U || (_templat
|
|
|
6750
6751
|
return theme.fonts.tablet.sizes.body[1];
|
|
6751
6752
|
}, devices.desktop, devices.largeDesktop);
|
|
6752
6753
|
|
|
6753
|
-
export { Accordion, Accordions, AltHeader,
|
|
6754
|
+
export { Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, AspectRatio, BodyText, Card, Cards, Carousel, CarouselType, CinemaBadge, Colors, ContactCard, ControlledDropdown, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, HighlightsCarousel, HighlightsCinema as HighlightsCarouselCinema, HighlightsCore as HighlightsCarouselCore, HighlightsStream as HighlightsCarouselStream, Icon, ImageAspectRatioWrapper, ImageWithCaption, LiveChat, Navigation, Overline, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, Quote, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, Subtitle, Tab, TabLink, Tabs, Button$1 as TertiaryButton, TextLink, TextOnly, Theme as ThemeProvider, ThemeType, Tickbox, TickboxMode, TitleWithCTA, TypeTags, devices };
|
|
6754
6755
|
//# sourceMappingURL=chord.esm.js.map
|