@royaloperahouse/harmonic 0.14.0-b → 0.15.0-a

package/CHANGELOG.md

@@ -1,5 +1,9 @@
+## [0.15.0]
+- PageHeading: Add PageHeadingHighlight component
+
 ## [0.14.0]
-- Paywall: ask users to register, sign in, or become a member
+- CastFilter: Add CastFilter component
+- Swipe: Update focus padding
 
 ## [0.13.4]
 - Footer: internal links open in the same tab
@@ -16,8 +20,8 @@
 ## [0.13.0]
 - Restyled: Quote, Image Gallery, Accordions, BodyContent, AnchorTabBar, PromoWithTags, Section, ContactCard
 
-## [0.12.0-a]
-- Add CastFilter Component
+## [0.12.1]
+- Table: improve the pagination
 
 ## [0.12.0]
 - AnchorBar: add visual improvements

package/README.md

@@ -24,17 +24,33 @@ The Storybook for the latest version of the library is hosted at [Storybook - Ha
   
     *AWS 'Your Applications' page -> 'Royal Opera House' -> 'Developer Access' -> 'Command line or programmatic access'*
 
-* **To deploy a preview** for demo / QA you will need the `CHROMATIC_PROJECT_TOKEN` -- find this in 1Password. Creating your own Chromatic account is advised if multiple builds are necessary.
+* **To deploy a preview** for demo / QA you will need:
+
+  * A Chromatic account with a **Developer** role in the `roh-ml` project in Chromatic
+    * [Mari Lovell](mari.lovell@roh.org.uk) is the current owner of this project, you can contact her to invite you
+  * The `CHROMATIC_PROJECT_TOKEN` -- find this in 1Password or ask the project owner.
 
 
 * **To enable publishing to the NPM package**:
   * Create account / log in to NPM
   * Ask a colleague with admin rights to be added as a contributer 
   * Generate your own ROH `NPM_TOKEN` (store this token in 1Password)
+  * Set up Two-Factor Authentication for NPM, as you will be prompted by the publishing script
 
 
 ## Versioning
 ---
+> NOTE: The following applies while the Harmonic project is in Alpha (before a version 1.0.0 release)
+
+We are **not** yet using semantic versioning.
+
+When proposing changes to the Harmonic library, increment the patch version (the last number) by one, **only** in the changelog (alternatively, leave the version in the changelog as TBC) along with a note about your changes.
+
+Only increment the version in the package.json for releasing snapshots.
+
+Once your changes are merged to the main branch and released in a new version, the release manager will be responsible for incrementing that release version.
+
+> NOTE: The following **may** apply once the Harmonic project is out of Alpha, but is subject to change before then.
 
 We use [Semantic Versioning](https://semver.org/) for Harmonic.
 
@@ -69,7 +85,7 @@ The server will hot-reload on most changes.
 
 You can deploy a release candidate, or work-in-progress to [Chromatic](https://www.chromatic.com/) for showcase or QA.
 
-**NOTE:** you will need the `CHROMATIC_PROJECT_TOKEN` as described in *Prerequisites* above.
+**NOTE:** you will need the `CHROMATIC_PROJECT_TOKEN` and to be invited as a contributor to the Harmonic project in Chromatic, as described in *Prerequisites* above.
 
 Either set the token as a shell variable or use a `.env` file in the `harmonic` root directory containing the token, as so:
 

package/dist/components/molecules/CastFilter/CastFilters.style.d.ts

@@ -6,9 +6,11 @@ export declare const PersonWrapper: import("styled-components").StyledComponent<
 export declare const PersonToggle: import("styled-components").StyledComponent<"div", any, {
     isSelected: boolean;
 }, never>;
-export declare const PersonImage: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const MissingImage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PersonImage: import("styled-components").StyledComponent<"img", any, {
+    isDefaultPlaceholder?: boolean | undefined;
+}, never>;
 export declare const PersonName: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Decal: import("styled-components").StyledComponent<"div", any, {
     isSelected: boolean;
 }, never>;
+export declare const EmptySelectionTextSpacer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/harmonic.cjs.development.js

@@ -10891,6 +10891,12 @@ var AnchorBarContainer = /*#__PURE__*/styled__default(Grid)(_templateObject$1f |
 var CloseButtonWrapper = /*#__PURE__*/styled__default.a(_templateObject4$G || (_templateObject4$G = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 24px;\n  min-width: 24px;\n  max-height: 24px;\n  max-width: 24px;\n  border: none;\n  padding: 0;\n  background: none;\n\n  :hover {\n    cursor: pointer;\n  }\n\n  @media ", " {\n    min-height: 12px;\n    min-width: 12px;\n    max-height: 12px;\n    max-width: 12px;\n  }\n"])), devices.mobile);
 var ContentWrapper$2 = /*#__PURE__*/styled__default.a(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
 
+var defaultGrid = {
+  columnStartDesktop: 2,
+  columnSpanDesktop: 14,
+  columnStartDevice: 2,
+  columnSpanDevice: 12
+};
 var AnchorBar = function AnchorBar(_ref) {
   var cta = _ref.cta,
     onClickHandler = _ref.onClickHandler,
@@ -10899,7 +10905,9 @@ var AnchorBar = function AnchorBar(_ref) {
     showAnchorBar = _ref$showAnchorBar === void 0 ? true : _ref$showAnchorBar,
     className = _ref.className,
     _ref$withShadow = _ref.withShadow,
-    withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow;
+    withShadow = _ref$withShadow === void 0 ? false : _ref$withShadow,
+    _ref$grid = _ref.grid,
+    grid = _ref$grid === void 0 ? defaultGrid : _ref$grid;
   var _useState = React.useState(showAnchorBar),
     isRendered = _useState[0],
     setIsRendered = _useState[1];
@@ -10923,12 +10931,7 @@ var AnchorBar = function AnchorBar(_ref) {
       "data-testid": "anchor-bar",
       className: className,
       withShadow: withShadow
-    }, /*#__PURE__*/React__default.createElement(GridItem, {
-      columnStartDesktop: 2,
-      columnSpanDesktop: 14,
-      columnStartDevice: 2,
-      columnSpanDevice: 12
-    }, /*#__PURE__*/React__default.createElement(ContentWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, {
+    }, /*#__PURE__*/React__default.createElement(GridItem, Object.assign({}, grid), /*#__PURE__*/React__default.createElement(ContentWrapper$2, null, /*#__PURE__*/React__default.createElement(TextLink, {
       href: (_cta$href = cta.href) != null ? _cta$href : '#',
       onClick: onCtaClickHandler,
       tabIndex: 0