@royaloperahouse/chord 1.7.0-b-chord-development → 1.7.0-d-chord-development

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 ## [1.7.0-b] DEVELOPMENT
 - SearchBar: Disable input and fix overflow
 
+## [1.6.4]
+- Add imageAltText to Card component
+
+## [1.6.3]
+- Add exports for zIndexes
+
 ## [1.6.2]
 - ImpactHeader: add alt text for sponsors logo custom image 
 

package/dist/chord.cjs.development.js

@@ -3728,7 +3728,7 @@ var _templateObject$t, _templateObject2$e, _templateObject3$7, _templateObject4$
 var SearchBarContainer = /*#__PURE__*/styled__default.div(_templateObject$t || (_templateObject$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  column-gap: 64px;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n  background-color: var(--base-color-white);\n\n  @media ", " {\n    column-gap: 12px;\n  }\n"])), devices.mobile);
 var SvgContainerSearch = /*#__PURE__*/styled__default.div(_templateObject2$e || (_templateObject2$e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-xlarge-gap);\n    height: var(--navigation-xlarge-gap);\n  }\n"])));
 var SvgContainerClose = /*#__PURE__*/styled__default.div(_templateObject3$7 || (_templateObject3$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  svg {\n    width: var(--navigation-large-gap);\n    height: var(--navigation-large-gap);\n  }\n\n  :hover {\n    cursor: pointer;\n    && svg path {\n      fill: var(--base-color-navigation);\n    }\n  }\n"])));
-var InputContainer = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: blue;\n  width: 100%;\n\n  input {\n    font-size: var(--font-size-search);\n    font-family: var(--font-family-search);\n    border: none;\n    border-radius: 0;\n    outline: none;\n    outline-color: var(--base-color-white);\n    height: 48px;\n    box-sizing: border-box;\n    width: 100%;\n    -webkit-appearance: none;\n\n    &.search-input {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    @media ", " {\n      column-gap: 24px;\n    }\n  }\n\n  input:disabled {\n    background-color: var(--base-color-white)\n  }\n"])), devices.mobile);
+var InputContainer = /*#__PURE__*/styled__default.div(_templateObject4$4 || (_templateObject4$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  background-color: blue;\n  width: 100%;\n\n  input {\n    font-size: var(--font-size-search);\n    font-family: var(--font-family-search);\n    border: none;\n    border-radius: 0;\n    outline: none;\n    outline-color: var(--base-color-white);\n    height: 48px;\n    box-sizing: border-box;\n    width: 100%;\n    -webkit-appearance: none;\n\n    &.search-input {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    @media ", " {\n      column-gap: 24px;\n    }\n  }\n\n  input:disabled {\n    background-color: var(--base-color-white);\n  }\n"])), devices.mobile);
 var SearchLinkContainer = /*#__PURE__*/styled__default.div(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  @media ", " {\n    display: none;\n  }\n"])), devices.mobile);
 var SearchArrowContainer = /*#__PURE__*/styled__default.a(_templateObject6$1 || (_templateObject6$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: none;\n  height: 24px;\n  width: 24px;\n\n  @media ", " {\n    display: block;\n  }\n"])), devices.mobile);
 
@@ -5207,6 +5207,7 @@ var Cards = function Cards(_ref) {
     }, /*#__PURE__*/React__default.createElement(Card, {
       size: size,
       image: card.image,
+      imageAltText: card.imageAltText,
       progress: card.progress,
       title: card.title,
       subtitle: card.subtitle,
@@ -7315,4 +7316,5 @@ exports.Tickbox = Tickbox;
 exports.TitleWithCTA = TitleWithCTA;
 exports.TypeTags = TypeTags;
 exports.devices = devices;
+exports.zIndexes = zIndexes;
 //# sourceMappingURL=chord.cjs.development.js.map