@thecb/components 12.0.6 → 12.0.7-beta.0

package/README.md

@@ -2,6 +2,8 @@
 
 This library contains CityBase React components for use across all current and future CB applications (NFE, RMD, POS).
 
+> See [CONTRIBUTING.md](./CONTRIBUTING.md) for PR guidelines, dev tasks checklist, integration testing, and deployment/versioning.
+
 <!-- TOC -->
 
 - [Development setup](#development-setup)
@@ -140,32 +142,13 @@ Publishing to NPM is automated. When a PR is merged to master, the package will
 - Run `yarn add @thecb/components`.
 - To verify it installed successfully, make sure it is in the applicaton's `package.json` file.
 
-### Local import and development
-
-If you are developing locally, you can add or make changes to components in the `@thecb/components` package and see those changes in the application running locally by linking the `@thecb/components` package to your application.
-Open the `@thecb/components`, and in the command line
-
-- Run `yarn build`
-- Run `yarn link`
-
-You should see a success message, and directions on how to link this package into an application. In the application you’d like the components, navigate to that application and in the command line
-
-- Run `yarn link @thecb/components`
-
-Now the package is linked locally and you can make changes to the `@thecb/components` and you’ll see the changes in the application running `@thecb/components`. To unlink the package, in the application running `@thecb/components` and in the command line
-
-- Run `yarn unlink @thecb/components`
-- Run `yarn install` ` --``force `
-
-Next go to the `@thecb/components` and in the command line
-
-- Run `yarn unlink`
-
-Now the package is unlinked, and you’re using the version on NPM.
+### Testing changes locally
 
-### Yalc
+See **[TESTING.md](./TESTING.md)** for a complete guide to testing your changes. In short, you have three options:
 
-If you encounter issues using `yarn link`, a nice alternative is `yalc`. See [https://github.com/wclr/yalc](https://github.com/wclr/yalc) for usage instructions.
+1. **Storybook** (`yarn storybook`) — fastest, for self-contained component changes
+2. **Live Sync** (`yarn sync <path-to-project>`) — test inside a real running app without publishing
+3. **Beta Publish** (`yarn publish-beta`) — publish to npm for CI/CD, QA, or sharing with teammates
 
 ### Importing and using components
 

package/dist/index.cjs.js

@@ -27029,7 +27029,7 @@ var NavFooter = function NavFooter(_ref) {
     background: backgroundColor,
     minHeight: footerMinHeight,
     minWidth: "100%",
-    extraStyles: isMobile ? "overflow: hidden;" : "height: ".concat(footerMinHeight, "; > * { height: 100%; };")
+    extraStyles: isMobile ? "" : "min-height: ".concat(footerMinHeight, "; > * { min-height: 100%; };")
   }, rest), /*#__PURE__*/React__default.createElement(Center, {
     maxWidth: footerWidth || "76.5rem"
   }, /*#__PURE__*/React__default.createElement(Cover, {
@@ -47887,7 +47887,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     }
   }, /*#__PURE__*/React__default.createElement(Title$1, {
     weight: FONT_WEIGHT_REGULAR,
-    as: "h3",
+    as: "p",
     extraStyles: "font-size: 1rem;"
   }, agencyDisplayName), (lineItems === null || lineItems === void 0 ? void 0 : lineItems.length) && /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "pS",
@@ -47938,7 +47938,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
   }, /*#__PURE__*/React__default.createElement(Title$1, {
     weight: FONT_WEIGHT_SEMIBOLD,
     as: "h2",
-    extraStyles: "font-size: 1.5rem; line-height: ".concat(isMobile ? "2.2857rem" : "2.25rem", ";"),
+    extraStyles: "font-size: 1.375rem; line-height: ".concat(isMobile ? "2.2857rem" : "2.25rem", ";"),
     id: "payment-details-title"
   }, titleText), /*#__PURE__*/React__default.createElement(Title$1, {
     weight: FONT_WEIGHT_BOLD,
@@ -47948,7 +47948,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     as: "h2",
     weight: FONT_WEIGHT_SEMIBOLD,
     margin: "1rem 0 0 0",
-    extraStyles: "font-size: 1.5rem; line-height: ".concat(isMobile ? "2.2857rem" : "2.25rem", ";"),
+    extraStyles: "font-size: 1.375rem; line-height: ".concat(isMobile ? "2.2857rem" : "2.25rem", ";"),
     id: "payment-details-title"
   }, titleText), agencySubheading);
   return isCollapsible ? /*#__PURE__*/React__default.createElement(Collapsible, {