cross-country 1.2.34 → 1.2.35

package/README.md

@@ -37,7 +37,7 @@ import { Column, Row, Paragraph, Table, Chart, Bento } from "cross-country"
 
 For this third-party library to work within NextJS, there is one change required to import it's single css bundle.
 
-#### New App Strategy
+#### Import Styles - New App Strategy
 
 Edit the app\layout.tsx file to:
 
@@ -49,7 +49,7 @@ import "cross-country/dist/bundle.css";
 import { ScoutProviders } from "./providers/providers";
 ```
 
-#### Old Pages Strategy
+#### Import Styles - Old Pages Strategy
 
 Edit the pages\_app.js file to:
 
@@ -61,6 +61,18 @@ import "cross-country/dist/bundle.css";
 import { GoogleAnalytics } from "@next/third-parties/google";
 ```
 
+### Import Styles - Storybook Support
+
+If you use this library in your Storybook, update the .storybook/preview.tsx file 
+
+```
+import type { Preview } from "@storybook/react";
+import { initialize, mswLoader } from "msw-storybook-addon";
+import "cross-country/dist/bundle.css";
+```
+
+I also recommend the [mock service mocker addon](https://github.com/mswjs/msw-storybook-addon) to simulate data fetching in storybook which works very well with React hooks; similar to how we can intercept and mock response data with jest or vitest. 
+
 ### Tailwind CSS Support
 
 Each component provides a `customClass` property where you can supply your own tailwind css classes.

package/dist/{CheckCircle-LqF_bV6S.js → CheckCircle-Bn4sVLFq.js}

@@ -1,5 +1,5 @@
 import e, { forwardRef as m } from "react";
-import { b as c } from "./IconBase-BMoPr3f9.js";
+import { b as c } from "./IconBase-B6s7eIKI.js";
 const o = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -26,16 +26,16 @@ const o = /* @__PURE__ */ new Map([
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M170.83,101.17a4,4,0,0,1,0,5.66l-56,56a4,4,0,0,1-5.66,0l-24-24a4,4,0,0,1,5.66-5.66L112,154.34l53.17-53.17A4,4,0,0,1,170.83,101.17ZM228,128A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z" }))
   ]
 ]);
-var p = Object.defineProperty, i = Object.defineProperties, Z = Object.getOwnPropertyDescriptors, r = Object.getOwnPropertySymbols, A = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable, n = (t, a, l) => a in t ? p(t, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[a] = l, E = (t, a) => {
-  for (var l in a || (a = {}))
-    A.call(a, l) && n(t, l, a[l]);
+var p = Object.defineProperty, i = Object.defineProperties, Z = Object.getOwnPropertyDescriptors, r = Object.getOwnPropertySymbols, u = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable, n = (a, t, l) => t in a ? p(a, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[t] = l, f = (a, t) => {
+  for (var l in t || (t = {}))
+    u.call(t, l) && n(a, l, t[l]);
   if (r)
-    for (var l of r(a))
-      f.call(a, l) && n(t, l, a[l]);
-  return t;
-}, d = (t, a) => i(t, Z(a));
-const u = m((t, a) => /* @__PURE__ */ e.createElement(c, d(E({ ref: a }, t), { weights: o })));
-u.displayName = "CheckCircle";
+    for (var l of r(t))
+      A.call(t, l) && n(a, l, t[l]);
+  return a;
+}, E = (a, t) => i(a, Z(t));
+const d = m((a, t) => /* @__PURE__ */ e.createElement(c, E(f({ ref: t }, a), { weights: o })));
+d.displayName = "CheckCircle";
 export {
-  u as k
+  d as k
 };

package/dist/{CheckSquare-CYHZY3Tl.js → CheckSquare-C_aF5apI.js}

@@ -1,5 +1,5 @@
 import e, { forwardRef as m } from "react";
-import { b as c } from "./IconBase-BMoPr3f9.js";
+import { b as c } from "./IconBase-B6s7eIKI.js";
 const o = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -32,16 +32,16 @@ const o = /* @__PURE__ */ new Map([
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M170.83,101.17a4,4,0,0,1,0,5.66l-56,56a4,4,0,0,1-5.66,0l-24-24a4,4,0,0,1,5.66-5.66L112,154.34l53.17-53.17A4,4,0,0,1,170.83,101.17ZM220,48V208a12,12,0,0,1-12,12H48a12,12,0,0,1-12-12V48A12,12,0,0,1,48,36H208A12,12,0,0,1,220,48Zm-8,0a4,4,0,0,0-4-4H48a4,4,0,0,0-4,4V208a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4Z" }))
   ]
 ]);
-var p = Object.defineProperty, H = Object.defineProperties, V = Object.getOwnPropertyDescriptors, r = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable, n = (t, a, l) => a in t ? p(t, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[a] = l, A = (t, a) => {
-  for (var l in a || (a = {}))
-    i.call(a, l) && n(t, l, a[l]);
-  if (r)
-    for (var l of r(a))
-      Z.call(a, l) && n(t, l, a[l]);
+var p = Object.defineProperty, H = Object.defineProperties, V = Object.getOwnPropertyDescriptors, l = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable, n = (t, a, r) => a in t ? p(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, Z = (t, a) => {
+  for (var r in a || (a = {}))
+    i.call(a, r) && n(t, r, a[r]);
+  if (l)
+    for (var r of l(a))
+      u.call(a, r) && n(t, r, a[r]);
   return t;
-}, f = (t, a) => H(t, V(a));
-const u = m((t, a) => /* @__PURE__ */ e.createElement(c, f(A({ ref: a }, t), { weights: o })));
-u.displayName = "CheckSquare";
+}, A = (t, a) => H(t, V(a));
+const f = m((t, a) => /* @__PURE__ */ e.createElement(c, A(Z({ ref: a }, t), { weights: o })));
+f.displayName = "CheckSquare";
 export {
-  u as q
+  f as q
 };