cross-country 1.3.2 → 1.3.4

package/dist/bundle.css

@@ -295,8 +295,7 @@
   font-size: 32px;
 }
 
-._paragraph_19qgs_1 {
-  margin: 4px 0px;
+._paragraph_x7zbo_1 {
   padding: 4px;
   font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -304,6 +303,7 @@
   text-align: left;
   font-weight: 300;
   color: #333;
+  margin: 4px 0px !important;
 }
 
 ._form_m1d91_1 {
@@ -627,19 +627,28 @@ a:not([class]):focus {
   background-color: transparent;
 }
 
-._GoldLeaf_zcgqw_1 {
+._GoldLeaf_1eb97_1 {
   display: block;
   margin: 0px;
   padding: 0px;
 }
 
-._GoldLeafView_zcgqw_7 {
+._GoldLeafView_1eb97_7 {
   display: block;
   margin: 0px;
   padding: 0px;
 }
 
-._GoldLeaf__controls_zcgqw_13 {
+/* Add this class to handle empty list items */
+._GoldLeafView_1eb97_7:empty {
+  display: none;
+  margin: 0;
+  padding: 0;
+  height: 0;
+  min-height: 0;
+}
+
+._GoldLeaf__controls_1eb97_22 {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   grid-gap: 4px;
@@ -648,7 +657,7 @@ a:not([class]):focus {
   padding: 0px;
   opacity: 0.4;
 }
-._GoldLeaf__item_zcgqw_22 {
+._GoldLeaf__item_1eb97_31 {
   display: block;
   position: relative;
   background: transparent;
@@ -658,13 +667,13 @@ a:not([class]):focus {
   cursor: pointer;
   padding: 4px;
 }
-._GoldLeaf__images_zcgqw_32 {
+._GoldLeaf__images_1eb97_41 {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   overflow-x: auto;
 }
-._GoldLeaf__total_zcgqw_38 {
+._GoldLeaf__total_1eb97_47 {
   display: block;
   position: absolute;
   top: 6px;
@@ -673,7 +682,7 @@ a:not([class]):focus {
   border-radius: 4px;
   padding: 0px 2px;
 }
-._GoldLeaf__total__text_zcgqw_47 {
+._GoldLeaf__total__text_1eb97_56 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -682,12 +691,12 @@ a:not([class]):focus {
   opacity: 0.6;
 }
 
-._GoldLeaf__GoldTitleImageCard_zcgqw_56 {
+._GoldLeaf__GoldTitleImageCard_1eb97_65 {
   margin: 0px;
   padding: 0px;
 }
 
-._GoldLeaf__image_zcgqw_32 {
+._GoldLeaf__image_1eb97_41 {
   display: flex;
   flex-direction: row;
   overflow: hidden;
@@ -699,24 +708,24 @@ a:not([class]):focus {
   padding: 0px !important;
 }
 
-._GoldLeaf__image_zcgqw_32 img {
+._GoldLeaf__image_1eb97_41 img {
   width: 100%;
   height: auto;
 }
 
-._GoldLeaf__title_zcgqw_78 {
+._GoldLeaf__title_1eb97_87 {
   font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
   font-size: 20px;
   color: #888;
   width: 100%;
 }
-._GoldLeaf__titleLink_zcgqw_84 {
+._GoldLeaf__titleLink_1eb97_93 {
   text-decoration: none;
   pointer-events: all;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 10px;
 }
-._code_zcgqw_90 {
+._code_1eb97_99 {
   padding: 3px 8px;
   background-color: #a257ff;
   box-shadow: none;
@@ -1213,33 +1222,34 @@ li._listicle_wcjwf_9 {
 }
 
 /* general styles */
-._body_qcuj7_2 {
+._body_1sx7k_2 {
   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-family: Arial, Helvetica, sans-serif;
   overflow-x: hidden;
 }
-._ul_qcuj7_7 {
+._ul_1sx7k_7 {
   list-style-type: none;
   margin: 0px;
 }
 
-._Porthole_qcuj7_12 {
+._Porthole_1sx7k_12 {
   padding: 0px;
   margin: 0px;
   width: 100%;
   overflow: hidden;
   z-index: 1;
 }
-._div_qcuj7_19 {
+._div_1sx7k_19 {
   font-size: 18px !important;
   font-family: Arial, Helvetica, sans-serif;
 }
 
 /* column styles */
 
-._column__list_qcuj7_26 {
+._column__list_1sx7k_26 {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  justify-content: center;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   grid-gap: 8px;
   align-items: start;
   overflow: hidden;
@@ -1248,54 +1258,51 @@ li._listicle_wcjwf_9 {
   width: 100%;
 }
 
-._card__column_qcuj7_37 {
-  padding: 16px;
-  align-items: center;
-  padding-top: 16px;
-  padding-bottom: 16px;
+._card__column_1sx7k_38 {
+  padding: 0px;
+  margin: 0px;
   overflow: hidden;
 }
 
-._column__item_qcuj7_45 {
+._column__item_1sx7k_44 {
   border-radius: 0.2rem;
   background-color: transparent;
   padding: 0px;
   margin: 0px;
-  align-items: center;
   display: flex;
 }
 
-._column__title--wrapper_qcuj7_54 {
+._column__title--wrapper_1sx7k_52 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   padding: 0.25rem;
   align-items: center;
 }
 
-._column__title--wrapper_qcuj7_54 h2 {
+._column__title--wrapper_1sx7k_52 h2 {
   color: #17394d;
   font-weight: 700;
   font-size: 0.9rem;
 }
 
-._column__title--wrapper_qcuj7_54 i {
+._column__title--wrapper_1sx7k_52 i {
   text-align: right;
   color: #798d99;
 }
 
-._column__item--cta_qcuj7_72 {
+._column__item--cta_1sx7k_70 {
   padding: 0.25rem;
   display: flex;
   color: #798d99;
 }
 
-._column__item--cta_qcuj7_72 i {
+._column__item--cta_1sx7k_70 i {
   margin-right: 0.25rem;
 }
 
 /* card styles */
 
-._card__list_qcuj7_84 {
+._card__list_1sx7k_82 {
   display: grid;
   grid-template-rows: auto;
   grid-gap: 0.5rem;
@@ -1308,7 +1315,7 @@ li._listicle_wcjwf_9 {
   padding-bottom: 16px;
 }
 
-._card__item_qcuj7_97 {
+._card__item_1sx7k_95 {
   background-color: transparent;
   border-radius: 0.25rem;
   width: 98%;

package/dist/components/atoms/circle/__tests__/circle.test.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { r as o, s as i } from "../../../../react.esm-CrvCoXQG.js";
+import { r as o, s as i } from "../../../../react.esm-CCxWxhjc.js";
 import "../../../../index-ZOVD6bFe.js";
 import r from "../circle.js";
 describe("Circle component", () => {

package/dist/components/atoms/column/__tests__/column.test.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
-import { r as n } from "../../../../react.esm-CrvCoXQG.js";
+import { r as n } from "../../../../react.esm-CCxWxhjc.js";
 import s from "../column.js";
-import { d as c, b as a, i as d, g as l } from "../../../../vi.YFlodzP_-D3L0jBYz.js";
+import { d as c, b as a, i as d, g as l } from "../../../../vi.YFlodzP_-TarysqgP.js";
 c("<Column />", () => {
   let o;
   a(() => {

package/dist/components/atoms/list/__stories__/list.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as List } from '../list';
+
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof List>;
+export declare const Default: Story;
+export declare const WithNullComponents: Story;

package/dist/components/atoms/list/list-item/list-item.d.ts

@@ -5,6 +5,7 @@ export interface ListItemProps {
     customClass?: string;
     customStyle?: React.CSSProperties;
     role?: string;
+    id?: string;
 }
-declare const ListItem: ({ children, customClass, customStyle, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItem: ({ children, customClass, customStyle, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/dist/components/atoms/list/list-item/list-item.js

@@ -1,20 +1,22 @@
-import { jsx as e } from "react/jsx-runtime";
-import { s as l } from "../../../../list.module-BxriWrpW.js";
-import { c as r } from "../../../../clsx.m-BMVuQnLY.js";
-const f = ({
+import { jsx as l } from "react/jsx-runtime";
+import { s as r } from "../../../../list.module-BxriWrpW.js";
+import { c as a } from "../../../../clsx.m-BMVuQnLY.js";
+const p = ({
   children: s,
   customClass: t = "",
   customStyle: m = {},
-  ...o
-}) => /* @__PURE__ */ e(
+  id: o,
+  ...e
+}) => /* @__PURE__ */ l(
   "li",
   {
-    ...o,
-    className: r(l.listItem, t),
+    ...e,
+    className: a(r.listItem, t),
     style: m,
+    id: o,
     children: s
   }
 );
 export {
-  f as default
+  p as default
 };

package/dist/components/atoms/text/paragraph/paragraph.js

@@ -1,16 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../../clsx.m-BMVuQnLY.js";
-const c = "_paragraph_19qgs_1", g = {
+import { jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../../../clsx.m-BMVuQnLY.js";
+const c = "_paragraph_x7zbo_1", e = {
   paragraph: c
 }, l = ({
   children: a,
   customClass: r = "",
   customStyle: p = {},
   maxWidth: s = 600
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(
   "p",
   {
-    className: o(g.paragraph, r),
+    className: t(e.paragraph, r),
     style: { maxWidth: s, ...p },
     children: a
   }

package/dist/components/molecules/animated/animated-column/__tests__/animated-column.test.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { r as t } from "../../../../../react.esm-CrvCoXQG.js";
+import { r as t } from "../../../../../react.esm-CCxWxhjc.js";
 import { u as n } from "../../../../../react-spring_web.modern-C8ckweT7.js";
 import o from "../animated-column.js";
 jest.mock("@react-spring/web", () => ({

package/dist/components/molecules/gold-leaf/gold-leaf-view/__tests__/gold-leaf-view.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as n } from "../../../../../react.esm-CrvCoXQG.js";
-import { G as m } from "../../../../../gold-leaf-view-ijOmeogY.js";
-import { d as a, b as f, i, g as p } from "../../../../../vi.YFlodzP_-D3L0jBYz.js";
+import { r as n } from "../../../../../react.esm-CCxWxhjc.js";
+import { G as m } from "../../../../../gold-leaf-view-0Jn7L1_j.js";
+import { d as a, b as f, i, g as p } from "../../../../../vi.YFlodzP_-TarysqgP.js";
 a("Test Component", () => {
   let e;
   f(() => {

package/dist/components/molecules/gold-leaf/gold-leaf-view/controls/gold-leaf-view-controls.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useState as S } from "react";
 import { removeAllImagesFromText as H } from "../../../../../utils/golds/image-find-util.js";
 import { getWindow as v } from "../../../../../utils/server-side-util.js";
-import { s as n } from "../../../../../gold-leaf-view.module-rpbnPw4v.js";
+import { s as n } from "../../../../../gold-leaf-view.module-Bnt7E33j.js";
 import g from "../../../../atoms/column/column.js";
 import p from "../../../../atoms/button/button.js";
 import b from "../../../../atoms/row/row.js";

package/dist/components/molecules/gold-leaf/gold-leaf-view/gold-leaf-view.d.ts

@@ -1,4 +1,5 @@
 import { GoldLeafViewProps } from './gold-leaf-view.types';
 
+export declare const GOLD_LEAF_WIDTH = 280;
 declare const GoldLeafView: ({ goldLeafModel, dataTestId, customStyle, variant, }: GoldLeafViewProps) => import("react/jsx-runtime").JSX.Element;
 export default GoldLeafView;

package/dist/components/molecules/gold-leaf/gold-leaf-view/gold-leaf-view.js

@@ -8,13 +8,14 @@ import "../../wrapper/wrapper.js";
 import "../../wallpaper/wallpaper.js";
 import "../../../../index-BajRXg7z.js";
 import "../../card/card.js";
-import { G as h } from "../../../../gold-leaf-view-ijOmeogY.js";
+import { b as x, G as A } from "../../../../gold-leaf-view-0Jn7L1_j.js";
 import "../../../organisms/registration/registration-machine.js";
 import "../../../../transform-CAFMLvzX.js";
 import "../../../../react-masonry-css.module-CJ43viV7.js";
 import "./email/gold-leaf-email-view.js";
-import "../../../../gold-leaf-view.module-rpbnPw4v.js";
+import "../../../../gold-leaf-view.module-Bnt7E33j.js";
 import "./title-image/gold-title-image-card.js";
 export {
-  h as default
+  x as GOLD_LEAF_WIDTH,
+  A as default
 };

package/dist/components/molecules/gold-leaf/gold-leaf-view/index.js

@@ -1,4 +1,4 @@
-import { G as f } from "../../../../gold-leaf-view-ijOmeogY.js";
+import { G as f } from "../../../../gold-leaf-view-0Jn7L1_j.js";
 export {
   f as default
 };

package/dist/components/molecules/gold-leaf/gold-leaf-view/title-image/gold-leaf-image.js

@@ -8,7 +8,7 @@ import "../../../../atoms/group/group.js";
 import "../../../wrapper/wrapper.js";
 import "../../../wallpaper/wallpaper.js";
 import "../../../../../index-BajRXg7z.js";
-import { s } from "../../../../../gold-leaf-view.module-rpbnPw4v.js";
+import { s } from "../../../../../gold-leaf-view.module-Bnt7E33j.js";
 import "../../../../organisms/registration/registration-machine.js";
 import "../../../../../transform-CAFMLvzX.js";
 import "../../../../../react-masonry-css.module-CJ43viV7.js";

package/dist/components/molecules/gold-leaf/gold-leaf-view/title-image/gold-title-card.js

@@ -1,5 +1,5 @@
 import { jsx as t, Fragment as e } from "react/jsx-runtime";
-import { G as m, a as n } from "../../../../../gold-leaf-view-ijOmeogY.js";
+import { G as m, a as n } from "../../../../../gold-leaf-view-0Jn7L1_j.js";
 import s from "../../../../atoms/column/column.js";
 import "react";
 import "../../../../atoms/row/row.js";
@@ -12,7 +12,7 @@ import "../../../../../index-BajRXg7z.js";
 import "../../../../organisms/registration/registration-machine.js";
 import "../../../../../transform-CAFMLvzX.js";
 import "../../../../../react-masonry-css.module-CJ43viV7.js";
-import { s as i } from "../../../../../gold-leaf-view.module-rpbnPw4v.js";
+import { s as i } from "../../../../../gold-leaf-view.module-Bnt7E33j.js";
 import p from "../../../../atoms/link/link.js";
 const B = ({
   goldLeafModel: r,

package/dist/components/molecules/gold-leaf/gold-leaf-view/title-image/gold-title-image-card.js

@@ -1,24 +1,24 @@
-import { jsx as t, Fragment as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as t, Fragment as i, jsxs as e } from "react/jsx-runtime";
 import n from "../../../../atoms/column/column.js";
 import "react";
 import "../../../../atoms/row/row.js";
-import a from "../../../../atoms/text/sub-headline/sub-headline.js";
+import p from "../../../../atoms/text/sub-headline/sub-headline.js";
 import "../../../../../react-spring_web.modern-C8ckweT7.js";
 import "../../../../atoms/group/group.js";
 import "../../../wrapper/wrapper.js";
 import "../../../wallpaper/wallpaper.js";
 import "../../../../../index-BajRXg7z.js";
-import { s as m } from "../../../../../gold-leaf-view.module-rpbnPw4v.js";
+import { s as m } from "../../../../../gold-leaf-view.module-Bnt7E33j.js";
 import "../../../../organisms/registration/registration-machine.js";
 import "../../../../../transform-CAFMLvzX.js";
 import "../../../../../react-masonry-css.module-CJ43viV7.js";
-import p from "./gold-leaf-image.js";
+import l from "./gold-leaf-image.js";
 import s from "../../../../atoms/link/link.js";
-const T = ({
+const w = ({
   goldLeafModel: o,
-  mode: r = "unknown",
-  onNoImageFoundCallback: i
-}) => (console.log("GoldTitleImageCard mode: ", r), console.log("GoldTitleImageCard goldLeafModel: ", o), /* @__PURE__ */ t(e, { children: /* @__PURE__ */ l(
+  mode: a = "unknown",
+  onNoImageFoundCallback: r
+}) => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ e(
   s,
   {
     url: o.url,
@@ -33,7 +33,7 @@ const T = ({
             margin: 0
           },
           children: /* @__PURE__ */ t(
-            a,
+            p,
             {
               text: o.title,
               customClass: m.GoldLeaf__title,
@@ -50,16 +50,16 @@ const T = ({
       ),
       " ",
       /* @__PURE__ */ t(
-        p,
+        l,
         {
           goldLeafModel: o,
-          onNoImageFoundCallback: i
+          onNoImageFoundCallback: r
         }
       )
     ]
   }
-) }));
+) });
 export {
-  T as GoldTitleImageCard,
-  T as default
+  w as GoldTitleImageCard,
+  w as default
 };

package/dist/components/molecules/gold-leaf/gold-leaf.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { G as r } from "../../../gold-leaf-view-ijOmeogY.js";
+import { G as r } from "../../../gold-leaf-view-0Jn7L1_j.js";
 const d = ({ goldLeafModel: e = null, dataTestId: f = "golf-leaf-view", mode: t = "view", customClass: a, customStyle: l }) => {
   switch (t) {
     case "view":

package/dist/components/molecules/key-value-pairs/__tests__/key-value-pairs.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { r as s } from "../../../../react.esm-CrvCoXQG.js";
+import { r as s } from "../../../../react.esm-CCxWxhjc.js";
 import i from "../key-value-pairs.js";
 describe("<KeyValuePairs />", () => {
   let e;

package/dist/components/molecules/loading/__tests__/loading.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as s } from "../../../../react.esm-CrvCoXQG.js";
+import { r as s } from "../../../../react.esm-CCxWxhjc.js";
 import c from "../loading.js";
 describe("Test Component", () => {
   let e;

package/dist/components/molecules/log-error-boundary/__tests__/log-error-boundary.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as n } from "../../../../react.esm-CrvCoXQG.js";
+import { r as n } from "../../../../react.esm-CCxWxhjc.js";
 import a from "../log-error-boundary.js";
-import { d as c, b as d, i as m, g as f } from "../../../../vi.YFlodzP_-D3L0jBYz.js";
+import { d as c, b as d, i as m, g as f } from "../../../../vi.YFlodzP_-TarysqgP.js";
 c("<LogErrorBoundary />", () => {
   let o;
   d(() => {

package/dist/components/molecules/time-progress/__tests__/progress.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r as n } from "../../../../react.esm-CrvCoXQG.js";
+import { r as n } from "../../../../react.esm-CCxWxhjc.js";
 import c from "../progress.js";
 describe("<Progress />", () => {
   let o;

package/dist/components/molecules/venn-diagram/__tests__/venn-diagram.tests.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { r, s as e } from "../../../../react.esm-CrvCoXQG.js";
+import { r, s as e } from "../../../../react.esm-CCxWxhjc.js";
 import "../../../../index-ZOVD6bFe.js";
 import n from "../venn-diagram.js";
 import { defaultCircles as o } from "../venn-diagram-default-circles.js";

package/dist/components/molecules/wallpaper/__tests__/wallpaper.tests.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { r as m } from "../../../../react.esm-CrvCoXQG.js";
+import { r as m } from "../../../../react.esm-CCxWxhjc.js";
 import s from "../wallpaper.js";
-import { d as i, b as c, i as p, g as a } from "../../../../vi.YFlodzP_-D3L0jBYz.js";
+import { d as i, b as c, i as p, g as a } from "../../../../vi.YFlodzP_-TarysqgP.js";
 i("<Wallpaper />", () => {
   let r;
   c(() => {

package/dist/components/organisms/branch/branch.js

@@ -1,4 +1,4 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import "../../atoms/column/column.js";
 import "react";
 import "../../atoms/row/row.js";
@@ -7,11 +7,11 @@ import "../../atoms/group/group.js";
 import "../../molecules/wrapper/wrapper.js";
 import "../../molecules/wallpaper/wallpaper.js";
 import "../../../index-BajRXg7z.js";
-import t from "../../molecules/gold-leaf/gold-leaf.js";
+import i from "../../molecules/gold-leaf/gold-leaf.js";
 import "../registration/registration-machine.js";
 import "../../../transform-CAFMLvzX.js";
 import "../../../react-masonry-css.module-CJ43viV7.js";
-const L = ({ branch: o }) => /* @__PURE__ */ r(t, { goldLeafModel: o, mode: "view" });
+const v = ({ branch: o }) => (o == null ? void 0 : o.title) === "" ? null : /* @__PURE__ */ t(i, { goldLeafModel: o, mode: "view" });
 export {
-  L as default
+  v as default
 };

package/dist/components/organisms/branches/__tests__/branch-list.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as n } from "../../../../react.esm-CrvCoXQG.js";
+import { r as n } from "../../../../react.esm-CCxWxhjc.js";
 import { convertToPortholeBranches as c } from "../../../../utils/golds/feed-util.js";
 import { s as m } from "../../../../fp-util-DZLSTUg5.js";
 import { response as p } from "../__mocks__/branches-mock.js";